diff --git a/build2/styles/artists-books.css b/build2/styles/artists-books.css deleted file mode 100644 index 3693a533a..000000000 --- a/build2/styles/artists-books.css +++ /dev/null @@ -1,13350 +0,0 @@ -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -/** - * Foundation for Sites by ZURB - * Version 6.4.3 - * foundation.zurb.com - * Licensed under MIT Open Source - */ -@media print, screen and (min-width: 40em) { - .reveal, .reveal.tiny, .reveal.small, .reveal.large { - right: auto; - left: auto; - margin: 0 auto; } } - -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/* Document - ========================================================================== */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - line-height: 1.15; - /* 2 */ - -ms-text-size-adjust: 100%; - /* 3 */ - -webkit-text-size-adjust: 100%; - /* 3 */ } - -/* 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, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title { - font-size: 2em; - margin: 0.67em 0; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - 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 { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Add the correct display in IE. - */ -main { - display: block; } - -/** - * 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 */ } - -/* Links - ========================================================================== */ -/** - * 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 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in 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 */ - 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. - */ -button { - 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 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 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 { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - color: inherit; - /* 2 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE, and Firefox. - */ -details { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; } - -/* 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; } - -.foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } - -html { - box-sizing: border-box; - font-size: 100%; } - -*, -*::before, -*::after { - box-sizing: inherit; } - -body { - margin: 0; - padding: 0; - background: #ffffff; - font-family: "freight-text-pro", serif; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; } - -textarea { - height: auto; - min-height: 50px; - border-radius: 0; } - -select { - box-sizing: border-box; - width: 100%; - border-radius: 0; } - -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -button { - padding: 0; - appearance: none; - border: 0; - border-radius: 0; - background: transparent; - line-height: 1; - cursor: auto; } - [data-whatinput='mouse'] button { - outline: 0; } - -pre { - overflow: auto; } - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; } - -.is-visible { - display: block !important; } - -.is-hidden { - display: none !important; } - -.grid-container { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 90rem; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.fluid { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 100%; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container.fluid { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.full { - padding-right: 0; - padding-left: 0; - max-width: 100%; - margin: 0 auto; } - -.grid-x, .video--embed.boxed { - display: flex; - flex-flow: row wrap; } - -.cell, .video--embed.boxed > .video--embed__wrapper { - flex: 0 0 auto; - min-height: 0px; - min-width: 0px; - width: 100%; } - .cell.auto, .video--embed.boxed > .auto.video--embed__wrapper { - flex: 1 1 0px; } - .cell.shrink, .video--embed.boxed > .shrink.video--embed__wrapper { - flex: 0 0 auto; } - -.grid-x > .auto, .video--embed.boxed > .auto { - width: auto; } - -.grid-x > .shrink, .video--embed.boxed > .shrink { - width: auto; } - -.grid-x > .small-shrink, .video--embed.boxed > .small-shrink, .grid-x > .small-full, .video--embed.boxed > .small-full, .grid-x > .small-1, .video--embed.boxed > .small-1, .grid-x > .small-2, .video--embed.boxed > .small-2, .grid-x > .small-3, .video--embed.boxed > .small-3, .grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper, .grid-x > .small-5, .video--embed.boxed > .small-5, .grid-x > .small-6, .video--embed.boxed > .small-6, .grid-x > .small-7, .video--embed.boxed > .small-7, .grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper, .grid-x > .small-9, .video--embed.boxed > .small-9, .grid-x > .small-10, .video--embed.boxed > .small-10, .grid-x > .small-11, .video--embed.boxed > .small-11, .grid-x > .small-12, .video--embed.boxed > .small-12 { - flex-basis: auto; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink, .grid-x > .medium-full, .video--embed.boxed > .medium-full, .grid-x > .medium-1, .video--embed.boxed > .medium-1, .grid-x > .medium-2, .video--embed.boxed > .medium-2, .grid-x > .medium-3, .video--embed.boxed > .medium-3, .grid-x > .medium-4, .video--embed.boxed > .medium-4, .grid-x > .medium-5, .video--embed.boxed > .medium-5, .grid-x > .medium-6, .video--embed.boxed > .medium-6, .grid-x > .medium-7, .video--embed.boxed > .medium-7, .grid-x > .medium-8, .video--embed.boxed > .medium-8, .grid-x > .medium-9, .video--embed.boxed > .medium-9, .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper, .grid-x > .medium-11, .video--embed.boxed > .medium-11, .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - flex-basis: auto; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink, .grid-x > .large-full, .video--embed.boxed > .large-full, .grid-x > .large-1, .video--embed.boxed > .large-1, .grid-x > .large-2, .video--embed.boxed > .large-2, .grid-x > .large-3, .video--embed.boxed > .large-3, .grid-x > .large-4, .video--embed.boxed > .large-4, .grid-x > .large-5, .video--embed.boxed > .large-5, .grid-x > .large-6, .video--embed.boxed > .large-6, .grid-x > .large-7, .video--embed.boxed > .large-7, .grid-x > .large-8, .video--embed.boxed > .large-8, .grid-x > .large-9, .video--embed.boxed > .large-9, .grid-x > .large-10, .video--embed.boxed > .large-10, .grid-x > .large-11, .video--embed.boxed > .large-11, .grid-x > .large-12, .video--embed.boxed > .large-12 { - flex-basis: auto; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink, .grid-x > .xlarge-full, .video--embed.boxed > .xlarge-full, .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1, .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2, .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3, .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4, .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5, .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6, .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7, .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8, .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9, .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10, .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11, .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - flex-basis: auto; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink, .grid-x > .xxlarge-full, .video--embed.boxed > .xxlarge-full, .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1, .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2, .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3, .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4, .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5, .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6, .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7, .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8, .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9, .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10, .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11, .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - flex-basis: auto; } } - -.grid-x > .small-1, .video--embed.boxed > .small-1 { - width: 8.33333%; } - -.grid-x > .small-2, .video--embed.boxed > .small-2 { - width: 16.66667%; } - -.grid-x > .small-3, .video--embed.boxed > .small-3 { - width: 25%; } - -.grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - width: 33.33333%; } - -.grid-x > .small-5, .video--embed.boxed > .small-5 { - width: 41.66667%; } - -.grid-x > .small-6, .video--embed.boxed > .small-6 { - width: 50%; } - -.grid-x > .small-7, .video--embed.boxed > .small-7 { - width: 58.33333%; } - -.grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper { - width: 66.66667%; } - -.grid-x > .small-9, .video--embed.boxed > .small-9 { - width: 75%; } - -.grid-x > .small-10, .video--embed.boxed > .small-10 { - width: 83.33333%; } - -.grid-x > .small-11, .video--embed.boxed > .small-11 { - width: 91.66667%; } - -.grid-x > .small-12, .video--embed.boxed > .small-12 { - width: 100%; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-auto, .video--embed.boxed > .medium-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .medium-1, .video--embed.boxed > .medium-1 { - width: 8.33333%; } - .grid-x > .medium-2, .video--embed.boxed > .medium-2 { - width: 16.66667%; } - .grid-x > .medium-3, .video--embed.boxed > .medium-3 { - width: 25%; } - .grid-x > .medium-4, .video--embed.boxed > .medium-4 { - width: 33.33333%; } - .grid-x > .medium-5, .video--embed.boxed > .medium-5 { - width: 41.66667%; } - .grid-x > .medium-6, .video--embed.boxed > .medium-6 { - width: 50%; } - .grid-x > .medium-7, .video--embed.boxed > .medium-7 { - width: 58.33333%; } - .grid-x > .medium-8, .video--embed.boxed > .medium-8 { - width: 66.66667%; } - .grid-x > .medium-9, .video--embed.boxed > .medium-9 { - width: 75%; } - .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper { - width: 83.33333%; } - .grid-x > .medium-11, .video--embed.boxed > .medium-11 { - width: 91.66667%; } - .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-auto, .video--embed.boxed > .large-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .large-1, .video--embed.boxed > .large-1 { - width: 8.33333%; } - .grid-x > .large-2, .video--embed.boxed > .large-2 { - width: 16.66667%; } - .grid-x > .large-3, .video--embed.boxed > .large-3 { - width: 25%; } - .grid-x > .large-4, .video--embed.boxed > .large-4 { - width: 33.33333%; } - .grid-x > .large-5, .video--embed.boxed > .large-5 { - width: 41.66667%; } - .grid-x > .large-6, .video--embed.boxed > .large-6 { - width: 50%; } - .grid-x > .large-7, .video--embed.boxed > .large-7 { - width: 58.33333%; } - .grid-x > .large-8, .video--embed.boxed > .large-8 { - width: 66.66667%; } - .grid-x > .large-9, .video--embed.boxed > .large-9 { - width: 75%; } - .grid-x > .large-10, .video--embed.boxed > .large-10 { - width: 83.33333%; } - .grid-x > .large-11, .video--embed.boxed > .large-11 { - width: 91.66667%; } - .grid-x > .large-12, .video--embed.boxed > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-auto, .video--embed.boxed > .xlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1 { - width: 8.33333%; } - .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2 { - width: 16.66667%; } - .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3 { - width: 25%; } - .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4 { - width: 33.33333%; } - .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5 { - width: 41.66667%; } - .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6 { - width: 50%; } - .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7 { - width: 58.33333%; } - .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8 { - width: 66.66667%; } - .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9 { - width: 75%; } - .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10 { - width: 83.33333%; } - .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11 { - width: 91.66667%; } - .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-auto, .video--embed.boxed > .xxlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1 { - width: 8.33333%; } - .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2 { - width: 16.66667%; } - .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3 { - width: 25%; } - .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4 { - width: 33.33333%; } - .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5 { - width: 41.66667%; } - .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6 { - width: 50%; } - .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7 { - width: 58.33333%; } - .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8 { - width: 66.66667%; } - .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9 { - width: 75%; } - .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10 { - width: 83.33333%; } - .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11 { - width: 91.66667%; } - .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - width: 100%; } } - -.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .cell, .video--embed.boxed.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .video--embed__wrapper { - width: auto; } - -.grid-margin-y:not(.grid-y) > .cell, .video--embed.boxed.grid-margin-y:not(.grid-y) > .video--embed__wrapper { - height: auto; } - -.grid-margin-x { - margin-left: -0.625rem; - margin-right: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.25rem); - margin-left: 0.625rem; - margin-right: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.875rem); - margin-left: 0.9375rem; - margin-right: 0.9375rem; } } - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.25rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.25rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.25rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.25rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.25rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.25rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.25rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.25rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.25rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.875rem); } - .grid-margin-x > .medium-auto { - width: auto; } - .grid-margin-x > .medium-shrink { - width: auto; } - .grid-margin-x > .medium-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .medium-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .medium-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .medium-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .medium-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .medium-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .medium-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .medium-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .medium-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .medium-10, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .medium-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .medium-12 { - width: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-x > .large-auto { - width: auto; } - .grid-margin-x > .large-shrink { - width: auto; } - .grid-margin-x > .large-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .large-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .large-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .large-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .large-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .large-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .large-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .large-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .large-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .large-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .large-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .large-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-x > .xlarge-auto { - width: auto; } - .grid-margin-x > .xlarge-shrink { - width: auto; } - .grid-margin-x > .xlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xlarge-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-x > .xxlarge-auto { - width: auto; } - .grid-margin-x > .xxlarge-shrink { - width: auto; } - .grid-margin-x > .xxlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xxlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xxlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xxlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-12 { - width: calc(100% - 1.875rem); } } - -.grid-padding-x .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-container:not(.full) > .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-container:not(.full) > .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.625rem; - padding-left: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - -.small-up-1 > .cell, .video--embed.boxed.small-up-1 > .video--embed__wrapper { - width: 100%; } - -.small-up-2 > .cell, .video--embed.boxed.small-up-2 > .video--embed__wrapper { - width: 50%; } - -.small-up-3 > .cell, .video--embed.boxed.small-up-3 > .video--embed__wrapper { - width: 33.33333%; } - -.small-up-4 > .cell, .video--embed.boxed.small-up-4 > .video--embed__wrapper { - width: 25%; } - -.small-up-5 > .cell, .video--embed.boxed.small-up-5 > .video--embed__wrapper { - width: 20%; } - -.small-up-6 > .cell, .video--embed.boxed.small-up-6 > .video--embed__wrapper { - width: 16.66667%; } - -.small-up-7 > .cell, .video--embed.boxed.small-up-7 > .video--embed__wrapper { - width: 14.28571%; } - -.small-up-8 > .cell, .video--embed.boxed.small-up-8 > .video--embed__wrapper { - width: 12.5%; } - -@media print, screen and (min-width: 40em) { - .medium-up-1 > .cell, .video--embed.boxed.medium-up-1 > .video--embed__wrapper { - width: 100%; } - .medium-up-2 > .cell, .video--embed.boxed.medium-up-2 > .video--embed__wrapper { - width: 50%; } - .medium-up-3 > .cell, .video--embed.boxed.medium-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .medium-up-4 > .cell, .video--embed.boxed.medium-up-4 > .video--embed__wrapper { - width: 25%; } - .medium-up-5 > .cell, .video--embed.boxed.medium-up-5 > .video--embed__wrapper { - width: 20%; } - .medium-up-6 > .cell, .video--embed.boxed.medium-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .medium-up-7 > .cell, .video--embed.boxed.medium-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .medium-up-8 > .cell, .video--embed.boxed.medium-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media print, screen and (min-width: 64em) { - .large-up-1 > .cell, .video--embed.boxed.large-up-1 > .video--embed__wrapper { - width: 100%; } - .large-up-2 > .cell, .video--embed.boxed.large-up-2 > .video--embed__wrapper { - width: 50%; } - .large-up-3 > .cell, .video--embed.boxed.large-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .large-up-4 > .cell, .video--embed.boxed.large-up-4 > .video--embed__wrapper { - width: 25%; } - .large-up-5 > .cell, .video--embed.boxed.large-up-5 > .video--embed__wrapper { - width: 20%; } - .large-up-6 > .cell, .video--embed.boxed.large-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .large-up-7 > .cell, .video--embed.boxed.large-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .large-up-8 > .cell, .video--embed.boxed.large-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 75em) { - .xlarge-up-1 > .cell, .video--embed.boxed.xlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xlarge-up-2 > .cell, .video--embed.boxed.xlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xlarge-up-3 > .cell, .video--embed.boxed.xlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-up-4 > .cell, .video--embed.boxed.xlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xlarge-up-5 > .cell, .video--embed.boxed.xlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xlarge-up-6 > .cell, .video--embed.boxed.xlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xlarge-up-7 > .cell, .video--embed.boxed.xlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xlarge-up-8 > .cell, .video--embed.boxed.xlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 90em) { - .xxlarge-up-1 > .cell, .video--embed.boxed.xxlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xxlarge-up-2 > .cell, .video--embed.boxed.xxlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xxlarge-up-3 > .cell, .video--embed.boxed.xxlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-up-4 > .cell, .video--embed.boxed.xxlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xxlarge-up-5 > .cell, .video--embed.boxed.xxlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xxlarge-up-6 > .cell, .video--embed.boxed.xxlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xxlarge-up-7 > .cell, .video--embed.boxed.xxlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xxlarge-up-8 > .cell, .video--embed.boxed.xxlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -.grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - -.grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - -.grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - -.grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - -.grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - -.grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - -.grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - -.grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - -@media print, screen and (min-width: 40em) { - .grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - .grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - .grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - .grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - .grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - .grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - .grid-margin-x.medium-up-1 > .cell, .video--embed.boxed.grid-margin-x.medium-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.medium-up-2 > .cell, .video--embed.boxed.grid-margin-x.medium-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.medium-up-3 > .cell, .video--embed.boxed.grid-margin-x.medium-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.medium-up-4 > .cell, .video--embed.boxed.grid-margin-x.medium-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.medium-up-5 > .cell, .video--embed.boxed.grid-margin-x.medium-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.medium-up-6 > .cell, .video--embed.boxed.grid-margin-x.medium-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.medium-up-7 > .cell, .video--embed.boxed.grid-margin-x.medium-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.medium-up-8 > .cell, .video--embed.boxed.grid-margin-x.medium-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-x.large-up-1 > .cell, .video--embed.boxed.grid-margin-x.large-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.large-up-2 > .cell, .video--embed.boxed.grid-margin-x.large-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.large-up-3 > .cell, .video--embed.boxed.grid-margin-x.large-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.large-up-4 > .cell, .video--embed.boxed.grid-margin-x.large-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.large-up-5 > .cell, .video--embed.boxed.grid-margin-x.large-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.large-up-6 > .cell, .video--embed.boxed.grid-margin-x.large-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.large-up-7 > .cell, .video--embed.boxed.grid-margin-x.large-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.large-up-8 > .cell, .video--embed.boxed.grid-margin-x.large-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-x.xlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-x.xxlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xxlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xxlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xxlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xxlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xxlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xxlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xxlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -.small-margin-collapse { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .cell, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .small-1 { - width: 8.33333%; } - .small-margin-collapse > .small-2 { - width: 16.66667%; } - .small-margin-collapse > .small-3 { - width: 25%; } - .small-margin-collapse > .small-4, .scroll-comparison .wrapper.small-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .small-margin-collapse > .small-5 { - width: 41.66667%; } - .small-margin-collapse > .small-6 { - width: 50%; } - .small-margin-collapse > .small-7 { - width: 58.33333%; } - .small-margin-collapse > .small-8, .scroll-comparison .wrapper.small-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .small-margin-collapse > .small-9 { - width: 75%; } - .small-margin-collapse > .small-10 { - width: 83.33333%; } - .small-margin-collapse > .small-11 { - width: 91.66667%; } - .small-margin-collapse > .small-12 { - width: 100%; } - @media print, screen and (min-width: 40em) { - .small-margin-collapse > .medium-1 { - width: 8.33333%; } - .small-margin-collapse > .medium-2 { - width: 16.66667%; } - .small-margin-collapse > .medium-3 { - width: 25%; } - .small-margin-collapse > .medium-4 { - width: 33.33333%; } - .small-margin-collapse > .medium-5 { - width: 41.66667%; } - .small-margin-collapse > .medium-6 { - width: 50%; } - .small-margin-collapse > .medium-7 { - width: 58.33333%; } - .small-margin-collapse > .medium-8 { - width: 66.66667%; } - .small-margin-collapse > .medium-9 { - width: 75%; } - .small-margin-collapse > .medium-10, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .small-margin-collapse > .medium-11 { - width: 91.66667%; } - .small-margin-collapse > .medium-12 { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .small-margin-collapse > .large-1 { - width: 8.33333%; } - .small-margin-collapse > .large-2 { - width: 16.66667%; } - .small-margin-collapse > .large-3 { - width: 25%; } - .small-margin-collapse > .large-4 { - width: 33.33333%; } - .small-margin-collapse > .large-5 { - width: 41.66667%; } - .small-margin-collapse > .large-6 { - width: 50%; } - .small-margin-collapse > .large-7 { - width: 58.33333%; } - .small-margin-collapse > .large-8 { - width: 66.66667%; } - .small-margin-collapse > .large-9 { - width: 75%; } - .small-margin-collapse > .large-10 { - width: 83.33333%; } - .small-margin-collapse > .large-11 { - width: 91.66667%; } - .small-margin-collapse > .large-12 { - width: 100%; } } - @media screen and (min-width: 75em) { - .small-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xlarge-3 { - width: 25%; } - .small-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xlarge-6 { - width: 50%; } - .small-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xlarge-9 { - width: 75%; } - .small-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xlarge-12 { - width: 100%; } } - @media screen and (min-width: 90em) { - .small-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xxlarge-3 { - width: 25%; } - .small-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xxlarge-6 { - width: 50%; } - .small-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xxlarge-9 { - width: 75%; } - .small-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xxlarge-12 { - width: 100%; } } - -.small-padding-collapse { - margin-right: 0; - margin-left: 0; } - .small-padding-collapse > .cell, .video--embed.boxed.small-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse { - margin-right: 0; - margin-left: 0; } - .medium-margin-collapse > .cell, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .small-1 { - width: 8.33333%; } - .medium-margin-collapse > .small-2 { - width: 16.66667%; } - .medium-margin-collapse > .small-3 { - width: 25%; } - .medium-margin-collapse > .small-4, .scroll-comparison .wrapper.medium-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .medium-margin-collapse > .small-5 { - width: 41.66667%; } - .medium-margin-collapse > .small-6 { - width: 50%; } - .medium-margin-collapse > .small-7 { - width: 58.33333%; } - .medium-margin-collapse > .small-8, .scroll-comparison .wrapper.medium-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .medium-margin-collapse > .small-9 { - width: 75%; } - .medium-margin-collapse > .small-10 { - width: 83.33333%; } - .medium-margin-collapse > .small-11 { - width: 91.66667%; } - .medium-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .medium-1 { - width: 8.33333%; } - .medium-margin-collapse > .medium-2 { - width: 16.66667%; } - .medium-margin-collapse > .medium-3 { - width: 25%; } - .medium-margin-collapse > .medium-4 { - width: 33.33333%; } - .medium-margin-collapse > .medium-5 { - width: 41.66667%; } - .medium-margin-collapse > .medium-6 { - width: 50%; } - .medium-margin-collapse > .medium-7 { - width: 58.33333%; } - .medium-margin-collapse > .medium-8 { - width: 66.66667%; } - .medium-margin-collapse > .medium-9 { - width: 75%; } - .medium-margin-collapse > .medium-10, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .medium-margin-collapse > .medium-11 { - width: 91.66667%; } - .medium-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .medium-margin-collapse > .large-1 { - width: 8.33333%; } - .medium-margin-collapse > .large-2 { - width: 16.66667%; } - .medium-margin-collapse > .large-3 { - width: 25%; } - .medium-margin-collapse > .large-4 { - width: 33.33333%; } - .medium-margin-collapse > .large-5 { - width: 41.66667%; } - .medium-margin-collapse > .large-6 { - width: 50%; } - .medium-margin-collapse > .large-7 { - width: 58.33333%; } - .medium-margin-collapse > .large-8 { - width: 66.66667%; } - .medium-margin-collapse > .large-9 { - width: 75%; } - .medium-margin-collapse > .large-10 { - width: 83.33333%; } - .medium-margin-collapse > .large-11 { - width: 91.66667%; } - .medium-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .medium-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xlarge-3 { - width: 25%; } - .medium-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xlarge-6 { - width: 50%; } - .medium-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xlarge-9 { - width: 75%; } - .medium-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .medium-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xxlarge-3 { - width: 25%; } - .medium-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xxlarge-6 { - width: 50%; } - .medium-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xxlarge-9 { - width: 75%; } - .medium-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-padding-collapse { - margin-right: 0; - margin-left: 0; } - .medium-padding-collapse > .cell, .video--embed.boxed.medium-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse { - margin-right: 0; - margin-left: 0; } - .large-margin-collapse > .cell, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .small-1 { - width: 8.33333%; } - .large-margin-collapse > .small-2 { - width: 16.66667%; } - .large-margin-collapse > .small-3 { - width: 25%; } - .large-margin-collapse > .small-4, .scroll-comparison .wrapper.large-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .large-margin-collapse > .small-5 { - width: 41.66667%; } - .large-margin-collapse > .small-6 { - width: 50%; } - .large-margin-collapse > .small-7 { - width: 58.33333%; } - .large-margin-collapse > .small-8, .scroll-comparison .wrapper.large-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .large-margin-collapse > .small-9 { - width: 75%; } - .large-margin-collapse > .small-10 { - width: 83.33333%; } - .large-margin-collapse > .small-11 { - width: 91.66667%; } - .large-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .medium-1 { - width: 8.33333%; } - .large-margin-collapse > .medium-2 { - width: 16.66667%; } - .large-margin-collapse > .medium-3 { - width: 25%; } - .large-margin-collapse > .medium-4 { - width: 33.33333%; } - .large-margin-collapse > .medium-5 { - width: 41.66667%; } - .large-margin-collapse > .medium-6 { - width: 50%; } - .large-margin-collapse > .medium-7 { - width: 58.33333%; } - .large-margin-collapse > .medium-8 { - width: 66.66667%; } - .large-margin-collapse > .medium-9 { - width: 75%; } - .large-margin-collapse > .medium-10, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .large-margin-collapse > .medium-11 { - width: 91.66667%; } - .large-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .large-1 { - width: 8.33333%; } - .large-margin-collapse > .large-2 { - width: 16.66667%; } - .large-margin-collapse > .large-3 { - width: 25%; } - .large-margin-collapse > .large-4 { - width: 33.33333%; } - .large-margin-collapse > .large-5 { - width: 41.66667%; } - .large-margin-collapse > .large-6 { - width: 50%; } - .large-margin-collapse > .large-7 { - width: 58.33333%; } - .large-margin-collapse > .large-8 { - width: 66.66667%; } - .large-margin-collapse > .large-9 { - width: 75%; } - .large-margin-collapse > .large-10 { - width: 83.33333%; } - .large-margin-collapse > .large-11 { - width: 91.66667%; } - .large-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .large-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xlarge-3 { - width: 25%; } - .large-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xlarge-6 { - width: 50%; } - .large-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xlarge-9 { - width: 75%; } - .large-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .large-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xxlarge-3 { - width: 25%; } - .large-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xxlarge-6 { - width: 50%; } - .large-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xxlarge-9 { - width: 75%; } - .large-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-padding-collapse { - margin-right: 0; - margin-left: 0; } - .large-padding-collapse > .cell, .video--embed.boxed.large-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-margin-collapse > .cell, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .small-3 { - width: 25%; } - .xlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .small-6 { - width: 50%; } - .xlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xlarge-margin-collapse > .small-9 { - width: 75%; } - .xlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .medium-3 { - width: 25%; } - .xlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .medium-6 { - width: 50%; } - .xlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .medium-9 { - width: 75%; } - .xlarge-margin-collapse > .medium-10, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .large-3 { - width: 25%; } - .xlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .large-6 { - width: 50%; } - .xlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .large-9 { - width: 75%; } - .xlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-padding-collapse > .cell, .video--embed.boxed.xlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-margin-collapse > .cell, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .small-3 { - width: 25%; } - .xxlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .small-6 { - width: 50%; } - .xxlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xxlarge-margin-collapse > .small-9 { - width: 75%; } - .xxlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .medium-3 { - width: 25%; } - .xxlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .medium-6 { - width: 50%; } - .xxlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .medium-9 { - width: 75%; } - .xxlarge-margin-collapse > .medium-10, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xxlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .large-3 { - width: 25%; } - .xxlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .large-6 { - width: 50%; } - .xxlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .large-9 { - width: 75%; } - .xxlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-padding-collapse > .cell, .video--embed.boxed.xxlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -.small-offset-0 { - margin-left: 0%; } - -.grid-margin-x > .small-offset-0 { - margin-left: calc(0% + 0.625rem); } - -.small-offset-1 { - margin-left: 8.33333%; } - -.grid-margin-x > .small-offset-1 { - margin-left: calc(8.33333% + 0.625rem); } - -.small-offset-2 { - margin-left: 16.66667%; } - -.grid-margin-x > .small-offset-2 { - margin-left: calc(16.66667% + 0.625rem); } - -.small-offset-3 { - margin-left: 25%; } - -.grid-margin-x > .small-offset-3 { - margin-left: calc(25% + 0.625rem); } - -.small-offset-4 { - margin-left: 33.33333%; } - -.grid-margin-x > .small-offset-4 { - margin-left: calc(33.33333% + 0.625rem); } - -.small-offset-5 { - margin-left: 41.66667%; } - -.grid-margin-x > .small-offset-5 { - margin-left: calc(41.66667% + 0.625rem); } - -.small-offset-6 { - margin-left: 50%; } - -.grid-margin-x > .small-offset-6 { - margin-left: calc(50% + 0.625rem); } - -.small-offset-7 { - margin-left: 58.33333%; } - -.grid-margin-x > .small-offset-7 { - margin-left: calc(58.33333% + 0.625rem); } - -.small-offset-8 { - margin-left: 66.66667%; } - -.grid-margin-x > .small-offset-8 { - margin-left: calc(66.66667% + 0.625rem); } - -.small-offset-9 { - margin-left: 75%; } - -.grid-margin-x > .small-offset-9 { - margin-left: calc(75% + 0.625rem); } - -.small-offset-10 { - margin-left: 83.33333%; } - -.grid-margin-x > .small-offset-10 { - margin-left: calc(83.33333% + 0.625rem); } - -.small-offset-11 { - margin-left: 91.66667%; } - -.grid-margin-x > .small-offset-11 { - margin-left: calc(91.66667% + 0.625rem); } - -@media print, screen and (min-width: 40em) { - .medium-offset-0 { - margin-left: 0%; } - .grid-margin-x > .medium-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .medium-offset-1, .video--embed.boxed > .video--embed__wrapper { - margin-left: 8.33333%; } - .grid-margin-x > .medium-offset-1, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - margin-left: calc(8.33333% + 0.9375rem); } - .medium-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .medium-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .medium-offset-3 { - margin-left: 25%; } - .grid-margin-x > .medium-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .medium-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .medium-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .medium-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .medium-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .medium-offset-6 { - margin-left: 50%; } - .grid-margin-x > .medium-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .medium-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .medium-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .medium-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .medium-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .medium-offset-9 { - margin-left: 75%; } - .grid-margin-x > .medium-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .medium-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .medium-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .medium-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .medium-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media print, screen and (min-width: 64em) { - .large-offset-0 { - margin-left: 0%; } - .grid-margin-x > .large-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .large-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .large-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .large-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .large-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .large-offset-3 { - margin-left: 25%; } - .grid-margin-x > .large-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .large-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .large-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .large-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .large-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .large-offset-6 { - margin-left: 50%; } - .grid-margin-x > .large-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .large-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .large-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .large-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .large-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .large-offset-9 { - margin-left: 75%; } - .grid-margin-x > .large-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .large-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .large-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .large-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .large-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 75em) { - .xlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 90em) { - .xxlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xxlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xxlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xxlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xxlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xxlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xxlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xxlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xxlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xxlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xxlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xxlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xxlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xxlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xxlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xxlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xxlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xxlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xxlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xxlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xxlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xxlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xxlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xxlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -.grid-y { - display: flex; - flex-flow: column nowrap; } - .grid-y > .cell, .video--embed.boxed.grid-y > .video--embed__wrapper { - width: auto; } - .grid-y > .auto { - height: auto; } - .grid-y > .shrink { - height: auto; } - .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { - flex-basis: auto; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper, .grid-y > .medium-11, .grid-y > .medium-12 { - flex-basis: auto; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { - flex-basis: auto; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { - flex-basis: auto; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { - flex-basis: auto; } } - .grid-y > .small-1 { - height: 8.33333%; } - .grid-y > .small-2 { - height: 16.66667%; } - .grid-y > .small-3 { - height: 25%; } - .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper { - height: 33.33333%; } - .grid-y > .small-5 { - height: 41.66667%; } - .grid-y > .small-6 { - height: 50%; } - .grid-y > .small-7 { - height: 58.33333%; } - .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper { - height: 66.66667%; } - .grid-y > .small-9 { - height: 75%; } - .grid-y > .small-10 { - height: 83.33333%; } - .grid-y > .small-11 { - height: 91.66667%; } - .grid-y > .small-12 { - height: 100%; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .medium-shrink { - height: auto; } - .grid-y > .medium-1 { - height: 8.33333%; } - .grid-y > .medium-2 { - height: 16.66667%; } - .grid-y > .medium-3 { - height: 25%; } - .grid-y > .medium-4 { - height: 33.33333%; } - .grid-y > .medium-5 { - height: 41.66667%; } - .grid-y > .medium-6 { - height: 50%; } - .grid-y > .medium-7 { - height: 58.33333%; } - .grid-y > .medium-8 { - height: 66.66667%; } - .grid-y > .medium-9 { - height: 75%; } - .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper { - height: 83.33333%; } - .grid-y > .medium-11 { - height: 91.66667%; } - .grid-y > .medium-12 { - height: 100%; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .large-shrink { - height: auto; } - .grid-y > .large-1 { - height: 8.33333%; } - .grid-y > .large-2 { - height: 16.66667%; } - .grid-y > .large-3 { - height: 25%; } - .grid-y > .large-4 { - height: 33.33333%; } - .grid-y > .large-5 { - height: 41.66667%; } - .grid-y > .large-6 { - height: 50%; } - .grid-y > .large-7 { - height: 58.33333%; } - .grid-y > .large-8 { - height: 66.66667%; } - .grid-y > .large-9 { - height: 75%; } - .grid-y > .large-10 { - height: 83.33333%; } - .grid-y > .large-11 { - height: 91.66667%; } - .grid-y > .large-12 { - height: 100%; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xlarge-shrink { - height: auto; } - .grid-y > .xlarge-1 { - height: 8.33333%; } - .grid-y > .xlarge-2 { - height: 16.66667%; } - .grid-y > .xlarge-3 { - height: 25%; } - .grid-y > .xlarge-4 { - height: 33.33333%; } - .grid-y > .xlarge-5 { - height: 41.66667%; } - .grid-y > .xlarge-6 { - height: 50%; } - .grid-y > .xlarge-7 { - height: 58.33333%; } - .grid-y > .xlarge-8 { - height: 66.66667%; } - .grid-y > .xlarge-9 { - height: 75%; } - .grid-y > .xlarge-10 { - height: 83.33333%; } - .grid-y > .xlarge-11 { - height: 91.66667%; } - .grid-y > .xlarge-12 { - height: 100%; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xxlarge-shrink { - height: auto; } - .grid-y > .xxlarge-1 { - height: 8.33333%; } - .grid-y > .xxlarge-2 { - height: 16.66667%; } - .grid-y > .xxlarge-3 { - height: 25%; } - .grid-y > .xxlarge-4 { - height: 33.33333%; } - .grid-y > .xxlarge-5 { - height: 41.66667%; } - .grid-y > .xxlarge-6 { - height: 50%; } - .grid-y > .xxlarge-7 { - height: 58.33333%; } - .grid-y > .xxlarge-8 { - height: 66.66667%; } - .grid-y > .xxlarge-9 { - height: 75%; } - .grid-y > .xxlarge-10 { - height: 83.33333%; } - .grid-y > .xxlarge-11 { - height: 91.66667%; } - .grid-y > .xxlarge-12 { - height: 100%; } } - -.grid-padding-y .grid-padding-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y .grid-padding-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - -.grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.625rem; - padding-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.9375rem; - padding-bottom: 0.9375rem; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - -.cell .grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-frame { - width: 100%; } - -.cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .cell-block-container > .grid-x, .cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - -@media print, screen and (min-width: 40em) { - .medium-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .medium-grid-frame { - width: 100%; } - .medium-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .medium-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .medium-cell-block-container > .grid-x, .medium-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .medium-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media print, screen and (min-width: 64em) { - .large-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .large-grid-frame, .video--embed.boxed > .video--embed__wrapper .large-grid-frame { - width: 100%; } - .large-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .large-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .large-cell-block-container > .grid-x, .large-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .large-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 75em) { - .xlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xlarge-grid-frame { - width: 100%; } - .xlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xlarge-cell-block-container > .grid-x, .xlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 90em) { - .xxlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xxlarge-grid-frame { - width: 100%; } - .xxlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xxlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xxlarge-cell-block-container > .grid-x, .xxlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xxlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -.grid-y.grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } - -@media print, screen and (min-width: 40em) { - .grid-y.medium-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media print, screen and (min-width: 64em) { - .grid-y.large-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 75em) { - .grid-y.xlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 90em) { - .grid-y.xxlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -.cell .grid-y.grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.grid-frame { - height: 100%; } - -@media print, screen and (min-width: 40em) { - .cell .grid-y.medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.medium-grid-frame { - height: 100%; } } - -@media print, screen and (min-width: 64em) { - .cell .grid-y.large-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.large-grid-frame { - height: 100%; } } - -@media screen and (min-width: 75em) { - .cell .grid-y.xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xlarge-grid-frame { - height: 100%; } } - -@media screen and (min-width: 90em) { - .cell .grid-y.xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xxlarge-grid-frame { - height: 100%; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame.grid-margin-y { - height: calc(100vh + 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 40em) { - .grid-margin-y.medium-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-y.large-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-y.xlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-y.xxlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -div, -dl, -dt, -dd, -ul, -ol, -li, h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, -h2, -h3, -h4, -h5, -h6, -a.link--arrow, -pre, -form, -p, -.off-canvas footer.footer .footer-feature h3, -blockquote, -th, -td { - margin: 0; - padding: 0; } - - -p, -.off-canvas footer.footer .footer-feature h3 { - margin-bottom: 1rem; - font-size: inherit; - line-height: 1.6; - text-rendering: optimizeLegibility; } - -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 80%; - line-height: inherit; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, -a.link--arrow, .h6 { - font-family: "freight-display-pro", sans; - font-style: normal; - font-weight: normal; - color: inherit; - text-rendering: optimizeLegibility; } - h1 small, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title small, .in-depth .in-depth__title small, .h1 small, .intro-text h2 small, - h2 small, .h2 small, - h3 small, .h3 small, - h4 small, .h4 small, - h5 small, .h5 small, - h6 small, - a.link--arrow small, .h6 small { - line-height: 0; - color: #b2b2b2; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 1.5rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h2, .h2 { - font-size: 1.25rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h3, .h3 { - font-size: 1.1875rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h4, .h4 { - font-size: 1.125rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h5, .h5 { - font-size: 1.0625rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - - -h6, -a.link--arrow, .h6 { - font-size: 1rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -@media print, screen and (min-width: 40em) { - h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 3rem; } - h2, .h2 { - font-size: 2.5rem; } - h3, .h3 { - font-size: 1.9375rem; } - h4, .h4 { - font-size: 1.5625rem; } - h5, .h5 { - font-size: 1.25rem; } - - h6, - a.link--arrow, .h6 { - font-size: 1rem; } } - -a { - line-height: inherit; - color: #6a6a6a; - text-decoration: none; - cursor: pointer; } - a:hover, a:focus { - color: #5b5b5b; } - a img { - border: 0; } - -hr { - clear: both; - max-width: 90rem; - height: 0; - margin: 1.25rem auto; - border-top: 0; - border-right: 0; - border-bottom: 1px solid #b2b2b2; - border-left: 0; } - -ul, -ol, -dl { - margin-bottom: 1rem; - list-style-position: outside; - line-height: 1.6; } - -li { - font-size: inherit; } - -ul { - margin-left: 1.25rem; - list-style-type: disc; } - -ol { - margin-left: 1.25rem; } - -ul ul, ol ul, ul ol, ol ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -dl { - margin-bottom: 1rem; } - dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } - -blockquote { - margin: 0 0 1rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: none; } - blockquote, blockquote p, blockquote .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature blockquote h3 { - line-height: 1.6; - color: #0a0a0a; } - -cite { - display: block; - font-size: 100%; - color: #0a0a0a; } - cite:before { - content: ""; } - -abbr, abbr[title] { - border-bottom: 1px dotted #0a0a0a; - cursor: help; - text-decoration: none; } - -figure { - margin: 0; } - -code { - padding: 0.125rem 0.3125rem 0.0625rem; - border: 1px solid #b2b2b2; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - color: #0a0a0a; } - -kbd { - margin: 0; - padding: 0.125rem 0.25rem 0; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - color: #0a0a0a; } - -.subheader { - margin-top: 0.2rem; - margin-bottom: 0.5rem; - font-weight: normal; - line-height: 1.4; - color: #8a8a8a; } - -.lead, .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 125%; - line-height: 1.6; } - -.stat { - font-size: 2.5rem; - line-height: 1; } - p + .stat, .off-canvas footer.footer .footer-feature h3 + .stat { - margin-top: -1rem; } - -ul.no-bullet, ol.no-bullet { - margin-left: 0; - list-style: none; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center, .standalone-quote { - text-align: center; } - -.text-justify { - text-align: justify; } - -@media print, screen and (min-width: 40em) { - .medium-text-left { - text-align: left; } - .medium-text-right { - text-align: right; } - .medium-text-center { - text-align: center; } - .medium-text-justify { - text-align: justify; } } - -@media print, screen and (min-width: 64em) { - .large-text-left { - text-align: left; } - .large-text-right { - text-align: right; } - .large-text-center { - text-align: center; } - .large-text-justify { - text-align: justify; } } - -@media screen and (min-width: 75em) { - .xlarge-text-left { - text-align: left; } - .xlarge-text-right { - text-align: right; } - .xlarge-text-center { - text-align: center; } - .xlarge-text-justify { - text-align: justify; } } - -@media screen and (min-width: 90em) { - .xxlarge-text-left { - text-align: left; } - .xxlarge-text-right { - text-align: right; } - .xxlarge-text-center { - text-align: center; } - .xxlarge-text-justify { - text-align: justify; } } - -.show-for-print { - display: none !important; } - -@media print { - * { - background: transparent !important; - box-shadow: none !important; - color: black !important; - text-shadow: none !important; } - .show-for-print { - display: block !important; } - .hide-for-print { - display: none !important; } - table.show-for-print { - display: table !important; } - thead.show-for-print { - display: table-header-group !important; } - tbody.show-for-print { - display: table-row-group !important; } - tr.show-for-print { - display: table-row !important; } - td.show-for-print { - display: table-cell !important; } - th.show-for-print { - display: table-cell !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - .ir a:after, - a[href^='javascript:']:after, - a[href^='#']:after { - content: ''; } - abbr[title]:after { - content: " (" attr(title) ")"; } - pre, - blockquote { - border: 1px solid #8a8a8a; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - - p, - .off-canvas footer.footer .footer-feature h3, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } - .print-break-inside { - page-break-inside: auto; } } - -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - display: inline-block; - vertical-align: middle; - margin: 0 0 1rem 0; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding: 0.85em 2em 0.5em 2em; - -webkit-appearance: none; - border: 1px solid transparent; - border-radius: 100rem; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - font-size: 0.75rem; - line-height: 1; - text-align: center; - cursor: pointer; - background-color: #6a6a6a; - color: #ffffff; } - [data-whatinput='mouse'] .button, - [data-whatinput='mouse'] .cta__button, - [data-whatinput='mouse'] .cta__button--alt, [data-whatinput='mouse'] .modal__open-button, [data-whatinput='mouse'] .transcript .transcript__toggle, .transcript [data-whatinput='mouse'] .transcript__toggle, [data-whatinput='mouse'] .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro [data-whatinput='mouse'] .slide--in-depth__intro__button { - outline: 0; } - .button:hover, - .cta__button:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background-color: #5a5a5a; - color: #ffffff; } - .button.tiny, - .tiny.cta__button, - .tiny.cta__button--alt, .tiny.modal__open-button, .transcript .tiny.transcript__toggle, .owl-carousel .slide--in-depth__intro .tiny.slide--in-depth__intro__button { - font-size: 0.6rem; } - .button.small, - .small.cta__button, - .small.cta__button--alt, .small.modal__open-button, .transcript .small.transcript__toggle, .owl-carousel .slide--in-depth__intro .small.slide--in-depth__intro__button { - font-size: 0.75rem; } - .button.large, - .large.cta__button, - .large.cta__button--alt, .large.modal__open-button, .transcript .large.transcript__toggle, .owl-carousel .slide--in-depth__intro .large.slide--in-depth__intro__button { - font-size: 1rem; } - .button.expanded, - .expanded.cta__button, - .expanded.cta__button--alt, .expanded.modal__open-button, .transcript .expanded.transcript__toggle, .owl-carousel .slide--in-depth__intro .expanded.slide--in-depth__intro__button { - display: block; - width: 100%; - margin-right: 0; - margin-left: 0; } - .button.primary, - .primary.cta__button, - .primary.cta__button--alt, .primary.modal__open-button, .transcript .primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button { - background-color: #6a6a6a; - color: #ffffff; } - .button.primary:hover, - .primary.cta__button:hover, - .primary.cta__button--alt:hover, .primary.modal__open-button:hover, .transcript .primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:hover, .button.primary:focus, - .primary.cta__button:focus, - .primary.cta__button--alt:focus, .primary.modal__open-button:focus, .transcript .primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:focus { - background-color: #555555; - color: #ffffff; } - .button.secondary, - .secondary.cta__button, - .secondary.cta__button--alt, .secondary.modal__open-button, .transcript .secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button { - background-color: #9a9a9a; - color: #0a0a0a; } - .button.secondary:hover, - .secondary.cta__button:hover, - .secondary.cta__button--alt:hover, .secondary.modal__open-button:hover, .transcript .secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:hover, .button.secondary:focus, - .secondary.cta__button:focus, - .secondary.cta__button--alt:focus, .secondary.modal__open-button:focus, .transcript .secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:focus { - background-color: #7b7b7b; - color: #0a0a0a; } - .button.success, - .success.cta__button, - .success.cta__button--alt, .success.modal__open-button, .transcript .success.transcript__toggle, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button.success:hover, - .success.cta__button:hover, - .success.cta__button--alt:hover, .success.modal__open-button:hover, .transcript .success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:hover, .button.success:focus, - .success.cta__button:focus, - .success.cta__button--alt:focus, .success.modal__open-button:focus, .transcript .success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button.warning, - .warning.cta__button, - .warning.cta__button--alt, .warning.modal__open-button, .transcript .warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button.warning:hover, - .warning.cta__button:hover, - .warning.cta__button--alt:hover, .warning.modal__open-button:hover, .transcript .warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:hover, .button.warning:focus, - .warning.cta__button:focus, - .warning.cta__button--alt:focus, .warning.modal__open-button:focus, .transcript .warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button.alert, - .alert.cta__button, - .alert.cta__button--alt, .alert.modal__open-button, .transcript .alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button.alert:hover, - .alert.cta__button:hover, - .alert.cta__button--alt:hover, .alert.modal__open-button:hover, .transcript .alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:hover, .button.alert:focus, - .alert.cta__button:focus, - .alert.cta__button--alt:focus, .alert.modal__open-button:focus, .transcript .alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled] { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button.disabled:hover, - .disabled.cta__button:hover, - .disabled.cta__button--alt:hover, .disabled.modal__open-button:hover, .transcript .disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:hover, .button.disabled:focus, - .disabled.cta__button:focus, - .disabled.cta__button--alt:focus, .disabled.modal__open-button:focus, .transcript .disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:focus, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled], .button[disabled]:hover, - .cta__button[disabled]:hover, - .cta__button--alt[disabled]:hover, .modal__open-button[disabled]:hover, .transcript .transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:hover, .button[disabled]:focus, - .cta__button[disabled]:focus, - .cta__button--alt[disabled]:focus, .modal__open-button[disabled]:focus, .transcript .transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:focus { - background-color: #6a6a6a; - color: #ffffff; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button.disabled.primary:hover, - .disabled.primary.cta__button:hover, - .disabled.primary.cta__button--alt:hover, .disabled.primary.modal__open-button:hover, .transcript .disabled.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:hover, .button.disabled.primary:focus, - .disabled.primary.cta__button:focus, - .disabled.primary.cta__button--alt:focus, .disabled.primary.modal__open-button:focus, .transcript .disabled.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:focus, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary, .button[disabled].primary:hover, - .cta__button[disabled].primary:hover, - .cta__button--alt[disabled].primary:hover, .modal__open-button[disabled].primary:hover, .transcript .transcript__toggle[disabled].primary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:hover, .button[disabled].primary:focus, - .cta__button[disabled].primary:focus, - .cta__button--alt[disabled].primary:focus, .modal__open-button[disabled].primary:focus, .transcript .transcript__toggle[disabled].primary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:focus { - background-color: #6a6a6a; - color: #ffffff; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button.disabled.secondary:hover, - .disabled.secondary.cta__button:hover, - .disabled.secondary.cta__button--alt:hover, .disabled.secondary.modal__open-button:hover, .transcript .disabled.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:hover, .button.disabled.secondary:focus, - .disabled.secondary.cta__button:focus, - .disabled.secondary.cta__button--alt:focus, .disabled.secondary.modal__open-button:focus, .transcript .disabled.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:focus, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary, .button[disabled].secondary:hover, - .cta__button[disabled].secondary:hover, - .cta__button--alt[disabled].secondary:hover, .modal__open-button[disabled].secondary:hover, .transcript .transcript__toggle[disabled].secondary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:hover, .button[disabled].secondary:focus, - .cta__button[disabled].secondary:focus, - .cta__button--alt[disabled].secondary:focus, .modal__open-button[disabled].secondary:focus, .transcript .transcript__toggle[disabled].secondary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:focus { - background-color: #9a9a9a; - color: #0a0a0a; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button.disabled.success:hover, - .disabled.success.cta__button:hover, - .disabled.success.cta__button--alt:hover, .disabled.success.modal__open-button:hover, .transcript .disabled.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:hover, .button.disabled.success:focus, - .disabled.success.cta__button:focus, - .disabled.success.cta__button--alt:focus, .disabled.success.modal__open-button:focus, .transcript .disabled.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:focus, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success, .button[disabled].success:hover, - .cta__button[disabled].success:hover, - .cta__button--alt[disabled].success:hover, .modal__open-button[disabled].success:hover, .transcript .transcript__toggle[disabled].success:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:hover, .button[disabled].success:focus, - .cta__button[disabled].success:focus, - .cta__button--alt[disabled].success:focus, .modal__open-button[disabled].success:focus, .transcript .transcript__toggle[disabled].success:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:focus { - background-color: #3adb76; - color: #0a0a0a; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button.disabled.warning:hover, - .disabled.warning.cta__button:hover, - .disabled.warning.cta__button--alt:hover, .disabled.warning.modal__open-button:hover, .transcript .disabled.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:hover, .button.disabled.warning:focus, - .disabled.warning.cta__button:focus, - .disabled.warning.cta__button--alt:focus, .disabled.warning.modal__open-button:focus, .transcript .disabled.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:focus, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning, .button[disabled].warning:hover, - .cta__button[disabled].warning:hover, - .cta__button--alt[disabled].warning:hover, .modal__open-button[disabled].warning:hover, .transcript .transcript__toggle[disabled].warning:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:hover, .button[disabled].warning:focus, - .cta__button[disabled].warning:focus, - .cta__button--alt[disabled].warning:focus, .modal__open-button[disabled].warning:focus, .transcript .transcript__toggle[disabled].warning:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:focus { - background-color: #ffae00; - color: #0a0a0a; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button.disabled.alert:hover, - .disabled.alert.cta__button:hover, - .disabled.alert.cta__button--alt:hover, .disabled.alert.modal__open-button:hover, .transcript .disabled.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:hover, .button.disabled.alert:focus, - .disabled.alert.cta__button:focus, - .disabled.alert.cta__button--alt:focus, .disabled.alert.modal__open-button:focus, .transcript .disabled.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:focus, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert, .button[disabled].alert:hover, - .cta__button[disabled].alert:hover, - .cta__button--alt[disabled].alert:hover, .modal__open-button[disabled].alert:hover, .transcript .transcript__toggle[disabled].alert:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:hover, .button[disabled].alert:focus, - .cta__button[disabled].alert:focus, - .cta__button--alt[disabled].alert:focus, .modal__open-button[disabled].alert:focus, .transcript .transcript__toggle[disabled].alert:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:focus { - background-color: #cc4b37; - color: #ffffff; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.hollow.disabled, - .hollow.disabled.cta__button, - .hollow.disabled.cta__button--alt, .hollow.disabled.modal__open-button, .transcript .hollow.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button, .button.hollow.disabled:hover, - .hollow.disabled.cta__button:hover, - .hollow.disabled.cta__button--alt:hover, .hollow.disabled.modal__open-button:hover, .transcript .hollow.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:hover, .button.hollow.disabled:focus, - .hollow.disabled.cta__button:focus, - .hollow.disabled.cta__button--alt:focus, .hollow.disabled.modal__open-button:focus, .transcript .hollow.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:focus, .button.hollow[disabled], - .hollow.cta__button[disabled], - .hollow.cta__button--alt[disabled], .hollow.modal__open-button[disabled], .transcript .hollow.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled], .button.hollow[disabled]:hover, - .hollow.cta__button[disabled]:hover, - .hollow.cta__button--alt[disabled]:hover, .hollow.modal__open-button[disabled]:hover, .transcript .hollow.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:hover, .button.hollow[disabled]:focus, - .hollow.cta__button[disabled]:focus, - .hollow.cta__button--alt[disabled]:focus, .hollow.modal__open-button[disabled]:focus, .transcript .hollow.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - border-color: #353535; - color: #353535; } - .button.hollow:hover.disabled, - .hollow.cta__button:hover.disabled, - .hollow.cta__button--alt:hover.disabled, .hollow.modal__open-button:hover.disabled, .transcript .hollow.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover.disabled, .button.hollow:hover[disabled], - .hollow.cta__button:hover[disabled], - .hollow.cta__button--alt:hover[disabled], .hollow.modal__open-button:hover[disabled], .transcript .hollow.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover[disabled], .button.hollow:focus.disabled, - .hollow.cta__button:focus.disabled, - .hollow.cta__button--alt:focus.disabled, .hollow.modal__open-button:focus.disabled, .transcript .hollow.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus.disabled, .button.hollow:focus[disabled], - .hollow.cta__button:focus[disabled], - .hollow.cta__button--alt:focus[disabled], .hollow.modal__open-button:focus[disabled], .transcript .hollow.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.hollow.primary, - .hollow.primary.cta__button, - .hollow.primary.cta__button--alt, .hollow.primary.modal__open-button, .transcript .hollow.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.hollow.primary:hover, - .hollow.primary.cta__button:hover, - .hollow.primary.cta__button--alt:hover, .hollow.primary.modal__open-button:hover, .transcript .hollow.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover, .button.hollow.primary:focus, - .hollow.primary.cta__button:focus, - .hollow.primary.cta__button--alt:focus, .hollow.primary.modal__open-button:focus, .transcript .hollow.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus { - border-color: #353535; - color: #353535; } - .button.hollow.primary:hover.disabled, - .hollow.primary.cta__button:hover.disabled, - .hollow.primary.cta__button--alt:hover.disabled, .hollow.primary.modal__open-button:hover.disabled, .transcript .hollow.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover.disabled, .button.hollow.primary:hover[disabled], - .hollow.primary.cta__button:hover[disabled], - .hollow.primary.cta__button--alt:hover[disabled], .hollow.primary.modal__open-button:hover[disabled], .transcript .hollow.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover[disabled], .button.hollow.primary:focus.disabled, - .hollow.primary.cta__button:focus.disabled, - .hollow.primary.cta__button--alt:focus.disabled, .hollow.primary.modal__open-button:focus.disabled, .transcript .hollow.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus.disabled, .button.hollow.primary:focus[disabled], - .hollow.primary.cta__button:focus[disabled], - .hollow.primary.cta__button--alt:focus[disabled], .hollow.primary.modal__open-button:focus[disabled], .transcript .hollow.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.hollow.secondary, - .hollow.secondary.cta__button, - .hollow.secondary.cta__button--alt, .hollow.secondary.modal__open-button, .transcript .hollow.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button { - border: 2px solid #9a9a9a; - color: #9a9a9a; } - .button.hollow.secondary:hover, - .hollow.secondary.cta__button:hover, - .hollow.secondary.cta__button--alt:hover, .hollow.secondary.modal__open-button:hover, .transcript .hollow.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover, .button.hollow.secondary:focus, - .hollow.secondary.cta__button:focus, - .hollow.secondary.cta__button--alt:focus, .hollow.secondary.modal__open-button:focus, .transcript .hollow.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus { - border-color: #4d4d4d; - color: #4d4d4d; } - .button.hollow.secondary:hover.disabled, - .hollow.secondary.cta__button:hover.disabled, - .hollow.secondary.cta__button--alt:hover.disabled, .hollow.secondary.modal__open-button:hover.disabled, .transcript .hollow.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover.disabled, .button.hollow.secondary:hover[disabled], - .hollow.secondary.cta__button:hover[disabled], - .hollow.secondary.cta__button--alt:hover[disabled], .hollow.secondary.modal__open-button:hover[disabled], .transcript .hollow.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover[disabled], .button.hollow.secondary:focus.disabled, - .hollow.secondary.cta__button:focus.disabled, - .hollow.secondary.cta__button--alt:focus.disabled, .hollow.secondary.modal__open-button:focus.disabled, .transcript .hollow.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus.disabled, .button.hollow.secondary:focus[disabled], - .hollow.secondary.cta__button:focus[disabled], - .hollow.secondary.cta__button--alt:focus[disabled], .hollow.secondary.modal__open-button:focus[disabled], .transcript .hollow.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #9a9a9a; - color: #9a9a9a; } - .button.hollow.success, - .hollow.success.cta__button, - .hollow.success.cta__button--alt, .hollow.success.modal__open-button, .transcript .hollow.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.success:hover, - .hollow.success.cta__button:hover, - .hollow.success.cta__button--alt:hover, .hollow.success.modal__open-button:hover, .transcript .hollow.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover, .button.hollow.success:focus, - .hollow.success.cta__button:focus, - .hollow.success.cta__button--alt:focus, .hollow.success.modal__open-button:focus, .transcript .hollow.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.hollow.success:hover.disabled, - .hollow.success.cta__button:hover.disabled, - .hollow.success.cta__button--alt:hover.disabled, .hollow.success.modal__open-button:hover.disabled, .transcript .hollow.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover.disabled, .button.hollow.success:hover[disabled], - .hollow.success.cta__button:hover[disabled], - .hollow.success.cta__button--alt:hover[disabled], .hollow.success.modal__open-button:hover[disabled], .transcript .hollow.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover[disabled], .button.hollow.success:focus.disabled, - .hollow.success.cta__button:focus.disabled, - .hollow.success.cta__button--alt:focus.disabled, .hollow.success.modal__open-button:focus.disabled, .transcript .hollow.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus.disabled, .button.hollow.success:focus[disabled], - .hollow.success.cta__button:focus[disabled], - .hollow.success.cta__button--alt:focus[disabled], .hollow.success.modal__open-button:focus[disabled], .transcript .hollow.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.warning, - .hollow.warning.cta__button, - .hollow.warning.cta__button--alt, .hollow.warning.modal__open-button, .transcript .hollow.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.warning:hover, - .hollow.warning.cta__button:hover, - .hollow.warning.cta__button--alt:hover, .hollow.warning.modal__open-button:hover, .transcript .hollow.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover, .button.hollow.warning:focus, - .hollow.warning.cta__button:focus, - .hollow.warning.cta__button--alt:focus, .hollow.warning.modal__open-button:focus, .transcript .hollow.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.hollow.warning:hover.disabled, - .hollow.warning.cta__button:hover.disabled, - .hollow.warning.cta__button--alt:hover.disabled, .hollow.warning.modal__open-button:hover.disabled, .transcript .hollow.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover.disabled, .button.hollow.warning:hover[disabled], - .hollow.warning.cta__button:hover[disabled], - .hollow.warning.cta__button--alt:hover[disabled], .hollow.warning.modal__open-button:hover[disabled], .transcript .hollow.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover[disabled], .button.hollow.warning:focus.disabled, - .hollow.warning.cta__button:focus.disabled, - .hollow.warning.cta__button--alt:focus.disabled, .hollow.warning.modal__open-button:focus.disabled, .transcript .hollow.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus.disabled, .button.hollow.warning:focus[disabled], - .hollow.warning.cta__button:focus[disabled], - .hollow.warning.cta__button--alt:focus[disabled], .hollow.warning.modal__open-button:focus[disabled], .transcript .hollow.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.alert, - .hollow.alert.cta__button, - .hollow.alert.cta__button--alt, .hollow.alert.modal__open-button, .transcript .hollow.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.hollow.alert:hover, - .hollow.alert.cta__button:hover, - .hollow.alert.cta__button--alt:hover, .hollow.alert.modal__open-button:hover, .transcript .hollow.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover, .button.hollow.alert:focus, - .hollow.alert.cta__button:focus, - .hollow.alert.cta__button--alt:focus, .hollow.alert.modal__open-button:focus, .transcript .hollow.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.hollow.alert:hover.disabled, - .hollow.alert.cta__button:hover.disabled, - .hollow.alert.cta__button--alt:hover.disabled, .hollow.alert.modal__open-button:hover.disabled, .transcript .hollow.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover.disabled, .button.hollow.alert:hover[disabled], - .hollow.alert.cta__button:hover[disabled], - .hollow.alert.cta__button--alt:hover[disabled], .hollow.alert.modal__open-button:hover[disabled], .transcript .hollow.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover[disabled], .button.hollow.alert:focus.disabled, - .hollow.alert.cta__button:focus.disabled, - .hollow.alert.cta__button--alt:focus.disabled, .hollow.alert.modal__open-button:focus.disabled, .transcript .hollow.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus.disabled, .button.hollow.alert:focus[disabled], - .hollow.alert.cta__button:focus[disabled], - .hollow.alert.cta__button--alt:focus[disabled], .hollow.alert.modal__open-button:focus[disabled], .transcript .hollow.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear.disabled:hover, - .clear.disabled.cta__button:hover, - .clear.disabled.cta__button--alt:hover, .clear.disabled.modal__open-button:hover, .transcript .clear.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:hover, .button.clear.disabled:focus, - .clear.disabled.cta__button:focus, - .clear.disabled.cta__button--alt:focus, .clear.disabled.modal__open-button:focus, .transcript .clear.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:focus, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear[disabled]:hover, - .clear.cta__button[disabled]:hover, - .clear.cta__button--alt[disabled]:hover, .clear.modal__open-button[disabled]:hover, .transcript .clear.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:hover, .button.clear[disabled]:focus, - .clear.cta__button[disabled]:focus, - .clear.cta__button--alt[disabled]:focus, .clear.modal__open-button[disabled]:focus, .transcript .clear.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - border-color: #353535; - color: #353535; } - .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus, .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus { - border-color: #353535; - color: #353535; } - .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #6a6a6a; - color: #6a6a6a; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button, .button.clear.primary.disabled, - .clear.primary.disabled.cta__button, - .clear.primary.disabled.cta__button--alt, .clear.primary.disabled.modal__open-button, .transcript .clear.primary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.disabled.slide--in-depth__intro__button, .button.clear.primary[disabled], - .clear.primary.cta__button[disabled], - .clear.primary.cta__button--alt[disabled], .clear.primary.modal__open-button[disabled], .transcript .clear.primary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button[disabled], .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus, .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button { - border: 2px solid #9a9a9a; - color: #9a9a9a; } - .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus { - border-color: #4d4d4d; - color: #4d4d4d; } - .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #9a9a9a; - color: #9a9a9a; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button, .button.clear.secondary.disabled, - .clear.secondary.disabled.cta__button, - .clear.secondary.disabled.cta__button--alt, .clear.secondary.disabled.modal__open-button, .transcript .clear.secondary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.disabled.slide--in-depth__intro__button, .button.clear.secondary[disabled], - .clear.secondary.cta__button[disabled], - .clear.secondary.cta__button--alt[disabled], .clear.secondary.modal__open-button[disabled], .transcript .clear.secondary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button[disabled], .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus, .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button, .button.clear.success.disabled, - .clear.success.disabled.cta__button, - .clear.success.disabled.cta__button--alt, .clear.success.disabled.modal__open-button, .transcript .clear.success.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.disabled.slide--in-depth__intro__button, .button.clear.success[disabled], - .clear.success.cta__button[disabled], - .clear.success.cta__button--alt[disabled], .clear.success.modal__open-button[disabled], .transcript .clear.success.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button[disabled], .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus, .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button, .button.clear.warning.disabled, - .clear.warning.disabled.cta__button, - .clear.warning.disabled.cta__button--alt, .clear.warning.disabled.modal__open-button, .transcript .clear.warning.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.disabled.slide--in-depth__intro__button, .button.clear.warning[disabled], - .clear.warning.cta__button[disabled], - .clear.warning.cta__button--alt[disabled], .clear.warning.modal__open-button[disabled], .transcript .clear.warning.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button[disabled], .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus, .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button, .button.clear.alert.disabled, - .clear.alert.disabled.cta__button, - .clear.alert.disabled.cta__button--alt, .clear.alert.disabled.modal__open-button, .transcript .clear.alert.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.disabled.slide--in-depth__intro__button, .button.clear.alert[disabled], - .clear.alert.cta__button[disabled], - .clear.alert.cta__button--alt[disabled], .clear.alert.modal__open-button[disabled], .transcript .clear.alert.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button[disabled], .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus, .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.dropdown::after, - .dropdown.cta__button::after, - .dropdown.cta__button--alt::after, .dropdown.modal__open-button::after, .transcript .dropdown.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.slide--in-depth__intro__button::after { - display: block; - width: 0; - height: 0; - border: inset 0.4em; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - position: relative; - top: 0.4em; - display: inline-block; - float: right; - margin-left: 2em; } - .button.dropdown.hollow::after, - .dropdown.hollow.cta__button::after, - .dropdown.hollow.cta__button--alt::after, .dropdown.hollow.modal__open-button::after, .transcript .dropdown.hollow.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.slide--in-depth__intro__button::after { - border-top-color: #6a6a6a; } - .button.dropdown.hollow.primary::after, - .dropdown.hollow.primary.cta__button::after, - .dropdown.hollow.primary.cta__button--alt::after, .dropdown.hollow.primary.modal__open-button::after, .transcript .dropdown.hollow.primary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.primary.slide--in-depth__intro__button::after { - border-top-color: #6a6a6a; } - .button.dropdown.hollow.secondary::after, - .dropdown.hollow.secondary.cta__button::after, - .dropdown.hollow.secondary.cta__button--alt::after, .dropdown.hollow.secondary.modal__open-button::after, .transcript .dropdown.hollow.secondary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.secondary.slide--in-depth__intro__button::after { - border-top-color: #9a9a9a; } - .button.dropdown.hollow.success::after, - .dropdown.hollow.success.cta__button::after, - .dropdown.hollow.success.cta__button--alt::after, .dropdown.hollow.success.modal__open-button::after, .transcript .dropdown.hollow.success.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.success.slide--in-depth__intro__button::after { - border-top-color: #3adb76; } - .button.dropdown.hollow.warning::after, - .dropdown.hollow.warning.cta__button::after, - .dropdown.hollow.warning.cta__button--alt::after, .dropdown.hollow.warning.modal__open-button::after, .transcript .dropdown.hollow.warning.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.warning.slide--in-depth__intro__button::after { - border-top-color: #ffae00; } - .button.dropdown.hollow.alert::after, - .dropdown.hollow.alert.cta__button::after, - .dropdown.hollow.alert.cta__button--alt::after, .dropdown.hollow.alert.modal__open-button::after, .transcript .dropdown.hollow.alert.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.alert.slide--in-depth__intro__button::after { - border-top-color: #cc4b37; } - .button.arrow-only::after, - .arrow-only.cta__button::after, - .arrow-only.cta__button--alt::after, .arrow-only.modal__open-button::after, .transcript .arrow-only.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .arrow-only.slide--in-depth__intro__button::after { - top: -0.1em; - float: none; - margin-left: 0; } - -a.button:hover, -a.cta__button:hover, -a.cta__button--alt:hover, a.modal__open-button:hover, .transcript a.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:hover, a.button:focus, -a.cta__button:focus, -a.cta__button--alt:focus, a.modal__open-button:focus, .transcript a.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:focus { - text-decoration: none; } - -[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], -textarea { - display: block; - box-sizing: border-box; - width: 100%; - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - appearance: none; } - [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, - textarea:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - -textarea { - max-width: 100%; } - textarea[rows] { - height: auto; } - -input::placeholder, -textarea::placeholder { - color: #b2b2b2; } - -input:disabled, input[readonly], -textarea:disabled, -textarea[readonly] { - background-color: #e6e6e6; - cursor: not-allowed; } - -[type='submit'], -[type='button'] { - appearance: none; - border-radius: 0; } - -input[type='search'] { - box-sizing: border-box; } - -[type='file'], -[type='checkbox'], -[type='radio'] { - margin: 0 0 1rem; } - -[type='checkbox'] + label, -[type='radio'] + label { - display: inline-block; - vertical-align: baseline; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; } - [type='checkbox'] + label[for], - [type='radio'] + label[for] { - cursor: pointer; } - -label > [type='checkbox'], -label > [type='radio'] { - margin-right: 0.5rem; } - -[type='file'] { - width: 100%; } - -label { - display: block; - margin: 0; - font-size: 0.875rem; - font-weight: normal; - line-height: 1.8; - color: #0a0a0a; } - label.middle { - margin: 0 0 1rem; - padding: 0.5625rem 0; } - -.help-text { - margin-top: -0.5rem; - font-size: 0.8125rem; - font-style: italic; - color: #0a0a0a; } - -.input-group { - display: flex; - width: 100%; - margin-bottom: 1rem; - align-items: stretch; } - .input-group > :first-child { - border-radius: 0 0 0 0; } - .input-group > :last-child > * { - border-radius: 0 0 0 0; } - -.input-group-label, .input-group-field, .input-group-button, .input-group-button a, -.input-group-button input, -.input-group-button button, -.input-group-button label { - margin: 0; - white-space: nowrap; } - -.input-group-label { - padding: 0 1rem; - border: 1px solid #b2b2b2; - background: #e6e6e6; - color: #0a0a0a; - text-align: center; - white-space: nowrap; - display: flex; - flex: 0 0 auto; - align-items: center; } - .input-group-label:first-child { - border-right: 0; } - .input-group-label:last-child { - border-left: 0; } - -.input-group-field { - border-radius: 0; - flex: 1 1 0px; - height: auto; - min-width: 0; } - -.input-group-button { - padding-top: 0; - padding-bottom: 0; - text-align: center; - display: flex; - flex: 0 0 auto; } - .input-group-button a, - .input-group-button input, - .input-group-button button, - .input-group-button label { - height: auto; - align-self: stretch; - padding-top: 0; - padding-bottom: 0; - font-size: 1rem; } - -fieldset { - margin: 0; - padding: 0; - border: 0; } - -legend { - max-width: 100%; - margin-bottom: 0.5rem; } - -.fieldset { - margin: 1.125rem 0; - padding: 1.25rem; - border: 1px solid #b2b2b2; } - .fieldset legend { - margin: 0; - margin-left: -0.1875rem; - padding: 0 0.1875rem; } - -select { - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - appearance: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - background-image: url("data:image/svg+xml;utf8,"); - background-origin: content-box; - background-position: right -1rem center; - background-repeat: no-repeat; - background-size: 9px 6px; - padding-right: 1.5rem; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - @media screen and (min-width: 0\0) { - select { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } - select:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - select:disabled { - background-color: #e6e6e6; - cursor: not-allowed; } - select::-ms-expand { - display: none; } - select[multiple] { - height: auto; - background-image: none; } - -.is-invalid-input:not(:focus) { - border-color: #cc4b37; - background-color: #faedeb; } - .is-invalid-input:not(:focus)::placeholder { - color: #cc4b37; } - -.is-invalid-label { - color: #cc4b37; } - -.form-error { - display: none; - margin-top: -0.5rem; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: bold; - color: #cc4b37; } - .form-error.is-visible { - display: block; } - -input[type="range"] { - display: block; - width: 100%; - height: auto; - margin-top: 0.45rem; - margin-bottom: 0.45rem; - appearance: none; - border: 0; - line-height: 1; - cursor: pointer; } - input[type="range"]:focus { - outline: 0; } - input[type="range"][disabled] { - opacity: 0.25; } - input[type="range"]::-webkit-slider-runnable-track { - height: 0.5rem; - background: #e6e6e6; } - input[type="range"]::-webkit-slider-handle { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -webkit-appearance: none; - background: #b2b2b2; } - input[type="range"]::-moz-range-track { - height: 0.5rem; - -moz-appearance: none; - background: #e6e6e6; } - input[type="range"]::-moz-range-thumb { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -moz-appearance: none; - background: #b2b2b2; } - input[type="range"]::-ms-track { - height: 0.5rem; - border: 0; - border-top: 0.45rem solid #ffffff; - border-bottom: 0.45rem solid #ffffff; - background: #e6e6e6; - overflow: visible; - color: transparent; } - input[type="range"]::-ms-thumb { - width: 1.4rem; - height: 1.4rem; - border: 0; - background: #b2b2b2; } - input[type="range"]::-ms-fill-lower { - background: #6a6a6a; } - input[type="range"]::-ms-fill-upper { - background: #e6e6e6; } - output { - vertical-align: middle; - margin-left: 0.5em; - line-height: 1.4rem; } - -.accordion { - margin-left: 0; - background: #ffffff; - list-style-type: none; } - .accordion[disabled] .accordion-title { - cursor: not-allowed; } - -.accordion-item:first-child > :first-child { - border-radius: 0 0 0 0; } - -.accordion-item:last-child > :last-child { - border-radius: 0 0 0 0; } - -.accordion-title { - position: relative; - display: block; - padding: 1.25rem 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - font-size: 0.75rem; - line-height: 1; - color: #6a6a6a; } - :last-child:not(.is-active) > .accordion-title { - border-bottom: 1px solid #e6e6e6; - border-radius: 0 0 0 0; } - .accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; } - .accordion-title::before { - position: absolute; - top: 50%; - right: 1rem; - margin-top: -0.5rem; - content: '+'; } - .is-active > .accordion-title::before { - content: '\2013'; } - -.accordion-content { - display: none; - padding: 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - background-color: #ffffff; - color: #0a0a0a; } - :last-child > .accordion-content:last-child { - border-bottom: 1px solid #e6e6e6; } - -.accordion-menu li { - width: 100%; } - -.accordion-menu a { - padding: 0.7rem 1rem; } - -.accordion-menu .is-accordion-submenu a { - padding: 0.7rem 1rem; } - -.accordion-menu .nested.is-accordion-submenu { - margin-right: 0; - margin-left: 1rem; } - -.accordion-menu.align-right .nested.is-accordion-submenu { - margin-right: 1rem; - margin-left: 0; } - -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { - position: relative; } - .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #6a6a6a transparent transparent; - position: absolute; - top: 50%; - margin-top: -3px; - right: 1rem; } - -.accordion-menu.align-left .is-accordion-submenu-parent > a::after { - left: auto; - right: 1rem; } - -.accordion-menu.align-right .is-accordion-submenu-parent > a::after { - right: auto; - left: 1rem; } - -.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - transform: rotate(180deg); - transform-origin: 50% 50%; } - -.is-accordion-submenu-parent { - position: relative; } - -.has-submenu-toggle > a { - margin-right: 40px; } - -.submenu-toggle { - position: absolute; - top: 0; - right: 0; - cursor: pointer; - width: 40px; - height: 40px; } - .submenu-toggle::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #6a6a6a transparent transparent; - top: 0; - bottom: 0; - margin: auto; } - -.submenu-toggle[aria-expanded='true']::after { - transform: scaleY(-1); - transform-origin: 50% 50%; } - -.submenu-toggle-text { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.badge { - display: inline-block; - min-width: 2.1em; - padding: 0.3em; - border-radius: 50%; - font-size: 0.6rem; - text-align: center; - background: #6a6a6a; - color: #ffffff; } - .badge.primary { - background: #6a6a6a; - color: #ffffff; } - .badge.secondary { - background: #9a9a9a; - color: #0a0a0a; } - .badge.success { - background: #3adb76; - color: #0a0a0a; } - .badge.warning { - background: #ffae00; - color: #0a0a0a; } - .badge.alert { - background: #cc4b37; - color: #ffffff; } - -.breadcrumbs { - margin: 0 0 1rem 0; - list-style: none; } - .breadcrumbs::before, .breadcrumbs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .breadcrumbs::after { - clear: both; } - .breadcrumbs li { - float: left; - font-size: 0.6875rem; - color: #0a0a0a; - cursor: default; - text-transform: uppercase; } - .breadcrumbs li:not(:last-child)::after { - position: relative; - margin: 0 0.75rem; - opacity: 1; - content: "/"; - color: #b2b2b2; } - .breadcrumbs a { - color: #6a6a6a; } - .breadcrumbs a:hover { - text-decoration: underline; } - .breadcrumbs .disabled { - color: #b2b2b2; - cursor: not-allowed; } - -.button-group { - margin-bottom: 1rem; - display: flex; - flex-wrap: nowrap; - align-items: stretch; } - .button-group::before, .button-group::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .button-group::after { - clear: both; } - .button-group .button, - .button-group .cta__button, - .button-group .cta__button--alt, .button-group .modal__open-button, .button-group .transcript .transcript__toggle, .transcript .button-group .transcript__toggle, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button { - margin: 0; - margin-right: 0.75rem; - margin-bottom: 0.75rem; - font-size: 0.75rem; - flex: 0 0 auto; } - .button-group .button:last-child, - .button-group .cta__button:last-child, - .button-group .cta__button--alt:last-child, .button-group .modal__open-button:last-child, .button-group .transcript .transcript__toggle:last-child, .transcript .button-group .transcript__toggle:last-child, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button:last-child { - margin-right: 0; } - .button-group.tiny .button, - .button-group.tiny .cta__button, - .button-group.tiny .cta__button--alt, .button-group.tiny .modal__open-button, .button-group.tiny .transcript .transcript__toggle, .transcript .button-group.tiny .transcript__toggle, .button-group.tiny .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.tiny .slide--in-depth__intro__button { - font-size: 0.6rem; } - .button-group.small .button, - .button-group.small .cta__button, - .button-group.small .cta__button--alt, .button-group.small .modal__open-button, .button-group.small .transcript .transcript__toggle, .transcript .button-group.small .transcript__toggle, .button-group.small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.small .slide--in-depth__intro__button { - font-size: 0.75rem; } - .button-group.large .button, - .button-group.large .cta__button, - .button-group.large .cta__button--alt, .button-group.large .modal__open-button, .button-group.large .transcript .transcript__toggle, .transcript .button-group.large .transcript__toggle, .button-group.large .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.large .slide--in-depth__intro__button { - font-size: 1rem; } - .button-group.expanded .button, - .button-group.expanded .cta__button, - .button-group.expanded .cta__button--alt, .button-group.expanded .modal__open-button, .button-group.expanded .transcript .transcript__toggle, .transcript .button-group.expanded .transcript__toggle, .button-group.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.expanded .slide--in-depth__intro__button { - flex: 1 1 0px; } - .button-group.primary .button, - .button-group.primary .cta__button, - .button-group.primary .cta__button--alt, .button-group.primary .modal__open-button, .button-group.primary .transcript .transcript__toggle, .transcript .button-group.primary .transcript__toggle, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button { - background-color: #6a6a6a; - color: #ffffff; } - .button-group.primary .button:hover, - .button-group.primary .cta__button:hover, - .button-group.primary .cta__button--alt:hover, .button-group.primary .modal__open-button:hover, .button-group.primary .transcript .transcript__toggle:hover, .transcript .button-group.primary .transcript__toggle:hover, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:hover, .button-group.primary .button:focus, - .button-group.primary .cta__button:focus, - .button-group.primary .cta__button--alt:focus, .button-group.primary .modal__open-button:focus, .button-group.primary .transcript .transcript__toggle:focus, .transcript .button-group.primary .transcript__toggle:focus, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:focus { - background-color: #555555; - color: #ffffff; } - .button-group.secondary .button, - .button-group.secondary .cta__button, - .button-group.secondary .cta__button--alt, .button-group.secondary .modal__open-button, .button-group.secondary .transcript .transcript__toggle, .transcript .button-group.secondary .transcript__toggle, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button { - background-color: #9a9a9a; - color: #0a0a0a; } - .button-group.secondary .button:hover, - .button-group.secondary .cta__button:hover, - .button-group.secondary .cta__button--alt:hover, .button-group.secondary .modal__open-button:hover, .button-group.secondary .transcript .transcript__toggle:hover, .transcript .button-group.secondary .transcript__toggle:hover, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:hover, .button-group.secondary .button:focus, - .button-group.secondary .cta__button:focus, - .button-group.secondary .cta__button--alt:focus, .button-group.secondary .modal__open-button:focus, .button-group.secondary .transcript .transcript__toggle:focus, .transcript .button-group.secondary .transcript__toggle:focus, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:focus { - background-color: #7b7b7b; - color: #0a0a0a; } - .button-group.success .button, - .button-group.success .cta__button, - .button-group.success .cta__button--alt, .button-group.success .modal__open-button, .button-group.success .transcript .transcript__toggle, .transcript .button-group.success .transcript__toggle, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button-group.success .button:hover, - .button-group.success .cta__button:hover, - .button-group.success .cta__button--alt:hover, .button-group.success .modal__open-button:hover, .button-group.success .transcript .transcript__toggle:hover, .transcript .button-group.success .transcript__toggle:hover, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:hover, .button-group.success .button:focus, - .button-group.success .cta__button:focus, - .button-group.success .cta__button--alt:focus, .button-group.success .modal__open-button:focus, .button-group.success .transcript .transcript__toggle:focus, .transcript .button-group.success .transcript__toggle:focus, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button-group.warning .button, - .button-group.warning .cta__button, - .button-group.warning .cta__button--alt, .button-group.warning .modal__open-button, .button-group.warning .transcript .transcript__toggle, .transcript .button-group.warning .transcript__toggle, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button-group.warning .button:hover, - .button-group.warning .cta__button:hover, - .button-group.warning .cta__button--alt:hover, .button-group.warning .modal__open-button:hover, .button-group.warning .transcript .transcript__toggle:hover, .transcript .button-group.warning .transcript__toggle:hover, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:hover, .button-group.warning .button:focus, - .button-group.warning .cta__button:focus, - .button-group.warning .cta__button--alt:focus, .button-group.warning .modal__open-button:focus, .button-group.warning .transcript .transcript__toggle:focus, .transcript .button-group.warning .transcript__toggle:focus, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button-group.alert .button, - .button-group.alert .cta__button, - .button-group.alert .cta__button--alt, .button-group.alert .modal__open-button, .button-group.alert .transcript .transcript__toggle, .transcript .button-group.alert .transcript__toggle, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button-group.alert .button:hover, - .button-group.alert .cta__button:hover, - .button-group.alert .cta__button--alt:hover, .button-group.alert .modal__open-button:hover, .button-group.alert .transcript .transcript__toggle:hover, .transcript .button-group.alert .transcript__toggle:hover, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:hover, .button-group.alert .button:focus, - .button-group.alert .cta__button:focus, - .button-group.alert .cta__button--alt:focus, .button-group.alert .modal__open-button:focus, .button-group.alert .transcript .transcript__toggle:focus, .transcript .button-group.alert .transcript__toggle:focus, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { - flex-wrap: wrap; } - .button-group.stacked .button, - .button-group.stacked .cta__button, - .button-group.stacked .cta__button--alt, .button-group.stacked .modal__open-button, .button-group.stacked .transcript .transcript__toggle, .transcript .button-group.stacked .transcript__toggle, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button, .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button, .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 0 0 100%; } - .button-group.stacked .button:last-child, - .button-group.stacked .cta__button:last-child, - .button-group.stacked .cta__button--alt:last-child, .button-group.stacked .modal__open-button:last-child, .button-group.stacked .transcript .transcript__toggle:last-child, .transcript .button-group.stacked .transcript__toggle:last-child, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button:last-child, .button-group.stacked-for-small .button:last-child, - .button-group.stacked-for-small .cta__button:last-child, - .button-group.stacked-for-small .cta__button--alt:last-child, .button-group.stacked-for-small .modal__open-button:last-child, .button-group.stacked-for-small .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-small .transcript__toggle:last-child, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button:last-child, .button-group.stacked-for-medium .button:last-child, - .button-group.stacked-for-medium .cta__button:last-child, - .button-group.stacked-for-medium .cta__button--alt:last-child, .button-group.stacked-for-medium .modal__open-button:last-child, .button-group.stacked-for-medium .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-medium .transcript__toggle:last-child, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button:last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media screen and (max-width: 39.9375em) { - .button-group.stacked-for-small.expanded { - display: block; } - .button-group.stacked-for-small.expanded .button, - .button-group.stacked-for-small.expanded .cta__button, - .button-group.stacked-for-small.expanded .cta__button--alt, .button-group.stacked-for-small.expanded .modal__open-button, .button-group.stacked-for-small.expanded .transcript .transcript__toggle, .transcript .button-group.stacked-for-small.expanded .transcript__toggle, .button-group.stacked-for-small.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small.expanded .slide--in-depth__intro__button { - display: block; - margin-right: 0; } } - -.callout { - position: relative; - margin: 0 0 1rem 0; - padding: 1rem; - border: 1px solid rgba(10, 10, 10, 0.25); - border-radius: 0; - background-color: white; - color: #0a0a0a; } - .callout > :first-child { - margin-top: 0; } - .callout > :last-child { - margin-bottom: 0; } - .callout.primary { - background-color: #e9e9e9; - color: #0a0a0a; } - .callout.secondary { - background-color: #f0f0f0; - color: #0a0a0a; } - .callout.success { - background-color: #e1faea; - color: #0a0a0a; } - .callout.warning { - background-color: #fff3d9; - color: #0a0a0a; } - .callout.alert { - background-color: #f7e4e1; - color: #0a0a0a; } - .callout.small { - padding-top: 0.5rem; - padding-right: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.5rem; } - .callout.large { - padding-top: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; - padding-left: 3rem; } - -.card { - display: flex; - flex-direction: column; - flex-grow: 1; - margin-bottom: 1rem; - border: 1px solid #e6e6e6; - border-radius: 0; - background: #ffffff; - box-shadow: none; - overflow: hidden; - color: #0a0a0a; } - .card > :last-child { - margin-bottom: 0; } - -.card-divider { - flex: 0 1 auto; - display: flex; - padding: 1rem; - background: #e6e6e6; } - .card-divider > :last-child { - margin-bottom: 0; } - -.card-section { - flex: 1 0 auto; - padding: 1rem; } - .card-section > :last-child { - margin-bottom: 0; } - -.card-image { - min-height: 1px; } - -.close-button { - position: absolute; - color: #ffffff; - cursor: pointer; } - [data-whatinput='mouse'] .close-button { - outline: 0; } - .close-button:hover, .close-button:focus { - color: #ffffff; } - .close-button.small { - left: 0.66rem; - top: 0.33em; - font-size: 1.5em; - line-height: 1; } - .close-button, .close-button.medium { - left: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; } - -.menu { - padding: 0; - margin: 0; - list-style: none; - position: relative; - display: flex; - flex-wrap: wrap; } - [data-whatinput='mouse'] .menu li { - outline: 0; } - .menu a, - .menu .button, - .menu .cta__button, - .menu .cta__button--alt, - .menu .modal__open-button, - .menu .transcript .transcript__toggle, - .transcript .menu .transcript__toggle, - .menu .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .menu .slide--in-depth__intro__button { - line-height: 1; - text-decoration: none; - display: block; - padding: 0.7rem 1rem; } - .menu input, - .menu select, - .menu a, - .menu button { - margin-bottom: 0; } - .menu input { - display: inline-block; } - .menu, .menu.horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.expanded li { - flex: 1 1 0px; } - .menu.simple { - align-items: center; } - .menu.simple li + li { - margin-left: 1rem; } - .menu.simple a { - padding: 0; } - @media print, screen and (min-width: 40em) { - .menu.medium-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.medium-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.medium-expanded li { - flex: 1 1 0px; } - .menu.medium-simple li { - flex: 1 1 0px; } } - @media print, screen and (min-width: 64em) { - .menu.large-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.large-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.large-expanded li { - flex: 1 1 0px; } - .menu.large-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 75em) { - .menu.xlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xlarge-expanded li { - flex: 1 1 0px; } - .menu.xlarge-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 90em) { - .menu.xxlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xxlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xxlarge-expanded li { - flex: 1 1 0px; } - .menu.xxlarge-simple li { - flex: 1 1 0px; } } - .menu.nested { - margin-right: 0; - margin-left: 1rem; } - .menu.icons a { - display: flex; } - .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { - display: flex; } - .menu.icon-left li a { - flex-flow: row nowrap; } - .menu.icon-left li a img, - .menu.icon-left li a i, - .menu.icon-left li a svg { - margin-right: 0.25rem; } - .menu.icon-right li a { - flex-flow: row nowrap; } - .menu.icon-right li a img, - .menu.icon-right li a i, - .menu.icon-right li a svg { - margin-left: 0.25rem; } - .menu.icon-top li a { - flex-flow: column nowrap; } - .menu.icon-top li a img, - .menu.icon-top li a i, - .menu.icon-top li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu.icon-bottom li a { - flex-flow: column nowrap; } - .menu.icon-bottom li a img, - .menu.icon-bottom li a i, - .menu.icon-bottom li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu .is-active > a { - background: #6a6a6a; - color: #ffffff; } - .menu .active > a { - background: #6a6a6a; - color: #ffffff; } - .menu.align-left { - justify-content: flex-start; } - .menu.align-right li { - display: flex; - justify-content: flex-end; } - .menu.align-right li .submenu li { - justify-content: flex-start; } - .menu.align-right.vertical li { - display: block; - text-align: right; } - .menu.align-right.vertical li .submenu li { - text-align: right; } - .menu.align-right .nested { - margin-right: 1rem; - margin-left: 0; } - .menu.align-center li { - display: flex; - justify-content: center; } - .menu.align-center li .submenu li { - justify-content: flex-start; } - .menu .menu-text { - padding: 0.7rem 1rem; - font-weight: bold; - line-height: 1; - color: inherit; } - -.menu-centered > .menu { - justify-content: center; } - .menu-centered > .menu li { - display: flex; - justify-content: center; } - .menu-centered > .menu li .submenu li { - justify-content: flex-start; } - -.no-js [data-responsive-menu] ul { - display: none; } - -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #ffffff; - box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; - content: ''; } - .menu-icon:hover::after { - background: #b2b2b2; - box-shadow: 0 7px 0 #b2b2b2, 0 14px 0 #b2b2b2; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon.dark::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; - content: ''; } - .menu-icon.dark:hover::after { - background: #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } - -.is-drilldown { - position: relative; - overflow: hidden; } - .is-drilldown li { - display: block; } - .is-drilldown.animate-height { - transition: height 0.5s; } - -.drilldown a { - padding: 0.7rem 1rem; - background: #ffffff; } - -.drilldown .is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - width: 100%; - background: #ffffff; - transition: transform 0.15s linear; } - .drilldown .is-drilldown-submenu.is-active { - z-index: 1; - display: block; - transform: translateX(-100%); } - .drilldown .is-drilldown-submenu.is-closing { - transform: translateX(100%); } - .drilldown .is-drilldown-submenu a { - padding: 0.7rem 1rem; } - -.drilldown .nested.is-drilldown-submenu { - margin-right: 0; - margin-left: 0; } - -.drilldown .drilldown-submenu-cover-previous { - min-height: 100%; } - -.drilldown .is-drilldown-submenu-parent > a { - position: relative; } - .drilldown .is-drilldown-submenu-parent > a::after { - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } - -.drilldown.align-left .is-drilldown-submenu-parent > a::after { - left: auto; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } - -.drilldown.align-right .is-drilldown-submenu-parent > a::after { - right: auto; - left: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; } - -.drilldown .js-drilldown-back > a::before { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; - border-left-width: 0; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; - border-left-width: 0; } - -.dropdown-pane { - position: absolute; - z-index: 10; - width: 300px; - padding: 1rem; - visibility: hidden; - display: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-size: 1rem; } - .dropdown-pane.is-opening { - display: block; } - .dropdown-pane.is-open { - visibility: visible; - display: block; } - -.dropdown-pane.tiny { - width: 100px; } - -.dropdown-pane.small { - width: 200px; } - -.dropdown-pane.large { - width: 400px; } - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #6a6a6a transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - -.dropdown.menu a { - padding: 0.7rem 1rem; } - [data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.dropdown.menu .is-active > a { - background: transparent; - color: #6a6a6a; } - -.no-js .dropdown.menu ul { - display: none; } - -.dropdown.menu .nested.is-dropdown-submenu { - margin-right: 0; - margin-left: 0; } - -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; } - -.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - -.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.dropdown.menu.vertical > li > a::after { - right: 14px; } - -.dropdown.menu.vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; } - -.dropdown.menu.vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } - -@media print, screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #6a6a6a transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } } - -@media print, screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #6a6a6a transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; } - .dropdown.menu.large-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; } - .dropdown.menu.large-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } } - -@media screen and (min-width: 75em) { - .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #6a6a6a transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; } - .dropdown.menu.xlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } } - -@media screen and (min-width: 90em) { - .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #6a6a6a transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xxlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; } - .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } } - -.dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - right: 0; - left: auto; } - -.is-dropdown-menu.vertical { - width: 100px; } - .is-dropdown-menu.vertical.align-right { - float: right; } - -.is-dropdown-submenu-parent { - position: relative; } - .is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - left: auto; - margin-top: -6px; } - .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { - top: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.is-dropdown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: 1; - display: none; - min-width: 200px; - border: 1px solid #b2b2b2; - background: #ffffff; } - .dropdown .is-dropdown-submenu a { - padding: 0.7rem 1rem; } - .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #6a6a6a transparent transparent; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #6a6a6a; } - .is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; } - .is-dropdown-submenu > li { - width: 100%; } - .is-dropdown-submenu.js-dropdown-active { - display: block; } - -.responsive-embed, -.flex-video { - position: relative; - height: 0; - margin-bottom: 1rem; - padding-bottom: 75%; - overflow: hidden; } - .responsive-embed iframe, - .responsive-embed object, - .responsive-embed embed, - .responsive-embed video, - .flex-video iframe, - .flex-video object, - .flex-video embed, - .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - .responsive-embed.widescreen, - .flex-video.widescreen { - padding-bottom: 56.25%; } - -.label { - display: inline-block; - padding: 0.33333rem 0.5rem; - border-radius: 0; - font-size: 0.8rem; - line-height: 1; - white-space: nowrap; - cursor: default; - background: #6a6a6a; - color: #ffffff; } - .label.primary { - background: #6a6a6a; - color: #ffffff; } - .label.secondary { - background: #9a9a9a; - color: #0a0a0a; } - .label.success { - background: #3adb76; - color: #0a0a0a; } - .label.warning { - background: #ffae00; - color: #0a0a0a; } - .label.alert { - background: #cc4b37; - color: #ffffff; } - -.media-object { - display: flex; - margin-bottom: 1rem; - flex-wrap: nowrap; } - .media-object img { - max-width: none; } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small { - flex-wrap: wrap; } } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - flex-basis: 100%; - max-width: 100%; } - .media-object.stack-for-small .media-object-section img { - width: 100%; } } - -.media-object-section { - flex: 0 1 auto; } - .media-object-section:first-child { - padding-right: 1rem; } - .media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; } - .media-object-section > :last-child { - margin-bottom: 0; } - .media-object-section.main-section { - flex: 1 1 0px; } - -.is-off-canvas-open { - overflow: hidden; } - -.js-off-canvas-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - transition: opacity 0.5s ease, visibility 0.5s ease; - background: rgba(255, 255, 255, 0.25); - opacity: 0; - visibility: hidden; - overflow: hidden; } - .js-off-canvas-overlay.is-visible { - opacity: 1; - visibility: visible; } - .js-off-canvas-overlay.is-closable { - cursor: pointer; } - .js-off-canvas-overlay.is-overlay-absolute { - position: absolute; } - .js-off-canvas-overlay.is-overlay-fixed { - position: fixed; } - -.off-canvas-wrapper { - position: relative; - overflow: hidden; } - -.off-canvas { - position: fixed; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas { - outline: 0; } - .off-canvas.is-transition-push { - z-index: 12; } - .off-canvas.is-closed { - visibility: hidden; } - .off-canvas.is-transition-overlap { - z-index: 501; } - .off-canvas.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas.is-open { - transform: translate(0, 0); } - -.off-canvas-absolute { - position: absolute; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas-absolute { - outline: 0; } - .off-canvas-absolute.is-transition-push { - z-index: 12; } - .off-canvas-absolute.is-closed { - visibility: hidden; } - .off-canvas-absolute.is-transition-overlap { - z-index: 501; } - .off-canvas-absolute.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas-absolute.is-open { - transform: translate(0, 0); } - -.position-left { - top: 0; - left: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left { - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-left.has-transition-push { - transform: translateX(100%); } - .position-left.is-transition-push { - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-right { - top: 0; - right: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right { - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-right.has-transition-push { - transform: translateX(-100%); } - .position-right.is-transition-push { - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-top { - top: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top { - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-top.has-transition-push { - transform: translateY(100%); } - .position-top.is-transition-push { - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } - -.position-bottom { - bottom: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom { - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-bottom.has-transition-push { - transform: translateY(-100%); } - .position-bottom.is-transition-push { - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } - -.off-canvas-content { - transform: none; - transition: transform 0.5s ease; - backface-visibility: hidden; } - .off-canvas-content.has-transition-push { - transform: translate(0, 0); } - .off-canvas-content .off-canvas.is-open { - transform: translate(0, 0); } - -@media print, screen and (min-width: 40em) { - .position-left.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-medium ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-medium ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 64em) { - .position-left.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-large ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-large ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 75em) { - .position-left.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 90em) { - .position-left.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xxlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xxlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xxlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 40em) { - .off-canvas.in-canvas-for-medium { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-medium .close-button { - display: none; } } - -@media print, screen and (min-width: 64em) { - .off-canvas.in-canvas-for-large { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-large .close-button { - display: none; } } - -@media screen and (min-width: 75em) { - .off-canvas.in-canvas-for-xlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xlarge .close-button { - display: none; } } - -@media screen and (min-width: 90em) { - .off-canvas.in-canvas-for-xxlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xxlarge .close-button { - display: none; } } - -.orbit { - position: relative; } - -.orbit-container { - position: relative; - height: 0; - margin: 0; - list-style: none; - overflow: hidden; } - -.orbit-slide { - width: 100%; } - .orbit-slide.no-motionui.is-active { - top: 0; - left: 0; } - -.orbit-figure { - margin: 0; } - -.orbit-image { - width: 100%; - max-width: 100%; - margin: 0; } - -.orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - margin-bottom: 0; - padding: 1rem; - background-color: rgba(10, 10, 10, 0.5); - color: #ffffff; } - -.orbit-previous, .orbit-next { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 10; - padding: 1rem; - color: #ffffff; } - [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { - outline: 0; } - .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous { - left: 0; } - -.orbit-next { - left: auto; - right: 0; } - -.orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; } - [data-whatinput='mouse'] .orbit-bullets { - outline: 0; } - .orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - border-radius: 50%; - background-color: #b2b2b2; } - .orbit-bullets button:hover { - background-color: #8a8a8a; } - .orbit-bullets button.is-active { - background-color: #8a8a8a; } - -.pagination { - margin-left: 0; - margin-bottom: 1rem; } - .pagination::before, .pagination::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .pagination::after { - clear: both; } - .pagination li { - margin-right: 0.0625rem; - border-radius: 0; - font-size: 0.875rem; - display: none; } - .pagination li:last-child, .pagination li:first-child { - display: inline-block; } - @media print, screen and (min-width: 40em) { - .pagination li { - display: inline-block; } } - .pagination a, - .pagination button { - display: block; - padding: 0.1875rem 0.625rem; - border-radius: 0; - color: #0a0a0a; } - .pagination a:hover, - .pagination button:hover { - background: #e6e6e6; } - .pagination .current { - padding: 0.1875rem 0.625rem; - background: #6a6a6a; - color: #ffffff; - cursor: default; } - .pagination .disabled { - padding: 0.1875rem 0.625rem; - color: #b2b2b2; - cursor: not-allowed; } - .pagination .disabled:hover { - background: transparent; } - .pagination .ellipsis::after { - padding: 0.1875rem 0.625rem; - content: '\2026'; - color: #0a0a0a; } - -.pagination-previous a::before, -.pagination-previous.disabled::before { - display: inline-block; - margin-right: 0.5rem; - content: '\00ab'; } - -.pagination-next a::after, -.pagination-next.disabled::after { - display: inline-block; - margin-left: 0.5rem; - content: '\00bb'; } - -.progress { - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; - background-color: #b2b2b2; } - .progress.primary .progress-meter { - background-color: #6a6a6a; } - .progress.secondary .progress-meter { - background-color: #9a9a9a; } - .progress.success .progress-meter { - background-color: #3adb76; } - .progress.warning .progress-meter { - background-color: #ffae00; } - .progress.alert .progress-meter { - background-color: #cc4b37; } - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #6a6a6a; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #ffffff; - white-space: nowrap; } - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - user-select: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #6a6a6a; - transition: all 0.2s ease-in-out; } - .slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - border-radius: 0; - background-color: #b2b2b2; - transition: all 0.2s ease-in-out; - touch-action: manipulation; } - [data-whatinput='mouse'] .slider-handle { - outline: 0; } - .slider-handle:hover { - background-color: #979797; } - .slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - transform: scale(1, -1); } - .slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } - .slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: relative; - z-index: 0; - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; - width: 100%; } - .sticky.is-stuck.is-at-top { - top: 0; } - .sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: relative; - right: auto; - left: auto; } - .sticky.is-anchored.is-at-bottom { - bottom: 0; } - -body.is-reveal-open { - overflow: hidden; } - -html.is-reveal-open, -html.is-reveal-open body { - min-height: 100%; - overflow: hidden; - position: fixed; - user-select: none; } - -.reveal-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2005; - display: none; - background-color: rgba(10, 10, 10, 0.9); - overflow-y: scroll; } - -.reveal { - z-index: 2006; - backface-visibility: hidden; - display: none; - padding: 8rem 3rem 3rem 3rem; - border: none; - border-radius: 0; - background-color: transparent; - position: relative; - top: 100px; - margin-right: auto; - margin-left: auto; - overflow-y: auto; } - [data-whatinput='mouse'] .reveal { - outline: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - min-height: 0; } } - .reveal .column { - min-width: 0; } - .reveal > :last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 90rem; } } - .reveal.collapse { - padding: 0; } - @media print, screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 90rem; } } - .reveal.full { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } - @media screen and (max-width: 39.9375em) { - .reveal { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } } - .reveal.without-overlay { - position: fixed; } - -.switch { - height: 2rem; - position: relative; - margin-bottom: 1rem; - outline: 0; - font-size: 0.875rem; - font-weight: bold; - color: #ffffff; - user-select: none; } - -.switch-input { - position: absolute; - margin-bottom: 0; - opacity: 0; } - -.switch-paddle { - position: relative; - display: block; - width: 4rem; - height: 2rem; - border-radius: 0; - background: #b2b2b2; - transition: all 0.25s ease-out; - font-weight: inherit; - color: inherit; - cursor: pointer; } - input + .switch-paddle { - margin: 0; } - .switch-paddle::after { - position: absolute; - top: 0.25rem; - left: 0.25rem; - display: block; - width: 1.5rem; - height: 1.5rem; - transform: translate3d(0, 0, 0); - border-radius: 0; - background: #ffffff; - transition: all 0.25s ease-out; - content: ''; } - input:checked ~ .switch-paddle { - background: #6a6a6a; } - input:checked ~ .switch-paddle::after { - left: 2.25rem; } - [data-whatinput='mouse'] input:focus ~ .switch-paddle { - outline: 0; } - -.switch-active, .switch-inactive { - position: absolute; - top: 50%; - transform: translateY(-50%); } - -.switch-active { - left: 8%; - display: none; } - input:checked + label > .switch-active { - display: block; } - -.switch-inactive { - right: 15%; } - input:checked + label > .switch-inactive { - display: none; } - -.switch.tiny { - height: 1.5rem; } - .switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; } - .switch.tiny .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1rem; - height: 1rem; } - .switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; } - -.switch.small { - height: 1.75rem; } - .switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; } - .switch.small .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1.25rem; - height: 1.25rem; } - .switch.small input:checked ~ .switch-paddle::after { - left: 2rem; } - -.switch.large { - height: 2.5rem; } - .switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; } - .switch.large .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 2rem; - height: 2rem; } - .switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; } - -table { - border-collapse: collapse; - width: 100%; - margin-bottom: 1rem; - border-radius: 0; } - thead, - tbody, - tfoot { - border: 1px solid #f2f2f2; - background-color: #ffffff; } - caption { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; } - thead { - background: #f9f9f9; - color: #0a0a0a; } - tfoot { - background: #f2f2f2; - color: #0a0a0a; } - thead tr, - tfoot tr { - background: transparent; } - thead th, - thead td, - tfoot th, - tfoot td { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; - text-align: left; } - tbody th, - tbody td { - padding: 0.5rem 0.625rem 0.625rem; } - tbody tr:nth-child(even) { - border-bottom: 0; - background-color: #f2f2f2; } - table.unstriped tbody { - background-color: #ffffff; } - table.unstriped tbody tr { - border-bottom: 0; - border-bottom: 1px solid #f2f2f2; - background-color: #ffffff; } - -@media screen and (max-width: 63.9375em) { - table.stack thead { - display: none; } - table.stack tfoot { - display: none; } - table.stack tr, - table.stack th, - table.stack td { - display: block; } - table.stack td { - border-top: 0; } } - -table.scroll { - display: block; - width: 100%; - overflow-x: auto; } - -table.hover thead tr:hover { - background-color: #f4f4f4; } - -table.hover tfoot tr:hover { - background-color: #ededed; } - -table.hover tbody tr:hover { - background-color: #fafafa; } - -table.hover:not(.unstriped) tr:nth-of-type(even):hover { - background-color: #ededed; } - -.table-scroll { - overflow-x: auto; } - .table-scroll table { - width: auto; } - -.tabs { - margin: 0; - border: 1px solid #e6e6e6; - background: #ffffff; - list-style-type: none; } - .tabs::before, .tabs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .tabs::after { - clear: both; } - -.tabs.vertical > li { - display: block; - float: none; - width: auto; } - -.tabs.simple > li > a { - padding: 0; } - .tabs.simple > li > a:hover { - background: transparent; } - -.tabs.primary { - background: #6a6a6a; } - .tabs.primary > li > a { - color: #ffffff; } - .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: #656565; } - -.tabs-title { - float: left; } - .tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - font-size: 0.75rem; - line-height: 1; - color: #6a6a6a; } - .tabs-title > a:hover { - background: #ffffff; - color: #5b5b5b; } - .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { - background: #e6e6e6; - color: #6a6a6a; } - -.tabs-content { - border: 1px solid #e6e6e6; - border-top: 0; - background: #ffffff; - color: #0a0a0a; - transition: all 0.5s ease; } - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; } - -.tabs-panel { - display: none; - padding: 1rem; } - .tabs-panel.is-active { - display: block; } - -.thumbnail { - display: inline-block; - max-width: 100%; - margin-bottom: 1rem; - border: solid 4px #ffffff; - border-radius: 0; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - line-height: 0; } - -a.thumbnail { - transition: box-shadow 200ms ease-out; } - a.thumbnail:hover, a.thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(106, 106, 106, 0.5); } - a.thumbnail image { - box-shadow: none; } - -.title-bar { - padding: 0.5rem; - background: #0a0a0a; - color: #ffffff; - display: flex; - justify-content: flex-start; - align-items: center; } - .title-bar .menu-icon { - margin-left: 0.25rem; - margin-right: 0.25rem; } - -.title-bar-left, -.title-bar-right { - flex: 1 1 0px; } - -.title-bar-right { - text-align: right; } - -.title-bar-title { - display: inline-block; - vertical-align: middle; - font-weight: bold; } - -.has-tip { - position: relative; - display: inline-block; - border-bottom: false; - font-weight: normal; - cursor: pointer; } - -.tooltip { - position: absolute; - top: calc(100% + 0); - z-index: 1200; - max-width: 100%; - padding: 0.75rem; - border-radius: 1.5rem; - background-color: #ffffff; - font-size: 80%; - color: #0a0a0a; } - .tooltip::before { - position: absolute; } - .tooltip.bottom::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #ffffff; - bottom: 100%; } - .tooltip.bottom.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.top::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - top: 100%; - bottom: auto; } - .tooltip.top.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.left::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #ffffff; - left: 100%; } - .tooltip.left.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.right::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #ffffff transparent transparent; - right: 100%; - left: auto; } - .tooltip.right.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.align-top::before { - bottom: auto; - top: 10%; } - .tooltip.align-bottom::before { - bottom: 10%; - top: auto; } - .tooltip.align-left::before { - left: 10%; - right: auto; } - .tooltip.align-right::before { - left: auto; - right: 10%; } - -.top-bar { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; - padding: 0.5rem; - flex-wrap: wrap; } - .top-bar, - .top-bar ul { - background-color: #e6e6e6; } - .top-bar input { - max-width: 200px; - margin-right: 1rem; } - .top-bar .input-group-field { - width: 100%; - margin-right: 0; } - .top-bar input.button, - .top-bar input.cta__button, - .top-bar input.cta__button--alt, .top-bar input.modal__open-button, .top-bar .transcript input.transcript__toggle, .transcript .top-bar input.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro input.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar input.slide--in-depth__intro__button { - width: auto; } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - @media print, screen and (min-width: 40em) { - .top-bar { - flex-wrap: nowrap; } - .top-bar .top-bar-left { - flex: 1 1 auto; - margin-right: auto; } - .top-bar .top-bar-right { - flex: 0 1 auto; - margin-left: auto; } } - @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium { - flex-wrap: wrap; } - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large { - flex-wrap: wrap; } - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 89.9375em) { - .top-bar.stacked-for-xlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xlarge .top-bar-left, - .top-bar.stacked-for-xlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - .top-bar.stacked-for-xxlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xxlarge .top-bar-left, - .top-bar.stacked-for-xxlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - -.top-bar-title { - flex: 0 0 auto; - margin: 0.5rem 1rem 0.5rem 0; } - -.top-bar-left, -.top-bar-right { - flex: 0 0 auto; } - -.hide { - display: none !important; } - -.invisible { - visibility: hidden; } - -@media screen and (max-width: 39.9375em) { - .hide-for-small-only, #chapter_nav { - display: none !important; } } - -@media screen and (max-width: 0em), screen and (min-width: 40em) { - .show-for-small-only { - display: none !important; } } - -@media print, screen and (min-width: 40em) { - .hide-for-medium { - display: none !important; } } - -@media screen and (max-width: 39.9375em) { - .show-for-medium { - display: none !important; } } - -@media screen and (min-width: 40em) and (max-width: 63.9375em) { - .hide-for-medium-only { - display: none !important; } } - -@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { - .show-for-medium-only { - display: none !important; } } - -@media print, screen and (min-width: 64em) { - .hide-for-large { - display: none !important; } } - -@media screen and (max-width: 63.9375em) { - .show-for-large { - display: none !important; } } - -@media screen and (min-width: 64em) and (max-width: 74.9375em) { - .hide-for-large-only { - display: none !important; } } - -@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { - .show-for-large-only { - display: none !important; } } - -@media screen and (min-width: 75em) { - .hide-for-xlarge { - display: none !important; } } - -@media screen and (max-width: 74.9375em) { - .show-for-xlarge { - display: none !important; } } - -@media screen and (min-width: 75em) and (max-width: 89.9375em) { - .hide-for-xlarge-only { - display: none !important; } } - -@media screen and (max-width: 74.9375em), screen and (min-width: 90em) { - .show-for-xlarge-only { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge-only { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge-only { - display: none !important; } } - -.show-for-sr, -.show-on-focus { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.show-on-focus:active, .show-on-focus:focus { - position: static !important; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; - clip-path: none; } - -.show-for-landscape, -.hide-for-portrait { - display: block !important; } - @media screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: block !important; } } - @media screen and (orientation: portrait) { - .show-for-landscape, - .hide-for-portrait { - display: none !important; } } - -.hide-for-landscape, -.show-for-portrait { - display: none !important; } - @media screen and (orientation: landscape) { - .hide-for-landscape, - .show-for-portrait { - display: none !important; } } - @media screen and (orientation: portrait) { - .hide-for-landscape, - .show-for-portrait { - display: block !important; } } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } - -.float-center { - display: block; - margin-right: auto; - margin-left: auto; } - -.clearfix::before, .clearfix::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - -.clearfix::after { - clear: both; } - -.align-right { - justify-content: flex-end; } - -.align-center { - justify-content: center; } - -.align-justify { - justify-content: space-between; } - -.align-spaced { - justify-content: space-around; } - -.align-right.vertical.menu > li > a { - justify-content: flex-end; } - -.align-center.vertical.menu > li > a { - justify-content: center; } - -.align-top { - align-items: flex-start; } - -.align-self-top { - align-self: flex-start; } - -.align-bottom { - align-items: flex-end; } - -.align-self-bottom { - align-self: flex-end; } - -.align-middle, .video--embed.boxed { - align-items: center; } - -.align-self-middle { - align-self: center; } - -.align-stretch { - align-items: stretch; } - -.align-self-stretch { - align-self: stretch; } - -.align-center-middle { - justify-content: center; - align-items: center; - align-content: center; } - -.small-order-1 { - order: 1; } - -.small-order-2 { - order: 2; } - -.small-order-3 { - order: 3; } - -.small-order-4 { - order: 4; } - -.small-order-5 { - order: 5; } - -.small-order-6 { - order: 6; } - -@media print, screen and (min-width: 40em) { - .medium-order-1 { - order: 1; } - .medium-order-2 { - order: 2; } - .medium-order-3 { - order: 3; } - .medium-order-4 { - order: 4; } - .medium-order-5 { - order: 5; } - .medium-order-6 { - order: 6; } } - -@media print, screen and (min-width: 64em) { - .large-order-1 { - order: 1; } - .large-order-2 { - order: 2; } - .large-order-3 { - order: 3; } - .large-order-4 { - order: 4; } - .large-order-5 { - order: 5; } - .large-order-6 { - order: 6; } } - -@media screen and (min-width: 75em) { - .xlarge-order-1 { - order: 1; } - .xlarge-order-2 { - order: 2; } - .xlarge-order-3 { - order: 3; } - .xlarge-order-4 { - order: 4; } - .xlarge-order-5 { - order: 5; } - .xlarge-order-6 { - order: 6; } } - -@media screen and (min-width: 90em) { - .xxlarge-order-1 { - order: 1; } - .xxlarge-order-2 { - order: 2; } - .xxlarge-order-3 { - order: 3; } - .xxlarge-order-4 { - order: 4; } - .xxlarge-order-5 { - order: 5; } - .xxlarge-order-6 { - order: 6; } } - -.flex-container { - display: flex; } - -.flex-child-auto { - flex: 1 1 auto; } - -.flex-child-grow { - flex: 1 0 auto; } - -.flex-child-shrink { - flex: 0 1 auto; } - -.flex-dir-row { - flex-direction: row; } - -.flex-dir-row-reverse { - flex-direction: row-reverse; } - -.flex-dir-column { - flex-direction: column; } - -.flex-dir-column-reverse { - flex-direction: column-reverse; } - -@media print, screen and (min-width: 40em) { - .medium-flex-container { - display: flex; } - .medium-flex-child-auto { - flex: 1 1 auto; } - .medium-flex-child-grow { - flex: 1 0 auto; } - .medium-flex-child-shrink { - flex: 0 1 auto; } - .medium-flex-dir-row { - flex-direction: row; } - .medium-flex-dir-row-reverse { - flex-direction: row-reverse; } - .medium-flex-dir-column { - flex-direction: column; } - .medium-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media print, screen and (min-width: 64em) { - .large-flex-container { - display: flex; } - .large-flex-child-auto { - flex: 1 1 auto; } - .large-flex-child-grow { - flex: 1 0 auto; } - .large-flex-child-shrink { - flex: 0 1 auto; } - .large-flex-dir-row { - flex-direction: row; } - .large-flex-dir-row-reverse { - flex-direction: row-reverse; } - .large-flex-dir-column { - flex-direction: column; } - .large-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 75em) { - .xlarge-flex-container { - display: flex; } - .xlarge-flex-child-auto { - flex: 1 1 auto; } - .xlarge-flex-child-grow { - flex: 1 0 auto; } - .xlarge-flex-child-shrink { - flex: 0 1 auto; } - .xlarge-flex-dir-row { - flex-direction: row; } - .xlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xlarge-flex-dir-column { - flex-direction: column; } - .xlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 90em) { - .xxlarge-flex-container { - display: flex; } - .xxlarge-flex-child-auto { - flex: 1 1 auto; } - .xxlarge-flex-child-grow { - flex: 1 0 auto; } - .xxlarge-flex-child-shrink { - flex: 0 1 auto; } - .xxlarge-flex-dir-row { - flex-direction: row; } - .xxlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xxlarge-flex-dir-column { - flex-direction: column; } - .xxlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -/* - * Owl Carousel - Core - */ -.owl-carousel { - display: none; - width: 100%; - -webkit-tap-highlight-color: transparent; - /* position relative and z-index fix webkit rendering fonts issue */ - position: relative; - z-index: 1; } - .owl-carousel .owl-stage { - position: relative; - -ms-touch-action: pan-Y; - touch-action: manipulation; - -moz-backface-visibility: hidden; - /* fix firefox animation glitch */ } - .owl-carousel .owl-stage:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; } - .owl-carousel .owl-stage-outer { - position: relative; - overflow: hidden; - /* fix for flashing background */ - -webkit-transform: translate3d(0px, 0px, 0px); } - .owl-carousel .owl-wrapper, - .owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); } - .owl-carousel .owl-item { - position: relative; - min-height: 1px; - float: left; - -webkit-backface-visibility: hidden; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; } - .owl-carousel .owl-item img { - display: block; - width: 100%; } - .owl-carousel .owl-nav.disabled, - .owl-carousel .owl-dots.disabled { - display: none; } - .owl-carousel .owl-nav .owl-prev, - .owl-carousel .owl-nav .owl-next, - .owl-carousel .owl-dot { - cursor: pointer; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel .owl-nav button.owl-prev, - .owl-carousel .owl-nav button.owl-next, - .owl-carousel button.owl-dot { - background: none; - color: inherit; - border: none; - padding: 0 !important; - font: inherit; } - .owl-carousel.owl-loaded { - display: block; } - .owl-carousel.owl-loading { - opacity: 0; - display: block; } - .owl-carousel.owl-hidden { - opacity: 0; } - .owl-carousel.owl-refresh .owl-item { - visibility: hidden; } - .owl-carousel.owl-drag .owl-item { - touch-action: pan-y; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel.owl-grab { - cursor: move; - cursor: grab; } - .owl-carousel.owl-rtl { - direction: rtl; } - .owl-carousel.owl-rtl .owl-item { - float: right; } - -/* No Js */ -.no-js .owl-carousel { - display: block; } - -/* - * Owl Carousel - Animate Plugin - */ -.owl-carousel .animated { - animation-duration: 1000ms; - animation-fill-mode: both; } - -.owl-carousel .owl-animated-in { - z-index: 0; } - -.owl-carousel .owl-animated-out { - z-index: 1; } - -.owl-carousel .fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -/* - * Owl Carousel - Auto Height Plugin - */ -.owl-height { - transition: height 500ms ease-in-out; } - -/* - * Owl Carousel - Lazy Load Plugin - */ -.owl-carousel .owl-item { - /** - This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong - calculation of the height of the owl-item that breaks page layouts - */ } - .owl-carousel .owl-item .owl-lazy { - opacity: 0; - transition: opacity 400ms ease; } - .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { - max-height: 0; } - .owl-carousel .owl-item img.owl-lazy { - transform-style: preserve-3d; } - -/* - * Owl Carousel - Video Plugin - */ -.owl-carousel .owl-video-wrapper { - position: relative; - height: 100%; - background: #000; } - -.owl-carousel .owl-video-play-icon { - position: absolute; - height: 80px; - width: 80px; - left: 50%; - top: 50%; - margin-left: -40px; - margin-top: -40px; - background: url("owl.video.play.png") no-repeat; - cursor: pointer; - z-index: 1; - -webkit-backface-visibility: hidden; - transition: transform 100ms ease; } - -.owl-carousel .owl-video-play-icon:hover { - transform: scale(1.3, 1.3); } - -.owl-carousel .owl-video-playing .owl-video-tn, -.owl-carousel .owl-video-playing .owl-video-play-icon { - display: none; } - -.owl-carousel .owl-video-tn { - opacity: 0; - height: 100%; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; - transition: opacity 400ms ease; } - -.owl-carousel .owl-video-frame { - position: relative; - z-index: 1; - height: 100%; - width: 100%; } - -/* - * Default theme - Owl Carousel CSS File - */ -.owl-theme .owl-nav { - margin-top: 10px; - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-nav [class*='owl-'] { - color: #FFF; - font-size: 14px; - margin: 5px; - padding: 4px 7px; - background: #D6D6D6; - display: inline-block; - cursor: pointer; - border-radius: 3px; } - .owl-theme .owl-nav [class*='owl-']:hover { - background: #869791; - color: #FFF; - text-decoration: none; } - .owl-theme .owl-nav .disabled { - opacity: 0.5; - cursor: default; } - -.owl-theme .owl-nav.disabled + .owl-dots { - margin-top: 10px; } - -.owl-theme .owl-dots { - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-dots .owl-dot { - display: inline-block; - zoom: 1; - *display: inline; } - .owl-theme .owl-dots .owl-dot span { - width: 10px; - height: 10px; - margin: 5px 7px; - background: #D6D6D6; - display: block; - -webkit-backface-visibility: visible; - transition: opacity 200ms ease; - border-radius: 30px; } - .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { - background: #869791; } - -@keyframes plyr-progress { - to { - background-position: 25px 0; } } - -@keyframes plyr-popup { - 0% { - opacity: 0.5; - transform: translateY(10px); } - to { - opacity: 1; - transform: translateY(0); } } - -@keyframes plyr-fade-in { - from { - opacity: 0; } - to { - opacity: 1; } } - -.plyr { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: subpixel-antialiased; - direction: ltr; - font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; - font-variant-numeric: tabular-nums; - font-weight: 500; - line-height: 1.7; - max-width: 100%; - min-width: 200px; - position: relative; - text-shadow: none; - transition: box-shadow 0.3s ease; } - .plyr video, - .plyr audio { - border-radius: inherit; - height: auto; - vertical-align: middle; - width: 100%; } - .plyr button { - font: inherit; - line-height: inherit; - width: auto; } - .plyr:focus { - outline: 0; } - -.plyr--full-ui { - box-sizing: border-box; } - .plyr--full-ui *, - .plyr--full-ui *::after, - .plyr--full-ui *::before { - box-sizing: inherit; } - -.plyr--full-ui a, -.plyr--full-ui button, -.plyr--full-ui input, -.plyr--full-ui label { - touch-action: manipulation; } - -.plyr__badge { - background: #4f5b5f; - border-radius: 2px; - color: #fff; - font-size: 9px; - line-height: 1; - padding: 3px 4px; } - -.plyr--full-ui ::-webkit-media-text-track-container { - display: none; } - -.plyr__captions { - animation: plyr-fade-in 0.3s ease; - bottom: 0; - color: #fff; - display: none; - font-size: 14px; - left: 0; - padding: 10px; - position: absolute; - text-align: center; - transition: transform 0.4s ease-in-out; - width: 100%; } - .plyr__captions .plyr__caption { - background: rgba(0, 0, 0, 0.8); - border-radius: 2px; - box-decoration-break: clone; - line-height: 185%; - padding: 0.2em 0.5em; - white-space: pre-wrap; } - .plyr__captions .plyr__caption div { - display: inline; } - .plyr__captions span:empty { - display: none; } - @media (min-width: 480px) { - .plyr__captions { - font-size: 16px; - padding: 20px; } } - @media (min-width: 768px) { - .plyr__captions { - font-size: 18px; } } - -.plyr--captions-active .plyr__captions { - display: block; } - -.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { - transform: translateY(-40px); } - -.plyr__control { - background: transparent; - border: 0; - border-radius: 3px; - color: inherit; - cursor: pointer; - flex-shrink: 0; - overflow: visible; - padding: 7px; - position: relative; - transition: all 0.3s ease; } - .plyr__control svg { - display: block; - fill: currentColor; - height: 18px; - pointer-events: none; - width: 18px; } - .plyr__control:focus { - outline: 0; } - .plyr__control.plyr__tab-focus { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -a.plyr__control { - text-decoration: none; } - a.plyr__control::after, a.plyr__control::before { - display: none; } - -.plyr__control:not(.plyr__control--pressed) .icon--pressed, -.plyr__control.plyr__control--pressed .icon--not-pressed, -.plyr__control:not(.plyr__control--pressed) .label--pressed, -.plyr__control.plyr__control--pressed .label--not-pressed { - display: none; } - -.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr--video .plyr__control svg { - filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } - -.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr__control--overlaid { - background: rgba(26, 175, 255, 0.8); - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: #fff; - display: none; - left: 50%; - padding: 15px; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 2; } - .plyr__control--overlaid svg { - left: 2px; - position: relative; } - .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { - background: #1aafff; } - -.plyr--playing .plyr__control--overlaid { - opacity: 0; - visibility: hidden; } - -.plyr--full-ui.plyr--video .plyr__control--overlaid { - display: block; } - -.plyr--full-ui ::-webkit-media-controls { - display: none; } - -.plyr__controls { - align-items: center; - display: flex; - justify-content: flex-end; - text-align: center; } - .plyr__controls > .plyr__control, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__volume { - margin-left: 5px; } - .plyr__controls .plyr__menu + .plyr__control, - .plyr__controls > .plyr__control + .plyr__menu, - .plyr__controls > .plyr__control + .plyr__control, - .plyr__controls .plyr__progress + .plyr__control { - margin-left: 2px; } - .plyr__controls > .plyr__control:first-child, - .plyr__controls > .plyr__control:first-child + [data-plyr='pause'] { - margin-left: 0; - margin-right: auto; } - .plyr__controls:empty { - display: none; } - @media (min-width: 480px) { - .plyr__controls > .plyr__control, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__volume { - margin-left: 10px; } } - -.plyr--audio .plyr__controls { - background: #fff; - border-radius: inherit; - color: #4f5b5f; - padding: 10px; } - -.plyr--video .plyr__controls { - background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - bottom: 0; - color: #fff; - left: 0; - padding: 20px 5px 5px; - position: absolute; - right: 0; - transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; - z-index: 3; } - @media (min-width: 480px) { - .plyr--video .plyr__controls { - padding: 35px 10px 10px; } } - -.plyr--video.plyr--hide-controls .plyr__controls { - opacity: 0; - pointer-events: none; - transform: translateY(100%); } - -.plyr [data-plyr='captions'], -.plyr [data-plyr='pip'], -.plyr [data-plyr='airplay'], -.plyr [data-plyr='fullscreen'] { - display: none; } - -.plyr--captions-enabled [data-plyr='captions'], -.plyr--pip-supported [data-plyr='pip'], -.plyr--airplay-supported [data-plyr='airplay'], -.plyr--fullscreen-enabled [data-plyr='fullscreen'] { - display: inline-block; } - -.plyr__video-embed { - height: 0; - padding-bottom: 56.25%; - position: relative; } - .plyr__video-embed iframe { - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - user-select: none; - width: 100%; } - -.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { - padding-bottom: 240%; - position: relative; - transform: translateY(-38.28125%); } - -.plyr__menu { - display: flex; - position: relative; } - .plyr__menu .plyr__control svg { - transition: transform 0.3s ease; } - .plyr__menu .plyr__control[aria-expanded='true'] svg { - transform: rotate(90deg); } - .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip { - display: none; } - .plyr__menu__container { - animation: plyr-popup 0.2s ease; - background: rgba(255, 255, 255, 0.9); - border-radius: 4px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 16px; - margin-bottom: 10px; - position: absolute; - right: -3px; - text-align: left; - white-space: nowrap; - z-index: 3; } - .plyr__menu__container > div { - overflow: hidden; - transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } - .plyr__menu__container::after { - border: 4px solid transparent; - border-top-color: rgba(255, 255, 255, 0.9); - content: ''; - height: 0; - position: absolute; - right: 15px; - top: 100%; - width: 0; } - .plyr__menu__container [role='menu'] { - padding: 7px; } - .plyr__menu__container [role='menuitem'], - .plyr__menu__container [role='menuitemradio'] { - margin-top: 2px; } - .plyr__menu__container [role='menuitem']:first-child, - .plyr__menu__container [role='menuitemradio']:first-child { - margin-top: 0; } - .plyr__menu__container .plyr__control { - align-items: center; - color: #4f5b5f; - display: flex; - font-size: 14px; - padding: 4px 11px; - user-select: none; - width: 100%; } - .plyr__menu__container .plyr__control > span { - align-items: inherit; - display: flex; - width: 100%; } - .plyr__menu__container .plyr__control::after { - border: 4px solid transparent; - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); } - .plyr__menu__container .plyr__control--forward { - padding-right: 28px; } - .plyr__menu__container .plyr__control--forward::after { - border-left-color: rgba(79, 91, 95, 0.8); - right: 5px; } - .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { - border-left-color: currentColor; } - .plyr__menu__container .plyr__control--back { - font-weight: 500; - margin: 7px; - margin-bottom: 3px; - padding-left: 28px; - position: relative; - width: calc(100% - 14px); } - .plyr__menu__container .plyr__control--back::after { - border-right-color: rgba(79, 91, 95, 0.8); - left: 7px; } - .plyr__menu__container .plyr__control--back::before { - background: #b7c5cd; - box-shadow: 0 1px 0 #fff; - content: ''; - height: 1px; - left: 0; - margin-top: 4px; - overflow: hidden; - position: absolute; - right: 0; - top: 100%; } - .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { - border-right-color: currentColor; } - .plyr__menu__container .plyr__control[role='menuitemradio'] { - padding-left: 7px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after { - border-radius: 100%; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before { - background: rgba(0, 0, 0, 0.1); - content: ''; - display: block; - flex-shrink: 0; - height: 16px; - margin-right: 10px; - transition: all 0.3s ease; - width: 16px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::after { - background: #fff; - border: 0; - height: 6px; - left: 12px; - opacity: 0; - top: 50%; - transform: translateY(-50%) scale(0); - transition: transform 0.3s ease, opacity 0.3s ease; - width: 6px; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before { - background: #1aafff; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after { - opacity: 1; - transform: translateY(-50%) scale(1); } - .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before { - background: rgba(0, 0, 0, 0.1); } - .plyr__menu__container .plyr__menu__value { - align-items: center; - display: flex; - margin-left: auto; - margin-right: -5px; - overflow: hidden; - padding-left: 25px; - pointer-events: none; } - -.plyr--full-ui input[type='range'] { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 26px; - color: #1aafff; - display: block; - height: 19px; - margin: 0; - padding: 0; - transition: box-shadow 0.3s ease; - width: 100%; } - .plyr--full-ui input[type='range']::-webkit-slider-runnable-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } - .plyr--full-ui input[type='range']::-webkit-slider-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - -webkit-appearance: none; - /* stylelint-disable-line */ - margin-top: -4px; } - .plyr--full-ui input[type='range']::-moz-range-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-moz-range-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; } - .plyr--full-ui input[type='range']::-moz-range-progress { - background: currentColor; - border-radius: 2.5px; - height: 5px; } - .plyr--full-ui input[type='range']::-ms-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - color: transparent; } - .plyr--full-ui input[type='range']::-ms-fill-upper { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-ms-fill-lower { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background: currentColor; } - .plyr--full-ui input[type='range']::-ms-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - margin-top: 0; } - .plyr--full-ui input[type='range']::-ms-tooltip { - display: none; } - .plyr--full-ui input[type='range']:focus { - outline: 0; } - .plyr--full-ui input[type='range']::-moz-focus-outer { - border: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-moz-range-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-ms-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-ms-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr__poster { - background-color: #000; - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - transition: opacity 0.2s ease; - width: 100%; - z-index: 1; } - -.plyr--stopped.plyr__poster-enabled .plyr__poster { - opacity: 1; } - -.plyr__time { - font-size: 14px; } - -.plyr__time + .plyr__time::before { - content: '\2044'; - margin-right: 10px; } - -@media (max-width: 767px) { - .plyr__time + .plyr__time { - display: none; } } - -.plyr--video .plyr__time { - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.plyr__tooltip { - background: rgba(255, 255, 255, 0.9); - border-radius: 3px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 14px; - font-weight: 500; - left: 50%; - line-height: 1.3; - margin-bottom: 10px; - opacity: 0; - padding: 5px 7.5px; - pointer-events: none; - position: absolute; - transform: translate(-50%, 10px) scale(0.8); - transform-origin: 50% 100%; - transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; - white-space: nowrap; - z-index: 2; } - .plyr__tooltip::before { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(255, 255, 255, 0.9); - bottom: -4px; - content: ''; - height: 0; - left: 50%; - position: absolute; - transform: translateX(-50%); - width: 0; - z-index: 2; } - -.plyr .plyr__control:hover .plyr__tooltip, -.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__tooltip--visible { - opacity: 1; - transform: translate(-50%, 0) scale(1); } - -.plyr .plyr__control:hover .plyr__tooltip { - z-index: 3; } - -.plyr__controls > .plyr__control:first-child .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { - left: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 0 100%; } - .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, - .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { - left: 16px; } - -.plyr__controls > .plyr__control:last-child .plyr__tooltip { - left: auto; - right: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 100% 100%; } - .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { - left: auto; - right: 16px; - transform: translateX(50%); } - -.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, -.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, -.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { - transform: translate(0, 0) scale(1); } - -.plyr--video { - background: #000; - overflow: hidden; } - .plyr--video.plyr--menu-open { - overflow: visible; } - -.plyr__video-wrapper { - background: #000; - border-radius: inherit; - overflow: hidden; - position: relative; - z-index: 0; } - -.plyr__progress { - flex: 1; - left: 6.5px; - margin-right: 13px; - position: relative; } - .plyr__progress input[type='range'], .plyr__progress__buffer { - margin-left: -6.5px; - margin-right: -6.5px; - width: calc(100% + 13px); } - .plyr__progress input[type='range'] { - position: relative; - z-index: 2; } - .plyr__progress .plyr__tooltip { - font-size: 14px; - left: 0; } - -.plyr__progress__buffer { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 100px; - height: 5px; - left: 0; - margin-top: -2.5px; - padding: 0; - position: absolute; - top: 50%; } - .plyr__progress__buffer::-webkit-progress-bar { - background: transparent; } - .plyr__progress__buffer::-webkit-progress-value { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-moz-progress-bar { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-ms-fill { - border-radius: 100px; - transition: width 0.2s ease; } - -.plyr--video .plyr__progress__buffer { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.25); } - -.plyr--audio .plyr__progress__buffer { - color: rgba(183, 197, 205, 0.66); } - -.plyr--loading .plyr__progress__buffer { - animation: plyr-progress 1s linear infinite; - background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); - background-repeat: repeat-x; - background-size: 25px 25px; - color: transparent; } - -.plyr--video.plyr--loading .plyr__progress__buffer { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--audio.plyr--loading .plyr__progress__buffer { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr__volume { - align-items: center; - display: flex; - flex: 1; - position: relative; } - .plyr__volume input[type='range'] { - margin-left: 5px; - position: relative; - z-index: 2; } - @media (min-width: 480px) { - .plyr__volume { - max-width: 90px; } } - @media (min-width: 768px) { - .plyr__volume { - max-width: 110px; } } - -.plyr--is-ios .plyr__volume { - display: none !important; } - -.plyr--is-ios.plyr--vimeo [data-plyr='mute'] { - display: none !important; } - -.plyr:fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:fullscreen video { - height: 100%; } - .plyr:fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:fullscreen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-webkit-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-webkit-full-screen video { - height: 100%; } - .plyr:-webkit-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-webkit-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-webkit-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-moz-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-moz-full-screen video { - height: 100%; } - .plyr:-moz-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-moz-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-moz-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-ms-fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-ms-fullscreen video { - height: 100%; } - .plyr:-ms-fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-ms-fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-ms-fullscreen .plyr__captions { - font-size: 21px; } } - -.plyr--fullscreen-fallback { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; - bottom: 0; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 10000000; } - .plyr--fullscreen-fallback video { - height: 100%; } - .plyr--fullscreen-fallback .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr--fullscreen-fallback.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr--fullscreen-fallback .plyr__captions { - font-size: 21px; } } - -.plyr--no-transition { - transition: none !important; } - -.plyr__sr-only { - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - border: 0 !important; - height: 1px !important; - padding: 0 !important; - position: absolute !important; - width: 1px !important; } - -.plyr [hidden] { - display: none !important; } - -.text-hide { - font: 0/0 a !important; - color: transparent !important; - text-shadow: none !important; - background-color: transparent !important; - border: 0 !important; } - -.text-truncate { - max-width: 100% !important; - overflow: hidden !important; - text-overflow: ellipsis; - white-space: nowrap !important; } - -.text-nowrap { - white-space: nowrap !important; } - -.text-wrap { - word-wrap: break-word !important; } - -.text-lowercase { - text-transform: lowercase !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.text-capitalize { - text-transform: capitalize !important; } - -.text-overline { - text-decoration: overline !important; } - -.text-underline { - text-decoration: underline !important; } - -.text-line-through { - text-decoration: line-through !important; } - -.font-wide { - letter-spacing: 0.25rem; } - -.font-normal { - font-weight: normal; } - -.font-bold { - font-weight: bold; } - -.font-italic { - font-style: italic !important; } - -ul.list-disc { - list-style-type: disc !important; } - -ul.list-circle { - list-style-type: circle !important; } - -ul.list-square { - list-style-type: square !important; } - -ol.list-decimal { - list-style-type: decimal !important; } - -ol.list-lower-alpha { - list-style-type: lower-alpha !important; } - -ol.list-lower-latin { - list-style-type: lower-latin !important; } - -ol.list-lower-roman { - list-style-type: lower-roman !important; } - -ol.list-upper-alpha { - list-style-type: upper-alpha !important; } - -ol.list-upper-latin { - list-style-type: upper-latin !important; } - -ol.list-upper-roman { - list-style-type: upper-roman !important; } - -.rounded { - border-radius: 5000px !important; } - -.radius { - border-radius: 0.1875rem; } - -.bordered { - border: 0.0625rem solid #b2b2b2; } - -.shadow { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } - -.arrow-down { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #0a0a0a transparent transparent; } - -.arrow-up { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #0a0a0a; } - -.arrow-right { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #0a0a0a; } - -.arrow-left { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #0a0a0a transparent transparent; } - -.separator-center { - text-align: center !important; } - .separator-center::before, .separator-center::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-center::after { - clear: both; } - .separator-center::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #6a6a6a; - margin: 1rem auto 0; } - -.separator-left { - text-align: left !important; } - .separator-left::before, .separator-left::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-left::after { - clear: both; } - .separator-left::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #6a6a6a; - margin: 1rem auto 0; - margin-left: 0 !important; } - -.separator-right { - text-align: right !important; } - .separator-right::before, .separator-right::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-right::after { - clear: both; } - .separator-right::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #6a6a6a; - margin: 1rem auto 0; - margin-right: 0 !important; } - -.overflow-visible { - overflow: visible !important; } - -.overflow-x-visible { - overflow-x: visible !important; } - -.overflow-y-visible { - overflow-y: visible !important; } - -.overflow-hidden { - overflow: hidden !important; } - -.overflow-x-hidden { - overflow-x: hidden !important; } - -.overflow-y-hidden { - overflow-y: hidden !important; } - -.overflow-scroll { - overflow: scroll !important; } - -.overflow-x-scroll { - overflow-x: scroll !important; } - -.overflow-y-scroll { - overflow-y: scroll !important; } - -.display-inline { - display: inline !important; } - -.display-inline-block { - display: inline-block !important; } - -.display-block { - display: block !important; } - -.display-table { - display: table !important; } - -.display-table-cell { - display: table-cell !important; } - -.position-static { - position: static !important; } - -.position-relative { - position: relative !important; } - -.position-absolute { - position: absolute !important; } - -.position-fixed { - position: fixed !important; } - -.position-fixed-top { - position: fixed !important; - top: 0rem !important; - right: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.position-fixed-bottom { - position: fixed !important; - right: 0rem !important; - bottom: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.border-box { - box-sizing: border-box !important; } - -.border-none { - border: none !important; } - -.width-25 { - width: 25% !important; } - -.width-50 { - width: 50% !important; } - -.width-75 { - width: 75% !important; } - -.width-100 { - width: 100% !important; } - -.height-25 { - height: 25% !important; } - -.height-50 { - height: 50% !important; } - -.height-75 { - height: 75% !important; } - -.height-100 { - height: 100% !important; } - -.max-width-100 { - max-width: 100% !important; } - -.max-height-100 { - max-height: 100% !important; } - -.margin-0 { - margin-top: 0rem !important; - margin-right: 0rem !important; - margin-bottom: 0rem !important; - margin-left: 0rem !important; } - -.padding-0 { - padding-top: 0rem !important; - padding-right: 0rem !important; - padding-bottom: 0rem !important; - padding-left: 0rem !important; } - -.margin-top-0 { - margin-top: 0rem !important; } - -.padding-top-0 { - padding-top: 0rem !important; } - -.margin-right-0 { - margin-right: 0rem !important; } - -.padding-right-0 { - padding-right: 0rem !important; } - -.margin-bottom-0 { - margin-bottom: 0rem !important; } - -.padding-bottom-0 { - padding-bottom: 0rem !important; } - -.margin-left-0 { - margin-left: 0rem !important; } - -.padding-left-0 { - padding-left: 0rem !important; } - -.margin-horizontal-0 { - margin-right: 0rem !important; - margin-left: 0rem !important; } - -.padding-horizontal-0 { - padding-right: 0rem !important; - padding-left: 0rem !important; } - -.margin-vertical-0 { - margin-top: 0rem !important; - margin-bottom: 0rem !important; } - -.padding-vertical-0 { - padding-top: 0rem !important; - padding-bottom: 0rem !important; } - -.margin-1 { - margin-top: 1rem !important; - margin-right: 1rem !important; - margin-bottom: 1rem !important; - margin-left: 1rem !important; } - -.padding-1 { - padding-top: 1rem !important; - padding-right: 1rem !important; - padding-bottom: 1rem !important; - padding-left: 1rem !important; } - -.margin-top-1 { - margin-top: 1rem !important; } - -.padding-top-1 { - padding-top: 1rem !important; } - -.margin-right-1 { - margin-right: 1rem !important; } - -.padding-right-1 { - padding-right: 1rem !important; } - -.margin-bottom-1 { - margin-bottom: 1rem !important; } - -.padding-bottom-1 { - padding-bottom: 1rem !important; } - -.margin-left-1 { - margin-left: 1rem !important; } - -.padding-left-1 { - padding-left: 1rem !important; } - -.margin-horizontal-1 { - margin-right: 1rem !important; - margin-left: 1rem !important; } - -.padding-horizontal-1 { - padding-right: 1rem !important; - padding-left: 1rem !important; } - -.margin-vertical-1 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } - -.padding-vertical-1 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } - -.margin-2 { - margin-top: 2rem !important; - margin-right: 2rem !important; - margin-bottom: 2rem !important; - margin-left: 2rem !important; } - -.padding-2 { - padding-top: 2rem !important; - padding-right: 2rem !important; - padding-bottom: 2rem !important; - padding-left: 2rem !important; } - -.margin-top-2 { - margin-top: 2rem !important; } - -.padding-top-2 { - padding-top: 2rem !important; } - -.margin-right-2 { - margin-right: 2rem !important; } - -.padding-right-2 { - padding-right: 2rem !important; } - -.margin-bottom-2 { - margin-bottom: 2rem !important; } - -.padding-bottom-2 { - padding-bottom: 2rem !important; } - -.margin-left-2 { - margin-left: 2rem !important; } - -.padding-left-2 { - padding-left: 2rem !important; } - -.margin-horizontal-2 { - margin-right: 2rem !important; - margin-left: 2rem !important; } - -.padding-horizontal-2 { - padding-right: 2rem !important; - padding-left: 2rem !important; } - -.margin-vertical-2 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; } - -.padding-vertical-2 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; } - -.margin-3 { - margin-top: 3rem !important; - margin-right: 3rem !important; - margin-bottom: 3rem !important; - margin-left: 3rem !important; } - -.padding-3 { - padding-top: 3rem !important; - padding-right: 3rem !important; - padding-bottom: 3rem !important; - padding-left: 3rem !important; } - -.margin-top-3 { - margin-top: 3rem !important; } - -.padding-top-3 { - padding-top: 3rem !important; } - -.margin-right-3 { - margin-right: 3rem !important; } - -.padding-right-3 { - padding-right: 3rem !important; } - -.margin-bottom-3 { - margin-bottom: 3rem !important; } - -.padding-bottom-3 { - padding-bottom: 3rem !important; } - -.margin-left-3 { - margin-left: 3rem !important; } - -.padding-left-3 { - padding-left: 3rem !important; } - -.margin-horizontal-3 { - margin-right: 3rem !important; - margin-left: 3rem !important; } - -.padding-horizontal-3 { - padding-right: 3rem !important; - padding-left: 3rem !important; } - -.margin-vertical-3 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } - -.padding-vertical-3 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } - -.slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-down.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-left.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-up.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-right.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-down.mui-leave.mui-leave-active { - transform: translateY(100%); } - -.slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-right.mui-leave.mui-leave-active { - transform: translateX(100%); } - -.slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-up.mui-leave.mui-leave-active { - transform: translateY(-100%); } - -.slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-left.mui-leave.mui-leave-active { - transform: translateX(-100%); } - -.fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - -.fade-in.mui-enter.mui-enter-active { - opacity: 1; } - -.fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - -.fade-out.mui-leave.mui-leave-active { - opacity: 0; } - -.hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-top.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-right.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(90deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(90deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-left.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-y.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-top.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-right.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - -.hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-left.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - -.hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(0.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-up.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-down.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-up.mui-leave.mui-leave-active { - transform: scale(1.5); - opacity: 0; } - -.scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-down.mui-leave.mui-leave-active { - transform: scale(0.5); - opacity: 0; } - -.spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(-0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out.mui-leave.mui-leave-active { - transform: rotate(0.75turn); - opacity: 0; } - -.spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in-ccw.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out-ccw.mui-leave.mui-leave-active { - transform: rotate(-0.75turn); - opacity: 0; } - -.slow { - transition-duration: 750ms !important; } - -.fast { - transition-duration: 250ms !important; } - -.linear { - transition-timing-function: linear !important; } - -.ease { - transition-timing-function: ease !important; } - -.ease-in { - transition-timing-function: ease-in !important; } - -.ease-out { - transition-timing-function: ease-out !important; } - -.ease-in-out { - transition-timing-function: ease-in-out !important; } - -.bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - transition-delay: 300ms !important; } - -.long-delay { - transition-delay: 700ms !important; } - -.shake { - animation-name: shake-7; } - -@keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - transform: translateX(-7%); } } - -.spin-cw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(-1turn); } - 100% { - transform: rotate(0); } } - -.spin-ccw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(0); } - 100% { - transform: rotate(1turn); } } - -.wiggle { - animation-name: wiggle-7deg; } - -@keyframes wiggle-7deg { - 40%, 50%, 60% { - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - transform: rotate(0); } } - -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - animation-duration: 500ms; } - -.infinite { - animation-iteration-count: infinite; } - -.slow { - animation-duration: 750ms !important; } - -.fast { - animation-duration: 250ms !important; } - -.linear { - animation-timing-function: linear !important; } - -.ease { - animation-timing-function: ease !important; } - -.ease-in { - animation-timing-function: ease-in !important; } - -.ease-out { - animation-timing-function: ease-out !important; } - -.ease-in-out { - animation-timing-function: ease-in-out !important; } - -.bounce-in { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - animation-delay: 300ms !important; } - -.long-delay { - animation-delay: 700ms !important; } - -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -html, -body { - padding: 0; - margin: 0; } - -.grid-container { - max-width: 90rem; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-left: 6rem; - padding-right: 6rem; } } - -.theme--dark { - background: #0a0a0a !important; } - .theme--dark h1, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__title, .theme--dark .in-depth .in-depth__title, .in-depth .theme--dark .in-depth__title, - .theme--dark h2, - .theme--dark h3, - .theme--dark p, - .theme--dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--dark h3 { - color: #ffffff; } - -.theme--primary { - background: #ffffff !important; } - .theme--primary h1, .theme--primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary .slide--in-depth__intro__title, .theme--primary .in-depth .in-depth__title, .in-depth .theme--primary .in-depth__title, - .theme--primary h2, - .theme--primary h3, - .theme--primary p, - .theme--primary .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary h3 { - color: #6a6a6a; } - -.theme--primary-dark { - background: #6a6a6a !important; } - .theme--primary-dark h1, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__title, .theme--primary-dark .in-depth .in-depth__title, .in-depth .theme--primary-dark .in-depth__title, - .theme--primary-dark h2, - .theme--primary-dark h3, - .theme--primary-dark p, - .theme--primary-dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark h3 { - color: #ffffff; } - -.theme--primary-light { - background: rgba(106, 106, 106, 0.1) !important; } - .theme--primary-light h1, .theme--primary-light .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-light .slide--in-depth__intro__title, .theme--primary-light .in-depth .in-depth__title, .in-depth .theme--primary-light .in-depth__title, - .theme--primary-light h2, - .theme--primary-light h3, - .theme--primary-light p, - .theme--primary-light .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-light h3 { - color: #6a6a6a; } - -.scroll_lock { - overflow: hidden; } - -a.link--arrow { - font-weight: bold; } - -body.off-canvas-opened { - overflow: hidden; } - -button, -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - background: black; - color: white; - text-transform: uppercase; - letter-spacing: 1px; - position: relative; - z-index: 0; } - button:focus, - .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - button a, .button a, .button.cta a, .cta__button a, .button.cta--alt a, .cta__button--alt a, .modal__open-button a, .transcript .transcript__toggle a, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button a { - color: inherit; - font-size: inherit; - line-height: inherit; - background: inherit; } - button svg, .button svg, .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - margin: .125rem 0 0 0; - height: 1rem; - width: 1rem; } - button.hollow, - .hollow.button, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #0a0a0a; - color: #0a0a0a; - background: transparent; } - button.hollow:hover, - .hollow.button:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover { - border: 2px solid #0a0a0a; - color: #0a0a0a; } - button.icon, - .icon.button, - .icon.cta__button, - .icon.cta__button--alt, .icon.modal__open-button, .transcript .icon.transcript__toggle, .owl-carousel .slide--in-depth__intro .icon.slide--in-depth__intro__button { - padding: .25rem; - height: 2rem; - width: 2rem; - font-size: 1em; } - -.caption { - margin-top: .5rem; - margin-bottom: 1rem; - cursor: text; - font-size: 0.75rem; - line-height: 16px; } - .caption .caption__brief { - display: inline-block; } - .caption .toggle-caption { - margin: 0 0 0 .25rem; - padding: .125rem; - height: 1.25rem; - width: 1.25rem; - position: relative; } - .caption .toggle-caption .i-info { - text-transform: lowercase; - font-size: 15px; - font-family: 'freight-text-pro'; - font-weight: 700; - display: inline-block; - margin-left: 0.5px; - height: 12px; - width: 5px; } - .caption figcaption { - display: block; - background-color: #e6e6e6; - color: #0a0a0a; - padding: 1rem; - margin-top: .5rem; } - .theme--dark .caption { - color: #ffffff; } - .theme--dark .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .caption .toggle-caption svg { - transform: translate(-0.25px, -1.5px); } - .theme--dark .caption figcaption { - margin-top: 1rem; - color: #ffffff; - padding: 1rem; - background: rgba(255, 255, 255, 0.2); } - -cite, .inline-quote cite, .standalone-quote cite { - font-style: normal; } - .theme--dark cite { - color: #ffffff; } - -/* -Cliff Note (Blurb) - -A cliff note acts as a quick overview or as highlighted information of a chapter and is meant to be scanned. It can also help set the tone of the chapter. - -Markup: cliff-note.html.twig - -Styleguide COMPONENTS.cliff-note - -*/ -.cliff-note { - font-size: 1.875rem; - line-height: 42px; - position: relative; - font-family: "freight-display-pro", sans; - letter-spacing: -1px; - max-width: 18rem; - margin: auto; } - .cliff-note p, .cliff-note .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cliff-note h3 { - font-size: inherit; - line-height: inherit; } - .cliff-note:before { - display: block; - width: 5rem; - height: 2px; - margin-bottom: 1em; - background-color: #6a6a6a; - content: ''; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(106, 106, 106, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(154, 154, 154, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.down_arrow { - z-index: 151; - position: absolute; - width: 100vw; } - .down_arrow a { - display: block; - width: 3rem; - height: 3rem; - margin: 0 auto; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -.intro-text { - overflow-y: auto; - overflow-x: hidden; } - .intro-text h2 { - opacity: 0.5; - font-style: italic; - font-weight: bold; - margin-bottom: 2rem; } - @media print, screen and (min-width: 40em) { - .intro-text h2 { - margin-bottom: 4rem; } } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, .intro-text h2 { - color: #6a6a6a; } - .theme--dark .intro-text .cell, .theme--dark .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--dark .intro-text h2 { - color: #ffffff; } - .theme--primary--light .intro-text .cell, .theme--primary--light .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--primary--light .intro-text h2 { - color: #0a0a0a; } - .intro-text .text { - font-family: "freight-display-pro", sans; - font-weight: bold; - line-height: 1.3; - letter-spacing: -1px; - font-size: 2em; } - @media print, screen and (min-width: 40em) { - .intro-text .text { - font-size: 2.85em; } } - @media print, screen and (min-width: 64em) { - .intro-text .text { - font-size: 3.75em; } } - .theme--dark.intro-text .cell, .theme--dark.intro-text .video--embed.boxed > .video--embed__wrapper { - background-color: #0a0a0a; } - .theme--dark.intro-text .text, - .theme--dark.intro-text h2 { - color: #ffffff; } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 0; - transition-property: opacity, top; - transition-duration: .75s; - transition-delay: 0.125s; - transition-timing-function: ease-in-out; - position: relative; - top: 5rem; } - .triggered .intro-text .cell, .triggered .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 1; - top: 0; } - -.intro-text.video-intro { - height: 100vh; } - .intro-text.video-intro .grid-x, .intro-text.video-intro .video--embed.boxed { - height: 100vh; - padding: 0 !important; - margin-left: 0; - margin-right: 0; } - .intro-text.video-intro .cell, .intro-text.video-intro .video--embed.boxed > .video--embed__wrapper { - height: 100vh; - width: 100vw; - overflow: auto; - margin-left: 0; - margin-right: 0; - padding-top: 8rem; - padding: 8rem 5rem 5rem 5rem; } - @media print, screen and (min-width: 40em) { - .intro-text.video-intro .wrapper { - padding-left: calc(16.66667% + 0.9375rem); - padding-right: calc(16.66667% + 0.9375rem); } } - .intro-text.video-intro .video_element { - z-index: -1; } - -.logo { - margin-top: .5rem; - margin-right: 1.5rem; - display: inline-block; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -p, .off-canvas footer.footer .footer-feature h3, .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - font-size: 1.125rem; } - -q, .inline-quote q, .standalone-quote q { - line-height: 1em; - font-weight: bold; } - q:before, .inline-quote q:before, .standalone-quote q:before, q:after, .inline-quote q:after, .standalone-quote q:after { - position: relative; - width: 1em; - font-size: 1.75em; - top: .125em; } - q:before, .inline-quote q:before, .standalone-quote q:before { - padding-right: .25rem; } - q:after, .inline-quote q:after, .standalone-quote q:after { - padding-left: .25rem; } - .theme--dark q { - color: #ffffff; } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.standalone-quote__icon svg { - max-width: 100%; - width: 15rem; - height: auto; } - -.standalone-quote__icon path#quote { - fill: #6a6a6a; } - -.standalone-quote__icon path#line { - stroke: #6a6a6a; } - -.theme--primary-dark .standalone-quote__icon path#quote, -.theme--primary-dark .standalone-quote__icon path#line { - fill: #ffffff; - stroke: #ffffff; } - -.tagline { - font-weight: 300; - display: inline-block; - position: relative; - top: -.25rem; } - -/* -Text Area - -Text area's contain paragraphs and related text copy and offer a drop cap feature for the first contained paragraph. - -Markup: textarea.html.twig - -Styleguide COMPONENTS.textarea - -*/ -.textarea { - font-family: "freight-text-pro", serif; - font-size: 1em; - line-height: 1.6em; } - .drop-cap.textarea > p:first-of-type:first-letter, .off-canvas footer.footer .footer-feature .drop-cap.textarea > h3:first-of-type:first-letter { - float: left; - font-size: 8.25em; - font-weight: 900; - line-height: 0.72em; - margin-right: 0.06667em; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(106, 106, 106, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(154, 154, 154, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -body.off-canvas-opened { - overflow: hidden; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.plyr--audio .plyr__controls { - padding: 0; - margin-bottom: 1rem; - color: #0a0a0a; } - -.plyr--audio .plyr__control { - border-radius: 1000rem; - background: #6a6a6a; - padding: .75rem; - height: 2.5rem; - width: 2.5rem; } - .plyr--audio .plyr__control svg { - fill: #ffffff !important; - transform: translate(0, -0.125rem); } - .plyr--audio .plyr__control:hover { - background: #444444 !important; } - .plyr--audio .plyr__control:hover svg { - fill: #ffffff !important; } - -.plyr--audio .plyr__progress__buffer { - color: #6a6a6a; - display: none; } - -.plyr--full-ui.plyr--audio input[type='range'] { - color: #6a6a6a; } - -.theme--dark .plyr--audio .plyr__controls { - color: #ffffff; } - -audio { - opacity: 0; } - -.transcript { - margin-bottom: 1rem; } - .transcript .transcript__brief { - margin-bottom: .5rem; } - .transcript .transcript__text { - transition-property: visibility, opacity, height, max-height; - transition-duration: .75s; - transition-timing-function: ease-in-out; - overflow: hidden; - max-height: 0; - opacity: 0; } - .transcript .transcript__text.active { - visibility: visible !important; - opacity: 1; - height: auto; - max-height: 600px; } - .transcript .transcript__toggle:after { - display: none; } - .theme--dark .transcript { - color: #ffffff; } - -#chapter_nav ul li.active_item a .dot_wrapper { - animation: pulse 1.375s infinite ease-in-out alternate running; - z-index: -1; } - -#chapter_nav ul li.active_item a .dot { - z-index: 2; - background-color: #6a6a6a; } - -#chapter_nav:hover ul li::after { - opacity: 1; } - -#chapter_nav { - width: 3em; - position: fixed; - z-index: 110; - box-sizing: border-box; - top: 18vh; - padding: 0 1rem; - left: 1.5rem; - height: 65vh; - background-image: url("/assets/images/chapternav-background.svg"); - background-repeat: repeat-y; - background-position: center center; - background-size: 100% 100%; - font-family: "freight-text-pro", serif; - transition-property: opacity; - transition-duration: 0.625s; - transition-timing-function: ease-in-out; } - @media (min-width: 640px) { - #chapter_nav { - display: block; } } - #chapter_nav.hidden { - visibility: hidden; - opacity: 0; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav.showy { - visibility: visible; - opacity: 1; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav ul { - list-style: none; - position: relative; - z-index: 10; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - justify-content: space-between; } - #chapter_nav ul .dot_wrapper { - position: relative; - width: 100%; - height: 100%; - border-radius: 50%; } - #chapter_nav ul .dot { - display: inline-block; - position: absolute; - box-shadow: 0px 0px 0px 3px #b2b2b2; - transition-property: background-color; - transition-duration: 0.75s; - transition-timing-function: ease-in-out; - text-decoration: none; - box-sizing: border-box; - background-color: #fff; - color: #fff; - border-radius: 50%; - width: 0.425rem; - height: 0.425rem; - text-align: center; - font-size: 1.125em; } - #chapter_nav ul li:nth-child(1) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(1)::after { - content: counter(chapters, upper-alpha); } - #chapter_nav ul li:nth-child(2) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(2)::after { - content: counter(chapters, upper-roman); } - #chapter_nav ul li { - position: relative; - padding: 0; } - #chapter_nav ul li a { - position: absolute; - display: block; - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; } - #chapter_nav ul li::after { - font-family: sans-serif; - counter-increment: chapters; - content: counter(chapters, upper-roman); - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - position: absolute; - opacity: 0; - left: 2.5rem; - top: -0.75rem; - color: #fff; } - #chapter_nav ul li.past .dot { - box-shadow: 0px 0px 0px 2px #ffffff; - background-color: #6a6a6a; } - .theme--dark #chapter_nav ul li::after { - text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.4); } - #chapter_nav .scroll_percent { - content: ""; - border-left: 3px #6a6a6a solid; - position: absolute; - z-index: -1; - top: 0; - left: 50%; - transform: translate3d(-50%, 0, 0); - transition-property: height; - transition-duration: 0.45s; - transition-timing-function: ease-out; } - -body { - counter-reset: tooltipChapters; } - body .tooltip.chapter_nav__tip { - box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.3); - font-size: 0.925rem; - font-weight: normal; - font-family: Helvetica, sans-serif; - white-space: nowrap; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } - body .tooltip.chapter_nav__tip::before { - transition-duration: 0.325s; - transition-timing-function: ease-out; - transition-property: opacity; - position: absolute; - left: 0.875em; - width: auto; - height: auto; - background-color: transparent; - border: none; - display: inline-block; } - -@keyframes pulse { - 0% { - background-color: rgba(106, 106, 106, 0.4); - box-shadow: 0 0 0 0.425rem rgba(106, 106, 106, 0.4); } - 100% { - background-color: rgba(106, 106, 106, 0.15); - box-shadow: 0 0 0 0.875rem rgba(106, 106, 106, 0.15); } } - -/* -Chapter title - -Cover pages for chapters - -Markup: chapter__title.html.twig -*/ -.chapter__title .object-fit { - object-position: 50% 50%; - font-family: 'object-fit: contain; object-position: 50% 50%'; - position: absolute; } - -.chapter__title .overlay { - position: absolute; - z-index: 50; - top: 50%; - left: 50%; - display: none; - opacity: 0; - transform: translate3d(-50%, -40%, 0); - transition-property: transform, opacity; - transition-duration: 1.875s; - transition-timing-function: ease-out; } - -.triggered .chapter__title .object-fit { - animation-name: kenburns; - animation-duration: 1.325s; - animation-timing-function: ease-in-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .overlay { - display: block; - animation-name: fadein; - animation-duration: 1.325s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0.25s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .toggle-caption { - opacity: 1; } - -.chapter__title .chapter__headline { - color: white; } - .chapter__title .chapter__headline .numeral, - .chapter__title .chapter__headline .title { - display: block; - text-align: center; } - .chapter__title .chapter__headline .numeral { - font-size: 8.75rem; - line-height: 165px; - color: white; - font-weight: 900; } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - font-size: 13.75rem; } } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - line-height: 200px; } } - - .chapter__title .chapter__headline .title { - font-size: 1.875rem; - line-height: 40px; - font-style: italic; } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - font-size: 3.125rem; } } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - line-height: 75px; } } - -@keyframes kenburns { - 0% { - transform: scale(1); } - 100% { - transform: scale(1.2); } } - -@keyframes fadein { - 0% { - opacity: 0; - transform: translate3d(-50%, -30%, 0); } - 100% { - opacity: 1; - transform: translate3d(-50%, -50%, 0); } } - -.cover_page { - position: absolute; - overflow: hidden; - /* - * This style will be shared with the SVG because - * I have to replace the DOM element in Firefox. - * Otherwise the SVG pattern will be broken. - */ } - .cover_page .underlay .bg-image { - z-index: -1; } - .cover_page .underlay .underlay_contents { - z-index: 2; - position: relative; } - .cover_page .underlay .headline { - color: transparent; } - .cover_page .underlay .headline .solid { - color: #fff; } - @supports (-webkit-text-stroke: 3px #fff) { - .cover_page .underlay .headline .outline { - color: rgba(255, 0, 0, 0); - -webkit-text-stroke: 2px #fff; } } - .cover_page .underlay .content { - color: #fff; - text-align: center; - padding-bottom: 3em; - position: absolute; - margin-left: 2em; - margin-right: 2em; - bottom: 3rem; - width: calc(100% - 4rem); } - .cover_page .underlay .content .info { - font-size: 1rem; - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - position: relative; - top: 4em; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content .info { - font-size: 1.125rem; } } - .cover_page .underlay .content .info p, .cover_page .underlay .content .info .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cover_page .underlay .content .info h3 { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content { - bottom: 5rem; - width: 100%; - margin-left: 0; - margin-right: 0; } } - .cover_page .down_arrow { - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - opacity: 0; - bottom: -5rem; } - .triggered .cover_page .underlay .content .info { - opacity: 1; - top: 0; } - .triggered .cover_page .down_arrow { - opacity: 1; - bottom: 3rem; } - .cover_page .loaderpane { - position: absolute; - top: 0; - left: 0; } - .cover_page .loaderpane .text { - line-height: 0.75; } - .cover_page .top { - z-index: 10; } - .cover_page .loader { - z-index: 11; - clip: rect(0 100vw 100vh 0); } - .cover_page .loader .text { - color: #dedede; - vertical-align: baseline; - line-height: 100vh; } - .cover_page .bg-image { - animation: kenburns--cover 4s ease-out 0.75s 1 forwards running; } - .cover_page .mask { - color: red; - width: 100%; - height: 100vh; - -webkit-text-fill-color: transparent; - background-repeat: no-repeat; - background-position: center center; - background-size: 100vw 100vh; - background-clip: text; - -webkit-background-clip: text; } - .cover_page .mask .text { - vertical-align: baseline; - line-height: 100vh; } - .cover_page .headline { - display: block; - position: absolute; - width: 100vw; - top: 40%; - left: 50%; - transform: translate3d(-50%, -50%, 0); - margin: 0; - font-family: 'akzidenz-grotesk-next-pro', sans-serif; - font-weight: bold; - font-size: 70px; - line-height: 100%; - letter-spacing: 2px; - text-align: center; } - @media print, screen and (min-width: 40em) { - .cover_page .headline { - top: 40%; - width: 100vw; - font-size: 122px; } } - @media print, screen and (min-width: 64em) { - .cover_page .headline { - font-size: 150px; } } - .cover_page .subtitle { - position: absolute; - color: #fff; - width: 100%; - text-align: center; - font-style: italic; - font-size: 32px; - top: 50%; } - @media print, screen and (min-width: 40em) { - .cover_page .subtitle { - top: 52%; - font-size: 42px; } } - @media print, screen and (min-width: 64em) { - .cover_page .subtitle { - font-size: 50px; } } - .cover_page .cover_loader_container { - background-color: #fff; - position: relative; - z-index: 3; - transition-property: opacity; - transition-timing-function: ease-out; - transition-duration: 0.7s; } - .loaded.cover_page .loader { - animation-name: stretch; - animation-duration: 0.7s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - .post_loaded.cover_page .cover_loader_container { - opacity: 0; } - .post_loaded.cover_page .toggle-caption { - opacity: 1; } - .initialized.cover_page .underlay { - z-index: 15; } - .initialized.cover_page .cover_loader_container, - .initialized.cover_page .mask_loader { - display: none; } - .off-canvas .cover_page { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay .underlay_contents { - padding: 2rem 2rem 1rem 2rem; - min-height: auto; } - .off-canvas .cover_page .underlay .headline { - font-size: 3rem; - position: relative; - left: 50%; - transform: translate3d(-50%, 0%, 0); } - -.cover_page.video_cover .bg-image { - visibility: hidden; } - -@keyframes stretch { - 0% { - clip: rect(0 100vw 100vh 0); } - 100% { - clip: rect(0 100vw 100vh 100vw); } } - -@keyframes kenburns--cover { - 0% { - transform: scale(1); } - 100% { - left: 15%; - top: -17%; - transform: scale(1.5); } } - -.footer__cta { - background: #ffffff; - padding: 2rem !important; - flex-grow: 1; } - .footer__cta h4, - .footer__cta p, - .footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .footer__cta h3 { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .footer__cta { - padding: 3rem !important; } } - .theme--primary-dark.footer__cta { - background: #6a6a6a; } - .theme--primary-dark.footer__cta h4, - .theme--primary-dark.footer__cta p, - .theme--primary-dark.footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark.footer__cta h3 { - color: #ffffff !important; } - -.footer__cta__wrapper { - padding: 2rem 0; } - @media print, screen and (min-width: 64em) { - .footer__cta__wrapper { - padding: 6rem 0 12rem 0; } } - -.footer__navigation { - font-size: 80%; - margin: auto 0 0 0; - padding: 2rem 0; - border-top: 2px solid #b2b2b2; - color: #8a8a8a; } - -/* -Inline Quotes - -Inline quotes are used to reinforce a quote within the body copy. They have less emphasis than a full viewport standalone quote and can be used more frequently when necessary. - -Markup: inline-quote.html.twig - -Styleguide COMPONENTS.inline-quote - -*/ -.inline-quote q { - font-size: 1.125rem; - line-height: 30px; - position: relative; } - .inline-quote q:before { - position: absolute; - display: inline-block; - left: -1.25rem; - top: 0; - width: 1rem; - padding: 0; } - -.inline-quote cite { - font-size: 1.125rem; - line-height: 30px; - margin-top: 1em; } - -/* -Modals - -Modal dialogs, or pop-up windows, are handy for displaying content as needed on click. - -Markup: modal-demo.html.twig - -Styleguide COMPONENTS.modal - -*/ -.modal, .reveal { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - color: #ffffff; - height: 100vh; - max-height: 100vh; - width: 100vw; - max-width: 100vw; } - .modal:focus, - .reveal:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .full-screen.modal, - .full-screen.reveal { - padding: 0; } - -.menu--footer { - text-align: center; - display: flex; - justify-content: center; - margin-top: .25rem !important; } - @media print, screen and (min-width: 40em) { - .menu--footer { - text-align: left; - justify-content: start; } } - .menu--footer a { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; - color: #8a8a8a; - padding: 0 !important; - margin: 0 1rem; } - @media print, screen and (min-width: 40em) { - .menu--footer a { - margin: 0 4rem 0 0; } } - -nav#mobile_nav { - color: #ffffff; - padding: 1rem; - border-bottom: 2px solid rgba(255, 255, 255, 0.25); } - nav#mobile_nav h3 { - font-family: "freight-display-pro", sans; - font-weight: bold; - font-size: 2rem; - margin-left: 1rem; } - nav#mobile_nav .menu--mobile li { - position: relative; } - nav#mobile_nav .menu--mobile li::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: calc(100% - 2rem); - margin: 0 1rem; - height: 1px; - background-color: rgba(255, 255, 255, 0.25); } - nav#mobile_nav .menu--mobile li:last-of-type::after, nav#mobile_nav .menu--mobile li.active_item::after { - display: none; } - nav#mobile_nav .menu--mobile li.active_item a { - background-color: #6a6a6a; } - nav#mobile_nav .menu--mobile a { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - display: flex; - font-size: 1.5rem; - font-weight: bold; - padding: 1rem; - color: #ffffff; } - nav#mobile_nav .menu--mobile a:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - nav#mobile_nav .menu--mobile .menu--mobile__numeral { - display: inline-block; - flex-basis: 3rem; - opacity: .5; } - nav#mobile_nav .menu--mobile .menu--mobile__title { - font-style: italic; - flex-basis: calc(100% - 3rem); } - -.off-canvas { - padding-top: 4rem; } - .off-canvas .footer__cta__wrapper { - display: none; } - .off-canvas .off-canvas__buttons .button, - .off-canvas .off-canvas__buttons .cta__button, - .off-canvas .off-canvas__buttons .cta__button--alt, .off-canvas .off-canvas__buttons .modal__open-button, .off-canvas .off-canvas__buttons .transcript .transcript__toggle, .transcript .off-canvas .off-canvas__buttons .transcript__toggle, .off-canvas .off-canvas__buttons .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .off-canvas .off-canvas__buttons .slide--in-depth__intro__button, - .off-canvas .off-canvas__buttons button { - background: #ffffff; - color: #0a0a0a; } - .off-canvas .cover_page .underlay .underlay_contents h1.headline, .off-canvas .cover_page .underlay .underlay_contents .owl-carousel .slide--in-depth__intro .headline.slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .off-canvas .cover_page .underlay .underlay_contents .headline.slide--in-depth__intro__title, .off-canvas .cover_page .underlay .underlay_contents .in-depth .headline.in-depth__title, .in-depth .off-canvas .cover_page .underlay .underlay_contents .headline.in-depth__title { - color: #fff; } - -.audio-with-transcript audio { - margin-bottom: 1rem; } - -/* - -Picture - -A responsive picture element with srcset - -Markup: picture.html.twig - -Styleguide athing.anotherthign - -*/ -.picture picture { - display: inline-block; - width: 100%; - height: auto; } - -.picture img { - display: block; - width: 100%; - height: auto; } - -.sharing-icons .icon { - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: .25; } - .sharing-icons .icon:hover { - opacity: 1; } - -.horizontal-image-slider .sharing-icons { - margin-top: 2rem; } - .horizontal-image-slider .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; - opacity: 1; } - -.owl-item figcaption { - color: #ffffff; } - -.owl-carousel .slide--in-depth__intro { - display: flex; - flex-flow: column; - justify-content: center; - min-height: 100vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro { - justify-content: flex-end; - min-height: calc(100vh - 4rem); - position: relative; - width: 100vw; - height: 100vh; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - position: relative; - left: 2rem; - height: calc(100% - 4rem); - width: calc(100% - 4rem); - display: flex; - align-items: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - margin: 0; - position: absolute; - top: 4rem; - left: 0; - height: calc(100% - 4rem); - width: 100%; - display: flex; - justify-content: center; - align-items: center; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-property: transform, top, right, left, height, width, background-color, opacity, z-index; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - transform: translateX(-100%); - position: absolute; - top: calc(50% - 1.65rem); - right: calc(6rem + 3px); - left: auto; - height: 1px; - width: 100%; - background: #0a0a0a; - content: ""; - opacity: .5; - z-index: 1; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100%; - margin-bottom: 20vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: auto; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100% !important; - position: relative; - overflow: hidden; - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(255, 255, 255, 0.75)); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - content: ""; - z-index: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; - overflow: hidden; - max-height: inherit; - height: 60vh; - width: 60vh !important; - position: relative; - transition-property: height, max-height, width, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transform: translate(-15%, 0) scale(0.7); } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - height: 80vh; - width: 80vh !important; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img { - width: 100% !important; - max-height: 100% !important; - border-radius: 1000rem; - overflow: hidden; - height: auto; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 2rem; - margin-bottom: 1rem; - transition-property: color, margin, top, left, right, bottom, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .5s; - font-family: "freight-display-pro", sans !important; - font-weight: bold; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 3rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 4rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 4rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - transition-property: opacity, top, left, right, bottom, margin, transform, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: .5s; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - color: #0a0a0a; - position: relative; - top: -2rem; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - top: 0; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - font-size: 125%; - line-height: 1.2; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - height: 100%; - width: 100%; - display: flex; - flex-flow: column; - justify-content: center; - align-items: center; - z-index: 1; } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - padding: 0 2rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content > .cell, .owl-carousel .slide--in-depth__intro .video--embed.boxed.slide--in-depth__intro__content > .video--embed__wrapper { - position: relative; - display: flex; - flex-flow: row; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: initial; - margin: 0 2rem; - transition-property: transform, opacity, bottom; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 45%; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 30%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0 0 3rem auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 10vh 10vw 3rem auto; } } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - text-align: center; - margin: 2rem 0 0 0; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 1rem); - display: flex; - flex-flow: column; - bottom: calc(50% - 5px); } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - transition-property: transform, opacity, top, right, margin-top, width, opacity, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - visibility: hidden; - opacity: 0; - height: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - position: absolute; - top: calc(50% + 5px); - right: 0; - margin-top: 3rem; - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - margin-top: 5rem; - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - right: 5rem; } } - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: absolute; - top: 5rem; - left: 1rem; - margin-top: 0; } - .owl-carousel .slide--in-depth__intro .sharing-icons .icon { - border-color: #0a0a0a; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: initial; - margin-top: 2rem; } } - .owl-carousel .slide--in-depth__intro .slide__icon--next { - margin-top: 2rem; - text-align: center; - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next:before { - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg { - transform: rotate(90deg); } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg * { - stroke: #0a0a0a; - fill: #0a0a0a; - color: #0a0a0a; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Oval-5-Copy { - stroke: transparent !important; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Path-2-Copy-2 { - fill: transparent !important; } - .owl-carousel .slide--in-depth__intro .caption { - margin: 0 !important; } - .owl-carousel .slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro, .owl-carousel .open .slide--in-depth__intro { - justify-content: flex-start; - min-height: auto; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__button { - transition-delay: 0s; - visibility: hidden; - opacity: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: inherit; - transition-delay: 0s; } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 0; } } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.25); } } - @media print, screen and (min-width: 64em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-40vw, -10vw) scale(1.25); } } - @media screen and (min-width: 75em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-32.5vw, -10vw) scale(1.5); } } - @media screen and (min-width: 90em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.5); } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide__icon--next, .owl-carousel .open .slide--in-depth__intro .slide__icon--next { - display: block; } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image { - top: 0; - left: 0; - width: auto; - margin: -2rem -2rem -5rem -2rem; - position: relative; - z-index: -1; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #ffffff); - position: absolute; - z-index: 1; - bottom: 0; - left: 0; - width: 100%; - height: 15rem; - content: ""; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image img { - border-radius: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; - border-radius: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-delay: .5s !important; - transform: translateX(0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image picture, .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - transform: translate(0, 0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - transition-delay: 0s; - transform: translate(0, 0); - text-align: left; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - transition-delay: .5s; - visibility: visible; - opacity: 1; } - .triggered .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .triggered .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 0); - opacity: 1; } - .theme--dark .owl-carousel .slide--in-depth__intro .in-depth__title, .owl-carousel .theme--dark .slide--in-depth__intro .in-depth__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__text, .owl-carousel .theme--dark.slide--in-depth__intro .in-depth__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__text { - color: #ffffff; } - @media screen and (max-width: 39.9375em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #0a0a0a); } } - @media print, screen and (min-width: 40em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: #ffffff; } } - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(10, 10, 10, 0.75)); } - .theme--dark .owl-carousel .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark.slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - .theme--dark .owl-carousel .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark.slide--in-depth__intro .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .owl-carousel .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark.slide--in-depth__intro .slide__icon--next svg * { - stroke: #ffffff; - fill: #ffffff; - color: #ffffff; } - -/* -Standalone Quote - -Standalone quotes are used to reinforce a theme or are from a notable source. They should act as a breather moment in the design and help establish the tone. - -Markup: standalone-quote.html.twig - -.size--large - Large type variant - -Styleguide COMPONENTS.standalone-quote - -*/ -.standalone-quote { - margin: 2rem; - position: relative; - max-width: 75rem; - margin: auto; } - .standalone-quote q { - font-size: 1.875rem; - line-height: 40px; - color: #6a6a6a; - display: block; - font-family: "freight-display-pro", sans; - margin: 3rem 0; - line-height: 1.125em; } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - line-height: 70px; } } - .standalone-quote q p, .standalone-quote q .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .standalone-quote q h3 { - line-height: 1.125em; } - .standalone-quote q h2 { - font-size: 2.8125rem; - line-height: 50px 90px; } - @media print, screen and (min-width: 40em) { - .standalone-quote q h2 { - font-size: 5.3125rem; } } - .standalone-quote q:before, .standalone-quote q:after { - display: none; } - .standalone-quote cite { - font-size: 1.125rem; - color: #0a0a0a; } - .standalone-quote .standalone-quote__social-links > .sharing-icons { - margin: 1rem 0 0 0; - justify-content: center; } - .size--large.standalone-quote q { - font-size: 2.8125rem; - line-height: 50px; } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - font-size: 5.3125rem; } } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - line-height: 90px; } } - .theme--primary-dark .standalone-quote q, - .theme--primary-dark .standalone-quote cite { - color: #ffffff; } - -.top-bar__wrapper { - z-index: 999; - position: fixed; - top: 0; - width: 100%; - transform: translate3d(0, 0, 0); } - -.top-bar { - transform: translate3d(0, 0, 0); - padding: 1rem 1.5rem; - width: 100%; - transition-property: background-color; - transition-duration: .325s; - transition-timing-function: ease-in-out; - font-family: "freight-text-pro", serif; - background-color: #ffffff; - display: flex; - flex-flow: row nowrap; } - @media print, screen and (min-width: 40em) { - .top-bar { - padding: 1rem; } } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex-basis: auto; } - .top-bar svg polygon, - .top-bar svg path { - fill: #0a0a0a !important; } - .top-bar .menu-text { - padding: 0; } - .top-bar ul { - background-color: transparent; } - .top-bar button { - transition-property: color, background-color; - transition-duration: .325s, .325s; - transition-timing-function: ease-in-out, ease-in-out; } - .top-bar .tagline { - transition-property: color; - transition-timing-function: .325s; - transition-timing-function: ease-in-out; } - .top-bar .button-group { - margin-bottom: 0; } - .top-bar .button, - .top-bar .cta__button, - .top-bar .cta__button--alt, .top-bar .modal__open-button, .top-bar .transcript .transcript__toggle, .transcript .top-bar .transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .slide--in-depth__intro__button { - margin-bottom: 0; - background: #0a0a0a; - color: #ffffff; } - .top-bar .button.hollow, - .top-bar .hollow.cta__button, - .top-bar .hollow.cta__button--alt, .top-bar .hollow.modal__open-button, .top-bar .transcript .hollow.transcript__toggle, .transcript .top-bar .hollow.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .hollow.slide--in-depth__intro__button { - color: #0a0a0a; - background: transparent; - border: 2px solid #0a0a0a; } - .invert.top-bar, - .off-canvas-opened .top-bar { - background-color: transparent; } - .invert.top-bar *, - .off-canvas-opened .top-bar * { - color: #ffffff; - background-color: transparent; } - .invert.top-bar .button, - .invert.top-bar .cta__button, - .invert.top-bar .cta__button--alt, .invert.top-bar .modal__open-button, .invert.top-bar .transcript .transcript__toggle, .transcript .invert.top-bar .transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button, - .off-canvas-opened .top-bar .cta__button, - .off-canvas-opened .top-bar .cta__button--alt, - .off-canvas-opened .top-bar .modal__open-button, - .off-canvas-opened .top-bar .transcript .transcript__toggle, - .transcript .off-canvas-opened .top-bar .transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .slide--in-depth__intro__button { - background: #ffffff; - color: #0a0a0a; } - .invert.top-bar .button.hollow, - .invert.top-bar .hollow.cta__button, - .invert.top-bar .hollow.cta__button--alt, .invert.top-bar .hollow.modal__open-button, .invert.top-bar .transcript .hollow.transcript__toggle, .transcript .invert.top-bar .hollow.transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .hollow.slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button.hollow, - .off-canvas-opened .top-bar .hollow.cta__button, - .off-canvas-opened .top-bar .hollow.cta__button--alt, - .off-canvas-opened .top-bar .hollow.modal__open-button, - .off-canvas-opened .top-bar .transcript .hollow.transcript__toggle, - .transcript .off-canvas-opened .top-bar .hollow.transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .hollow.slide--in-depth__intro__button { - background: transparent; - border: 2px solid #ffffff; } - .invert.top-bar svg polygon, - .invert.top-bar svg path, - .off-canvas-opened .top-bar svg polygon, - .off-canvas-opened .top-bar svg path { - fill: #ffffff !important; } - - .off-canvas-opened .top-bar { - background-color: #0a0a0a; } - -/* -Ambient Video - -Fullscreen html5 video playing in the background - -Markup: AmbientVideo.html.twig - -Styleguide COMPONENTS.AmbientVideo - -*/ -.ambient_video .caption figcaption { - background: #282828; } - -@media print, screen and (min-width: 40em) { - .ambient_video { - min-height: 100vh; - min-width: 100vw; - position: relative; - overflow: hidden; - background-color: black; } } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - min-height: auto !important; } } - -@media print, screen and (min-width: 40em) { - .ambient_video::before { - content: ""; - position: absolute; - top: 0; - left: 0; - min-height: 100vh; - min-width: 100vw; - z-index: 2; - background: linear-gradient(90deg, rgba(10, 10, 10, 0) 0, rgba(10, 10, 10, 0.75) 30%, #0a0a0a 95%); } } - -.ambient_video .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .ambient_video .video_element.stopfade { - opacity: 0.5; } - -.ambient_video .cell, .ambient_video .video--embed.boxed > .video--embed__wrapper { - z-index: 2; - color: #fff; } - .ambient_video .cell p, .ambient_video .video--embed.boxed > .video--embed__wrapper p, .ambient_video .cell .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .cell h3, .ambient_video .video--embed.boxed > .video--embed__wrapper .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .video--embed.boxed > .video--embed__wrapper h3 { - color: #fff !important; } - -@media print, screen and (min-width: 40em) { - .ambient_video .centerv { - position: absolute; - top: 50%; - transform: translateY(-50%); - max-width: 32rem; } } - -.ambient_video .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.ambient_video .text_content { - position: relative; - top: 5em; - z-index: 5; - color: #fff; - opacity: 0; - transition-property: top, opacity; - transition-duration: 1s; - transition-delay: 0.75s; - transition-timing-function: ease-out; } - -.triggered .ambient_video { - display: block; - opacity: 1em; } - .triggered .ambient_video .video_element, - .triggered .ambient_video .plyr--video, - .triggered .ambient_video .plyr--audio { - opacity: 1 !important; } - .triggered .ambient_video .text_content { - top: 0; - opacity: 1; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .video_element { - width: 100%; - padding-top: 6rem; - padding-right: 2rem; - padding-left: 2rem; } } - -.ambient_video .video_element .plyr__controls, -.ambient_video .video_element .plyr__control { - display: none; - opacity: 0; } - .ambient_video .video_element .plyr__controls > *, - .ambient_video .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - padding-top: 2rem !important; } } - -/* - -Video Embed - -Ten col, 'full width' video - -Markup: video--embed.html.twig - -*/ -.plyr { - max-height: 100vh; } - -.plyr__control path { - fill: #ffffff; } - -.plyr__controls { - background: transparent !important; } - -.plyr__control:hover { - background-color: #fff !important; } - .plyr__control:hover svg { - fill: #0a0a0a !important; } - -.plyr__control--overlaid { - background: #6a6a6a; - padding: 1rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid { - padding: 1.5rem; } } - .plyr__control--overlaid:focus { - background: #6a6a6a; } - .plyr__control--overlaid svg { - transition-property: background-color; - transition-duration: .25s; - transition-timing-function: ease-in-out; - width: 1.25rem; - height: 1.25rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid svg { - width: 1.5rem; - height: 1.5rem; - left: 5px; - top: 2px; } } - -.video--embed { - position: relative; } - @media print, screen and (min-width: 40em) { - .video--embed { - height: 100vh; - overflow: hidden; - background-size: cover; } } - .video--embed .plyr--full-ui input[type=range] { - height: 0.25rem; - color: #fff !important; } - .video--embed .plyr--full-ui input[type=range] .plyr__progress__buffer { - box-shadow: none; } - .video--embed .plyr-video { - max-height: 100vh; } - .video--embed .plyr--video .plyr__controls { - position: fixed; - padding-left: 16.6667%; - padding-right: 16.6667%; - height: 3em; - width: 100%; - bottom: 0; - visibility: hidden; - background: linear-gradient(rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.5)) !important; } - .triggered .video--embed .plyr--video .plyr__controls { - visibility: visible; - opacity: 1; - bottom: 0; - padding-bottom: 2rem; - top: auto; } - .video--embed .plyr__video-wrapper { - background: #ffffff; - height: 100vh; } - .video--embed .plyr__video-wrapper .icon--not-pressed path { - fill: #0a0a0a !important; } - .video--embed .plyr__video-wrapper iframe { - max-height: 100vh; } - @media print, screen and (min-width: 40em) { - .video--embed .plyr__video-wrapper iframe { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .video--embed.theme--dark .plyr__video-wrapper { - background: #0a0a0a; } - .video--embed.theme--dark .plyr__video-wrapper .icon--not-pressed path { - fill: #ffffff; } - .video--embed .plyr__poster { - max-height: 100vh; } - @supports (object-fit: cover) { - .video--embed .plyr__poster { - background-size: cover; } } - .video--embed.boxed { - position: relative; } - .video--embed.boxed > .video--embed__wrapper { - position: relative; } - .video--embed.boxed .plyr__video-wrapper { - height: 100%; } - .video--embed.boxed .plyr--video .plyr__controls { - position: absolute; } - -@supports (object-fit: cover) { - .video--embed.file .plyr__poster, - .video--embed.file .plyr--video .plyr--video, - .video--embed.file .plyr--video video { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.video-overlay { - display: none; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; } - @media print, screen and (min-width: 40em) { - .video-overlay { - background: rgba(10, 10, 10, 0.25); - transition-property: opacity, z-index; - transition-duration: .25s, 0s; - transition-timing-function: ease-in-out, ease-in-out; - transition-delay: 0s, 5s; - opacity: 1; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; - text-align: center; - color: #ffffff; } - .video-overlay__title { - margin-top: 15rem; } - .video-overlay__text { - font-size: 1rem; - max-width: 55rem; - margin-left: auto; - margin-right: auto; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; - padding: 1.75rem; } - .video-overlay .plyr__control--overlaid svg { - left: 5px; - top: 2px; } - .playing .video-overlay { - opacity: 0; - z-index: -1; } } - .video-overlay .caption { - display: inline-block; - margin: 0; } - .video-overlay .caption figcaption { - position: absolute; - bottom: 5rem; - left: 25%; - right: 25%; - background: rgba(10, 10, 10, 0.5); - padding: 1rem; - color: #ffffff; } - .video-overlay .toggle-caption { - transform: translateY(-0.125rem); - border-color: #ffffff; - color: #ffffff; } - .video-overlay .toggle-caption:hover { - border-color: #ffffff; - color: #ffffff; } - -.zoom-caption .zoom-button-wrapper { - position: relative; - z-index: 2; - top: -20px; - left: -20px; } - -.zoom-caption .inline-caption-button { - background-color: #ffffff; - color: #0a0a0a; - font-size: 1.6em; - padding: 6px; - border-radius: 100px; - font-weight: 600; - line-height: 26px; - cursor: pointer; - height: 40px; - width: 40px; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); - animation: border-pulsate 4s ease-out infinite; - transition-property: transform; - transition-duration: 0.2s; - transition-timing-function: ease-in; } - -@keyframes border-pulsate { - 0% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } - 25% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 50% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } - 75% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 100% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } } - .zoom-caption .inline-caption-button.close { - transform: rotate(45deg); } - -.zoom-caption .inline-caption-content { - opacity: 0; - display: none; - transition-property: opacity; - transition-duration: 0.4s; - transition-timing-function: ease-in; } - .zoom-caption .inline-caption-content.show { - display: block; - opacity: 1; } - -.zoom-caption .inline-caption-heading { - font-size: 1.125rem; - line-height: 30px; - margin-bottom: 1rem; - display: block; } - -.zoom-caption .inline-caption-text { - font-size: 0.75rem; - line-height: 16px; } - -.zoomable { - position: relative; - overflow: hidden; - pointer-events: none; } - -.zoomableInPlace { - position: absolute; } - -.zoomable > .zoomed { - transition-property: opacity; - transition-duration: 0.5s; - opacity: 0 !important; - position: absolute !important; - top: auto; - left: auto; - right: auto; - bottom: auto; - margin: 0 !important; - pointer-events: none !important; - max-height: none !important; - max-width: none !important; - background: #fff !important; } - -.zoomable.active > .zoomed { - opacity: 1 !important; - transition-property: opacity; - transition-duration: 0.5s; } - -section.triggered .scroll-finder { - z-index: 99999; - opacity: 1; - bottom: 20px; } - -.zoom-image--fullbleed { - display: none; - width: 100vw; - height: 100vh; - background-color: #000; - align-items: center; - padding-top: 90px; - /* .caption { - margin-bottom: 0; - - figcaption { - @include responsive(max-width, calc(100% - 2rem), 500px); - position: absolute; - z-index: 50; - bottom: 3rem; - right: 1rem; - } - } - - .caption__brief { - position: absolute; - bottom: 1rem; - right: 1rem; - z-index: 50; - } - - .toggle-caption, - .toggle-caption:hover { - color: $white; - border-color: $white; - }*/ } - @media print, screen and (min-width: 64em) { - .zoom-image--fullbleed { - display: flex; } } - -.scroll-finder { - transition-property: opacity, bottom; - transition-duration: 1.3s, 0.75s; - transition-timing-function: ease, ease; - opacity: 0; - height: auto; - width: 160px; - position: fixed; - bottom: -160px; - left: 65px; - overflow: hidden; } - -.finder-box { - height: 50px; - width: 80px; - border: solid #ffffff 2px; - position: absolute; } - -.inline-image-zoom-wrapper { - position: relative; } - .inline-image-zoom-wrapper .zoom-caption { - position: absolute; } - .inline-image-zoom-wrapper .zoom-caption .inline-caption-content { - z-index: 100; - position: relative; - top: -39px; - width: 330px; - background-color: rgba(255, 255, 255, 0.8); - padding: 2rem; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } - .inline-image-zoom-wrapper .caption figcaption { - position: absolute; - width: 100%; } - -.frame > .zoom-image--inline .caption { - position: absolute; - bottom: 2rem; - right: 1.7rem; - margin-bottom: 0; } - -.frame > .zoom-image--inline figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - max-width: auto; - width: 500px !important; - bottom: 3rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .frame > .zoom-image--inline figcaption { - max-width: 500px; } } - -.zoom-image--inline--mobile.owl-carousel { - position: relative; - width: 100vw; - height: auto !important; - padding-bottom: 30px; - color: #0a0a0a; - background: transparent; } - @media print, screen and (min-width: 40em) { - .zoom-image--inline--mobile.owl-carousel { - display: none; } } - .zoom-image--inline--mobile.owl-carousel h2 { - margin-top: 20px; - font-size: 1.1em; } - .zoom-image--inline--mobile.owl-carousel .zoom-image-mobile-text { - margin: 0 40px; } - .zoom-image--inline--mobile.owl-carousel .owl-nav { - display: block; - position: absolute; - width: 100%; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button { - background-image: url("../assets/images/right-arrow.svg") !important; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-prev { - left: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-next { - right: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots { - position: static; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot { - margin: 0 .2rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot.active span { - background-color: #0a0a0a; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot:before { - content: ''; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot span { - display: inline-block !important; - height: 8.5px; - width: 8.5px; } - -.timeline { - margin: 70px 35px 20px 30px; } - @media print, screen and (min-width: 40em) { - .timeline { - margin-left: 80px; } } - @media print, screen and (min-width: 64em) { - .timeline { - margin-left: 90px; } } - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: linear; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - opacity: 0; } } - .timeline .timeline--year.active .timeline-item-title, - .timeline .timeline--year.active .timeline-item-subtitle, - .timeline .timeline--year.active .timeline-item-description, - .timeline .timeline--year.active .timeline-images { - opacity: 1; } - .timeline .timeline--year { - border-left: 1px solid #ffffff; - padding-top: 80px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline--year { - border-left: none; - display: flex; - padding-top: 0; } } - .timeline .timeline--year:first-of-type { - padding-top: 36px; } - .timeline .timeline-title { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding-bottom: 70px; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-title { - visibility: hidden; - position: fixed; - top: 64px; - width: 100vw; - text-align: center; - z-index: 1; - left: 0; - padding-top: 40px; - padding-bottom: 40px; } } - .timeline > h4 { - text-align: center; } - @media print, screen and (min-width: 64em) { - .timeline > h4 { - margin-top: 100px; - margin-right: 85px; } } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-images { - display: inline-block; - width: 30%; - margin-left: 65px; } } - .timeline .timeline-item-image { - padding-bottom: 10px; - padding-left: 30px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-image { - padding-left: 0; } - .timeline .timeline-item-image:first-of-type { - margin-top: 60px; } } - .timeline .timeline-item-image .caption__brief { - padding-top: 5px; } - .theme--dark .timeline .timeline-item-text { - color: white; } - .timeline .timeline-item-text { - padding-left: 30px; - color: white; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - display: inline-block; - width: 60%; - vertical-align: top; - padding-left: 10%; - padding-bottom: 80px; - margin-left: 12%; - border-left: none; - position: relative; } } - .timeline .timeline-item-title { - font-size: 3.75rem; - font-family: "freight-text-pro", serif; - line-height: 1; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title { - font-size: 10rem; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title { - margin-top: -35px; } } - .timeline .timeline-item-title.smaller-text { - font-size: 5.50em; - line-height: 1.1; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title.smaller-text { - margin-top: 5px; } } - .timeline .timeline-item-title::before { - content: ''; - display: inline-block; - width: 15px; - height: 15px; - -moz-border-radius: 7.5px; - -webkit-border-radius: 7.5px; - border-radius: 7.5px; - background-color: #ffffff; - position: absolute; - left: 23px; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title::before { - left: 73px; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title::before { - height: 0; - width: 0; - margin-top: 0; } } - - .timeline .timeline-item-subtitle { - font-family: "freight-display-pro", sans; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-subtitle { - width: 80%; } } - - .timeline .timeline-item-description { - font-size: 1.2em; - padding-bottom: 1em; - margin-bottom: 0; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-description { - width: 80%; } } - .timeline .timeline-year { - color: #ffffff; - position: absolute; - font-size: 1.5em; - left: -65px; - top: 43px; } - .timeline .timespan-scroller-inner, - .timeline .timespan-scroller-pos { - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller { - visibility: hidden; - height: 500px; - width: 200px; - position: fixed; - top: 215px; - left: 40vw; - color: white; - overflow: hidden; - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - opacity: 0; } } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller-inner { - z-index: 0; - background-color: white; - width: 1px; - margin: auto; - position: relative; } } - @media print, screen and (min-width: 64em) { - .timeline .span-year { - display: block; - padding-bottom: 250px; - margin-left: -55px; - font-size: 1.25em; } } - - .timeline .timespan-scroller-pos { - width: 3px; - min-height: 10px; - background: white; - position: absolute; - margin-left: -1px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - border-left: 0; } - .timeline .timeline-item-text .timeline-year { - display: none; } - .timeline .timeline-item-text:before { - width: 0; - height: 0; } } - -@media print, screen and (min-width: 64em) { - .timeline.year-span { - margin: 220px 35px 20px 30px; } } - -.timeline.year-span .timeline-item-title { - font-family: "freight-text-pro", serif; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span > div:first-of-type { - margin-top: 50px; } } - -.timeline.no-year-span .timespan-scroller-pos { - min-height: 15px; - width: 15px; - border-radius: 15px; - margin-left: -7px; - margin-top: -5px; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-text { - border-left: 1px solid #ffffff; } } - -.timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 50px; } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 0; } } - -.timeline.no-year-span .timeline-item-title::before { - margin-top: 28px; } - @media print, screen and (min-width: 40em) { - .timeline.no-year-span .timeline-item-title::before { - margin-top: 90px; } } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title::before { - width: 15px; - height: 15px; - top: 58px; - left: -8px; - margin-top: 0; } } - -.theme--primary .timeline .timeline--year { - border-left-color: #6a6a6a; } - -@media print, screen and (min-width: 64em) { - .theme--primary .timeline .timeline-item-text { - border-left-color: #6a6a6a; } } - -.theme--primary .timeline .timeline-item-title::before { - background-color: #6a6a6a; } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline .timespan-scroller { - visibility: visible; - opacity: 1; } } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline h2 { - visibility: visible; } } - -.stackla-widget .stackla-poweredByStackla { - display: none; } - -.stacklapopup-content .stacklapopup-poweredByStackla { - display: none; } - -/* Import from BeerSlider library */ -.beer-slider { - display: inline-block; - overflow: hidden; - position: relative; } - -.beer-slider *, .beer-slider:after, .beer-slider :after, .beer-slider:before, .beer-slider :before { - box-sizing: border-box; } - -.beer-slider img, .beer-slider svg { - vertical-align: bottom; } - -.beer-slider > * { - height: 100%; } - -.beer-slider > img { - height: auto; - max-width: 100%; } - -.beer-reveal { - left: 0; - opacity: 0; - overflow: hidden; - position: absolute; - right: 50%; - top: 0; - transition-property: opacity; - transition-duration: .35s; - z-index: 1; } - .beer-reveal.pre-load { - width: 100% !important; } - -.beer-reveal > :first-child { - height: 100%; - max-width: none; - width: 200%; } - -.beer-reveal > img:first-child { - height: auto; } - -.beer-range { - -moz-appearance: none; - -ms-touch-action: auto; - -webkit-appearance: slider-horizontal !important; - bottom: 0; - cursor: pointer; - height: 100% !important; - left: -1px; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - touch-action: auto; - width: calc(100% + 2px); - z-index: 2; } - -.beer-range::-webkit-slider-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-moz-range-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-ms-tooltip { - display: none; } - -.beer-handle { - background: #fff; - border-radius: 50%; - box-shadow: 0 0 6px transparent; - color: #777; - height: 48px; - left: 50%; - opacity: 0; - pointer-events: none; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); - transition-property: background, box-shadow, opacity; - transition-duration: .3s, .3s, .5s; - transition-delay: 0s, 0s, .25s; - width: 48px; - z-index: 2; } - -.beer-handle:after, .beer-handle:before { - border-left: 2px solid; - border-top: 2px solid; - content: ""; - height: 10px; - position: absolute; - top: 50%; - transform-origin: 0 0; - width: 10px; } - -.beer-handle:before { - left: 10px; - transform: rotate(-45deg); } - -.beer-handle:after { - right: 0; - transform: rotate(135deg); } - -.beer-range:focus ~ .beer-handle { - background: rgba(255, 255, 255, 0.85); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } - -.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after { - background: rgba(255, 255, 255, 0.75); - border-radius: .125rem; - content: attr(data-beer-label); - line-height: 1; - padding: .5rem; - position: absolute; - top: 1.5rem; } - -.beer-slider[data-beer-label]:after { - right: 1.5rem; } - -.beer-reveal[data-beer-label]:after { - left: 1.5rem; } - -.beer-reveal[data-beer-label=""]:after, .beer-slider[data-beer-label=""]:after { - content: none; } - -.beer-ready .beer-handle, .beer-ready .beer-reveal { - opacity: 1; } - -.frame > .beer-slider { - width: 100%; } - .frame > .beer-slider img:first-child { - width: 100%; } - -.beer-reveal > :last-child { - height: 100% !important; - max-width: none !important; } - -.image-comparison-slider .beer-slider { - left: 50%; - transform: translateX(-50%); } - -.image-comparison-slider .beer-range { - height: 100% !important; } - -.image-comparison-slider .beer-reveal img { - max-width: none; - width: auto; - height: auto; } - -.embed--content-wrapper { - text-align: center; - margin: 1rem 0 0; } - .embed--content-wrapper h4 { - margin-bottom: .42rem; } - -/* - -One-up Primary - -The primary site nav with a central column. - -Markup: one_up--primary.html.twig - -Styleguide Layouts.one_up--primary - -*/ -.one_up--primary .grid-frame { - height: 100vh; } - -/* - -Two-up Primary - -The basic two column nav with two-grid-col offsets on either side. - -Markup: two_up--primary.html.twig - -Styleguide Layouts.two_up--primary - -*/ -/* -Commentary - -The commentary component is used when wanting to display long form historical, contemporary, or expert commentary related to the story. - -Markup: commentary.html.twig - -Styleguide COMPONENTS.commentary - -*/ -.commentary { - margin-top: 4rem; } - @media print, screen and (min-width: 40em) { - .commentary { - margin-top: 0; } } - .commentary .commentary__content { - min-height: 100%; - padding: 0; - margin: 0; - border: 2px solid #b2b2b2; } - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(-25vw); } - @media print, screen and (min-width: 40em) { - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(0); } } - .commentary .commentary__layout-left { - padding: 0 4vw 4vw 4vw; - position: relative; - border-bottom: 2px solid #b2b2b2; } - @media print, screen and (min-width: 64em) { - .commentary .commentary__layout-left { - padding: 0 5vw 4vw 6vw; - border-bottom: none; - border-right: 2px solid #b2b2b2; } } - - .commentary .commentary__layout-right { - padding: 12vw 4vw 4vw 4vw; - position: relative; - margin-bottom: -25vw; } - @media print, screen and (min-width: 40em) { - - .commentary .commentary__layout-right { - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - - .commentary .commentary__layout-right { - padding: 5vw 6vw 4vw 4vw; - margin-bottom: 0; } } - .no-img.commentary { - margin-top: 0; } - .no-img.commentary .commentary__layout-left { - padding-top: 5vw; - transform: translateY(0); } - .no-img.commentary .commentary__layout-right { - margin-bottom: 0; - padding-bottom: 4vw; - transform: translateY(0); } - .commentary .commentary__image { - position: relative; - text-align: center; - width: 50vw; - margin: 0 auto 2rem auto; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__image { - margin: 0 auto; - width: auto; - top: -2rem; } } - @media print, screen and (min-width: 64em) { - .commentary .commentary__image { - left: -1vw; - max-width: 20vw; } } - .commentary .commentary__image img { - max-width: 30rem; - border-radius: 1000rem; - border: 2px solid #b2b2b2; - overflow: hidden; - margin-right: 2vw; - display: inline-block; } - .commentary .commentary__author-name { - font-size: 2.375rem; - line-height: 40px; - font-family: "freight-display-pro", sans; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - line-height: 70px; } } - .commentary .commentary__author-title { - font-family: "freight-display-pro", sans; - font-size: 1.75rem; - font-style: italic; } - .commentary .commentary__author-bio { - color: #8a8a8a; } - .commentary .commentary__icon { - text-align: left; - position: absolute; - top: -1.25rem; - left: 4vw; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon { - top: -2rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon svg { - width: 5rem; } } - .commentary .sharing-icons { - margin-top: 2rem; - margin-bottom: 0; } - -footer.footer { - background: #ffffff; - display: flex; - flex-flow: column; - position: relative; - z-index: 3; } - footer.footer h1, footer.footer .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro footer.footer .slide--in-depth__intro__title, footer.footer .in-depth .in-depth__title, .in-depth footer.footer .in-depth__title, - footer.footer h2, - footer.footer h3, - footer.footer h4, - footer.footer h5, - footer.footer h6, - footer.footer a.link--arrow, - footer.footer label { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - footer.footer .footer__content { - padding-top: 3rem; - padding-bottom: 3rem; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__content { - padding-top: 6rem; - padding-bottom: 6rem; } } - footer.footer form { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer form { - margin: 2rem 0; } } - footer.footer .footer__social { - margin: 3rem 0 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__social { - margin: 5rem 0 2rem 0; } } - footer.footer .footer__social > a { - color: #8a8a8a; - margin-right: 1rem; } - footer.footer .footer-feature-wrapper { - display: flex; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature-wrapper { - display: block; } } - footer.footer .footer-feature { - width: 45%; - display: inline-block; - margin-right: 5%; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature { - margin-bottom: 4rem; - width: auto; - display: block; - margin-right: 0; } } - @media print, screen and (min-width: 64em) { - footer.footer .footer-feature { - margin-bottom: 4rem; } - footer.footer .footer-feature:last-of-type { - margin-bottom: 0; } } - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - margin-bottom: 1rem; } - @media screen and (max-width: 39.9375em) { - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - font-family: "freight-text-pro", serif; - font-weight: 100; } - footer.footer .footer-feature h3:after, - footer.footer .footer-feature h4:after { - display: none; } } - footer.footer .footer-feature p, .off-canvas footer.footer .footer-feature h3 { - font-size: 0.75rem; - line-height: 16px; } - footer.footer .footer-feature .footer-description { - display: none; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature .footer-description { - display: block; } } - footer.footer .footer-feature img { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature img { - margin: 0; } } - @media print, screen and (min-width: 40em) { - footer.footer { - display: block; } } - .off-canvas footer.footer { - padding: 0 2rem; - display: block; } - .off-canvas footer.footer .footer-feature h3 { - font-family: sans-serif; - margin: .5rem 0 0 0; } - .off-canvas footer.footer .footer-feature h3:after { - display: none; } - .off-canvas footer.footer .footer__navigation { - display: none; } - -/* -Horizontal Image Slider - -This is used to show a set of related images as a group. - -Markup: horizontal-image-slider.html.twig - -Styleguide COMPONENTS.horizontal-image-slider - -*/ -.owl-carousel, -.horizontal-image-slider.owl-carousel, .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - padding: 0; - height: 100vh; - display: block; - color: #0a0a0a; - cursor: url(../../../assets/images/horizontal_scrub_cursor.svg), auto; } - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer, - .owl-carousel .owl-stage, - .horizontal-image-slider.owl-carousel .owl-stage, - .in-depth-slider .horizontal-image-slider .owl-stage, - .in-depth-modal .horizontal-image-slider .owl-stage, - .owl-carousel .owl-item, - .horizontal-image-slider.owl-carousel .owl-item, - .in-depth-slider .horizontal-image-slider .owl-item, - .in-depth-modal .horizontal-image-slider .owl-item { - height: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 8rem 6rem 4rem 6rem; } } - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - height: 100%; - padding: 0 2rem; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - padding: 0; } } - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - display: block; } } - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem; - display: flex; - height: 100%; } - .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - margin: auto 0; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem 2rem 2rem 0; - max-width: 25rem; } } - .owl-carousel h3, .horizontal-image-slider.owl-carousel h3, .in-depth-slider .horizontal-image-slider h3, .in-depth-modal .horizontal-image-slider h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: auto; } } - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - min-width: 220px; - max-height: 50vh; - width: auto; - margin: auto; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - width: auto; - height: 100%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption, .horizontal-image-slider.owl-carousel .caption, .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - position: absolute; } } - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - font-size: 15px; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - display: inline-block; } } - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: 83%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: none; } } - .owl-carousel .owl-dots, .horizontal-image-slider.owl-carousel .owl-dots, .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots { - position: absolute; - right: 2rem; - bottom: 2rem; - counter-reset: dots; } - .owl-carousel .owl-dot, .horizontal-image-slider.owl-carousel .owl-dot, .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - margin: 0 .5rem; - color: rgba(10, 10, 10, 0.5) !important; } - .owl-carousel .owl-dot:focus, .horizontal-image-slider.owl-carousel .owl-dot:focus, .in-depth-slider .horizontal-image-slider .owl-dot:focus, .in-depth-modal .horizontal-image-slider .owl-dot:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-dot.active, .horizontal-image-slider.owl-carousel .owl-dot.active, .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - .owl-carousel .owl-dot span, .horizontal-image-slider.owl-carousel .owl-dot span, .in-depth-slider .horizontal-image-slider .owl-dot span, .in-depth-modal .horizontal-image-slider .owl-dot span { - display: none !important; } - .owl-carousel .owl-dot:before, .horizontal-image-slider.owl-carousel .owl-dot:before, .in-depth-slider .horizontal-image-slider .owl-dot:before, .in-depth-modal .horizontal-image-slider .owl-dot:before { - font-size: .75rem; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - counter-increment: dots; - content: "0" counter(dots); } - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: none; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: block; } } - .owl-carousel .owl-nav.disabled, .horizontal-image-slider.owl-carousel .owl-nav.disabled, .in-depth-slider .horizontal-image-slider .owl-nav.disabled, .in-depth-modal .horizontal-image-slider .owl-nav.disabled { - display: none !important; - opacity: 0 !important; - visibility: hidden !important; } - .owl-carousel .owl-nav button, .horizontal-image-slider.owl-carousel .owl-nav button, .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - position: absolute; - top: calc(50% - 4rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; - width: 4rem; - height: 2.5rem; - opacity: 1 !important; } - .owl-carousel .owl-nav button:focus, .horizontal-image-slider.owl-carousel .owl-nav button:focus, .in-depth-slider .horizontal-image-slider .owl-nav button:focus, .in-depth-modal .horizontal-image-slider .owl-nav button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-nav button:hover, .horizontal-image-slider.owl-carousel .owl-nav button:hover, .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - .owl-carousel .owl-nav button.disabled, .horizontal-image-slider.owl-carousel .owl-nav button.disabled, .in-depth-slider .horizontal-image-slider .owl-nav button.disabled, .in-depth-modal .horizontal-image-slider .owl-nav button.disabled { - opacity: 0 !important; } - .owl-carousel .owl-nav button.owl-prev, .horizontal-image-slider.owl-carousel .owl-nav button.owl-prev, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-prev, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-prev { - left: 2rem; - transform: rotate(180deg); } - .owl-carousel .owl-nav button.owl-next, .horizontal-image-slider.owl-carousel .owl-nav button.owl-next, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-next, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-next { - right: 2rem; } - .theme--dark .owl-carousel, - .theme--dark .horizontal-image-slider.owl-carousel, .theme--dark .in-depth-slider .horizontal-image-slider, .in-depth-slider .theme--dark .horizontal-image-slider, .theme--dark .in-depth-modal .horizontal-image-slider, .in-depth-modal .theme--dark .horizontal-image-slider, .theme--dark.owl-carousel, .in-depth-slider .theme--dark.horizontal-image-slider, .in-depth-modal .theme--dark.horizontal-image-slider { - color: #ffffff; } - .theme--dark .owl-carousel .figcaption, .theme--dark .horizontal-image-slider.owl-carousel .figcaption, .theme--dark .in-depth-slider .horizontal-image-slider .figcaption, .in-depth-slider .theme--dark .horizontal-image-slider .figcaption, .theme--dark .in-depth-modal .horizontal-image-slider .figcaption, .in-depth-modal .theme--dark .horizontal-image-slider .figcaption, .theme--dark.owl-carousel .figcaption, .in-depth-slider .theme--dark.horizontal-image-slider .figcaption, .in-depth-modal .theme--dark.horizontal-image-slider .figcaption { - color: #ffffff; } - .theme--dark .owl-carousel .owl-dot, .theme--dark .horizontal-image-slider.owl-carousel .owl-dot, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot, .theme--dark.owl-carousel .owl-dot, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .owl-carousel .owl-dot.active, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark.owl-carousel .owl-dot.active, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot.active { - color: #ffffff !important; } - .theme--dark .owl-carousel .slide__icon--next:before, .theme--dark .horizontal-image-slider.owl-carousel .slide__icon--next:before, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next:before, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark.owl-carousel .slide__icon--next:before, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next:before { - background: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg circle.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark.owl-carousel .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider { - fill: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg polyline.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark.owl-carousel .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider { - stroke: #ffffff; } - -.page :not(.in-depth-slider) > .horizontal-image-slider > * { - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - -.page.triggered :not(.in-depth-slider) > .horizontal-image-slider > * { - opacity: 1; } - -/* -In Depth -This is used to show additional information that is related to the content in the chapter but not necessary to show the user. This content is often shareable, fun, digestible "Did you know?" type content. -Markup: in-depth.html.twig -Styleguide COMPONENTS.in-depth -*/ -.in-depth { - display: flex; - align-items: center; - height: 100vh; } - @media print, screen and (min-width: 40em) { - .in-depth { - padding: 0; } } - .in-depth .in-depth__intro { - width: 100%; - min-height: auto !important; } - .in-depth .in-depth__image img { - border-radius: 1000rem; - overflow: hidden; } - .in-depth .in-depth__title { - font-size: 2rem; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__title { - font-size: 3rem; - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__title { - font-size: 4rem; - margin-bottom: 4rem; } } - .in-depth .in-depth__left-col { - position: relative; - z-index: 5; } - .in-depth .in-depth__right-col { - position: relative; - z-index: 10; - transform: translate(0, -4rem); - padding: 0 2rem; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__right-col { - padding: 0; - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; - transform: translate(-2rem, 0); } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__right-col { - transform: translate(-4rem, 0); } } - @media screen and (min-width: 75em) { - .in-depth .in-depth__right-col { - transform: translate(-6rem, 0); } } - @media screen and (min-width: 90em) { - .in-depth .in-depth__right-col { - transform: translate(-8rem, 0); } } - .theme--dark .in-depth .in-depth__title, .theme--dark.in-depth .in-depth__title { - color: #ffffff; } - -.in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - visibility: hidden; - opacity: 0; - margin-top: 5rem; - border-color: #0a0a0a !important; - color: #0a0a0a !important; - background-color: rgba(255, 255, 255, 0.25) !important; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: absolute; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - margin-top: 5rem; - margin-right: 0; } } - -.in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: auto; - min-height: 100vh; - padding: 0; - background: transparent; - cursor: default; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: 100vh; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 0; } } - .in-depth-slider .horizontal-image-slider .item:not(:first-of-type), .in-depth-modal .horizontal-image-slider .item:not(:first-of-type) { - display: none; - opacity: 0; - visibility: hidden; } - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 2rem 0; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 0; - display: flex !important; - flex-flow: row nowrap !important; - align-items: center !important; } - .in-depth-slider .horizontal-image-slider .item__content > *, .in-depth-modal .horizontal-image-slider .item__content > * { - flex-grow: 1; } } - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - width: 100% !important; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - flex-basis: 75%; - height: 100vh; - min-height: 100vh; - width: auto !important; - position: relative; } - .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .in-depth-modal .horizontal-image-slider .item__content > .picture:before { - position: absolute; - top: 0; - right: 0; - width: calc(100% / 3); - height: 100%; - content: ''; - background: linear-gradient(to right, transparent, #ffffff); - z-index: 9; } } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - position: relative; - height: auto; - width: 100%; - object-fit: initial !important; - background-size: initial !important; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - max-height: 100vh; - min-height: 100vh; } } - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - color: #0a0a0a; - position: relative; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - flex-basis: 25%; - position: relative; - margin: 4rem 12rem; } } - .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - border-color: #0a0a0a; - color: #0a0a0a; } - .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; - background: #e6e6e6; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 16px !important; } } - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - top: calc(50% - 1.25rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - color: rgba(10, 10, 10, 0.5) !important; } - .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots, - .in-depth-slider .horizontal-image-slider .owl-nav, - .in-depth-modal .horizontal-image-slider .owl-nav { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: 0; - visibility: hidden; } } - -.open.in-depth-slider .in-depth__toggle, .open.in-depth-modal .in-depth__toggle { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .owl-dots, .open.in-depth-modal .horizontal-image-slider .owl-dots, -.open.in-depth-slider .horizontal-image-slider .owl-nav, -.open.in-depth-modal .horizontal-image-slider .owl-nav { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .item:not(first-of-type), .open.in-depth-modal .horizontal-image-slider .item:not(first-of-type) { - display: block; - opacity: 1; - visibility: visible; } - -.theme--dark .in-depth-slider .in-depth__toggle, .theme--dark .in-depth-modal .in-depth__toggle, .theme--dark.in-depth-slider .in-depth__toggle, .theme--dark.in-depth-modal .in-depth__toggle { - border-color: #ffffff !important; - color: #ffffff !important; - background-color: rgba(10, 10, 10, 0.25) !important; } - -.theme--dark .in-depth-slider .owl-dot, .theme--dark .in-depth-modal .owl-dot, .theme--dark.in-depth-slider .owl-dot, .theme--dark.in-depth-modal .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .in-depth-slider .owl-dot.active, .theme--dark .in-depth-modal .owl-dot.active, .theme--dark.in-depth-slider .owl-dot.active, .theme--dark.in-depth-modal .owl-dot.active { - color: #ffffff !important; } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button, .theme--dark .in-depth-modal .owl-nav button, .theme--dark.in-depth-slider .owl-nav button, .theme--dark.in-depth-modal .owl-nav button { - background: #ffffff !important; } } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button:hover, .theme--dark .in-depth-modal .owl-nav button:hover, .theme--dark.in-depth-slider .owl-nav button:hover, .theme--dark.in-depth-modal .owl-nav button:hover { - background: #ffffff !important; } } - -.theme--dark .in-depth-slider .caption, .theme--dark .in-depth-modal .caption, .theme--dark.in-depth-slider .caption, .theme--dark.in-depth-modal .caption { - color: #ffffff; } - .theme--dark .in-depth-slider .caption .toggle-caption, .theme--dark .in-depth-modal .caption .toggle-caption, .theme--dark.in-depth-slider .caption .toggle-caption, .theme--dark.in-depth-modal .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .in-depth-slider .caption figcaption, .theme--dark .in-depth-modal .caption figcaption, .theme--dark.in-depth-slider .caption figcaption, .theme--dark.in-depth-modal .caption figcaption { - color: #ffffff; - background: rgba(255, 255, 255, 0.3); } - -@media print, screen and (min-width: 40em) { - .theme--dark .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark .in-depth-modal .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-modal .horizontal-image-slider .item__content > .picture:before { - background: linear-gradient(to right, transparent, #0a0a0a); } } - -.page { - z-index: 1; - padding: 0; - margin: 0; - min-height: 100vh; - overflow: hidden; - background-color: #fff; - box-sizing: border-box; } - .page .frame { - /* - Need `width: 100vh` in order to fix horizontal slider` - */ - width: 100vw; - box-sizing: border-box; } - .page .fluid { - min-height: 100vh; } - .height-auto.page, - .page .height-auto { - min-height: auto !important; } - .height-auto.page .fluid, - .page .height-auto .fluid { - min-height: auto; } - .page h2 { - margin-top: 0; } - .page .sub-title, - .page .page-title { - font-size: 1.25em; - color: #666; - font-weight: 600; - font-family: freight-display-pro; - font-style: italic; } - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - min-height: 100vh; - padding: 6rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - padding: 8rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 2rem 2rem 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 5rem 5rem 2.5rem 5rem; } } - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 1rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 2.5rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 2.5rem 5rem; } } - .pinnedTop.page, .pinnedBottom.page { - position: fixed; - z-index: 50; } - .pinnedTop.page { - top: 0; - bottom: auto; } - .pinnedBottom.page { - top: auto; - bottom: 0; } - .current_page.page { - z-index: 20; } - .page .page-load-snap-sticky { - position: fixed; - top: 0; - height: 100vh; - z-index: 100; - background-color: #ffffff; } - -.chapter, -.page { - position: relative; } - -.scroll-comparison { - background: transparent; } - .scroll-comparison h3 { - font-size: 1.375rem; - line-height: 1.32; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison h3 { - font-size: 1.75rem; } } - @media print, screen and (min-width: 64em) { - .scroll-comparison h3 { - font-size: 2.125rem; } } - .scroll-comparison .content { - font-size: 1rem; - line-height: 1.8; - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - opacity: 0; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .content { - width: 100%; } } - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 1rem; } - @media print, screen and (min-width: 40em) { - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 0; } } - .scroll-comparison .wrapper > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - transition-property: width; - transition-duration: .5s; - transition-timing-function: ease-in-out; } - .scroll-comparison .wrapper > .cell picture, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture, - .scroll-comparison .wrapper > .cell .picture, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture { - position: relative; } - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - content: '+'; - transition-property: background, border; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - top: 0; - left: 0; - color: white; - z-index: 1; - width: 100%; - text-align: center; - font-size: 2rem; - height: 2rem; - line-height: 2rem; - padding-top: calc(50% - 1rem); } - @media print, screen and (min-width: 64em) { - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - font-size: 4rem; - height: 4rem; - line-height: 4rem; - padding-top: calc(50% - 2rem); } } - .scroll-comparison .wrapper > .cell picture:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:after { - content: ''; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; - background: rgba(10, 10, 10, 0.65); - opacity: 1; - border: 2px solid #ffffff; } - .scroll-comparison .wrapper > .cell picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover { - cursor: pointer; } - .scroll-comparison .wrapper > .cell picture:hover:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover:after, - .scroll-comparison .wrapper > .cell .picture:hover:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover:after { - background: rgba(10, 10, 10, 0.45); } - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: none; } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: block; } } - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - display: none; } - @media screen and (max-width: 39.9375em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-bottom: .5rem; } } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-top: 2rem; - display: initial; } } - .scroll-comparison .wrapper > .cell.active picture:before, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:before, .scroll-comparison .wrapper > .cell.active picture:after, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell.active .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:before, - .scroll-comparison .wrapper > .cell.active .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:after { - opacity: 0; } - .scroll-comparison .wrapper > .cell.active picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell.active .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:hover { - cursor: default; } - .scroll-comparison .wrapper > .cell.active h3, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper h3 { - display: block; } - .scroll-comparison .wrapper > .cell.active .content, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .content { - transition-delay: .5s; - opacity: 1; } - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: calc(calc(-100vw / 3) + 1rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: 0; } } - .scroll-comparison .inline-quote { - position: relative; - left: -1rem; } - -.other-stories h3 { - color: #0a0a0a; - text-align: center; - margin-bottom: .5rem; } - -.other-stories .large-up-2 { - display: flex; - justify-content: center; } - -.other-stories button.cta { - left: 50%; - transform: translate(-50%, 0); - margin-bottom: 1.3rem; } - -.other-stories .hub-story { - margin: 25px; } - @media print, screen and (min-width: 40em) { - .other-stories .hub-story { - display: inline-block; - vertical-align: top; - width: 30%; - margin: 25px 1% 25px 1%; } } - .other-stories .hub-story .story-image { - position: relative; } - .other-stories .hub-story .on-view-story { - right: 15px; - top: 15px; - background-color: #0090a0; } - .other-stories .hub-story .story-title { - margin-top: 25px; - margin-bottom: 0; - text-align: center; - font-size: 1.5em; } - .other-stories .hub-story .story-title p, .other-stories .hub-story .story-title .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .other-stories .hub-story .story-title h3 { - margin-bottom: 0; } - .other-stories .hub-story .story-subtitle { - font-family: "freight-display-pro", sans; - font-style: italic; - text-align: center; - display: block; - font-size: 1.5em; - font-weight: 700; - color: #8a8a8a; } - .other-stories .hub-story .read-link-wrapper { - text-align: center; - margin-top: 12px; } - .other-stories .hub-story .read-link-wrapper a { - color: black; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .other-stories .hub-story .read-link-wrapper a::after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } diff --git a/build2/styles/artists-books.scss b/build2/styles/artists-books.scss new file mode 100644 index 000000000..ef6db731c --- /dev/null +++ b/build2/styles/artists-books.scss @@ -0,0 +1,5 @@ +// Import Gauguin Theme Settings. +@import 'story/settings--artists-books'; + +// Import Common Files. +@import 'base/common'; diff --git a/build2/styles/for-testing.css b/build2/styles/for-testing.css deleted file mode 100644 index e860b5b0b..000000000 --- a/build2/styles/for-testing.css +++ /dev/null @@ -1,13350 +0,0 @@ -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -/** - * Foundation for Sites by ZURB - * Version 6.4.3 - * foundation.zurb.com - * Licensed under MIT Open Source - */ -@media print, screen and (min-width: 40em) { - .reveal, .reveal.tiny, .reveal.small, .reveal.large { - right: auto; - left: auto; - margin: 0 auto; } } - -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/* Document - ========================================================================== */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - line-height: 1.15; - /* 2 */ - -ms-text-size-adjust: 100%; - /* 3 */ - -webkit-text-size-adjust: 100%; - /* 3 */ } - -/* 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, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title { - font-size: 2em; - margin: 0.67em 0; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - 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 { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Add the correct display in IE. - */ -main { - display: block; } - -/** - * 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 */ } - -/* Links - ========================================================================== */ -/** - * 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 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in 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 */ - 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. - */ -button { - 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 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 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 { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - color: inherit; - /* 2 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE, and Firefox. - */ -details { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; } - -/* 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; } - -.foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } - -html { - box-sizing: border-box; - font-size: 100%; } - -*, -*::before, -*::after { - box-sizing: inherit; } - -body { - margin: 0; - padding: 0; - background: #ffffff; - font-family: "freight-text-pro", serif; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; } - -textarea { - height: auto; - min-height: 50px; - border-radius: 0; } - -select { - box-sizing: border-box; - width: 100%; - border-radius: 0; } - -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -button { - padding: 0; - appearance: none; - border: 0; - border-radius: 0; - background: transparent; - line-height: 1; - cursor: auto; } - [data-whatinput='mouse'] button { - outline: 0; } - -pre { - overflow: auto; } - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; } - -.is-visible { - display: block !important; } - -.is-hidden { - display: none !important; } - -.grid-container { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 90rem; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.fluid { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 100%; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container.fluid { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.full { - padding-right: 0; - padding-left: 0; - max-width: 100%; - margin: 0 auto; } - -.grid-x, .video--embed.boxed { - display: flex; - flex-flow: row wrap; } - -.cell, .video--embed.boxed > .video--embed__wrapper { - flex: 0 0 auto; - min-height: 0px; - min-width: 0px; - width: 100%; } - .cell.auto, .video--embed.boxed > .auto.video--embed__wrapper { - flex: 1 1 0px; } - .cell.shrink, .video--embed.boxed > .shrink.video--embed__wrapper { - flex: 0 0 auto; } - -.grid-x > .auto, .video--embed.boxed > .auto { - width: auto; } - -.grid-x > .shrink, .video--embed.boxed > .shrink { - width: auto; } - -.grid-x > .small-shrink, .video--embed.boxed > .small-shrink, .grid-x > .small-full, .video--embed.boxed > .small-full, .grid-x > .small-1, .video--embed.boxed > .small-1, .grid-x > .small-2, .video--embed.boxed > .small-2, .grid-x > .small-3, .video--embed.boxed > .small-3, .grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper, .grid-x > .small-5, .video--embed.boxed > .small-5, .grid-x > .small-6, .video--embed.boxed > .small-6, .grid-x > .small-7, .video--embed.boxed > .small-7, .grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper, .grid-x > .small-9, .video--embed.boxed > .small-9, .grid-x > .small-10, .video--embed.boxed > .small-10, .grid-x > .small-11, .video--embed.boxed > .small-11, .grid-x > .small-12, .video--embed.boxed > .small-12 { - flex-basis: auto; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink, .grid-x > .medium-full, .video--embed.boxed > .medium-full, .grid-x > .medium-1, .video--embed.boxed > .medium-1, .grid-x > .medium-2, .video--embed.boxed > .medium-2, .grid-x > .medium-3, .video--embed.boxed > .medium-3, .grid-x > .medium-4, .video--embed.boxed > .medium-4, .grid-x > .medium-5, .video--embed.boxed > .medium-5, .grid-x > .medium-6, .video--embed.boxed > .medium-6, .grid-x > .medium-7, .video--embed.boxed > .medium-7, .grid-x > .medium-8, .video--embed.boxed > .medium-8, .grid-x > .medium-9, .video--embed.boxed > .medium-9, .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper, .grid-x > .medium-11, .video--embed.boxed > .medium-11, .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - flex-basis: auto; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink, .grid-x > .large-full, .video--embed.boxed > .large-full, .grid-x > .large-1, .video--embed.boxed > .large-1, .grid-x > .large-2, .video--embed.boxed > .large-2, .grid-x > .large-3, .video--embed.boxed > .large-3, .grid-x > .large-4, .video--embed.boxed > .large-4, .grid-x > .large-5, .video--embed.boxed > .large-5, .grid-x > .large-6, .video--embed.boxed > .large-6, .grid-x > .large-7, .video--embed.boxed > .large-7, .grid-x > .large-8, .video--embed.boxed > .large-8, .grid-x > .large-9, .video--embed.boxed > .large-9, .grid-x > .large-10, .video--embed.boxed > .large-10, .grid-x > .large-11, .video--embed.boxed > .large-11, .grid-x > .large-12, .video--embed.boxed > .large-12 { - flex-basis: auto; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink, .grid-x > .xlarge-full, .video--embed.boxed > .xlarge-full, .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1, .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2, .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3, .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4, .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5, .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6, .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7, .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8, .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9, .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10, .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11, .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - flex-basis: auto; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink, .grid-x > .xxlarge-full, .video--embed.boxed > .xxlarge-full, .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1, .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2, .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3, .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4, .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5, .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6, .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7, .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8, .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9, .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10, .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11, .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - flex-basis: auto; } } - -.grid-x > .small-1, .video--embed.boxed > .small-1 { - width: 8.33333%; } - -.grid-x > .small-2, .video--embed.boxed > .small-2 { - width: 16.66667%; } - -.grid-x > .small-3, .video--embed.boxed > .small-3 { - width: 25%; } - -.grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - width: 33.33333%; } - -.grid-x > .small-5, .video--embed.boxed > .small-5 { - width: 41.66667%; } - -.grid-x > .small-6, .video--embed.boxed > .small-6 { - width: 50%; } - -.grid-x > .small-7, .video--embed.boxed > .small-7 { - width: 58.33333%; } - -.grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper { - width: 66.66667%; } - -.grid-x > .small-9, .video--embed.boxed > .small-9 { - width: 75%; } - -.grid-x > .small-10, .video--embed.boxed > .small-10 { - width: 83.33333%; } - -.grid-x > .small-11, .video--embed.boxed > .small-11 { - width: 91.66667%; } - -.grid-x > .small-12, .video--embed.boxed > .small-12 { - width: 100%; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-auto, .video--embed.boxed > .medium-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .medium-1, .video--embed.boxed > .medium-1 { - width: 8.33333%; } - .grid-x > .medium-2, .video--embed.boxed > .medium-2 { - width: 16.66667%; } - .grid-x > .medium-3, .video--embed.boxed > .medium-3 { - width: 25%; } - .grid-x > .medium-4, .video--embed.boxed > .medium-4 { - width: 33.33333%; } - .grid-x > .medium-5, .video--embed.boxed > .medium-5 { - width: 41.66667%; } - .grid-x > .medium-6, .video--embed.boxed > .medium-6 { - width: 50%; } - .grid-x > .medium-7, .video--embed.boxed > .medium-7 { - width: 58.33333%; } - .grid-x > .medium-8, .video--embed.boxed > .medium-8 { - width: 66.66667%; } - .grid-x > .medium-9, .video--embed.boxed > .medium-9 { - width: 75%; } - .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper { - width: 83.33333%; } - .grid-x > .medium-11, .video--embed.boxed > .medium-11 { - width: 91.66667%; } - .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-auto, .video--embed.boxed > .large-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .large-1, .video--embed.boxed > .large-1 { - width: 8.33333%; } - .grid-x > .large-2, .video--embed.boxed > .large-2 { - width: 16.66667%; } - .grid-x > .large-3, .video--embed.boxed > .large-3 { - width: 25%; } - .grid-x > .large-4, .video--embed.boxed > .large-4 { - width: 33.33333%; } - .grid-x > .large-5, .video--embed.boxed > .large-5 { - width: 41.66667%; } - .grid-x > .large-6, .video--embed.boxed > .large-6 { - width: 50%; } - .grid-x > .large-7, .video--embed.boxed > .large-7 { - width: 58.33333%; } - .grid-x > .large-8, .video--embed.boxed > .large-8 { - width: 66.66667%; } - .grid-x > .large-9, .video--embed.boxed > .large-9 { - width: 75%; } - .grid-x > .large-10, .video--embed.boxed > .large-10 { - width: 83.33333%; } - .grid-x > .large-11, .video--embed.boxed > .large-11 { - width: 91.66667%; } - .grid-x > .large-12, .video--embed.boxed > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-auto, .video--embed.boxed > .xlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1 { - width: 8.33333%; } - .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2 { - width: 16.66667%; } - .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3 { - width: 25%; } - .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4 { - width: 33.33333%; } - .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5 { - width: 41.66667%; } - .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6 { - width: 50%; } - .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7 { - width: 58.33333%; } - .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8 { - width: 66.66667%; } - .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9 { - width: 75%; } - .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10 { - width: 83.33333%; } - .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11 { - width: 91.66667%; } - .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-auto, .video--embed.boxed > .xxlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1 { - width: 8.33333%; } - .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2 { - width: 16.66667%; } - .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3 { - width: 25%; } - .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4 { - width: 33.33333%; } - .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5 { - width: 41.66667%; } - .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6 { - width: 50%; } - .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7 { - width: 58.33333%; } - .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8 { - width: 66.66667%; } - .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9 { - width: 75%; } - .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10 { - width: 83.33333%; } - .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11 { - width: 91.66667%; } - .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - width: 100%; } } - -.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .cell, .video--embed.boxed.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .video--embed__wrapper { - width: auto; } - -.grid-margin-y:not(.grid-y) > .cell, .video--embed.boxed.grid-margin-y:not(.grid-y) > .video--embed__wrapper { - height: auto; } - -.grid-margin-x { - margin-left: -0.625rem; - margin-right: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.25rem); - margin-left: 0.625rem; - margin-right: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.875rem); - margin-left: 0.9375rem; - margin-right: 0.9375rem; } } - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.25rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.25rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.25rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.25rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.25rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.25rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.25rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.25rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.25rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.875rem); } - .grid-margin-x > .medium-auto { - width: auto; } - .grid-margin-x > .medium-shrink { - width: auto; } - .grid-margin-x > .medium-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .medium-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .medium-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .medium-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .medium-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .medium-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .medium-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .medium-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .medium-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .medium-10, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .medium-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .medium-12 { - width: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-x > .large-auto { - width: auto; } - .grid-margin-x > .large-shrink { - width: auto; } - .grid-margin-x > .large-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .large-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .large-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .large-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .large-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .large-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .large-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .large-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .large-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .large-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .large-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .large-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-x > .xlarge-auto { - width: auto; } - .grid-margin-x > .xlarge-shrink { - width: auto; } - .grid-margin-x > .xlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xlarge-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-x > .xxlarge-auto { - width: auto; } - .grid-margin-x > .xxlarge-shrink { - width: auto; } - .grid-margin-x > .xxlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xxlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xxlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xxlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-12 { - width: calc(100% - 1.875rem); } } - -.grid-padding-x .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-container:not(.full) > .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-container:not(.full) > .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.625rem; - padding-left: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - -.small-up-1 > .cell, .video--embed.boxed.small-up-1 > .video--embed__wrapper { - width: 100%; } - -.small-up-2 > .cell, .video--embed.boxed.small-up-2 > .video--embed__wrapper { - width: 50%; } - -.small-up-3 > .cell, .video--embed.boxed.small-up-3 > .video--embed__wrapper { - width: 33.33333%; } - -.small-up-4 > .cell, .video--embed.boxed.small-up-4 > .video--embed__wrapper { - width: 25%; } - -.small-up-5 > .cell, .video--embed.boxed.small-up-5 > .video--embed__wrapper { - width: 20%; } - -.small-up-6 > .cell, .video--embed.boxed.small-up-6 > .video--embed__wrapper { - width: 16.66667%; } - -.small-up-7 > .cell, .video--embed.boxed.small-up-7 > .video--embed__wrapper { - width: 14.28571%; } - -.small-up-8 > .cell, .video--embed.boxed.small-up-8 > .video--embed__wrapper { - width: 12.5%; } - -@media print, screen and (min-width: 40em) { - .medium-up-1 > .cell, .video--embed.boxed.medium-up-1 > .video--embed__wrapper { - width: 100%; } - .medium-up-2 > .cell, .video--embed.boxed.medium-up-2 > .video--embed__wrapper { - width: 50%; } - .medium-up-3 > .cell, .video--embed.boxed.medium-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .medium-up-4 > .cell, .video--embed.boxed.medium-up-4 > .video--embed__wrapper { - width: 25%; } - .medium-up-5 > .cell, .video--embed.boxed.medium-up-5 > .video--embed__wrapper { - width: 20%; } - .medium-up-6 > .cell, .video--embed.boxed.medium-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .medium-up-7 > .cell, .video--embed.boxed.medium-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .medium-up-8 > .cell, .video--embed.boxed.medium-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media print, screen and (min-width: 64em) { - .large-up-1 > .cell, .video--embed.boxed.large-up-1 > .video--embed__wrapper { - width: 100%; } - .large-up-2 > .cell, .video--embed.boxed.large-up-2 > .video--embed__wrapper { - width: 50%; } - .large-up-3 > .cell, .video--embed.boxed.large-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .large-up-4 > .cell, .video--embed.boxed.large-up-4 > .video--embed__wrapper { - width: 25%; } - .large-up-5 > .cell, .video--embed.boxed.large-up-5 > .video--embed__wrapper { - width: 20%; } - .large-up-6 > .cell, .video--embed.boxed.large-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .large-up-7 > .cell, .video--embed.boxed.large-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .large-up-8 > .cell, .video--embed.boxed.large-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 75em) { - .xlarge-up-1 > .cell, .video--embed.boxed.xlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xlarge-up-2 > .cell, .video--embed.boxed.xlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xlarge-up-3 > .cell, .video--embed.boxed.xlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-up-4 > .cell, .video--embed.boxed.xlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xlarge-up-5 > .cell, .video--embed.boxed.xlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xlarge-up-6 > .cell, .video--embed.boxed.xlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xlarge-up-7 > .cell, .video--embed.boxed.xlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xlarge-up-8 > .cell, .video--embed.boxed.xlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 90em) { - .xxlarge-up-1 > .cell, .video--embed.boxed.xxlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xxlarge-up-2 > .cell, .video--embed.boxed.xxlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xxlarge-up-3 > .cell, .video--embed.boxed.xxlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-up-4 > .cell, .video--embed.boxed.xxlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xxlarge-up-5 > .cell, .video--embed.boxed.xxlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xxlarge-up-6 > .cell, .video--embed.boxed.xxlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xxlarge-up-7 > .cell, .video--embed.boxed.xxlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xxlarge-up-8 > .cell, .video--embed.boxed.xxlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -.grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - -.grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - -.grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - -.grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - -.grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - -.grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - -.grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - -.grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - -@media print, screen and (min-width: 40em) { - .grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - .grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - .grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - .grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - .grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - .grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - .grid-margin-x.medium-up-1 > .cell, .video--embed.boxed.grid-margin-x.medium-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.medium-up-2 > .cell, .video--embed.boxed.grid-margin-x.medium-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.medium-up-3 > .cell, .video--embed.boxed.grid-margin-x.medium-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.medium-up-4 > .cell, .video--embed.boxed.grid-margin-x.medium-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.medium-up-5 > .cell, .video--embed.boxed.grid-margin-x.medium-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.medium-up-6 > .cell, .video--embed.boxed.grid-margin-x.medium-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.medium-up-7 > .cell, .video--embed.boxed.grid-margin-x.medium-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.medium-up-8 > .cell, .video--embed.boxed.grid-margin-x.medium-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-x.large-up-1 > .cell, .video--embed.boxed.grid-margin-x.large-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.large-up-2 > .cell, .video--embed.boxed.grid-margin-x.large-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.large-up-3 > .cell, .video--embed.boxed.grid-margin-x.large-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.large-up-4 > .cell, .video--embed.boxed.grid-margin-x.large-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.large-up-5 > .cell, .video--embed.boxed.grid-margin-x.large-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.large-up-6 > .cell, .video--embed.boxed.grid-margin-x.large-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.large-up-7 > .cell, .video--embed.boxed.grid-margin-x.large-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.large-up-8 > .cell, .video--embed.boxed.grid-margin-x.large-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-x.xlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-x.xxlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xxlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xxlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xxlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xxlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xxlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xxlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xxlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -.small-margin-collapse { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .cell, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .small-1 { - width: 8.33333%; } - .small-margin-collapse > .small-2 { - width: 16.66667%; } - .small-margin-collapse > .small-3 { - width: 25%; } - .small-margin-collapse > .small-4, .scroll-comparison .wrapper.small-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .small-margin-collapse > .small-5 { - width: 41.66667%; } - .small-margin-collapse > .small-6 { - width: 50%; } - .small-margin-collapse > .small-7 { - width: 58.33333%; } - .small-margin-collapse > .small-8, .scroll-comparison .wrapper.small-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .small-margin-collapse > .small-9 { - width: 75%; } - .small-margin-collapse > .small-10 { - width: 83.33333%; } - .small-margin-collapse > .small-11 { - width: 91.66667%; } - .small-margin-collapse > .small-12 { - width: 100%; } - @media print, screen and (min-width: 40em) { - .small-margin-collapse > .medium-1 { - width: 8.33333%; } - .small-margin-collapse > .medium-2 { - width: 16.66667%; } - .small-margin-collapse > .medium-3 { - width: 25%; } - .small-margin-collapse > .medium-4 { - width: 33.33333%; } - .small-margin-collapse > .medium-5 { - width: 41.66667%; } - .small-margin-collapse > .medium-6 { - width: 50%; } - .small-margin-collapse > .medium-7 { - width: 58.33333%; } - .small-margin-collapse > .medium-8 { - width: 66.66667%; } - .small-margin-collapse > .medium-9 { - width: 75%; } - .small-margin-collapse > .medium-10, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .small-margin-collapse > .medium-11 { - width: 91.66667%; } - .small-margin-collapse > .medium-12 { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .small-margin-collapse > .large-1 { - width: 8.33333%; } - .small-margin-collapse > .large-2 { - width: 16.66667%; } - .small-margin-collapse > .large-3 { - width: 25%; } - .small-margin-collapse > .large-4 { - width: 33.33333%; } - .small-margin-collapse > .large-5 { - width: 41.66667%; } - .small-margin-collapse > .large-6 { - width: 50%; } - .small-margin-collapse > .large-7 { - width: 58.33333%; } - .small-margin-collapse > .large-8 { - width: 66.66667%; } - .small-margin-collapse > .large-9 { - width: 75%; } - .small-margin-collapse > .large-10 { - width: 83.33333%; } - .small-margin-collapse > .large-11 { - width: 91.66667%; } - .small-margin-collapse > .large-12 { - width: 100%; } } - @media screen and (min-width: 75em) { - .small-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xlarge-3 { - width: 25%; } - .small-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xlarge-6 { - width: 50%; } - .small-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xlarge-9 { - width: 75%; } - .small-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xlarge-12 { - width: 100%; } } - @media screen and (min-width: 90em) { - .small-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xxlarge-3 { - width: 25%; } - .small-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xxlarge-6 { - width: 50%; } - .small-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xxlarge-9 { - width: 75%; } - .small-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xxlarge-12 { - width: 100%; } } - -.small-padding-collapse { - margin-right: 0; - margin-left: 0; } - .small-padding-collapse > .cell, .video--embed.boxed.small-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse { - margin-right: 0; - margin-left: 0; } - .medium-margin-collapse > .cell, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .small-1 { - width: 8.33333%; } - .medium-margin-collapse > .small-2 { - width: 16.66667%; } - .medium-margin-collapse > .small-3 { - width: 25%; } - .medium-margin-collapse > .small-4, .scroll-comparison .wrapper.medium-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .medium-margin-collapse > .small-5 { - width: 41.66667%; } - .medium-margin-collapse > .small-6 { - width: 50%; } - .medium-margin-collapse > .small-7 { - width: 58.33333%; } - .medium-margin-collapse > .small-8, .scroll-comparison .wrapper.medium-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .medium-margin-collapse > .small-9 { - width: 75%; } - .medium-margin-collapse > .small-10 { - width: 83.33333%; } - .medium-margin-collapse > .small-11 { - width: 91.66667%; } - .medium-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .medium-1 { - width: 8.33333%; } - .medium-margin-collapse > .medium-2 { - width: 16.66667%; } - .medium-margin-collapse > .medium-3 { - width: 25%; } - .medium-margin-collapse > .medium-4 { - width: 33.33333%; } - .medium-margin-collapse > .medium-5 { - width: 41.66667%; } - .medium-margin-collapse > .medium-6 { - width: 50%; } - .medium-margin-collapse > .medium-7 { - width: 58.33333%; } - .medium-margin-collapse > .medium-8 { - width: 66.66667%; } - .medium-margin-collapse > .medium-9 { - width: 75%; } - .medium-margin-collapse > .medium-10, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .medium-margin-collapse > .medium-11 { - width: 91.66667%; } - .medium-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .medium-margin-collapse > .large-1 { - width: 8.33333%; } - .medium-margin-collapse > .large-2 { - width: 16.66667%; } - .medium-margin-collapse > .large-3 { - width: 25%; } - .medium-margin-collapse > .large-4 { - width: 33.33333%; } - .medium-margin-collapse > .large-5 { - width: 41.66667%; } - .medium-margin-collapse > .large-6 { - width: 50%; } - .medium-margin-collapse > .large-7 { - width: 58.33333%; } - .medium-margin-collapse > .large-8 { - width: 66.66667%; } - .medium-margin-collapse > .large-9 { - width: 75%; } - .medium-margin-collapse > .large-10 { - width: 83.33333%; } - .medium-margin-collapse > .large-11 { - width: 91.66667%; } - .medium-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .medium-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xlarge-3 { - width: 25%; } - .medium-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xlarge-6 { - width: 50%; } - .medium-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xlarge-9 { - width: 75%; } - .medium-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .medium-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xxlarge-3 { - width: 25%; } - .medium-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xxlarge-6 { - width: 50%; } - .medium-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xxlarge-9 { - width: 75%; } - .medium-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-padding-collapse { - margin-right: 0; - margin-left: 0; } - .medium-padding-collapse > .cell, .video--embed.boxed.medium-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse { - margin-right: 0; - margin-left: 0; } - .large-margin-collapse > .cell, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .small-1 { - width: 8.33333%; } - .large-margin-collapse > .small-2 { - width: 16.66667%; } - .large-margin-collapse > .small-3 { - width: 25%; } - .large-margin-collapse > .small-4, .scroll-comparison .wrapper.large-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .large-margin-collapse > .small-5 { - width: 41.66667%; } - .large-margin-collapse > .small-6 { - width: 50%; } - .large-margin-collapse > .small-7 { - width: 58.33333%; } - .large-margin-collapse > .small-8, .scroll-comparison .wrapper.large-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .large-margin-collapse > .small-9 { - width: 75%; } - .large-margin-collapse > .small-10 { - width: 83.33333%; } - .large-margin-collapse > .small-11 { - width: 91.66667%; } - .large-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .medium-1 { - width: 8.33333%; } - .large-margin-collapse > .medium-2 { - width: 16.66667%; } - .large-margin-collapse > .medium-3 { - width: 25%; } - .large-margin-collapse > .medium-4 { - width: 33.33333%; } - .large-margin-collapse > .medium-5 { - width: 41.66667%; } - .large-margin-collapse > .medium-6 { - width: 50%; } - .large-margin-collapse > .medium-7 { - width: 58.33333%; } - .large-margin-collapse > .medium-8 { - width: 66.66667%; } - .large-margin-collapse > .medium-9 { - width: 75%; } - .large-margin-collapse > .medium-10, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .large-margin-collapse > .medium-11 { - width: 91.66667%; } - .large-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .large-1 { - width: 8.33333%; } - .large-margin-collapse > .large-2 { - width: 16.66667%; } - .large-margin-collapse > .large-3 { - width: 25%; } - .large-margin-collapse > .large-4 { - width: 33.33333%; } - .large-margin-collapse > .large-5 { - width: 41.66667%; } - .large-margin-collapse > .large-6 { - width: 50%; } - .large-margin-collapse > .large-7 { - width: 58.33333%; } - .large-margin-collapse > .large-8 { - width: 66.66667%; } - .large-margin-collapse > .large-9 { - width: 75%; } - .large-margin-collapse > .large-10 { - width: 83.33333%; } - .large-margin-collapse > .large-11 { - width: 91.66667%; } - .large-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .large-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xlarge-3 { - width: 25%; } - .large-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xlarge-6 { - width: 50%; } - .large-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xlarge-9 { - width: 75%; } - .large-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .large-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xxlarge-3 { - width: 25%; } - .large-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xxlarge-6 { - width: 50%; } - .large-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xxlarge-9 { - width: 75%; } - .large-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-padding-collapse { - margin-right: 0; - margin-left: 0; } - .large-padding-collapse > .cell, .video--embed.boxed.large-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-margin-collapse > .cell, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .small-3 { - width: 25%; } - .xlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .small-6 { - width: 50%; } - .xlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xlarge-margin-collapse > .small-9 { - width: 75%; } - .xlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .medium-3 { - width: 25%; } - .xlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .medium-6 { - width: 50%; } - .xlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .medium-9 { - width: 75%; } - .xlarge-margin-collapse > .medium-10, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .large-3 { - width: 25%; } - .xlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .large-6 { - width: 50%; } - .xlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .large-9 { - width: 75%; } - .xlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-padding-collapse > .cell, .video--embed.boxed.xlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-margin-collapse > .cell, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .small-3 { - width: 25%; } - .xxlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .small-6 { - width: 50%; } - .xxlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xxlarge-margin-collapse > .small-9 { - width: 75%; } - .xxlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .medium-3 { - width: 25%; } - .xxlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .medium-6 { - width: 50%; } - .xxlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .medium-9 { - width: 75%; } - .xxlarge-margin-collapse > .medium-10, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xxlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .large-3 { - width: 25%; } - .xxlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .large-6 { - width: 50%; } - .xxlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .large-9 { - width: 75%; } - .xxlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-padding-collapse > .cell, .video--embed.boxed.xxlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -.small-offset-0 { - margin-left: 0%; } - -.grid-margin-x > .small-offset-0 { - margin-left: calc(0% + 0.625rem); } - -.small-offset-1 { - margin-left: 8.33333%; } - -.grid-margin-x > .small-offset-1 { - margin-left: calc(8.33333% + 0.625rem); } - -.small-offset-2 { - margin-left: 16.66667%; } - -.grid-margin-x > .small-offset-2 { - margin-left: calc(16.66667% + 0.625rem); } - -.small-offset-3 { - margin-left: 25%; } - -.grid-margin-x > .small-offset-3 { - margin-left: calc(25% + 0.625rem); } - -.small-offset-4 { - margin-left: 33.33333%; } - -.grid-margin-x > .small-offset-4 { - margin-left: calc(33.33333% + 0.625rem); } - -.small-offset-5 { - margin-left: 41.66667%; } - -.grid-margin-x > .small-offset-5 { - margin-left: calc(41.66667% + 0.625rem); } - -.small-offset-6 { - margin-left: 50%; } - -.grid-margin-x > .small-offset-6 { - margin-left: calc(50% + 0.625rem); } - -.small-offset-7 { - margin-left: 58.33333%; } - -.grid-margin-x > .small-offset-7 { - margin-left: calc(58.33333% + 0.625rem); } - -.small-offset-8 { - margin-left: 66.66667%; } - -.grid-margin-x > .small-offset-8 { - margin-left: calc(66.66667% + 0.625rem); } - -.small-offset-9 { - margin-left: 75%; } - -.grid-margin-x > .small-offset-9 { - margin-left: calc(75% + 0.625rem); } - -.small-offset-10 { - margin-left: 83.33333%; } - -.grid-margin-x > .small-offset-10 { - margin-left: calc(83.33333% + 0.625rem); } - -.small-offset-11 { - margin-left: 91.66667%; } - -.grid-margin-x > .small-offset-11 { - margin-left: calc(91.66667% + 0.625rem); } - -@media print, screen and (min-width: 40em) { - .medium-offset-0 { - margin-left: 0%; } - .grid-margin-x > .medium-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .medium-offset-1, .video--embed.boxed > .video--embed__wrapper { - margin-left: 8.33333%; } - .grid-margin-x > .medium-offset-1, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - margin-left: calc(8.33333% + 0.9375rem); } - .medium-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .medium-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .medium-offset-3 { - margin-left: 25%; } - .grid-margin-x > .medium-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .medium-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .medium-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .medium-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .medium-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .medium-offset-6 { - margin-left: 50%; } - .grid-margin-x > .medium-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .medium-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .medium-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .medium-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .medium-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .medium-offset-9 { - margin-left: 75%; } - .grid-margin-x > .medium-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .medium-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .medium-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .medium-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .medium-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media print, screen and (min-width: 64em) { - .large-offset-0 { - margin-left: 0%; } - .grid-margin-x > .large-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .large-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .large-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .large-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .large-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .large-offset-3 { - margin-left: 25%; } - .grid-margin-x > .large-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .large-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .large-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .large-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .large-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .large-offset-6 { - margin-left: 50%; } - .grid-margin-x > .large-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .large-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .large-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .large-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .large-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .large-offset-9 { - margin-left: 75%; } - .grid-margin-x > .large-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .large-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .large-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .large-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .large-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 75em) { - .xlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 90em) { - .xxlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xxlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xxlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xxlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xxlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xxlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xxlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xxlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xxlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xxlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xxlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xxlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xxlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xxlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xxlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xxlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xxlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xxlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xxlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xxlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xxlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xxlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xxlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xxlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -.grid-y { - display: flex; - flex-flow: column nowrap; } - .grid-y > .cell, .video--embed.boxed.grid-y > .video--embed__wrapper { - width: auto; } - .grid-y > .auto { - height: auto; } - .grid-y > .shrink { - height: auto; } - .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { - flex-basis: auto; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper, .grid-y > .medium-11, .grid-y > .medium-12 { - flex-basis: auto; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { - flex-basis: auto; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { - flex-basis: auto; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { - flex-basis: auto; } } - .grid-y > .small-1 { - height: 8.33333%; } - .grid-y > .small-2 { - height: 16.66667%; } - .grid-y > .small-3 { - height: 25%; } - .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper { - height: 33.33333%; } - .grid-y > .small-5 { - height: 41.66667%; } - .grid-y > .small-6 { - height: 50%; } - .grid-y > .small-7 { - height: 58.33333%; } - .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper { - height: 66.66667%; } - .grid-y > .small-9 { - height: 75%; } - .grid-y > .small-10 { - height: 83.33333%; } - .grid-y > .small-11 { - height: 91.66667%; } - .grid-y > .small-12 { - height: 100%; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .medium-shrink { - height: auto; } - .grid-y > .medium-1 { - height: 8.33333%; } - .grid-y > .medium-2 { - height: 16.66667%; } - .grid-y > .medium-3 { - height: 25%; } - .grid-y > .medium-4 { - height: 33.33333%; } - .grid-y > .medium-5 { - height: 41.66667%; } - .grid-y > .medium-6 { - height: 50%; } - .grid-y > .medium-7 { - height: 58.33333%; } - .grid-y > .medium-8 { - height: 66.66667%; } - .grid-y > .medium-9 { - height: 75%; } - .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper { - height: 83.33333%; } - .grid-y > .medium-11 { - height: 91.66667%; } - .grid-y > .medium-12 { - height: 100%; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .large-shrink { - height: auto; } - .grid-y > .large-1 { - height: 8.33333%; } - .grid-y > .large-2 { - height: 16.66667%; } - .grid-y > .large-3 { - height: 25%; } - .grid-y > .large-4 { - height: 33.33333%; } - .grid-y > .large-5 { - height: 41.66667%; } - .grid-y > .large-6 { - height: 50%; } - .grid-y > .large-7 { - height: 58.33333%; } - .grid-y > .large-8 { - height: 66.66667%; } - .grid-y > .large-9 { - height: 75%; } - .grid-y > .large-10 { - height: 83.33333%; } - .grid-y > .large-11 { - height: 91.66667%; } - .grid-y > .large-12 { - height: 100%; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xlarge-shrink { - height: auto; } - .grid-y > .xlarge-1 { - height: 8.33333%; } - .grid-y > .xlarge-2 { - height: 16.66667%; } - .grid-y > .xlarge-3 { - height: 25%; } - .grid-y > .xlarge-4 { - height: 33.33333%; } - .grid-y > .xlarge-5 { - height: 41.66667%; } - .grid-y > .xlarge-6 { - height: 50%; } - .grid-y > .xlarge-7 { - height: 58.33333%; } - .grid-y > .xlarge-8 { - height: 66.66667%; } - .grid-y > .xlarge-9 { - height: 75%; } - .grid-y > .xlarge-10 { - height: 83.33333%; } - .grid-y > .xlarge-11 { - height: 91.66667%; } - .grid-y > .xlarge-12 { - height: 100%; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xxlarge-shrink { - height: auto; } - .grid-y > .xxlarge-1 { - height: 8.33333%; } - .grid-y > .xxlarge-2 { - height: 16.66667%; } - .grid-y > .xxlarge-3 { - height: 25%; } - .grid-y > .xxlarge-4 { - height: 33.33333%; } - .grid-y > .xxlarge-5 { - height: 41.66667%; } - .grid-y > .xxlarge-6 { - height: 50%; } - .grid-y > .xxlarge-7 { - height: 58.33333%; } - .grid-y > .xxlarge-8 { - height: 66.66667%; } - .grid-y > .xxlarge-9 { - height: 75%; } - .grid-y > .xxlarge-10 { - height: 83.33333%; } - .grid-y > .xxlarge-11 { - height: 91.66667%; } - .grid-y > .xxlarge-12 { - height: 100%; } } - -.grid-padding-y .grid-padding-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y .grid-padding-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - -.grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.625rem; - padding-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.9375rem; - padding-bottom: 0.9375rem; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - -.cell .grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-frame { - width: 100%; } - -.cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .cell-block-container > .grid-x, .cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - -@media print, screen and (min-width: 40em) { - .medium-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .medium-grid-frame { - width: 100%; } - .medium-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .medium-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .medium-cell-block-container > .grid-x, .medium-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .medium-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media print, screen and (min-width: 64em) { - .large-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .large-grid-frame, .video--embed.boxed > .video--embed__wrapper .large-grid-frame { - width: 100%; } - .large-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .large-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .large-cell-block-container > .grid-x, .large-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .large-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 75em) { - .xlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xlarge-grid-frame { - width: 100%; } - .xlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xlarge-cell-block-container > .grid-x, .xlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 90em) { - .xxlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xxlarge-grid-frame { - width: 100%; } - .xxlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xxlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xxlarge-cell-block-container > .grid-x, .xxlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xxlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -.grid-y.grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } - -@media print, screen and (min-width: 40em) { - .grid-y.medium-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media print, screen and (min-width: 64em) { - .grid-y.large-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 75em) { - .grid-y.xlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 90em) { - .grid-y.xxlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -.cell .grid-y.grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.grid-frame { - height: 100%; } - -@media print, screen and (min-width: 40em) { - .cell .grid-y.medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.medium-grid-frame { - height: 100%; } } - -@media print, screen and (min-width: 64em) { - .cell .grid-y.large-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.large-grid-frame { - height: 100%; } } - -@media screen and (min-width: 75em) { - .cell .grid-y.xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xlarge-grid-frame { - height: 100%; } } - -@media screen and (min-width: 90em) { - .cell .grid-y.xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xxlarge-grid-frame { - height: 100%; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame.grid-margin-y { - height: calc(100vh + 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 40em) { - .grid-margin-y.medium-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-y.large-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-y.xlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-y.xxlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -div, -dl, -dt, -dd, -ul, -ol, -li, h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, -h2, -h3, -h4, -h5, -h6, -a.link--arrow, -pre, -form, -p, -.off-canvas footer.footer .footer-feature h3, -blockquote, -th, -td { - margin: 0; - padding: 0; } - - -p, -.off-canvas footer.footer .footer-feature h3 { - margin-bottom: 1rem; - font-size: inherit; - line-height: 1.6; - text-rendering: optimizeLegibility; } - -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 80%; - line-height: inherit; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, -a.link--arrow, .h6 { - font-family: "freight-display-pro", sans; - font-style: normal; - font-weight: normal; - color: inherit; - text-rendering: optimizeLegibility; } - h1 small, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title small, .in-depth .in-depth__title small, .h1 small, .intro-text h2 small, - h2 small, .h2 small, - h3 small, .h3 small, - h4 small, .h4 small, - h5 small, .h5 small, - h6 small, - a.link--arrow small, .h6 small { - line-height: 0; - color: #b2b2b2; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 1.5rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h2, .h2 { - font-size: 1.25rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h3, .h3 { - font-size: 1.1875rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h4, .h4 { - font-size: 1.125rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h5, .h5 { - font-size: 1.0625rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - - -h6, -a.link--arrow, .h6 { - font-size: 1rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -@media print, screen and (min-width: 40em) { - h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 3rem; } - h2, .h2 { - font-size: 2.5rem; } - h3, .h3 { - font-size: 1.9375rem; } - h4, .h4 { - font-size: 1.5625rem; } - h5, .h5 { - font-size: 1.25rem; } - - h6, - a.link--arrow, .h6 { - font-size: 1rem; } } - -a { - line-height: inherit; - color: #7EA687; - text-decoration: none; - cursor: pointer; } - a:hover, a:focus { - color: #679571; } - a img { - border: 0; } - -hr { - clear: both; - max-width: 90rem; - height: 0; - margin: 1.25rem auto; - border-top: 0; - border-right: 0; - border-bottom: 1px solid #b2b2b2; - border-left: 0; } - -ul, -ol, -dl { - margin-bottom: 1rem; - list-style-position: outside; - line-height: 1.6; } - -li { - font-size: inherit; } - -ul { - margin-left: 1.25rem; - list-style-type: disc; } - -ol { - margin-left: 1.25rem; } - -ul ul, ol ul, ul ol, ol ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -dl { - margin-bottom: 1rem; } - dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } - -blockquote { - margin: 0 0 1rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: none; } - blockquote, blockquote p, blockquote .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature blockquote h3 { - line-height: 1.6; - color: #0a0a0a; } - -cite { - display: block; - font-size: 100%; - color: #0a0a0a; } - cite:before { - content: ""; } - -abbr, abbr[title] { - border-bottom: 1px dotted #0a0a0a; - cursor: help; - text-decoration: none; } - -figure { - margin: 0; } - -code { - padding: 0.125rem 0.3125rem 0.0625rem; - border: 1px solid #b2b2b2; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - color: #0a0a0a; } - -kbd { - margin: 0; - padding: 0.125rem 0.25rem 0; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - color: #0a0a0a; } - -.subheader { - margin-top: 0.2rem; - margin-bottom: 0.5rem; - font-weight: normal; - line-height: 1.4; - color: #8a8a8a; } - -.lead, .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 125%; - line-height: 1.6; } - -.stat { - font-size: 2.5rem; - line-height: 1; } - p + .stat, .off-canvas footer.footer .footer-feature h3 + .stat { - margin-top: -1rem; } - -ul.no-bullet, ol.no-bullet { - margin-left: 0; - list-style: none; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center, .standalone-quote { - text-align: center; } - -.text-justify { - text-align: justify; } - -@media print, screen and (min-width: 40em) { - .medium-text-left { - text-align: left; } - .medium-text-right { - text-align: right; } - .medium-text-center { - text-align: center; } - .medium-text-justify { - text-align: justify; } } - -@media print, screen and (min-width: 64em) { - .large-text-left { - text-align: left; } - .large-text-right { - text-align: right; } - .large-text-center { - text-align: center; } - .large-text-justify { - text-align: justify; } } - -@media screen and (min-width: 75em) { - .xlarge-text-left { - text-align: left; } - .xlarge-text-right { - text-align: right; } - .xlarge-text-center { - text-align: center; } - .xlarge-text-justify { - text-align: justify; } } - -@media screen and (min-width: 90em) { - .xxlarge-text-left { - text-align: left; } - .xxlarge-text-right { - text-align: right; } - .xxlarge-text-center { - text-align: center; } - .xxlarge-text-justify { - text-align: justify; } } - -.show-for-print { - display: none !important; } - -@media print { - * { - background: transparent !important; - box-shadow: none !important; - color: black !important; - text-shadow: none !important; } - .show-for-print { - display: block !important; } - .hide-for-print { - display: none !important; } - table.show-for-print { - display: table !important; } - thead.show-for-print { - display: table-header-group !important; } - tbody.show-for-print { - display: table-row-group !important; } - tr.show-for-print { - display: table-row !important; } - td.show-for-print { - display: table-cell !important; } - th.show-for-print { - display: table-cell !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - .ir a:after, - a[href^='javascript:']:after, - a[href^='#']:after { - content: ''; } - abbr[title]:after { - content: " (" attr(title) ")"; } - pre, - blockquote { - border: 1px solid #8a8a8a; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - - p, - .off-canvas footer.footer .footer-feature h3, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } - .print-break-inside { - page-break-inside: auto; } } - -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - display: inline-block; - vertical-align: middle; - margin: 0 0 1rem 0; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding: 0.85em 2em 0.5em 2em; - -webkit-appearance: none; - border: 1px solid transparent; - border-radius: 100rem; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - font-size: 0.75rem; - line-height: 1; - text-align: center; - cursor: pointer; - background-color: #7EA687; - color: #ffffff; } - [data-whatinput='mouse'] .button, - [data-whatinput='mouse'] .cta__button, - [data-whatinput='mouse'] .cta__button--alt, [data-whatinput='mouse'] .modal__open-button, [data-whatinput='mouse'] .transcript .transcript__toggle, .transcript [data-whatinput='mouse'] .transcript__toggle, [data-whatinput='mouse'] .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro [data-whatinput='mouse'] .slide--in-depth__intro__button { - outline: 0; } - .button:hover, - .cta__button:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background-color: #659370; - color: #ffffff; } - .button.tiny, - .tiny.cta__button, - .tiny.cta__button--alt, .tiny.modal__open-button, .transcript .tiny.transcript__toggle, .owl-carousel .slide--in-depth__intro .tiny.slide--in-depth__intro__button { - font-size: 0.6rem; } - .button.small, - .small.cta__button, - .small.cta__button--alt, .small.modal__open-button, .transcript .small.transcript__toggle, .owl-carousel .slide--in-depth__intro .small.slide--in-depth__intro__button { - font-size: 0.75rem; } - .button.large, - .large.cta__button, - .large.cta__button--alt, .large.modal__open-button, .transcript .large.transcript__toggle, .owl-carousel .slide--in-depth__intro .large.slide--in-depth__intro__button { - font-size: 1rem; } - .button.expanded, - .expanded.cta__button, - .expanded.cta__button--alt, .expanded.modal__open-button, .transcript .expanded.transcript__toggle, .owl-carousel .slide--in-depth__intro .expanded.slide--in-depth__intro__button { - display: block; - width: 100%; - margin-right: 0; - margin-left: 0; } - .button.primary, - .primary.cta__button, - .primary.cta__button--alt, .primary.modal__open-button, .transcript .primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button { - background-color: #7EA687; - color: #0a0a0a; } - .button.primary:hover, - .primary.cta__button:hover, - .primary.cta__button--alt:hover, .primary.modal__open-button:hover, .transcript .primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:hover, .button.primary:focus, - .primary.cta__button:focus, - .primary.cta__button--alt:focus, .primary.modal__open-button:focus, .transcript .primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:focus { - background-color: #5f8a69; - color: #0a0a0a; } - .button.secondary, - .secondary.cta__button, - .secondary.cta__button--alt, .secondary.modal__open-button, .transcript .secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button { - background-color: #917750; - color: #0a0a0a; } - .button.secondary:hover, - .secondary.cta__button:hover, - .secondary.cta__button--alt:hover, .secondary.modal__open-button:hover, .transcript .secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:hover, .button.secondary:focus, - .secondary.cta__button:focus, - .secondary.cta__button--alt:focus, .secondary.modal__open-button:focus, .transcript .secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:focus { - background-color: #745f40; - color: #0a0a0a; } - .button.success, - .success.cta__button, - .success.cta__button--alt, .success.modal__open-button, .transcript .success.transcript__toggle, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button.success:hover, - .success.cta__button:hover, - .success.cta__button--alt:hover, .success.modal__open-button:hover, .transcript .success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:hover, .button.success:focus, - .success.cta__button:focus, - .success.cta__button--alt:focus, .success.modal__open-button:focus, .transcript .success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button.warning, - .warning.cta__button, - .warning.cta__button--alt, .warning.modal__open-button, .transcript .warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button.warning:hover, - .warning.cta__button:hover, - .warning.cta__button--alt:hover, .warning.modal__open-button:hover, .transcript .warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:hover, .button.warning:focus, - .warning.cta__button:focus, - .warning.cta__button--alt:focus, .warning.modal__open-button:focus, .transcript .warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button.alert, - .alert.cta__button, - .alert.cta__button--alt, .alert.modal__open-button, .transcript .alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button.alert:hover, - .alert.cta__button:hover, - .alert.cta__button--alt:hover, .alert.modal__open-button:hover, .transcript .alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:hover, .button.alert:focus, - .alert.cta__button:focus, - .alert.cta__button--alt:focus, .alert.modal__open-button:focus, .transcript .alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled] { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button.disabled:hover, - .disabled.cta__button:hover, - .disabled.cta__button--alt:hover, .disabled.modal__open-button:hover, .transcript .disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:hover, .button.disabled:focus, - .disabled.cta__button:focus, - .disabled.cta__button--alt:focus, .disabled.modal__open-button:focus, .transcript .disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:focus, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled], .button[disabled]:hover, - .cta__button[disabled]:hover, - .cta__button--alt[disabled]:hover, .modal__open-button[disabled]:hover, .transcript .transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:hover, .button[disabled]:focus, - .cta__button[disabled]:focus, - .cta__button--alt[disabled]:focus, .modal__open-button[disabled]:focus, .transcript .transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:focus { - background-color: #7EA687; - color: #ffffff; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button.disabled.primary:hover, - .disabled.primary.cta__button:hover, - .disabled.primary.cta__button--alt:hover, .disabled.primary.modal__open-button:hover, .transcript .disabled.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:hover, .button.disabled.primary:focus, - .disabled.primary.cta__button:focus, - .disabled.primary.cta__button--alt:focus, .disabled.primary.modal__open-button:focus, .transcript .disabled.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:focus, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary, .button[disabled].primary:hover, - .cta__button[disabled].primary:hover, - .cta__button--alt[disabled].primary:hover, .modal__open-button[disabled].primary:hover, .transcript .transcript__toggle[disabled].primary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:hover, .button[disabled].primary:focus, - .cta__button[disabled].primary:focus, - .cta__button--alt[disabled].primary:focus, .modal__open-button[disabled].primary:focus, .transcript .transcript__toggle[disabled].primary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:focus { - background-color: #7EA687; - color: #0a0a0a; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button.disabled.secondary:hover, - .disabled.secondary.cta__button:hover, - .disabled.secondary.cta__button--alt:hover, .disabled.secondary.modal__open-button:hover, .transcript .disabled.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:hover, .button.disabled.secondary:focus, - .disabled.secondary.cta__button:focus, - .disabled.secondary.cta__button--alt:focus, .disabled.secondary.modal__open-button:focus, .transcript .disabled.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:focus, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary, .button[disabled].secondary:hover, - .cta__button[disabled].secondary:hover, - .cta__button--alt[disabled].secondary:hover, .modal__open-button[disabled].secondary:hover, .transcript .transcript__toggle[disabled].secondary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:hover, .button[disabled].secondary:focus, - .cta__button[disabled].secondary:focus, - .cta__button--alt[disabled].secondary:focus, .modal__open-button[disabled].secondary:focus, .transcript .transcript__toggle[disabled].secondary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:focus { - background-color: #917750; - color: #0a0a0a; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button.disabled.success:hover, - .disabled.success.cta__button:hover, - .disabled.success.cta__button--alt:hover, .disabled.success.modal__open-button:hover, .transcript .disabled.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:hover, .button.disabled.success:focus, - .disabled.success.cta__button:focus, - .disabled.success.cta__button--alt:focus, .disabled.success.modal__open-button:focus, .transcript .disabled.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:focus, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success, .button[disabled].success:hover, - .cta__button[disabled].success:hover, - .cta__button--alt[disabled].success:hover, .modal__open-button[disabled].success:hover, .transcript .transcript__toggle[disabled].success:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:hover, .button[disabled].success:focus, - .cta__button[disabled].success:focus, - .cta__button--alt[disabled].success:focus, .modal__open-button[disabled].success:focus, .transcript .transcript__toggle[disabled].success:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:focus { - background-color: #3adb76; - color: #0a0a0a; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button.disabled.warning:hover, - .disabled.warning.cta__button:hover, - .disabled.warning.cta__button--alt:hover, .disabled.warning.modal__open-button:hover, .transcript .disabled.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:hover, .button.disabled.warning:focus, - .disabled.warning.cta__button:focus, - .disabled.warning.cta__button--alt:focus, .disabled.warning.modal__open-button:focus, .transcript .disabled.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:focus, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning, .button[disabled].warning:hover, - .cta__button[disabled].warning:hover, - .cta__button--alt[disabled].warning:hover, .modal__open-button[disabled].warning:hover, .transcript .transcript__toggle[disabled].warning:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:hover, .button[disabled].warning:focus, - .cta__button[disabled].warning:focus, - .cta__button--alt[disabled].warning:focus, .modal__open-button[disabled].warning:focus, .transcript .transcript__toggle[disabled].warning:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:focus { - background-color: #ffae00; - color: #0a0a0a; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button.disabled.alert:hover, - .disabled.alert.cta__button:hover, - .disabled.alert.cta__button--alt:hover, .disabled.alert.modal__open-button:hover, .transcript .disabled.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:hover, .button.disabled.alert:focus, - .disabled.alert.cta__button:focus, - .disabled.alert.cta__button--alt:focus, .disabled.alert.modal__open-button:focus, .transcript .disabled.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:focus, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert, .button[disabled].alert:hover, - .cta__button[disabled].alert:hover, - .cta__button--alt[disabled].alert:hover, .modal__open-button[disabled].alert:hover, .transcript .transcript__toggle[disabled].alert:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:hover, .button[disabled].alert:focus, - .cta__button[disabled].alert:focus, - .cta__button--alt[disabled].alert:focus, .modal__open-button[disabled].alert:focus, .transcript .transcript__toggle[disabled].alert:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:focus { - background-color: #cc4b37; - color: #ffffff; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.hollow.disabled, - .hollow.disabled.cta__button, - .hollow.disabled.cta__button--alt, .hollow.disabled.modal__open-button, .transcript .hollow.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button, .button.hollow.disabled:hover, - .hollow.disabled.cta__button:hover, - .hollow.disabled.cta__button--alt:hover, .hollow.disabled.modal__open-button:hover, .transcript .hollow.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:hover, .button.hollow.disabled:focus, - .hollow.disabled.cta__button:focus, - .hollow.disabled.cta__button--alt:focus, .hollow.disabled.modal__open-button:focus, .transcript .hollow.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:focus, .button.hollow[disabled], - .hollow.cta__button[disabled], - .hollow.cta__button--alt[disabled], .hollow.modal__open-button[disabled], .transcript .hollow.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled], .button.hollow[disabled]:hover, - .hollow.cta__button[disabled]:hover, - .hollow.cta__button--alt[disabled]:hover, .hollow.modal__open-button[disabled]:hover, .transcript .hollow.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:hover, .button.hollow[disabled]:focus, - .hollow.cta__button[disabled]:focus, - .hollow.cta__button--alt[disabled]:focus, .hollow.modal__open-button[disabled]:focus, .transcript .hollow.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.hollow:hover.disabled, - .hollow.cta__button:hover.disabled, - .hollow.cta__button--alt:hover.disabled, .hollow.modal__open-button:hover.disabled, .transcript .hollow.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover.disabled, .button.hollow:hover[disabled], - .hollow.cta__button:hover[disabled], - .hollow.cta__button--alt:hover[disabled], .hollow.modal__open-button:hover[disabled], .transcript .hollow.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover[disabled], .button.hollow:focus.disabled, - .hollow.cta__button:focus.disabled, - .hollow.cta__button--alt:focus.disabled, .hollow.modal__open-button:focus.disabled, .transcript .hollow.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus.disabled, .button.hollow:focus[disabled], - .hollow.cta__button:focus[disabled], - .hollow.cta__button--alt:focus[disabled], .hollow.modal__open-button:focus[disabled], .transcript .hollow.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow.primary, - .hollow.primary.cta__button, - .hollow.primary.cta__button--alt, .hollow.primary.modal__open-button, .transcript .hollow.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow.primary:hover, - .hollow.primary.cta__button:hover, - .hollow.primary.cta__button--alt:hover, .hollow.primary.modal__open-button:hover, .transcript .hollow.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover, .button.hollow.primary:focus, - .hollow.primary.cta__button:focus, - .hollow.primary.cta__button--alt:focus, .hollow.primary.modal__open-button:focus, .transcript .hollow.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.hollow.primary:hover.disabled, - .hollow.primary.cta__button:hover.disabled, - .hollow.primary.cta__button--alt:hover.disabled, .hollow.primary.modal__open-button:hover.disabled, .transcript .hollow.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover.disabled, .button.hollow.primary:hover[disabled], - .hollow.primary.cta__button:hover[disabled], - .hollow.primary.cta__button--alt:hover[disabled], .hollow.primary.modal__open-button:hover[disabled], .transcript .hollow.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover[disabled], .button.hollow.primary:focus.disabled, - .hollow.primary.cta__button:focus.disabled, - .hollow.primary.cta__button--alt:focus.disabled, .hollow.primary.modal__open-button:focus.disabled, .transcript .hollow.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus.disabled, .button.hollow.primary:focus[disabled], - .hollow.primary.cta__button:focus[disabled], - .hollow.primary.cta__button--alt:focus[disabled], .hollow.primary.modal__open-button:focus[disabled], .transcript .hollow.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow.secondary, - .hollow.secondary.cta__button, - .hollow.secondary.cta__button--alt, .hollow.secondary.modal__open-button, .transcript .hollow.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button { - border: 2px solid #917750; - color: #917750; } - .button.hollow.secondary:hover, - .hollow.secondary.cta__button:hover, - .hollow.secondary.cta__button--alt:hover, .hollow.secondary.modal__open-button:hover, .transcript .hollow.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover, .button.hollow.secondary:focus, - .hollow.secondary.cta__button:focus, - .hollow.secondary.cta__button--alt:focus, .hollow.secondary.modal__open-button:focus, .transcript .hollow.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus { - border-color: #493c28; - color: #493c28; } - .button.hollow.secondary:hover.disabled, - .hollow.secondary.cta__button:hover.disabled, - .hollow.secondary.cta__button--alt:hover.disabled, .hollow.secondary.modal__open-button:hover.disabled, .transcript .hollow.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover.disabled, .button.hollow.secondary:hover[disabled], - .hollow.secondary.cta__button:hover[disabled], - .hollow.secondary.cta__button--alt:hover[disabled], .hollow.secondary.modal__open-button:hover[disabled], .transcript .hollow.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover[disabled], .button.hollow.secondary:focus.disabled, - .hollow.secondary.cta__button:focus.disabled, - .hollow.secondary.cta__button--alt:focus.disabled, .hollow.secondary.modal__open-button:focus.disabled, .transcript .hollow.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus.disabled, .button.hollow.secondary:focus[disabled], - .hollow.secondary.cta__button:focus[disabled], - .hollow.secondary.cta__button--alt:focus[disabled], .hollow.secondary.modal__open-button:focus[disabled], .transcript .hollow.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #917750; - color: #917750; } - .button.hollow.success, - .hollow.success.cta__button, - .hollow.success.cta__button--alt, .hollow.success.modal__open-button, .transcript .hollow.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.success:hover, - .hollow.success.cta__button:hover, - .hollow.success.cta__button--alt:hover, .hollow.success.modal__open-button:hover, .transcript .hollow.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover, .button.hollow.success:focus, - .hollow.success.cta__button:focus, - .hollow.success.cta__button--alt:focus, .hollow.success.modal__open-button:focus, .transcript .hollow.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.hollow.success:hover.disabled, - .hollow.success.cta__button:hover.disabled, - .hollow.success.cta__button--alt:hover.disabled, .hollow.success.modal__open-button:hover.disabled, .transcript .hollow.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover.disabled, .button.hollow.success:hover[disabled], - .hollow.success.cta__button:hover[disabled], - .hollow.success.cta__button--alt:hover[disabled], .hollow.success.modal__open-button:hover[disabled], .transcript .hollow.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover[disabled], .button.hollow.success:focus.disabled, - .hollow.success.cta__button:focus.disabled, - .hollow.success.cta__button--alt:focus.disabled, .hollow.success.modal__open-button:focus.disabled, .transcript .hollow.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus.disabled, .button.hollow.success:focus[disabled], - .hollow.success.cta__button:focus[disabled], - .hollow.success.cta__button--alt:focus[disabled], .hollow.success.modal__open-button:focus[disabled], .transcript .hollow.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.warning, - .hollow.warning.cta__button, - .hollow.warning.cta__button--alt, .hollow.warning.modal__open-button, .transcript .hollow.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.warning:hover, - .hollow.warning.cta__button:hover, - .hollow.warning.cta__button--alt:hover, .hollow.warning.modal__open-button:hover, .transcript .hollow.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover, .button.hollow.warning:focus, - .hollow.warning.cta__button:focus, - .hollow.warning.cta__button--alt:focus, .hollow.warning.modal__open-button:focus, .transcript .hollow.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.hollow.warning:hover.disabled, - .hollow.warning.cta__button:hover.disabled, - .hollow.warning.cta__button--alt:hover.disabled, .hollow.warning.modal__open-button:hover.disabled, .transcript .hollow.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover.disabled, .button.hollow.warning:hover[disabled], - .hollow.warning.cta__button:hover[disabled], - .hollow.warning.cta__button--alt:hover[disabled], .hollow.warning.modal__open-button:hover[disabled], .transcript .hollow.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover[disabled], .button.hollow.warning:focus.disabled, - .hollow.warning.cta__button:focus.disabled, - .hollow.warning.cta__button--alt:focus.disabled, .hollow.warning.modal__open-button:focus.disabled, .transcript .hollow.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus.disabled, .button.hollow.warning:focus[disabled], - .hollow.warning.cta__button:focus[disabled], - .hollow.warning.cta__button--alt:focus[disabled], .hollow.warning.modal__open-button:focus[disabled], .transcript .hollow.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.alert, - .hollow.alert.cta__button, - .hollow.alert.cta__button--alt, .hollow.alert.modal__open-button, .transcript .hollow.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.hollow.alert:hover, - .hollow.alert.cta__button:hover, - .hollow.alert.cta__button--alt:hover, .hollow.alert.modal__open-button:hover, .transcript .hollow.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover, .button.hollow.alert:focus, - .hollow.alert.cta__button:focus, - .hollow.alert.cta__button--alt:focus, .hollow.alert.modal__open-button:focus, .transcript .hollow.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.hollow.alert:hover.disabled, - .hollow.alert.cta__button:hover.disabled, - .hollow.alert.cta__button--alt:hover.disabled, .hollow.alert.modal__open-button:hover.disabled, .transcript .hollow.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover.disabled, .button.hollow.alert:hover[disabled], - .hollow.alert.cta__button:hover[disabled], - .hollow.alert.cta__button--alt:hover[disabled], .hollow.alert.modal__open-button:hover[disabled], .transcript .hollow.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover[disabled], .button.hollow.alert:focus.disabled, - .hollow.alert.cta__button:focus.disabled, - .hollow.alert.cta__button--alt:focus.disabled, .hollow.alert.modal__open-button:focus.disabled, .transcript .hollow.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus.disabled, .button.hollow.alert:focus[disabled], - .hollow.alert.cta__button:focus[disabled], - .hollow.alert.cta__button--alt:focus[disabled], .hollow.alert.modal__open-button:focus[disabled], .transcript .hollow.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear.disabled:hover, - .clear.disabled.cta__button:hover, - .clear.disabled.cta__button--alt:hover, .clear.disabled.modal__open-button:hover, .transcript .clear.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:hover, .button.clear.disabled:focus, - .clear.disabled.cta__button:focus, - .clear.disabled.cta__button--alt:focus, .clear.disabled.modal__open-button:focus, .transcript .clear.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:focus, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear[disabled]:hover, - .clear.cta__button[disabled]:hover, - .clear.cta__button--alt[disabled]:hover, .clear.modal__open-button[disabled]:hover, .transcript .clear.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:hover, .button.clear[disabled]:focus, - .clear.cta__button[disabled]:focus, - .clear.cta__button--alt[disabled]:focus, .clear.modal__open-button[disabled]:focus, .transcript .clear.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus, .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button, .button.clear.primary.disabled, - .clear.primary.disabled.cta__button, - .clear.primary.disabled.cta__button--alt, .clear.primary.disabled.modal__open-button, .transcript .clear.primary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.disabled.slide--in-depth__intro__button, .button.clear.primary[disabled], - .clear.primary.cta__button[disabled], - .clear.primary.cta__button--alt[disabled], .clear.primary.modal__open-button[disabled], .transcript .clear.primary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button[disabled], .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus, .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button { - border: 2px solid #917750; - color: #917750; } - .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus { - border-color: #493c28; - color: #493c28; } - .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #917750; - color: #917750; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button, .button.clear.secondary.disabled, - .clear.secondary.disabled.cta__button, - .clear.secondary.disabled.cta__button--alt, .clear.secondary.disabled.modal__open-button, .transcript .clear.secondary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.disabled.slide--in-depth__intro__button, .button.clear.secondary[disabled], - .clear.secondary.cta__button[disabled], - .clear.secondary.cta__button--alt[disabled], .clear.secondary.modal__open-button[disabled], .transcript .clear.secondary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button[disabled], .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus, .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button, .button.clear.success.disabled, - .clear.success.disabled.cta__button, - .clear.success.disabled.cta__button--alt, .clear.success.disabled.modal__open-button, .transcript .clear.success.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.disabled.slide--in-depth__intro__button, .button.clear.success[disabled], - .clear.success.cta__button[disabled], - .clear.success.cta__button--alt[disabled], .clear.success.modal__open-button[disabled], .transcript .clear.success.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button[disabled], .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus, .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button, .button.clear.warning.disabled, - .clear.warning.disabled.cta__button, - .clear.warning.disabled.cta__button--alt, .clear.warning.disabled.modal__open-button, .transcript .clear.warning.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.disabled.slide--in-depth__intro__button, .button.clear.warning[disabled], - .clear.warning.cta__button[disabled], - .clear.warning.cta__button--alt[disabled], .clear.warning.modal__open-button[disabled], .transcript .clear.warning.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button[disabled], .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus, .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button, .button.clear.alert.disabled, - .clear.alert.disabled.cta__button, - .clear.alert.disabled.cta__button--alt, .clear.alert.disabled.modal__open-button, .transcript .clear.alert.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.disabled.slide--in-depth__intro__button, .button.clear.alert[disabled], - .clear.alert.cta__button[disabled], - .clear.alert.cta__button--alt[disabled], .clear.alert.modal__open-button[disabled], .transcript .clear.alert.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button[disabled], .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus, .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.dropdown::after, - .dropdown.cta__button::after, - .dropdown.cta__button--alt::after, .dropdown.modal__open-button::after, .transcript .dropdown.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.slide--in-depth__intro__button::after { - display: block; - width: 0; - height: 0; - border: inset 0.4em; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - position: relative; - top: 0.4em; - display: inline-block; - float: right; - margin-left: 2em; } - .button.dropdown.hollow::after, - .dropdown.hollow.cta__button::after, - .dropdown.hollow.cta__button--alt::after, .dropdown.hollow.modal__open-button::after, .transcript .dropdown.hollow.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.slide--in-depth__intro__button::after { - border-top-color: #7EA687; } - .button.dropdown.hollow.primary::after, - .dropdown.hollow.primary.cta__button::after, - .dropdown.hollow.primary.cta__button--alt::after, .dropdown.hollow.primary.modal__open-button::after, .transcript .dropdown.hollow.primary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.primary.slide--in-depth__intro__button::after { - border-top-color: #7EA687; } - .button.dropdown.hollow.secondary::after, - .dropdown.hollow.secondary.cta__button::after, - .dropdown.hollow.secondary.cta__button--alt::after, .dropdown.hollow.secondary.modal__open-button::after, .transcript .dropdown.hollow.secondary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.secondary.slide--in-depth__intro__button::after { - border-top-color: #917750; } - .button.dropdown.hollow.success::after, - .dropdown.hollow.success.cta__button::after, - .dropdown.hollow.success.cta__button--alt::after, .dropdown.hollow.success.modal__open-button::after, .transcript .dropdown.hollow.success.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.success.slide--in-depth__intro__button::after { - border-top-color: #3adb76; } - .button.dropdown.hollow.warning::after, - .dropdown.hollow.warning.cta__button::after, - .dropdown.hollow.warning.cta__button--alt::after, .dropdown.hollow.warning.modal__open-button::after, .transcript .dropdown.hollow.warning.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.warning.slide--in-depth__intro__button::after { - border-top-color: #ffae00; } - .button.dropdown.hollow.alert::after, - .dropdown.hollow.alert.cta__button::after, - .dropdown.hollow.alert.cta__button--alt::after, .dropdown.hollow.alert.modal__open-button::after, .transcript .dropdown.hollow.alert.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.alert.slide--in-depth__intro__button::after { - border-top-color: #cc4b37; } - .button.arrow-only::after, - .arrow-only.cta__button::after, - .arrow-only.cta__button--alt::after, .arrow-only.modal__open-button::after, .transcript .arrow-only.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .arrow-only.slide--in-depth__intro__button::after { - top: -0.1em; - float: none; - margin-left: 0; } - -a.button:hover, -a.cta__button:hover, -a.cta__button--alt:hover, a.modal__open-button:hover, .transcript a.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:hover, a.button:focus, -a.cta__button:focus, -a.cta__button--alt:focus, a.modal__open-button:focus, .transcript a.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:focus { - text-decoration: none; } - -[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], -textarea { - display: block; - box-sizing: border-box; - width: 100%; - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - appearance: none; } - [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, - textarea:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - -textarea { - max-width: 100%; } - textarea[rows] { - height: auto; } - -input::placeholder, -textarea::placeholder { - color: #b2b2b2; } - -input:disabled, input[readonly], -textarea:disabled, -textarea[readonly] { - background-color: #e6e6e6; - cursor: not-allowed; } - -[type='submit'], -[type='button'] { - appearance: none; - border-radius: 0; } - -input[type='search'] { - box-sizing: border-box; } - -[type='file'], -[type='checkbox'], -[type='radio'] { - margin: 0 0 1rem; } - -[type='checkbox'] + label, -[type='radio'] + label { - display: inline-block; - vertical-align: baseline; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; } - [type='checkbox'] + label[for], - [type='radio'] + label[for] { - cursor: pointer; } - -label > [type='checkbox'], -label > [type='radio'] { - margin-right: 0.5rem; } - -[type='file'] { - width: 100%; } - -label { - display: block; - margin: 0; - font-size: 0.875rem; - font-weight: normal; - line-height: 1.8; - color: #0a0a0a; } - label.middle { - margin: 0 0 1rem; - padding: 0.5625rem 0; } - -.help-text { - margin-top: -0.5rem; - font-size: 0.8125rem; - font-style: italic; - color: #0a0a0a; } - -.input-group { - display: flex; - width: 100%; - margin-bottom: 1rem; - align-items: stretch; } - .input-group > :first-child { - border-radius: 0 0 0 0; } - .input-group > :last-child > * { - border-radius: 0 0 0 0; } - -.input-group-label, .input-group-field, .input-group-button, .input-group-button a, -.input-group-button input, -.input-group-button button, -.input-group-button label { - margin: 0; - white-space: nowrap; } - -.input-group-label { - padding: 0 1rem; - border: 1px solid #b2b2b2; - background: #e6e6e6; - color: #0a0a0a; - text-align: center; - white-space: nowrap; - display: flex; - flex: 0 0 auto; - align-items: center; } - .input-group-label:first-child { - border-right: 0; } - .input-group-label:last-child { - border-left: 0; } - -.input-group-field { - border-radius: 0; - flex: 1 1 0px; - height: auto; - min-width: 0; } - -.input-group-button { - padding-top: 0; - padding-bottom: 0; - text-align: center; - display: flex; - flex: 0 0 auto; } - .input-group-button a, - .input-group-button input, - .input-group-button button, - .input-group-button label { - height: auto; - align-self: stretch; - padding-top: 0; - padding-bottom: 0; - font-size: 1rem; } - -fieldset { - margin: 0; - padding: 0; - border: 0; } - -legend { - max-width: 100%; - margin-bottom: 0.5rem; } - -.fieldset { - margin: 1.125rem 0; - padding: 1.25rem; - border: 1px solid #b2b2b2; } - .fieldset legend { - margin: 0; - margin-left: -0.1875rem; - padding: 0 0.1875rem; } - -select { - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - appearance: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - background-image: url("data:image/svg+xml;utf8,"); - background-origin: content-box; - background-position: right -1rem center; - background-repeat: no-repeat; - background-size: 9px 6px; - padding-right: 1.5rem; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - @media screen and (min-width: 0\0) { - select { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } - select:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - select:disabled { - background-color: #e6e6e6; - cursor: not-allowed; } - select::-ms-expand { - display: none; } - select[multiple] { - height: auto; - background-image: none; } - -.is-invalid-input:not(:focus) { - border-color: #cc4b37; - background-color: #faedeb; } - .is-invalid-input:not(:focus)::placeholder { - color: #cc4b37; } - -.is-invalid-label { - color: #cc4b37; } - -.form-error { - display: none; - margin-top: -0.5rem; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: bold; - color: #cc4b37; } - .form-error.is-visible { - display: block; } - -input[type="range"] { - display: block; - width: 100%; - height: auto; - margin-top: 0.45rem; - margin-bottom: 0.45rem; - appearance: none; - border: 0; - line-height: 1; - cursor: pointer; } - input[type="range"]:focus { - outline: 0; } - input[type="range"][disabled] { - opacity: 0.25; } - input[type="range"]::-webkit-slider-runnable-track { - height: 0.5rem; - background: #e6e6e6; } - input[type="range"]::-webkit-slider-handle { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -webkit-appearance: none; - background: #b2b2b2; } - input[type="range"]::-moz-range-track { - height: 0.5rem; - -moz-appearance: none; - background: #e6e6e6; } - input[type="range"]::-moz-range-thumb { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -moz-appearance: none; - background: #b2b2b2; } - input[type="range"]::-ms-track { - height: 0.5rem; - border: 0; - border-top: 0.45rem solid #ffffff; - border-bottom: 0.45rem solid #ffffff; - background: #e6e6e6; - overflow: visible; - color: transparent; } - input[type="range"]::-ms-thumb { - width: 1.4rem; - height: 1.4rem; - border: 0; - background: #b2b2b2; } - input[type="range"]::-ms-fill-lower { - background: #7EA687; } - input[type="range"]::-ms-fill-upper { - background: #e6e6e6; } - output { - vertical-align: middle; - margin-left: 0.5em; - line-height: 1.4rem; } - -.accordion { - margin-left: 0; - background: #ffffff; - list-style-type: none; } - .accordion[disabled] .accordion-title { - cursor: not-allowed; } - -.accordion-item:first-child > :first-child { - border-radius: 0 0 0 0; } - -.accordion-item:last-child > :last-child { - border-radius: 0 0 0 0; } - -.accordion-title { - position: relative; - display: block; - padding: 1.25rem 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - font-size: 0.75rem; - line-height: 1; - color: #7EA687; } - :last-child:not(.is-active) > .accordion-title { - border-bottom: 1px solid #e6e6e6; - border-radius: 0 0 0 0; } - .accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; } - .accordion-title::before { - position: absolute; - top: 50%; - right: 1rem; - margin-top: -0.5rem; - content: '+'; } - .is-active > .accordion-title::before { - content: '\2013'; } - -.accordion-content { - display: none; - padding: 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - background-color: #ffffff; - color: #0a0a0a; } - :last-child > .accordion-content:last-child { - border-bottom: 1px solid #e6e6e6; } - -.accordion-menu li { - width: 100%; } - -.accordion-menu a { - padding: 0.7rem 1rem; } - -.accordion-menu .is-accordion-submenu a { - padding: 0.7rem 1rem; } - -.accordion-menu .nested.is-accordion-submenu { - margin-right: 0; - margin-left: 1rem; } - -.accordion-menu.align-right .nested.is-accordion-submenu { - margin-right: 1rem; - margin-left: 0; } - -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { - position: relative; } - .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - position: absolute; - top: 50%; - margin-top: -3px; - right: 1rem; } - -.accordion-menu.align-left .is-accordion-submenu-parent > a::after { - left: auto; - right: 1rem; } - -.accordion-menu.align-right .is-accordion-submenu-parent > a::after { - right: auto; - left: 1rem; } - -.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - transform: rotate(180deg); - transform-origin: 50% 50%; } - -.is-accordion-submenu-parent { - position: relative; } - -.has-submenu-toggle > a { - margin-right: 40px; } - -.submenu-toggle { - position: absolute; - top: 0; - right: 0; - cursor: pointer; - width: 40px; - height: 40px; } - .submenu-toggle::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - top: 0; - bottom: 0; - margin: auto; } - -.submenu-toggle[aria-expanded='true']::after { - transform: scaleY(-1); - transform-origin: 50% 50%; } - -.submenu-toggle-text { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.badge { - display: inline-block; - min-width: 2.1em; - padding: 0.3em; - border-radius: 50%; - font-size: 0.6rem; - text-align: center; - background: #7EA687; - color: #ffffff; } - .badge.primary { - background: #7EA687; - color: #0a0a0a; } - .badge.secondary { - background: #917750; - color: #0a0a0a; } - .badge.success { - background: #3adb76; - color: #0a0a0a; } - .badge.warning { - background: #ffae00; - color: #0a0a0a; } - .badge.alert { - background: #cc4b37; - color: #ffffff; } - -.breadcrumbs { - margin: 0 0 1rem 0; - list-style: none; } - .breadcrumbs::before, .breadcrumbs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .breadcrumbs::after { - clear: both; } - .breadcrumbs li { - float: left; - font-size: 0.6875rem; - color: #0a0a0a; - cursor: default; - text-transform: uppercase; } - .breadcrumbs li:not(:last-child)::after { - position: relative; - margin: 0 0.75rem; - opacity: 1; - content: "/"; - color: #b2b2b2; } - .breadcrumbs a { - color: #7EA687; } - .breadcrumbs a:hover { - text-decoration: underline; } - .breadcrumbs .disabled { - color: #b2b2b2; - cursor: not-allowed; } - -.button-group { - margin-bottom: 1rem; - display: flex; - flex-wrap: nowrap; - align-items: stretch; } - .button-group::before, .button-group::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .button-group::after { - clear: both; } - .button-group .button, - .button-group .cta__button, - .button-group .cta__button--alt, .button-group .modal__open-button, .button-group .transcript .transcript__toggle, .transcript .button-group .transcript__toggle, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button { - margin: 0; - margin-right: 0.75rem; - margin-bottom: 0.75rem; - font-size: 0.75rem; - flex: 0 0 auto; } - .button-group .button:last-child, - .button-group .cta__button:last-child, - .button-group .cta__button--alt:last-child, .button-group .modal__open-button:last-child, .button-group .transcript .transcript__toggle:last-child, .transcript .button-group .transcript__toggle:last-child, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button:last-child { - margin-right: 0; } - .button-group.tiny .button, - .button-group.tiny .cta__button, - .button-group.tiny .cta__button--alt, .button-group.tiny .modal__open-button, .button-group.tiny .transcript .transcript__toggle, .transcript .button-group.tiny .transcript__toggle, .button-group.tiny .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.tiny .slide--in-depth__intro__button { - font-size: 0.6rem; } - .button-group.small .button, - .button-group.small .cta__button, - .button-group.small .cta__button--alt, .button-group.small .modal__open-button, .button-group.small .transcript .transcript__toggle, .transcript .button-group.small .transcript__toggle, .button-group.small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.small .slide--in-depth__intro__button { - font-size: 0.75rem; } - .button-group.large .button, - .button-group.large .cta__button, - .button-group.large .cta__button--alt, .button-group.large .modal__open-button, .button-group.large .transcript .transcript__toggle, .transcript .button-group.large .transcript__toggle, .button-group.large .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.large .slide--in-depth__intro__button { - font-size: 1rem; } - .button-group.expanded .button, - .button-group.expanded .cta__button, - .button-group.expanded .cta__button--alt, .button-group.expanded .modal__open-button, .button-group.expanded .transcript .transcript__toggle, .transcript .button-group.expanded .transcript__toggle, .button-group.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.expanded .slide--in-depth__intro__button { - flex: 1 1 0px; } - .button-group.primary .button, - .button-group.primary .cta__button, - .button-group.primary .cta__button--alt, .button-group.primary .modal__open-button, .button-group.primary .transcript .transcript__toggle, .transcript .button-group.primary .transcript__toggle, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button { - background-color: #7EA687; - color: #0a0a0a; } - .button-group.primary .button:hover, - .button-group.primary .cta__button:hover, - .button-group.primary .cta__button--alt:hover, .button-group.primary .modal__open-button:hover, .button-group.primary .transcript .transcript__toggle:hover, .transcript .button-group.primary .transcript__toggle:hover, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:hover, .button-group.primary .button:focus, - .button-group.primary .cta__button:focus, - .button-group.primary .cta__button--alt:focus, .button-group.primary .modal__open-button:focus, .button-group.primary .transcript .transcript__toggle:focus, .transcript .button-group.primary .transcript__toggle:focus, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:focus { - background-color: #5f8a69; - color: #0a0a0a; } - .button-group.secondary .button, - .button-group.secondary .cta__button, - .button-group.secondary .cta__button--alt, .button-group.secondary .modal__open-button, .button-group.secondary .transcript .transcript__toggle, .transcript .button-group.secondary .transcript__toggle, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button { - background-color: #917750; - color: #0a0a0a; } - .button-group.secondary .button:hover, - .button-group.secondary .cta__button:hover, - .button-group.secondary .cta__button--alt:hover, .button-group.secondary .modal__open-button:hover, .button-group.secondary .transcript .transcript__toggle:hover, .transcript .button-group.secondary .transcript__toggle:hover, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:hover, .button-group.secondary .button:focus, - .button-group.secondary .cta__button:focus, - .button-group.secondary .cta__button--alt:focus, .button-group.secondary .modal__open-button:focus, .button-group.secondary .transcript .transcript__toggle:focus, .transcript .button-group.secondary .transcript__toggle:focus, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:focus { - background-color: #745f40; - color: #0a0a0a; } - .button-group.success .button, - .button-group.success .cta__button, - .button-group.success .cta__button--alt, .button-group.success .modal__open-button, .button-group.success .transcript .transcript__toggle, .transcript .button-group.success .transcript__toggle, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button-group.success .button:hover, - .button-group.success .cta__button:hover, - .button-group.success .cta__button--alt:hover, .button-group.success .modal__open-button:hover, .button-group.success .transcript .transcript__toggle:hover, .transcript .button-group.success .transcript__toggle:hover, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:hover, .button-group.success .button:focus, - .button-group.success .cta__button:focus, - .button-group.success .cta__button--alt:focus, .button-group.success .modal__open-button:focus, .button-group.success .transcript .transcript__toggle:focus, .transcript .button-group.success .transcript__toggle:focus, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button-group.warning .button, - .button-group.warning .cta__button, - .button-group.warning .cta__button--alt, .button-group.warning .modal__open-button, .button-group.warning .transcript .transcript__toggle, .transcript .button-group.warning .transcript__toggle, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button-group.warning .button:hover, - .button-group.warning .cta__button:hover, - .button-group.warning .cta__button--alt:hover, .button-group.warning .modal__open-button:hover, .button-group.warning .transcript .transcript__toggle:hover, .transcript .button-group.warning .transcript__toggle:hover, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:hover, .button-group.warning .button:focus, - .button-group.warning .cta__button:focus, - .button-group.warning .cta__button--alt:focus, .button-group.warning .modal__open-button:focus, .button-group.warning .transcript .transcript__toggle:focus, .transcript .button-group.warning .transcript__toggle:focus, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button-group.alert .button, - .button-group.alert .cta__button, - .button-group.alert .cta__button--alt, .button-group.alert .modal__open-button, .button-group.alert .transcript .transcript__toggle, .transcript .button-group.alert .transcript__toggle, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button-group.alert .button:hover, - .button-group.alert .cta__button:hover, - .button-group.alert .cta__button--alt:hover, .button-group.alert .modal__open-button:hover, .button-group.alert .transcript .transcript__toggle:hover, .transcript .button-group.alert .transcript__toggle:hover, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:hover, .button-group.alert .button:focus, - .button-group.alert .cta__button:focus, - .button-group.alert .cta__button--alt:focus, .button-group.alert .modal__open-button:focus, .button-group.alert .transcript .transcript__toggle:focus, .transcript .button-group.alert .transcript__toggle:focus, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { - flex-wrap: wrap; } - .button-group.stacked .button, - .button-group.stacked .cta__button, - .button-group.stacked .cta__button--alt, .button-group.stacked .modal__open-button, .button-group.stacked .transcript .transcript__toggle, .transcript .button-group.stacked .transcript__toggle, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button, .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button, .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 0 0 100%; } - .button-group.stacked .button:last-child, - .button-group.stacked .cta__button:last-child, - .button-group.stacked .cta__button--alt:last-child, .button-group.stacked .modal__open-button:last-child, .button-group.stacked .transcript .transcript__toggle:last-child, .transcript .button-group.stacked .transcript__toggle:last-child, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button:last-child, .button-group.stacked-for-small .button:last-child, - .button-group.stacked-for-small .cta__button:last-child, - .button-group.stacked-for-small .cta__button--alt:last-child, .button-group.stacked-for-small .modal__open-button:last-child, .button-group.stacked-for-small .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-small .transcript__toggle:last-child, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button:last-child, .button-group.stacked-for-medium .button:last-child, - .button-group.stacked-for-medium .cta__button:last-child, - .button-group.stacked-for-medium .cta__button--alt:last-child, .button-group.stacked-for-medium .modal__open-button:last-child, .button-group.stacked-for-medium .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-medium .transcript__toggle:last-child, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button:last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media screen and (max-width: 39.9375em) { - .button-group.stacked-for-small.expanded { - display: block; } - .button-group.stacked-for-small.expanded .button, - .button-group.stacked-for-small.expanded .cta__button, - .button-group.stacked-for-small.expanded .cta__button--alt, .button-group.stacked-for-small.expanded .modal__open-button, .button-group.stacked-for-small.expanded .transcript .transcript__toggle, .transcript .button-group.stacked-for-small.expanded .transcript__toggle, .button-group.stacked-for-small.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small.expanded .slide--in-depth__intro__button { - display: block; - margin-right: 0; } } - -.callout { - position: relative; - margin: 0 0 1rem 0; - padding: 1rem; - border: 1px solid rgba(10, 10, 10, 0.25); - border-radius: 0; - background-color: white; - color: #0a0a0a; } - .callout > :first-child { - margin-top: 0; } - .callout > :last-child { - margin-bottom: 0; } - .callout.primary { - background-color: #ecf2ed; - color: #0a0a0a; } - .callout.secondary { - background-color: #f0ebe3; - color: #0a0a0a; } - .callout.success { - background-color: #e1faea; - color: #0a0a0a; } - .callout.warning { - background-color: #fff3d9; - color: #0a0a0a; } - .callout.alert { - background-color: #f7e4e1; - color: #0a0a0a; } - .callout.small { - padding-top: 0.5rem; - padding-right: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.5rem; } - .callout.large { - padding-top: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; - padding-left: 3rem; } - -.card { - display: flex; - flex-direction: column; - flex-grow: 1; - margin-bottom: 1rem; - border: 1px solid #e6e6e6; - border-radius: 0; - background: #ffffff; - box-shadow: none; - overflow: hidden; - color: #0a0a0a; } - .card > :last-child { - margin-bottom: 0; } - -.card-divider { - flex: 0 1 auto; - display: flex; - padding: 1rem; - background: #e6e6e6; } - .card-divider > :last-child { - margin-bottom: 0; } - -.card-section { - flex: 1 0 auto; - padding: 1rem; } - .card-section > :last-child { - margin-bottom: 0; } - -.card-image { - min-height: 1px; } - -.close-button { - position: absolute; - color: #ffffff; - cursor: pointer; } - [data-whatinput='mouse'] .close-button { - outline: 0; } - .close-button:hover, .close-button:focus { - color: #ffffff; } - .close-button.small { - left: 0.66rem; - top: 0.33em; - font-size: 1.5em; - line-height: 1; } - .close-button, .close-button.medium { - left: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; } - -.menu { - padding: 0; - margin: 0; - list-style: none; - position: relative; - display: flex; - flex-wrap: wrap; } - [data-whatinput='mouse'] .menu li { - outline: 0; } - .menu a, - .menu .button, - .menu .cta__button, - .menu .cta__button--alt, - .menu .modal__open-button, - .menu .transcript .transcript__toggle, - .transcript .menu .transcript__toggle, - .menu .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .menu .slide--in-depth__intro__button { - line-height: 1; - text-decoration: none; - display: block; - padding: 0.7rem 1rem; } - .menu input, - .menu select, - .menu a, - .menu button { - margin-bottom: 0; } - .menu input { - display: inline-block; } - .menu, .menu.horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.expanded li { - flex: 1 1 0px; } - .menu.simple { - align-items: center; } - .menu.simple li + li { - margin-left: 1rem; } - .menu.simple a { - padding: 0; } - @media print, screen and (min-width: 40em) { - .menu.medium-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.medium-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.medium-expanded li { - flex: 1 1 0px; } - .menu.medium-simple li { - flex: 1 1 0px; } } - @media print, screen and (min-width: 64em) { - .menu.large-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.large-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.large-expanded li { - flex: 1 1 0px; } - .menu.large-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 75em) { - .menu.xlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xlarge-expanded li { - flex: 1 1 0px; } - .menu.xlarge-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 90em) { - .menu.xxlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xxlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xxlarge-expanded li { - flex: 1 1 0px; } - .menu.xxlarge-simple li { - flex: 1 1 0px; } } - .menu.nested { - margin-right: 0; - margin-left: 1rem; } - .menu.icons a { - display: flex; } - .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { - display: flex; } - .menu.icon-left li a { - flex-flow: row nowrap; } - .menu.icon-left li a img, - .menu.icon-left li a i, - .menu.icon-left li a svg { - margin-right: 0.25rem; } - .menu.icon-right li a { - flex-flow: row nowrap; } - .menu.icon-right li a img, - .menu.icon-right li a i, - .menu.icon-right li a svg { - margin-left: 0.25rem; } - .menu.icon-top li a { - flex-flow: column nowrap; } - .menu.icon-top li a img, - .menu.icon-top li a i, - .menu.icon-top li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu.icon-bottom li a { - flex-flow: column nowrap; } - .menu.icon-bottom li a img, - .menu.icon-bottom li a i, - .menu.icon-bottom li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu .is-active > a { - background: #7EA687; - color: #ffffff; } - .menu .active > a { - background: #7EA687; - color: #ffffff; } - .menu.align-left { - justify-content: flex-start; } - .menu.align-right li { - display: flex; - justify-content: flex-end; } - .menu.align-right li .submenu li { - justify-content: flex-start; } - .menu.align-right.vertical li { - display: block; - text-align: right; } - .menu.align-right.vertical li .submenu li { - text-align: right; } - .menu.align-right .nested { - margin-right: 1rem; - margin-left: 0; } - .menu.align-center li { - display: flex; - justify-content: center; } - .menu.align-center li .submenu li { - justify-content: flex-start; } - .menu .menu-text { - padding: 0.7rem 1rem; - font-weight: bold; - line-height: 1; - color: inherit; } - -.menu-centered > .menu { - justify-content: center; } - .menu-centered > .menu li { - display: flex; - justify-content: center; } - .menu-centered > .menu li .submenu li { - justify-content: flex-start; } - -.no-js [data-responsive-menu] ul { - display: none; } - -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #ffffff; - box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; - content: ''; } - .menu-icon:hover::after { - background: #b2b2b2; - box-shadow: 0 7px 0 #b2b2b2, 0 14px 0 #b2b2b2; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon.dark::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; - content: ''; } - .menu-icon.dark:hover::after { - background: #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } - -.is-drilldown { - position: relative; - overflow: hidden; } - .is-drilldown li { - display: block; } - .is-drilldown.animate-height { - transition: height 0.5s; } - -.drilldown a { - padding: 0.7rem 1rem; - background: #ffffff; } - -.drilldown .is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - width: 100%; - background: #ffffff; - transition: transform 0.15s linear; } - .drilldown .is-drilldown-submenu.is-active { - z-index: 1; - display: block; - transform: translateX(-100%); } - .drilldown .is-drilldown-submenu.is-closing { - transform: translateX(100%); } - .drilldown .is-drilldown-submenu a { - padding: 0.7rem 1rem; } - -.drilldown .nested.is-drilldown-submenu { - margin-right: 0; - margin-left: 0; } - -.drilldown .drilldown-submenu-cover-previous { - min-height: 100%; } - -.drilldown .is-drilldown-submenu-parent > a { - position: relative; } - .drilldown .is-drilldown-submenu-parent > a::after { - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - -.drilldown.align-left .is-drilldown-submenu-parent > a::after { - left: auto; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - -.drilldown.align-right .is-drilldown-submenu-parent > a::after { - right: auto; - left: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - -.drilldown .js-drilldown-back > a::before { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; - border-left-width: 0; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; - border-left-width: 0; } - -.dropdown-pane { - position: absolute; - z-index: 10; - width: 300px; - padding: 1rem; - visibility: hidden; - display: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-size: 1rem; } - .dropdown-pane.is-opening { - display: block; } - .dropdown-pane.is-open { - visibility: visible; - display: block; } - -.dropdown-pane.tiny { - width: 100px; } - -.dropdown-pane.small { - width: 200px; } - -.dropdown-pane.large { - width: 400px; } - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - -.dropdown.menu a { - padding: 0.7rem 1rem; } - [data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.dropdown.menu .is-active > a { - background: transparent; - color: #7EA687; } - -.no-js .dropdown.menu ul { - display: none; } - -.dropdown.menu .nested.is-dropdown-submenu { - margin-right: 0; - margin-left: 0; } - -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; } - -.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - -.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.dropdown.menu.vertical > li > a::after { - right: 14px; } - -.dropdown.menu.vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - -.dropdown.menu.vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - -@media print, screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -@media print, screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; } - .dropdown.menu.large-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.large-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -@media screen and (min-width: 75em) { - .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.xlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -@media screen and (min-width: 90em) { - .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xxlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -.dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - right: 0; - left: auto; } - -.is-dropdown-menu.vertical { - width: 100px; } - .is-dropdown-menu.vertical.align-right { - float: right; } - -.is-dropdown-submenu-parent { - position: relative; } - .is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - left: auto; - margin-top: -6px; } - .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { - top: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.is-dropdown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: 1; - display: none; - min-width: 200px; - border: 1px solid #b2b2b2; - background: #ffffff; } - .dropdown .is-dropdown-submenu a { - padding: 0.7rem 1rem; } - .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - .is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; } - .is-dropdown-submenu > li { - width: 100%; } - .is-dropdown-submenu.js-dropdown-active { - display: block; } - -.responsive-embed, -.flex-video { - position: relative; - height: 0; - margin-bottom: 1rem; - padding-bottom: 75%; - overflow: hidden; } - .responsive-embed iframe, - .responsive-embed object, - .responsive-embed embed, - .responsive-embed video, - .flex-video iframe, - .flex-video object, - .flex-video embed, - .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - .responsive-embed.widescreen, - .flex-video.widescreen { - padding-bottom: 56.25%; } - -.label { - display: inline-block; - padding: 0.33333rem 0.5rem; - border-radius: 0; - font-size: 0.8rem; - line-height: 1; - white-space: nowrap; - cursor: default; - background: #7EA687; - color: #ffffff; } - .label.primary { - background: #7EA687; - color: #0a0a0a; } - .label.secondary { - background: #917750; - color: #0a0a0a; } - .label.success { - background: #3adb76; - color: #0a0a0a; } - .label.warning { - background: #ffae00; - color: #0a0a0a; } - .label.alert { - background: #cc4b37; - color: #ffffff; } - -.media-object { - display: flex; - margin-bottom: 1rem; - flex-wrap: nowrap; } - .media-object img { - max-width: none; } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small { - flex-wrap: wrap; } } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - flex-basis: 100%; - max-width: 100%; } - .media-object.stack-for-small .media-object-section img { - width: 100%; } } - -.media-object-section { - flex: 0 1 auto; } - .media-object-section:first-child { - padding-right: 1rem; } - .media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; } - .media-object-section > :last-child { - margin-bottom: 0; } - .media-object-section.main-section { - flex: 1 1 0px; } - -.is-off-canvas-open { - overflow: hidden; } - -.js-off-canvas-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - transition: opacity 0.5s ease, visibility 0.5s ease; - background: rgba(255, 255, 255, 0.25); - opacity: 0; - visibility: hidden; - overflow: hidden; } - .js-off-canvas-overlay.is-visible { - opacity: 1; - visibility: visible; } - .js-off-canvas-overlay.is-closable { - cursor: pointer; } - .js-off-canvas-overlay.is-overlay-absolute { - position: absolute; } - .js-off-canvas-overlay.is-overlay-fixed { - position: fixed; } - -.off-canvas-wrapper { - position: relative; - overflow: hidden; } - -.off-canvas { - position: fixed; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas { - outline: 0; } - .off-canvas.is-transition-push { - z-index: 12; } - .off-canvas.is-closed { - visibility: hidden; } - .off-canvas.is-transition-overlap { - z-index: 501; } - .off-canvas.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas.is-open { - transform: translate(0, 0); } - -.off-canvas-absolute { - position: absolute; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas-absolute { - outline: 0; } - .off-canvas-absolute.is-transition-push { - z-index: 12; } - .off-canvas-absolute.is-closed { - visibility: hidden; } - .off-canvas-absolute.is-transition-overlap { - z-index: 501; } - .off-canvas-absolute.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas-absolute.is-open { - transform: translate(0, 0); } - -.position-left { - top: 0; - left: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left { - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-left.has-transition-push { - transform: translateX(100%); } - .position-left.is-transition-push { - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-right { - top: 0; - right: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right { - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-right.has-transition-push { - transform: translateX(-100%); } - .position-right.is-transition-push { - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-top { - top: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top { - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-top.has-transition-push { - transform: translateY(100%); } - .position-top.is-transition-push { - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } - -.position-bottom { - bottom: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom { - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-bottom.has-transition-push { - transform: translateY(-100%); } - .position-bottom.is-transition-push { - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } - -.off-canvas-content { - transform: none; - transition: transform 0.5s ease; - backface-visibility: hidden; } - .off-canvas-content.has-transition-push { - transform: translate(0, 0); } - .off-canvas-content .off-canvas.is-open { - transform: translate(0, 0); } - -@media print, screen and (min-width: 40em) { - .position-left.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-medium ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-medium ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 64em) { - .position-left.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-large ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-large ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 75em) { - .position-left.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 90em) { - .position-left.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xxlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xxlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xxlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 40em) { - .off-canvas.in-canvas-for-medium { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-medium .close-button { - display: none; } } - -@media print, screen and (min-width: 64em) { - .off-canvas.in-canvas-for-large { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-large .close-button { - display: none; } } - -@media screen and (min-width: 75em) { - .off-canvas.in-canvas-for-xlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xlarge .close-button { - display: none; } } - -@media screen and (min-width: 90em) { - .off-canvas.in-canvas-for-xxlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xxlarge .close-button { - display: none; } } - -.orbit { - position: relative; } - -.orbit-container { - position: relative; - height: 0; - margin: 0; - list-style: none; - overflow: hidden; } - -.orbit-slide { - width: 100%; } - .orbit-slide.no-motionui.is-active { - top: 0; - left: 0; } - -.orbit-figure { - margin: 0; } - -.orbit-image { - width: 100%; - max-width: 100%; - margin: 0; } - -.orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - margin-bottom: 0; - padding: 1rem; - background-color: rgba(10, 10, 10, 0.5); - color: #ffffff; } - -.orbit-previous, .orbit-next { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 10; - padding: 1rem; - color: #ffffff; } - [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { - outline: 0; } - .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous { - left: 0; } - -.orbit-next { - left: auto; - right: 0; } - -.orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; } - [data-whatinput='mouse'] .orbit-bullets { - outline: 0; } - .orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - border-radius: 50%; - background-color: #b2b2b2; } - .orbit-bullets button:hover { - background-color: #8a8a8a; } - .orbit-bullets button.is-active { - background-color: #8a8a8a; } - -.pagination { - margin-left: 0; - margin-bottom: 1rem; } - .pagination::before, .pagination::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .pagination::after { - clear: both; } - .pagination li { - margin-right: 0.0625rem; - border-radius: 0; - font-size: 0.875rem; - display: none; } - .pagination li:last-child, .pagination li:first-child { - display: inline-block; } - @media print, screen and (min-width: 40em) { - .pagination li { - display: inline-block; } } - .pagination a, - .pagination button { - display: block; - padding: 0.1875rem 0.625rem; - border-radius: 0; - color: #0a0a0a; } - .pagination a:hover, - .pagination button:hover { - background: #e6e6e6; } - .pagination .current { - padding: 0.1875rem 0.625rem; - background: #7EA687; - color: #ffffff; - cursor: default; } - .pagination .disabled { - padding: 0.1875rem 0.625rem; - color: #b2b2b2; - cursor: not-allowed; } - .pagination .disabled:hover { - background: transparent; } - .pagination .ellipsis::after { - padding: 0.1875rem 0.625rem; - content: '\2026'; - color: #0a0a0a; } - -.pagination-previous a::before, -.pagination-previous.disabled::before { - display: inline-block; - margin-right: 0.5rem; - content: '\00ab'; } - -.pagination-next a::after, -.pagination-next.disabled::after { - display: inline-block; - margin-left: 0.5rem; - content: '\00bb'; } - -.progress { - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; - background-color: #b2b2b2; } - .progress.primary .progress-meter { - background-color: #7EA687; } - .progress.secondary .progress-meter { - background-color: #917750; } - .progress.success .progress-meter { - background-color: #3adb76; } - .progress.warning .progress-meter { - background-color: #ffae00; } - .progress.alert .progress-meter { - background-color: #cc4b37; } - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #7EA687; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #ffffff; - white-space: nowrap; } - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - user-select: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #7EA687; - transition: all 0.2s ease-in-out; } - .slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - border-radius: 0; - background-color: #b2b2b2; - transition: all 0.2s ease-in-out; - touch-action: manipulation; } - [data-whatinput='mouse'] .slider-handle { - outline: 0; } - .slider-handle:hover { - background-color: #979797; } - .slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - transform: scale(1, -1); } - .slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } - .slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: relative; - z-index: 0; - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; - width: 100%; } - .sticky.is-stuck.is-at-top { - top: 0; } - .sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: relative; - right: auto; - left: auto; } - .sticky.is-anchored.is-at-bottom { - bottom: 0; } - -body.is-reveal-open { - overflow: hidden; } - -html.is-reveal-open, -html.is-reveal-open body { - min-height: 100%; - overflow: hidden; - position: fixed; - user-select: none; } - -.reveal-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2005; - display: none; - background-color: rgba(10, 10, 10, 0.9); - overflow-y: scroll; } - -.reveal { - z-index: 2006; - backface-visibility: hidden; - display: none; - padding: 8rem 3rem 3rem 3rem; - border: none; - border-radius: 0; - background-color: transparent; - position: relative; - top: 100px; - margin-right: auto; - margin-left: auto; - overflow-y: auto; } - [data-whatinput='mouse'] .reveal { - outline: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - min-height: 0; } } - .reveal .column { - min-width: 0; } - .reveal > :last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 90rem; } } - .reveal.collapse { - padding: 0; } - @media print, screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 90rem; } } - .reveal.full { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } - @media screen and (max-width: 39.9375em) { - .reveal { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } } - .reveal.without-overlay { - position: fixed; } - -.switch { - height: 2rem; - position: relative; - margin-bottom: 1rem; - outline: 0; - font-size: 0.875rem; - font-weight: bold; - color: #ffffff; - user-select: none; } - -.switch-input { - position: absolute; - margin-bottom: 0; - opacity: 0; } - -.switch-paddle { - position: relative; - display: block; - width: 4rem; - height: 2rem; - border-radius: 0; - background: #b2b2b2; - transition: all 0.25s ease-out; - font-weight: inherit; - color: inherit; - cursor: pointer; } - input + .switch-paddle { - margin: 0; } - .switch-paddle::after { - position: absolute; - top: 0.25rem; - left: 0.25rem; - display: block; - width: 1.5rem; - height: 1.5rem; - transform: translate3d(0, 0, 0); - border-radius: 0; - background: #ffffff; - transition: all 0.25s ease-out; - content: ''; } - input:checked ~ .switch-paddle { - background: #7EA687; } - input:checked ~ .switch-paddle::after { - left: 2.25rem; } - [data-whatinput='mouse'] input:focus ~ .switch-paddle { - outline: 0; } - -.switch-active, .switch-inactive { - position: absolute; - top: 50%; - transform: translateY(-50%); } - -.switch-active { - left: 8%; - display: none; } - input:checked + label > .switch-active { - display: block; } - -.switch-inactive { - right: 15%; } - input:checked + label > .switch-inactive { - display: none; } - -.switch.tiny { - height: 1.5rem; } - .switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; } - .switch.tiny .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1rem; - height: 1rem; } - .switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; } - -.switch.small { - height: 1.75rem; } - .switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; } - .switch.small .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1.25rem; - height: 1.25rem; } - .switch.small input:checked ~ .switch-paddle::after { - left: 2rem; } - -.switch.large { - height: 2.5rem; } - .switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; } - .switch.large .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 2rem; - height: 2rem; } - .switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; } - -table { - border-collapse: collapse; - width: 100%; - margin-bottom: 1rem; - border-radius: 0; } - thead, - tbody, - tfoot { - border: 1px solid #f2f2f2; - background-color: #ffffff; } - caption { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; } - thead { - background: #f9f9f9; - color: #0a0a0a; } - tfoot { - background: #f2f2f2; - color: #0a0a0a; } - thead tr, - tfoot tr { - background: transparent; } - thead th, - thead td, - tfoot th, - tfoot td { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; - text-align: left; } - tbody th, - tbody td { - padding: 0.5rem 0.625rem 0.625rem; } - tbody tr:nth-child(even) { - border-bottom: 0; - background-color: #f2f2f2; } - table.unstriped tbody { - background-color: #ffffff; } - table.unstriped tbody tr { - border-bottom: 0; - border-bottom: 1px solid #f2f2f2; - background-color: #ffffff; } - -@media screen and (max-width: 63.9375em) { - table.stack thead { - display: none; } - table.stack tfoot { - display: none; } - table.stack tr, - table.stack th, - table.stack td { - display: block; } - table.stack td { - border-top: 0; } } - -table.scroll { - display: block; - width: 100%; - overflow-x: auto; } - -table.hover thead tr:hover { - background-color: #f4f4f4; } - -table.hover tfoot tr:hover { - background-color: #ededed; } - -table.hover tbody tr:hover { - background-color: #fafafa; } - -table.hover:not(.unstriped) tr:nth-of-type(even):hover { - background-color: #ededed; } - -.table-scroll { - overflow-x: auto; } - .table-scroll table { - width: auto; } - -.tabs { - margin: 0; - border: 1px solid #e6e6e6; - background: #ffffff; - list-style-type: none; } - .tabs::before, .tabs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .tabs::after { - clear: both; } - -.tabs.vertical > li { - display: block; - float: none; - width: auto; } - -.tabs.simple > li > a { - padding: 0; } - .tabs.simple > li > a:hover { - background: transparent; } - -.tabs.primary { - background: #7EA687; } - .tabs.primary > li > a { - color: #0a0a0a; } - .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: #75a07f; } - -.tabs-title { - float: left; } - .tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - font-size: 0.75rem; - line-height: 1; - color: #7EA687; } - .tabs-title > a:hover { - background: #ffffff; - color: #679571; } - .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { - background: #e6e6e6; - color: #7EA687; } - -.tabs-content { - border: 1px solid #e6e6e6; - border-top: 0; - background: #ffffff; - color: #0a0a0a; - transition: all 0.5s ease; } - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; } - -.tabs-panel { - display: none; - padding: 1rem; } - .tabs-panel.is-active { - display: block; } - -.thumbnail { - display: inline-block; - max-width: 100%; - margin-bottom: 1rem; - border: solid 4px #ffffff; - border-radius: 0; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - line-height: 0; } - -a.thumbnail { - transition: box-shadow 200ms ease-out; } - a.thumbnail:hover, a.thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(126, 166, 135, 0.5); } - a.thumbnail image { - box-shadow: none; } - -.title-bar { - padding: 0.5rem; - background: #0a0a0a; - color: #ffffff; - display: flex; - justify-content: flex-start; - align-items: center; } - .title-bar .menu-icon { - margin-left: 0.25rem; - margin-right: 0.25rem; } - -.title-bar-left, -.title-bar-right { - flex: 1 1 0px; } - -.title-bar-right { - text-align: right; } - -.title-bar-title { - display: inline-block; - vertical-align: middle; - font-weight: bold; } - -.has-tip { - position: relative; - display: inline-block; - border-bottom: false; - font-weight: normal; - cursor: pointer; } - -.tooltip { - position: absolute; - top: calc(100% + 0); - z-index: 1200; - max-width: 100%; - padding: 0.75rem; - border-radius: 1.5rem; - background-color: #ffffff; - font-size: 80%; - color: #0a0a0a; } - .tooltip::before { - position: absolute; } - .tooltip.bottom::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #ffffff; - bottom: 100%; } - .tooltip.bottom.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.top::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - top: 100%; - bottom: auto; } - .tooltip.top.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.left::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #ffffff; - left: 100%; } - .tooltip.left.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.right::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #ffffff transparent transparent; - right: 100%; - left: auto; } - .tooltip.right.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.align-top::before { - bottom: auto; - top: 10%; } - .tooltip.align-bottom::before { - bottom: 10%; - top: auto; } - .tooltip.align-left::before { - left: 10%; - right: auto; } - .tooltip.align-right::before { - left: auto; - right: 10%; } - -.top-bar { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; - padding: 0.5rem; - flex-wrap: wrap; } - .top-bar, - .top-bar ul { - background-color: #e6e6e6; } - .top-bar input { - max-width: 200px; - margin-right: 1rem; } - .top-bar .input-group-field { - width: 100%; - margin-right: 0; } - .top-bar input.button, - .top-bar input.cta__button, - .top-bar input.cta__button--alt, .top-bar input.modal__open-button, .top-bar .transcript input.transcript__toggle, .transcript .top-bar input.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro input.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar input.slide--in-depth__intro__button { - width: auto; } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - @media print, screen and (min-width: 40em) { - .top-bar { - flex-wrap: nowrap; } - .top-bar .top-bar-left { - flex: 1 1 auto; - margin-right: auto; } - .top-bar .top-bar-right { - flex: 0 1 auto; - margin-left: auto; } } - @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium { - flex-wrap: wrap; } - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large { - flex-wrap: wrap; } - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 89.9375em) { - .top-bar.stacked-for-xlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xlarge .top-bar-left, - .top-bar.stacked-for-xlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - .top-bar.stacked-for-xxlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xxlarge .top-bar-left, - .top-bar.stacked-for-xxlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - -.top-bar-title { - flex: 0 0 auto; - margin: 0.5rem 1rem 0.5rem 0; } - -.top-bar-left, -.top-bar-right { - flex: 0 0 auto; } - -.hide { - display: none !important; } - -.invisible { - visibility: hidden; } - -@media screen and (max-width: 39.9375em) { - .hide-for-small-only, #chapter_nav { - display: none !important; } } - -@media screen and (max-width: 0em), screen and (min-width: 40em) { - .show-for-small-only { - display: none !important; } } - -@media print, screen and (min-width: 40em) { - .hide-for-medium { - display: none !important; } } - -@media screen and (max-width: 39.9375em) { - .show-for-medium { - display: none !important; } } - -@media screen and (min-width: 40em) and (max-width: 63.9375em) { - .hide-for-medium-only { - display: none !important; } } - -@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { - .show-for-medium-only { - display: none !important; } } - -@media print, screen and (min-width: 64em) { - .hide-for-large { - display: none !important; } } - -@media screen and (max-width: 63.9375em) { - .show-for-large { - display: none !important; } } - -@media screen and (min-width: 64em) and (max-width: 74.9375em) { - .hide-for-large-only { - display: none !important; } } - -@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { - .show-for-large-only { - display: none !important; } } - -@media screen and (min-width: 75em) { - .hide-for-xlarge { - display: none !important; } } - -@media screen and (max-width: 74.9375em) { - .show-for-xlarge { - display: none !important; } } - -@media screen and (min-width: 75em) and (max-width: 89.9375em) { - .hide-for-xlarge-only { - display: none !important; } } - -@media screen and (max-width: 74.9375em), screen and (min-width: 90em) { - .show-for-xlarge-only { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge-only { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge-only { - display: none !important; } } - -.show-for-sr, -.show-on-focus { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.show-on-focus:active, .show-on-focus:focus { - position: static !important; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; - clip-path: none; } - -.show-for-landscape, -.hide-for-portrait { - display: block !important; } - @media screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: block !important; } } - @media screen and (orientation: portrait) { - .show-for-landscape, - .hide-for-portrait { - display: none !important; } } - -.hide-for-landscape, -.show-for-portrait { - display: none !important; } - @media screen and (orientation: landscape) { - .hide-for-landscape, - .show-for-portrait { - display: none !important; } } - @media screen and (orientation: portrait) { - .hide-for-landscape, - .show-for-portrait { - display: block !important; } } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } - -.float-center { - display: block; - margin-right: auto; - margin-left: auto; } - -.clearfix::before, .clearfix::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - -.clearfix::after { - clear: both; } - -.align-right { - justify-content: flex-end; } - -.align-center { - justify-content: center; } - -.align-justify { - justify-content: space-between; } - -.align-spaced { - justify-content: space-around; } - -.align-right.vertical.menu > li > a { - justify-content: flex-end; } - -.align-center.vertical.menu > li > a { - justify-content: center; } - -.align-top { - align-items: flex-start; } - -.align-self-top { - align-self: flex-start; } - -.align-bottom { - align-items: flex-end; } - -.align-self-bottom { - align-self: flex-end; } - -.align-middle, .video--embed.boxed { - align-items: center; } - -.align-self-middle { - align-self: center; } - -.align-stretch { - align-items: stretch; } - -.align-self-stretch { - align-self: stretch; } - -.align-center-middle { - justify-content: center; - align-items: center; - align-content: center; } - -.small-order-1 { - order: 1; } - -.small-order-2 { - order: 2; } - -.small-order-3 { - order: 3; } - -.small-order-4 { - order: 4; } - -.small-order-5 { - order: 5; } - -.small-order-6 { - order: 6; } - -@media print, screen and (min-width: 40em) { - .medium-order-1 { - order: 1; } - .medium-order-2 { - order: 2; } - .medium-order-3 { - order: 3; } - .medium-order-4 { - order: 4; } - .medium-order-5 { - order: 5; } - .medium-order-6 { - order: 6; } } - -@media print, screen and (min-width: 64em) { - .large-order-1 { - order: 1; } - .large-order-2 { - order: 2; } - .large-order-3 { - order: 3; } - .large-order-4 { - order: 4; } - .large-order-5 { - order: 5; } - .large-order-6 { - order: 6; } } - -@media screen and (min-width: 75em) { - .xlarge-order-1 { - order: 1; } - .xlarge-order-2 { - order: 2; } - .xlarge-order-3 { - order: 3; } - .xlarge-order-4 { - order: 4; } - .xlarge-order-5 { - order: 5; } - .xlarge-order-6 { - order: 6; } } - -@media screen and (min-width: 90em) { - .xxlarge-order-1 { - order: 1; } - .xxlarge-order-2 { - order: 2; } - .xxlarge-order-3 { - order: 3; } - .xxlarge-order-4 { - order: 4; } - .xxlarge-order-5 { - order: 5; } - .xxlarge-order-6 { - order: 6; } } - -.flex-container { - display: flex; } - -.flex-child-auto { - flex: 1 1 auto; } - -.flex-child-grow { - flex: 1 0 auto; } - -.flex-child-shrink { - flex: 0 1 auto; } - -.flex-dir-row { - flex-direction: row; } - -.flex-dir-row-reverse { - flex-direction: row-reverse; } - -.flex-dir-column { - flex-direction: column; } - -.flex-dir-column-reverse { - flex-direction: column-reverse; } - -@media print, screen and (min-width: 40em) { - .medium-flex-container { - display: flex; } - .medium-flex-child-auto { - flex: 1 1 auto; } - .medium-flex-child-grow { - flex: 1 0 auto; } - .medium-flex-child-shrink { - flex: 0 1 auto; } - .medium-flex-dir-row { - flex-direction: row; } - .medium-flex-dir-row-reverse { - flex-direction: row-reverse; } - .medium-flex-dir-column { - flex-direction: column; } - .medium-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media print, screen and (min-width: 64em) { - .large-flex-container { - display: flex; } - .large-flex-child-auto { - flex: 1 1 auto; } - .large-flex-child-grow { - flex: 1 0 auto; } - .large-flex-child-shrink { - flex: 0 1 auto; } - .large-flex-dir-row { - flex-direction: row; } - .large-flex-dir-row-reverse { - flex-direction: row-reverse; } - .large-flex-dir-column { - flex-direction: column; } - .large-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 75em) { - .xlarge-flex-container { - display: flex; } - .xlarge-flex-child-auto { - flex: 1 1 auto; } - .xlarge-flex-child-grow { - flex: 1 0 auto; } - .xlarge-flex-child-shrink { - flex: 0 1 auto; } - .xlarge-flex-dir-row { - flex-direction: row; } - .xlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xlarge-flex-dir-column { - flex-direction: column; } - .xlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 90em) { - .xxlarge-flex-container { - display: flex; } - .xxlarge-flex-child-auto { - flex: 1 1 auto; } - .xxlarge-flex-child-grow { - flex: 1 0 auto; } - .xxlarge-flex-child-shrink { - flex: 0 1 auto; } - .xxlarge-flex-dir-row { - flex-direction: row; } - .xxlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xxlarge-flex-dir-column { - flex-direction: column; } - .xxlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -/* - * Owl Carousel - Core - */ -.owl-carousel { - display: none; - width: 100%; - -webkit-tap-highlight-color: transparent; - /* position relative and z-index fix webkit rendering fonts issue */ - position: relative; - z-index: 1; } - .owl-carousel .owl-stage { - position: relative; - -ms-touch-action: pan-Y; - touch-action: manipulation; - -moz-backface-visibility: hidden; - /* fix firefox animation glitch */ } - .owl-carousel .owl-stage:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; } - .owl-carousel .owl-stage-outer { - position: relative; - overflow: hidden; - /* fix for flashing background */ - -webkit-transform: translate3d(0px, 0px, 0px); } - .owl-carousel .owl-wrapper, - .owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); } - .owl-carousel .owl-item { - position: relative; - min-height: 1px; - float: left; - -webkit-backface-visibility: hidden; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; } - .owl-carousel .owl-item img { - display: block; - width: 100%; } - .owl-carousel .owl-nav.disabled, - .owl-carousel .owl-dots.disabled { - display: none; } - .owl-carousel .owl-nav .owl-prev, - .owl-carousel .owl-nav .owl-next, - .owl-carousel .owl-dot { - cursor: pointer; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel .owl-nav button.owl-prev, - .owl-carousel .owl-nav button.owl-next, - .owl-carousel button.owl-dot { - background: none; - color: inherit; - border: none; - padding: 0 !important; - font: inherit; } - .owl-carousel.owl-loaded { - display: block; } - .owl-carousel.owl-loading { - opacity: 0; - display: block; } - .owl-carousel.owl-hidden { - opacity: 0; } - .owl-carousel.owl-refresh .owl-item { - visibility: hidden; } - .owl-carousel.owl-drag .owl-item { - touch-action: pan-y; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel.owl-grab { - cursor: move; - cursor: grab; } - .owl-carousel.owl-rtl { - direction: rtl; } - .owl-carousel.owl-rtl .owl-item { - float: right; } - -/* No Js */ -.no-js .owl-carousel { - display: block; } - -/* - * Owl Carousel - Animate Plugin - */ -.owl-carousel .animated { - animation-duration: 1000ms; - animation-fill-mode: both; } - -.owl-carousel .owl-animated-in { - z-index: 0; } - -.owl-carousel .owl-animated-out { - z-index: 1; } - -.owl-carousel .fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -/* - * Owl Carousel - Auto Height Plugin - */ -.owl-height { - transition: height 500ms ease-in-out; } - -/* - * Owl Carousel - Lazy Load Plugin - */ -.owl-carousel .owl-item { - /** - This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong - calculation of the height of the owl-item that breaks page layouts - */ } - .owl-carousel .owl-item .owl-lazy { - opacity: 0; - transition: opacity 400ms ease; } - .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { - max-height: 0; } - .owl-carousel .owl-item img.owl-lazy { - transform-style: preserve-3d; } - -/* - * Owl Carousel - Video Plugin - */ -.owl-carousel .owl-video-wrapper { - position: relative; - height: 100%; - background: #000; } - -.owl-carousel .owl-video-play-icon { - position: absolute; - height: 80px; - width: 80px; - left: 50%; - top: 50%; - margin-left: -40px; - margin-top: -40px; - background: url("owl.video.play.png") no-repeat; - cursor: pointer; - z-index: 1; - -webkit-backface-visibility: hidden; - transition: transform 100ms ease; } - -.owl-carousel .owl-video-play-icon:hover { - transform: scale(1.3, 1.3); } - -.owl-carousel .owl-video-playing .owl-video-tn, -.owl-carousel .owl-video-playing .owl-video-play-icon { - display: none; } - -.owl-carousel .owl-video-tn { - opacity: 0; - height: 100%; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; - transition: opacity 400ms ease; } - -.owl-carousel .owl-video-frame { - position: relative; - z-index: 1; - height: 100%; - width: 100%; } - -/* - * Default theme - Owl Carousel CSS File - */ -.owl-theme .owl-nav { - margin-top: 10px; - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-nav [class*='owl-'] { - color: #FFF; - font-size: 14px; - margin: 5px; - padding: 4px 7px; - background: #D6D6D6; - display: inline-block; - cursor: pointer; - border-radius: 3px; } - .owl-theme .owl-nav [class*='owl-']:hover { - background: #869791; - color: #FFF; - text-decoration: none; } - .owl-theme .owl-nav .disabled { - opacity: 0.5; - cursor: default; } - -.owl-theme .owl-nav.disabled + .owl-dots { - margin-top: 10px; } - -.owl-theme .owl-dots { - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-dots .owl-dot { - display: inline-block; - zoom: 1; - *display: inline; } - .owl-theme .owl-dots .owl-dot span { - width: 10px; - height: 10px; - margin: 5px 7px; - background: #D6D6D6; - display: block; - -webkit-backface-visibility: visible; - transition: opacity 200ms ease; - border-radius: 30px; } - .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { - background: #869791; } - -@keyframes plyr-progress { - to { - background-position: 25px 0; } } - -@keyframes plyr-popup { - 0% { - opacity: 0.5; - transform: translateY(10px); } - to { - opacity: 1; - transform: translateY(0); } } - -@keyframes plyr-fade-in { - from { - opacity: 0; } - to { - opacity: 1; } } - -.plyr { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: subpixel-antialiased; - direction: ltr; - font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; - font-variant-numeric: tabular-nums; - font-weight: 500; - line-height: 1.7; - max-width: 100%; - min-width: 200px; - position: relative; - text-shadow: none; - transition: box-shadow 0.3s ease; } - .plyr video, - .plyr audio { - border-radius: inherit; - height: auto; - vertical-align: middle; - width: 100%; } - .plyr button { - font: inherit; - line-height: inherit; - width: auto; } - .plyr:focus { - outline: 0; } - -.plyr--full-ui { - box-sizing: border-box; } - .plyr--full-ui *, - .plyr--full-ui *::after, - .plyr--full-ui *::before { - box-sizing: inherit; } - -.plyr--full-ui a, -.plyr--full-ui button, -.plyr--full-ui input, -.plyr--full-ui label { - touch-action: manipulation; } - -.plyr__badge { - background: #4f5b5f; - border-radius: 2px; - color: #fff; - font-size: 9px; - line-height: 1; - padding: 3px 4px; } - -.plyr--full-ui ::-webkit-media-text-track-container { - display: none; } - -.plyr__captions { - animation: plyr-fade-in 0.3s ease; - bottom: 0; - color: #fff; - display: none; - font-size: 14px; - left: 0; - padding: 10px; - position: absolute; - text-align: center; - transition: transform 0.4s ease-in-out; - width: 100%; } - .plyr__captions .plyr__caption { - background: rgba(0, 0, 0, 0.8); - border-radius: 2px; - box-decoration-break: clone; - line-height: 185%; - padding: 0.2em 0.5em; - white-space: pre-wrap; } - .plyr__captions .plyr__caption div { - display: inline; } - .plyr__captions span:empty { - display: none; } - @media (min-width: 480px) { - .plyr__captions { - font-size: 16px; - padding: 20px; } } - @media (min-width: 768px) { - .plyr__captions { - font-size: 18px; } } - -.plyr--captions-active .plyr__captions { - display: block; } - -.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { - transform: translateY(-40px); } - -.plyr__control { - background: transparent; - border: 0; - border-radius: 3px; - color: inherit; - cursor: pointer; - flex-shrink: 0; - overflow: visible; - padding: 7px; - position: relative; - transition: all 0.3s ease; } - .plyr__control svg { - display: block; - fill: currentColor; - height: 18px; - pointer-events: none; - width: 18px; } - .plyr__control:focus { - outline: 0; } - .plyr__control.plyr__tab-focus { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -a.plyr__control { - text-decoration: none; } - a.plyr__control::after, a.plyr__control::before { - display: none; } - -.plyr__control:not(.plyr__control--pressed) .icon--pressed, -.plyr__control.plyr__control--pressed .icon--not-pressed, -.plyr__control:not(.plyr__control--pressed) .label--pressed, -.plyr__control.plyr__control--pressed .label--not-pressed { - display: none; } - -.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr--video .plyr__control svg { - filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } - -.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr__control--overlaid { - background: rgba(26, 175, 255, 0.8); - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: #fff; - display: none; - left: 50%; - padding: 15px; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 2; } - .plyr__control--overlaid svg { - left: 2px; - position: relative; } - .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { - background: #1aafff; } - -.plyr--playing .plyr__control--overlaid { - opacity: 0; - visibility: hidden; } - -.plyr--full-ui.plyr--video .plyr__control--overlaid { - display: block; } - -.plyr--full-ui ::-webkit-media-controls { - display: none; } - -.plyr__controls { - align-items: center; - display: flex; - justify-content: flex-end; - text-align: center; } - .plyr__controls > .plyr__control, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__volume { - margin-left: 5px; } - .plyr__controls .plyr__menu + .plyr__control, - .plyr__controls > .plyr__control + .plyr__menu, - .plyr__controls > .plyr__control + .plyr__control, - .plyr__controls .plyr__progress + .plyr__control { - margin-left: 2px; } - .plyr__controls > .plyr__control:first-child, - .plyr__controls > .plyr__control:first-child + [data-plyr='pause'] { - margin-left: 0; - margin-right: auto; } - .plyr__controls:empty { - display: none; } - @media (min-width: 480px) { - .plyr__controls > .plyr__control, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__volume { - margin-left: 10px; } } - -.plyr--audio .plyr__controls { - background: #fff; - border-radius: inherit; - color: #4f5b5f; - padding: 10px; } - -.plyr--video .plyr__controls { - background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - bottom: 0; - color: #fff; - left: 0; - padding: 20px 5px 5px; - position: absolute; - right: 0; - transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; - z-index: 3; } - @media (min-width: 480px) { - .plyr--video .plyr__controls { - padding: 35px 10px 10px; } } - -.plyr--video.plyr--hide-controls .plyr__controls { - opacity: 0; - pointer-events: none; - transform: translateY(100%); } - -.plyr [data-plyr='captions'], -.plyr [data-plyr='pip'], -.plyr [data-plyr='airplay'], -.plyr [data-plyr='fullscreen'] { - display: none; } - -.plyr--captions-enabled [data-plyr='captions'], -.plyr--pip-supported [data-plyr='pip'], -.plyr--airplay-supported [data-plyr='airplay'], -.plyr--fullscreen-enabled [data-plyr='fullscreen'] { - display: inline-block; } - -.plyr__video-embed { - height: 0; - padding-bottom: 56.25%; - position: relative; } - .plyr__video-embed iframe { - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - user-select: none; - width: 100%; } - -.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { - padding-bottom: 240%; - position: relative; - transform: translateY(-38.28125%); } - -.plyr__menu { - display: flex; - position: relative; } - .plyr__menu .plyr__control svg { - transition: transform 0.3s ease; } - .plyr__menu .plyr__control[aria-expanded='true'] svg { - transform: rotate(90deg); } - .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip { - display: none; } - .plyr__menu__container { - animation: plyr-popup 0.2s ease; - background: rgba(255, 255, 255, 0.9); - border-radius: 4px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 16px; - margin-bottom: 10px; - position: absolute; - right: -3px; - text-align: left; - white-space: nowrap; - z-index: 3; } - .plyr__menu__container > div { - overflow: hidden; - transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } - .plyr__menu__container::after { - border: 4px solid transparent; - border-top-color: rgba(255, 255, 255, 0.9); - content: ''; - height: 0; - position: absolute; - right: 15px; - top: 100%; - width: 0; } - .plyr__menu__container [role='menu'] { - padding: 7px; } - .plyr__menu__container [role='menuitem'], - .plyr__menu__container [role='menuitemradio'] { - margin-top: 2px; } - .plyr__menu__container [role='menuitem']:first-child, - .plyr__menu__container [role='menuitemradio']:first-child { - margin-top: 0; } - .plyr__menu__container .plyr__control { - align-items: center; - color: #4f5b5f; - display: flex; - font-size: 14px; - padding: 4px 11px; - user-select: none; - width: 100%; } - .plyr__menu__container .plyr__control > span { - align-items: inherit; - display: flex; - width: 100%; } - .plyr__menu__container .plyr__control::after { - border: 4px solid transparent; - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); } - .plyr__menu__container .plyr__control--forward { - padding-right: 28px; } - .plyr__menu__container .plyr__control--forward::after { - border-left-color: rgba(79, 91, 95, 0.8); - right: 5px; } - .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { - border-left-color: currentColor; } - .plyr__menu__container .plyr__control--back { - font-weight: 500; - margin: 7px; - margin-bottom: 3px; - padding-left: 28px; - position: relative; - width: calc(100% - 14px); } - .plyr__menu__container .plyr__control--back::after { - border-right-color: rgba(79, 91, 95, 0.8); - left: 7px; } - .plyr__menu__container .plyr__control--back::before { - background: #b7c5cd; - box-shadow: 0 1px 0 #fff; - content: ''; - height: 1px; - left: 0; - margin-top: 4px; - overflow: hidden; - position: absolute; - right: 0; - top: 100%; } - .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { - border-right-color: currentColor; } - .plyr__menu__container .plyr__control[role='menuitemradio'] { - padding-left: 7px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after { - border-radius: 100%; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before { - background: rgba(0, 0, 0, 0.1); - content: ''; - display: block; - flex-shrink: 0; - height: 16px; - margin-right: 10px; - transition: all 0.3s ease; - width: 16px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::after { - background: #fff; - border: 0; - height: 6px; - left: 12px; - opacity: 0; - top: 50%; - transform: translateY(-50%) scale(0); - transition: transform 0.3s ease, opacity 0.3s ease; - width: 6px; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before { - background: #1aafff; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after { - opacity: 1; - transform: translateY(-50%) scale(1); } - .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before { - background: rgba(0, 0, 0, 0.1); } - .plyr__menu__container .plyr__menu__value { - align-items: center; - display: flex; - margin-left: auto; - margin-right: -5px; - overflow: hidden; - padding-left: 25px; - pointer-events: none; } - -.plyr--full-ui input[type='range'] { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 26px; - color: #1aafff; - display: block; - height: 19px; - margin: 0; - padding: 0; - transition: box-shadow 0.3s ease; - width: 100%; } - .plyr--full-ui input[type='range']::-webkit-slider-runnable-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } - .plyr--full-ui input[type='range']::-webkit-slider-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - -webkit-appearance: none; - /* stylelint-disable-line */ - margin-top: -4px; } - .plyr--full-ui input[type='range']::-moz-range-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-moz-range-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; } - .plyr--full-ui input[type='range']::-moz-range-progress { - background: currentColor; - border-radius: 2.5px; - height: 5px; } - .plyr--full-ui input[type='range']::-ms-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - color: transparent; } - .plyr--full-ui input[type='range']::-ms-fill-upper { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-ms-fill-lower { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background: currentColor; } - .plyr--full-ui input[type='range']::-ms-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - margin-top: 0; } - .plyr--full-ui input[type='range']::-ms-tooltip { - display: none; } - .plyr--full-ui input[type='range']:focus { - outline: 0; } - .plyr--full-ui input[type='range']::-moz-focus-outer { - border: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-moz-range-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-ms-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-ms-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr__poster { - background-color: #000; - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - transition: opacity 0.2s ease; - width: 100%; - z-index: 1; } - -.plyr--stopped.plyr__poster-enabled .plyr__poster { - opacity: 1; } - -.plyr__time { - font-size: 14px; } - -.plyr__time + .plyr__time::before { - content: '\2044'; - margin-right: 10px; } - -@media (max-width: 767px) { - .plyr__time + .plyr__time { - display: none; } } - -.plyr--video .plyr__time { - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.plyr__tooltip { - background: rgba(255, 255, 255, 0.9); - border-radius: 3px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 14px; - font-weight: 500; - left: 50%; - line-height: 1.3; - margin-bottom: 10px; - opacity: 0; - padding: 5px 7.5px; - pointer-events: none; - position: absolute; - transform: translate(-50%, 10px) scale(0.8); - transform-origin: 50% 100%; - transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; - white-space: nowrap; - z-index: 2; } - .plyr__tooltip::before { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(255, 255, 255, 0.9); - bottom: -4px; - content: ''; - height: 0; - left: 50%; - position: absolute; - transform: translateX(-50%); - width: 0; - z-index: 2; } - -.plyr .plyr__control:hover .plyr__tooltip, -.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__tooltip--visible { - opacity: 1; - transform: translate(-50%, 0) scale(1); } - -.plyr .plyr__control:hover .plyr__tooltip { - z-index: 3; } - -.plyr__controls > .plyr__control:first-child .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { - left: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 0 100%; } - .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, - .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { - left: 16px; } - -.plyr__controls > .plyr__control:last-child .plyr__tooltip { - left: auto; - right: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 100% 100%; } - .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { - left: auto; - right: 16px; - transform: translateX(50%); } - -.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, -.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, -.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { - transform: translate(0, 0) scale(1); } - -.plyr--video { - background: #000; - overflow: hidden; } - .plyr--video.plyr--menu-open { - overflow: visible; } - -.plyr__video-wrapper { - background: #000; - border-radius: inherit; - overflow: hidden; - position: relative; - z-index: 0; } - -.plyr__progress { - flex: 1; - left: 6.5px; - margin-right: 13px; - position: relative; } - .plyr__progress input[type='range'], .plyr__progress__buffer { - margin-left: -6.5px; - margin-right: -6.5px; - width: calc(100% + 13px); } - .plyr__progress input[type='range'] { - position: relative; - z-index: 2; } - .plyr__progress .plyr__tooltip { - font-size: 14px; - left: 0; } - -.plyr__progress__buffer { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 100px; - height: 5px; - left: 0; - margin-top: -2.5px; - padding: 0; - position: absolute; - top: 50%; } - .plyr__progress__buffer::-webkit-progress-bar { - background: transparent; } - .plyr__progress__buffer::-webkit-progress-value { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-moz-progress-bar { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-ms-fill { - border-radius: 100px; - transition: width 0.2s ease; } - -.plyr--video .plyr__progress__buffer { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.25); } - -.plyr--audio .plyr__progress__buffer { - color: rgba(183, 197, 205, 0.66); } - -.plyr--loading .plyr__progress__buffer { - animation: plyr-progress 1s linear infinite; - background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); - background-repeat: repeat-x; - background-size: 25px 25px; - color: transparent; } - -.plyr--video.plyr--loading .plyr__progress__buffer { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--audio.plyr--loading .plyr__progress__buffer { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr__volume { - align-items: center; - display: flex; - flex: 1; - position: relative; } - .plyr__volume input[type='range'] { - margin-left: 5px; - position: relative; - z-index: 2; } - @media (min-width: 480px) { - .plyr__volume { - max-width: 90px; } } - @media (min-width: 768px) { - .plyr__volume { - max-width: 110px; } } - -.plyr--is-ios .plyr__volume { - display: none !important; } - -.plyr--is-ios.plyr--vimeo [data-plyr='mute'] { - display: none !important; } - -.plyr:fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:fullscreen video { - height: 100%; } - .plyr:fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:fullscreen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-webkit-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-webkit-full-screen video { - height: 100%; } - .plyr:-webkit-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-webkit-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-webkit-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-moz-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-moz-full-screen video { - height: 100%; } - .plyr:-moz-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-moz-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-moz-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-ms-fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-ms-fullscreen video { - height: 100%; } - .plyr:-ms-fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-ms-fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-ms-fullscreen .plyr__captions { - font-size: 21px; } } - -.plyr--fullscreen-fallback { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; - bottom: 0; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 10000000; } - .plyr--fullscreen-fallback video { - height: 100%; } - .plyr--fullscreen-fallback .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr--fullscreen-fallback.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr--fullscreen-fallback .plyr__captions { - font-size: 21px; } } - -.plyr--no-transition { - transition: none !important; } - -.plyr__sr-only { - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - border: 0 !important; - height: 1px !important; - padding: 0 !important; - position: absolute !important; - width: 1px !important; } - -.plyr [hidden] { - display: none !important; } - -.text-hide { - font: 0/0 a !important; - color: transparent !important; - text-shadow: none !important; - background-color: transparent !important; - border: 0 !important; } - -.text-truncate { - max-width: 100% !important; - overflow: hidden !important; - text-overflow: ellipsis; - white-space: nowrap !important; } - -.text-nowrap { - white-space: nowrap !important; } - -.text-wrap { - word-wrap: break-word !important; } - -.text-lowercase { - text-transform: lowercase !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.text-capitalize { - text-transform: capitalize !important; } - -.text-overline { - text-decoration: overline !important; } - -.text-underline { - text-decoration: underline !important; } - -.text-line-through { - text-decoration: line-through !important; } - -.font-wide { - letter-spacing: 0.25rem; } - -.font-normal { - font-weight: normal; } - -.font-bold { - font-weight: bold; } - -.font-italic { - font-style: italic !important; } - -ul.list-disc { - list-style-type: disc !important; } - -ul.list-circle { - list-style-type: circle !important; } - -ul.list-square { - list-style-type: square !important; } - -ol.list-decimal { - list-style-type: decimal !important; } - -ol.list-lower-alpha { - list-style-type: lower-alpha !important; } - -ol.list-lower-latin { - list-style-type: lower-latin !important; } - -ol.list-lower-roman { - list-style-type: lower-roman !important; } - -ol.list-upper-alpha { - list-style-type: upper-alpha !important; } - -ol.list-upper-latin { - list-style-type: upper-latin !important; } - -ol.list-upper-roman { - list-style-type: upper-roman !important; } - -.rounded { - border-radius: 5000px !important; } - -.radius { - border-radius: 0.1875rem; } - -.bordered { - border: 0.0625rem solid #b2b2b2; } - -.shadow { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } - -.arrow-down { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #0a0a0a transparent transparent; } - -.arrow-up { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #0a0a0a; } - -.arrow-right { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #0a0a0a; } - -.arrow-left { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #0a0a0a transparent transparent; } - -.separator-center { - text-align: center !important; } - .separator-center::before, .separator-center::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-center::after { - clear: both; } - .separator-center::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7EA687; - margin: 1rem auto 0; } - -.separator-left { - text-align: left !important; } - .separator-left::before, .separator-left::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-left::after { - clear: both; } - .separator-left::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7EA687; - margin: 1rem auto 0; - margin-left: 0 !important; } - -.separator-right { - text-align: right !important; } - .separator-right::before, .separator-right::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-right::after { - clear: both; } - .separator-right::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7EA687; - margin: 1rem auto 0; - margin-right: 0 !important; } - -.overflow-visible { - overflow: visible !important; } - -.overflow-x-visible { - overflow-x: visible !important; } - -.overflow-y-visible { - overflow-y: visible !important; } - -.overflow-hidden { - overflow: hidden !important; } - -.overflow-x-hidden { - overflow-x: hidden !important; } - -.overflow-y-hidden { - overflow-y: hidden !important; } - -.overflow-scroll { - overflow: scroll !important; } - -.overflow-x-scroll { - overflow-x: scroll !important; } - -.overflow-y-scroll { - overflow-y: scroll !important; } - -.display-inline { - display: inline !important; } - -.display-inline-block { - display: inline-block !important; } - -.display-block { - display: block !important; } - -.display-table { - display: table !important; } - -.display-table-cell { - display: table-cell !important; } - -.position-static { - position: static !important; } - -.position-relative { - position: relative !important; } - -.position-absolute { - position: absolute !important; } - -.position-fixed { - position: fixed !important; } - -.position-fixed-top { - position: fixed !important; - top: 0rem !important; - right: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.position-fixed-bottom { - position: fixed !important; - right: 0rem !important; - bottom: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.border-box { - box-sizing: border-box !important; } - -.border-none { - border: none !important; } - -.width-25 { - width: 25% !important; } - -.width-50 { - width: 50% !important; } - -.width-75 { - width: 75% !important; } - -.width-100 { - width: 100% !important; } - -.height-25 { - height: 25% !important; } - -.height-50 { - height: 50% !important; } - -.height-75 { - height: 75% !important; } - -.height-100 { - height: 100% !important; } - -.max-width-100 { - max-width: 100% !important; } - -.max-height-100 { - max-height: 100% !important; } - -.margin-0 { - margin-top: 0rem !important; - margin-right: 0rem !important; - margin-bottom: 0rem !important; - margin-left: 0rem !important; } - -.padding-0 { - padding-top: 0rem !important; - padding-right: 0rem !important; - padding-bottom: 0rem !important; - padding-left: 0rem !important; } - -.margin-top-0 { - margin-top: 0rem !important; } - -.padding-top-0 { - padding-top: 0rem !important; } - -.margin-right-0 { - margin-right: 0rem !important; } - -.padding-right-0 { - padding-right: 0rem !important; } - -.margin-bottom-0 { - margin-bottom: 0rem !important; } - -.padding-bottom-0 { - padding-bottom: 0rem !important; } - -.margin-left-0 { - margin-left: 0rem !important; } - -.padding-left-0 { - padding-left: 0rem !important; } - -.margin-horizontal-0 { - margin-right: 0rem !important; - margin-left: 0rem !important; } - -.padding-horizontal-0 { - padding-right: 0rem !important; - padding-left: 0rem !important; } - -.margin-vertical-0 { - margin-top: 0rem !important; - margin-bottom: 0rem !important; } - -.padding-vertical-0 { - padding-top: 0rem !important; - padding-bottom: 0rem !important; } - -.margin-1 { - margin-top: 1rem !important; - margin-right: 1rem !important; - margin-bottom: 1rem !important; - margin-left: 1rem !important; } - -.padding-1 { - padding-top: 1rem !important; - padding-right: 1rem !important; - padding-bottom: 1rem !important; - padding-left: 1rem !important; } - -.margin-top-1 { - margin-top: 1rem !important; } - -.padding-top-1 { - padding-top: 1rem !important; } - -.margin-right-1 { - margin-right: 1rem !important; } - -.padding-right-1 { - padding-right: 1rem !important; } - -.margin-bottom-1 { - margin-bottom: 1rem !important; } - -.padding-bottom-1 { - padding-bottom: 1rem !important; } - -.margin-left-1 { - margin-left: 1rem !important; } - -.padding-left-1 { - padding-left: 1rem !important; } - -.margin-horizontal-1 { - margin-right: 1rem !important; - margin-left: 1rem !important; } - -.padding-horizontal-1 { - padding-right: 1rem !important; - padding-left: 1rem !important; } - -.margin-vertical-1 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } - -.padding-vertical-1 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } - -.margin-2 { - margin-top: 2rem !important; - margin-right: 2rem !important; - margin-bottom: 2rem !important; - margin-left: 2rem !important; } - -.padding-2 { - padding-top: 2rem !important; - padding-right: 2rem !important; - padding-bottom: 2rem !important; - padding-left: 2rem !important; } - -.margin-top-2 { - margin-top: 2rem !important; } - -.padding-top-2 { - padding-top: 2rem !important; } - -.margin-right-2 { - margin-right: 2rem !important; } - -.padding-right-2 { - padding-right: 2rem !important; } - -.margin-bottom-2 { - margin-bottom: 2rem !important; } - -.padding-bottom-2 { - padding-bottom: 2rem !important; } - -.margin-left-2 { - margin-left: 2rem !important; } - -.padding-left-2 { - padding-left: 2rem !important; } - -.margin-horizontal-2 { - margin-right: 2rem !important; - margin-left: 2rem !important; } - -.padding-horizontal-2 { - padding-right: 2rem !important; - padding-left: 2rem !important; } - -.margin-vertical-2 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; } - -.padding-vertical-2 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; } - -.margin-3 { - margin-top: 3rem !important; - margin-right: 3rem !important; - margin-bottom: 3rem !important; - margin-left: 3rem !important; } - -.padding-3 { - padding-top: 3rem !important; - padding-right: 3rem !important; - padding-bottom: 3rem !important; - padding-left: 3rem !important; } - -.margin-top-3 { - margin-top: 3rem !important; } - -.padding-top-3 { - padding-top: 3rem !important; } - -.margin-right-3 { - margin-right: 3rem !important; } - -.padding-right-3 { - padding-right: 3rem !important; } - -.margin-bottom-3 { - margin-bottom: 3rem !important; } - -.padding-bottom-3 { - padding-bottom: 3rem !important; } - -.margin-left-3 { - margin-left: 3rem !important; } - -.padding-left-3 { - padding-left: 3rem !important; } - -.margin-horizontal-3 { - margin-right: 3rem !important; - margin-left: 3rem !important; } - -.padding-horizontal-3 { - padding-right: 3rem !important; - padding-left: 3rem !important; } - -.margin-vertical-3 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } - -.padding-vertical-3 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } - -.slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-down.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-left.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-up.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-right.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-down.mui-leave.mui-leave-active { - transform: translateY(100%); } - -.slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-right.mui-leave.mui-leave-active { - transform: translateX(100%); } - -.slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-up.mui-leave.mui-leave-active { - transform: translateY(-100%); } - -.slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-left.mui-leave.mui-leave-active { - transform: translateX(-100%); } - -.fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - -.fade-in.mui-enter.mui-enter-active { - opacity: 1; } - -.fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - -.fade-out.mui-leave.mui-leave-active { - opacity: 0; } - -.hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-top.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-right.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(90deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(90deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-left.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-y.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-top.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-right.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - -.hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-left.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - -.hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(0.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-up.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-down.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-up.mui-leave.mui-leave-active { - transform: scale(1.5); - opacity: 0; } - -.scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-down.mui-leave.mui-leave-active { - transform: scale(0.5); - opacity: 0; } - -.spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(-0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out.mui-leave.mui-leave-active { - transform: rotate(0.75turn); - opacity: 0; } - -.spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in-ccw.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out-ccw.mui-leave.mui-leave-active { - transform: rotate(-0.75turn); - opacity: 0; } - -.slow { - transition-duration: 750ms !important; } - -.fast { - transition-duration: 250ms !important; } - -.linear { - transition-timing-function: linear !important; } - -.ease { - transition-timing-function: ease !important; } - -.ease-in { - transition-timing-function: ease-in !important; } - -.ease-out { - transition-timing-function: ease-out !important; } - -.ease-in-out { - transition-timing-function: ease-in-out !important; } - -.bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - transition-delay: 300ms !important; } - -.long-delay { - transition-delay: 700ms !important; } - -.shake { - animation-name: shake-7; } - -@keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - transform: translateX(-7%); } } - -.spin-cw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(-1turn); } - 100% { - transform: rotate(0); } } - -.spin-ccw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(0); } - 100% { - transform: rotate(1turn); } } - -.wiggle { - animation-name: wiggle-7deg; } - -@keyframes wiggle-7deg { - 40%, 50%, 60% { - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - transform: rotate(0); } } - -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - animation-duration: 500ms; } - -.infinite { - animation-iteration-count: infinite; } - -.slow { - animation-duration: 750ms !important; } - -.fast { - animation-duration: 250ms !important; } - -.linear { - animation-timing-function: linear !important; } - -.ease { - animation-timing-function: ease !important; } - -.ease-in { - animation-timing-function: ease-in !important; } - -.ease-out { - animation-timing-function: ease-out !important; } - -.ease-in-out { - animation-timing-function: ease-in-out !important; } - -.bounce-in { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - animation-delay: 300ms !important; } - -.long-delay { - animation-delay: 700ms !important; } - -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -html, -body { - padding: 0; - margin: 0; } - -.grid-container { - max-width: 90rem; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-left: 6rem; - padding-right: 6rem; } } - -.theme--dark { - background: #0a0a0a !important; } - .theme--dark h1, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__title, .theme--dark .in-depth .in-depth__title, .in-depth .theme--dark .in-depth__title, - .theme--dark h2, - .theme--dark h3, - .theme--dark p, - .theme--dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--dark h3 { - color: #ffffff; } - -.theme--primary { - background: #ffffff !important; } - .theme--primary h1, .theme--primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary .slide--in-depth__intro__title, .theme--primary .in-depth .in-depth__title, .in-depth .theme--primary .in-depth__title, - .theme--primary h2, - .theme--primary h3, - .theme--primary p, - .theme--primary .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary h3 { - color: #7EA687; } - -.theme--primary-dark { - background: #7EA687 !important; } - .theme--primary-dark h1, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__title, .theme--primary-dark .in-depth .in-depth__title, .in-depth .theme--primary-dark .in-depth__title, - .theme--primary-dark h2, - .theme--primary-dark h3, - .theme--primary-dark p, - .theme--primary-dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark h3 { - color: #ffffff; } - -.theme--primary-light { - background: rgba(126, 166, 135, 0.1) !important; } - .theme--primary-light h1, .theme--primary-light .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-light .slide--in-depth__intro__title, .theme--primary-light .in-depth .in-depth__title, .in-depth .theme--primary-light .in-depth__title, - .theme--primary-light h2, - .theme--primary-light h3, - .theme--primary-light p, - .theme--primary-light .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-light h3 { - color: #7EA687; } - -.scroll_lock { - overflow: hidden; } - -a.link--arrow { - font-weight: bold; } - -body.off-canvas-opened { - overflow: hidden; } - -button, -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - background: black; - color: white; - text-transform: uppercase; - letter-spacing: 1px; - position: relative; - z-index: 0; } - button:focus, - .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - button a, .button a, .button.cta a, .cta__button a, .button.cta--alt a, .cta__button--alt a, .modal__open-button a, .transcript .transcript__toggle a, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button a { - color: inherit; - font-size: inherit; - line-height: inherit; - background: inherit; } - button svg, .button svg, .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - margin: .125rem 0 0 0; - height: 1rem; - width: 1rem; } - button.hollow, - .hollow.button, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #0a0a0a; - color: #0a0a0a; - background: transparent; } - button.hollow:hover, - .hollow.button:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover { - border: 2px solid #0a0a0a; - color: #0a0a0a; } - button.icon, - .icon.button, - .icon.cta__button, - .icon.cta__button--alt, .icon.modal__open-button, .transcript .icon.transcript__toggle, .owl-carousel .slide--in-depth__intro .icon.slide--in-depth__intro__button { - padding: .25rem; - height: 2rem; - width: 2rem; - font-size: 1em; } - -.caption { - margin-top: .5rem; - margin-bottom: 1rem; - cursor: text; - font-size: 0.75rem; - line-height: 16px; } - .caption .caption__brief { - display: inline-block; } - .caption .toggle-caption { - margin: 0 0 0 .25rem; - padding: .125rem; - height: 1.25rem; - width: 1.25rem; - position: relative; } - .caption .toggle-caption .i-info { - text-transform: lowercase; - font-size: 15px; - font-family: 'freight-text-pro'; - font-weight: 700; - display: inline-block; - margin-left: 0.5px; - height: 12px; - width: 5px; } - .caption figcaption { - display: block; - background-color: #e6e6e6; - color: #0a0a0a; - padding: 1rem; - margin-top: .5rem; } - .theme--dark .caption { - color: #ffffff; } - .theme--dark .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .caption .toggle-caption svg { - transform: translate(-0.25px, -1.5px); } - .theme--dark .caption figcaption { - margin-top: 1rem; - color: #ffffff; - padding: 1rem; - background: rgba(255, 255, 255, 0.2); } - -cite, .inline-quote cite, .standalone-quote cite { - font-style: normal; } - .theme--dark cite { - color: #ffffff; } - -/* -Cliff Note (Blurb) - -A cliff note acts as a quick overview or as highlighted information of a chapter and is meant to be scanned. It can also help set the tone of the chapter. - -Markup: cliff-note.html.twig - -Styleguide COMPONENTS.cliff-note - -*/ -.cliff-note { - font-size: 1.875rem; - line-height: 42px; - position: relative; - font-family: "freight-display-pro", sans; - letter-spacing: -1px; - max-width: 18rem; - margin: auto; } - .cliff-note p, .cliff-note .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cliff-note h3 { - font-size: inherit; - line-height: inherit; } - .cliff-note:before { - display: block; - width: 5rem; - height: 2px; - margin-bottom: 1em; - background-color: #7EA687; - content: ''; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(126, 166, 135, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(145, 119, 80, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.down_arrow { - z-index: 151; - position: absolute; - width: 100vw; } - .down_arrow a { - display: block; - width: 3rem; - height: 3rem; - margin: 0 auto; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -.intro-text { - overflow-y: auto; - overflow-x: hidden; } - .intro-text h2 { - opacity: 0.5; - font-style: italic; - font-weight: bold; - margin-bottom: 2rem; } - @media print, screen and (min-width: 40em) { - .intro-text h2 { - margin-bottom: 4rem; } } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, .intro-text h2 { - color: #7EA687; } - .theme--dark .intro-text .cell, .theme--dark .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--dark .intro-text h2 { - color: #ffffff; } - .theme--primary--light .intro-text .cell, .theme--primary--light .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--primary--light .intro-text h2 { - color: #0a0a0a; } - .intro-text .text { - font-family: "freight-display-pro", sans; - font-weight: bold; - line-height: 1.3; - letter-spacing: -1px; - font-size: 2em; } - @media print, screen and (min-width: 40em) { - .intro-text .text { - font-size: 2.85em; } } - @media print, screen and (min-width: 64em) { - .intro-text .text { - font-size: 3.75em; } } - .theme--dark.intro-text .cell, .theme--dark.intro-text .video--embed.boxed > .video--embed__wrapper { - background-color: #0a0a0a; } - .theme--dark.intro-text .text, - .theme--dark.intro-text h2 { - color: #ffffff; } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 0; - transition-property: opacity, top; - transition-duration: .75s; - transition-delay: 0.125s; - transition-timing-function: ease-in-out; - position: relative; - top: 5rem; } - .triggered .intro-text .cell, .triggered .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 1; - top: 0; } - -.intro-text.video-intro { - height: 100vh; } - .intro-text.video-intro .grid-x, .intro-text.video-intro .video--embed.boxed { - height: 100vh; - padding: 0 !important; - margin-left: 0; - margin-right: 0; } - .intro-text.video-intro .cell, .intro-text.video-intro .video--embed.boxed > .video--embed__wrapper { - height: 100vh; - width: 100vw; - overflow: auto; - margin-left: 0; - margin-right: 0; - padding-top: 8rem; - padding: 8rem 5rem 5rem 5rem; } - @media print, screen and (min-width: 40em) { - .intro-text.video-intro .wrapper { - padding-left: calc(16.66667% + 0.9375rem); - padding-right: calc(16.66667% + 0.9375rem); } } - .intro-text.video-intro .video_element { - z-index: -1; } - -.logo { - margin-top: .5rem; - margin-right: 1.5rem; - display: inline-block; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -p, .off-canvas footer.footer .footer-feature h3, .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - font-size: 1.125rem; } - -q, .inline-quote q, .standalone-quote q { - line-height: 1em; - font-weight: bold; } - q:before, .inline-quote q:before, .standalone-quote q:before, q:after, .inline-quote q:after, .standalone-quote q:after { - position: relative; - width: 1em; - font-size: 1.75em; - top: .125em; } - q:before, .inline-quote q:before, .standalone-quote q:before { - padding-right: .25rem; } - q:after, .inline-quote q:after, .standalone-quote q:after { - padding-left: .25rem; } - .theme--dark q { - color: #ffffff; } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.standalone-quote__icon svg { - max-width: 100%; - width: 15rem; - height: auto; } - -.standalone-quote__icon path#quote { - fill: #7EA687; } - -.standalone-quote__icon path#line { - stroke: #7EA687; } - -.theme--primary-dark .standalone-quote__icon path#quote, -.theme--primary-dark .standalone-quote__icon path#line { - fill: #ffffff; - stroke: #ffffff; } - -.tagline { - font-weight: 300; - display: inline-block; - position: relative; - top: -.25rem; } - -/* -Text Area - -Text area's contain paragraphs and related text copy and offer a drop cap feature for the first contained paragraph. - -Markup: textarea.html.twig - -Styleguide COMPONENTS.textarea - -*/ -.textarea { - font-family: "freight-text-pro", serif; - font-size: 1em; - line-height: 1.6em; } - .drop-cap.textarea > p:first-of-type:first-letter, .off-canvas footer.footer .footer-feature .drop-cap.textarea > h3:first-of-type:first-letter { - float: left; - font-size: 8.25em; - font-weight: 900; - line-height: 0.72em; - margin-right: 0.06667em; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(126, 166, 135, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(145, 119, 80, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -body.off-canvas-opened { - overflow: hidden; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.plyr--audio .plyr__controls { - padding: 0; - margin-bottom: 1rem; - color: #0a0a0a; } - -.plyr--audio .plyr__control { - border-radius: 1000rem; - background: #7EA687; - padding: .75rem; - height: 2.5rem; - width: 2.5rem; } - .plyr--audio .plyr__control svg { - fill: #ffffff !important; - transform: translate(0, -0.125rem); } - .plyr--audio .plyr__control:hover { - background: #588061 !important; } - .plyr--audio .plyr__control:hover svg { - fill: #ffffff !important; } - -.plyr--audio .plyr__progress__buffer { - color: #7EA687; - display: none; } - -.plyr--full-ui.plyr--audio input[type='range'] { - color: #7EA687; } - -.theme--dark .plyr--audio .plyr__controls { - color: #ffffff; } - -audio { - opacity: 0; } - -.transcript { - margin-bottom: 1rem; } - .transcript .transcript__brief { - margin-bottom: .5rem; } - .transcript .transcript__text { - transition-property: visibility, opacity, height, max-height; - transition-duration: .75s; - transition-timing-function: ease-in-out; - overflow: hidden; - max-height: 0; - opacity: 0; } - .transcript .transcript__text.active { - visibility: visible !important; - opacity: 1; - height: auto; - max-height: 600px; } - .transcript .transcript__toggle:after { - display: none; } - .theme--dark .transcript { - color: #ffffff; } - -#chapter_nav ul li.active_item a .dot_wrapper { - animation: pulse 1.375s infinite ease-in-out alternate running; - z-index: -1; } - -#chapter_nav ul li.active_item a .dot { - z-index: 2; - background-color: #7EA687; } - -#chapter_nav:hover ul li::after { - opacity: 1; } - -#chapter_nav { - width: 3em; - position: fixed; - z-index: 110; - box-sizing: border-box; - top: 18vh; - padding: 0 1rem; - left: 1.5rem; - height: 65vh; - background-image: url("/assets/images/chapternav-background.svg"); - background-repeat: repeat-y; - background-position: center center; - background-size: 100% 100%; - font-family: "freight-text-pro", serif; - transition-property: opacity; - transition-duration: 0.625s; - transition-timing-function: ease-in-out; } - @media (min-width: 640px) { - #chapter_nav { - display: block; } } - #chapter_nav.hidden { - visibility: hidden; - opacity: 0; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav.showy { - visibility: visible; - opacity: 1; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav ul { - list-style: none; - position: relative; - z-index: 10; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - justify-content: space-between; } - #chapter_nav ul .dot_wrapper { - position: relative; - width: 100%; - height: 100%; - border-radius: 50%; } - #chapter_nav ul .dot { - display: inline-block; - position: absolute; - box-shadow: 0px 0px 0px 3px #b2b2b2; - transition-property: background-color; - transition-duration: 0.75s; - transition-timing-function: ease-in-out; - text-decoration: none; - box-sizing: border-box; - background-color: #fff; - color: #fff; - border-radius: 50%; - width: 0.425rem; - height: 0.425rem; - text-align: center; - font-size: 1.125em; } - #chapter_nav ul li:nth-child(1) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(1)::after { - content: counter(chapters, upper-alpha); } - #chapter_nav ul li:nth-child(2) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(2)::after { - content: counter(chapters, upper-roman); } - #chapter_nav ul li { - position: relative; - padding: 0; } - #chapter_nav ul li a { - position: absolute; - display: block; - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; } - #chapter_nav ul li::after { - font-family: sans-serif; - counter-increment: chapters; - content: counter(chapters, upper-roman); - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - position: absolute; - opacity: 0; - left: 2.5rem; - top: -0.75rem; - color: #fff; } - #chapter_nav ul li.past .dot { - box-shadow: 0px 0px 0px 2px #ffffff; - background-color: #7EA687; } - .theme--dark #chapter_nav ul li::after { - text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.4); } - #chapter_nav .scroll_percent { - content: ""; - border-left: 3px #7EA687 solid; - position: absolute; - z-index: -1; - top: 0; - left: 50%; - transform: translate3d(-50%, 0, 0); - transition-property: height; - transition-duration: 0.45s; - transition-timing-function: ease-out; } - -body { - counter-reset: tooltipChapters; } - body .tooltip.chapter_nav__tip { - box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.3); - font-size: 0.925rem; - font-weight: normal; - font-family: Helvetica, sans-serif; - white-space: nowrap; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } - body .tooltip.chapter_nav__tip::before { - transition-duration: 0.325s; - transition-timing-function: ease-out; - transition-property: opacity; - position: absolute; - left: 0.875em; - width: auto; - height: auto; - background-color: transparent; - border: none; - display: inline-block; } - -@keyframes pulse { - 0% { - background-color: rgba(126, 166, 135, 0.4); - box-shadow: 0 0 0 0.425rem rgba(126, 166, 135, 0.4); } - 100% { - background-color: rgba(126, 166, 135, 0.15); - box-shadow: 0 0 0 0.875rem rgba(126, 166, 135, 0.15); } } - -/* -Chapter title - -Cover pages for chapters - -Markup: chapter__title.html.twig -*/ -.chapter__title .object-fit { - object-position: 50% 50%; - font-family: 'object-fit: contain; object-position: 50% 50%'; - position: absolute; } - -.chapter__title .overlay { - position: absolute; - z-index: 50; - top: 50%; - left: 50%; - display: none; - opacity: 0; - transform: translate3d(-50%, -40%, 0); - transition-property: transform, opacity; - transition-duration: 1.875s; - transition-timing-function: ease-out; } - -.triggered .chapter__title .object-fit { - animation-name: kenburns; - animation-duration: 1.325s; - animation-timing-function: ease-in-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .overlay { - display: block; - animation-name: fadein; - animation-duration: 1.325s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0.25s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .toggle-caption { - opacity: 1; } - -.chapter__title .chapter__headline { - color: white; } - .chapter__title .chapter__headline .numeral, - .chapter__title .chapter__headline .title { - display: block; - text-align: center; } - .chapter__title .chapter__headline .numeral { - font-size: 8.75rem; - line-height: 165px; - color: white; - font-weight: 900; } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - font-size: 13.75rem; } } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - line-height: 200px; } } - - .chapter__title .chapter__headline .title { - font-size: 1.875rem; - line-height: 40px; - font-style: italic; } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - font-size: 3.125rem; } } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - line-height: 75px; } } - -@keyframes kenburns { - 0% { - transform: scale(1); } - 100% { - transform: scale(1.2); } } - -@keyframes fadein { - 0% { - opacity: 0; - transform: translate3d(-50%, -30%, 0); } - 100% { - opacity: 1; - transform: translate3d(-50%, -50%, 0); } } - -.cover_page { - position: absolute; - overflow: hidden; - /* - * This style will be shared with the SVG because - * I have to replace the DOM element in Firefox. - * Otherwise the SVG pattern will be broken. - */ } - .cover_page .underlay .bg-image { - z-index: -1; } - .cover_page .underlay .underlay_contents { - z-index: 2; - position: relative; } - .cover_page .underlay .headline { - color: transparent; } - .cover_page .underlay .headline .solid { - color: #fff; } - @supports (-webkit-text-stroke: 3px #fff) { - .cover_page .underlay .headline .outline { - color: rgba(255, 0, 0, 0); - -webkit-text-stroke: 2px #fff; } } - .cover_page .underlay .content { - color: #fff; - text-align: center; - padding-bottom: 3em; - position: absolute; - margin-left: 2em; - margin-right: 2em; - bottom: 3rem; - width: calc(100% - 4rem); } - .cover_page .underlay .content .info { - font-size: 1rem; - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - position: relative; - top: 4em; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content .info { - font-size: 1.125rem; } } - .cover_page .underlay .content .info p, .cover_page .underlay .content .info .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cover_page .underlay .content .info h3 { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content { - bottom: 5rem; - width: 100%; - margin-left: 0; - margin-right: 0; } } - .cover_page .down_arrow { - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - opacity: 0; - bottom: -5rem; } - .triggered .cover_page .underlay .content .info { - opacity: 1; - top: 0; } - .triggered .cover_page .down_arrow { - opacity: 1; - bottom: 3rem; } - .cover_page .loaderpane { - position: absolute; - top: 0; - left: 0; } - .cover_page .loaderpane .text { - line-height: 0.75; } - .cover_page .top { - z-index: 10; } - .cover_page .loader { - z-index: 11; - clip: rect(0 100vw 100vh 0); } - .cover_page .loader .text { - color: #dedede; - vertical-align: baseline; - line-height: 100vh; } - .cover_page .bg-image { - animation: kenburns--cover 4s ease-out 0.75s 1 forwards running; } - .cover_page .mask { - color: red; - width: 100%; - height: 100vh; - -webkit-text-fill-color: transparent; - background-repeat: no-repeat; - background-position: center center; - background-size: 100vw 100vh; - background-clip: text; - -webkit-background-clip: text; } - .cover_page .mask .text { - vertical-align: baseline; - line-height: 100vh; } - .cover_page .headline { - display: block; - position: absolute; - width: 100vw; - top: 40%; - left: 50%; - transform: translate3d(-50%, -50%, 0); - margin: 0; - font-family: 'akzidenz-grotesk-next-pro', sans-serif; - font-weight: bold; - font-size: 70px; - line-height: 100%; - letter-spacing: 2px; - text-align: center; } - @media print, screen and (min-width: 40em) { - .cover_page .headline { - top: 40%; - width: 100vw; - font-size: 122px; } } - @media print, screen and (min-width: 64em) { - .cover_page .headline { - font-size: 150px; } } - .cover_page .subtitle { - position: absolute; - color: #fff; - width: 100%; - text-align: center; - font-style: italic; - font-size: 32px; - top: 50%; } - @media print, screen and (min-width: 40em) { - .cover_page .subtitle { - top: 52%; - font-size: 42px; } } - @media print, screen and (min-width: 64em) { - .cover_page .subtitle { - font-size: 50px; } } - .cover_page .cover_loader_container { - background-color: #fff; - position: relative; - z-index: 3; - transition-property: opacity; - transition-timing-function: ease-out; - transition-duration: 0.7s; } - .loaded.cover_page .loader { - animation-name: stretch; - animation-duration: 0.7s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - .post_loaded.cover_page .cover_loader_container { - opacity: 0; } - .post_loaded.cover_page .toggle-caption { - opacity: 1; } - .initialized.cover_page .underlay { - z-index: 15; } - .initialized.cover_page .cover_loader_container, - .initialized.cover_page .mask_loader { - display: none; } - .off-canvas .cover_page { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay .underlay_contents { - padding: 2rem 2rem 1rem 2rem; - min-height: auto; } - .off-canvas .cover_page .underlay .headline { - font-size: 3rem; - position: relative; - left: 50%; - transform: translate3d(-50%, 0%, 0); } - -.cover_page.video_cover .bg-image { - visibility: hidden; } - -@keyframes stretch { - 0% { - clip: rect(0 100vw 100vh 0); } - 100% { - clip: rect(0 100vw 100vh 100vw); } } - -@keyframes kenburns--cover { - 0% { - transform: scale(1); } - 100% { - left: 15%; - top: -17%; - transform: scale(1.5); } } - -.footer__cta { - background: #ffffff; - padding: 2rem !important; - flex-grow: 1; } - .footer__cta h4, - .footer__cta p, - .footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .footer__cta h3 { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .footer__cta { - padding: 3rem !important; } } - .theme--primary-dark.footer__cta { - background: #7EA687; } - .theme--primary-dark.footer__cta h4, - .theme--primary-dark.footer__cta p, - .theme--primary-dark.footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark.footer__cta h3 { - color: #ffffff !important; } - -.footer__cta__wrapper { - padding: 2rem 0; } - @media print, screen and (min-width: 64em) { - .footer__cta__wrapper { - padding: 6rem 0 12rem 0; } } - -.footer__navigation { - font-size: 80%; - margin: auto 0 0 0; - padding: 2rem 0; - border-top: 2px solid #b2b2b2; - color: #8a8a8a; } - -/* -Inline Quotes - -Inline quotes are used to reinforce a quote within the body copy. They have less emphasis than a full viewport standalone quote and can be used more frequently when necessary. - -Markup: inline-quote.html.twig - -Styleguide COMPONENTS.inline-quote - -*/ -.inline-quote q { - font-size: 1.125rem; - line-height: 30px; - position: relative; } - .inline-quote q:before { - position: absolute; - display: inline-block; - left: -1.25rem; - top: 0; - width: 1rem; - padding: 0; } - -.inline-quote cite { - font-size: 1.125rem; - line-height: 30px; - margin-top: 1em; } - -/* -Modals - -Modal dialogs, or pop-up windows, are handy for displaying content as needed on click. - -Markup: modal-demo.html.twig - -Styleguide COMPONENTS.modal - -*/ -.modal, .reveal { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - color: #ffffff; - height: 100vh; - max-height: 100vh; - width: 100vw; - max-width: 100vw; } - .modal:focus, - .reveal:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .full-screen.modal, - .full-screen.reveal { - padding: 0; } - -.menu--footer { - text-align: center; - display: flex; - justify-content: center; - margin-top: .25rem !important; } - @media print, screen and (min-width: 40em) { - .menu--footer { - text-align: left; - justify-content: start; } } - .menu--footer a { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; - color: #8a8a8a; - padding: 0 !important; - margin: 0 1rem; } - @media print, screen and (min-width: 40em) { - .menu--footer a { - margin: 0 4rem 0 0; } } - -nav#mobile_nav { - color: #ffffff; - padding: 1rem; - border-bottom: 2px solid rgba(255, 255, 255, 0.25); } - nav#mobile_nav h3 { - font-family: "freight-display-pro", sans; - font-weight: bold; - font-size: 2rem; - margin-left: 1rem; } - nav#mobile_nav .menu--mobile li { - position: relative; } - nav#mobile_nav .menu--mobile li::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: calc(100% - 2rem); - margin: 0 1rem; - height: 1px; - background-color: rgba(255, 255, 255, 0.25); } - nav#mobile_nav .menu--mobile li:last-of-type::after, nav#mobile_nav .menu--mobile li.active_item::after { - display: none; } - nav#mobile_nav .menu--mobile li.active_item a { - background-color: #7EA687; } - nav#mobile_nav .menu--mobile a { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - display: flex; - font-size: 1.5rem; - font-weight: bold; - padding: 1rem; - color: #ffffff; } - nav#mobile_nav .menu--mobile a:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - nav#mobile_nav .menu--mobile .menu--mobile__numeral { - display: inline-block; - flex-basis: 3rem; - opacity: .5; } - nav#mobile_nav .menu--mobile .menu--mobile__title { - font-style: italic; - flex-basis: calc(100% - 3rem); } - -.off-canvas { - padding-top: 4rem; } - .off-canvas .footer__cta__wrapper { - display: none; } - .off-canvas .off-canvas__buttons .button, - .off-canvas .off-canvas__buttons .cta__button, - .off-canvas .off-canvas__buttons .cta__button--alt, .off-canvas .off-canvas__buttons .modal__open-button, .off-canvas .off-canvas__buttons .transcript .transcript__toggle, .transcript .off-canvas .off-canvas__buttons .transcript__toggle, .off-canvas .off-canvas__buttons .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .off-canvas .off-canvas__buttons .slide--in-depth__intro__button, - .off-canvas .off-canvas__buttons button { - background: #ffffff; - color: #0a0a0a; } - .off-canvas .cover_page .underlay .underlay_contents h1.headline, .off-canvas .cover_page .underlay .underlay_contents .owl-carousel .slide--in-depth__intro .headline.slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .off-canvas .cover_page .underlay .underlay_contents .headline.slide--in-depth__intro__title, .off-canvas .cover_page .underlay .underlay_contents .in-depth .headline.in-depth__title, .in-depth .off-canvas .cover_page .underlay .underlay_contents .headline.in-depth__title { - color: #fff; } - -.audio-with-transcript audio { - margin-bottom: 1rem; } - -/* - -Picture - -A responsive picture element with srcset - -Markup: picture.html.twig - -Styleguide athing.anotherthign - -*/ -.picture picture { - display: inline-block; - width: 100%; - height: auto; } - -.picture img { - display: block; - width: 100%; - height: auto; } - -.sharing-icons .icon { - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: .25; } - .sharing-icons .icon:hover { - opacity: 1; } - -.horizontal-image-slider .sharing-icons { - margin-top: 2rem; } - .horizontal-image-slider .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; - opacity: 1; } - -.owl-item figcaption { - color: #ffffff; } - -.owl-carousel .slide--in-depth__intro { - display: flex; - flex-flow: column; - justify-content: center; - min-height: 100vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro { - justify-content: flex-end; - min-height: calc(100vh - 4rem); - position: relative; - width: 100vw; - height: 100vh; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - position: relative; - left: 2rem; - height: calc(100% - 4rem); - width: calc(100% - 4rem); - display: flex; - align-items: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - margin: 0; - position: absolute; - top: 4rem; - left: 0; - height: calc(100% - 4rem); - width: 100%; - display: flex; - justify-content: center; - align-items: center; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-property: transform, top, right, left, height, width, background-color, opacity, z-index; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - transform: translateX(-100%); - position: absolute; - top: calc(50% - 1.65rem); - right: calc(6rem + 3px); - left: auto; - height: 1px; - width: 100%; - background: #0a0a0a; - content: ""; - opacity: .5; - z-index: 1; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100%; - margin-bottom: 20vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: auto; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100% !important; - position: relative; - overflow: hidden; - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(255, 255, 255, 0.75)); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - content: ""; - z-index: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; - overflow: hidden; - max-height: inherit; - height: 60vh; - width: 60vh !important; - position: relative; - transition-property: height, max-height, width, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transform: translate(-15%, 0) scale(0.7); } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - height: 80vh; - width: 80vh !important; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img { - width: 100% !important; - max-height: 100% !important; - border-radius: 1000rem; - overflow: hidden; - height: auto; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 2rem; - margin-bottom: 1rem; - transition-property: color, margin, top, left, right, bottom, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .5s; - font-family: "freight-display-pro", sans !important; - font-weight: bold; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 3rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 4rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 4rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - transition-property: opacity, top, left, right, bottom, margin, transform, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: .5s; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - color: #0a0a0a; - position: relative; - top: -2rem; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - top: 0; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - font-size: 125%; - line-height: 1.2; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - height: 100%; - width: 100%; - display: flex; - flex-flow: column; - justify-content: center; - align-items: center; - z-index: 1; } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - padding: 0 2rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content > .cell, .owl-carousel .slide--in-depth__intro .video--embed.boxed.slide--in-depth__intro__content > .video--embed__wrapper { - position: relative; - display: flex; - flex-flow: row; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: initial; - margin: 0 2rem; - transition-property: transform, opacity, bottom; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 45%; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 30%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0 0 3rem auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 10vh 10vw 3rem auto; } } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - text-align: center; - margin: 2rem 0 0 0; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 1rem); - display: flex; - flex-flow: column; - bottom: calc(50% - 5px); } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - transition-property: transform, opacity, top, right, margin-top, width, opacity, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - visibility: hidden; - opacity: 0; - height: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - position: absolute; - top: calc(50% + 5px); - right: 0; - margin-top: 3rem; - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - margin-top: 5rem; - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - right: 5rem; } } - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: absolute; - top: 5rem; - left: 1rem; - margin-top: 0; } - .owl-carousel .slide--in-depth__intro .sharing-icons .icon { - border-color: #0a0a0a; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: initial; - margin-top: 2rem; } } - .owl-carousel .slide--in-depth__intro .slide__icon--next { - margin-top: 2rem; - text-align: center; - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next:before { - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg { - transform: rotate(90deg); } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg * { - stroke: #0a0a0a; - fill: #0a0a0a; - color: #0a0a0a; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Oval-5-Copy { - stroke: transparent !important; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Path-2-Copy-2 { - fill: transparent !important; } - .owl-carousel .slide--in-depth__intro .caption { - margin: 0 !important; } - .owl-carousel .slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro, .owl-carousel .open .slide--in-depth__intro { - justify-content: flex-start; - min-height: auto; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__button { - transition-delay: 0s; - visibility: hidden; - opacity: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: inherit; - transition-delay: 0s; } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 0; } } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.25); } } - @media print, screen and (min-width: 64em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-40vw, -10vw) scale(1.25); } } - @media screen and (min-width: 75em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-32.5vw, -10vw) scale(1.5); } } - @media screen and (min-width: 90em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.5); } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide__icon--next, .owl-carousel .open .slide--in-depth__intro .slide__icon--next { - display: block; } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image { - top: 0; - left: 0; - width: auto; - margin: -2rem -2rem -5rem -2rem; - position: relative; - z-index: -1; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #ffffff); - position: absolute; - z-index: 1; - bottom: 0; - left: 0; - width: 100%; - height: 15rem; - content: ""; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image img { - border-radius: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; - border-radius: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-delay: .5s !important; - transform: translateX(0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image picture, .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - transform: translate(0, 0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - transition-delay: 0s; - transform: translate(0, 0); - text-align: left; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - transition-delay: .5s; - visibility: visible; - opacity: 1; } - .triggered .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .triggered .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 0); - opacity: 1; } - .theme--dark .owl-carousel .slide--in-depth__intro .in-depth__title, .owl-carousel .theme--dark .slide--in-depth__intro .in-depth__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__text, .owl-carousel .theme--dark.slide--in-depth__intro .in-depth__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__text { - color: #ffffff; } - @media screen and (max-width: 39.9375em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #0a0a0a); } } - @media print, screen and (min-width: 40em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: #ffffff; } } - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(10, 10, 10, 0.75)); } - .theme--dark .owl-carousel .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark.slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - .theme--dark .owl-carousel .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark.slide--in-depth__intro .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .owl-carousel .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark.slide--in-depth__intro .slide__icon--next svg * { - stroke: #ffffff; - fill: #ffffff; - color: #ffffff; } - -/* -Standalone Quote - -Standalone quotes are used to reinforce a theme or are from a notable source. They should act as a breather moment in the design and help establish the tone. - -Markup: standalone-quote.html.twig - -.size--large - Large type variant - -Styleguide COMPONENTS.standalone-quote - -*/ -.standalone-quote { - margin: 2rem; - position: relative; - max-width: 75rem; - margin: auto; } - .standalone-quote q { - font-size: 1.875rem; - line-height: 40px; - color: #7EA687; - display: block; - font-family: "freight-display-pro", sans; - margin: 3rem 0; - line-height: 1.125em; } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - line-height: 70px; } } - .standalone-quote q p, .standalone-quote q .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .standalone-quote q h3 { - line-height: 1.125em; } - .standalone-quote q h2 { - font-size: 2.8125rem; - line-height: 50px 90px; } - @media print, screen and (min-width: 40em) { - .standalone-quote q h2 { - font-size: 5.3125rem; } } - .standalone-quote q:before, .standalone-quote q:after { - display: none; } - .standalone-quote cite { - font-size: 1.125rem; - color: #0a0a0a; } - .standalone-quote .standalone-quote__social-links > .sharing-icons { - margin: 1rem 0 0 0; - justify-content: center; } - .size--large.standalone-quote q { - font-size: 2.8125rem; - line-height: 50px; } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - font-size: 5.3125rem; } } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - line-height: 90px; } } - .theme--primary-dark .standalone-quote q, - .theme--primary-dark .standalone-quote cite { - color: #ffffff; } - -.top-bar__wrapper { - z-index: 999; - position: fixed; - top: 0; - width: 100%; - transform: translate3d(0, 0, 0); } - -.top-bar { - transform: translate3d(0, 0, 0); - padding: 1rem 1.5rem; - width: 100%; - transition-property: background-color; - transition-duration: .325s; - transition-timing-function: ease-in-out; - font-family: "freight-text-pro", serif; - background-color: #ffffff; - display: flex; - flex-flow: row nowrap; } - @media print, screen and (min-width: 40em) { - .top-bar { - padding: 1rem; } } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex-basis: auto; } - .top-bar svg polygon, - .top-bar svg path { - fill: #0a0a0a !important; } - .top-bar .menu-text { - padding: 0; } - .top-bar ul { - background-color: transparent; } - .top-bar button { - transition-property: color, background-color; - transition-duration: .325s, .325s; - transition-timing-function: ease-in-out, ease-in-out; } - .top-bar .tagline { - transition-property: color; - transition-timing-function: .325s; - transition-timing-function: ease-in-out; } - .top-bar .button-group { - margin-bottom: 0; } - .top-bar .button, - .top-bar .cta__button, - .top-bar .cta__button--alt, .top-bar .modal__open-button, .top-bar .transcript .transcript__toggle, .transcript .top-bar .transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .slide--in-depth__intro__button { - margin-bottom: 0; - background: #0a0a0a; - color: #ffffff; } - .top-bar .button.hollow, - .top-bar .hollow.cta__button, - .top-bar .hollow.cta__button--alt, .top-bar .hollow.modal__open-button, .top-bar .transcript .hollow.transcript__toggle, .transcript .top-bar .hollow.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .hollow.slide--in-depth__intro__button { - color: #0a0a0a; - background: transparent; - border: 2px solid #0a0a0a; } - .invert.top-bar, - .off-canvas-opened .top-bar { - background-color: transparent; } - .invert.top-bar *, - .off-canvas-opened .top-bar * { - color: #ffffff; - background-color: transparent; } - .invert.top-bar .button, - .invert.top-bar .cta__button, - .invert.top-bar .cta__button--alt, .invert.top-bar .modal__open-button, .invert.top-bar .transcript .transcript__toggle, .transcript .invert.top-bar .transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button, - .off-canvas-opened .top-bar .cta__button, - .off-canvas-opened .top-bar .cta__button--alt, - .off-canvas-opened .top-bar .modal__open-button, - .off-canvas-opened .top-bar .transcript .transcript__toggle, - .transcript .off-canvas-opened .top-bar .transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .slide--in-depth__intro__button { - background: #ffffff; - color: #0a0a0a; } - .invert.top-bar .button.hollow, - .invert.top-bar .hollow.cta__button, - .invert.top-bar .hollow.cta__button--alt, .invert.top-bar .hollow.modal__open-button, .invert.top-bar .transcript .hollow.transcript__toggle, .transcript .invert.top-bar .hollow.transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .hollow.slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button.hollow, - .off-canvas-opened .top-bar .hollow.cta__button, - .off-canvas-opened .top-bar .hollow.cta__button--alt, - .off-canvas-opened .top-bar .hollow.modal__open-button, - .off-canvas-opened .top-bar .transcript .hollow.transcript__toggle, - .transcript .off-canvas-opened .top-bar .hollow.transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .hollow.slide--in-depth__intro__button { - background: transparent; - border: 2px solid #ffffff; } - .invert.top-bar svg polygon, - .invert.top-bar svg path, - .off-canvas-opened .top-bar svg polygon, - .off-canvas-opened .top-bar svg path { - fill: #ffffff !important; } - - .off-canvas-opened .top-bar { - background-color: #0a0a0a; } - -/* -Ambient Video - -Fullscreen html5 video playing in the background - -Markup: AmbientVideo.html.twig - -Styleguide COMPONENTS.AmbientVideo - -*/ -.ambient_video .caption figcaption { - background: #282828; } - -@media print, screen and (min-width: 40em) { - .ambient_video { - min-height: 100vh; - min-width: 100vw; - position: relative; - overflow: hidden; - background-color: black; } } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - min-height: auto !important; } } - -@media print, screen and (min-width: 40em) { - .ambient_video::before { - content: ""; - position: absolute; - top: 0; - left: 0; - min-height: 100vh; - min-width: 100vw; - z-index: 2; - background: linear-gradient(90deg, rgba(10, 10, 10, 0) 0, rgba(10, 10, 10, 0.75) 30%, #0a0a0a 95%); } } - -.ambient_video .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .ambient_video .video_element.stopfade { - opacity: 0.5; } - -.ambient_video .cell, .ambient_video .video--embed.boxed > .video--embed__wrapper { - z-index: 2; - color: #fff; } - .ambient_video .cell p, .ambient_video .video--embed.boxed > .video--embed__wrapper p, .ambient_video .cell .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .cell h3, .ambient_video .video--embed.boxed > .video--embed__wrapper .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .video--embed.boxed > .video--embed__wrapper h3 { - color: #fff !important; } - -@media print, screen and (min-width: 40em) { - .ambient_video .centerv { - position: absolute; - top: 50%; - transform: translateY(-50%); - max-width: 32rem; } } - -.ambient_video .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.ambient_video .text_content { - position: relative; - top: 5em; - z-index: 5; - color: #fff; - opacity: 0; - transition-property: top, opacity; - transition-duration: 1s; - transition-delay: 0.75s; - transition-timing-function: ease-out; } - -.triggered .ambient_video { - display: block; - opacity: 1em; } - .triggered .ambient_video .video_element, - .triggered .ambient_video .plyr--video, - .triggered .ambient_video .plyr--audio { - opacity: 1 !important; } - .triggered .ambient_video .text_content { - top: 0; - opacity: 1; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .video_element { - width: 100%; - padding-top: 6rem; - padding-right: 2rem; - padding-left: 2rem; } } - -.ambient_video .video_element .plyr__controls, -.ambient_video .video_element .plyr__control { - display: none; - opacity: 0; } - .ambient_video .video_element .plyr__controls > *, - .ambient_video .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - padding-top: 2rem !important; } } - -/* - -Video Embed - -Ten col, 'full width' video - -Markup: video--embed.html.twig - -*/ -.plyr { - max-height: 100vh; } - -.plyr__control path { - fill: #ffffff; } - -.plyr__controls { - background: transparent !important; } - -.plyr__control:hover { - background-color: #fff !important; } - .plyr__control:hover svg { - fill: #0a0a0a !important; } - -.plyr__control--overlaid { - background: #7EA687; - padding: 1rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid { - padding: 1.5rem; } } - .plyr__control--overlaid:focus { - background: #7EA687; } - .plyr__control--overlaid svg { - transition-property: background-color; - transition-duration: .25s; - transition-timing-function: ease-in-out; - width: 1.25rem; - height: 1.25rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid svg { - width: 1.5rem; - height: 1.5rem; - left: 5px; - top: 2px; } } - -.video--embed { - position: relative; } - @media print, screen and (min-width: 40em) { - .video--embed { - height: 100vh; - overflow: hidden; - background-size: cover; } } - .video--embed .plyr--full-ui input[type=range] { - height: 0.25rem; - color: #fff !important; } - .video--embed .plyr--full-ui input[type=range] .plyr__progress__buffer { - box-shadow: none; } - .video--embed .plyr-video { - max-height: 100vh; } - .video--embed .plyr--video .plyr__controls { - position: fixed; - padding-left: 16.6667%; - padding-right: 16.6667%; - height: 3em; - width: 100%; - bottom: 0; - visibility: hidden; - background: linear-gradient(rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.5)) !important; } - .triggered .video--embed .plyr--video .plyr__controls { - visibility: visible; - opacity: 1; - bottom: 0; - padding-bottom: 2rem; - top: auto; } - .video--embed .plyr__video-wrapper { - background: #ffffff; - height: 100vh; } - .video--embed .plyr__video-wrapper .icon--not-pressed path { - fill: #0a0a0a !important; } - .video--embed .plyr__video-wrapper iframe { - max-height: 100vh; } - @media print, screen and (min-width: 40em) { - .video--embed .plyr__video-wrapper iframe { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .video--embed.theme--dark .plyr__video-wrapper { - background: #0a0a0a; } - .video--embed.theme--dark .plyr__video-wrapper .icon--not-pressed path { - fill: #ffffff; } - .video--embed .plyr__poster { - max-height: 100vh; } - @supports (object-fit: cover) { - .video--embed .plyr__poster { - background-size: cover; } } - .video--embed.boxed { - position: relative; } - .video--embed.boxed > .video--embed__wrapper { - position: relative; } - .video--embed.boxed .plyr__video-wrapper { - height: 100%; } - .video--embed.boxed .plyr--video .plyr__controls { - position: absolute; } - -@supports (object-fit: cover) { - .video--embed.file .plyr__poster, - .video--embed.file .plyr--video .plyr--video, - .video--embed.file .plyr--video video { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.video-overlay { - display: none; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; } - @media print, screen and (min-width: 40em) { - .video-overlay { - background: rgba(10, 10, 10, 0.25); - transition-property: opacity, z-index; - transition-duration: .25s, 0s; - transition-timing-function: ease-in-out, ease-in-out; - transition-delay: 0s, 5s; - opacity: 1; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; - text-align: center; - color: #ffffff; } - .video-overlay__title { - margin-top: 15rem; } - .video-overlay__text { - font-size: 1rem; - max-width: 55rem; - margin-left: auto; - margin-right: auto; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; - padding: 1.75rem; } - .video-overlay .plyr__control--overlaid svg { - left: 5px; - top: 2px; } - .playing .video-overlay { - opacity: 0; - z-index: -1; } } - .video-overlay .caption { - display: inline-block; - margin: 0; } - .video-overlay .caption figcaption { - position: absolute; - bottom: 5rem; - left: 25%; - right: 25%; - background: rgba(10, 10, 10, 0.5); - padding: 1rem; - color: #ffffff; } - .video-overlay .toggle-caption { - transform: translateY(-0.125rem); - border-color: #ffffff; - color: #ffffff; } - .video-overlay .toggle-caption:hover { - border-color: #ffffff; - color: #ffffff; } - -.zoom-caption .zoom-button-wrapper { - position: relative; - z-index: 2; - top: -20px; - left: -20px; } - -.zoom-caption .inline-caption-button { - background-color: #ffffff; - color: #0a0a0a; - font-size: 1.6em; - padding: 6px; - border-radius: 100px; - font-weight: 600; - line-height: 26px; - cursor: pointer; - height: 40px; - width: 40px; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); - animation: border-pulsate 4s ease-out infinite; - transition-property: transform; - transition-duration: 0.2s; - transition-timing-function: ease-in; } - -@keyframes border-pulsate { - 0% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } - 25% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 50% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } - 75% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 100% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } } - .zoom-caption .inline-caption-button.close { - transform: rotate(45deg); } - -.zoom-caption .inline-caption-content { - opacity: 0; - display: none; - transition-property: opacity; - transition-duration: 0.4s; - transition-timing-function: ease-in; } - .zoom-caption .inline-caption-content.show { - display: block; - opacity: 1; } - -.zoom-caption .inline-caption-heading { - font-size: 1.125rem; - line-height: 30px; - margin-bottom: 1rem; - display: block; } - -.zoom-caption .inline-caption-text { - font-size: 0.75rem; - line-height: 16px; } - -.zoomable { - position: relative; - overflow: hidden; - pointer-events: none; } - -.zoomableInPlace { - position: absolute; } - -.zoomable > .zoomed { - transition-property: opacity; - transition-duration: 0.5s; - opacity: 0 !important; - position: absolute !important; - top: auto; - left: auto; - right: auto; - bottom: auto; - margin: 0 !important; - pointer-events: none !important; - max-height: none !important; - max-width: none !important; - background: #fff !important; } - -.zoomable.active > .zoomed { - opacity: 1 !important; - transition-property: opacity; - transition-duration: 0.5s; } - -section.triggered .scroll-finder { - z-index: 99999; - opacity: 1; - bottom: 20px; } - -.zoom-image--fullbleed { - display: none; - width: 100vw; - height: 100vh; - background-color: #000; - align-items: center; - padding-top: 90px; - /* .caption { - margin-bottom: 0; - - figcaption { - @include responsive(max-width, calc(100% - 2rem), 500px); - position: absolute; - z-index: 50; - bottom: 3rem; - right: 1rem; - } - } - - .caption__brief { - position: absolute; - bottom: 1rem; - right: 1rem; - z-index: 50; - } - - .toggle-caption, - .toggle-caption:hover { - color: $white; - border-color: $white; - }*/ } - @media print, screen and (min-width: 64em) { - .zoom-image--fullbleed { - display: flex; } } - -.scroll-finder { - transition-property: opacity, bottom; - transition-duration: 1.3s, 0.75s; - transition-timing-function: ease, ease; - opacity: 0; - height: auto; - width: 160px; - position: fixed; - bottom: -160px; - left: 65px; - overflow: hidden; } - -.finder-box { - height: 50px; - width: 80px; - border: solid #ffffff 2px; - position: absolute; } - -.inline-image-zoom-wrapper { - position: relative; } - .inline-image-zoom-wrapper .zoom-caption { - position: absolute; } - .inline-image-zoom-wrapper .zoom-caption .inline-caption-content { - z-index: 100; - position: relative; - top: -39px; - width: 330px; - background-color: rgba(255, 255, 255, 0.8); - padding: 2rem; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } - .inline-image-zoom-wrapper .caption figcaption { - position: absolute; - width: 100%; } - -.frame > .zoom-image--inline .caption { - position: absolute; - bottom: 2rem; - right: 1.7rem; - margin-bottom: 0; } - -.frame > .zoom-image--inline figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - max-width: auto; - width: 500px !important; - bottom: 3rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .frame > .zoom-image--inline figcaption { - max-width: 500px; } } - -.zoom-image--inline--mobile.owl-carousel { - position: relative; - width: 100vw; - height: auto !important; - padding-bottom: 30px; - color: #0a0a0a; - background: transparent; } - @media print, screen and (min-width: 40em) { - .zoom-image--inline--mobile.owl-carousel { - display: none; } } - .zoom-image--inline--mobile.owl-carousel h2 { - margin-top: 20px; - font-size: 1.1em; } - .zoom-image--inline--mobile.owl-carousel .zoom-image-mobile-text { - margin: 0 40px; } - .zoom-image--inline--mobile.owl-carousel .owl-nav { - display: block; - position: absolute; - width: 100%; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button { - background-image: url("../assets/images/right-arrow.svg") !important; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-prev { - left: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-next { - right: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots { - position: static; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot { - margin: 0 .2rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot.active span { - background-color: #0a0a0a; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot:before { - content: ''; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot span { - display: inline-block !important; - height: 8.5px; - width: 8.5px; } - -.timeline { - margin: 70px 35px 20px 30px; } - @media print, screen and (min-width: 40em) { - .timeline { - margin-left: 80px; } } - @media print, screen and (min-width: 64em) { - .timeline { - margin-left: 90px; } } - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: linear; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - opacity: 0; } } - .timeline .timeline--year.active .timeline-item-title, - .timeline .timeline--year.active .timeline-item-subtitle, - .timeline .timeline--year.active .timeline-item-description, - .timeline .timeline--year.active .timeline-images { - opacity: 1; } - .timeline .timeline--year { - border-left: 1px solid #ffffff; - padding-top: 80px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline--year { - border-left: none; - display: flex; - padding-top: 0; } } - .timeline .timeline--year:first-of-type { - padding-top: 36px; } - .timeline .timeline-title { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding-bottom: 70px; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-title { - visibility: hidden; - position: fixed; - top: 64px; - width: 100vw; - text-align: center; - z-index: 1; - left: 0; - padding-top: 40px; - padding-bottom: 40px; } } - .timeline > h4 { - text-align: center; } - @media print, screen and (min-width: 64em) { - .timeline > h4 { - margin-top: 100px; - margin-right: 85px; } } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-images { - display: inline-block; - width: 30%; - margin-left: 65px; } } - .timeline .timeline-item-image { - padding-bottom: 10px; - padding-left: 30px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-image { - padding-left: 0; } - .timeline .timeline-item-image:first-of-type { - margin-top: 60px; } } - .timeline .timeline-item-image .caption__brief { - padding-top: 5px; } - .theme--dark .timeline .timeline-item-text { - color: white; } - .timeline .timeline-item-text { - padding-left: 30px; - color: white; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - display: inline-block; - width: 60%; - vertical-align: top; - padding-left: 10%; - padding-bottom: 80px; - margin-left: 12%; - border-left: none; - position: relative; } } - .timeline .timeline-item-title { - font-size: 3.75rem; - font-family: "freight-text-pro", serif; - line-height: 1; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title { - font-size: 10rem; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title { - margin-top: -35px; } } - .timeline .timeline-item-title.smaller-text { - font-size: 5.50em; - line-height: 1.1; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title.smaller-text { - margin-top: 5px; } } - .timeline .timeline-item-title::before { - content: ''; - display: inline-block; - width: 15px; - height: 15px; - -moz-border-radius: 7.5px; - -webkit-border-radius: 7.5px; - border-radius: 7.5px; - background-color: #ffffff; - position: absolute; - left: 23px; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title::before { - left: 73px; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title::before { - height: 0; - width: 0; - margin-top: 0; } } - - .timeline .timeline-item-subtitle { - font-family: "freight-display-pro", sans; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-subtitle { - width: 80%; } } - - .timeline .timeline-item-description { - font-size: 1.2em; - padding-bottom: 1em; - margin-bottom: 0; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-description { - width: 80%; } } - .timeline .timeline-year { - color: #ffffff; - position: absolute; - font-size: 1.5em; - left: -65px; - top: 43px; } - .timeline .timespan-scroller-inner, - .timeline .timespan-scroller-pos { - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller { - visibility: hidden; - height: 500px; - width: 200px; - position: fixed; - top: 215px; - left: 40vw; - color: white; - overflow: hidden; - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - opacity: 0; } } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller-inner { - z-index: 0; - background-color: white; - width: 1px; - margin: auto; - position: relative; } } - @media print, screen and (min-width: 64em) { - .timeline .span-year { - display: block; - padding-bottom: 250px; - margin-left: -55px; - font-size: 1.25em; } } - - .timeline .timespan-scroller-pos { - width: 3px; - min-height: 10px; - background: white; - position: absolute; - margin-left: -1px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - border-left: 0; } - .timeline .timeline-item-text .timeline-year { - display: none; } - .timeline .timeline-item-text:before { - width: 0; - height: 0; } } - -@media print, screen and (min-width: 64em) { - .timeline.year-span { - margin: 220px 35px 20px 30px; } } - -.timeline.year-span .timeline-item-title { - font-family: "freight-text-pro", serif; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span > div:first-of-type { - margin-top: 50px; } } - -.timeline.no-year-span .timespan-scroller-pos { - min-height: 15px; - width: 15px; - border-radius: 15px; - margin-left: -7px; - margin-top: -5px; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-text { - border-left: 1px solid #ffffff; } } - -.timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 50px; } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 0; } } - -.timeline.no-year-span .timeline-item-title::before { - margin-top: 28px; } - @media print, screen and (min-width: 40em) { - .timeline.no-year-span .timeline-item-title::before { - margin-top: 90px; } } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title::before { - width: 15px; - height: 15px; - top: 58px; - left: -8px; - margin-top: 0; } } - -.theme--primary .timeline .timeline--year { - border-left-color: #7EA687; } - -@media print, screen and (min-width: 64em) { - .theme--primary .timeline .timeline-item-text { - border-left-color: #7EA687; } } - -.theme--primary .timeline .timeline-item-title::before { - background-color: #7EA687; } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline .timespan-scroller { - visibility: visible; - opacity: 1; } } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline h2 { - visibility: visible; } } - -.stackla-widget .stackla-poweredByStackla { - display: none; } - -.stacklapopup-content .stacklapopup-poweredByStackla { - display: none; } - -/* Import from BeerSlider library */ -.beer-slider { - display: inline-block; - overflow: hidden; - position: relative; } - -.beer-slider *, .beer-slider:after, .beer-slider :after, .beer-slider:before, .beer-slider :before { - box-sizing: border-box; } - -.beer-slider img, .beer-slider svg { - vertical-align: bottom; } - -.beer-slider > * { - height: 100%; } - -.beer-slider > img { - height: auto; - max-width: 100%; } - -.beer-reveal { - left: 0; - opacity: 0; - overflow: hidden; - position: absolute; - right: 50%; - top: 0; - transition-property: opacity; - transition-duration: .35s; - z-index: 1; } - .beer-reveal.pre-load { - width: 100% !important; } - -.beer-reveal > :first-child { - height: 100%; - max-width: none; - width: 200%; } - -.beer-reveal > img:first-child { - height: auto; } - -.beer-range { - -moz-appearance: none; - -ms-touch-action: auto; - -webkit-appearance: slider-horizontal !important; - bottom: 0; - cursor: pointer; - height: 100% !important; - left: -1px; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - touch-action: auto; - width: calc(100% + 2px); - z-index: 2; } - -.beer-range::-webkit-slider-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-moz-range-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-ms-tooltip { - display: none; } - -.beer-handle { - background: #fff; - border-radius: 50%; - box-shadow: 0 0 6px transparent; - color: #777; - height: 48px; - left: 50%; - opacity: 0; - pointer-events: none; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); - transition-property: background, box-shadow, opacity; - transition-duration: .3s, .3s, .5s; - transition-delay: 0s, 0s, .25s; - width: 48px; - z-index: 2; } - -.beer-handle:after, .beer-handle:before { - border-left: 2px solid; - border-top: 2px solid; - content: ""; - height: 10px; - position: absolute; - top: 50%; - transform-origin: 0 0; - width: 10px; } - -.beer-handle:before { - left: 10px; - transform: rotate(-45deg); } - -.beer-handle:after { - right: 0; - transform: rotate(135deg); } - -.beer-range:focus ~ .beer-handle { - background: rgba(255, 255, 255, 0.85); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } - -.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after { - background: rgba(255, 255, 255, 0.75); - border-radius: .125rem; - content: attr(data-beer-label); - line-height: 1; - padding: .5rem; - position: absolute; - top: 1.5rem; } - -.beer-slider[data-beer-label]:after { - right: 1.5rem; } - -.beer-reveal[data-beer-label]:after { - left: 1.5rem; } - -.beer-reveal[data-beer-label=""]:after, .beer-slider[data-beer-label=""]:after { - content: none; } - -.beer-ready .beer-handle, .beer-ready .beer-reveal { - opacity: 1; } - -.frame > .beer-slider { - width: 100%; } - .frame > .beer-slider img:first-child { - width: 100%; } - -.beer-reveal > :last-child { - height: 100% !important; - max-width: none !important; } - -.image-comparison-slider .beer-slider { - left: 50%; - transform: translateX(-50%); } - -.image-comparison-slider .beer-range { - height: 100% !important; } - -.image-comparison-slider .beer-reveal img { - max-width: none; - width: auto; - height: auto; } - -.embed--content-wrapper { - text-align: center; - margin: 1rem 0 0; } - .embed--content-wrapper h4 { - margin-bottom: .42rem; } - -/* - -One-up Primary - -The primary site nav with a central column. - -Markup: one_up--primary.html.twig - -Styleguide Layouts.one_up--primary - -*/ -.one_up--primary .grid-frame { - height: 100vh; } - -/* - -Two-up Primary - -The basic two column nav with two-grid-col offsets on either side. - -Markup: two_up--primary.html.twig - -Styleguide Layouts.two_up--primary - -*/ -/* -Commentary - -The commentary component is used when wanting to display long form historical, contemporary, or expert commentary related to the story. - -Markup: commentary.html.twig - -Styleguide COMPONENTS.commentary - -*/ -.commentary { - margin-top: 4rem; } - @media print, screen and (min-width: 40em) { - .commentary { - margin-top: 0; } } - .commentary .commentary__content { - min-height: 100%; - padding: 0; - margin: 0; - border: 2px solid #b2b2b2; } - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(-25vw); } - @media print, screen and (min-width: 40em) { - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(0); } } - .commentary .commentary__layout-left { - padding: 0 4vw 4vw 4vw; - position: relative; - border-bottom: 2px solid #b2b2b2; } - @media print, screen and (min-width: 64em) { - .commentary .commentary__layout-left { - padding: 0 5vw 4vw 6vw; - border-bottom: none; - border-right: 2px solid #b2b2b2; } } - - .commentary .commentary__layout-right { - padding: 12vw 4vw 4vw 4vw; - position: relative; - margin-bottom: -25vw; } - @media print, screen and (min-width: 40em) { - - .commentary .commentary__layout-right { - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - - .commentary .commentary__layout-right { - padding: 5vw 6vw 4vw 4vw; - margin-bottom: 0; } } - .no-img.commentary { - margin-top: 0; } - .no-img.commentary .commentary__layout-left { - padding-top: 5vw; - transform: translateY(0); } - .no-img.commentary .commentary__layout-right { - margin-bottom: 0; - padding-bottom: 4vw; - transform: translateY(0); } - .commentary .commentary__image { - position: relative; - text-align: center; - width: 50vw; - margin: 0 auto 2rem auto; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__image { - margin: 0 auto; - width: auto; - top: -2rem; } } - @media print, screen and (min-width: 64em) { - .commentary .commentary__image { - left: -1vw; - max-width: 20vw; } } - .commentary .commentary__image img { - max-width: 30rem; - border-radius: 1000rem; - border: 2px solid #b2b2b2; - overflow: hidden; - margin-right: 2vw; - display: inline-block; } - .commentary .commentary__author-name { - font-size: 2.375rem; - line-height: 40px; - font-family: "freight-display-pro", sans; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - line-height: 70px; } } - .commentary .commentary__author-title { - font-family: "freight-display-pro", sans; - font-size: 1.75rem; - font-style: italic; } - .commentary .commentary__author-bio { - color: #8a8a8a; } - .commentary .commentary__icon { - text-align: left; - position: absolute; - top: -1.25rem; - left: 4vw; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon { - top: -2rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon svg { - width: 5rem; } } - .commentary .sharing-icons { - margin-top: 2rem; - margin-bottom: 0; } - -footer.footer { - background: #ffffff; - display: flex; - flex-flow: column; - position: relative; - z-index: 3; } - footer.footer h1, footer.footer .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro footer.footer .slide--in-depth__intro__title, footer.footer .in-depth .in-depth__title, .in-depth footer.footer .in-depth__title, - footer.footer h2, - footer.footer h3, - footer.footer h4, - footer.footer h5, - footer.footer h6, - footer.footer a.link--arrow, - footer.footer label { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - footer.footer .footer__content { - padding-top: 3rem; - padding-bottom: 3rem; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__content { - padding-top: 6rem; - padding-bottom: 6rem; } } - footer.footer form { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer form { - margin: 2rem 0; } } - footer.footer .footer__social { - margin: 3rem 0 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__social { - margin: 5rem 0 2rem 0; } } - footer.footer .footer__social > a { - color: #8a8a8a; - margin-right: 1rem; } - footer.footer .footer-feature-wrapper { - display: flex; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature-wrapper { - display: block; } } - footer.footer .footer-feature { - width: 45%; - display: inline-block; - margin-right: 5%; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature { - margin-bottom: 4rem; - width: auto; - display: block; - margin-right: 0; } } - @media print, screen and (min-width: 64em) { - footer.footer .footer-feature { - margin-bottom: 4rem; } - footer.footer .footer-feature:last-of-type { - margin-bottom: 0; } } - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - margin-bottom: 1rem; } - @media screen and (max-width: 39.9375em) { - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - font-family: "freight-text-pro", serif; - font-weight: 100; } - footer.footer .footer-feature h3:after, - footer.footer .footer-feature h4:after { - display: none; } } - footer.footer .footer-feature p, .off-canvas footer.footer .footer-feature h3 { - font-size: 0.75rem; - line-height: 16px; } - footer.footer .footer-feature .footer-description { - display: none; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature .footer-description { - display: block; } } - footer.footer .footer-feature img { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature img { - margin: 0; } } - @media print, screen and (min-width: 40em) { - footer.footer { - display: block; } } - .off-canvas footer.footer { - padding: 0 2rem; - display: block; } - .off-canvas footer.footer .footer-feature h3 { - font-family: sans-serif; - margin: .5rem 0 0 0; } - .off-canvas footer.footer .footer-feature h3:after { - display: none; } - .off-canvas footer.footer .footer__navigation { - display: none; } - -/* -Horizontal Image Slider - -This is used to show a set of related images as a group. - -Markup: horizontal-image-slider.html.twig - -Styleguide COMPONENTS.horizontal-image-slider - -*/ -.owl-carousel, -.horizontal-image-slider.owl-carousel, .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - padding: 0; - height: 100vh; - display: block; - color: #0a0a0a; - cursor: url(../../../assets/images/horizontal_scrub_cursor.svg), auto; } - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer, - .owl-carousel .owl-stage, - .horizontal-image-slider.owl-carousel .owl-stage, - .in-depth-slider .horizontal-image-slider .owl-stage, - .in-depth-modal .horizontal-image-slider .owl-stage, - .owl-carousel .owl-item, - .horizontal-image-slider.owl-carousel .owl-item, - .in-depth-slider .horizontal-image-slider .owl-item, - .in-depth-modal .horizontal-image-slider .owl-item { - height: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 8rem 6rem 4rem 6rem; } } - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - height: 100%; - padding: 0 2rem; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - padding: 0; } } - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - display: block; } } - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem; - display: flex; - height: 100%; } - .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - margin: auto 0; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem 2rem 2rem 0; - max-width: 25rem; } } - .owl-carousel h3, .horizontal-image-slider.owl-carousel h3, .in-depth-slider .horizontal-image-slider h3, .in-depth-modal .horizontal-image-slider h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: auto; } } - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - min-width: 220px; - max-height: 50vh; - width: auto; - margin: auto; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - width: auto; - height: 100%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption, .horizontal-image-slider.owl-carousel .caption, .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - position: absolute; } } - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - font-size: 15px; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - display: inline-block; } } - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: 83%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: none; } } - .owl-carousel .owl-dots, .horizontal-image-slider.owl-carousel .owl-dots, .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots { - position: absolute; - right: 2rem; - bottom: 2rem; - counter-reset: dots; } - .owl-carousel .owl-dot, .horizontal-image-slider.owl-carousel .owl-dot, .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - margin: 0 .5rem; - color: rgba(10, 10, 10, 0.5) !important; } - .owl-carousel .owl-dot:focus, .horizontal-image-slider.owl-carousel .owl-dot:focus, .in-depth-slider .horizontal-image-slider .owl-dot:focus, .in-depth-modal .horizontal-image-slider .owl-dot:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-dot.active, .horizontal-image-slider.owl-carousel .owl-dot.active, .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - .owl-carousel .owl-dot span, .horizontal-image-slider.owl-carousel .owl-dot span, .in-depth-slider .horizontal-image-slider .owl-dot span, .in-depth-modal .horizontal-image-slider .owl-dot span { - display: none !important; } - .owl-carousel .owl-dot:before, .horizontal-image-slider.owl-carousel .owl-dot:before, .in-depth-slider .horizontal-image-slider .owl-dot:before, .in-depth-modal .horizontal-image-slider .owl-dot:before { - font-size: .75rem; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - counter-increment: dots; - content: "0" counter(dots); } - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: none; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: block; } } - .owl-carousel .owl-nav.disabled, .horizontal-image-slider.owl-carousel .owl-nav.disabled, .in-depth-slider .horizontal-image-slider .owl-nav.disabled, .in-depth-modal .horizontal-image-slider .owl-nav.disabled { - display: none !important; - opacity: 0 !important; - visibility: hidden !important; } - .owl-carousel .owl-nav button, .horizontal-image-slider.owl-carousel .owl-nav button, .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - position: absolute; - top: calc(50% - 4rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; - width: 4rem; - height: 2.5rem; - opacity: 1 !important; } - .owl-carousel .owl-nav button:focus, .horizontal-image-slider.owl-carousel .owl-nav button:focus, .in-depth-slider .horizontal-image-slider .owl-nav button:focus, .in-depth-modal .horizontal-image-slider .owl-nav button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-nav button:hover, .horizontal-image-slider.owl-carousel .owl-nav button:hover, .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - .owl-carousel .owl-nav button.disabled, .horizontal-image-slider.owl-carousel .owl-nav button.disabled, .in-depth-slider .horizontal-image-slider .owl-nav button.disabled, .in-depth-modal .horizontal-image-slider .owl-nav button.disabled { - opacity: 0 !important; } - .owl-carousel .owl-nav button.owl-prev, .horizontal-image-slider.owl-carousel .owl-nav button.owl-prev, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-prev, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-prev { - left: 2rem; - transform: rotate(180deg); } - .owl-carousel .owl-nav button.owl-next, .horizontal-image-slider.owl-carousel .owl-nav button.owl-next, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-next, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-next { - right: 2rem; } - .theme--dark .owl-carousel, - .theme--dark .horizontal-image-slider.owl-carousel, .theme--dark .in-depth-slider .horizontal-image-slider, .in-depth-slider .theme--dark .horizontal-image-slider, .theme--dark .in-depth-modal .horizontal-image-slider, .in-depth-modal .theme--dark .horizontal-image-slider, .theme--dark.owl-carousel, .in-depth-slider .theme--dark.horizontal-image-slider, .in-depth-modal .theme--dark.horizontal-image-slider { - color: #ffffff; } - .theme--dark .owl-carousel .figcaption, .theme--dark .horizontal-image-slider.owl-carousel .figcaption, .theme--dark .in-depth-slider .horizontal-image-slider .figcaption, .in-depth-slider .theme--dark .horizontal-image-slider .figcaption, .theme--dark .in-depth-modal .horizontal-image-slider .figcaption, .in-depth-modal .theme--dark .horizontal-image-slider .figcaption, .theme--dark.owl-carousel .figcaption, .in-depth-slider .theme--dark.horizontal-image-slider .figcaption, .in-depth-modal .theme--dark.horizontal-image-slider .figcaption { - color: #ffffff; } - .theme--dark .owl-carousel .owl-dot, .theme--dark .horizontal-image-slider.owl-carousel .owl-dot, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot, .theme--dark.owl-carousel .owl-dot, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .owl-carousel .owl-dot.active, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark.owl-carousel .owl-dot.active, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot.active { - color: #ffffff !important; } - .theme--dark .owl-carousel .slide__icon--next:before, .theme--dark .horizontal-image-slider.owl-carousel .slide__icon--next:before, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next:before, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark.owl-carousel .slide__icon--next:before, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next:before { - background: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg circle.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark.owl-carousel .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider { - fill: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg polyline.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark.owl-carousel .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider { - stroke: #ffffff; } - -.page :not(.in-depth-slider) > .horizontal-image-slider > * { - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - -.page.triggered :not(.in-depth-slider) > .horizontal-image-slider > * { - opacity: 1; } - -/* -In Depth -This is used to show additional information that is related to the content in the chapter but not necessary to show the user. This content is often shareable, fun, digestible "Did you know?" type content. -Markup: in-depth.html.twig -Styleguide COMPONENTS.in-depth -*/ -.in-depth { - display: flex; - align-items: center; - height: 100vh; } - @media print, screen and (min-width: 40em) { - .in-depth { - padding: 0; } } - .in-depth .in-depth__intro { - width: 100%; - min-height: auto !important; } - .in-depth .in-depth__image img { - border-radius: 1000rem; - overflow: hidden; } - .in-depth .in-depth__title { - font-size: 2rem; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__title { - font-size: 3rem; - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__title { - font-size: 4rem; - margin-bottom: 4rem; } } - .in-depth .in-depth__left-col { - position: relative; - z-index: 5; } - .in-depth .in-depth__right-col { - position: relative; - z-index: 10; - transform: translate(0, -4rem); - padding: 0 2rem; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__right-col { - padding: 0; - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; - transform: translate(-2rem, 0); } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__right-col { - transform: translate(-4rem, 0); } } - @media screen and (min-width: 75em) { - .in-depth .in-depth__right-col { - transform: translate(-6rem, 0); } } - @media screen and (min-width: 90em) { - .in-depth .in-depth__right-col { - transform: translate(-8rem, 0); } } - .theme--dark .in-depth .in-depth__title, .theme--dark.in-depth .in-depth__title { - color: #ffffff; } - -.in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - visibility: hidden; - opacity: 0; - margin-top: 5rem; - border-color: #0a0a0a !important; - color: #0a0a0a !important; - background-color: rgba(255, 255, 255, 0.25) !important; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: absolute; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - margin-top: 5rem; - margin-right: 0; } } - -.in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: auto; - min-height: 100vh; - padding: 0; - background: transparent; - cursor: default; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: 100vh; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 0; } } - .in-depth-slider .horizontal-image-slider .item:not(:first-of-type), .in-depth-modal .horizontal-image-slider .item:not(:first-of-type) { - display: none; - opacity: 0; - visibility: hidden; } - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 2rem 0; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 0; - display: flex !important; - flex-flow: row nowrap !important; - align-items: center !important; } - .in-depth-slider .horizontal-image-slider .item__content > *, .in-depth-modal .horizontal-image-slider .item__content > * { - flex-grow: 1; } } - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - width: 100% !important; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - flex-basis: 75%; - height: 100vh; - min-height: 100vh; - width: auto !important; - position: relative; } - .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .in-depth-modal .horizontal-image-slider .item__content > .picture:before { - position: absolute; - top: 0; - right: 0; - width: calc(100% / 3); - height: 100%; - content: ''; - background: linear-gradient(to right, transparent, #ffffff); - z-index: 9; } } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - position: relative; - height: auto; - width: 100%; - object-fit: initial !important; - background-size: initial !important; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - max-height: 100vh; - min-height: 100vh; } } - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - color: #0a0a0a; - position: relative; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - flex-basis: 25%; - position: relative; - margin: 4rem 12rem; } } - .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - border-color: #0a0a0a; - color: #0a0a0a; } - .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; - background: #e6e6e6; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 16px !important; } } - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - top: calc(50% - 1.25rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - color: rgba(10, 10, 10, 0.5) !important; } - .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots, - .in-depth-slider .horizontal-image-slider .owl-nav, - .in-depth-modal .horizontal-image-slider .owl-nav { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: 0; - visibility: hidden; } } - -.open.in-depth-slider .in-depth__toggle, .open.in-depth-modal .in-depth__toggle { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .owl-dots, .open.in-depth-modal .horizontal-image-slider .owl-dots, -.open.in-depth-slider .horizontal-image-slider .owl-nav, -.open.in-depth-modal .horizontal-image-slider .owl-nav { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .item:not(first-of-type), .open.in-depth-modal .horizontal-image-slider .item:not(first-of-type) { - display: block; - opacity: 1; - visibility: visible; } - -.theme--dark .in-depth-slider .in-depth__toggle, .theme--dark .in-depth-modal .in-depth__toggle, .theme--dark.in-depth-slider .in-depth__toggle, .theme--dark.in-depth-modal .in-depth__toggle { - border-color: #ffffff !important; - color: #ffffff !important; - background-color: rgba(10, 10, 10, 0.25) !important; } - -.theme--dark .in-depth-slider .owl-dot, .theme--dark .in-depth-modal .owl-dot, .theme--dark.in-depth-slider .owl-dot, .theme--dark.in-depth-modal .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .in-depth-slider .owl-dot.active, .theme--dark .in-depth-modal .owl-dot.active, .theme--dark.in-depth-slider .owl-dot.active, .theme--dark.in-depth-modal .owl-dot.active { - color: #ffffff !important; } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button, .theme--dark .in-depth-modal .owl-nav button, .theme--dark.in-depth-slider .owl-nav button, .theme--dark.in-depth-modal .owl-nav button { - background: #ffffff !important; } } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button:hover, .theme--dark .in-depth-modal .owl-nav button:hover, .theme--dark.in-depth-slider .owl-nav button:hover, .theme--dark.in-depth-modal .owl-nav button:hover { - background: #ffffff !important; } } - -.theme--dark .in-depth-slider .caption, .theme--dark .in-depth-modal .caption, .theme--dark.in-depth-slider .caption, .theme--dark.in-depth-modal .caption { - color: #ffffff; } - .theme--dark .in-depth-slider .caption .toggle-caption, .theme--dark .in-depth-modal .caption .toggle-caption, .theme--dark.in-depth-slider .caption .toggle-caption, .theme--dark.in-depth-modal .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .in-depth-slider .caption figcaption, .theme--dark .in-depth-modal .caption figcaption, .theme--dark.in-depth-slider .caption figcaption, .theme--dark.in-depth-modal .caption figcaption { - color: #ffffff; - background: rgba(255, 255, 255, 0.3); } - -@media print, screen and (min-width: 40em) { - .theme--dark .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark .in-depth-modal .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-modal .horizontal-image-slider .item__content > .picture:before { - background: linear-gradient(to right, transparent, #0a0a0a); } } - -.page { - z-index: 1; - padding: 0; - margin: 0; - min-height: 100vh; - overflow: hidden; - background-color: #fff; - box-sizing: border-box; } - .page .frame { - /* - Need `width: 100vh` in order to fix horizontal slider` - */ - width: 100vw; - box-sizing: border-box; } - .page .fluid { - min-height: 100vh; } - .height-auto.page, - .page .height-auto { - min-height: auto !important; } - .height-auto.page .fluid, - .page .height-auto .fluid { - min-height: auto; } - .page h2 { - margin-top: 0; } - .page .sub-title, - .page .page-title { - font-size: 1.25em; - color: #666; - font-weight: 600; - font-family: freight-display-pro; - font-style: italic; } - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - min-height: 100vh; - padding: 6rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - padding: 8rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 2rem 2rem 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 5rem 5rem 2.5rem 5rem; } } - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 1rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 2.5rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 2.5rem 5rem; } } - .pinnedTop.page, .pinnedBottom.page { - position: fixed; - z-index: 50; } - .pinnedTop.page { - top: 0; - bottom: auto; } - .pinnedBottom.page { - top: auto; - bottom: 0; } - .current_page.page { - z-index: 20; } - .page .page-load-snap-sticky { - position: fixed; - top: 0; - height: 100vh; - z-index: 100; - background-color: #ffffff; } - -.chapter, -.page { - position: relative; } - -.scroll-comparison { - background: transparent; } - .scroll-comparison h3 { - font-size: 1.375rem; - line-height: 1.32; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison h3 { - font-size: 1.75rem; } } - @media print, screen and (min-width: 64em) { - .scroll-comparison h3 { - font-size: 2.125rem; } } - .scroll-comparison .content { - font-size: 1rem; - line-height: 1.8; - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - opacity: 0; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .content { - width: 100%; } } - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 1rem; } - @media print, screen and (min-width: 40em) { - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 0; } } - .scroll-comparison .wrapper > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - transition-property: width; - transition-duration: .5s; - transition-timing-function: ease-in-out; } - .scroll-comparison .wrapper > .cell picture, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture, - .scroll-comparison .wrapper > .cell .picture, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture { - position: relative; } - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - content: '+'; - transition-property: background, border; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - top: 0; - left: 0; - color: white; - z-index: 1; - width: 100%; - text-align: center; - font-size: 2rem; - height: 2rem; - line-height: 2rem; - padding-top: calc(50% - 1rem); } - @media print, screen and (min-width: 64em) { - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - font-size: 4rem; - height: 4rem; - line-height: 4rem; - padding-top: calc(50% - 2rem); } } - .scroll-comparison .wrapper > .cell picture:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:after { - content: ''; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; - background: rgba(10, 10, 10, 0.65); - opacity: 1; - border: 2px solid #ffffff; } - .scroll-comparison .wrapper > .cell picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover { - cursor: pointer; } - .scroll-comparison .wrapper > .cell picture:hover:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover:after, - .scroll-comparison .wrapper > .cell .picture:hover:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover:after { - background: rgba(10, 10, 10, 0.45); } - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: none; } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: block; } } - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - display: none; } - @media screen and (max-width: 39.9375em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-bottom: .5rem; } } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-top: 2rem; - display: initial; } } - .scroll-comparison .wrapper > .cell.active picture:before, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:before, .scroll-comparison .wrapper > .cell.active picture:after, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell.active .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:before, - .scroll-comparison .wrapper > .cell.active .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:after { - opacity: 0; } - .scroll-comparison .wrapper > .cell.active picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell.active .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:hover { - cursor: default; } - .scroll-comparison .wrapper > .cell.active h3, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper h3 { - display: block; } - .scroll-comparison .wrapper > .cell.active .content, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .content { - transition-delay: .5s; - opacity: 1; } - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: calc(calc(-100vw / 3) + 1rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: 0; } } - .scroll-comparison .inline-quote { - position: relative; - left: -1rem; } - -.other-stories h3 { - color: #0a0a0a; - text-align: center; - margin-bottom: .5rem; } - -.other-stories .large-up-2 { - display: flex; - justify-content: center; } - -.other-stories button.cta { - left: 50%; - transform: translate(-50%, 0); - margin-bottom: 1.3rem; } - -.other-stories .hub-story { - margin: 25px; } - @media print, screen and (min-width: 40em) { - .other-stories .hub-story { - display: inline-block; - vertical-align: top; - width: 30%; - margin: 25px 1% 25px 1%; } } - .other-stories .hub-story .story-image { - position: relative; } - .other-stories .hub-story .on-view-story { - right: 15px; - top: 15px; - background-color: #0090a0; } - .other-stories .hub-story .story-title { - margin-top: 25px; - margin-bottom: 0; - text-align: center; - font-size: 1.5em; } - .other-stories .hub-story .story-title p, .other-stories .hub-story .story-title .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .other-stories .hub-story .story-title h3 { - margin-bottom: 0; } - .other-stories .hub-story .story-subtitle { - font-family: "freight-display-pro", sans; - font-style: italic; - text-align: center; - display: block; - font-size: 1.5em; - font-weight: 700; - color: #8a8a8a; } - .other-stories .hub-story .read-link-wrapper { - text-align: center; - margin-top: 12px; } - .other-stories .hub-story .read-link-wrapper a { - color: black; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .other-stories .hub-story .read-link-wrapper a::after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } diff --git a/build2/styles/for-testing.scss b/build2/styles/for-testing.scss new file mode 100644 index 000000000..5ffee9427 --- /dev/null +++ b/build2/styles/for-testing.scss @@ -0,0 +1,5 @@ +// Import La Prose Theme Settings. +@import 'story/settings--la-prose'; + +// Import Common Files. +@import 'base/common'; diff --git a/build2/styles/gauguin.css b/build2/styles/gauguin.css deleted file mode 100644 index 6817d1892..000000000 --- a/build2/styles/gauguin.css +++ /dev/null @@ -1,13350 +0,0 @@ -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -/** - * Foundation for Sites by ZURB - * Version 6.4.3 - * foundation.zurb.com - * Licensed under MIT Open Source - */ -@media print, screen and (min-width: 40em) { - .reveal, .reveal.tiny, .reveal.small, .reveal.large { - right: auto; - left: auto; - margin: 0 auto; } } - -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/* Document - ========================================================================== */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - line-height: 1.15; - /* 2 */ - -ms-text-size-adjust: 100%; - /* 3 */ - -webkit-text-size-adjust: 100%; - /* 3 */ } - -/* 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, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title { - font-size: 2em; - margin: 0.67em 0; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - 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 { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Add the correct display in IE. - */ -main { - display: block; } - -/** - * 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 */ } - -/* Links - ========================================================================== */ -/** - * 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 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in 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 */ - 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. - */ -button { - 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 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 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 { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - color: inherit; - /* 2 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE, and Firefox. - */ -details { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; } - -/* 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; } - -.foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } - -html { - box-sizing: border-box; - font-size: 100%; } - -*, -*::before, -*::after { - box-sizing: inherit; } - -body { - margin: 0; - padding: 0; - background: #ffffff; - font-family: "freight-text-pro", serif; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; } - -textarea { - height: auto; - min-height: 50px; - border-radius: 0; } - -select { - box-sizing: border-box; - width: 100%; - border-radius: 0; } - -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -button { - padding: 0; - appearance: none; - border: 0; - border-radius: 0; - background: transparent; - line-height: 1; - cursor: auto; } - [data-whatinput='mouse'] button { - outline: 0; } - -pre { - overflow: auto; } - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; } - -.is-visible { - display: block !important; } - -.is-hidden { - display: none !important; } - -.grid-container { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 90rem; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.fluid { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 100%; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container.fluid { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.full { - padding-right: 0; - padding-left: 0; - max-width: 100%; - margin: 0 auto; } - -.grid-x, .video--embed.boxed { - display: flex; - flex-flow: row wrap; } - -.cell, .video--embed.boxed > .video--embed__wrapper { - flex: 0 0 auto; - min-height: 0px; - min-width: 0px; - width: 100%; } - .cell.auto, .video--embed.boxed > .auto.video--embed__wrapper { - flex: 1 1 0px; } - .cell.shrink, .video--embed.boxed > .shrink.video--embed__wrapper { - flex: 0 0 auto; } - -.grid-x > .auto, .video--embed.boxed > .auto { - width: auto; } - -.grid-x > .shrink, .video--embed.boxed > .shrink { - width: auto; } - -.grid-x > .small-shrink, .video--embed.boxed > .small-shrink, .grid-x > .small-full, .video--embed.boxed > .small-full, .grid-x > .small-1, .video--embed.boxed > .small-1, .grid-x > .small-2, .video--embed.boxed > .small-2, .grid-x > .small-3, .video--embed.boxed > .small-3, .grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper, .grid-x > .small-5, .video--embed.boxed > .small-5, .grid-x > .small-6, .video--embed.boxed > .small-6, .grid-x > .small-7, .video--embed.boxed > .small-7, .grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper, .grid-x > .small-9, .video--embed.boxed > .small-9, .grid-x > .small-10, .video--embed.boxed > .small-10, .grid-x > .small-11, .video--embed.boxed > .small-11, .grid-x > .small-12, .video--embed.boxed > .small-12 { - flex-basis: auto; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink, .grid-x > .medium-full, .video--embed.boxed > .medium-full, .grid-x > .medium-1, .video--embed.boxed > .medium-1, .grid-x > .medium-2, .video--embed.boxed > .medium-2, .grid-x > .medium-3, .video--embed.boxed > .medium-3, .grid-x > .medium-4, .video--embed.boxed > .medium-4, .grid-x > .medium-5, .video--embed.boxed > .medium-5, .grid-x > .medium-6, .video--embed.boxed > .medium-6, .grid-x > .medium-7, .video--embed.boxed > .medium-7, .grid-x > .medium-8, .video--embed.boxed > .medium-8, .grid-x > .medium-9, .video--embed.boxed > .medium-9, .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper, .grid-x > .medium-11, .video--embed.boxed > .medium-11, .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - flex-basis: auto; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink, .grid-x > .large-full, .video--embed.boxed > .large-full, .grid-x > .large-1, .video--embed.boxed > .large-1, .grid-x > .large-2, .video--embed.boxed > .large-2, .grid-x > .large-3, .video--embed.boxed > .large-3, .grid-x > .large-4, .video--embed.boxed > .large-4, .grid-x > .large-5, .video--embed.boxed > .large-5, .grid-x > .large-6, .video--embed.boxed > .large-6, .grid-x > .large-7, .video--embed.boxed > .large-7, .grid-x > .large-8, .video--embed.boxed > .large-8, .grid-x > .large-9, .video--embed.boxed > .large-9, .grid-x > .large-10, .video--embed.boxed > .large-10, .grid-x > .large-11, .video--embed.boxed > .large-11, .grid-x > .large-12, .video--embed.boxed > .large-12 { - flex-basis: auto; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink, .grid-x > .xlarge-full, .video--embed.boxed > .xlarge-full, .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1, .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2, .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3, .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4, .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5, .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6, .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7, .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8, .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9, .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10, .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11, .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - flex-basis: auto; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink, .grid-x > .xxlarge-full, .video--embed.boxed > .xxlarge-full, .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1, .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2, .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3, .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4, .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5, .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6, .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7, .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8, .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9, .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10, .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11, .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - flex-basis: auto; } } - -.grid-x > .small-1, .video--embed.boxed > .small-1 { - width: 8.33333%; } - -.grid-x > .small-2, .video--embed.boxed > .small-2 { - width: 16.66667%; } - -.grid-x > .small-3, .video--embed.boxed > .small-3 { - width: 25%; } - -.grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - width: 33.33333%; } - -.grid-x > .small-5, .video--embed.boxed > .small-5 { - width: 41.66667%; } - -.grid-x > .small-6, .video--embed.boxed > .small-6 { - width: 50%; } - -.grid-x > .small-7, .video--embed.boxed > .small-7 { - width: 58.33333%; } - -.grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper { - width: 66.66667%; } - -.grid-x > .small-9, .video--embed.boxed > .small-9 { - width: 75%; } - -.grid-x > .small-10, .video--embed.boxed > .small-10 { - width: 83.33333%; } - -.grid-x > .small-11, .video--embed.boxed > .small-11 { - width: 91.66667%; } - -.grid-x > .small-12, .video--embed.boxed > .small-12 { - width: 100%; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-auto, .video--embed.boxed > .medium-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .medium-1, .video--embed.boxed > .medium-1 { - width: 8.33333%; } - .grid-x > .medium-2, .video--embed.boxed > .medium-2 { - width: 16.66667%; } - .grid-x > .medium-3, .video--embed.boxed > .medium-3 { - width: 25%; } - .grid-x > .medium-4, .video--embed.boxed > .medium-4 { - width: 33.33333%; } - .grid-x > .medium-5, .video--embed.boxed > .medium-5 { - width: 41.66667%; } - .grid-x > .medium-6, .video--embed.boxed > .medium-6 { - width: 50%; } - .grid-x > .medium-7, .video--embed.boxed > .medium-7 { - width: 58.33333%; } - .grid-x > .medium-8, .video--embed.boxed > .medium-8 { - width: 66.66667%; } - .grid-x > .medium-9, .video--embed.boxed > .medium-9 { - width: 75%; } - .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper { - width: 83.33333%; } - .grid-x > .medium-11, .video--embed.boxed > .medium-11 { - width: 91.66667%; } - .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-auto, .video--embed.boxed > .large-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .large-1, .video--embed.boxed > .large-1 { - width: 8.33333%; } - .grid-x > .large-2, .video--embed.boxed > .large-2 { - width: 16.66667%; } - .grid-x > .large-3, .video--embed.boxed > .large-3 { - width: 25%; } - .grid-x > .large-4, .video--embed.boxed > .large-4 { - width: 33.33333%; } - .grid-x > .large-5, .video--embed.boxed > .large-5 { - width: 41.66667%; } - .grid-x > .large-6, .video--embed.boxed > .large-6 { - width: 50%; } - .grid-x > .large-7, .video--embed.boxed > .large-7 { - width: 58.33333%; } - .grid-x > .large-8, .video--embed.boxed > .large-8 { - width: 66.66667%; } - .grid-x > .large-9, .video--embed.boxed > .large-9 { - width: 75%; } - .grid-x > .large-10, .video--embed.boxed > .large-10 { - width: 83.33333%; } - .grid-x > .large-11, .video--embed.boxed > .large-11 { - width: 91.66667%; } - .grid-x > .large-12, .video--embed.boxed > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-auto, .video--embed.boxed > .xlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1 { - width: 8.33333%; } - .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2 { - width: 16.66667%; } - .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3 { - width: 25%; } - .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4 { - width: 33.33333%; } - .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5 { - width: 41.66667%; } - .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6 { - width: 50%; } - .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7 { - width: 58.33333%; } - .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8 { - width: 66.66667%; } - .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9 { - width: 75%; } - .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10 { - width: 83.33333%; } - .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11 { - width: 91.66667%; } - .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-auto, .video--embed.boxed > .xxlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1 { - width: 8.33333%; } - .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2 { - width: 16.66667%; } - .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3 { - width: 25%; } - .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4 { - width: 33.33333%; } - .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5 { - width: 41.66667%; } - .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6 { - width: 50%; } - .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7 { - width: 58.33333%; } - .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8 { - width: 66.66667%; } - .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9 { - width: 75%; } - .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10 { - width: 83.33333%; } - .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11 { - width: 91.66667%; } - .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - width: 100%; } } - -.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .cell, .video--embed.boxed.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .video--embed__wrapper { - width: auto; } - -.grid-margin-y:not(.grid-y) > .cell, .video--embed.boxed.grid-margin-y:not(.grid-y) > .video--embed__wrapper { - height: auto; } - -.grid-margin-x { - margin-left: -0.625rem; - margin-right: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.25rem); - margin-left: 0.625rem; - margin-right: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.875rem); - margin-left: 0.9375rem; - margin-right: 0.9375rem; } } - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.25rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.25rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.25rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.25rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.25rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.25rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.25rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.25rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.25rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.875rem); } - .grid-margin-x > .medium-auto { - width: auto; } - .grid-margin-x > .medium-shrink { - width: auto; } - .grid-margin-x > .medium-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .medium-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .medium-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .medium-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .medium-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .medium-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .medium-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .medium-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .medium-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .medium-10, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .medium-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .medium-12 { - width: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-x > .large-auto { - width: auto; } - .grid-margin-x > .large-shrink { - width: auto; } - .grid-margin-x > .large-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .large-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .large-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .large-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .large-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .large-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .large-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .large-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .large-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .large-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .large-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .large-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-x > .xlarge-auto { - width: auto; } - .grid-margin-x > .xlarge-shrink { - width: auto; } - .grid-margin-x > .xlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xlarge-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-x > .xxlarge-auto { - width: auto; } - .grid-margin-x > .xxlarge-shrink { - width: auto; } - .grid-margin-x > .xxlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xxlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xxlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xxlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-12 { - width: calc(100% - 1.875rem); } } - -.grid-padding-x .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-container:not(.full) > .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-container:not(.full) > .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.625rem; - padding-left: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - -.small-up-1 > .cell, .video--embed.boxed.small-up-1 > .video--embed__wrapper { - width: 100%; } - -.small-up-2 > .cell, .video--embed.boxed.small-up-2 > .video--embed__wrapper { - width: 50%; } - -.small-up-3 > .cell, .video--embed.boxed.small-up-3 > .video--embed__wrapper { - width: 33.33333%; } - -.small-up-4 > .cell, .video--embed.boxed.small-up-4 > .video--embed__wrapper { - width: 25%; } - -.small-up-5 > .cell, .video--embed.boxed.small-up-5 > .video--embed__wrapper { - width: 20%; } - -.small-up-6 > .cell, .video--embed.boxed.small-up-6 > .video--embed__wrapper { - width: 16.66667%; } - -.small-up-7 > .cell, .video--embed.boxed.small-up-7 > .video--embed__wrapper { - width: 14.28571%; } - -.small-up-8 > .cell, .video--embed.boxed.small-up-8 > .video--embed__wrapper { - width: 12.5%; } - -@media print, screen and (min-width: 40em) { - .medium-up-1 > .cell, .video--embed.boxed.medium-up-1 > .video--embed__wrapper { - width: 100%; } - .medium-up-2 > .cell, .video--embed.boxed.medium-up-2 > .video--embed__wrapper { - width: 50%; } - .medium-up-3 > .cell, .video--embed.boxed.medium-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .medium-up-4 > .cell, .video--embed.boxed.medium-up-4 > .video--embed__wrapper { - width: 25%; } - .medium-up-5 > .cell, .video--embed.boxed.medium-up-5 > .video--embed__wrapper { - width: 20%; } - .medium-up-6 > .cell, .video--embed.boxed.medium-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .medium-up-7 > .cell, .video--embed.boxed.medium-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .medium-up-8 > .cell, .video--embed.boxed.medium-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media print, screen and (min-width: 64em) { - .large-up-1 > .cell, .video--embed.boxed.large-up-1 > .video--embed__wrapper { - width: 100%; } - .large-up-2 > .cell, .video--embed.boxed.large-up-2 > .video--embed__wrapper { - width: 50%; } - .large-up-3 > .cell, .video--embed.boxed.large-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .large-up-4 > .cell, .video--embed.boxed.large-up-4 > .video--embed__wrapper { - width: 25%; } - .large-up-5 > .cell, .video--embed.boxed.large-up-5 > .video--embed__wrapper { - width: 20%; } - .large-up-6 > .cell, .video--embed.boxed.large-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .large-up-7 > .cell, .video--embed.boxed.large-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .large-up-8 > .cell, .video--embed.boxed.large-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 75em) { - .xlarge-up-1 > .cell, .video--embed.boxed.xlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xlarge-up-2 > .cell, .video--embed.boxed.xlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xlarge-up-3 > .cell, .video--embed.boxed.xlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-up-4 > .cell, .video--embed.boxed.xlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xlarge-up-5 > .cell, .video--embed.boxed.xlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xlarge-up-6 > .cell, .video--embed.boxed.xlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xlarge-up-7 > .cell, .video--embed.boxed.xlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xlarge-up-8 > .cell, .video--embed.boxed.xlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 90em) { - .xxlarge-up-1 > .cell, .video--embed.boxed.xxlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xxlarge-up-2 > .cell, .video--embed.boxed.xxlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xxlarge-up-3 > .cell, .video--embed.boxed.xxlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-up-4 > .cell, .video--embed.boxed.xxlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xxlarge-up-5 > .cell, .video--embed.boxed.xxlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xxlarge-up-6 > .cell, .video--embed.boxed.xxlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xxlarge-up-7 > .cell, .video--embed.boxed.xxlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xxlarge-up-8 > .cell, .video--embed.boxed.xxlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -.grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - -.grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - -.grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - -.grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - -.grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - -.grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - -.grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - -.grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - -@media print, screen and (min-width: 40em) { - .grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - .grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - .grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - .grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - .grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - .grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - .grid-margin-x.medium-up-1 > .cell, .video--embed.boxed.grid-margin-x.medium-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.medium-up-2 > .cell, .video--embed.boxed.grid-margin-x.medium-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.medium-up-3 > .cell, .video--embed.boxed.grid-margin-x.medium-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.medium-up-4 > .cell, .video--embed.boxed.grid-margin-x.medium-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.medium-up-5 > .cell, .video--embed.boxed.grid-margin-x.medium-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.medium-up-6 > .cell, .video--embed.boxed.grid-margin-x.medium-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.medium-up-7 > .cell, .video--embed.boxed.grid-margin-x.medium-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.medium-up-8 > .cell, .video--embed.boxed.grid-margin-x.medium-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-x.large-up-1 > .cell, .video--embed.boxed.grid-margin-x.large-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.large-up-2 > .cell, .video--embed.boxed.grid-margin-x.large-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.large-up-3 > .cell, .video--embed.boxed.grid-margin-x.large-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.large-up-4 > .cell, .video--embed.boxed.grid-margin-x.large-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.large-up-5 > .cell, .video--embed.boxed.grid-margin-x.large-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.large-up-6 > .cell, .video--embed.boxed.grid-margin-x.large-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.large-up-7 > .cell, .video--embed.boxed.grid-margin-x.large-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.large-up-8 > .cell, .video--embed.boxed.grid-margin-x.large-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-x.xlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-x.xxlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xxlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xxlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xxlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xxlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xxlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xxlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xxlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -.small-margin-collapse { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .cell, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .small-1 { - width: 8.33333%; } - .small-margin-collapse > .small-2 { - width: 16.66667%; } - .small-margin-collapse > .small-3 { - width: 25%; } - .small-margin-collapse > .small-4, .scroll-comparison .wrapper.small-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .small-margin-collapse > .small-5 { - width: 41.66667%; } - .small-margin-collapse > .small-6 { - width: 50%; } - .small-margin-collapse > .small-7 { - width: 58.33333%; } - .small-margin-collapse > .small-8, .scroll-comparison .wrapper.small-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .small-margin-collapse > .small-9 { - width: 75%; } - .small-margin-collapse > .small-10 { - width: 83.33333%; } - .small-margin-collapse > .small-11 { - width: 91.66667%; } - .small-margin-collapse > .small-12 { - width: 100%; } - @media print, screen and (min-width: 40em) { - .small-margin-collapse > .medium-1 { - width: 8.33333%; } - .small-margin-collapse > .medium-2 { - width: 16.66667%; } - .small-margin-collapse > .medium-3 { - width: 25%; } - .small-margin-collapse > .medium-4 { - width: 33.33333%; } - .small-margin-collapse > .medium-5 { - width: 41.66667%; } - .small-margin-collapse > .medium-6 { - width: 50%; } - .small-margin-collapse > .medium-7 { - width: 58.33333%; } - .small-margin-collapse > .medium-8 { - width: 66.66667%; } - .small-margin-collapse > .medium-9 { - width: 75%; } - .small-margin-collapse > .medium-10, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .small-margin-collapse > .medium-11 { - width: 91.66667%; } - .small-margin-collapse > .medium-12 { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .small-margin-collapse > .large-1 { - width: 8.33333%; } - .small-margin-collapse > .large-2 { - width: 16.66667%; } - .small-margin-collapse > .large-3 { - width: 25%; } - .small-margin-collapse > .large-4 { - width: 33.33333%; } - .small-margin-collapse > .large-5 { - width: 41.66667%; } - .small-margin-collapse > .large-6 { - width: 50%; } - .small-margin-collapse > .large-7 { - width: 58.33333%; } - .small-margin-collapse > .large-8 { - width: 66.66667%; } - .small-margin-collapse > .large-9 { - width: 75%; } - .small-margin-collapse > .large-10 { - width: 83.33333%; } - .small-margin-collapse > .large-11 { - width: 91.66667%; } - .small-margin-collapse > .large-12 { - width: 100%; } } - @media screen and (min-width: 75em) { - .small-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xlarge-3 { - width: 25%; } - .small-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xlarge-6 { - width: 50%; } - .small-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xlarge-9 { - width: 75%; } - .small-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xlarge-12 { - width: 100%; } } - @media screen and (min-width: 90em) { - .small-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xxlarge-3 { - width: 25%; } - .small-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xxlarge-6 { - width: 50%; } - .small-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xxlarge-9 { - width: 75%; } - .small-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xxlarge-12 { - width: 100%; } } - -.small-padding-collapse { - margin-right: 0; - margin-left: 0; } - .small-padding-collapse > .cell, .video--embed.boxed.small-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse { - margin-right: 0; - margin-left: 0; } - .medium-margin-collapse > .cell, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .small-1 { - width: 8.33333%; } - .medium-margin-collapse > .small-2 { - width: 16.66667%; } - .medium-margin-collapse > .small-3 { - width: 25%; } - .medium-margin-collapse > .small-4, .scroll-comparison .wrapper.medium-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .medium-margin-collapse > .small-5 { - width: 41.66667%; } - .medium-margin-collapse > .small-6 { - width: 50%; } - .medium-margin-collapse > .small-7 { - width: 58.33333%; } - .medium-margin-collapse > .small-8, .scroll-comparison .wrapper.medium-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .medium-margin-collapse > .small-9 { - width: 75%; } - .medium-margin-collapse > .small-10 { - width: 83.33333%; } - .medium-margin-collapse > .small-11 { - width: 91.66667%; } - .medium-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .medium-1 { - width: 8.33333%; } - .medium-margin-collapse > .medium-2 { - width: 16.66667%; } - .medium-margin-collapse > .medium-3 { - width: 25%; } - .medium-margin-collapse > .medium-4 { - width: 33.33333%; } - .medium-margin-collapse > .medium-5 { - width: 41.66667%; } - .medium-margin-collapse > .medium-6 { - width: 50%; } - .medium-margin-collapse > .medium-7 { - width: 58.33333%; } - .medium-margin-collapse > .medium-8 { - width: 66.66667%; } - .medium-margin-collapse > .medium-9 { - width: 75%; } - .medium-margin-collapse > .medium-10, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .medium-margin-collapse > .medium-11 { - width: 91.66667%; } - .medium-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .medium-margin-collapse > .large-1 { - width: 8.33333%; } - .medium-margin-collapse > .large-2 { - width: 16.66667%; } - .medium-margin-collapse > .large-3 { - width: 25%; } - .medium-margin-collapse > .large-4 { - width: 33.33333%; } - .medium-margin-collapse > .large-5 { - width: 41.66667%; } - .medium-margin-collapse > .large-6 { - width: 50%; } - .medium-margin-collapse > .large-7 { - width: 58.33333%; } - .medium-margin-collapse > .large-8 { - width: 66.66667%; } - .medium-margin-collapse > .large-9 { - width: 75%; } - .medium-margin-collapse > .large-10 { - width: 83.33333%; } - .medium-margin-collapse > .large-11 { - width: 91.66667%; } - .medium-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .medium-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xlarge-3 { - width: 25%; } - .medium-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xlarge-6 { - width: 50%; } - .medium-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xlarge-9 { - width: 75%; } - .medium-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .medium-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xxlarge-3 { - width: 25%; } - .medium-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xxlarge-6 { - width: 50%; } - .medium-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xxlarge-9 { - width: 75%; } - .medium-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-padding-collapse { - margin-right: 0; - margin-left: 0; } - .medium-padding-collapse > .cell, .video--embed.boxed.medium-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse { - margin-right: 0; - margin-left: 0; } - .large-margin-collapse > .cell, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .small-1 { - width: 8.33333%; } - .large-margin-collapse > .small-2 { - width: 16.66667%; } - .large-margin-collapse > .small-3 { - width: 25%; } - .large-margin-collapse > .small-4, .scroll-comparison .wrapper.large-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .large-margin-collapse > .small-5 { - width: 41.66667%; } - .large-margin-collapse > .small-6 { - width: 50%; } - .large-margin-collapse > .small-7 { - width: 58.33333%; } - .large-margin-collapse > .small-8, .scroll-comparison .wrapper.large-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .large-margin-collapse > .small-9 { - width: 75%; } - .large-margin-collapse > .small-10 { - width: 83.33333%; } - .large-margin-collapse > .small-11 { - width: 91.66667%; } - .large-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .medium-1 { - width: 8.33333%; } - .large-margin-collapse > .medium-2 { - width: 16.66667%; } - .large-margin-collapse > .medium-3 { - width: 25%; } - .large-margin-collapse > .medium-4 { - width: 33.33333%; } - .large-margin-collapse > .medium-5 { - width: 41.66667%; } - .large-margin-collapse > .medium-6 { - width: 50%; } - .large-margin-collapse > .medium-7 { - width: 58.33333%; } - .large-margin-collapse > .medium-8 { - width: 66.66667%; } - .large-margin-collapse > .medium-9 { - width: 75%; } - .large-margin-collapse > .medium-10, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .large-margin-collapse > .medium-11 { - width: 91.66667%; } - .large-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .large-1 { - width: 8.33333%; } - .large-margin-collapse > .large-2 { - width: 16.66667%; } - .large-margin-collapse > .large-3 { - width: 25%; } - .large-margin-collapse > .large-4 { - width: 33.33333%; } - .large-margin-collapse > .large-5 { - width: 41.66667%; } - .large-margin-collapse > .large-6 { - width: 50%; } - .large-margin-collapse > .large-7 { - width: 58.33333%; } - .large-margin-collapse > .large-8 { - width: 66.66667%; } - .large-margin-collapse > .large-9 { - width: 75%; } - .large-margin-collapse > .large-10 { - width: 83.33333%; } - .large-margin-collapse > .large-11 { - width: 91.66667%; } - .large-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .large-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xlarge-3 { - width: 25%; } - .large-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xlarge-6 { - width: 50%; } - .large-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xlarge-9 { - width: 75%; } - .large-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .large-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xxlarge-3 { - width: 25%; } - .large-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xxlarge-6 { - width: 50%; } - .large-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xxlarge-9 { - width: 75%; } - .large-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-padding-collapse { - margin-right: 0; - margin-left: 0; } - .large-padding-collapse > .cell, .video--embed.boxed.large-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-margin-collapse > .cell, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .small-3 { - width: 25%; } - .xlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .small-6 { - width: 50%; } - .xlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xlarge-margin-collapse > .small-9 { - width: 75%; } - .xlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .medium-3 { - width: 25%; } - .xlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .medium-6 { - width: 50%; } - .xlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .medium-9 { - width: 75%; } - .xlarge-margin-collapse > .medium-10, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .large-3 { - width: 25%; } - .xlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .large-6 { - width: 50%; } - .xlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .large-9 { - width: 75%; } - .xlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-padding-collapse > .cell, .video--embed.boxed.xlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-margin-collapse > .cell, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .small-3 { - width: 25%; } - .xxlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .small-6 { - width: 50%; } - .xxlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xxlarge-margin-collapse > .small-9 { - width: 75%; } - .xxlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .medium-3 { - width: 25%; } - .xxlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .medium-6 { - width: 50%; } - .xxlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .medium-9 { - width: 75%; } - .xxlarge-margin-collapse > .medium-10, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xxlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .large-3 { - width: 25%; } - .xxlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .large-6 { - width: 50%; } - .xxlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .large-9 { - width: 75%; } - .xxlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-padding-collapse > .cell, .video--embed.boxed.xxlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -.small-offset-0 { - margin-left: 0%; } - -.grid-margin-x > .small-offset-0 { - margin-left: calc(0% + 0.625rem); } - -.small-offset-1 { - margin-left: 8.33333%; } - -.grid-margin-x > .small-offset-1 { - margin-left: calc(8.33333% + 0.625rem); } - -.small-offset-2 { - margin-left: 16.66667%; } - -.grid-margin-x > .small-offset-2 { - margin-left: calc(16.66667% + 0.625rem); } - -.small-offset-3 { - margin-left: 25%; } - -.grid-margin-x > .small-offset-3 { - margin-left: calc(25% + 0.625rem); } - -.small-offset-4 { - margin-left: 33.33333%; } - -.grid-margin-x > .small-offset-4 { - margin-left: calc(33.33333% + 0.625rem); } - -.small-offset-5 { - margin-left: 41.66667%; } - -.grid-margin-x > .small-offset-5 { - margin-left: calc(41.66667% + 0.625rem); } - -.small-offset-6 { - margin-left: 50%; } - -.grid-margin-x > .small-offset-6 { - margin-left: calc(50% + 0.625rem); } - -.small-offset-7 { - margin-left: 58.33333%; } - -.grid-margin-x > .small-offset-7 { - margin-left: calc(58.33333% + 0.625rem); } - -.small-offset-8 { - margin-left: 66.66667%; } - -.grid-margin-x > .small-offset-8 { - margin-left: calc(66.66667% + 0.625rem); } - -.small-offset-9 { - margin-left: 75%; } - -.grid-margin-x > .small-offset-9 { - margin-left: calc(75% + 0.625rem); } - -.small-offset-10 { - margin-left: 83.33333%; } - -.grid-margin-x > .small-offset-10 { - margin-left: calc(83.33333% + 0.625rem); } - -.small-offset-11 { - margin-left: 91.66667%; } - -.grid-margin-x > .small-offset-11 { - margin-left: calc(91.66667% + 0.625rem); } - -@media print, screen and (min-width: 40em) { - .medium-offset-0 { - margin-left: 0%; } - .grid-margin-x > .medium-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .medium-offset-1, .video--embed.boxed > .video--embed__wrapper { - margin-left: 8.33333%; } - .grid-margin-x > .medium-offset-1, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - margin-left: calc(8.33333% + 0.9375rem); } - .medium-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .medium-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .medium-offset-3 { - margin-left: 25%; } - .grid-margin-x > .medium-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .medium-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .medium-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .medium-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .medium-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .medium-offset-6 { - margin-left: 50%; } - .grid-margin-x > .medium-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .medium-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .medium-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .medium-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .medium-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .medium-offset-9 { - margin-left: 75%; } - .grid-margin-x > .medium-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .medium-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .medium-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .medium-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .medium-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media print, screen and (min-width: 64em) { - .large-offset-0 { - margin-left: 0%; } - .grid-margin-x > .large-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .large-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .large-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .large-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .large-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .large-offset-3 { - margin-left: 25%; } - .grid-margin-x > .large-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .large-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .large-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .large-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .large-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .large-offset-6 { - margin-left: 50%; } - .grid-margin-x > .large-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .large-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .large-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .large-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .large-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .large-offset-9 { - margin-left: 75%; } - .grid-margin-x > .large-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .large-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .large-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .large-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .large-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 75em) { - .xlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 90em) { - .xxlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xxlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xxlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xxlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xxlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xxlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xxlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xxlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xxlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xxlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xxlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xxlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xxlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xxlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xxlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xxlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xxlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xxlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xxlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xxlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xxlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xxlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xxlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xxlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -.grid-y { - display: flex; - flex-flow: column nowrap; } - .grid-y > .cell, .video--embed.boxed.grid-y > .video--embed__wrapper { - width: auto; } - .grid-y > .auto { - height: auto; } - .grid-y > .shrink { - height: auto; } - .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { - flex-basis: auto; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper, .grid-y > .medium-11, .grid-y > .medium-12 { - flex-basis: auto; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { - flex-basis: auto; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { - flex-basis: auto; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { - flex-basis: auto; } } - .grid-y > .small-1 { - height: 8.33333%; } - .grid-y > .small-2 { - height: 16.66667%; } - .grid-y > .small-3 { - height: 25%; } - .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper { - height: 33.33333%; } - .grid-y > .small-5 { - height: 41.66667%; } - .grid-y > .small-6 { - height: 50%; } - .grid-y > .small-7 { - height: 58.33333%; } - .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper { - height: 66.66667%; } - .grid-y > .small-9 { - height: 75%; } - .grid-y > .small-10 { - height: 83.33333%; } - .grid-y > .small-11 { - height: 91.66667%; } - .grid-y > .small-12 { - height: 100%; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .medium-shrink { - height: auto; } - .grid-y > .medium-1 { - height: 8.33333%; } - .grid-y > .medium-2 { - height: 16.66667%; } - .grid-y > .medium-3 { - height: 25%; } - .grid-y > .medium-4 { - height: 33.33333%; } - .grid-y > .medium-5 { - height: 41.66667%; } - .grid-y > .medium-6 { - height: 50%; } - .grid-y > .medium-7 { - height: 58.33333%; } - .grid-y > .medium-8 { - height: 66.66667%; } - .grid-y > .medium-9 { - height: 75%; } - .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper { - height: 83.33333%; } - .grid-y > .medium-11 { - height: 91.66667%; } - .grid-y > .medium-12 { - height: 100%; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .large-shrink { - height: auto; } - .grid-y > .large-1 { - height: 8.33333%; } - .grid-y > .large-2 { - height: 16.66667%; } - .grid-y > .large-3 { - height: 25%; } - .grid-y > .large-4 { - height: 33.33333%; } - .grid-y > .large-5 { - height: 41.66667%; } - .grid-y > .large-6 { - height: 50%; } - .grid-y > .large-7 { - height: 58.33333%; } - .grid-y > .large-8 { - height: 66.66667%; } - .grid-y > .large-9 { - height: 75%; } - .grid-y > .large-10 { - height: 83.33333%; } - .grid-y > .large-11 { - height: 91.66667%; } - .grid-y > .large-12 { - height: 100%; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xlarge-shrink { - height: auto; } - .grid-y > .xlarge-1 { - height: 8.33333%; } - .grid-y > .xlarge-2 { - height: 16.66667%; } - .grid-y > .xlarge-3 { - height: 25%; } - .grid-y > .xlarge-4 { - height: 33.33333%; } - .grid-y > .xlarge-5 { - height: 41.66667%; } - .grid-y > .xlarge-6 { - height: 50%; } - .grid-y > .xlarge-7 { - height: 58.33333%; } - .grid-y > .xlarge-8 { - height: 66.66667%; } - .grid-y > .xlarge-9 { - height: 75%; } - .grid-y > .xlarge-10 { - height: 83.33333%; } - .grid-y > .xlarge-11 { - height: 91.66667%; } - .grid-y > .xlarge-12 { - height: 100%; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xxlarge-shrink { - height: auto; } - .grid-y > .xxlarge-1 { - height: 8.33333%; } - .grid-y > .xxlarge-2 { - height: 16.66667%; } - .grid-y > .xxlarge-3 { - height: 25%; } - .grid-y > .xxlarge-4 { - height: 33.33333%; } - .grid-y > .xxlarge-5 { - height: 41.66667%; } - .grid-y > .xxlarge-6 { - height: 50%; } - .grid-y > .xxlarge-7 { - height: 58.33333%; } - .grid-y > .xxlarge-8 { - height: 66.66667%; } - .grid-y > .xxlarge-9 { - height: 75%; } - .grid-y > .xxlarge-10 { - height: 83.33333%; } - .grid-y > .xxlarge-11 { - height: 91.66667%; } - .grid-y > .xxlarge-12 { - height: 100%; } } - -.grid-padding-y .grid-padding-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y .grid-padding-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - -.grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.625rem; - padding-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.9375rem; - padding-bottom: 0.9375rem; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - -.cell .grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-frame { - width: 100%; } - -.cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .cell-block-container > .grid-x, .cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - -@media print, screen and (min-width: 40em) { - .medium-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .medium-grid-frame { - width: 100%; } - .medium-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .medium-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .medium-cell-block-container > .grid-x, .medium-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .medium-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media print, screen and (min-width: 64em) { - .large-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .large-grid-frame, .video--embed.boxed > .video--embed__wrapper .large-grid-frame { - width: 100%; } - .large-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .large-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .large-cell-block-container > .grid-x, .large-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .large-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 75em) { - .xlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xlarge-grid-frame { - width: 100%; } - .xlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xlarge-cell-block-container > .grid-x, .xlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 90em) { - .xxlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xxlarge-grid-frame { - width: 100%; } - .xxlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xxlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xxlarge-cell-block-container > .grid-x, .xxlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xxlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -.grid-y.grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } - -@media print, screen and (min-width: 40em) { - .grid-y.medium-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media print, screen and (min-width: 64em) { - .grid-y.large-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 75em) { - .grid-y.xlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 90em) { - .grid-y.xxlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -.cell .grid-y.grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.grid-frame { - height: 100%; } - -@media print, screen and (min-width: 40em) { - .cell .grid-y.medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.medium-grid-frame { - height: 100%; } } - -@media print, screen and (min-width: 64em) { - .cell .grid-y.large-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.large-grid-frame { - height: 100%; } } - -@media screen and (min-width: 75em) { - .cell .grid-y.xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xlarge-grid-frame { - height: 100%; } } - -@media screen and (min-width: 90em) { - .cell .grid-y.xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xxlarge-grid-frame { - height: 100%; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame.grid-margin-y { - height: calc(100vh + 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 40em) { - .grid-margin-y.medium-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-y.large-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-y.xlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-y.xxlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -div, -dl, -dt, -dd, -ul, -ol, -li, h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, -h2, -h3, -h4, -h5, -h6, -a.link--arrow, -pre, -form, -p, -.off-canvas footer.footer .footer-feature h3, -blockquote, -th, -td { - margin: 0; - padding: 0; } - - -p, -.off-canvas footer.footer .footer-feature h3 { - margin-bottom: 1rem; - font-size: inherit; - line-height: 1.6; - text-rendering: optimizeLegibility; } - -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 80%; - line-height: inherit; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, -a.link--arrow, .h6 { - font-family: "freight-display-pro", sans; - font-style: normal; - font-weight: normal; - color: inherit; - text-rendering: optimizeLegibility; } - h1 small, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title small, .in-depth .in-depth__title small, .h1 small, .intro-text h2 small, - h2 small, .h2 small, - h3 small, .h3 small, - h4 small, .h4 small, - h5 small, .h5 small, - h6 small, - a.link--arrow small, .h6 small { - line-height: 0; - color: #b2b2b2; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 1.5rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h2, .h2 { - font-size: 1.25rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h3, .h3 { - font-size: 1.1875rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h4, .h4 { - font-size: 1.125rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h5, .h5 { - font-size: 1.0625rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - - -h6, -a.link--arrow, .h6 { - font-size: 1rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -@media print, screen and (min-width: 40em) { - h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 3rem; } - h2, .h2 { - font-size: 2.5rem; } - h3, .h3 { - font-size: 1.9375rem; } - h4, .h4 { - font-size: 1.5625rem; } - h5, .h5 { - font-size: 1.25rem; } - - h6, - a.link--arrow, .h6 { - font-size: 1rem; } } - -a { - line-height: inherit; - color: #8b5c43; - text-decoration: none; - cursor: pointer; } - a:hover, a:focus { - color: #784f3a; } - a img { - border: 0; } - -hr { - clear: both; - max-width: 90rem; - height: 0; - margin: 1.25rem auto; - border-top: 0; - border-right: 0; - border-bottom: 1px solid #b2b2b2; - border-left: 0; } - -ul, -ol, -dl { - margin-bottom: 1rem; - list-style-position: outside; - line-height: 1.6; } - -li { - font-size: inherit; } - -ul { - margin-left: 1.25rem; - list-style-type: disc; } - -ol { - margin-left: 1.25rem; } - -ul ul, ol ul, ul ol, ol ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -dl { - margin-bottom: 1rem; } - dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } - -blockquote { - margin: 0 0 1rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: none; } - blockquote, blockquote p, blockquote .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature blockquote h3 { - line-height: 1.6; - color: #0a0a0a; } - -cite { - display: block; - font-size: 100%; - color: #0a0a0a; } - cite:before { - content: ""; } - -abbr, abbr[title] { - border-bottom: 1px dotted #0a0a0a; - cursor: help; - text-decoration: none; } - -figure { - margin: 0; } - -code { - padding: 0.125rem 0.3125rem 0.0625rem; - border: 1px solid #b2b2b2; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - color: #0a0a0a; } - -kbd { - margin: 0; - padding: 0.125rem 0.25rem 0; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - color: #0a0a0a; } - -.subheader { - margin-top: 0.2rem; - margin-bottom: 0.5rem; - font-weight: normal; - line-height: 1.4; - color: #8a8a8a; } - -.lead, .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 125%; - line-height: 1.6; } - -.stat { - font-size: 2.5rem; - line-height: 1; } - p + .stat, .off-canvas footer.footer .footer-feature h3 + .stat { - margin-top: -1rem; } - -ul.no-bullet, ol.no-bullet { - margin-left: 0; - list-style: none; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center, .standalone-quote { - text-align: center; } - -.text-justify { - text-align: justify; } - -@media print, screen and (min-width: 40em) { - .medium-text-left { - text-align: left; } - .medium-text-right { - text-align: right; } - .medium-text-center { - text-align: center; } - .medium-text-justify { - text-align: justify; } } - -@media print, screen and (min-width: 64em) { - .large-text-left { - text-align: left; } - .large-text-right { - text-align: right; } - .large-text-center { - text-align: center; } - .large-text-justify { - text-align: justify; } } - -@media screen and (min-width: 75em) { - .xlarge-text-left { - text-align: left; } - .xlarge-text-right { - text-align: right; } - .xlarge-text-center { - text-align: center; } - .xlarge-text-justify { - text-align: justify; } } - -@media screen and (min-width: 90em) { - .xxlarge-text-left { - text-align: left; } - .xxlarge-text-right { - text-align: right; } - .xxlarge-text-center { - text-align: center; } - .xxlarge-text-justify { - text-align: justify; } } - -.show-for-print { - display: none !important; } - -@media print { - * { - background: transparent !important; - box-shadow: none !important; - color: black !important; - text-shadow: none !important; } - .show-for-print { - display: block !important; } - .hide-for-print { - display: none !important; } - table.show-for-print { - display: table !important; } - thead.show-for-print { - display: table-header-group !important; } - tbody.show-for-print { - display: table-row-group !important; } - tr.show-for-print { - display: table-row !important; } - td.show-for-print { - display: table-cell !important; } - th.show-for-print { - display: table-cell !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - .ir a:after, - a[href^='javascript:']:after, - a[href^='#']:after { - content: ''; } - abbr[title]:after { - content: " (" attr(title) ")"; } - pre, - blockquote { - border: 1px solid #8a8a8a; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - - p, - .off-canvas footer.footer .footer-feature h3, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } - .print-break-inside { - page-break-inside: auto; } } - -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - display: inline-block; - vertical-align: middle; - margin: 0 0 1rem 0; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding: 0.85em 2em 0.5em 2em; - -webkit-appearance: none; - border: 1px solid transparent; - border-radius: 100rem; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - font-size: 0.75rem; - line-height: 1; - text-align: center; - cursor: pointer; - background-color: #8b5c43; - color: #ffffff; } - [data-whatinput='mouse'] .button, - [data-whatinput='mouse'] .cta__button, - [data-whatinput='mouse'] .cta__button--alt, [data-whatinput='mouse'] .modal__open-button, [data-whatinput='mouse'] .transcript .transcript__toggle, .transcript [data-whatinput='mouse'] .transcript__toggle, [data-whatinput='mouse'] .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro [data-whatinput='mouse'] .slide--in-depth__intro__button { - outline: 0; } - .button:hover, - .cta__button:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background-color: #764e39; - color: #ffffff; } - .button.tiny, - .tiny.cta__button, - .tiny.cta__button--alt, .tiny.modal__open-button, .transcript .tiny.transcript__toggle, .owl-carousel .slide--in-depth__intro .tiny.slide--in-depth__intro__button { - font-size: 0.6rem; } - .button.small, - .small.cta__button, - .small.cta__button--alt, .small.modal__open-button, .transcript .small.transcript__toggle, .owl-carousel .slide--in-depth__intro .small.slide--in-depth__intro__button { - font-size: 0.75rem; } - .button.large, - .large.cta__button, - .large.cta__button--alt, .large.modal__open-button, .transcript .large.transcript__toggle, .owl-carousel .slide--in-depth__intro .large.slide--in-depth__intro__button { - font-size: 1rem; } - .button.expanded, - .expanded.cta__button, - .expanded.cta__button--alt, .expanded.modal__open-button, .transcript .expanded.transcript__toggle, .owl-carousel .slide--in-depth__intro .expanded.slide--in-depth__intro__button { - display: block; - width: 100%; - margin-right: 0; - margin-left: 0; } - .button.primary, - .primary.cta__button, - .primary.cta__button--alt, .primary.modal__open-button, .transcript .primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button { - background-color: #8b5c43; - color: #ffffff; } - .button.primary:hover, - .primary.cta__button:hover, - .primary.cta__button--alt:hover, .primary.modal__open-button:hover, .transcript .primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:hover, .button.primary:focus, - .primary.cta__button:focus, - .primary.cta__button--alt:focus, .primary.modal__open-button:focus, .transcript .primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:focus { - background-color: #6f4a36; - color: #ffffff; } - .button.secondary, - .secondary.cta__button, - .secondary.cta__button--alt, .secondary.modal__open-button, .transcript .secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button { - background-color: #dccec6; - color: #0a0a0a; } - .button.secondary:hover, - .secondary.cta__button:hover, - .secondary.cta__button--alt:hover, .secondary.modal__open-button:hover, .transcript .secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:hover, .button.secondary:focus, - .secondary.cta__button:focus, - .secondary.cta__button--alt:focus, .secondary.modal__open-button:focus, .transcript .secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:focus { - background-color: #bca192; - color: #0a0a0a; } - .button.success, - .success.cta__button, - .success.cta__button--alt, .success.modal__open-button, .transcript .success.transcript__toggle, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button.success:hover, - .success.cta__button:hover, - .success.cta__button--alt:hover, .success.modal__open-button:hover, .transcript .success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:hover, .button.success:focus, - .success.cta__button:focus, - .success.cta__button--alt:focus, .success.modal__open-button:focus, .transcript .success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button.warning, - .warning.cta__button, - .warning.cta__button--alt, .warning.modal__open-button, .transcript .warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button.warning:hover, - .warning.cta__button:hover, - .warning.cta__button--alt:hover, .warning.modal__open-button:hover, .transcript .warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:hover, .button.warning:focus, - .warning.cta__button:focus, - .warning.cta__button--alt:focus, .warning.modal__open-button:focus, .transcript .warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button.alert, - .alert.cta__button, - .alert.cta__button--alt, .alert.modal__open-button, .transcript .alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button.alert:hover, - .alert.cta__button:hover, - .alert.cta__button--alt:hover, .alert.modal__open-button:hover, .transcript .alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:hover, .button.alert:focus, - .alert.cta__button:focus, - .alert.cta__button--alt:focus, .alert.modal__open-button:focus, .transcript .alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled] { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button.disabled:hover, - .disabled.cta__button:hover, - .disabled.cta__button--alt:hover, .disabled.modal__open-button:hover, .transcript .disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:hover, .button.disabled:focus, - .disabled.cta__button:focus, - .disabled.cta__button--alt:focus, .disabled.modal__open-button:focus, .transcript .disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:focus, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled], .button[disabled]:hover, - .cta__button[disabled]:hover, - .cta__button--alt[disabled]:hover, .modal__open-button[disabled]:hover, .transcript .transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:hover, .button[disabled]:focus, - .cta__button[disabled]:focus, - .cta__button--alt[disabled]:focus, .modal__open-button[disabled]:focus, .transcript .transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:focus { - background-color: #8b5c43; - color: #ffffff; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button.disabled.primary:hover, - .disabled.primary.cta__button:hover, - .disabled.primary.cta__button--alt:hover, .disabled.primary.modal__open-button:hover, .transcript .disabled.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:hover, .button.disabled.primary:focus, - .disabled.primary.cta__button:focus, - .disabled.primary.cta__button--alt:focus, .disabled.primary.modal__open-button:focus, .transcript .disabled.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:focus, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary, .button[disabled].primary:hover, - .cta__button[disabled].primary:hover, - .cta__button--alt[disabled].primary:hover, .modal__open-button[disabled].primary:hover, .transcript .transcript__toggle[disabled].primary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:hover, .button[disabled].primary:focus, - .cta__button[disabled].primary:focus, - .cta__button--alt[disabled].primary:focus, .modal__open-button[disabled].primary:focus, .transcript .transcript__toggle[disabled].primary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:focus { - background-color: #8b5c43; - color: #ffffff; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button.disabled.secondary:hover, - .disabled.secondary.cta__button:hover, - .disabled.secondary.cta__button--alt:hover, .disabled.secondary.modal__open-button:hover, .transcript .disabled.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:hover, .button.disabled.secondary:focus, - .disabled.secondary.cta__button:focus, - .disabled.secondary.cta__button--alt:focus, .disabled.secondary.modal__open-button:focus, .transcript .disabled.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:focus, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary, .button[disabled].secondary:hover, - .cta__button[disabled].secondary:hover, - .cta__button--alt[disabled].secondary:hover, .modal__open-button[disabled].secondary:hover, .transcript .transcript__toggle[disabled].secondary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:hover, .button[disabled].secondary:focus, - .cta__button[disabled].secondary:focus, - .cta__button--alt[disabled].secondary:focus, .modal__open-button[disabled].secondary:focus, .transcript .transcript__toggle[disabled].secondary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:focus { - background-color: #dccec6; - color: #0a0a0a; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button.disabled.success:hover, - .disabled.success.cta__button:hover, - .disabled.success.cta__button--alt:hover, .disabled.success.modal__open-button:hover, .transcript .disabled.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:hover, .button.disabled.success:focus, - .disabled.success.cta__button:focus, - .disabled.success.cta__button--alt:focus, .disabled.success.modal__open-button:focus, .transcript .disabled.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:focus, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success, .button[disabled].success:hover, - .cta__button[disabled].success:hover, - .cta__button--alt[disabled].success:hover, .modal__open-button[disabled].success:hover, .transcript .transcript__toggle[disabled].success:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:hover, .button[disabled].success:focus, - .cta__button[disabled].success:focus, - .cta__button--alt[disabled].success:focus, .modal__open-button[disabled].success:focus, .transcript .transcript__toggle[disabled].success:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:focus { - background-color: #3adb76; - color: #0a0a0a; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button.disabled.warning:hover, - .disabled.warning.cta__button:hover, - .disabled.warning.cta__button--alt:hover, .disabled.warning.modal__open-button:hover, .transcript .disabled.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:hover, .button.disabled.warning:focus, - .disabled.warning.cta__button:focus, - .disabled.warning.cta__button--alt:focus, .disabled.warning.modal__open-button:focus, .transcript .disabled.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:focus, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning, .button[disabled].warning:hover, - .cta__button[disabled].warning:hover, - .cta__button--alt[disabled].warning:hover, .modal__open-button[disabled].warning:hover, .transcript .transcript__toggle[disabled].warning:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:hover, .button[disabled].warning:focus, - .cta__button[disabled].warning:focus, - .cta__button--alt[disabled].warning:focus, .modal__open-button[disabled].warning:focus, .transcript .transcript__toggle[disabled].warning:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:focus { - background-color: #ffae00; - color: #0a0a0a; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button.disabled.alert:hover, - .disabled.alert.cta__button:hover, - .disabled.alert.cta__button--alt:hover, .disabled.alert.modal__open-button:hover, .transcript .disabled.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:hover, .button.disabled.alert:focus, - .disabled.alert.cta__button:focus, - .disabled.alert.cta__button--alt:focus, .disabled.alert.modal__open-button:focus, .transcript .disabled.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:focus, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert, .button[disabled].alert:hover, - .cta__button[disabled].alert:hover, - .cta__button--alt[disabled].alert:hover, .modal__open-button[disabled].alert:hover, .transcript .transcript__toggle[disabled].alert:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:hover, .button[disabled].alert:focus, - .cta__button[disabled].alert:focus, - .cta__button--alt[disabled].alert:focus, .modal__open-button[disabled].alert:focus, .transcript .transcript__toggle[disabled].alert:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:focus { - background-color: #cc4b37; - color: #ffffff; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.hollow.disabled, - .hollow.disabled.cta__button, - .hollow.disabled.cta__button--alt, .hollow.disabled.modal__open-button, .transcript .hollow.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button, .button.hollow.disabled:hover, - .hollow.disabled.cta__button:hover, - .hollow.disabled.cta__button--alt:hover, .hollow.disabled.modal__open-button:hover, .transcript .hollow.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:hover, .button.hollow.disabled:focus, - .hollow.disabled.cta__button:focus, - .hollow.disabled.cta__button--alt:focus, .hollow.disabled.modal__open-button:focus, .transcript .hollow.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:focus, .button.hollow[disabled], - .hollow.cta__button[disabled], - .hollow.cta__button--alt[disabled], .hollow.modal__open-button[disabled], .transcript .hollow.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled], .button.hollow[disabled]:hover, - .hollow.cta__button[disabled]:hover, - .hollow.cta__button--alt[disabled]:hover, .hollow.modal__open-button[disabled]:hover, .transcript .hollow.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:hover, .button.hollow[disabled]:focus, - .hollow.cta__button[disabled]:focus, - .hollow.cta__button--alt[disabled]:focus, .hollow.modal__open-button[disabled]:focus, .transcript .hollow.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - border-color: #462e22; - color: #462e22; } - .button.hollow:hover.disabled, - .hollow.cta__button:hover.disabled, - .hollow.cta__button--alt:hover.disabled, .hollow.modal__open-button:hover.disabled, .transcript .hollow.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover.disabled, .button.hollow:hover[disabled], - .hollow.cta__button:hover[disabled], - .hollow.cta__button--alt:hover[disabled], .hollow.modal__open-button:hover[disabled], .transcript .hollow.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover[disabled], .button.hollow:focus.disabled, - .hollow.cta__button:focus.disabled, - .hollow.cta__button--alt:focus.disabled, .hollow.modal__open-button:focus.disabled, .transcript .hollow.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus.disabled, .button.hollow:focus[disabled], - .hollow.cta__button:focus[disabled], - .hollow.cta__button--alt:focus[disabled], .hollow.modal__open-button:focus[disabled], .transcript .hollow.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.hollow.primary, - .hollow.primary.cta__button, - .hollow.primary.cta__button--alt, .hollow.primary.modal__open-button, .transcript .hollow.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.hollow.primary:hover, - .hollow.primary.cta__button:hover, - .hollow.primary.cta__button--alt:hover, .hollow.primary.modal__open-button:hover, .transcript .hollow.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover, .button.hollow.primary:focus, - .hollow.primary.cta__button:focus, - .hollow.primary.cta__button--alt:focus, .hollow.primary.modal__open-button:focus, .transcript .hollow.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus { - border-color: #462e22; - color: #462e22; } - .button.hollow.primary:hover.disabled, - .hollow.primary.cta__button:hover.disabled, - .hollow.primary.cta__button--alt:hover.disabled, .hollow.primary.modal__open-button:hover.disabled, .transcript .hollow.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover.disabled, .button.hollow.primary:hover[disabled], - .hollow.primary.cta__button:hover[disabled], - .hollow.primary.cta__button--alt:hover[disabled], .hollow.primary.modal__open-button:hover[disabled], .transcript .hollow.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover[disabled], .button.hollow.primary:focus.disabled, - .hollow.primary.cta__button:focus.disabled, - .hollow.primary.cta__button--alt:focus.disabled, .hollow.primary.modal__open-button:focus.disabled, .transcript .hollow.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus.disabled, .button.hollow.primary:focus[disabled], - .hollow.primary.cta__button:focus[disabled], - .hollow.primary.cta__button--alt:focus[disabled], .hollow.primary.modal__open-button:focus[disabled], .transcript .hollow.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.hollow.secondary, - .hollow.secondary.cta__button, - .hollow.secondary.cta__button--alt, .hollow.secondary.modal__open-button, .transcript .hollow.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button { - border: 2px solid #dccec6; - color: #dccec6; } - .button.hollow.secondary:hover, - .hollow.secondary.cta__button:hover, - .hollow.secondary.cta__button--alt:hover, .hollow.secondary.modal__open-button:hover, .transcript .hollow.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover, .button.hollow.secondary:focus, - .hollow.secondary.cta__button:focus, - .hollow.secondary.cta__button--alt:focus, .hollow.secondary.modal__open-button:focus, .transcript .hollow.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus { - border-color: #816250; - color: #816250; } - .button.hollow.secondary:hover.disabled, - .hollow.secondary.cta__button:hover.disabled, - .hollow.secondary.cta__button--alt:hover.disabled, .hollow.secondary.modal__open-button:hover.disabled, .transcript .hollow.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover.disabled, .button.hollow.secondary:hover[disabled], - .hollow.secondary.cta__button:hover[disabled], - .hollow.secondary.cta__button--alt:hover[disabled], .hollow.secondary.modal__open-button:hover[disabled], .transcript .hollow.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover[disabled], .button.hollow.secondary:focus.disabled, - .hollow.secondary.cta__button:focus.disabled, - .hollow.secondary.cta__button--alt:focus.disabled, .hollow.secondary.modal__open-button:focus.disabled, .transcript .hollow.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus.disabled, .button.hollow.secondary:focus[disabled], - .hollow.secondary.cta__button:focus[disabled], - .hollow.secondary.cta__button--alt:focus[disabled], .hollow.secondary.modal__open-button:focus[disabled], .transcript .hollow.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #dccec6; - color: #dccec6; } - .button.hollow.success, - .hollow.success.cta__button, - .hollow.success.cta__button--alt, .hollow.success.modal__open-button, .transcript .hollow.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.success:hover, - .hollow.success.cta__button:hover, - .hollow.success.cta__button--alt:hover, .hollow.success.modal__open-button:hover, .transcript .hollow.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover, .button.hollow.success:focus, - .hollow.success.cta__button:focus, - .hollow.success.cta__button--alt:focus, .hollow.success.modal__open-button:focus, .transcript .hollow.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.hollow.success:hover.disabled, - .hollow.success.cta__button:hover.disabled, - .hollow.success.cta__button--alt:hover.disabled, .hollow.success.modal__open-button:hover.disabled, .transcript .hollow.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover.disabled, .button.hollow.success:hover[disabled], - .hollow.success.cta__button:hover[disabled], - .hollow.success.cta__button--alt:hover[disabled], .hollow.success.modal__open-button:hover[disabled], .transcript .hollow.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover[disabled], .button.hollow.success:focus.disabled, - .hollow.success.cta__button:focus.disabled, - .hollow.success.cta__button--alt:focus.disabled, .hollow.success.modal__open-button:focus.disabled, .transcript .hollow.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus.disabled, .button.hollow.success:focus[disabled], - .hollow.success.cta__button:focus[disabled], - .hollow.success.cta__button--alt:focus[disabled], .hollow.success.modal__open-button:focus[disabled], .transcript .hollow.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.warning, - .hollow.warning.cta__button, - .hollow.warning.cta__button--alt, .hollow.warning.modal__open-button, .transcript .hollow.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.warning:hover, - .hollow.warning.cta__button:hover, - .hollow.warning.cta__button--alt:hover, .hollow.warning.modal__open-button:hover, .transcript .hollow.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover, .button.hollow.warning:focus, - .hollow.warning.cta__button:focus, - .hollow.warning.cta__button--alt:focus, .hollow.warning.modal__open-button:focus, .transcript .hollow.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.hollow.warning:hover.disabled, - .hollow.warning.cta__button:hover.disabled, - .hollow.warning.cta__button--alt:hover.disabled, .hollow.warning.modal__open-button:hover.disabled, .transcript .hollow.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover.disabled, .button.hollow.warning:hover[disabled], - .hollow.warning.cta__button:hover[disabled], - .hollow.warning.cta__button--alt:hover[disabled], .hollow.warning.modal__open-button:hover[disabled], .transcript .hollow.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover[disabled], .button.hollow.warning:focus.disabled, - .hollow.warning.cta__button:focus.disabled, - .hollow.warning.cta__button--alt:focus.disabled, .hollow.warning.modal__open-button:focus.disabled, .transcript .hollow.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus.disabled, .button.hollow.warning:focus[disabled], - .hollow.warning.cta__button:focus[disabled], - .hollow.warning.cta__button--alt:focus[disabled], .hollow.warning.modal__open-button:focus[disabled], .transcript .hollow.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.alert, - .hollow.alert.cta__button, - .hollow.alert.cta__button--alt, .hollow.alert.modal__open-button, .transcript .hollow.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.hollow.alert:hover, - .hollow.alert.cta__button:hover, - .hollow.alert.cta__button--alt:hover, .hollow.alert.modal__open-button:hover, .transcript .hollow.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover, .button.hollow.alert:focus, - .hollow.alert.cta__button:focus, - .hollow.alert.cta__button--alt:focus, .hollow.alert.modal__open-button:focus, .transcript .hollow.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.hollow.alert:hover.disabled, - .hollow.alert.cta__button:hover.disabled, - .hollow.alert.cta__button--alt:hover.disabled, .hollow.alert.modal__open-button:hover.disabled, .transcript .hollow.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover.disabled, .button.hollow.alert:hover[disabled], - .hollow.alert.cta__button:hover[disabled], - .hollow.alert.cta__button--alt:hover[disabled], .hollow.alert.modal__open-button:hover[disabled], .transcript .hollow.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover[disabled], .button.hollow.alert:focus.disabled, - .hollow.alert.cta__button:focus.disabled, - .hollow.alert.cta__button--alt:focus.disabled, .hollow.alert.modal__open-button:focus.disabled, .transcript .hollow.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus.disabled, .button.hollow.alert:focus[disabled], - .hollow.alert.cta__button:focus[disabled], - .hollow.alert.cta__button--alt:focus[disabled], .hollow.alert.modal__open-button:focus[disabled], .transcript .hollow.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear.disabled:hover, - .clear.disabled.cta__button:hover, - .clear.disabled.cta__button--alt:hover, .clear.disabled.modal__open-button:hover, .transcript .clear.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:hover, .button.clear.disabled:focus, - .clear.disabled.cta__button:focus, - .clear.disabled.cta__button--alt:focus, .clear.disabled.modal__open-button:focus, .transcript .clear.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:focus, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear[disabled]:hover, - .clear.cta__button[disabled]:hover, - .clear.cta__button--alt[disabled]:hover, .clear.modal__open-button[disabled]:hover, .transcript .clear.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:hover, .button.clear[disabled]:focus, - .clear.cta__button[disabled]:focus, - .clear.cta__button--alt[disabled]:focus, .clear.modal__open-button[disabled]:focus, .transcript .clear.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - border-color: #462e22; - color: #462e22; } - .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus, .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus { - border-color: #462e22; - color: #462e22; } - .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #8b5c43; - color: #8b5c43; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button, .button.clear.primary.disabled, - .clear.primary.disabled.cta__button, - .clear.primary.disabled.cta__button--alt, .clear.primary.disabled.modal__open-button, .transcript .clear.primary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.disabled.slide--in-depth__intro__button, .button.clear.primary[disabled], - .clear.primary.cta__button[disabled], - .clear.primary.cta__button--alt[disabled], .clear.primary.modal__open-button[disabled], .transcript .clear.primary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button[disabled], .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus, .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button { - border: 2px solid #dccec6; - color: #dccec6; } - .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus { - border-color: #816250; - color: #816250; } - .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #dccec6; - color: #dccec6; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button, .button.clear.secondary.disabled, - .clear.secondary.disabled.cta__button, - .clear.secondary.disabled.cta__button--alt, .clear.secondary.disabled.modal__open-button, .transcript .clear.secondary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.disabled.slide--in-depth__intro__button, .button.clear.secondary[disabled], - .clear.secondary.cta__button[disabled], - .clear.secondary.cta__button--alt[disabled], .clear.secondary.modal__open-button[disabled], .transcript .clear.secondary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button[disabled], .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus, .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button, .button.clear.success.disabled, - .clear.success.disabled.cta__button, - .clear.success.disabled.cta__button--alt, .clear.success.disabled.modal__open-button, .transcript .clear.success.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.disabled.slide--in-depth__intro__button, .button.clear.success[disabled], - .clear.success.cta__button[disabled], - .clear.success.cta__button--alt[disabled], .clear.success.modal__open-button[disabled], .transcript .clear.success.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button[disabled], .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus, .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button, .button.clear.warning.disabled, - .clear.warning.disabled.cta__button, - .clear.warning.disabled.cta__button--alt, .clear.warning.disabled.modal__open-button, .transcript .clear.warning.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.disabled.slide--in-depth__intro__button, .button.clear.warning[disabled], - .clear.warning.cta__button[disabled], - .clear.warning.cta__button--alt[disabled], .clear.warning.modal__open-button[disabled], .transcript .clear.warning.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button[disabled], .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus, .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button, .button.clear.alert.disabled, - .clear.alert.disabled.cta__button, - .clear.alert.disabled.cta__button--alt, .clear.alert.disabled.modal__open-button, .transcript .clear.alert.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.disabled.slide--in-depth__intro__button, .button.clear.alert[disabled], - .clear.alert.cta__button[disabled], - .clear.alert.cta__button--alt[disabled], .clear.alert.modal__open-button[disabled], .transcript .clear.alert.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button[disabled], .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus, .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.dropdown::after, - .dropdown.cta__button::after, - .dropdown.cta__button--alt::after, .dropdown.modal__open-button::after, .transcript .dropdown.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.slide--in-depth__intro__button::after { - display: block; - width: 0; - height: 0; - border: inset 0.4em; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - position: relative; - top: 0.4em; - display: inline-block; - float: right; - margin-left: 2em; } - .button.dropdown.hollow::after, - .dropdown.hollow.cta__button::after, - .dropdown.hollow.cta__button--alt::after, .dropdown.hollow.modal__open-button::after, .transcript .dropdown.hollow.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.slide--in-depth__intro__button::after { - border-top-color: #8b5c43; } - .button.dropdown.hollow.primary::after, - .dropdown.hollow.primary.cta__button::after, - .dropdown.hollow.primary.cta__button--alt::after, .dropdown.hollow.primary.modal__open-button::after, .transcript .dropdown.hollow.primary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.primary.slide--in-depth__intro__button::after { - border-top-color: #8b5c43; } - .button.dropdown.hollow.secondary::after, - .dropdown.hollow.secondary.cta__button::after, - .dropdown.hollow.secondary.cta__button--alt::after, .dropdown.hollow.secondary.modal__open-button::after, .transcript .dropdown.hollow.secondary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.secondary.slide--in-depth__intro__button::after { - border-top-color: #dccec6; } - .button.dropdown.hollow.success::after, - .dropdown.hollow.success.cta__button::after, - .dropdown.hollow.success.cta__button--alt::after, .dropdown.hollow.success.modal__open-button::after, .transcript .dropdown.hollow.success.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.success.slide--in-depth__intro__button::after { - border-top-color: #3adb76; } - .button.dropdown.hollow.warning::after, - .dropdown.hollow.warning.cta__button::after, - .dropdown.hollow.warning.cta__button--alt::after, .dropdown.hollow.warning.modal__open-button::after, .transcript .dropdown.hollow.warning.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.warning.slide--in-depth__intro__button::after { - border-top-color: #ffae00; } - .button.dropdown.hollow.alert::after, - .dropdown.hollow.alert.cta__button::after, - .dropdown.hollow.alert.cta__button--alt::after, .dropdown.hollow.alert.modal__open-button::after, .transcript .dropdown.hollow.alert.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.alert.slide--in-depth__intro__button::after { - border-top-color: #cc4b37; } - .button.arrow-only::after, - .arrow-only.cta__button::after, - .arrow-only.cta__button--alt::after, .arrow-only.modal__open-button::after, .transcript .arrow-only.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .arrow-only.slide--in-depth__intro__button::after { - top: -0.1em; - float: none; - margin-left: 0; } - -a.button:hover, -a.cta__button:hover, -a.cta__button--alt:hover, a.modal__open-button:hover, .transcript a.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:hover, a.button:focus, -a.cta__button:focus, -a.cta__button--alt:focus, a.modal__open-button:focus, .transcript a.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:focus { - text-decoration: none; } - -[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], -textarea { - display: block; - box-sizing: border-box; - width: 100%; - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - appearance: none; } - [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, - textarea:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - -textarea { - max-width: 100%; } - textarea[rows] { - height: auto; } - -input::placeholder, -textarea::placeholder { - color: #b2b2b2; } - -input:disabled, input[readonly], -textarea:disabled, -textarea[readonly] { - background-color: #e6e6e6; - cursor: not-allowed; } - -[type='submit'], -[type='button'] { - appearance: none; - border-radius: 0; } - -input[type='search'] { - box-sizing: border-box; } - -[type='file'], -[type='checkbox'], -[type='radio'] { - margin: 0 0 1rem; } - -[type='checkbox'] + label, -[type='radio'] + label { - display: inline-block; - vertical-align: baseline; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; } - [type='checkbox'] + label[for], - [type='radio'] + label[for] { - cursor: pointer; } - -label > [type='checkbox'], -label > [type='radio'] { - margin-right: 0.5rem; } - -[type='file'] { - width: 100%; } - -label { - display: block; - margin: 0; - font-size: 0.875rem; - font-weight: normal; - line-height: 1.8; - color: #0a0a0a; } - label.middle { - margin: 0 0 1rem; - padding: 0.5625rem 0; } - -.help-text { - margin-top: -0.5rem; - font-size: 0.8125rem; - font-style: italic; - color: #0a0a0a; } - -.input-group { - display: flex; - width: 100%; - margin-bottom: 1rem; - align-items: stretch; } - .input-group > :first-child { - border-radius: 0 0 0 0; } - .input-group > :last-child > * { - border-radius: 0 0 0 0; } - -.input-group-label, .input-group-field, .input-group-button, .input-group-button a, -.input-group-button input, -.input-group-button button, -.input-group-button label { - margin: 0; - white-space: nowrap; } - -.input-group-label { - padding: 0 1rem; - border: 1px solid #b2b2b2; - background: #e6e6e6; - color: #0a0a0a; - text-align: center; - white-space: nowrap; - display: flex; - flex: 0 0 auto; - align-items: center; } - .input-group-label:first-child { - border-right: 0; } - .input-group-label:last-child { - border-left: 0; } - -.input-group-field { - border-radius: 0; - flex: 1 1 0px; - height: auto; - min-width: 0; } - -.input-group-button { - padding-top: 0; - padding-bottom: 0; - text-align: center; - display: flex; - flex: 0 0 auto; } - .input-group-button a, - .input-group-button input, - .input-group-button button, - .input-group-button label { - height: auto; - align-self: stretch; - padding-top: 0; - padding-bottom: 0; - font-size: 1rem; } - -fieldset { - margin: 0; - padding: 0; - border: 0; } - -legend { - max-width: 100%; - margin-bottom: 0.5rem; } - -.fieldset { - margin: 1.125rem 0; - padding: 1.25rem; - border: 1px solid #b2b2b2; } - .fieldset legend { - margin: 0; - margin-left: -0.1875rem; - padding: 0 0.1875rem; } - -select { - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - appearance: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - background-image: url("data:image/svg+xml;utf8,"); - background-origin: content-box; - background-position: right -1rem center; - background-repeat: no-repeat; - background-size: 9px 6px; - padding-right: 1.5rem; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - @media screen and (min-width: 0\0) { - select { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } - select:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - select:disabled { - background-color: #e6e6e6; - cursor: not-allowed; } - select::-ms-expand { - display: none; } - select[multiple] { - height: auto; - background-image: none; } - -.is-invalid-input:not(:focus) { - border-color: #cc4b37; - background-color: #faedeb; } - .is-invalid-input:not(:focus)::placeholder { - color: #cc4b37; } - -.is-invalid-label { - color: #cc4b37; } - -.form-error { - display: none; - margin-top: -0.5rem; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: bold; - color: #cc4b37; } - .form-error.is-visible { - display: block; } - -input[type="range"] { - display: block; - width: 100%; - height: auto; - margin-top: 0.45rem; - margin-bottom: 0.45rem; - appearance: none; - border: 0; - line-height: 1; - cursor: pointer; } - input[type="range"]:focus { - outline: 0; } - input[type="range"][disabled] { - opacity: 0.25; } - input[type="range"]::-webkit-slider-runnable-track { - height: 0.5rem; - background: #e6e6e6; } - input[type="range"]::-webkit-slider-handle { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -webkit-appearance: none; - background: #b2b2b2; } - input[type="range"]::-moz-range-track { - height: 0.5rem; - -moz-appearance: none; - background: #e6e6e6; } - input[type="range"]::-moz-range-thumb { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -moz-appearance: none; - background: #b2b2b2; } - input[type="range"]::-ms-track { - height: 0.5rem; - border: 0; - border-top: 0.45rem solid #ffffff; - border-bottom: 0.45rem solid #ffffff; - background: #e6e6e6; - overflow: visible; - color: transparent; } - input[type="range"]::-ms-thumb { - width: 1.4rem; - height: 1.4rem; - border: 0; - background: #b2b2b2; } - input[type="range"]::-ms-fill-lower { - background: #8b5c43; } - input[type="range"]::-ms-fill-upper { - background: #e6e6e6; } - output { - vertical-align: middle; - margin-left: 0.5em; - line-height: 1.4rem; } - -.accordion { - margin-left: 0; - background: #ffffff; - list-style-type: none; } - .accordion[disabled] .accordion-title { - cursor: not-allowed; } - -.accordion-item:first-child > :first-child { - border-radius: 0 0 0 0; } - -.accordion-item:last-child > :last-child { - border-radius: 0 0 0 0; } - -.accordion-title { - position: relative; - display: block; - padding: 1.25rem 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - font-size: 0.75rem; - line-height: 1; - color: #8b5c43; } - :last-child:not(.is-active) > .accordion-title { - border-bottom: 1px solid #e6e6e6; - border-radius: 0 0 0 0; } - .accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; } - .accordion-title::before { - position: absolute; - top: 50%; - right: 1rem; - margin-top: -0.5rem; - content: '+'; } - .is-active > .accordion-title::before { - content: '\2013'; } - -.accordion-content { - display: none; - padding: 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - background-color: #ffffff; - color: #0a0a0a; } - :last-child > .accordion-content:last-child { - border-bottom: 1px solid #e6e6e6; } - -.accordion-menu li { - width: 100%; } - -.accordion-menu a { - padding: 0.7rem 1rem; } - -.accordion-menu .is-accordion-submenu a { - padding: 0.7rem 1rem; } - -.accordion-menu .nested.is-accordion-submenu { - margin-right: 0; - margin-left: 1rem; } - -.accordion-menu.align-right .nested.is-accordion-submenu { - margin-right: 1rem; - margin-left: 0; } - -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { - position: relative; } - .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #8b5c43 transparent transparent; - position: absolute; - top: 50%; - margin-top: -3px; - right: 1rem; } - -.accordion-menu.align-left .is-accordion-submenu-parent > a::after { - left: auto; - right: 1rem; } - -.accordion-menu.align-right .is-accordion-submenu-parent > a::after { - right: auto; - left: 1rem; } - -.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - transform: rotate(180deg); - transform-origin: 50% 50%; } - -.is-accordion-submenu-parent { - position: relative; } - -.has-submenu-toggle > a { - margin-right: 40px; } - -.submenu-toggle { - position: absolute; - top: 0; - right: 0; - cursor: pointer; - width: 40px; - height: 40px; } - .submenu-toggle::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #8b5c43 transparent transparent; - top: 0; - bottom: 0; - margin: auto; } - -.submenu-toggle[aria-expanded='true']::after { - transform: scaleY(-1); - transform-origin: 50% 50%; } - -.submenu-toggle-text { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.badge { - display: inline-block; - min-width: 2.1em; - padding: 0.3em; - border-radius: 50%; - font-size: 0.6rem; - text-align: center; - background: #8b5c43; - color: #ffffff; } - .badge.primary { - background: #8b5c43; - color: #ffffff; } - .badge.secondary { - background: #dccec6; - color: #0a0a0a; } - .badge.success { - background: #3adb76; - color: #0a0a0a; } - .badge.warning { - background: #ffae00; - color: #0a0a0a; } - .badge.alert { - background: #cc4b37; - color: #ffffff; } - -.breadcrumbs { - margin: 0 0 1rem 0; - list-style: none; } - .breadcrumbs::before, .breadcrumbs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .breadcrumbs::after { - clear: both; } - .breadcrumbs li { - float: left; - font-size: 0.6875rem; - color: #0a0a0a; - cursor: default; - text-transform: uppercase; } - .breadcrumbs li:not(:last-child)::after { - position: relative; - margin: 0 0.75rem; - opacity: 1; - content: "/"; - color: #b2b2b2; } - .breadcrumbs a { - color: #8b5c43; } - .breadcrumbs a:hover { - text-decoration: underline; } - .breadcrumbs .disabled { - color: #b2b2b2; - cursor: not-allowed; } - -.button-group { - margin-bottom: 1rem; - display: flex; - flex-wrap: nowrap; - align-items: stretch; } - .button-group::before, .button-group::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .button-group::after { - clear: both; } - .button-group .button, - .button-group .cta__button, - .button-group .cta__button--alt, .button-group .modal__open-button, .button-group .transcript .transcript__toggle, .transcript .button-group .transcript__toggle, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button { - margin: 0; - margin-right: 0.75rem; - margin-bottom: 0.75rem; - font-size: 0.75rem; - flex: 0 0 auto; } - .button-group .button:last-child, - .button-group .cta__button:last-child, - .button-group .cta__button--alt:last-child, .button-group .modal__open-button:last-child, .button-group .transcript .transcript__toggle:last-child, .transcript .button-group .transcript__toggle:last-child, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button:last-child { - margin-right: 0; } - .button-group.tiny .button, - .button-group.tiny .cta__button, - .button-group.tiny .cta__button--alt, .button-group.tiny .modal__open-button, .button-group.tiny .transcript .transcript__toggle, .transcript .button-group.tiny .transcript__toggle, .button-group.tiny .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.tiny .slide--in-depth__intro__button { - font-size: 0.6rem; } - .button-group.small .button, - .button-group.small .cta__button, - .button-group.small .cta__button--alt, .button-group.small .modal__open-button, .button-group.small .transcript .transcript__toggle, .transcript .button-group.small .transcript__toggle, .button-group.small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.small .slide--in-depth__intro__button { - font-size: 0.75rem; } - .button-group.large .button, - .button-group.large .cta__button, - .button-group.large .cta__button--alt, .button-group.large .modal__open-button, .button-group.large .transcript .transcript__toggle, .transcript .button-group.large .transcript__toggle, .button-group.large .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.large .slide--in-depth__intro__button { - font-size: 1rem; } - .button-group.expanded .button, - .button-group.expanded .cta__button, - .button-group.expanded .cta__button--alt, .button-group.expanded .modal__open-button, .button-group.expanded .transcript .transcript__toggle, .transcript .button-group.expanded .transcript__toggle, .button-group.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.expanded .slide--in-depth__intro__button { - flex: 1 1 0px; } - .button-group.primary .button, - .button-group.primary .cta__button, - .button-group.primary .cta__button--alt, .button-group.primary .modal__open-button, .button-group.primary .transcript .transcript__toggle, .transcript .button-group.primary .transcript__toggle, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button { - background-color: #8b5c43; - color: #ffffff; } - .button-group.primary .button:hover, - .button-group.primary .cta__button:hover, - .button-group.primary .cta__button--alt:hover, .button-group.primary .modal__open-button:hover, .button-group.primary .transcript .transcript__toggle:hover, .transcript .button-group.primary .transcript__toggle:hover, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:hover, .button-group.primary .button:focus, - .button-group.primary .cta__button:focus, - .button-group.primary .cta__button--alt:focus, .button-group.primary .modal__open-button:focus, .button-group.primary .transcript .transcript__toggle:focus, .transcript .button-group.primary .transcript__toggle:focus, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:focus { - background-color: #6f4a36; - color: #ffffff; } - .button-group.secondary .button, - .button-group.secondary .cta__button, - .button-group.secondary .cta__button--alt, .button-group.secondary .modal__open-button, .button-group.secondary .transcript .transcript__toggle, .transcript .button-group.secondary .transcript__toggle, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button { - background-color: #dccec6; - color: #0a0a0a; } - .button-group.secondary .button:hover, - .button-group.secondary .cta__button:hover, - .button-group.secondary .cta__button--alt:hover, .button-group.secondary .modal__open-button:hover, .button-group.secondary .transcript .transcript__toggle:hover, .transcript .button-group.secondary .transcript__toggle:hover, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:hover, .button-group.secondary .button:focus, - .button-group.secondary .cta__button:focus, - .button-group.secondary .cta__button--alt:focus, .button-group.secondary .modal__open-button:focus, .button-group.secondary .transcript .transcript__toggle:focus, .transcript .button-group.secondary .transcript__toggle:focus, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:focus { - background-color: #bca192; - color: #0a0a0a; } - .button-group.success .button, - .button-group.success .cta__button, - .button-group.success .cta__button--alt, .button-group.success .modal__open-button, .button-group.success .transcript .transcript__toggle, .transcript .button-group.success .transcript__toggle, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button-group.success .button:hover, - .button-group.success .cta__button:hover, - .button-group.success .cta__button--alt:hover, .button-group.success .modal__open-button:hover, .button-group.success .transcript .transcript__toggle:hover, .transcript .button-group.success .transcript__toggle:hover, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:hover, .button-group.success .button:focus, - .button-group.success .cta__button:focus, - .button-group.success .cta__button--alt:focus, .button-group.success .modal__open-button:focus, .button-group.success .transcript .transcript__toggle:focus, .transcript .button-group.success .transcript__toggle:focus, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button-group.warning .button, - .button-group.warning .cta__button, - .button-group.warning .cta__button--alt, .button-group.warning .modal__open-button, .button-group.warning .transcript .transcript__toggle, .transcript .button-group.warning .transcript__toggle, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button-group.warning .button:hover, - .button-group.warning .cta__button:hover, - .button-group.warning .cta__button--alt:hover, .button-group.warning .modal__open-button:hover, .button-group.warning .transcript .transcript__toggle:hover, .transcript .button-group.warning .transcript__toggle:hover, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:hover, .button-group.warning .button:focus, - .button-group.warning .cta__button:focus, - .button-group.warning .cta__button--alt:focus, .button-group.warning .modal__open-button:focus, .button-group.warning .transcript .transcript__toggle:focus, .transcript .button-group.warning .transcript__toggle:focus, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button-group.alert .button, - .button-group.alert .cta__button, - .button-group.alert .cta__button--alt, .button-group.alert .modal__open-button, .button-group.alert .transcript .transcript__toggle, .transcript .button-group.alert .transcript__toggle, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button-group.alert .button:hover, - .button-group.alert .cta__button:hover, - .button-group.alert .cta__button--alt:hover, .button-group.alert .modal__open-button:hover, .button-group.alert .transcript .transcript__toggle:hover, .transcript .button-group.alert .transcript__toggle:hover, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:hover, .button-group.alert .button:focus, - .button-group.alert .cta__button:focus, - .button-group.alert .cta__button--alt:focus, .button-group.alert .modal__open-button:focus, .button-group.alert .transcript .transcript__toggle:focus, .transcript .button-group.alert .transcript__toggle:focus, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { - flex-wrap: wrap; } - .button-group.stacked .button, - .button-group.stacked .cta__button, - .button-group.stacked .cta__button--alt, .button-group.stacked .modal__open-button, .button-group.stacked .transcript .transcript__toggle, .transcript .button-group.stacked .transcript__toggle, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button, .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button, .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 0 0 100%; } - .button-group.stacked .button:last-child, - .button-group.stacked .cta__button:last-child, - .button-group.stacked .cta__button--alt:last-child, .button-group.stacked .modal__open-button:last-child, .button-group.stacked .transcript .transcript__toggle:last-child, .transcript .button-group.stacked .transcript__toggle:last-child, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button:last-child, .button-group.stacked-for-small .button:last-child, - .button-group.stacked-for-small .cta__button:last-child, - .button-group.stacked-for-small .cta__button--alt:last-child, .button-group.stacked-for-small .modal__open-button:last-child, .button-group.stacked-for-small .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-small .transcript__toggle:last-child, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button:last-child, .button-group.stacked-for-medium .button:last-child, - .button-group.stacked-for-medium .cta__button:last-child, - .button-group.stacked-for-medium .cta__button--alt:last-child, .button-group.stacked-for-medium .modal__open-button:last-child, .button-group.stacked-for-medium .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-medium .transcript__toggle:last-child, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button:last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media screen and (max-width: 39.9375em) { - .button-group.stacked-for-small.expanded { - display: block; } - .button-group.stacked-for-small.expanded .button, - .button-group.stacked-for-small.expanded .cta__button, - .button-group.stacked-for-small.expanded .cta__button--alt, .button-group.stacked-for-small.expanded .modal__open-button, .button-group.stacked-for-small.expanded .transcript .transcript__toggle, .transcript .button-group.stacked-for-small.expanded .transcript__toggle, .button-group.stacked-for-small.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small.expanded .slide--in-depth__intro__button { - display: block; - margin-right: 0; } } - -.callout { - position: relative; - margin: 0 0 1rem 0; - padding: 1rem; - border: 1px solid rgba(10, 10, 10, 0.25); - border-radius: 0; - background-color: white; - color: #0a0a0a; } - .callout > :first-child { - margin-top: 0; } - .callout > :last-child { - margin-bottom: 0; } - .callout.primary { - background-color: #f0e6e0; - color: #0a0a0a; } - .callout.secondary { - background-color: #faf8f6; - color: #0a0a0a; } - .callout.success { - background-color: #e1faea; - color: #0a0a0a; } - .callout.warning { - background-color: #fff3d9; - color: #0a0a0a; } - .callout.alert { - background-color: #f7e4e1; - color: #0a0a0a; } - .callout.small { - padding-top: 0.5rem; - padding-right: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.5rem; } - .callout.large { - padding-top: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; - padding-left: 3rem; } - -.card { - display: flex; - flex-direction: column; - flex-grow: 1; - margin-bottom: 1rem; - border: 1px solid #e6e6e6; - border-radius: 0; - background: #ffffff; - box-shadow: none; - overflow: hidden; - color: #0a0a0a; } - .card > :last-child { - margin-bottom: 0; } - -.card-divider { - flex: 0 1 auto; - display: flex; - padding: 1rem; - background: #e6e6e6; } - .card-divider > :last-child { - margin-bottom: 0; } - -.card-section { - flex: 1 0 auto; - padding: 1rem; } - .card-section > :last-child { - margin-bottom: 0; } - -.card-image { - min-height: 1px; } - -.close-button { - position: absolute; - color: #ffffff; - cursor: pointer; } - [data-whatinput='mouse'] .close-button { - outline: 0; } - .close-button:hover, .close-button:focus { - color: #ffffff; } - .close-button.small { - left: 0.66rem; - top: 0.33em; - font-size: 1.5em; - line-height: 1; } - .close-button, .close-button.medium { - left: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; } - -.menu { - padding: 0; - margin: 0; - list-style: none; - position: relative; - display: flex; - flex-wrap: wrap; } - [data-whatinput='mouse'] .menu li { - outline: 0; } - .menu a, - .menu .button, - .menu .cta__button, - .menu .cta__button--alt, - .menu .modal__open-button, - .menu .transcript .transcript__toggle, - .transcript .menu .transcript__toggle, - .menu .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .menu .slide--in-depth__intro__button { - line-height: 1; - text-decoration: none; - display: block; - padding: 0.7rem 1rem; } - .menu input, - .menu select, - .menu a, - .menu button { - margin-bottom: 0; } - .menu input { - display: inline-block; } - .menu, .menu.horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.expanded li { - flex: 1 1 0px; } - .menu.simple { - align-items: center; } - .menu.simple li + li { - margin-left: 1rem; } - .menu.simple a { - padding: 0; } - @media print, screen and (min-width: 40em) { - .menu.medium-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.medium-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.medium-expanded li { - flex: 1 1 0px; } - .menu.medium-simple li { - flex: 1 1 0px; } } - @media print, screen and (min-width: 64em) { - .menu.large-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.large-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.large-expanded li { - flex: 1 1 0px; } - .menu.large-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 75em) { - .menu.xlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xlarge-expanded li { - flex: 1 1 0px; } - .menu.xlarge-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 90em) { - .menu.xxlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xxlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xxlarge-expanded li { - flex: 1 1 0px; } - .menu.xxlarge-simple li { - flex: 1 1 0px; } } - .menu.nested { - margin-right: 0; - margin-left: 1rem; } - .menu.icons a { - display: flex; } - .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { - display: flex; } - .menu.icon-left li a { - flex-flow: row nowrap; } - .menu.icon-left li a img, - .menu.icon-left li a i, - .menu.icon-left li a svg { - margin-right: 0.25rem; } - .menu.icon-right li a { - flex-flow: row nowrap; } - .menu.icon-right li a img, - .menu.icon-right li a i, - .menu.icon-right li a svg { - margin-left: 0.25rem; } - .menu.icon-top li a { - flex-flow: column nowrap; } - .menu.icon-top li a img, - .menu.icon-top li a i, - .menu.icon-top li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu.icon-bottom li a { - flex-flow: column nowrap; } - .menu.icon-bottom li a img, - .menu.icon-bottom li a i, - .menu.icon-bottom li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu .is-active > a { - background: #8b5c43; - color: #ffffff; } - .menu .active > a { - background: #8b5c43; - color: #ffffff; } - .menu.align-left { - justify-content: flex-start; } - .menu.align-right li { - display: flex; - justify-content: flex-end; } - .menu.align-right li .submenu li { - justify-content: flex-start; } - .menu.align-right.vertical li { - display: block; - text-align: right; } - .menu.align-right.vertical li .submenu li { - text-align: right; } - .menu.align-right .nested { - margin-right: 1rem; - margin-left: 0; } - .menu.align-center li { - display: flex; - justify-content: center; } - .menu.align-center li .submenu li { - justify-content: flex-start; } - .menu .menu-text { - padding: 0.7rem 1rem; - font-weight: bold; - line-height: 1; - color: inherit; } - -.menu-centered > .menu { - justify-content: center; } - .menu-centered > .menu li { - display: flex; - justify-content: center; } - .menu-centered > .menu li .submenu li { - justify-content: flex-start; } - -.no-js [data-responsive-menu] ul { - display: none; } - -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #ffffff; - box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; - content: ''; } - .menu-icon:hover::after { - background: #b2b2b2; - box-shadow: 0 7px 0 #b2b2b2, 0 14px 0 #b2b2b2; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon.dark::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; - content: ''; } - .menu-icon.dark:hover::after { - background: #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } - -.is-drilldown { - position: relative; - overflow: hidden; } - .is-drilldown li { - display: block; } - .is-drilldown.animate-height { - transition: height 0.5s; } - -.drilldown a { - padding: 0.7rem 1rem; - background: #ffffff; } - -.drilldown .is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - width: 100%; - background: #ffffff; - transition: transform 0.15s linear; } - .drilldown .is-drilldown-submenu.is-active { - z-index: 1; - display: block; - transform: translateX(-100%); } - .drilldown .is-drilldown-submenu.is-closing { - transform: translateX(100%); } - .drilldown .is-drilldown-submenu a { - padding: 0.7rem 1rem; } - -.drilldown .nested.is-drilldown-submenu { - margin-right: 0; - margin-left: 0; } - -.drilldown .drilldown-submenu-cover-previous { - min-height: 100%; } - -.drilldown .is-drilldown-submenu-parent > a { - position: relative; } - .drilldown .is-drilldown-submenu-parent > a::after { - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } - -.drilldown.align-left .is-drilldown-submenu-parent > a::after { - left: auto; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } - -.drilldown.align-right .is-drilldown-submenu-parent > a::after { - right: auto; - left: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; } - -.drilldown .js-drilldown-back > a::before { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; - border-left-width: 0; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; - border-left-width: 0; } - -.dropdown-pane { - position: absolute; - z-index: 10; - width: 300px; - padding: 1rem; - visibility: hidden; - display: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-size: 1rem; } - .dropdown-pane.is-opening { - display: block; } - .dropdown-pane.is-open { - visibility: visible; - display: block; } - -.dropdown-pane.tiny { - width: 100px; } - -.dropdown-pane.small { - width: 200px; } - -.dropdown-pane.large { - width: 400px; } - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #8b5c43 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - -.dropdown.menu a { - padding: 0.7rem 1rem; } - [data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.dropdown.menu .is-active > a { - background: transparent; - color: #8b5c43; } - -.no-js .dropdown.menu ul { - display: none; } - -.dropdown.menu .nested.is-dropdown-submenu { - margin-right: 0; - margin-left: 0; } - -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; } - -.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - -.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.dropdown.menu.vertical > li > a::after { - right: 14px; } - -.dropdown.menu.vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; } - -.dropdown.menu.vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } - -@media print, screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #8b5c43 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } } - -@media print, screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #8b5c43 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; } - .dropdown.menu.large-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; } - .dropdown.menu.large-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } } - -@media screen and (min-width: 75em) { - .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #8b5c43 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; } - .dropdown.menu.xlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } } - -@media screen and (min-width: 90em) { - .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #8b5c43 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xxlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; } - .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } } - -.dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - right: 0; - left: auto; } - -.is-dropdown-menu.vertical { - width: 100px; } - .is-dropdown-menu.vertical.align-right { - float: right; } - -.is-dropdown-submenu-parent { - position: relative; } - .is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - left: auto; - margin-top: -6px; } - .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { - top: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.is-dropdown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: 1; - display: none; - min-width: 200px; - border: 1px solid #b2b2b2; - background: #ffffff; } - .dropdown .is-dropdown-submenu a { - padding: 0.7rem 1rem; } - .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #8b5c43 transparent transparent; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #8b5c43; } - .is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; } - .is-dropdown-submenu > li { - width: 100%; } - .is-dropdown-submenu.js-dropdown-active { - display: block; } - -.responsive-embed, -.flex-video { - position: relative; - height: 0; - margin-bottom: 1rem; - padding-bottom: 75%; - overflow: hidden; } - .responsive-embed iframe, - .responsive-embed object, - .responsive-embed embed, - .responsive-embed video, - .flex-video iframe, - .flex-video object, - .flex-video embed, - .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - .responsive-embed.widescreen, - .flex-video.widescreen { - padding-bottom: 56.25%; } - -.label { - display: inline-block; - padding: 0.33333rem 0.5rem; - border-radius: 0; - font-size: 0.8rem; - line-height: 1; - white-space: nowrap; - cursor: default; - background: #8b5c43; - color: #ffffff; } - .label.primary { - background: #8b5c43; - color: #ffffff; } - .label.secondary { - background: #dccec6; - color: #0a0a0a; } - .label.success { - background: #3adb76; - color: #0a0a0a; } - .label.warning { - background: #ffae00; - color: #0a0a0a; } - .label.alert { - background: #cc4b37; - color: #ffffff; } - -.media-object { - display: flex; - margin-bottom: 1rem; - flex-wrap: nowrap; } - .media-object img { - max-width: none; } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small { - flex-wrap: wrap; } } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - flex-basis: 100%; - max-width: 100%; } - .media-object.stack-for-small .media-object-section img { - width: 100%; } } - -.media-object-section { - flex: 0 1 auto; } - .media-object-section:first-child { - padding-right: 1rem; } - .media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; } - .media-object-section > :last-child { - margin-bottom: 0; } - .media-object-section.main-section { - flex: 1 1 0px; } - -.is-off-canvas-open { - overflow: hidden; } - -.js-off-canvas-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - transition: opacity 0.5s ease, visibility 0.5s ease; - background: rgba(255, 255, 255, 0.25); - opacity: 0; - visibility: hidden; - overflow: hidden; } - .js-off-canvas-overlay.is-visible { - opacity: 1; - visibility: visible; } - .js-off-canvas-overlay.is-closable { - cursor: pointer; } - .js-off-canvas-overlay.is-overlay-absolute { - position: absolute; } - .js-off-canvas-overlay.is-overlay-fixed { - position: fixed; } - -.off-canvas-wrapper { - position: relative; - overflow: hidden; } - -.off-canvas { - position: fixed; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas { - outline: 0; } - .off-canvas.is-transition-push { - z-index: 12; } - .off-canvas.is-closed { - visibility: hidden; } - .off-canvas.is-transition-overlap { - z-index: 501; } - .off-canvas.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas.is-open { - transform: translate(0, 0); } - -.off-canvas-absolute { - position: absolute; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas-absolute { - outline: 0; } - .off-canvas-absolute.is-transition-push { - z-index: 12; } - .off-canvas-absolute.is-closed { - visibility: hidden; } - .off-canvas-absolute.is-transition-overlap { - z-index: 501; } - .off-canvas-absolute.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas-absolute.is-open { - transform: translate(0, 0); } - -.position-left { - top: 0; - left: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left { - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-left.has-transition-push { - transform: translateX(100%); } - .position-left.is-transition-push { - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-right { - top: 0; - right: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right { - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-right.has-transition-push { - transform: translateX(-100%); } - .position-right.is-transition-push { - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-top { - top: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top { - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-top.has-transition-push { - transform: translateY(100%); } - .position-top.is-transition-push { - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } - -.position-bottom { - bottom: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom { - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-bottom.has-transition-push { - transform: translateY(-100%); } - .position-bottom.is-transition-push { - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } - -.off-canvas-content { - transform: none; - transition: transform 0.5s ease; - backface-visibility: hidden; } - .off-canvas-content.has-transition-push { - transform: translate(0, 0); } - .off-canvas-content .off-canvas.is-open { - transform: translate(0, 0); } - -@media print, screen and (min-width: 40em) { - .position-left.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-medium ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-medium ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 64em) { - .position-left.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-large ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-large ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 75em) { - .position-left.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 90em) { - .position-left.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xxlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xxlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xxlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 40em) { - .off-canvas.in-canvas-for-medium { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-medium .close-button { - display: none; } } - -@media print, screen and (min-width: 64em) { - .off-canvas.in-canvas-for-large { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-large .close-button { - display: none; } } - -@media screen and (min-width: 75em) { - .off-canvas.in-canvas-for-xlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xlarge .close-button { - display: none; } } - -@media screen and (min-width: 90em) { - .off-canvas.in-canvas-for-xxlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xxlarge .close-button { - display: none; } } - -.orbit { - position: relative; } - -.orbit-container { - position: relative; - height: 0; - margin: 0; - list-style: none; - overflow: hidden; } - -.orbit-slide { - width: 100%; } - .orbit-slide.no-motionui.is-active { - top: 0; - left: 0; } - -.orbit-figure { - margin: 0; } - -.orbit-image { - width: 100%; - max-width: 100%; - margin: 0; } - -.orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - margin-bottom: 0; - padding: 1rem; - background-color: rgba(10, 10, 10, 0.5); - color: #ffffff; } - -.orbit-previous, .orbit-next { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 10; - padding: 1rem; - color: #ffffff; } - [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { - outline: 0; } - .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous { - left: 0; } - -.orbit-next { - left: auto; - right: 0; } - -.orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; } - [data-whatinput='mouse'] .orbit-bullets { - outline: 0; } - .orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - border-radius: 50%; - background-color: #b2b2b2; } - .orbit-bullets button:hover { - background-color: #8a8a8a; } - .orbit-bullets button.is-active { - background-color: #8a8a8a; } - -.pagination { - margin-left: 0; - margin-bottom: 1rem; } - .pagination::before, .pagination::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .pagination::after { - clear: both; } - .pagination li { - margin-right: 0.0625rem; - border-radius: 0; - font-size: 0.875rem; - display: none; } - .pagination li:last-child, .pagination li:first-child { - display: inline-block; } - @media print, screen and (min-width: 40em) { - .pagination li { - display: inline-block; } } - .pagination a, - .pagination button { - display: block; - padding: 0.1875rem 0.625rem; - border-radius: 0; - color: #0a0a0a; } - .pagination a:hover, - .pagination button:hover { - background: #e6e6e6; } - .pagination .current { - padding: 0.1875rem 0.625rem; - background: #8b5c43; - color: #ffffff; - cursor: default; } - .pagination .disabled { - padding: 0.1875rem 0.625rem; - color: #b2b2b2; - cursor: not-allowed; } - .pagination .disabled:hover { - background: transparent; } - .pagination .ellipsis::after { - padding: 0.1875rem 0.625rem; - content: '\2026'; - color: #0a0a0a; } - -.pagination-previous a::before, -.pagination-previous.disabled::before { - display: inline-block; - margin-right: 0.5rem; - content: '\00ab'; } - -.pagination-next a::after, -.pagination-next.disabled::after { - display: inline-block; - margin-left: 0.5rem; - content: '\00bb'; } - -.progress { - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; - background-color: #b2b2b2; } - .progress.primary .progress-meter { - background-color: #8b5c43; } - .progress.secondary .progress-meter { - background-color: #dccec6; } - .progress.success .progress-meter { - background-color: #3adb76; } - .progress.warning .progress-meter { - background-color: #ffae00; } - .progress.alert .progress-meter { - background-color: #cc4b37; } - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #8b5c43; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #ffffff; - white-space: nowrap; } - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - user-select: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #8b5c43; - transition: all 0.2s ease-in-out; } - .slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - border-radius: 0; - background-color: #b2b2b2; - transition: all 0.2s ease-in-out; - touch-action: manipulation; } - [data-whatinput='mouse'] .slider-handle { - outline: 0; } - .slider-handle:hover { - background-color: #979797; } - .slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - transform: scale(1, -1); } - .slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } - .slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: relative; - z-index: 0; - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; - width: 100%; } - .sticky.is-stuck.is-at-top { - top: 0; } - .sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: relative; - right: auto; - left: auto; } - .sticky.is-anchored.is-at-bottom { - bottom: 0; } - -body.is-reveal-open { - overflow: hidden; } - -html.is-reveal-open, -html.is-reveal-open body { - min-height: 100%; - overflow: hidden; - position: fixed; - user-select: none; } - -.reveal-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2005; - display: none; - background-color: rgba(10, 10, 10, 0.9); - overflow-y: scroll; } - -.reveal { - z-index: 2006; - backface-visibility: hidden; - display: none; - padding: 8rem 3rem 3rem 3rem; - border: none; - border-radius: 0; - background-color: transparent; - position: relative; - top: 100px; - margin-right: auto; - margin-left: auto; - overflow-y: auto; } - [data-whatinput='mouse'] .reveal { - outline: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - min-height: 0; } } - .reveal .column { - min-width: 0; } - .reveal > :last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 90rem; } } - .reveal.collapse { - padding: 0; } - @media print, screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 90rem; } } - .reveal.full { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } - @media screen and (max-width: 39.9375em) { - .reveal { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } } - .reveal.without-overlay { - position: fixed; } - -.switch { - height: 2rem; - position: relative; - margin-bottom: 1rem; - outline: 0; - font-size: 0.875rem; - font-weight: bold; - color: #ffffff; - user-select: none; } - -.switch-input { - position: absolute; - margin-bottom: 0; - opacity: 0; } - -.switch-paddle { - position: relative; - display: block; - width: 4rem; - height: 2rem; - border-radius: 0; - background: #b2b2b2; - transition: all 0.25s ease-out; - font-weight: inherit; - color: inherit; - cursor: pointer; } - input + .switch-paddle { - margin: 0; } - .switch-paddle::after { - position: absolute; - top: 0.25rem; - left: 0.25rem; - display: block; - width: 1.5rem; - height: 1.5rem; - transform: translate3d(0, 0, 0); - border-radius: 0; - background: #ffffff; - transition: all 0.25s ease-out; - content: ''; } - input:checked ~ .switch-paddle { - background: #8b5c43; } - input:checked ~ .switch-paddle::after { - left: 2.25rem; } - [data-whatinput='mouse'] input:focus ~ .switch-paddle { - outline: 0; } - -.switch-active, .switch-inactive { - position: absolute; - top: 50%; - transform: translateY(-50%); } - -.switch-active { - left: 8%; - display: none; } - input:checked + label > .switch-active { - display: block; } - -.switch-inactive { - right: 15%; } - input:checked + label > .switch-inactive { - display: none; } - -.switch.tiny { - height: 1.5rem; } - .switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; } - .switch.tiny .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1rem; - height: 1rem; } - .switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; } - -.switch.small { - height: 1.75rem; } - .switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; } - .switch.small .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1.25rem; - height: 1.25rem; } - .switch.small input:checked ~ .switch-paddle::after { - left: 2rem; } - -.switch.large { - height: 2.5rem; } - .switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; } - .switch.large .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 2rem; - height: 2rem; } - .switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; } - -table { - border-collapse: collapse; - width: 100%; - margin-bottom: 1rem; - border-radius: 0; } - thead, - tbody, - tfoot { - border: 1px solid #f2f2f2; - background-color: #ffffff; } - caption { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; } - thead { - background: #f9f9f9; - color: #0a0a0a; } - tfoot { - background: #f2f2f2; - color: #0a0a0a; } - thead tr, - tfoot tr { - background: transparent; } - thead th, - thead td, - tfoot th, - tfoot td { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; - text-align: left; } - tbody th, - tbody td { - padding: 0.5rem 0.625rem 0.625rem; } - tbody tr:nth-child(even) { - border-bottom: 0; - background-color: #f2f2f2; } - table.unstriped tbody { - background-color: #ffffff; } - table.unstriped tbody tr { - border-bottom: 0; - border-bottom: 1px solid #f2f2f2; - background-color: #ffffff; } - -@media screen and (max-width: 63.9375em) { - table.stack thead { - display: none; } - table.stack tfoot { - display: none; } - table.stack tr, - table.stack th, - table.stack td { - display: block; } - table.stack td { - border-top: 0; } } - -table.scroll { - display: block; - width: 100%; - overflow-x: auto; } - -table.hover thead tr:hover { - background-color: #f4f4f4; } - -table.hover tfoot tr:hover { - background-color: #ededed; } - -table.hover tbody tr:hover { - background-color: #fafafa; } - -table.hover:not(.unstriped) tr:nth-of-type(even):hover { - background-color: #ededed; } - -.table-scroll { - overflow-x: auto; } - .table-scroll table { - width: auto; } - -.tabs { - margin: 0; - border: 1px solid #e6e6e6; - background: #ffffff; - list-style-type: none; } - .tabs::before, .tabs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .tabs::after { - clear: both; } - -.tabs.vertical > li { - display: block; - float: none; - width: auto; } - -.tabs.simple > li > a { - padding: 0; } - .tabs.simple > li > a:hover { - background: transparent; } - -.tabs.primary { - background: #8b5c43; } - .tabs.primary > li > a { - color: #ffffff; } - .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: #845740; } - -.tabs-title { - float: left; } - .tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - font-size: 0.75rem; - line-height: 1; - color: #8b5c43; } - .tabs-title > a:hover { - background: #ffffff; - color: #784f3a; } - .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { - background: #e6e6e6; - color: #8b5c43; } - -.tabs-content { - border: 1px solid #e6e6e6; - border-top: 0; - background: #ffffff; - color: #0a0a0a; - transition: all 0.5s ease; } - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; } - -.tabs-panel { - display: none; - padding: 1rem; } - .tabs-panel.is-active { - display: block; } - -.thumbnail { - display: inline-block; - max-width: 100%; - margin-bottom: 1rem; - border: solid 4px #ffffff; - border-radius: 0; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - line-height: 0; } - -a.thumbnail { - transition: box-shadow 200ms ease-out; } - a.thumbnail:hover, a.thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(139, 92, 67, 0.5); } - a.thumbnail image { - box-shadow: none; } - -.title-bar { - padding: 0.5rem; - background: #0a0a0a; - color: #ffffff; - display: flex; - justify-content: flex-start; - align-items: center; } - .title-bar .menu-icon { - margin-left: 0.25rem; - margin-right: 0.25rem; } - -.title-bar-left, -.title-bar-right { - flex: 1 1 0px; } - -.title-bar-right { - text-align: right; } - -.title-bar-title { - display: inline-block; - vertical-align: middle; - font-weight: bold; } - -.has-tip { - position: relative; - display: inline-block; - border-bottom: false; - font-weight: normal; - cursor: pointer; } - -.tooltip { - position: absolute; - top: calc(100% + 0); - z-index: 1200; - max-width: 100%; - padding: 0.75rem; - border-radius: 1.5rem; - background-color: #ffffff; - font-size: 80%; - color: #0a0a0a; } - .tooltip::before { - position: absolute; } - .tooltip.bottom::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #ffffff; - bottom: 100%; } - .tooltip.bottom.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.top::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - top: 100%; - bottom: auto; } - .tooltip.top.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.left::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #ffffff; - left: 100%; } - .tooltip.left.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.right::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #ffffff transparent transparent; - right: 100%; - left: auto; } - .tooltip.right.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.align-top::before { - bottom: auto; - top: 10%; } - .tooltip.align-bottom::before { - bottom: 10%; - top: auto; } - .tooltip.align-left::before { - left: 10%; - right: auto; } - .tooltip.align-right::before { - left: auto; - right: 10%; } - -.top-bar { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; - padding: 0.5rem; - flex-wrap: wrap; } - .top-bar, - .top-bar ul { - background-color: #e6e6e6; } - .top-bar input { - max-width: 200px; - margin-right: 1rem; } - .top-bar .input-group-field { - width: 100%; - margin-right: 0; } - .top-bar input.button, - .top-bar input.cta__button, - .top-bar input.cta__button--alt, .top-bar input.modal__open-button, .top-bar .transcript input.transcript__toggle, .transcript .top-bar input.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro input.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar input.slide--in-depth__intro__button { - width: auto; } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - @media print, screen and (min-width: 40em) { - .top-bar { - flex-wrap: nowrap; } - .top-bar .top-bar-left { - flex: 1 1 auto; - margin-right: auto; } - .top-bar .top-bar-right { - flex: 0 1 auto; - margin-left: auto; } } - @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium { - flex-wrap: wrap; } - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large { - flex-wrap: wrap; } - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 89.9375em) { - .top-bar.stacked-for-xlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xlarge .top-bar-left, - .top-bar.stacked-for-xlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - .top-bar.stacked-for-xxlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xxlarge .top-bar-left, - .top-bar.stacked-for-xxlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - -.top-bar-title { - flex: 0 0 auto; - margin: 0.5rem 1rem 0.5rem 0; } - -.top-bar-left, -.top-bar-right { - flex: 0 0 auto; } - -.hide { - display: none !important; } - -.invisible { - visibility: hidden; } - -@media screen and (max-width: 39.9375em) { - .hide-for-small-only, #chapter_nav { - display: none !important; } } - -@media screen and (max-width: 0em), screen and (min-width: 40em) { - .show-for-small-only { - display: none !important; } } - -@media print, screen and (min-width: 40em) { - .hide-for-medium { - display: none !important; } } - -@media screen and (max-width: 39.9375em) { - .show-for-medium { - display: none !important; } } - -@media screen and (min-width: 40em) and (max-width: 63.9375em) { - .hide-for-medium-only { - display: none !important; } } - -@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { - .show-for-medium-only { - display: none !important; } } - -@media print, screen and (min-width: 64em) { - .hide-for-large { - display: none !important; } } - -@media screen and (max-width: 63.9375em) { - .show-for-large { - display: none !important; } } - -@media screen and (min-width: 64em) and (max-width: 74.9375em) { - .hide-for-large-only { - display: none !important; } } - -@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { - .show-for-large-only { - display: none !important; } } - -@media screen and (min-width: 75em) { - .hide-for-xlarge { - display: none !important; } } - -@media screen and (max-width: 74.9375em) { - .show-for-xlarge { - display: none !important; } } - -@media screen and (min-width: 75em) and (max-width: 89.9375em) { - .hide-for-xlarge-only { - display: none !important; } } - -@media screen and (max-width: 74.9375em), screen and (min-width: 90em) { - .show-for-xlarge-only { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge-only { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge-only { - display: none !important; } } - -.show-for-sr, -.show-on-focus { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.show-on-focus:active, .show-on-focus:focus { - position: static !important; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; - clip-path: none; } - -.show-for-landscape, -.hide-for-portrait { - display: block !important; } - @media screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: block !important; } } - @media screen and (orientation: portrait) { - .show-for-landscape, - .hide-for-portrait { - display: none !important; } } - -.hide-for-landscape, -.show-for-portrait { - display: none !important; } - @media screen and (orientation: landscape) { - .hide-for-landscape, - .show-for-portrait { - display: none !important; } } - @media screen and (orientation: portrait) { - .hide-for-landscape, - .show-for-portrait { - display: block !important; } } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } - -.float-center { - display: block; - margin-right: auto; - margin-left: auto; } - -.clearfix::before, .clearfix::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - -.clearfix::after { - clear: both; } - -.align-right { - justify-content: flex-end; } - -.align-center { - justify-content: center; } - -.align-justify { - justify-content: space-between; } - -.align-spaced { - justify-content: space-around; } - -.align-right.vertical.menu > li > a { - justify-content: flex-end; } - -.align-center.vertical.menu > li > a { - justify-content: center; } - -.align-top { - align-items: flex-start; } - -.align-self-top { - align-self: flex-start; } - -.align-bottom { - align-items: flex-end; } - -.align-self-bottom { - align-self: flex-end; } - -.align-middle, .video--embed.boxed { - align-items: center; } - -.align-self-middle { - align-self: center; } - -.align-stretch { - align-items: stretch; } - -.align-self-stretch { - align-self: stretch; } - -.align-center-middle { - justify-content: center; - align-items: center; - align-content: center; } - -.small-order-1 { - order: 1; } - -.small-order-2 { - order: 2; } - -.small-order-3 { - order: 3; } - -.small-order-4 { - order: 4; } - -.small-order-5 { - order: 5; } - -.small-order-6 { - order: 6; } - -@media print, screen and (min-width: 40em) { - .medium-order-1 { - order: 1; } - .medium-order-2 { - order: 2; } - .medium-order-3 { - order: 3; } - .medium-order-4 { - order: 4; } - .medium-order-5 { - order: 5; } - .medium-order-6 { - order: 6; } } - -@media print, screen and (min-width: 64em) { - .large-order-1 { - order: 1; } - .large-order-2 { - order: 2; } - .large-order-3 { - order: 3; } - .large-order-4 { - order: 4; } - .large-order-5 { - order: 5; } - .large-order-6 { - order: 6; } } - -@media screen and (min-width: 75em) { - .xlarge-order-1 { - order: 1; } - .xlarge-order-2 { - order: 2; } - .xlarge-order-3 { - order: 3; } - .xlarge-order-4 { - order: 4; } - .xlarge-order-5 { - order: 5; } - .xlarge-order-6 { - order: 6; } } - -@media screen and (min-width: 90em) { - .xxlarge-order-1 { - order: 1; } - .xxlarge-order-2 { - order: 2; } - .xxlarge-order-3 { - order: 3; } - .xxlarge-order-4 { - order: 4; } - .xxlarge-order-5 { - order: 5; } - .xxlarge-order-6 { - order: 6; } } - -.flex-container { - display: flex; } - -.flex-child-auto { - flex: 1 1 auto; } - -.flex-child-grow { - flex: 1 0 auto; } - -.flex-child-shrink { - flex: 0 1 auto; } - -.flex-dir-row { - flex-direction: row; } - -.flex-dir-row-reverse { - flex-direction: row-reverse; } - -.flex-dir-column { - flex-direction: column; } - -.flex-dir-column-reverse { - flex-direction: column-reverse; } - -@media print, screen and (min-width: 40em) { - .medium-flex-container { - display: flex; } - .medium-flex-child-auto { - flex: 1 1 auto; } - .medium-flex-child-grow { - flex: 1 0 auto; } - .medium-flex-child-shrink { - flex: 0 1 auto; } - .medium-flex-dir-row { - flex-direction: row; } - .medium-flex-dir-row-reverse { - flex-direction: row-reverse; } - .medium-flex-dir-column { - flex-direction: column; } - .medium-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media print, screen and (min-width: 64em) { - .large-flex-container { - display: flex; } - .large-flex-child-auto { - flex: 1 1 auto; } - .large-flex-child-grow { - flex: 1 0 auto; } - .large-flex-child-shrink { - flex: 0 1 auto; } - .large-flex-dir-row { - flex-direction: row; } - .large-flex-dir-row-reverse { - flex-direction: row-reverse; } - .large-flex-dir-column { - flex-direction: column; } - .large-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 75em) { - .xlarge-flex-container { - display: flex; } - .xlarge-flex-child-auto { - flex: 1 1 auto; } - .xlarge-flex-child-grow { - flex: 1 0 auto; } - .xlarge-flex-child-shrink { - flex: 0 1 auto; } - .xlarge-flex-dir-row { - flex-direction: row; } - .xlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xlarge-flex-dir-column { - flex-direction: column; } - .xlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 90em) { - .xxlarge-flex-container { - display: flex; } - .xxlarge-flex-child-auto { - flex: 1 1 auto; } - .xxlarge-flex-child-grow { - flex: 1 0 auto; } - .xxlarge-flex-child-shrink { - flex: 0 1 auto; } - .xxlarge-flex-dir-row { - flex-direction: row; } - .xxlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xxlarge-flex-dir-column { - flex-direction: column; } - .xxlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -/* - * Owl Carousel - Core - */ -.owl-carousel { - display: none; - width: 100%; - -webkit-tap-highlight-color: transparent; - /* position relative and z-index fix webkit rendering fonts issue */ - position: relative; - z-index: 1; } - .owl-carousel .owl-stage { - position: relative; - -ms-touch-action: pan-Y; - touch-action: manipulation; - -moz-backface-visibility: hidden; - /* fix firefox animation glitch */ } - .owl-carousel .owl-stage:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; } - .owl-carousel .owl-stage-outer { - position: relative; - overflow: hidden; - /* fix for flashing background */ - -webkit-transform: translate3d(0px, 0px, 0px); } - .owl-carousel .owl-wrapper, - .owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); } - .owl-carousel .owl-item { - position: relative; - min-height: 1px; - float: left; - -webkit-backface-visibility: hidden; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; } - .owl-carousel .owl-item img { - display: block; - width: 100%; } - .owl-carousel .owl-nav.disabled, - .owl-carousel .owl-dots.disabled { - display: none; } - .owl-carousel .owl-nav .owl-prev, - .owl-carousel .owl-nav .owl-next, - .owl-carousel .owl-dot { - cursor: pointer; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel .owl-nav button.owl-prev, - .owl-carousel .owl-nav button.owl-next, - .owl-carousel button.owl-dot { - background: none; - color: inherit; - border: none; - padding: 0 !important; - font: inherit; } - .owl-carousel.owl-loaded { - display: block; } - .owl-carousel.owl-loading { - opacity: 0; - display: block; } - .owl-carousel.owl-hidden { - opacity: 0; } - .owl-carousel.owl-refresh .owl-item { - visibility: hidden; } - .owl-carousel.owl-drag .owl-item { - touch-action: pan-y; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel.owl-grab { - cursor: move; - cursor: grab; } - .owl-carousel.owl-rtl { - direction: rtl; } - .owl-carousel.owl-rtl .owl-item { - float: right; } - -/* No Js */ -.no-js .owl-carousel { - display: block; } - -/* - * Owl Carousel - Animate Plugin - */ -.owl-carousel .animated { - animation-duration: 1000ms; - animation-fill-mode: both; } - -.owl-carousel .owl-animated-in { - z-index: 0; } - -.owl-carousel .owl-animated-out { - z-index: 1; } - -.owl-carousel .fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -/* - * Owl Carousel - Auto Height Plugin - */ -.owl-height { - transition: height 500ms ease-in-out; } - -/* - * Owl Carousel - Lazy Load Plugin - */ -.owl-carousel .owl-item { - /** - This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong - calculation of the height of the owl-item that breaks page layouts - */ } - .owl-carousel .owl-item .owl-lazy { - opacity: 0; - transition: opacity 400ms ease; } - .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { - max-height: 0; } - .owl-carousel .owl-item img.owl-lazy { - transform-style: preserve-3d; } - -/* - * Owl Carousel - Video Plugin - */ -.owl-carousel .owl-video-wrapper { - position: relative; - height: 100%; - background: #000; } - -.owl-carousel .owl-video-play-icon { - position: absolute; - height: 80px; - width: 80px; - left: 50%; - top: 50%; - margin-left: -40px; - margin-top: -40px; - background: url("owl.video.play.png") no-repeat; - cursor: pointer; - z-index: 1; - -webkit-backface-visibility: hidden; - transition: transform 100ms ease; } - -.owl-carousel .owl-video-play-icon:hover { - transform: scale(1.3, 1.3); } - -.owl-carousel .owl-video-playing .owl-video-tn, -.owl-carousel .owl-video-playing .owl-video-play-icon { - display: none; } - -.owl-carousel .owl-video-tn { - opacity: 0; - height: 100%; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; - transition: opacity 400ms ease; } - -.owl-carousel .owl-video-frame { - position: relative; - z-index: 1; - height: 100%; - width: 100%; } - -/* - * Default theme - Owl Carousel CSS File - */ -.owl-theme .owl-nav { - margin-top: 10px; - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-nav [class*='owl-'] { - color: #FFF; - font-size: 14px; - margin: 5px; - padding: 4px 7px; - background: #D6D6D6; - display: inline-block; - cursor: pointer; - border-radius: 3px; } - .owl-theme .owl-nav [class*='owl-']:hover { - background: #869791; - color: #FFF; - text-decoration: none; } - .owl-theme .owl-nav .disabled { - opacity: 0.5; - cursor: default; } - -.owl-theme .owl-nav.disabled + .owl-dots { - margin-top: 10px; } - -.owl-theme .owl-dots { - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-dots .owl-dot { - display: inline-block; - zoom: 1; - *display: inline; } - .owl-theme .owl-dots .owl-dot span { - width: 10px; - height: 10px; - margin: 5px 7px; - background: #D6D6D6; - display: block; - -webkit-backface-visibility: visible; - transition: opacity 200ms ease; - border-radius: 30px; } - .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { - background: #869791; } - -@keyframes plyr-progress { - to { - background-position: 25px 0; } } - -@keyframes plyr-popup { - 0% { - opacity: 0.5; - transform: translateY(10px); } - to { - opacity: 1; - transform: translateY(0); } } - -@keyframes plyr-fade-in { - from { - opacity: 0; } - to { - opacity: 1; } } - -.plyr { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: subpixel-antialiased; - direction: ltr; - font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; - font-variant-numeric: tabular-nums; - font-weight: 500; - line-height: 1.7; - max-width: 100%; - min-width: 200px; - position: relative; - text-shadow: none; - transition: box-shadow 0.3s ease; } - .plyr video, - .plyr audio { - border-radius: inherit; - height: auto; - vertical-align: middle; - width: 100%; } - .plyr button { - font: inherit; - line-height: inherit; - width: auto; } - .plyr:focus { - outline: 0; } - -.plyr--full-ui { - box-sizing: border-box; } - .plyr--full-ui *, - .plyr--full-ui *::after, - .plyr--full-ui *::before { - box-sizing: inherit; } - -.plyr--full-ui a, -.plyr--full-ui button, -.plyr--full-ui input, -.plyr--full-ui label { - touch-action: manipulation; } - -.plyr__badge { - background: #4f5b5f; - border-radius: 2px; - color: #fff; - font-size: 9px; - line-height: 1; - padding: 3px 4px; } - -.plyr--full-ui ::-webkit-media-text-track-container { - display: none; } - -.plyr__captions { - animation: plyr-fade-in 0.3s ease; - bottom: 0; - color: #fff; - display: none; - font-size: 14px; - left: 0; - padding: 10px; - position: absolute; - text-align: center; - transition: transform 0.4s ease-in-out; - width: 100%; } - .plyr__captions .plyr__caption { - background: rgba(0, 0, 0, 0.8); - border-radius: 2px; - box-decoration-break: clone; - line-height: 185%; - padding: 0.2em 0.5em; - white-space: pre-wrap; } - .plyr__captions .plyr__caption div { - display: inline; } - .plyr__captions span:empty { - display: none; } - @media (min-width: 480px) { - .plyr__captions { - font-size: 16px; - padding: 20px; } } - @media (min-width: 768px) { - .plyr__captions { - font-size: 18px; } } - -.plyr--captions-active .plyr__captions { - display: block; } - -.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { - transform: translateY(-40px); } - -.plyr__control { - background: transparent; - border: 0; - border-radius: 3px; - color: inherit; - cursor: pointer; - flex-shrink: 0; - overflow: visible; - padding: 7px; - position: relative; - transition: all 0.3s ease; } - .plyr__control svg { - display: block; - fill: currentColor; - height: 18px; - pointer-events: none; - width: 18px; } - .plyr__control:focus { - outline: 0; } - .plyr__control.plyr__tab-focus { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -a.plyr__control { - text-decoration: none; } - a.plyr__control::after, a.plyr__control::before { - display: none; } - -.plyr__control:not(.plyr__control--pressed) .icon--pressed, -.plyr__control.plyr__control--pressed .icon--not-pressed, -.plyr__control:not(.plyr__control--pressed) .label--pressed, -.plyr__control.plyr__control--pressed .label--not-pressed { - display: none; } - -.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr--video .plyr__control svg { - filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } - -.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr__control--overlaid { - background: rgba(26, 175, 255, 0.8); - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: #fff; - display: none; - left: 50%; - padding: 15px; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 2; } - .plyr__control--overlaid svg { - left: 2px; - position: relative; } - .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { - background: #1aafff; } - -.plyr--playing .plyr__control--overlaid { - opacity: 0; - visibility: hidden; } - -.plyr--full-ui.plyr--video .plyr__control--overlaid { - display: block; } - -.plyr--full-ui ::-webkit-media-controls { - display: none; } - -.plyr__controls { - align-items: center; - display: flex; - justify-content: flex-end; - text-align: center; } - .plyr__controls > .plyr__control, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__volume { - margin-left: 5px; } - .plyr__controls .plyr__menu + .plyr__control, - .plyr__controls > .plyr__control + .plyr__menu, - .plyr__controls > .plyr__control + .plyr__control, - .plyr__controls .plyr__progress + .plyr__control { - margin-left: 2px; } - .plyr__controls > .plyr__control:first-child, - .plyr__controls > .plyr__control:first-child + [data-plyr='pause'] { - margin-left: 0; - margin-right: auto; } - .plyr__controls:empty { - display: none; } - @media (min-width: 480px) { - .plyr__controls > .plyr__control, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__volume { - margin-left: 10px; } } - -.plyr--audio .plyr__controls { - background: #fff; - border-radius: inherit; - color: #4f5b5f; - padding: 10px; } - -.plyr--video .plyr__controls { - background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - bottom: 0; - color: #fff; - left: 0; - padding: 20px 5px 5px; - position: absolute; - right: 0; - transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; - z-index: 3; } - @media (min-width: 480px) { - .plyr--video .plyr__controls { - padding: 35px 10px 10px; } } - -.plyr--video.plyr--hide-controls .plyr__controls { - opacity: 0; - pointer-events: none; - transform: translateY(100%); } - -.plyr [data-plyr='captions'], -.plyr [data-plyr='pip'], -.plyr [data-plyr='airplay'], -.plyr [data-plyr='fullscreen'] { - display: none; } - -.plyr--captions-enabled [data-plyr='captions'], -.plyr--pip-supported [data-plyr='pip'], -.plyr--airplay-supported [data-plyr='airplay'], -.plyr--fullscreen-enabled [data-plyr='fullscreen'] { - display: inline-block; } - -.plyr__video-embed { - height: 0; - padding-bottom: 56.25%; - position: relative; } - .plyr__video-embed iframe { - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - user-select: none; - width: 100%; } - -.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { - padding-bottom: 240%; - position: relative; - transform: translateY(-38.28125%); } - -.plyr__menu { - display: flex; - position: relative; } - .plyr__menu .plyr__control svg { - transition: transform 0.3s ease; } - .plyr__menu .plyr__control[aria-expanded='true'] svg { - transform: rotate(90deg); } - .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip { - display: none; } - .plyr__menu__container { - animation: plyr-popup 0.2s ease; - background: rgba(255, 255, 255, 0.9); - border-radius: 4px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 16px; - margin-bottom: 10px; - position: absolute; - right: -3px; - text-align: left; - white-space: nowrap; - z-index: 3; } - .plyr__menu__container > div { - overflow: hidden; - transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } - .plyr__menu__container::after { - border: 4px solid transparent; - border-top-color: rgba(255, 255, 255, 0.9); - content: ''; - height: 0; - position: absolute; - right: 15px; - top: 100%; - width: 0; } - .plyr__menu__container [role='menu'] { - padding: 7px; } - .plyr__menu__container [role='menuitem'], - .plyr__menu__container [role='menuitemradio'] { - margin-top: 2px; } - .plyr__menu__container [role='menuitem']:first-child, - .plyr__menu__container [role='menuitemradio']:first-child { - margin-top: 0; } - .plyr__menu__container .plyr__control { - align-items: center; - color: #4f5b5f; - display: flex; - font-size: 14px; - padding: 4px 11px; - user-select: none; - width: 100%; } - .plyr__menu__container .plyr__control > span { - align-items: inherit; - display: flex; - width: 100%; } - .plyr__menu__container .plyr__control::after { - border: 4px solid transparent; - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); } - .plyr__menu__container .plyr__control--forward { - padding-right: 28px; } - .plyr__menu__container .plyr__control--forward::after { - border-left-color: rgba(79, 91, 95, 0.8); - right: 5px; } - .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { - border-left-color: currentColor; } - .plyr__menu__container .plyr__control--back { - font-weight: 500; - margin: 7px; - margin-bottom: 3px; - padding-left: 28px; - position: relative; - width: calc(100% - 14px); } - .plyr__menu__container .plyr__control--back::after { - border-right-color: rgba(79, 91, 95, 0.8); - left: 7px; } - .plyr__menu__container .plyr__control--back::before { - background: #b7c5cd; - box-shadow: 0 1px 0 #fff; - content: ''; - height: 1px; - left: 0; - margin-top: 4px; - overflow: hidden; - position: absolute; - right: 0; - top: 100%; } - .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { - border-right-color: currentColor; } - .plyr__menu__container .plyr__control[role='menuitemradio'] { - padding-left: 7px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after { - border-radius: 100%; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before { - background: rgba(0, 0, 0, 0.1); - content: ''; - display: block; - flex-shrink: 0; - height: 16px; - margin-right: 10px; - transition: all 0.3s ease; - width: 16px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::after { - background: #fff; - border: 0; - height: 6px; - left: 12px; - opacity: 0; - top: 50%; - transform: translateY(-50%) scale(0); - transition: transform 0.3s ease, opacity 0.3s ease; - width: 6px; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before { - background: #1aafff; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after { - opacity: 1; - transform: translateY(-50%) scale(1); } - .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before { - background: rgba(0, 0, 0, 0.1); } - .plyr__menu__container .plyr__menu__value { - align-items: center; - display: flex; - margin-left: auto; - margin-right: -5px; - overflow: hidden; - padding-left: 25px; - pointer-events: none; } - -.plyr--full-ui input[type='range'] { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 26px; - color: #1aafff; - display: block; - height: 19px; - margin: 0; - padding: 0; - transition: box-shadow 0.3s ease; - width: 100%; } - .plyr--full-ui input[type='range']::-webkit-slider-runnable-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } - .plyr--full-ui input[type='range']::-webkit-slider-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - -webkit-appearance: none; - /* stylelint-disable-line */ - margin-top: -4px; } - .plyr--full-ui input[type='range']::-moz-range-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-moz-range-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; } - .plyr--full-ui input[type='range']::-moz-range-progress { - background: currentColor; - border-radius: 2.5px; - height: 5px; } - .plyr--full-ui input[type='range']::-ms-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - color: transparent; } - .plyr--full-ui input[type='range']::-ms-fill-upper { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-ms-fill-lower { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background: currentColor; } - .plyr--full-ui input[type='range']::-ms-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - margin-top: 0; } - .plyr--full-ui input[type='range']::-ms-tooltip { - display: none; } - .plyr--full-ui input[type='range']:focus { - outline: 0; } - .plyr--full-ui input[type='range']::-moz-focus-outer { - border: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-moz-range-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-ms-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-ms-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr__poster { - background-color: #000; - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - transition: opacity 0.2s ease; - width: 100%; - z-index: 1; } - -.plyr--stopped.plyr__poster-enabled .plyr__poster { - opacity: 1; } - -.plyr__time { - font-size: 14px; } - -.plyr__time + .plyr__time::before { - content: '\2044'; - margin-right: 10px; } - -@media (max-width: 767px) { - .plyr__time + .plyr__time { - display: none; } } - -.plyr--video .plyr__time { - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.plyr__tooltip { - background: rgba(255, 255, 255, 0.9); - border-radius: 3px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 14px; - font-weight: 500; - left: 50%; - line-height: 1.3; - margin-bottom: 10px; - opacity: 0; - padding: 5px 7.5px; - pointer-events: none; - position: absolute; - transform: translate(-50%, 10px) scale(0.8); - transform-origin: 50% 100%; - transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; - white-space: nowrap; - z-index: 2; } - .plyr__tooltip::before { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(255, 255, 255, 0.9); - bottom: -4px; - content: ''; - height: 0; - left: 50%; - position: absolute; - transform: translateX(-50%); - width: 0; - z-index: 2; } - -.plyr .plyr__control:hover .plyr__tooltip, -.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__tooltip--visible { - opacity: 1; - transform: translate(-50%, 0) scale(1); } - -.plyr .plyr__control:hover .plyr__tooltip { - z-index: 3; } - -.plyr__controls > .plyr__control:first-child .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { - left: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 0 100%; } - .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, - .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { - left: 16px; } - -.plyr__controls > .plyr__control:last-child .plyr__tooltip { - left: auto; - right: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 100% 100%; } - .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { - left: auto; - right: 16px; - transform: translateX(50%); } - -.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, -.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, -.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { - transform: translate(0, 0) scale(1); } - -.plyr--video { - background: #000; - overflow: hidden; } - .plyr--video.plyr--menu-open { - overflow: visible; } - -.plyr__video-wrapper { - background: #000; - border-radius: inherit; - overflow: hidden; - position: relative; - z-index: 0; } - -.plyr__progress { - flex: 1; - left: 6.5px; - margin-right: 13px; - position: relative; } - .plyr__progress input[type='range'], .plyr__progress__buffer { - margin-left: -6.5px; - margin-right: -6.5px; - width: calc(100% + 13px); } - .plyr__progress input[type='range'] { - position: relative; - z-index: 2; } - .plyr__progress .plyr__tooltip { - font-size: 14px; - left: 0; } - -.plyr__progress__buffer { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 100px; - height: 5px; - left: 0; - margin-top: -2.5px; - padding: 0; - position: absolute; - top: 50%; } - .plyr__progress__buffer::-webkit-progress-bar { - background: transparent; } - .plyr__progress__buffer::-webkit-progress-value { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-moz-progress-bar { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-ms-fill { - border-radius: 100px; - transition: width 0.2s ease; } - -.plyr--video .plyr__progress__buffer { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.25); } - -.plyr--audio .plyr__progress__buffer { - color: rgba(183, 197, 205, 0.66); } - -.plyr--loading .plyr__progress__buffer { - animation: plyr-progress 1s linear infinite; - background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); - background-repeat: repeat-x; - background-size: 25px 25px; - color: transparent; } - -.plyr--video.plyr--loading .plyr__progress__buffer { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--audio.plyr--loading .plyr__progress__buffer { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr__volume { - align-items: center; - display: flex; - flex: 1; - position: relative; } - .plyr__volume input[type='range'] { - margin-left: 5px; - position: relative; - z-index: 2; } - @media (min-width: 480px) { - .plyr__volume { - max-width: 90px; } } - @media (min-width: 768px) { - .plyr__volume { - max-width: 110px; } } - -.plyr--is-ios .plyr__volume { - display: none !important; } - -.plyr--is-ios.plyr--vimeo [data-plyr='mute'] { - display: none !important; } - -.plyr:fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:fullscreen video { - height: 100%; } - .plyr:fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:fullscreen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-webkit-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-webkit-full-screen video { - height: 100%; } - .plyr:-webkit-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-webkit-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-webkit-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-moz-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-moz-full-screen video { - height: 100%; } - .plyr:-moz-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-moz-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-moz-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-ms-fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-ms-fullscreen video { - height: 100%; } - .plyr:-ms-fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-ms-fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-ms-fullscreen .plyr__captions { - font-size: 21px; } } - -.plyr--fullscreen-fallback { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; - bottom: 0; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 10000000; } - .plyr--fullscreen-fallback video { - height: 100%; } - .plyr--fullscreen-fallback .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr--fullscreen-fallback.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr--fullscreen-fallback .plyr__captions { - font-size: 21px; } } - -.plyr--no-transition { - transition: none !important; } - -.plyr__sr-only { - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - border: 0 !important; - height: 1px !important; - padding: 0 !important; - position: absolute !important; - width: 1px !important; } - -.plyr [hidden] { - display: none !important; } - -.text-hide { - font: 0/0 a !important; - color: transparent !important; - text-shadow: none !important; - background-color: transparent !important; - border: 0 !important; } - -.text-truncate { - max-width: 100% !important; - overflow: hidden !important; - text-overflow: ellipsis; - white-space: nowrap !important; } - -.text-nowrap { - white-space: nowrap !important; } - -.text-wrap { - word-wrap: break-word !important; } - -.text-lowercase { - text-transform: lowercase !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.text-capitalize { - text-transform: capitalize !important; } - -.text-overline { - text-decoration: overline !important; } - -.text-underline { - text-decoration: underline !important; } - -.text-line-through { - text-decoration: line-through !important; } - -.font-wide { - letter-spacing: 0.25rem; } - -.font-normal { - font-weight: normal; } - -.font-bold { - font-weight: bold; } - -.font-italic { - font-style: italic !important; } - -ul.list-disc { - list-style-type: disc !important; } - -ul.list-circle { - list-style-type: circle !important; } - -ul.list-square { - list-style-type: square !important; } - -ol.list-decimal { - list-style-type: decimal !important; } - -ol.list-lower-alpha { - list-style-type: lower-alpha !important; } - -ol.list-lower-latin { - list-style-type: lower-latin !important; } - -ol.list-lower-roman { - list-style-type: lower-roman !important; } - -ol.list-upper-alpha { - list-style-type: upper-alpha !important; } - -ol.list-upper-latin { - list-style-type: upper-latin !important; } - -ol.list-upper-roman { - list-style-type: upper-roman !important; } - -.rounded { - border-radius: 5000px !important; } - -.radius { - border-radius: 0.1875rem; } - -.bordered { - border: 0.0625rem solid #b2b2b2; } - -.shadow { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } - -.arrow-down { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #0a0a0a transparent transparent; } - -.arrow-up { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #0a0a0a; } - -.arrow-right { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #0a0a0a; } - -.arrow-left { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #0a0a0a transparent transparent; } - -.separator-center { - text-align: center !important; } - .separator-center::before, .separator-center::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-center::after { - clear: both; } - .separator-center::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #8b5c43; - margin: 1rem auto 0; } - -.separator-left { - text-align: left !important; } - .separator-left::before, .separator-left::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-left::after { - clear: both; } - .separator-left::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #8b5c43; - margin: 1rem auto 0; - margin-left: 0 !important; } - -.separator-right { - text-align: right !important; } - .separator-right::before, .separator-right::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-right::after { - clear: both; } - .separator-right::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #8b5c43; - margin: 1rem auto 0; - margin-right: 0 !important; } - -.overflow-visible { - overflow: visible !important; } - -.overflow-x-visible { - overflow-x: visible !important; } - -.overflow-y-visible { - overflow-y: visible !important; } - -.overflow-hidden { - overflow: hidden !important; } - -.overflow-x-hidden { - overflow-x: hidden !important; } - -.overflow-y-hidden { - overflow-y: hidden !important; } - -.overflow-scroll { - overflow: scroll !important; } - -.overflow-x-scroll { - overflow-x: scroll !important; } - -.overflow-y-scroll { - overflow-y: scroll !important; } - -.display-inline { - display: inline !important; } - -.display-inline-block { - display: inline-block !important; } - -.display-block { - display: block !important; } - -.display-table { - display: table !important; } - -.display-table-cell { - display: table-cell !important; } - -.position-static { - position: static !important; } - -.position-relative { - position: relative !important; } - -.position-absolute { - position: absolute !important; } - -.position-fixed { - position: fixed !important; } - -.position-fixed-top { - position: fixed !important; - top: 0rem !important; - right: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.position-fixed-bottom { - position: fixed !important; - right: 0rem !important; - bottom: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.border-box { - box-sizing: border-box !important; } - -.border-none { - border: none !important; } - -.width-25 { - width: 25% !important; } - -.width-50 { - width: 50% !important; } - -.width-75 { - width: 75% !important; } - -.width-100 { - width: 100% !important; } - -.height-25 { - height: 25% !important; } - -.height-50 { - height: 50% !important; } - -.height-75 { - height: 75% !important; } - -.height-100 { - height: 100% !important; } - -.max-width-100 { - max-width: 100% !important; } - -.max-height-100 { - max-height: 100% !important; } - -.margin-0 { - margin-top: 0rem !important; - margin-right: 0rem !important; - margin-bottom: 0rem !important; - margin-left: 0rem !important; } - -.padding-0 { - padding-top: 0rem !important; - padding-right: 0rem !important; - padding-bottom: 0rem !important; - padding-left: 0rem !important; } - -.margin-top-0 { - margin-top: 0rem !important; } - -.padding-top-0 { - padding-top: 0rem !important; } - -.margin-right-0 { - margin-right: 0rem !important; } - -.padding-right-0 { - padding-right: 0rem !important; } - -.margin-bottom-0 { - margin-bottom: 0rem !important; } - -.padding-bottom-0 { - padding-bottom: 0rem !important; } - -.margin-left-0 { - margin-left: 0rem !important; } - -.padding-left-0 { - padding-left: 0rem !important; } - -.margin-horizontal-0 { - margin-right: 0rem !important; - margin-left: 0rem !important; } - -.padding-horizontal-0 { - padding-right: 0rem !important; - padding-left: 0rem !important; } - -.margin-vertical-0 { - margin-top: 0rem !important; - margin-bottom: 0rem !important; } - -.padding-vertical-0 { - padding-top: 0rem !important; - padding-bottom: 0rem !important; } - -.margin-1 { - margin-top: 1rem !important; - margin-right: 1rem !important; - margin-bottom: 1rem !important; - margin-left: 1rem !important; } - -.padding-1 { - padding-top: 1rem !important; - padding-right: 1rem !important; - padding-bottom: 1rem !important; - padding-left: 1rem !important; } - -.margin-top-1 { - margin-top: 1rem !important; } - -.padding-top-1 { - padding-top: 1rem !important; } - -.margin-right-1 { - margin-right: 1rem !important; } - -.padding-right-1 { - padding-right: 1rem !important; } - -.margin-bottom-1 { - margin-bottom: 1rem !important; } - -.padding-bottom-1 { - padding-bottom: 1rem !important; } - -.margin-left-1 { - margin-left: 1rem !important; } - -.padding-left-1 { - padding-left: 1rem !important; } - -.margin-horizontal-1 { - margin-right: 1rem !important; - margin-left: 1rem !important; } - -.padding-horizontal-1 { - padding-right: 1rem !important; - padding-left: 1rem !important; } - -.margin-vertical-1 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } - -.padding-vertical-1 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } - -.margin-2 { - margin-top: 2rem !important; - margin-right: 2rem !important; - margin-bottom: 2rem !important; - margin-left: 2rem !important; } - -.padding-2 { - padding-top: 2rem !important; - padding-right: 2rem !important; - padding-bottom: 2rem !important; - padding-left: 2rem !important; } - -.margin-top-2 { - margin-top: 2rem !important; } - -.padding-top-2 { - padding-top: 2rem !important; } - -.margin-right-2 { - margin-right: 2rem !important; } - -.padding-right-2 { - padding-right: 2rem !important; } - -.margin-bottom-2 { - margin-bottom: 2rem !important; } - -.padding-bottom-2 { - padding-bottom: 2rem !important; } - -.margin-left-2 { - margin-left: 2rem !important; } - -.padding-left-2 { - padding-left: 2rem !important; } - -.margin-horizontal-2 { - margin-right: 2rem !important; - margin-left: 2rem !important; } - -.padding-horizontal-2 { - padding-right: 2rem !important; - padding-left: 2rem !important; } - -.margin-vertical-2 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; } - -.padding-vertical-2 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; } - -.margin-3 { - margin-top: 3rem !important; - margin-right: 3rem !important; - margin-bottom: 3rem !important; - margin-left: 3rem !important; } - -.padding-3 { - padding-top: 3rem !important; - padding-right: 3rem !important; - padding-bottom: 3rem !important; - padding-left: 3rem !important; } - -.margin-top-3 { - margin-top: 3rem !important; } - -.padding-top-3 { - padding-top: 3rem !important; } - -.margin-right-3 { - margin-right: 3rem !important; } - -.padding-right-3 { - padding-right: 3rem !important; } - -.margin-bottom-3 { - margin-bottom: 3rem !important; } - -.padding-bottom-3 { - padding-bottom: 3rem !important; } - -.margin-left-3 { - margin-left: 3rem !important; } - -.padding-left-3 { - padding-left: 3rem !important; } - -.margin-horizontal-3 { - margin-right: 3rem !important; - margin-left: 3rem !important; } - -.padding-horizontal-3 { - padding-right: 3rem !important; - padding-left: 3rem !important; } - -.margin-vertical-3 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } - -.padding-vertical-3 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } - -.slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-down.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-left.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-up.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-right.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-down.mui-leave.mui-leave-active { - transform: translateY(100%); } - -.slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-right.mui-leave.mui-leave-active { - transform: translateX(100%); } - -.slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-up.mui-leave.mui-leave-active { - transform: translateY(-100%); } - -.slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-left.mui-leave.mui-leave-active { - transform: translateX(-100%); } - -.fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - -.fade-in.mui-enter.mui-enter-active { - opacity: 1; } - -.fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - -.fade-out.mui-leave.mui-leave-active { - opacity: 0; } - -.hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-top.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-right.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(90deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(90deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-left.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-y.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-top.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-right.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - -.hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-left.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - -.hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(0.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-up.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-down.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-up.mui-leave.mui-leave-active { - transform: scale(1.5); - opacity: 0; } - -.scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-down.mui-leave.mui-leave-active { - transform: scale(0.5); - opacity: 0; } - -.spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(-0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out.mui-leave.mui-leave-active { - transform: rotate(0.75turn); - opacity: 0; } - -.spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in-ccw.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out-ccw.mui-leave.mui-leave-active { - transform: rotate(-0.75turn); - opacity: 0; } - -.slow { - transition-duration: 750ms !important; } - -.fast { - transition-duration: 250ms !important; } - -.linear { - transition-timing-function: linear !important; } - -.ease { - transition-timing-function: ease !important; } - -.ease-in { - transition-timing-function: ease-in !important; } - -.ease-out { - transition-timing-function: ease-out !important; } - -.ease-in-out { - transition-timing-function: ease-in-out !important; } - -.bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - transition-delay: 300ms !important; } - -.long-delay { - transition-delay: 700ms !important; } - -.shake { - animation-name: shake-7; } - -@keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - transform: translateX(-7%); } } - -.spin-cw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(-1turn); } - 100% { - transform: rotate(0); } } - -.spin-ccw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(0); } - 100% { - transform: rotate(1turn); } } - -.wiggle { - animation-name: wiggle-7deg; } - -@keyframes wiggle-7deg { - 40%, 50%, 60% { - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - transform: rotate(0); } } - -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - animation-duration: 500ms; } - -.infinite { - animation-iteration-count: infinite; } - -.slow { - animation-duration: 750ms !important; } - -.fast { - animation-duration: 250ms !important; } - -.linear { - animation-timing-function: linear !important; } - -.ease { - animation-timing-function: ease !important; } - -.ease-in { - animation-timing-function: ease-in !important; } - -.ease-out { - animation-timing-function: ease-out !important; } - -.ease-in-out { - animation-timing-function: ease-in-out !important; } - -.bounce-in { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - animation-delay: 300ms !important; } - -.long-delay { - animation-delay: 700ms !important; } - -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -html, -body { - padding: 0; - margin: 0; } - -.grid-container { - max-width: 90rem; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-left: 6rem; - padding-right: 6rem; } } - -.theme--dark { - background: #0a0a0a !important; } - .theme--dark h1, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__title, .theme--dark .in-depth .in-depth__title, .in-depth .theme--dark .in-depth__title, - .theme--dark h2, - .theme--dark h3, - .theme--dark p, - .theme--dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--dark h3 { - color: #ffffff; } - -.theme--primary { - background: #ffffff !important; } - .theme--primary h1, .theme--primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary .slide--in-depth__intro__title, .theme--primary .in-depth .in-depth__title, .in-depth .theme--primary .in-depth__title, - .theme--primary h2, - .theme--primary h3, - .theme--primary p, - .theme--primary .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary h3 { - color: #8b5c43; } - -.theme--primary-dark { - background: #8b5c43 !important; } - .theme--primary-dark h1, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__title, .theme--primary-dark .in-depth .in-depth__title, .in-depth .theme--primary-dark .in-depth__title, - .theme--primary-dark h2, - .theme--primary-dark h3, - .theme--primary-dark p, - .theme--primary-dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark h3 { - color: #ffffff; } - -.theme--primary-light { - background: rgba(139, 92, 67, 0.1) !important; } - .theme--primary-light h1, .theme--primary-light .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-light .slide--in-depth__intro__title, .theme--primary-light .in-depth .in-depth__title, .in-depth .theme--primary-light .in-depth__title, - .theme--primary-light h2, - .theme--primary-light h3, - .theme--primary-light p, - .theme--primary-light .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-light h3 { - color: #8b5c43; } - -.scroll_lock { - overflow: hidden; } - -a.link--arrow { - font-weight: bold; } - -body.off-canvas-opened { - overflow: hidden; } - -button, -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - background: black; - color: white; - text-transform: uppercase; - letter-spacing: 1px; - position: relative; - z-index: 0; } - button:focus, - .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - button a, .button a, .button.cta a, .cta__button a, .button.cta--alt a, .cta__button--alt a, .modal__open-button a, .transcript .transcript__toggle a, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button a { - color: inherit; - font-size: inherit; - line-height: inherit; - background: inherit; } - button svg, .button svg, .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - margin: .125rem 0 0 0; - height: 1rem; - width: 1rem; } - button.hollow, - .hollow.button, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #0a0a0a; - color: #0a0a0a; - background: transparent; } - button.hollow:hover, - .hollow.button:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover { - border: 2px solid #0a0a0a; - color: #0a0a0a; } - button.icon, - .icon.button, - .icon.cta__button, - .icon.cta__button--alt, .icon.modal__open-button, .transcript .icon.transcript__toggle, .owl-carousel .slide--in-depth__intro .icon.slide--in-depth__intro__button { - padding: .25rem; - height: 2rem; - width: 2rem; - font-size: 1em; } - -.caption { - margin-top: .5rem; - margin-bottom: 1rem; - cursor: text; - font-size: 0.75rem; - line-height: 16px; } - .caption .caption__brief { - display: inline-block; } - .caption .toggle-caption { - margin: 0 0 0 .25rem; - padding: .125rem; - height: 1.25rem; - width: 1.25rem; - position: relative; } - .caption .toggle-caption .i-info { - text-transform: lowercase; - font-size: 15px; - font-family: 'freight-text-pro'; - font-weight: 700; - display: inline-block; - margin-left: 0.5px; - height: 12px; - width: 5px; } - .caption figcaption { - display: block; - background-color: #e6e6e6; - color: #0a0a0a; - padding: 1rem; - margin-top: .5rem; } - .theme--dark .caption { - color: #ffffff; } - .theme--dark .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .caption .toggle-caption svg { - transform: translate(-0.25px, -1.5px); } - .theme--dark .caption figcaption { - margin-top: 1rem; - color: #ffffff; - padding: 1rem; - background: rgba(255, 255, 255, 0.2); } - -cite, .inline-quote cite, .standalone-quote cite { - font-style: normal; } - .theme--dark cite { - color: #ffffff; } - -/* -Cliff Note (Blurb) - -A cliff note acts as a quick overview or as highlighted information of a chapter and is meant to be scanned. It can also help set the tone of the chapter. - -Markup: cliff-note.html.twig - -Styleguide COMPONENTS.cliff-note - -*/ -.cliff-note { - font-size: 1.875rem; - line-height: 42px; - position: relative; - font-family: "freight-display-pro", sans; - letter-spacing: -1px; - max-width: 18rem; - margin: auto; } - .cliff-note p, .cliff-note .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cliff-note h3 { - font-size: inherit; - line-height: inherit; } - .cliff-note:before { - display: block; - width: 5rem; - height: 2px; - margin-bottom: 1em; - background-color: #8b5c43; - content: ''; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(139, 92, 67, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(220, 206, 198, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.down_arrow { - z-index: 151; - position: absolute; - width: 100vw; } - .down_arrow a { - display: block; - width: 3rem; - height: 3rem; - margin: 0 auto; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -.intro-text { - overflow-y: auto; - overflow-x: hidden; } - .intro-text h2 { - opacity: 0.5; - font-style: italic; - font-weight: bold; - margin-bottom: 2rem; } - @media print, screen and (min-width: 40em) { - .intro-text h2 { - margin-bottom: 4rem; } } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, .intro-text h2 { - color: #8b5c43; } - .theme--dark .intro-text .cell, .theme--dark .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--dark .intro-text h2 { - color: #ffffff; } - .theme--primary--light .intro-text .cell, .theme--primary--light .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--primary--light .intro-text h2 { - color: #0a0a0a; } - .intro-text .text { - font-family: "freight-display-pro", sans; - font-weight: bold; - line-height: 1.3; - letter-spacing: -1px; - font-size: 2em; } - @media print, screen and (min-width: 40em) { - .intro-text .text { - font-size: 2.85em; } } - @media print, screen and (min-width: 64em) { - .intro-text .text { - font-size: 3.75em; } } - .theme--dark.intro-text .cell, .theme--dark.intro-text .video--embed.boxed > .video--embed__wrapper { - background-color: #0a0a0a; } - .theme--dark.intro-text .text, - .theme--dark.intro-text h2 { - color: #ffffff; } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 0; - transition-property: opacity, top; - transition-duration: .75s; - transition-delay: 0.125s; - transition-timing-function: ease-in-out; - position: relative; - top: 5rem; } - .triggered .intro-text .cell, .triggered .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 1; - top: 0; } - -.intro-text.video-intro { - height: 100vh; } - .intro-text.video-intro .grid-x, .intro-text.video-intro .video--embed.boxed { - height: 100vh; - padding: 0 !important; - margin-left: 0; - margin-right: 0; } - .intro-text.video-intro .cell, .intro-text.video-intro .video--embed.boxed > .video--embed__wrapper { - height: 100vh; - width: 100vw; - overflow: auto; - margin-left: 0; - margin-right: 0; - padding-top: 8rem; - padding: 8rem 5rem 5rem 5rem; } - @media print, screen and (min-width: 40em) { - .intro-text.video-intro .wrapper { - padding-left: calc(16.66667% + 0.9375rem); - padding-right: calc(16.66667% + 0.9375rem); } } - .intro-text.video-intro .video_element { - z-index: -1; } - -.logo { - margin-top: .5rem; - margin-right: 1.5rem; - display: inline-block; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -p, .off-canvas footer.footer .footer-feature h3, .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - font-size: 1.125rem; } - -q, .inline-quote q, .standalone-quote q { - line-height: 1em; - font-weight: bold; } - q:before, .inline-quote q:before, .standalone-quote q:before, q:after, .inline-quote q:after, .standalone-quote q:after { - position: relative; - width: 1em; - font-size: 1.75em; - top: .125em; } - q:before, .inline-quote q:before, .standalone-quote q:before { - padding-right: .25rem; } - q:after, .inline-quote q:after, .standalone-quote q:after { - padding-left: .25rem; } - .theme--dark q { - color: #ffffff; } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.standalone-quote__icon svg { - max-width: 100%; - width: 15rem; - height: auto; } - -.standalone-quote__icon path#quote { - fill: #8b5c43; } - -.standalone-quote__icon path#line { - stroke: #8b5c43; } - -.theme--primary-dark .standalone-quote__icon path#quote, -.theme--primary-dark .standalone-quote__icon path#line { - fill: #ffffff; - stroke: #ffffff; } - -.tagline { - font-weight: 300; - display: inline-block; - position: relative; - top: -.25rem; } - -/* -Text Area - -Text area's contain paragraphs and related text copy and offer a drop cap feature for the first contained paragraph. - -Markup: textarea.html.twig - -Styleguide COMPONENTS.textarea - -*/ -.textarea { - font-family: "freight-text-pro", serif; - font-size: 1em; - line-height: 1.6em; } - .drop-cap.textarea > p:first-of-type:first-letter, .off-canvas footer.footer .footer-feature .drop-cap.textarea > h3:first-of-type:first-letter { - float: left; - font-size: 8.25em; - font-weight: 900; - line-height: 0.72em; - margin-right: 0.06667em; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(139, 92, 67, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(220, 206, 198, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -body.off-canvas-opened { - overflow: hidden; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.plyr--audio .plyr__controls { - padding: 0; - margin-bottom: 1rem; - color: #0a0a0a; } - -.plyr--audio .plyr__control { - border-radius: 1000rem; - background: #8b5c43; - padding: .75rem; - height: 2.5rem; - width: 2.5rem; } - .plyr--audio .plyr__control svg { - fill: #ffffff !important; - transform: translate(0, -0.125rem); } - .plyr--audio .plyr__control:hover { - background: #573a2a !important; } - .plyr--audio .plyr__control:hover svg { - fill: #ffffff !important; } - -.plyr--audio .plyr__progress__buffer { - color: #8b5c43; - display: none; } - -.plyr--full-ui.plyr--audio input[type='range'] { - color: #8b5c43; } - -.theme--dark .plyr--audio .plyr__controls { - color: #ffffff; } - -audio { - opacity: 0; } - -.transcript { - margin-bottom: 1rem; } - .transcript .transcript__brief { - margin-bottom: .5rem; } - .transcript .transcript__text { - transition-property: visibility, opacity, height, max-height; - transition-duration: .75s; - transition-timing-function: ease-in-out; - overflow: hidden; - max-height: 0; - opacity: 0; } - .transcript .transcript__text.active { - visibility: visible !important; - opacity: 1; - height: auto; - max-height: 600px; } - .transcript .transcript__toggle:after { - display: none; } - .theme--dark .transcript { - color: #ffffff; } - -#chapter_nav ul li.active_item a .dot_wrapper { - animation: pulse 1.375s infinite ease-in-out alternate running; - z-index: -1; } - -#chapter_nav ul li.active_item a .dot { - z-index: 2; - background-color: #8b5c43; } - -#chapter_nav:hover ul li::after { - opacity: 1; } - -#chapter_nav { - width: 3em; - position: fixed; - z-index: 110; - box-sizing: border-box; - top: 18vh; - padding: 0 1rem; - left: 1.5rem; - height: 65vh; - background-image: url("/assets/images/chapternav-background.svg"); - background-repeat: repeat-y; - background-position: center center; - background-size: 100% 100%; - font-family: "freight-text-pro", serif; - transition-property: opacity; - transition-duration: 0.625s; - transition-timing-function: ease-in-out; } - @media (min-width: 640px) { - #chapter_nav { - display: block; } } - #chapter_nav.hidden { - visibility: hidden; - opacity: 0; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav.showy { - visibility: visible; - opacity: 1; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav ul { - list-style: none; - position: relative; - z-index: 10; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - justify-content: space-between; } - #chapter_nav ul .dot_wrapper { - position: relative; - width: 100%; - height: 100%; - border-radius: 50%; } - #chapter_nav ul .dot { - display: inline-block; - position: absolute; - box-shadow: 0px 0px 0px 3px #b2b2b2; - transition-property: background-color; - transition-duration: 0.75s; - transition-timing-function: ease-in-out; - text-decoration: none; - box-sizing: border-box; - background-color: #fff; - color: #fff; - border-radius: 50%; - width: 0.425rem; - height: 0.425rem; - text-align: center; - font-size: 1.125em; } - #chapter_nav ul li:nth-child(1) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(1)::after { - content: counter(chapters, upper-alpha); } - #chapter_nav ul li:nth-child(2) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(2)::after { - content: counter(chapters, upper-roman); } - #chapter_nav ul li { - position: relative; - padding: 0; } - #chapter_nav ul li a { - position: absolute; - display: block; - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; } - #chapter_nav ul li::after { - font-family: sans-serif; - counter-increment: chapters; - content: counter(chapters, upper-roman); - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - position: absolute; - opacity: 0; - left: 2.5rem; - top: -0.75rem; - color: #fff; } - #chapter_nav ul li.past .dot { - box-shadow: 0px 0px 0px 2px #ffffff; - background-color: #8b5c43; } - .theme--dark #chapter_nav ul li::after { - text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.4); } - #chapter_nav .scroll_percent { - content: ""; - border-left: 3px #8b5c43 solid; - position: absolute; - z-index: -1; - top: 0; - left: 50%; - transform: translate3d(-50%, 0, 0); - transition-property: height; - transition-duration: 0.45s; - transition-timing-function: ease-out; } - -body { - counter-reset: tooltipChapters; } - body .tooltip.chapter_nav__tip { - box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.3); - font-size: 0.925rem; - font-weight: normal; - font-family: Helvetica, sans-serif; - white-space: nowrap; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } - body .tooltip.chapter_nav__tip::before { - transition-duration: 0.325s; - transition-timing-function: ease-out; - transition-property: opacity; - position: absolute; - left: 0.875em; - width: auto; - height: auto; - background-color: transparent; - border: none; - display: inline-block; } - -@keyframes pulse { - 0% { - background-color: rgba(139, 92, 67, 0.4); - box-shadow: 0 0 0 0.425rem rgba(139, 92, 67, 0.4); } - 100% { - background-color: rgba(139, 92, 67, 0.15); - box-shadow: 0 0 0 0.875rem rgba(139, 92, 67, 0.15); } } - -/* -Chapter title - -Cover pages for chapters - -Markup: chapter__title.html.twig -*/ -.chapter__title .object-fit { - object-position: 50% 50%; - font-family: 'object-fit: contain; object-position: 50% 50%'; - position: absolute; } - -.chapter__title .overlay { - position: absolute; - z-index: 50; - top: 50%; - left: 50%; - display: none; - opacity: 0; - transform: translate3d(-50%, -40%, 0); - transition-property: transform, opacity; - transition-duration: 1.875s; - transition-timing-function: ease-out; } - -.triggered .chapter__title .object-fit { - animation-name: kenburns; - animation-duration: 1.325s; - animation-timing-function: ease-in-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .overlay { - display: block; - animation-name: fadein; - animation-duration: 1.325s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0.25s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .toggle-caption { - opacity: 1; } - -.chapter__title .chapter__headline { - color: white; } - .chapter__title .chapter__headline .numeral, - .chapter__title .chapter__headline .title { - display: block; - text-align: center; } - .chapter__title .chapter__headline .numeral { - font-size: 8.75rem; - line-height: 165px; - color: white; - font-weight: 900; } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - font-size: 13.75rem; } } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - line-height: 200px; } } - - .chapter__title .chapter__headline .title { - font-size: 1.875rem; - line-height: 40px; - font-style: italic; } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - font-size: 3.125rem; } } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - line-height: 75px; } } - -@keyframes kenburns { - 0% { - transform: scale(1); } - 100% { - transform: scale(1.2); } } - -@keyframes fadein { - 0% { - opacity: 0; - transform: translate3d(-50%, -30%, 0); } - 100% { - opacity: 1; - transform: translate3d(-50%, -50%, 0); } } - -.cover_page { - position: absolute; - overflow: hidden; - /* - * This style will be shared with the SVG because - * I have to replace the DOM element in Firefox. - * Otherwise the SVG pattern will be broken. - */ } - .cover_page .underlay .bg-image { - z-index: -1; } - .cover_page .underlay .underlay_contents { - z-index: 2; - position: relative; } - .cover_page .underlay .headline { - color: transparent; } - .cover_page .underlay .headline .solid { - color: #fff; } - @supports (-webkit-text-stroke: 3px #fff) { - .cover_page .underlay .headline .outline { - color: rgba(255, 0, 0, 0); - -webkit-text-stroke: 2px #fff; } } - .cover_page .underlay .content { - color: #fff; - text-align: center; - padding-bottom: 3em; - position: absolute; - margin-left: 2em; - margin-right: 2em; - bottom: 3rem; - width: calc(100% - 4rem); } - .cover_page .underlay .content .info { - font-size: 1rem; - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - position: relative; - top: 4em; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content .info { - font-size: 1.125rem; } } - .cover_page .underlay .content .info p, .cover_page .underlay .content .info .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cover_page .underlay .content .info h3 { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content { - bottom: 5rem; - width: 100%; - margin-left: 0; - margin-right: 0; } } - .cover_page .down_arrow { - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - opacity: 0; - bottom: -5rem; } - .triggered .cover_page .underlay .content .info { - opacity: 1; - top: 0; } - .triggered .cover_page .down_arrow { - opacity: 1; - bottom: 3rem; } - .cover_page .loaderpane { - position: absolute; - top: 0; - left: 0; } - .cover_page .loaderpane .text { - line-height: 0.75; } - .cover_page .top { - z-index: 10; } - .cover_page .loader { - z-index: 11; - clip: rect(0 100vw 100vh 0); } - .cover_page .loader .text { - color: #dedede; - vertical-align: baseline; - line-height: 100vh; } - .cover_page .bg-image { - animation: kenburns--cover 4s ease-out 0.75s 1 forwards running; } - .cover_page .mask { - color: red; - width: 100%; - height: 100vh; - -webkit-text-fill-color: transparent; - background-repeat: no-repeat; - background-position: center center; - background-size: 100vw 100vh; - background-clip: text; - -webkit-background-clip: text; } - .cover_page .mask .text { - vertical-align: baseline; - line-height: 100vh; } - .cover_page .headline { - display: block; - position: absolute; - width: 100vw; - top: 40%; - left: 50%; - transform: translate3d(-50%, -50%, 0); - margin: 0; - font-family: 'akzidenz-grotesk-next-pro', sans-serif; - font-weight: bold; - font-size: 70px; - line-height: 100%; - letter-spacing: 2px; - text-align: center; } - @media print, screen and (min-width: 40em) { - .cover_page .headline { - top: 40%; - width: 100vw; - font-size: 122px; } } - @media print, screen and (min-width: 64em) { - .cover_page .headline { - font-size: 150px; } } - .cover_page .subtitle { - position: absolute; - color: #fff; - width: 100%; - text-align: center; - font-style: italic; - font-size: 32px; - top: 50%; } - @media print, screen and (min-width: 40em) { - .cover_page .subtitle { - top: 52%; - font-size: 42px; } } - @media print, screen and (min-width: 64em) { - .cover_page .subtitle { - font-size: 50px; } } - .cover_page .cover_loader_container { - background-color: #fff; - position: relative; - z-index: 3; - transition-property: opacity; - transition-timing-function: ease-out; - transition-duration: 0.7s; } - .loaded.cover_page .loader { - animation-name: stretch; - animation-duration: 0.7s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - .post_loaded.cover_page .cover_loader_container { - opacity: 0; } - .post_loaded.cover_page .toggle-caption { - opacity: 1; } - .initialized.cover_page .underlay { - z-index: 15; } - .initialized.cover_page .cover_loader_container, - .initialized.cover_page .mask_loader { - display: none; } - .off-canvas .cover_page { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay .underlay_contents { - padding: 2rem 2rem 1rem 2rem; - min-height: auto; } - .off-canvas .cover_page .underlay .headline { - font-size: 3rem; - position: relative; - left: 50%; - transform: translate3d(-50%, 0%, 0); } - -.cover_page.video_cover .bg-image { - visibility: hidden; } - -@keyframes stretch { - 0% { - clip: rect(0 100vw 100vh 0); } - 100% { - clip: rect(0 100vw 100vh 100vw); } } - -@keyframes kenburns--cover { - 0% { - transform: scale(1); } - 100% { - left: 15%; - top: -17%; - transform: scale(1.5); } } - -.footer__cta { - background: #ffffff; - padding: 2rem !important; - flex-grow: 1; } - .footer__cta h4, - .footer__cta p, - .footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .footer__cta h3 { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .footer__cta { - padding: 3rem !important; } } - .theme--primary-dark.footer__cta { - background: #8b5c43; } - .theme--primary-dark.footer__cta h4, - .theme--primary-dark.footer__cta p, - .theme--primary-dark.footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark.footer__cta h3 { - color: #ffffff !important; } - -.footer__cta__wrapper { - padding: 2rem 0; } - @media print, screen and (min-width: 64em) { - .footer__cta__wrapper { - padding: 6rem 0 12rem 0; } } - -.footer__navigation { - font-size: 80%; - margin: auto 0 0 0; - padding: 2rem 0; - border-top: 2px solid #b2b2b2; - color: #8a8a8a; } - -/* -Inline Quotes - -Inline quotes are used to reinforce a quote within the body copy. They have less emphasis than a full viewport standalone quote and can be used more frequently when necessary. - -Markup: inline-quote.html.twig - -Styleguide COMPONENTS.inline-quote - -*/ -.inline-quote q { - font-size: 1.125rem; - line-height: 30px; - position: relative; } - .inline-quote q:before { - position: absolute; - display: inline-block; - left: -1.25rem; - top: 0; - width: 1rem; - padding: 0; } - -.inline-quote cite { - font-size: 1.125rem; - line-height: 30px; - margin-top: 1em; } - -/* -Modals - -Modal dialogs, or pop-up windows, are handy for displaying content as needed on click. - -Markup: modal-demo.html.twig - -Styleguide COMPONENTS.modal - -*/ -.modal, .reveal { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - color: #ffffff; - height: 100vh; - max-height: 100vh; - width: 100vw; - max-width: 100vw; } - .modal:focus, - .reveal:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .full-screen.modal, - .full-screen.reveal { - padding: 0; } - -.menu--footer { - text-align: center; - display: flex; - justify-content: center; - margin-top: .25rem !important; } - @media print, screen and (min-width: 40em) { - .menu--footer { - text-align: left; - justify-content: start; } } - .menu--footer a { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; - color: #8a8a8a; - padding: 0 !important; - margin: 0 1rem; } - @media print, screen and (min-width: 40em) { - .menu--footer a { - margin: 0 4rem 0 0; } } - -nav#mobile_nav { - color: #ffffff; - padding: 1rem; - border-bottom: 2px solid rgba(255, 255, 255, 0.25); } - nav#mobile_nav h3 { - font-family: "freight-display-pro", sans; - font-weight: bold; - font-size: 2rem; - margin-left: 1rem; } - nav#mobile_nav .menu--mobile li { - position: relative; } - nav#mobile_nav .menu--mobile li::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: calc(100% - 2rem); - margin: 0 1rem; - height: 1px; - background-color: rgba(255, 255, 255, 0.25); } - nav#mobile_nav .menu--mobile li:last-of-type::after, nav#mobile_nav .menu--mobile li.active_item::after { - display: none; } - nav#mobile_nav .menu--mobile li.active_item a { - background-color: #8b5c43; } - nav#mobile_nav .menu--mobile a { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - display: flex; - font-size: 1.5rem; - font-weight: bold; - padding: 1rem; - color: #ffffff; } - nav#mobile_nav .menu--mobile a:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - nav#mobile_nav .menu--mobile .menu--mobile__numeral { - display: inline-block; - flex-basis: 3rem; - opacity: .5; } - nav#mobile_nav .menu--mobile .menu--mobile__title { - font-style: italic; - flex-basis: calc(100% - 3rem); } - -.off-canvas { - padding-top: 4rem; } - .off-canvas .footer__cta__wrapper { - display: none; } - .off-canvas .off-canvas__buttons .button, - .off-canvas .off-canvas__buttons .cta__button, - .off-canvas .off-canvas__buttons .cta__button--alt, .off-canvas .off-canvas__buttons .modal__open-button, .off-canvas .off-canvas__buttons .transcript .transcript__toggle, .transcript .off-canvas .off-canvas__buttons .transcript__toggle, .off-canvas .off-canvas__buttons .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .off-canvas .off-canvas__buttons .slide--in-depth__intro__button, - .off-canvas .off-canvas__buttons button { - background: #ffffff; - color: #0a0a0a; } - .off-canvas .cover_page .underlay .underlay_contents h1.headline, .off-canvas .cover_page .underlay .underlay_contents .owl-carousel .slide--in-depth__intro .headline.slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .off-canvas .cover_page .underlay .underlay_contents .headline.slide--in-depth__intro__title, .off-canvas .cover_page .underlay .underlay_contents .in-depth .headline.in-depth__title, .in-depth .off-canvas .cover_page .underlay .underlay_contents .headline.in-depth__title { - color: #fff; } - -.audio-with-transcript audio { - margin-bottom: 1rem; } - -/* - -Picture - -A responsive picture element with srcset - -Markup: picture.html.twig - -Styleguide athing.anotherthign - -*/ -.picture picture { - display: inline-block; - width: 100%; - height: auto; } - -.picture img { - display: block; - width: 100%; - height: auto; } - -.sharing-icons .icon { - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: .25; } - .sharing-icons .icon:hover { - opacity: 1; } - -.horizontal-image-slider .sharing-icons { - margin-top: 2rem; } - .horizontal-image-slider .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; - opacity: 1; } - -.owl-item figcaption { - color: #ffffff; } - -.owl-carousel .slide--in-depth__intro { - display: flex; - flex-flow: column; - justify-content: center; - min-height: 100vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro { - justify-content: flex-end; - min-height: calc(100vh - 4rem); - position: relative; - width: 100vw; - height: 100vh; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - position: relative; - left: 2rem; - height: calc(100% - 4rem); - width: calc(100% - 4rem); - display: flex; - align-items: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - margin: 0; - position: absolute; - top: 4rem; - left: 0; - height: calc(100% - 4rem); - width: 100%; - display: flex; - justify-content: center; - align-items: center; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-property: transform, top, right, left, height, width, background-color, opacity, z-index; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - transform: translateX(-100%); - position: absolute; - top: calc(50% - 1.65rem); - right: calc(6rem + 3px); - left: auto; - height: 1px; - width: 100%; - background: #0a0a0a; - content: ""; - opacity: .5; - z-index: 1; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100%; - margin-bottom: 20vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: auto; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100% !important; - position: relative; - overflow: hidden; - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(255, 255, 255, 0.75)); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - content: ""; - z-index: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; - overflow: hidden; - max-height: inherit; - height: 60vh; - width: 60vh !important; - position: relative; - transition-property: height, max-height, width, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transform: translate(-15%, 0) scale(0.7); } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - height: 80vh; - width: 80vh !important; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img { - width: 100% !important; - max-height: 100% !important; - border-radius: 1000rem; - overflow: hidden; - height: auto; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 2rem; - margin-bottom: 1rem; - transition-property: color, margin, top, left, right, bottom, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .5s; - font-family: "freight-display-pro", sans !important; - font-weight: bold; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 3rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 4rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 4rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - transition-property: opacity, top, left, right, bottom, margin, transform, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: .5s; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - color: #0a0a0a; - position: relative; - top: -2rem; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - top: 0; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - font-size: 125%; - line-height: 1.2; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - height: 100%; - width: 100%; - display: flex; - flex-flow: column; - justify-content: center; - align-items: center; - z-index: 1; } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - padding: 0 2rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content > .cell, .owl-carousel .slide--in-depth__intro .video--embed.boxed.slide--in-depth__intro__content > .video--embed__wrapper { - position: relative; - display: flex; - flex-flow: row; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: initial; - margin: 0 2rem; - transition-property: transform, opacity, bottom; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 45%; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 30%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0 0 3rem auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 10vh 10vw 3rem auto; } } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - text-align: center; - margin: 2rem 0 0 0; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 1rem); - display: flex; - flex-flow: column; - bottom: calc(50% - 5px); } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - transition-property: transform, opacity, top, right, margin-top, width, opacity, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - visibility: hidden; - opacity: 0; - height: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - position: absolute; - top: calc(50% + 5px); - right: 0; - margin-top: 3rem; - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - margin-top: 5rem; - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - right: 5rem; } } - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: absolute; - top: 5rem; - left: 1rem; - margin-top: 0; } - .owl-carousel .slide--in-depth__intro .sharing-icons .icon { - border-color: #0a0a0a; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: initial; - margin-top: 2rem; } } - .owl-carousel .slide--in-depth__intro .slide__icon--next { - margin-top: 2rem; - text-align: center; - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next:before { - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg { - transform: rotate(90deg); } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg * { - stroke: #0a0a0a; - fill: #0a0a0a; - color: #0a0a0a; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Oval-5-Copy { - stroke: transparent !important; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Path-2-Copy-2 { - fill: transparent !important; } - .owl-carousel .slide--in-depth__intro .caption { - margin: 0 !important; } - .owl-carousel .slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro, .owl-carousel .open .slide--in-depth__intro { - justify-content: flex-start; - min-height: auto; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__button { - transition-delay: 0s; - visibility: hidden; - opacity: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: inherit; - transition-delay: 0s; } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 0; } } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.25); } } - @media print, screen and (min-width: 64em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-40vw, -10vw) scale(1.25); } } - @media screen and (min-width: 75em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-32.5vw, -10vw) scale(1.5); } } - @media screen and (min-width: 90em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.5); } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide__icon--next, .owl-carousel .open .slide--in-depth__intro .slide__icon--next { - display: block; } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image { - top: 0; - left: 0; - width: auto; - margin: -2rem -2rem -5rem -2rem; - position: relative; - z-index: -1; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #ffffff); - position: absolute; - z-index: 1; - bottom: 0; - left: 0; - width: 100%; - height: 15rem; - content: ""; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image img { - border-radius: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; - border-radius: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-delay: .5s !important; - transform: translateX(0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image picture, .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - transform: translate(0, 0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - transition-delay: 0s; - transform: translate(0, 0); - text-align: left; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - transition-delay: .5s; - visibility: visible; - opacity: 1; } - .triggered .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .triggered .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 0); - opacity: 1; } - .theme--dark .owl-carousel .slide--in-depth__intro .in-depth__title, .owl-carousel .theme--dark .slide--in-depth__intro .in-depth__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__text, .owl-carousel .theme--dark.slide--in-depth__intro .in-depth__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__text { - color: #ffffff; } - @media screen and (max-width: 39.9375em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #0a0a0a); } } - @media print, screen and (min-width: 40em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: #ffffff; } } - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(10, 10, 10, 0.75)); } - .theme--dark .owl-carousel .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark.slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - .theme--dark .owl-carousel .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark.slide--in-depth__intro .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .owl-carousel .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark.slide--in-depth__intro .slide__icon--next svg * { - stroke: #ffffff; - fill: #ffffff; - color: #ffffff; } - -/* -Standalone Quote - -Standalone quotes are used to reinforce a theme or are from a notable source. They should act as a breather moment in the design and help establish the tone. - -Markup: standalone-quote.html.twig - -.size--large - Large type variant - -Styleguide COMPONENTS.standalone-quote - -*/ -.standalone-quote { - margin: 2rem; - position: relative; - max-width: 75rem; - margin: auto; } - .standalone-quote q { - font-size: 1.875rem; - line-height: 40px; - color: #8b5c43; - display: block; - font-family: "freight-display-pro", sans; - margin: 3rem 0; - line-height: 1.125em; } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - line-height: 70px; } } - .standalone-quote q p, .standalone-quote q .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .standalone-quote q h3 { - line-height: 1.125em; } - .standalone-quote q h2 { - font-size: 2.8125rem; - line-height: 50px 90px; } - @media print, screen and (min-width: 40em) { - .standalone-quote q h2 { - font-size: 5.3125rem; } } - .standalone-quote q:before, .standalone-quote q:after { - display: none; } - .standalone-quote cite { - font-size: 1.125rem; - color: #0a0a0a; } - .standalone-quote .standalone-quote__social-links > .sharing-icons { - margin: 1rem 0 0 0; - justify-content: center; } - .size--large.standalone-quote q { - font-size: 2.8125rem; - line-height: 50px; } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - font-size: 5.3125rem; } } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - line-height: 90px; } } - .theme--primary-dark .standalone-quote q, - .theme--primary-dark .standalone-quote cite { - color: #ffffff; } - -.top-bar__wrapper { - z-index: 999; - position: fixed; - top: 0; - width: 100%; - transform: translate3d(0, 0, 0); } - -.top-bar { - transform: translate3d(0, 0, 0); - padding: 1rem 1.5rem; - width: 100%; - transition-property: background-color; - transition-duration: .325s; - transition-timing-function: ease-in-out; - font-family: "freight-text-pro", serif; - background-color: #ffffff; - display: flex; - flex-flow: row nowrap; } - @media print, screen and (min-width: 40em) { - .top-bar { - padding: 1rem; } } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex-basis: auto; } - .top-bar svg polygon, - .top-bar svg path { - fill: #0a0a0a !important; } - .top-bar .menu-text { - padding: 0; } - .top-bar ul { - background-color: transparent; } - .top-bar button { - transition-property: color, background-color; - transition-duration: .325s, .325s; - transition-timing-function: ease-in-out, ease-in-out; } - .top-bar .tagline { - transition-property: color; - transition-timing-function: .325s; - transition-timing-function: ease-in-out; } - .top-bar .button-group { - margin-bottom: 0; } - .top-bar .button, - .top-bar .cta__button, - .top-bar .cta__button--alt, .top-bar .modal__open-button, .top-bar .transcript .transcript__toggle, .transcript .top-bar .transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .slide--in-depth__intro__button { - margin-bottom: 0; - background: #0a0a0a; - color: #ffffff; } - .top-bar .button.hollow, - .top-bar .hollow.cta__button, - .top-bar .hollow.cta__button--alt, .top-bar .hollow.modal__open-button, .top-bar .transcript .hollow.transcript__toggle, .transcript .top-bar .hollow.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .hollow.slide--in-depth__intro__button { - color: #0a0a0a; - background: transparent; - border: 2px solid #0a0a0a; } - .invert.top-bar, - .off-canvas-opened .top-bar { - background-color: transparent; } - .invert.top-bar *, - .off-canvas-opened .top-bar * { - color: #ffffff; - background-color: transparent; } - .invert.top-bar .button, - .invert.top-bar .cta__button, - .invert.top-bar .cta__button--alt, .invert.top-bar .modal__open-button, .invert.top-bar .transcript .transcript__toggle, .transcript .invert.top-bar .transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button, - .off-canvas-opened .top-bar .cta__button, - .off-canvas-opened .top-bar .cta__button--alt, - .off-canvas-opened .top-bar .modal__open-button, - .off-canvas-opened .top-bar .transcript .transcript__toggle, - .transcript .off-canvas-opened .top-bar .transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .slide--in-depth__intro__button { - background: #ffffff; - color: #0a0a0a; } - .invert.top-bar .button.hollow, - .invert.top-bar .hollow.cta__button, - .invert.top-bar .hollow.cta__button--alt, .invert.top-bar .hollow.modal__open-button, .invert.top-bar .transcript .hollow.transcript__toggle, .transcript .invert.top-bar .hollow.transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .hollow.slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button.hollow, - .off-canvas-opened .top-bar .hollow.cta__button, - .off-canvas-opened .top-bar .hollow.cta__button--alt, - .off-canvas-opened .top-bar .hollow.modal__open-button, - .off-canvas-opened .top-bar .transcript .hollow.transcript__toggle, - .transcript .off-canvas-opened .top-bar .hollow.transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .hollow.slide--in-depth__intro__button { - background: transparent; - border: 2px solid #ffffff; } - .invert.top-bar svg polygon, - .invert.top-bar svg path, - .off-canvas-opened .top-bar svg polygon, - .off-canvas-opened .top-bar svg path { - fill: #ffffff !important; } - - .off-canvas-opened .top-bar { - background-color: #0a0a0a; } - -/* -Ambient Video - -Fullscreen html5 video playing in the background - -Markup: AmbientVideo.html.twig - -Styleguide COMPONENTS.AmbientVideo - -*/ -.ambient_video .caption figcaption { - background: #282828; } - -@media print, screen and (min-width: 40em) { - .ambient_video { - min-height: 100vh; - min-width: 100vw; - position: relative; - overflow: hidden; - background-color: black; } } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - min-height: auto !important; } } - -@media print, screen and (min-width: 40em) { - .ambient_video::before { - content: ""; - position: absolute; - top: 0; - left: 0; - min-height: 100vh; - min-width: 100vw; - z-index: 2; - background: linear-gradient(90deg, rgba(10, 10, 10, 0) 0, rgba(10, 10, 10, 0.75) 30%, #0a0a0a 95%); } } - -.ambient_video .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .ambient_video .video_element.stopfade { - opacity: 0.5; } - -.ambient_video .cell, .ambient_video .video--embed.boxed > .video--embed__wrapper { - z-index: 2; - color: #fff; } - .ambient_video .cell p, .ambient_video .video--embed.boxed > .video--embed__wrapper p, .ambient_video .cell .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .cell h3, .ambient_video .video--embed.boxed > .video--embed__wrapper .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .video--embed.boxed > .video--embed__wrapper h3 { - color: #fff !important; } - -@media print, screen and (min-width: 40em) { - .ambient_video .centerv { - position: absolute; - top: 50%; - transform: translateY(-50%); - max-width: 32rem; } } - -.ambient_video .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.ambient_video .text_content { - position: relative; - top: 5em; - z-index: 5; - color: #fff; - opacity: 0; - transition-property: top, opacity; - transition-duration: 1s; - transition-delay: 0.75s; - transition-timing-function: ease-out; } - -.triggered .ambient_video { - display: block; - opacity: 1em; } - .triggered .ambient_video .video_element, - .triggered .ambient_video .plyr--video, - .triggered .ambient_video .plyr--audio { - opacity: 1 !important; } - .triggered .ambient_video .text_content { - top: 0; - opacity: 1; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .video_element { - width: 100%; - padding-top: 6rem; - padding-right: 2rem; - padding-left: 2rem; } } - -.ambient_video .video_element .plyr__controls, -.ambient_video .video_element .plyr__control { - display: none; - opacity: 0; } - .ambient_video .video_element .plyr__controls > *, - .ambient_video .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - padding-top: 2rem !important; } } - -/* - -Video Embed - -Ten col, 'full width' video - -Markup: video--embed.html.twig - -*/ -.plyr { - max-height: 100vh; } - -.plyr__control path { - fill: #ffffff; } - -.plyr__controls { - background: transparent !important; } - -.plyr__control:hover { - background-color: #fff !important; } - .plyr__control:hover svg { - fill: #0a0a0a !important; } - -.plyr__control--overlaid { - background: #8b5c43; - padding: 1rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid { - padding: 1.5rem; } } - .plyr__control--overlaid:focus { - background: #8b5c43; } - .plyr__control--overlaid svg { - transition-property: background-color; - transition-duration: .25s; - transition-timing-function: ease-in-out; - width: 1.25rem; - height: 1.25rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid svg { - width: 1.5rem; - height: 1.5rem; - left: 5px; - top: 2px; } } - -.video--embed { - position: relative; } - @media print, screen and (min-width: 40em) { - .video--embed { - height: 100vh; - overflow: hidden; - background-size: cover; } } - .video--embed .plyr--full-ui input[type=range] { - height: 0.25rem; - color: #fff !important; } - .video--embed .plyr--full-ui input[type=range] .plyr__progress__buffer { - box-shadow: none; } - .video--embed .plyr-video { - max-height: 100vh; } - .video--embed .plyr--video .plyr__controls { - position: fixed; - padding-left: 16.6667%; - padding-right: 16.6667%; - height: 3em; - width: 100%; - bottom: 0; - visibility: hidden; - background: linear-gradient(rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.5)) !important; } - .triggered .video--embed .plyr--video .plyr__controls { - visibility: visible; - opacity: 1; - bottom: 0; - padding-bottom: 2rem; - top: auto; } - .video--embed .plyr__video-wrapper { - background: #ffffff; - height: 100vh; } - .video--embed .plyr__video-wrapper .icon--not-pressed path { - fill: #0a0a0a !important; } - .video--embed .plyr__video-wrapper iframe { - max-height: 100vh; } - @media print, screen and (min-width: 40em) { - .video--embed .plyr__video-wrapper iframe { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .video--embed.theme--dark .plyr__video-wrapper { - background: #0a0a0a; } - .video--embed.theme--dark .plyr__video-wrapper .icon--not-pressed path { - fill: #ffffff; } - .video--embed .plyr__poster { - max-height: 100vh; } - @supports (object-fit: cover) { - .video--embed .plyr__poster { - background-size: cover; } } - .video--embed.boxed { - position: relative; } - .video--embed.boxed > .video--embed__wrapper { - position: relative; } - .video--embed.boxed .plyr__video-wrapper { - height: 100%; } - .video--embed.boxed .plyr--video .plyr__controls { - position: absolute; } - -@supports (object-fit: cover) { - .video--embed.file .plyr__poster, - .video--embed.file .plyr--video .plyr--video, - .video--embed.file .plyr--video video { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.video-overlay { - display: none; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; } - @media print, screen and (min-width: 40em) { - .video-overlay { - background: rgba(10, 10, 10, 0.25); - transition-property: opacity, z-index; - transition-duration: .25s, 0s; - transition-timing-function: ease-in-out, ease-in-out; - transition-delay: 0s, 5s; - opacity: 1; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; - text-align: center; - color: #ffffff; } - .video-overlay__title { - margin-top: 15rem; } - .video-overlay__text { - font-size: 1rem; - max-width: 55rem; - margin-left: auto; - margin-right: auto; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; - padding: 1.75rem; } - .video-overlay .plyr__control--overlaid svg { - left: 5px; - top: 2px; } - .playing .video-overlay { - opacity: 0; - z-index: -1; } } - .video-overlay .caption { - display: inline-block; - margin: 0; } - .video-overlay .caption figcaption { - position: absolute; - bottom: 5rem; - left: 25%; - right: 25%; - background: rgba(10, 10, 10, 0.5); - padding: 1rem; - color: #ffffff; } - .video-overlay .toggle-caption { - transform: translateY(-0.125rem); - border-color: #ffffff; - color: #ffffff; } - .video-overlay .toggle-caption:hover { - border-color: #ffffff; - color: #ffffff; } - -.zoom-caption .zoom-button-wrapper { - position: relative; - z-index: 2; - top: -20px; - left: -20px; } - -.zoom-caption .inline-caption-button { - background-color: #ffffff; - color: #0a0a0a; - font-size: 1.6em; - padding: 6px; - border-radius: 100px; - font-weight: 600; - line-height: 26px; - cursor: pointer; - height: 40px; - width: 40px; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); - animation: border-pulsate 4s ease-out infinite; - transition-property: transform; - transition-duration: 0.2s; - transition-timing-function: ease-in; } - -@keyframes border-pulsate { - 0% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } - 25% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 50% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } - 75% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 100% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } } - .zoom-caption .inline-caption-button.close { - transform: rotate(45deg); } - -.zoom-caption .inline-caption-content { - opacity: 0; - display: none; - transition-property: opacity; - transition-duration: 0.4s; - transition-timing-function: ease-in; } - .zoom-caption .inline-caption-content.show { - display: block; - opacity: 1; } - -.zoom-caption .inline-caption-heading { - font-size: 1.125rem; - line-height: 30px; - margin-bottom: 1rem; - display: block; } - -.zoom-caption .inline-caption-text { - font-size: 0.75rem; - line-height: 16px; } - -.zoomable { - position: relative; - overflow: hidden; - pointer-events: none; } - -.zoomableInPlace { - position: absolute; } - -.zoomable > .zoomed { - transition-property: opacity; - transition-duration: 0.5s; - opacity: 0 !important; - position: absolute !important; - top: auto; - left: auto; - right: auto; - bottom: auto; - margin: 0 !important; - pointer-events: none !important; - max-height: none !important; - max-width: none !important; - background: #fff !important; } - -.zoomable.active > .zoomed { - opacity: 1 !important; - transition-property: opacity; - transition-duration: 0.5s; } - -section.triggered .scroll-finder { - z-index: 99999; - opacity: 1; - bottom: 20px; } - -.zoom-image--fullbleed { - display: none; - width: 100vw; - height: 100vh; - background-color: #000; - align-items: center; - padding-top: 90px; - /* .caption { - margin-bottom: 0; - - figcaption { - @include responsive(max-width, calc(100% - 2rem), 500px); - position: absolute; - z-index: 50; - bottom: 3rem; - right: 1rem; - } - } - - .caption__brief { - position: absolute; - bottom: 1rem; - right: 1rem; - z-index: 50; - } - - .toggle-caption, - .toggle-caption:hover { - color: $white; - border-color: $white; - }*/ } - @media print, screen and (min-width: 64em) { - .zoom-image--fullbleed { - display: flex; } } - -.scroll-finder { - transition-property: opacity, bottom; - transition-duration: 1.3s, 0.75s; - transition-timing-function: ease, ease; - opacity: 0; - height: auto; - width: 160px; - position: fixed; - bottom: -160px; - left: 65px; - overflow: hidden; } - -.finder-box { - height: 50px; - width: 80px; - border: solid #ffffff 2px; - position: absolute; } - -.inline-image-zoom-wrapper { - position: relative; } - .inline-image-zoom-wrapper .zoom-caption { - position: absolute; } - .inline-image-zoom-wrapper .zoom-caption .inline-caption-content { - z-index: 100; - position: relative; - top: -39px; - width: 330px; - background-color: rgba(255, 255, 255, 0.8); - padding: 2rem; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } - .inline-image-zoom-wrapper .caption figcaption { - position: absolute; - width: 100%; } - -.frame > .zoom-image--inline .caption { - position: absolute; - bottom: 2rem; - right: 1.7rem; - margin-bottom: 0; } - -.frame > .zoom-image--inline figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - max-width: auto; - width: 500px !important; - bottom: 3rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .frame > .zoom-image--inline figcaption { - max-width: 500px; } } - -.zoom-image--inline--mobile.owl-carousel { - position: relative; - width: 100vw; - height: auto !important; - padding-bottom: 30px; - color: #0a0a0a; - background: transparent; } - @media print, screen and (min-width: 40em) { - .zoom-image--inline--mobile.owl-carousel { - display: none; } } - .zoom-image--inline--mobile.owl-carousel h2 { - margin-top: 20px; - font-size: 1.1em; } - .zoom-image--inline--mobile.owl-carousel .zoom-image-mobile-text { - margin: 0 40px; } - .zoom-image--inline--mobile.owl-carousel .owl-nav { - display: block; - position: absolute; - width: 100%; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button { - background-image: url("../assets/images/right-arrow.svg") !important; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-prev { - left: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-next { - right: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots { - position: static; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot { - margin: 0 .2rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot.active span { - background-color: #0a0a0a; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot:before { - content: ''; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot span { - display: inline-block !important; - height: 8.5px; - width: 8.5px; } - -.timeline { - margin: 70px 35px 20px 30px; } - @media print, screen and (min-width: 40em) { - .timeline { - margin-left: 80px; } } - @media print, screen and (min-width: 64em) { - .timeline { - margin-left: 90px; } } - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: linear; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - opacity: 0; } } - .timeline .timeline--year.active .timeline-item-title, - .timeline .timeline--year.active .timeline-item-subtitle, - .timeline .timeline--year.active .timeline-item-description, - .timeline .timeline--year.active .timeline-images { - opacity: 1; } - .timeline .timeline--year { - border-left: 1px solid #ffffff; - padding-top: 80px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline--year { - border-left: none; - display: flex; - padding-top: 0; } } - .timeline .timeline--year:first-of-type { - padding-top: 36px; } - .timeline .timeline-title { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding-bottom: 70px; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-title { - visibility: hidden; - position: fixed; - top: 64px; - width: 100vw; - text-align: center; - z-index: 1; - left: 0; - padding-top: 40px; - padding-bottom: 40px; } } - .timeline > h4 { - text-align: center; } - @media print, screen and (min-width: 64em) { - .timeline > h4 { - margin-top: 100px; - margin-right: 85px; } } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-images { - display: inline-block; - width: 30%; - margin-left: 65px; } } - .timeline .timeline-item-image { - padding-bottom: 10px; - padding-left: 30px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-image { - padding-left: 0; } - .timeline .timeline-item-image:first-of-type { - margin-top: 60px; } } - .timeline .timeline-item-image .caption__brief { - padding-top: 5px; } - .theme--dark .timeline .timeline-item-text { - color: white; } - .timeline .timeline-item-text { - padding-left: 30px; - color: white; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - display: inline-block; - width: 60%; - vertical-align: top; - padding-left: 10%; - padding-bottom: 80px; - margin-left: 12%; - border-left: none; - position: relative; } } - .timeline .timeline-item-title { - font-size: 3.75rem; - font-family: "freight-text-pro", serif; - line-height: 1; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title { - font-size: 10rem; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title { - margin-top: -35px; } } - .timeline .timeline-item-title.smaller-text { - font-size: 5.50em; - line-height: 1.1; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title.smaller-text { - margin-top: 5px; } } - .timeline .timeline-item-title::before { - content: ''; - display: inline-block; - width: 15px; - height: 15px; - -moz-border-radius: 7.5px; - -webkit-border-radius: 7.5px; - border-radius: 7.5px; - background-color: #ffffff; - position: absolute; - left: 23px; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title::before { - left: 73px; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title::before { - height: 0; - width: 0; - margin-top: 0; } } - - .timeline .timeline-item-subtitle { - font-family: "freight-display-pro", sans; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-subtitle { - width: 80%; } } - - .timeline .timeline-item-description { - font-size: 1.2em; - padding-bottom: 1em; - margin-bottom: 0; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-description { - width: 80%; } } - .timeline .timeline-year { - color: #ffffff; - position: absolute; - font-size: 1.5em; - left: -65px; - top: 43px; } - .timeline .timespan-scroller-inner, - .timeline .timespan-scroller-pos { - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller { - visibility: hidden; - height: 500px; - width: 200px; - position: fixed; - top: 215px; - left: 40vw; - color: white; - overflow: hidden; - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - opacity: 0; } } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller-inner { - z-index: 0; - background-color: white; - width: 1px; - margin: auto; - position: relative; } } - @media print, screen and (min-width: 64em) { - .timeline .span-year { - display: block; - padding-bottom: 250px; - margin-left: -55px; - font-size: 1.25em; } } - - .timeline .timespan-scroller-pos { - width: 3px; - min-height: 10px; - background: white; - position: absolute; - margin-left: -1px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - border-left: 0; } - .timeline .timeline-item-text .timeline-year { - display: none; } - .timeline .timeline-item-text:before { - width: 0; - height: 0; } } - -@media print, screen and (min-width: 64em) { - .timeline.year-span { - margin: 220px 35px 20px 30px; } } - -.timeline.year-span .timeline-item-title { - font-family: "freight-text-pro", serif; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span > div:first-of-type { - margin-top: 50px; } } - -.timeline.no-year-span .timespan-scroller-pos { - min-height: 15px; - width: 15px; - border-radius: 15px; - margin-left: -7px; - margin-top: -5px; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-text { - border-left: 1px solid #ffffff; } } - -.timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 50px; } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 0; } } - -.timeline.no-year-span .timeline-item-title::before { - margin-top: 28px; } - @media print, screen and (min-width: 40em) { - .timeline.no-year-span .timeline-item-title::before { - margin-top: 90px; } } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title::before { - width: 15px; - height: 15px; - top: 58px; - left: -8px; - margin-top: 0; } } - -.theme--primary .timeline .timeline--year { - border-left-color: #8b5c43; } - -@media print, screen and (min-width: 64em) { - .theme--primary .timeline .timeline-item-text { - border-left-color: #8b5c43; } } - -.theme--primary .timeline .timeline-item-title::before { - background-color: #8b5c43; } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline .timespan-scroller { - visibility: visible; - opacity: 1; } } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline h2 { - visibility: visible; } } - -.stackla-widget .stackla-poweredByStackla { - display: none; } - -.stacklapopup-content .stacklapopup-poweredByStackla { - display: none; } - -/* Import from BeerSlider library */ -.beer-slider { - display: inline-block; - overflow: hidden; - position: relative; } - -.beer-slider *, .beer-slider:after, .beer-slider :after, .beer-slider:before, .beer-slider :before { - box-sizing: border-box; } - -.beer-slider img, .beer-slider svg { - vertical-align: bottom; } - -.beer-slider > * { - height: 100%; } - -.beer-slider > img { - height: auto; - max-width: 100%; } - -.beer-reveal { - left: 0; - opacity: 0; - overflow: hidden; - position: absolute; - right: 50%; - top: 0; - transition-property: opacity; - transition-duration: .35s; - z-index: 1; } - .beer-reveal.pre-load { - width: 100% !important; } - -.beer-reveal > :first-child { - height: 100%; - max-width: none; - width: 200%; } - -.beer-reveal > img:first-child { - height: auto; } - -.beer-range { - -moz-appearance: none; - -ms-touch-action: auto; - -webkit-appearance: slider-horizontal !important; - bottom: 0; - cursor: pointer; - height: 100% !important; - left: -1px; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - touch-action: auto; - width: calc(100% + 2px); - z-index: 2; } - -.beer-range::-webkit-slider-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-moz-range-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-ms-tooltip { - display: none; } - -.beer-handle { - background: #fff; - border-radius: 50%; - box-shadow: 0 0 6px transparent; - color: #777; - height: 48px; - left: 50%; - opacity: 0; - pointer-events: none; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); - transition-property: background, box-shadow, opacity; - transition-duration: .3s, .3s, .5s; - transition-delay: 0s, 0s, .25s; - width: 48px; - z-index: 2; } - -.beer-handle:after, .beer-handle:before { - border-left: 2px solid; - border-top: 2px solid; - content: ""; - height: 10px; - position: absolute; - top: 50%; - transform-origin: 0 0; - width: 10px; } - -.beer-handle:before { - left: 10px; - transform: rotate(-45deg); } - -.beer-handle:after { - right: 0; - transform: rotate(135deg); } - -.beer-range:focus ~ .beer-handle { - background: rgba(255, 255, 255, 0.85); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } - -.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after { - background: rgba(255, 255, 255, 0.75); - border-radius: .125rem; - content: attr(data-beer-label); - line-height: 1; - padding: .5rem; - position: absolute; - top: 1.5rem; } - -.beer-slider[data-beer-label]:after { - right: 1.5rem; } - -.beer-reveal[data-beer-label]:after { - left: 1.5rem; } - -.beer-reveal[data-beer-label=""]:after, .beer-slider[data-beer-label=""]:after { - content: none; } - -.beer-ready .beer-handle, .beer-ready .beer-reveal { - opacity: 1; } - -.frame > .beer-slider { - width: 100%; } - .frame > .beer-slider img:first-child { - width: 100%; } - -.beer-reveal > :last-child { - height: 100% !important; - max-width: none !important; } - -.image-comparison-slider .beer-slider { - left: 50%; - transform: translateX(-50%); } - -.image-comparison-slider .beer-range { - height: 100% !important; } - -.image-comparison-slider .beer-reveal img { - max-width: none; - width: auto; - height: auto; } - -.embed--content-wrapper { - text-align: center; - margin: 1rem 0 0; } - .embed--content-wrapper h4 { - margin-bottom: .42rem; } - -/* - -One-up Primary - -The primary site nav with a central column. - -Markup: one_up--primary.html.twig - -Styleguide Layouts.one_up--primary - -*/ -.one_up--primary .grid-frame { - height: 100vh; } - -/* - -Two-up Primary - -The basic two column nav with two-grid-col offsets on either side. - -Markup: two_up--primary.html.twig - -Styleguide Layouts.two_up--primary - -*/ -/* -Commentary - -The commentary component is used when wanting to display long form historical, contemporary, or expert commentary related to the story. - -Markup: commentary.html.twig - -Styleguide COMPONENTS.commentary - -*/ -.commentary { - margin-top: 4rem; } - @media print, screen and (min-width: 40em) { - .commentary { - margin-top: 0; } } - .commentary .commentary__content { - min-height: 100%; - padding: 0; - margin: 0; - border: 2px solid #b2b2b2; } - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(-25vw); } - @media print, screen and (min-width: 40em) { - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(0); } } - .commentary .commentary__layout-left { - padding: 0 4vw 4vw 4vw; - position: relative; - border-bottom: 2px solid #b2b2b2; } - @media print, screen and (min-width: 64em) { - .commentary .commentary__layout-left { - padding: 0 5vw 4vw 6vw; - border-bottom: none; - border-right: 2px solid #b2b2b2; } } - - .commentary .commentary__layout-right { - padding: 12vw 4vw 4vw 4vw; - position: relative; - margin-bottom: -25vw; } - @media print, screen and (min-width: 40em) { - - .commentary .commentary__layout-right { - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - - .commentary .commentary__layout-right { - padding: 5vw 6vw 4vw 4vw; - margin-bottom: 0; } } - .no-img.commentary { - margin-top: 0; } - .no-img.commentary .commentary__layout-left { - padding-top: 5vw; - transform: translateY(0); } - .no-img.commentary .commentary__layout-right { - margin-bottom: 0; - padding-bottom: 4vw; - transform: translateY(0); } - .commentary .commentary__image { - position: relative; - text-align: center; - width: 50vw; - margin: 0 auto 2rem auto; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__image { - margin: 0 auto; - width: auto; - top: -2rem; } } - @media print, screen and (min-width: 64em) { - .commentary .commentary__image { - left: -1vw; - max-width: 20vw; } } - .commentary .commentary__image img { - max-width: 30rem; - border-radius: 1000rem; - border: 2px solid #b2b2b2; - overflow: hidden; - margin-right: 2vw; - display: inline-block; } - .commentary .commentary__author-name { - font-size: 2.375rem; - line-height: 40px; - font-family: "freight-display-pro", sans; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - line-height: 70px; } } - .commentary .commentary__author-title { - font-family: "freight-display-pro", sans; - font-size: 1.75rem; - font-style: italic; } - .commentary .commentary__author-bio { - color: #8a8a8a; } - .commentary .commentary__icon { - text-align: left; - position: absolute; - top: -1.25rem; - left: 4vw; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon { - top: -2rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon svg { - width: 5rem; } } - .commentary .sharing-icons { - margin-top: 2rem; - margin-bottom: 0; } - -footer.footer { - background: #ffffff; - display: flex; - flex-flow: column; - position: relative; - z-index: 3; } - footer.footer h1, footer.footer .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro footer.footer .slide--in-depth__intro__title, footer.footer .in-depth .in-depth__title, .in-depth footer.footer .in-depth__title, - footer.footer h2, - footer.footer h3, - footer.footer h4, - footer.footer h5, - footer.footer h6, - footer.footer a.link--arrow, - footer.footer label { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - footer.footer .footer__content { - padding-top: 3rem; - padding-bottom: 3rem; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__content { - padding-top: 6rem; - padding-bottom: 6rem; } } - footer.footer form { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer form { - margin: 2rem 0; } } - footer.footer .footer__social { - margin: 3rem 0 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__social { - margin: 5rem 0 2rem 0; } } - footer.footer .footer__social > a { - color: #8a8a8a; - margin-right: 1rem; } - footer.footer .footer-feature-wrapper { - display: flex; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature-wrapper { - display: block; } } - footer.footer .footer-feature { - width: 45%; - display: inline-block; - margin-right: 5%; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature { - margin-bottom: 4rem; - width: auto; - display: block; - margin-right: 0; } } - @media print, screen and (min-width: 64em) { - footer.footer .footer-feature { - margin-bottom: 4rem; } - footer.footer .footer-feature:last-of-type { - margin-bottom: 0; } } - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - margin-bottom: 1rem; } - @media screen and (max-width: 39.9375em) { - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - font-family: "freight-text-pro", serif; - font-weight: 100; } - footer.footer .footer-feature h3:after, - footer.footer .footer-feature h4:after { - display: none; } } - footer.footer .footer-feature p, .off-canvas footer.footer .footer-feature h3 { - font-size: 0.75rem; - line-height: 16px; } - footer.footer .footer-feature .footer-description { - display: none; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature .footer-description { - display: block; } } - footer.footer .footer-feature img { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature img { - margin: 0; } } - @media print, screen and (min-width: 40em) { - footer.footer { - display: block; } } - .off-canvas footer.footer { - padding: 0 2rem; - display: block; } - .off-canvas footer.footer .footer-feature h3 { - font-family: sans-serif; - margin: .5rem 0 0 0; } - .off-canvas footer.footer .footer-feature h3:after { - display: none; } - .off-canvas footer.footer .footer__navigation { - display: none; } - -/* -Horizontal Image Slider - -This is used to show a set of related images as a group. - -Markup: horizontal-image-slider.html.twig - -Styleguide COMPONENTS.horizontal-image-slider - -*/ -.owl-carousel, -.horizontal-image-slider.owl-carousel, .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - padding: 0; - height: 100vh; - display: block; - color: #0a0a0a; - cursor: url(../../../assets/images/horizontal_scrub_cursor.svg), auto; } - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer, - .owl-carousel .owl-stage, - .horizontal-image-slider.owl-carousel .owl-stage, - .in-depth-slider .horizontal-image-slider .owl-stage, - .in-depth-modal .horizontal-image-slider .owl-stage, - .owl-carousel .owl-item, - .horizontal-image-slider.owl-carousel .owl-item, - .in-depth-slider .horizontal-image-slider .owl-item, - .in-depth-modal .horizontal-image-slider .owl-item { - height: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 8rem 6rem 4rem 6rem; } } - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - height: 100%; - padding: 0 2rem; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - padding: 0; } } - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - display: block; } } - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem; - display: flex; - height: 100%; } - .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - margin: auto 0; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem 2rem 2rem 0; - max-width: 25rem; } } - .owl-carousel h3, .horizontal-image-slider.owl-carousel h3, .in-depth-slider .horizontal-image-slider h3, .in-depth-modal .horizontal-image-slider h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: auto; } } - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - min-width: 220px; - max-height: 50vh; - width: auto; - margin: auto; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - width: auto; - height: 100%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption, .horizontal-image-slider.owl-carousel .caption, .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - position: absolute; } } - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - font-size: 15px; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - display: inline-block; } } - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: 83%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: none; } } - .owl-carousel .owl-dots, .horizontal-image-slider.owl-carousel .owl-dots, .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots { - position: absolute; - right: 2rem; - bottom: 2rem; - counter-reset: dots; } - .owl-carousel .owl-dot, .horizontal-image-slider.owl-carousel .owl-dot, .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - margin: 0 .5rem; - color: rgba(10, 10, 10, 0.5) !important; } - .owl-carousel .owl-dot:focus, .horizontal-image-slider.owl-carousel .owl-dot:focus, .in-depth-slider .horizontal-image-slider .owl-dot:focus, .in-depth-modal .horizontal-image-slider .owl-dot:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-dot.active, .horizontal-image-slider.owl-carousel .owl-dot.active, .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - .owl-carousel .owl-dot span, .horizontal-image-slider.owl-carousel .owl-dot span, .in-depth-slider .horizontal-image-slider .owl-dot span, .in-depth-modal .horizontal-image-slider .owl-dot span { - display: none !important; } - .owl-carousel .owl-dot:before, .horizontal-image-slider.owl-carousel .owl-dot:before, .in-depth-slider .horizontal-image-slider .owl-dot:before, .in-depth-modal .horizontal-image-slider .owl-dot:before { - font-size: .75rem; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - counter-increment: dots; - content: "0" counter(dots); } - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: none; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: block; } } - .owl-carousel .owl-nav.disabled, .horizontal-image-slider.owl-carousel .owl-nav.disabled, .in-depth-slider .horizontal-image-slider .owl-nav.disabled, .in-depth-modal .horizontal-image-slider .owl-nav.disabled { - display: none !important; - opacity: 0 !important; - visibility: hidden !important; } - .owl-carousel .owl-nav button, .horizontal-image-slider.owl-carousel .owl-nav button, .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - position: absolute; - top: calc(50% - 4rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; - width: 4rem; - height: 2.5rem; - opacity: 1 !important; } - .owl-carousel .owl-nav button:focus, .horizontal-image-slider.owl-carousel .owl-nav button:focus, .in-depth-slider .horizontal-image-slider .owl-nav button:focus, .in-depth-modal .horizontal-image-slider .owl-nav button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-nav button:hover, .horizontal-image-slider.owl-carousel .owl-nav button:hover, .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - .owl-carousel .owl-nav button.disabled, .horizontal-image-slider.owl-carousel .owl-nav button.disabled, .in-depth-slider .horizontal-image-slider .owl-nav button.disabled, .in-depth-modal .horizontal-image-slider .owl-nav button.disabled { - opacity: 0 !important; } - .owl-carousel .owl-nav button.owl-prev, .horizontal-image-slider.owl-carousel .owl-nav button.owl-prev, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-prev, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-prev { - left: 2rem; - transform: rotate(180deg); } - .owl-carousel .owl-nav button.owl-next, .horizontal-image-slider.owl-carousel .owl-nav button.owl-next, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-next, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-next { - right: 2rem; } - .theme--dark .owl-carousel, - .theme--dark .horizontal-image-slider.owl-carousel, .theme--dark .in-depth-slider .horizontal-image-slider, .in-depth-slider .theme--dark .horizontal-image-slider, .theme--dark .in-depth-modal .horizontal-image-slider, .in-depth-modal .theme--dark .horizontal-image-slider, .theme--dark.owl-carousel, .in-depth-slider .theme--dark.horizontal-image-slider, .in-depth-modal .theme--dark.horizontal-image-slider { - color: #ffffff; } - .theme--dark .owl-carousel .figcaption, .theme--dark .horizontal-image-slider.owl-carousel .figcaption, .theme--dark .in-depth-slider .horizontal-image-slider .figcaption, .in-depth-slider .theme--dark .horizontal-image-slider .figcaption, .theme--dark .in-depth-modal .horizontal-image-slider .figcaption, .in-depth-modal .theme--dark .horizontal-image-slider .figcaption, .theme--dark.owl-carousel .figcaption, .in-depth-slider .theme--dark.horizontal-image-slider .figcaption, .in-depth-modal .theme--dark.horizontal-image-slider .figcaption { - color: #ffffff; } - .theme--dark .owl-carousel .owl-dot, .theme--dark .horizontal-image-slider.owl-carousel .owl-dot, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot, .theme--dark.owl-carousel .owl-dot, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .owl-carousel .owl-dot.active, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark.owl-carousel .owl-dot.active, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot.active { - color: #ffffff !important; } - .theme--dark .owl-carousel .slide__icon--next:before, .theme--dark .horizontal-image-slider.owl-carousel .slide__icon--next:before, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next:before, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark.owl-carousel .slide__icon--next:before, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next:before { - background: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg circle.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark.owl-carousel .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider { - fill: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg polyline.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark.owl-carousel .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider { - stroke: #ffffff; } - -.page :not(.in-depth-slider) > .horizontal-image-slider > * { - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - -.page.triggered :not(.in-depth-slider) > .horizontal-image-slider > * { - opacity: 1; } - -/* -In Depth -This is used to show additional information that is related to the content in the chapter but not necessary to show the user. This content is often shareable, fun, digestible "Did you know?" type content. -Markup: in-depth.html.twig -Styleguide COMPONENTS.in-depth -*/ -.in-depth { - display: flex; - align-items: center; - height: 100vh; } - @media print, screen and (min-width: 40em) { - .in-depth { - padding: 0; } } - .in-depth .in-depth__intro { - width: 100%; - min-height: auto !important; } - .in-depth .in-depth__image img { - border-radius: 1000rem; - overflow: hidden; } - .in-depth .in-depth__title { - font-size: 2rem; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__title { - font-size: 3rem; - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__title { - font-size: 4rem; - margin-bottom: 4rem; } } - .in-depth .in-depth__left-col { - position: relative; - z-index: 5; } - .in-depth .in-depth__right-col { - position: relative; - z-index: 10; - transform: translate(0, -4rem); - padding: 0 2rem; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__right-col { - padding: 0; - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; - transform: translate(-2rem, 0); } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__right-col { - transform: translate(-4rem, 0); } } - @media screen and (min-width: 75em) { - .in-depth .in-depth__right-col { - transform: translate(-6rem, 0); } } - @media screen and (min-width: 90em) { - .in-depth .in-depth__right-col { - transform: translate(-8rem, 0); } } - .theme--dark .in-depth .in-depth__title, .theme--dark.in-depth .in-depth__title { - color: #ffffff; } - -.in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - visibility: hidden; - opacity: 0; - margin-top: 5rem; - border-color: #0a0a0a !important; - color: #0a0a0a !important; - background-color: rgba(255, 255, 255, 0.25) !important; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: absolute; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - margin-top: 5rem; - margin-right: 0; } } - -.in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: auto; - min-height: 100vh; - padding: 0; - background: transparent; - cursor: default; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: 100vh; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 0; } } - .in-depth-slider .horizontal-image-slider .item:not(:first-of-type), .in-depth-modal .horizontal-image-slider .item:not(:first-of-type) { - display: none; - opacity: 0; - visibility: hidden; } - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 2rem 0; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 0; - display: flex !important; - flex-flow: row nowrap !important; - align-items: center !important; } - .in-depth-slider .horizontal-image-slider .item__content > *, .in-depth-modal .horizontal-image-slider .item__content > * { - flex-grow: 1; } } - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - width: 100% !important; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - flex-basis: 75%; - height: 100vh; - min-height: 100vh; - width: auto !important; - position: relative; } - .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .in-depth-modal .horizontal-image-slider .item__content > .picture:before { - position: absolute; - top: 0; - right: 0; - width: calc(100% / 3); - height: 100%; - content: ''; - background: linear-gradient(to right, transparent, #ffffff); - z-index: 9; } } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - position: relative; - height: auto; - width: 100%; - object-fit: initial !important; - background-size: initial !important; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - max-height: 100vh; - min-height: 100vh; } } - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - color: #0a0a0a; - position: relative; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - flex-basis: 25%; - position: relative; - margin: 4rem 12rem; } } - .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - border-color: #0a0a0a; - color: #0a0a0a; } - .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; - background: #e6e6e6; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 16px !important; } } - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - top: calc(50% - 1.25rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - color: rgba(10, 10, 10, 0.5) !important; } - .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots, - .in-depth-slider .horizontal-image-slider .owl-nav, - .in-depth-modal .horizontal-image-slider .owl-nav { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: 0; - visibility: hidden; } } - -.open.in-depth-slider .in-depth__toggle, .open.in-depth-modal .in-depth__toggle { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .owl-dots, .open.in-depth-modal .horizontal-image-slider .owl-dots, -.open.in-depth-slider .horizontal-image-slider .owl-nav, -.open.in-depth-modal .horizontal-image-slider .owl-nav { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .item:not(first-of-type), .open.in-depth-modal .horizontal-image-slider .item:not(first-of-type) { - display: block; - opacity: 1; - visibility: visible; } - -.theme--dark .in-depth-slider .in-depth__toggle, .theme--dark .in-depth-modal .in-depth__toggle, .theme--dark.in-depth-slider .in-depth__toggle, .theme--dark.in-depth-modal .in-depth__toggle { - border-color: #ffffff !important; - color: #ffffff !important; - background-color: rgba(10, 10, 10, 0.25) !important; } - -.theme--dark .in-depth-slider .owl-dot, .theme--dark .in-depth-modal .owl-dot, .theme--dark.in-depth-slider .owl-dot, .theme--dark.in-depth-modal .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .in-depth-slider .owl-dot.active, .theme--dark .in-depth-modal .owl-dot.active, .theme--dark.in-depth-slider .owl-dot.active, .theme--dark.in-depth-modal .owl-dot.active { - color: #ffffff !important; } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button, .theme--dark .in-depth-modal .owl-nav button, .theme--dark.in-depth-slider .owl-nav button, .theme--dark.in-depth-modal .owl-nav button { - background: #ffffff !important; } } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button:hover, .theme--dark .in-depth-modal .owl-nav button:hover, .theme--dark.in-depth-slider .owl-nav button:hover, .theme--dark.in-depth-modal .owl-nav button:hover { - background: #ffffff !important; } } - -.theme--dark .in-depth-slider .caption, .theme--dark .in-depth-modal .caption, .theme--dark.in-depth-slider .caption, .theme--dark.in-depth-modal .caption { - color: #ffffff; } - .theme--dark .in-depth-slider .caption .toggle-caption, .theme--dark .in-depth-modal .caption .toggle-caption, .theme--dark.in-depth-slider .caption .toggle-caption, .theme--dark.in-depth-modal .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .in-depth-slider .caption figcaption, .theme--dark .in-depth-modal .caption figcaption, .theme--dark.in-depth-slider .caption figcaption, .theme--dark.in-depth-modal .caption figcaption { - color: #ffffff; - background: rgba(255, 255, 255, 0.3); } - -@media print, screen and (min-width: 40em) { - .theme--dark .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark .in-depth-modal .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-modal .horizontal-image-slider .item__content > .picture:before { - background: linear-gradient(to right, transparent, #0a0a0a); } } - -.page { - z-index: 1; - padding: 0; - margin: 0; - min-height: 100vh; - overflow: hidden; - background-color: #fff; - box-sizing: border-box; } - .page .frame { - /* - Need `width: 100vh` in order to fix horizontal slider` - */ - width: 100vw; - box-sizing: border-box; } - .page .fluid { - min-height: 100vh; } - .height-auto.page, - .page .height-auto { - min-height: auto !important; } - .height-auto.page .fluid, - .page .height-auto .fluid { - min-height: auto; } - .page h2 { - margin-top: 0; } - .page .sub-title, - .page .page-title { - font-size: 1.25em; - color: #666; - font-weight: 600; - font-family: freight-display-pro; - font-style: italic; } - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - min-height: 100vh; - padding: 6rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - padding: 8rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 2rem 2rem 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 5rem 5rem 2.5rem 5rem; } } - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 1rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 2.5rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 2.5rem 5rem; } } - .pinnedTop.page, .pinnedBottom.page { - position: fixed; - z-index: 50; } - .pinnedTop.page { - top: 0; - bottom: auto; } - .pinnedBottom.page { - top: auto; - bottom: 0; } - .current_page.page { - z-index: 20; } - .page .page-load-snap-sticky { - position: fixed; - top: 0; - height: 100vh; - z-index: 100; - background-color: #ffffff; } - -.chapter, -.page { - position: relative; } - -.scroll-comparison { - background: transparent; } - .scroll-comparison h3 { - font-size: 1.375rem; - line-height: 1.32; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison h3 { - font-size: 1.75rem; } } - @media print, screen and (min-width: 64em) { - .scroll-comparison h3 { - font-size: 2.125rem; } } - .scroll-comparison .content { - font-size: 1rem; - line-height: 1.8; - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - opacity: 0; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .content { - width: 100%; } } - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 1rem; } - @media print, screen and (min-width: 40em) { - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 0; } } - .scroll-comparison .wrapper > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - transition-property: width; - transition-duration: .5s; - transition-timing-function: ease-in-out; } - .scroll-comparison .wrapper > .cell picture, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture, - .scroll-comparison .wrapper > .cell .picture, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture { - position: relative; } - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - content: '+'; - transition-property: background, border; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - top: 0; - left: 0; - color: white; - z-index: 1; - width: 100%; - text-align: center; - font-size: 2rem; - height: 2rem; - line-height: 2rem; - padding-top: calc(50% - 1rem); } - @media print, screen and (min-width: 64em) { - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - font-size: 4rem; - height: 4rem; - line-height: 4rem; - padding-top: calc(50% - 2rem); } } - .scroll-comparison .wrapper > .cell picture:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:after { - content: ''; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; - background: rgba(10, 10, 10, 0.65); - opacity: 1; - border: 2px solid #ffffff; } - .scroll-comparison .wrapper > .cell picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover { - cursor: pointer; } - .scroll-comparison .wrapper > .cell picture:hover:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover:after, - .scroll-comparison .wrapper > .cell .picture:hover:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover:after { - background: rgba(10, 10, 10, 0.45); } - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: none; } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: block; } } - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - display: none; } - @media screen and (max-width: 39.9375em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-bottom: .5rem; } } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-top: 2rem; - display: initial; } } - .scroll-comparison .wrapper > .cell.active picture:before, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:before, .scroll-comparison .wrapper > .cell.active picture:after, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell.active .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:before, - .scroll-comparison .wrapper > .cell.active .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:after { - opacity: 0; } - .scroll-comparison .wrapper > .cell.active picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell.active .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:hover { - cursor: default; } - .scroll-comparison .wrapper > .cell.active h3, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper h3 { - display: block; } - .scroll-comparison .wrapper > .cell.active .content, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .content { - transition-delay: .5s; - opacity: 1; } - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: calc(calc(-100vw / 3) + 1rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: 0; } } - .scroll-comparison .inline-quote { - position: relative; - left: -1rem; } - -.other-stories h3 { - color: #0a0a0a; - text-align: center; - margin-bottom: .5rem; } - -.other-stories .large-up-2 { - display: flex; - justify-content: center; } - -.other-stories button.cta { - left: 50%; - transform: translate(-50%, 0); - margin-bottom: 1.3rem; } - -.other-stories .hub-story { - margin: 25px; } - @media print, screen and (min-width: 40em) { - .other-stories .hub-story { - display: inline-block; - vertical-align: top; - width: 30%; - margin: 25px 1% 25px 1%; } } - .other-stories .hub-story .story-image { - position: relative; } - .other-stories .hub-story .on-view-story { - right: 15px; - top: 15px; - background-color: #0090a0; } - .other-stories .hub-story .story-title { - margin-top: 25px; - margin-bottom: 0; - text-align: center; - font-size: 1.5em; } - .other-stories .hub-story .story-title p, .other-stories .hub-story .story-title .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .other-stories .hub-story .story-title h3 { - margin-bottom: 0; } - .other-stories .hub-story .story-subtitle { - font-family: "freight-display-pro", sans; - font-style: italic; - text-align: center; - display: block; - font-size: 1.5em; - font-weight: 700; - color: #8a8a8a; } - .other-stories .hub-story .read-link-wrapper { - text-align: center; - margin-top: 12px; } - .other-stories .hub-story .read-link-wrapper a { - color: black; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .other-stories .hub-story .read-link-wrapper a::after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } diff --git a/build2/styles/gauguin.scss b/build2/styles/gauguin.scss new file mode 100644 index 000000000..c8ce16745 --- /dev/null +++ b/build2/styles/gauguin.scss @@ -0,0 +1,5 @@ +// Import Gauguin Theme Settings. +@import 'story/settings--gauguin'; + +// Import Common Files. +@import 'base/common'; diff --git a/build2/styles/hub.scss b/build2/styles/hub.scss new file mode 100644 index 000000000..bee494ce7 --- /dev/null +++ b/build2/styles/hub.scss @@ -0,0 +1,8 @@ +// Import La Prose Theme Settings. +@import 'story/settings--hub'; + +// Import Common Files. +@import 'base/common'; + +// Import Hub Organism. +@import '../components/organisms/hub/hub'; diff --git a/build2/styles/la-prose.css b/build2/styles/la-prose.css deleted file mode 100755 index e860b5b0b..000000000 --- a/build2/styles/la-prose.css +++ /dev/null @@ -1,13350 +0,0 @@ -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -/** - * Foundation for Sites by ZURB - * Version 6.4.3 - * foundation.zurb.com - * Licensed under MIT Open Source - */ -@media print, screen and (min-width: 40em) { - .reveal, .reveal.tiny, .reveal.small, .reveal.large { - right: auto; - left: auto; - margin: 0 auto; } } - -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/* Document - ========================================================================== */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - line-height: 1.15; - /* 2 */ - -ms-text-size-adjust: 100%; - /* 3 */ - -webkit-text-size-adjust: 100%; - /* 3 */ } - -/* 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, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title { - font-size: 2em; - margin: 0.67em 0; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - 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 { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Add the correct display in IE. - */ -main { - display: block; } - -/** - * 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 */ } - -/* Links - ========================================================================== */ -/** - * 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 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in 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 */ - 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. - */ -button { - 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 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 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 { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - color: inherit; - /* 2 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE, and Firefox. - */ -details { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; } - -/* 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; } - -.foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } - -html { - box-sizing: border-box; - font-size: 100%; } - -*, -*::before, -*::after { - box-sizing: inherit; } - -body { - margin: 0; - padding: 0; - background: #ffffff; - font-family: "freight-text-pro", serif; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; } - -textarea { - height: auto; - min-height: 50px; - border-radius: 0; } - -select { - box-sizing: border-box; - width: 100%; - border-radius: 0; } - -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -button { - padding: 0; - appearance: none; - border: 0; - border-radius: 0; - background: transparent; - line-height: 1; - cursor: auto; } - [data-whatinput='mouse'] button { - outline: 0; } - -pre { - overflow: auto; } - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; } - -.is-visible { - display: block !important; } - -.is-hidden { - display: none !important; } - -.grid-container { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 90rem; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.fluid { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 100%; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container.fluid { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.full { - padding-right: 0; - padding-left: 0; - max-width: 100%; - margin: 0 auto; } - -.grid-x, .video--embed.boxed { - display: flex; - flex-flow: row wrap; } - -.cell, .video--embed.boxed > .video--embed__wrapper { - flex: 0 0 auto; - min-height: 0px; - min-width: 0px; - width: 100%; } - .cell.auto, .video--embed.boxed > .auto.video--embed__wrapper { - flex: 1 1 0px; } - .cell.shrink, .video--embed.boxed > .shrink.video--embed__wrapper { - flex: 0 0 auto; } - -.grid-x > .auto, .video--embed.boxed > .auto { - width: auto; } - -.grid-x > .shrink, .video--embed.boxed > .shrink { - width: auto; } - -.grid-x > .small-shrink, .video--embed.boxed > .small-shrink, .grid-x > .small-full, .video--embed.boxed > .small-full, .grid-x > .small-1, .video--embed.boxed > .small-1, .grid-x > .small-2, .video--embed.boxed > .small-2, .grid-x > .small-3, .video--embed.boxed > .small-3, .grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper, .grid-x > .small-5, .video--embed.boxed > .small-5, .grid-x > .small-6, .video--embed.boxed > .small-6, .grid-x > .small-7, .video--embed.boxed > .small-7, .grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper, .grid-x > .small-9, .video--embed.boxed > .small-9, .grid-x > .small-10, .video--embed.boxed > .small-10, .grid-x > .small-11, .video--embed.boxed > .small-11, .grid-x > .small-12, .video--embed.boxed > .small-12 { - flex-basis: auto; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink, .grid-x > .medium-full, .video--embed.boxed > .medium-full, .grid-x > .medium-1, .video--embed.boxed > .medium-1, .grid-x > .medium-2, .video--embed.boxed > .medium-2, .grid-x > .medium-3, .video--embed.boxed > .medium-3, .grid-x > .medium-4, .video--embed.boxed > .medium-4, .grid-x > .medium-5, .video--embed.boxed > .medium-5, .grid-x > .medium-6, .video--embed.boxed > .medium-6, .grid-x > .medium-7, .video--embed.boxed > .medium-7, .grid-x > .medium-8, .video--embed.boxed > .medium-8, .grid-x > .medium-9, .video--embed.boxed > .medium-9, .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper, .grid-x > .medium-11, .video--embed.boxed > .medium-11, .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - flex-basis: auto; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink, .grid-x > .large-full, .video--embed.boxed > .large-full, .grid-x > .large-1, .video--embed.boxed > .large-1, .grid-x > .large-2, .video--embed.boxed > .large-2, .grid-x > .large-3, .video--embed.boxed > .large-3, .grid-x > .large-4, .video--embed.boxed > .large-4, .grid-x > .large-5, .video--embed.boxed > .large-5, .grid-x > .large-6, .video--embed.boxed > .large-6, .grid-x > .large-7, .video--embed.boxed > .large-7, .grid-x > .large-8, .video--embed.boxed > .large-8, .grid-x > .large-9, .video--embed.boxed > .large-9, .grid-x > .large-10, .video--embed.boxed > .large-10, .grid-x > .large-11, .video--embed.boxed > .large-11, .grid-x > .large-12, .video--embed.boxed > .large-12 { - flex-basis: auto; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink, .grid-x > .xlarge-full, .video--embed.boxed > .xlarge-full, .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1, .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2, .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3, .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4, .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5, .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6, .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7, .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8, .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9, .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10, .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11, .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - flex-basis: auto; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink, .grid-x > .xxlarge-full, .video--embed.boxed > .xxlarge-full, .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1, .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2, .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3, .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4, .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5, .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6, .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7, .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8, .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9, .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10, .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11, .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - flex-basis: auto; } } - -.grid-x > .small-1, .video--embed.boxed > .small-1 { - width: 8.33333%; } - -.grid-x > .small-2, .video--embed.boxed > .small-2 { - width: 16.66667%; } - -.grid-x > .small-3, .video--embed.boxed > .small-3 { - width: 25%; } - -.grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - width: 33.33333%; } - -.grid-x > .small-5, .video--embed.boxed > .small-5 { - width: 41.66667%; } - -.grid-x > .small-6, .video--embed.boxed > .small-6 { - width: 50%; } - -.grid-x > .small-7, .video--embed.boxed > .small-7 { - width: 58.33333%; } - -.grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper { - width: 66.66667%; } - -.grid-x > .small-9, .video--embed.boxed > .small-9 { - width: 75%; } - -.grid-x > .small-10, .video--embed.boxed > .small-10 { - width: 83.33333%; } - -.grid-x > .small-11, .video--embed.boxed > .small-11 { - width: 91.66667%; } - -.grid-x > .small-12, .video--embed.boxed > .small-12 { - width: 100%; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-auto, .video--embed.boxed > .medium-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .medium-1, .video--embed.boxed > .medium-1 { - width: 8.33333%; } - .grid-x > .medium-2, .video--embed.boxed > .medium-2 { - width: 16.66667%; } - .grid-x > .medium-3, .video--embed.boxed > .medium-3 { - width: 25%; } - .grid-x > .medium-4, .video--embed.boxed > .medium-4 { - width: 33.33333%; } - .grid-x > .medium-5, .video--embed.boxed > .medium-5 { - width: 41.66667%; } - .grid-x > .medium-6, .video--embed.boxed > .medium-6 { - width: 50%; } - .grid-x > .medium-7, .video--embed.boxed > .medium-7 { - width: 58.33333%; } - .grid-x > .medium-8, .video--embed.boxed > .medium-8 { - width: 66.66667%; } - .grid-x > .medium-9, .video--embed.boxed > .medium-9 { - width: 75%; } - .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper { - width: 83.33333%; } - .grid-x > .medium-11, .video--embed.boxed > .medium-11 { - width: 91.66667%; } - .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-auto, .video--embed.boxed > .large-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .large-1, .video--embed.boxed > .large-1 { - width: 8.33333%; } - .grid-x > .large-2, .video--embed.boxed > .large-2 { - width: 16.66667%; } - .grid-x > .large-3, .video--embed.boxed > .large-3 { - width: 25%; } - .grid-x > .large-4, .video--embed.boxed > .large-4 { - width: 33.33333%; } - .grid-x > .large-5, .video--embed.boxed > .large-5 { - width: 41.66667%; } - .grid-x > .large-6, .video--embed.boxed > .large-6 { - width: 50%; } - .grid-x > .large-7, .video--embed.boxed > .large-7 { - width: 58.33333%; } - .grid-x > .large-8, .video--embed.boxed > .large-8 { - width: 66.66667%; } - .grid-x > .large-9, .video--embed.boxed > .large-9 { - width: 75%; } - .grid-x > .large-10, .video--embed.boxed > .large-10 { - width: 83.33333%; } - .grid-x > .large-11, .video--embed.boxed > .large-11 { - width: 91.66667%; } - .grid-x > .large-12, .video--embed.boxed > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-auto, .video--embed.boxed > .xlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1 { - width: 8.33333%; } - .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2 { - width: 16.66667%; } - .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3 { - width: 25%; } - .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4 { - width: 33.33333%; } - .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5 { - width: 41.66667%; } - .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6 { - width: 50%; } - .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7 { - width: 58.33333%; } - .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8 { - width: 66.66667%; } - .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9 { - width: 75%; } - .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10 { - width: 83.33333%; } - .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11 { - width: 91.66667%; } - .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-auto, .video--embed.boxed > .xxlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1 { - width: 8.33333%; } - .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2 { - width: 16.66667%; } - .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3 { - width: 25%; } - .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4 { - width: 33.33333%; } - .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5 { - width: 41.66667%; } - .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6 { - width: 50%; } - .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7 { - width: 58.33333%; } - .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8 { - width: 66.66667%; } - .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9 { - width: 75%; } - .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10 { - width: 83.33333%; } - .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11 { - width: 91.66667%; } - .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - width: 100%; } } - -.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .cell, .video--embed.boxed.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .video--embed__wrapper { - width: auto; } - -.grid-margin-y:not(.grid-y) > .cell, .video--embed.boxed.grid-margin-y:not(.grid-y) > .video--embed__wrapper { - height: auto; } - -.grid-margin-x { - margin-left: -0.625rem; - margin-right: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.25rem); - margin-left: 0.625rem; - margin-right: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.875rem); - margin-left: 0.9375rem; - margin-right: 0.9375rem; } } - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.25rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.25rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.25rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.25rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.25rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.25rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.25rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.25rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.25rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.875rem); } - .grid-margin-x > .medium-auto { - width: auto; } - .grid-margin-x > .medium-shrink { - width: auto; } - .grid-margin-x > .medium-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .medium-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .medium-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .medium-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .medium-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .medium-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .medium-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .medium-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .medium-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .medium-10, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .medium-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .medium-12 { - width: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-x > .large-auto { - width: auto; } - .grid-margin-x > .large-shrink { - width: auto; } - .grid-margin-x > .large-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .large-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .large-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .large-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .large-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .large-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .large-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .large-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .large-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .large-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .large-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .large-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-x > .xlarge-auto { - width: auto; } - .grid-margin-x > .xlarge-shrink { - width: auto; } - .grid-margin-x > .xlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xlarge-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-x > .xxlarge-auto { - width: auto; } - .grid-margin-x > .xxlarge-shrink { - width: auto; } - .grid-margin-x > .xxlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xxlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xxlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xxlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-12 { - width: calc(100% - 1.875rem); } } - -.grid-padding-x .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-container:not(.full) > .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-container:not(.full) > .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.625rem; - padding-left: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - -.small-up-1 > .cell, .video--embed.boxed.small-up-1 > .video--embed__wrapper { - width: 100%; } - -.small-up-2 > .cell, .video--embed.boxed.small-up-2 > .video--embed__wrapper { - width: 50%; } - -.small-up-3 > .cell, .video--embed.boxed.small-up-3 > .video--embed__wrapper { - width: 33.33333%; } - -.small-up-4 > .cell, .video--embed.boxed.small-up-4 > .video--embed__wrapper { - width: 25%; } - -.small-up-5 > .cell, .video--embed.boxed.small-up-5 > .video--embed__wrapper { - width: 20%; } - -.small-up-6 > .cell, .video--embed.boxed.small-up-6 > .video--embed__wrapper { - width: 16.66667%; } - -.small-up-7 > .cell, .video--embed.boxed.small-up-7 > .video--embed__wrapper { - width: 14.28571%; } - -.small-up-8 > .cell, .video--embed.boxed.small-up-8 > .video--embed__wrapper { - width: 12.5%; } - -@media print, screen and (min-width: 40em) { - .medium-up-1 > .cell, .video--embed.boxed.medium-up-1 > .video--embed__wrapper { - width: 100%; } - .medium-up-2 > .cell, .video--embed.boxed.medium-up-2 > .video--embed__wrapper { - width: 50%; } - .medium-up-3 > .cell, .video--embed.boxed.medium-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .medium-up-4 > .cell, .video--embed.boxed.medium-up-4 > .video--embed__wrapper { - width: 25%; } - .medium-up-5 > .cell, .video--embed.boxed.medium-up-5 > .video--embed__wrapper { - width: 20%; } - .medium-up-6 > .cell, .video--embed.boxed.medium-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .medium-up-7 > .cell, .video--embed.boxed.medium-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .medium-up-8 > .cell, .video--embed.boxed.medium-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media print, screen and (min-width: 64em) { - .large-up-1 > .cell, .video--embed.boxed.large-up-1 > .video--embed__wrapper { - width: 100%; } - .large-up-2 > .cell, .video--embed.boxed.large-up-2 > .video--embed__wrapper { - width: 50%; } - .large-up-3 > .cell, .video--embed.boxed.large-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .large-up-4 > .cell, .video--embed.boxed.large-up-4 > .video--embed__wrapper { - width: 25%; } - .large-up-5 > .cell, .video--embed.boxed.large-up-5 > .video--embed__wrapper { - width: 20%; } - .large-up-6 > .cell, .video--embed.boxed.large-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .large-up-7 > .cell, .video--embed.boxed.large-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .large-up-8 > .cell, .video--embed.boxed.large-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 75em) { - .xlarge-up-1 > .cell, .video--embed.boxed.xlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xlarge-up-2 > .cell, .video--embed.boxed.xlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xlarge-up-3 > .cell, .video--embed.boxed.xlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-up-4 > .cell, .video--embed.boxed.xlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xlarge-up-5 > .cell, .video--embed.boxed.xlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xlarge-up-6 > .cell, .video--embed.boxed.xlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xlarge-up-7 > .cell, .video--embed.boxed.xlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xlarge-up-8 > .cell, .video--embed.boxed.xlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 90em) { - .xxlarge-up-1 > .cell, .video--embed.boxed.xxlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xxlarge-up-2 > .cell, .video--embed.boxed.xxlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xxlarge-up-3 > .cell, .video--embed.boxed.xxlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-up-4 > .cell, .video--embed.boxed.xxlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xxlarge-up-5 > .cell, .video--embed.boxed.xxlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xxlarge-up-6 > .cell, .video--embed.boxed.xxlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xxlarge-up-7 > .cell, .video--embed.boxed.xxlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xxlarge-up-8 > .cell, .video--embed.boxed.xxlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -.grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - -.grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - -.grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - -.grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - -.grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - -.grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - -.grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - -.grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - -@media print, screen and (min-width: 40em) { - .grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - .grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - .grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - .grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - .grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - .grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - .grid-margin-x.medium-up-1 > .cell, .video--embed.boxed.grid-margin-x.medium-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.medium-up-2 > .cell, .video--embed.boxed.grid-margin-x.medium-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.medium-up-3 > .cell, .video--embed.boxed.grid-margin-x.medium-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.medium-up-4 > .cell, .video--embed.boxed.grid-margin-x.medium-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.medium-up-5 > .cell, .video--embed.boxed.grid-margin-x.medium-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.medium-up-6 > .cell, .video--embed.boxed.grid-margin-x.medium-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.medium-up-7 > .cell, .video--embed.boxed.grid-margin-x.medium-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.medium-up-8 > .cell, .video--embed.boxed.grid-margin-x.medium-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-x.large-up-1 > .cell, .video--embed.boxed.grid-margin-x.large-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.large-up-2 > .cell, .video--embed.boxed.grid-margin-x.large-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.large-up-3 > .cell, .video--embed.boxed.grid-margin-x.large-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.large-up-4 > .cell, .video--embed.boxed.grid-margin-x.large-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.large-up-5 > .cell, .video--embed.boxed.grid-margin-x.large-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.large-up-6 > .cell, .video--embed.boxed.grid-margin-x.large-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.large-up-7 > .cell, .video--embed.boxed.grid-margin-x.large-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.large-up-8 > .cell, .video--embed.boxed.grid-margin-x.large-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-x.xlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-x.xxlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xxlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xxlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xxlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xxlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xxlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xxlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xxlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -.small-margin-collapse { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .cell, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .small-1 { - width: 8.33333%; } - .small-margin-collapse > .small-2 { - width: 16.66667%; } - .small-margin-collapse > .small-3 { - width: 25%; } - .small-margin-collapse > .small-4, .scroll-comparison .wrapper.small-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .small-margin-collapse > .small-5 { - width: 41.66667%; } - .small-margin-collapse > .small-6 { - width: 50%; } - .small-margin-collapse > .small-7 { - width: 58.33333%; } - .small-margin-collapse > .small-8, .scroll-comparison .wrapper.small-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .small-margin-collapse > .small-9 { - width: 75%; } - .small-margin-collapse > .small-10 { - width: 83.33333%; } - .small-margin-collapse > .small-11 { - width: 91.66667%; } - .small-margin-collapse > .small-12 { - width: 100%; } - @media print, screen and (min-width: 40em) { - .small-margin-collapse > .medium-1 { - width: 8.33333%; } - .small-margin-collapse > .medium-2 { - width: 16.66667%; } - .small-margin-collapse > .medium-3 { - width: 25%; } - .small-margin-collapse > .medium-4 { - width: 33.33333%; } - .small-margin-collapse > .medium-5 { - width: 41.66667%; } - .small-margin-collapse > .medium-6 { - width: 50%; } - .small-margin-collapse > .medium-7 { - width: 58.33333%; } - .small-margin-collapse > .medium-8 { - width: 66.66667%; } - .small-margin-collapse > .medium-9 { - width: 75%; } - .small-margin-collapse > .medium-10, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .small-margin-collapse > .medium-11 { - width: 91.66667%; } - .small-margin-collapse > .medium-12 { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .small-margin-collapse > .large-1 { - width: 8.33333%; } - .small-margin-collapse > .large-2 { - width: 16.66667%; } - .small-margin-collapse > .large-3 { - width: 25%; } - .small-margin-collapse > .large-4 { - width: 33.33333%; } - .small-margin-collapse > .large-5 { - width: 41.66667%; } - .small-margin-collapse > .large-6 { - width: 50%; } - .small-margin-collapse > .large-7 { - width: 58.33333%; } - .small-margin-collapse > .large-8 { - width: 66.66667%; } - .small-margin-collapse > .large-9 { - width: 75%; } - .small-margin-collapse > .large-10 { - width: 83.33333%; } - .small-margin-collapse > .large-11 { - width: 91.66667%; } - .small-margin-collapse > .large-12 { - width: 100%; } } - @media screen and (min-width: 75em) { - .small-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xlarge-3 { - width: 25%; } - .small-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xlarge-6 { - width: 50%; } - .small-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xlarge-9 { - width: 75%; } - .small-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xlarge-12 { - width: 100%; } } - @media screen and (min-width: 90em) { - .small-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xxlarge-3 { - width: 25%; } - .small-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xxlarge-6 { - width: 50%; } - .small-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xxlarge-9 { - width: 75%; } - .small-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xxlarge-12 { - width: 100%; } } - -.small-padding-collapse { - margin-right: 0; - margin-left: 0; } - .small-padding-collapse > .cell, .video--embed.boxed.small-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse { - margin-right: 0; - margin-left: 0; } - .medium-margin-collapse > .cell, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .small-1 { - width: 8.33333%; } - .medium-margin-collapse > .small-2 { - width: 16.66667%; } - .medium-margin-collapse > .small-3 { - width: 25%; } - .medium-margin-collapse > .small-4, .scroll-comparison .wrapper.medium-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .medium-margin-collapse > .small-5 { - width: 41.66667%; } - .medium-margin-collapse > .small-6 { - width: 50%; } - .medium-margin-collapse > .small-7 { - width: 58.33333%; } - .medium-margin-collapse > .small-8, .scroll-comparison .wrapper.medium-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .medium-margin-collapse > .small-9 { - width: 75%; } - .medium-margin-collapse > .small-10 { - width: 83.33333%; } - .medium-margin-collapse > .small-11 { - width: 91.66667%; } - .medium-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .medium-1 { - width: 8.33333%; } - .medium-margin-collapse > .medium-2 { - width: 16.66667%; } - .medium-margin-collapse > .medium-3 { - width: 25%; } - .medium-margin-collapse > .medium-4 { - width: 33.33333%; } - .medium-margin-collapse > .medium-5 { - width: 41.66667%; } - .medium-margin-collapse > .medium-6 { - width: 50%; } - .medium-margin-collapse > .medium-7 { - width: 58.33333%; } - .medium-margin-collapse > .medium-8 { - width: 66.66667%; } - .medium-margin-collapse > .medium-9 { - width: 75%; } - .medium-margin-collapse > .medium-10, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .medium-margin-collapse > .medium-11 { - width: 91.66667%; } - .medium-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .medium-margin-collapse > .large-1 { - width: 8.33333%; } - .medium-margin-collapse > .large-2 { - width: 16.66667%; } - .medium-margin-collapse > .large-3 { - width: 25%; } - .medium-margin-collapse > .large-4 { - width: 33.33333%; } - .medium-margin-collapse > .large-5 { - width: 41.66667%; } - .medium-margin-collapse > .large-6 { - width: 50%; } - .medium-margin-collapse > .large-7 { - width: 58.33333%; } - .medium-margin-collapse > .large-8 { - width: 66.66667%; } - .medium-margin-collapse > .large-9 { - width: 75%; } - .medium-margin-collapse > .large-10 { - width: 83.33333%; } - .medium-margin-collapse > .large-11 { - width: 91.66667%; } - .medium-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .medium-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xlarge-3 { - width: 25%; } - .medium-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xlarge-6 { - width: 50%; } - .medium-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xlarge-9 { - width: 75%; } - .medium-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .medium-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xxlarge-3 { - width: 25%; } - .medium-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xxlarge-6 { - width: 50%; } - .medium-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xxlarge-9 { - width: 75%; } - .medium-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-padding-collapse { - margin-right: 0; - margin-left: 0; } - .medium-padding-collapse > .cell, .video--embed.boxed.medium-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse { - margin-right: 0; - margin-left: 0; } - .large-margin-collapse > .cell, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .small-1 { - width: 8.33333%; } - .large-margin-collapse > .small-2 { - width: 16.66667%; } - .large-margin-collapse > .small-3 { - width: 25%; } - .large-margin-collapse > .small-4, .scroll-comparison .wrapper.large-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .large-margin-collapse > .small-5 { - width: 41.66667%; } - .large-margin-collapse > .small-6 { - width: 50%; } - .large-margin-collapse > .small-7 { - width: 58.33333%; } - .large-margin-collapse > .small-8, .scroll-comparison .wrapper.large-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .large-margin-collapse > .small-9 { - width: 75%; } - .large-margin-collapse > .small-10 { - width: 83.33333%; } - .large-margin-collapse > .small-11 { - width: 91.66667%; } - .large-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .medium-1 { - width: 8.33333%; } - .large-margin-collapse > .medium-2 { - width: 16.66667%; } - .large-margin-collapse > .medium-3 { - width: 25%; } - .large-margin-collapse > .medium-4 { - width: 33.33333%; } - .large-margin-collapse > .medium-5 { - width: 41.66667%; } - .large-margin-collapse > .medium-6 { - width: 50%; } - .large-margin-collapse > .medium-7 { - width: 58.33333%; } - .large-margin-collapse > .medium-8 { - width: 66.66667%; } - .large-margin-collapse > .medium-9 { - width: 75%; } - .large-margin-collapse > .medium-10, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .large-margin-collapse > .medium-11 { - width: 91.66667%; } - .large-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .large-1 { - width: 8.33333%; } - .large-margin-collapse > .large-2 { - width: 16.66667%; } - .large-margin-collapse > .large-3 { - width: 25%; } - .large-margin-collapse > .large-4 { - width: 33.33333%; } - .large-margin-collapse > .large-5 { - width: 41.66667%; } - .large-margin-collapse > .large-6 { - width: 50%; } - .large-margin-collapse > .large-7 { - width: 58.33333%; } - .large-margin-collapse > .large-8 { - width: 66.66667%; } - .large-margin-collapse > .large-9 { - width: 75%; } - .large-margin-collapse > .large-10 { - width: 83.33333%; } - .large-margin-collapse > .large-11 { - width: 91.66667%; } - .large-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .large-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xlarge-3 { - width: 25%; } - .large-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xlarge-6 { - width: 50%; } - .large-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xlarge-9 { - width: 75%; } - .large-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .large-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xxlarge-3 { - width: 25%; } - .large-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xxlarge-6 { - width: 50%; } - .large-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xxlarge-9 { - width: 75%; } - .large-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-padding-collapse { - margin-right: 0; - margin-left: 0; } - .large-padding-collapse > .cell, .video--embed.boxed.large-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-margin-collapse > .cell, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .small-3 { - width: 25%; } - .xlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .small-6 { - width: 50%; } - .xlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xlarge-margin-collapse > .small-9 { - width: 75%; } - .xlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .medium-3 { - width: 25%; } - .xlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .medium-6 { - width: 50%; } - .xlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .medium-9 { - width: 75%; } - .xlarge-margin-collapse > .medium-10, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .large-3 { - width: 25%; } - .xlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .large-6 { - width: 50%; } - .xlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .large-9 { - width: 75%; } - .xlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-padding-collapse > .cell, .video--embed.boxed.xlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-margin-collapse > .cell, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .small-3 { - width: 25%; } - .xxlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .small-6 { - width: 50%; } - .xxlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xxlarge-margin-collapse > .small-9 { - width: 75%; } - .xxlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .medium-3 { - width: 25%; } - .xxlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .medium-6 { - width: 50%; } - .xxlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .medium-9 { - width: 75%; } - .xxlarge-margin-collapse > .medium-10, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xxlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .large-3 { - width: 25%; } - .xxlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .large-6 { - width: 50%; } - .xxlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .large-9 { - width: 75%; } - .xxlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-padding-collapse > .cell, .video--embed.boxed.xxlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -.small-offset-0 { - margin-left: 0%; } - -.grid-margin-x > .small-offset-0 { - margin-left: calc(0% + 0.625rem); } - -.small-offset-1 { - margin-left: 8.33333%; } - -.grid-margin-x > .small-offset-1 { - margin-left: calc(8.33333% + 0.625rem); } - -.small-offset-2 { - margin-left: 16.66667%; } - -.grid-margin-x > .small-offset-2 { - margin-left: calc(16.66667% + 0.625rem); } - -.small-offset-3 { - margin-left: 25%; } - -.grid-margin-x > .small-offset-3 { - margin-left: calc(25% + 0.625rem); } - -.small-offset-4 { - margin-left: 33.33333%; } - -.grid-margin-x > .small-offset-4 { - margin-left: calc(33.33333% + 0.625rem); } - -.small-offset-5 { - margin-left: 41.66667%; } - -.grid-margin-x > .small-offset-5 { - margin-left: calc(41.66667% + 0.625rem); } - -.small-offset-6 { - margin-left: 50%; } - -.grid-margin-x > .small-offset-6 { - margin-left: calc(50% + 0.625rem); } - -.small-offset-7 { - margin-left: 58.33333%; } - -.grid-margin-x > .small-offset-7 { - margin-left: calc(58.33333% + 0.625rem); } - -.small-offset-8 { - margin-left: 66.66667%; } - -.grid-margin-x > .small-offset-8 { - margin-left: calc(66.66667% + 0.625rem); } - -.small-offset-9 { - margin-left: 75%; } - -.grid-margin-x > .small-offset-9 { - margin-left: calc(75% + 0.625rem); } - -.small-offset-10 { - margin-left: 83.33333%; } - -.grid-margin-x > .small-offset-10 { - margin-left: calc(83.33333% + 0.625rem); } - -.small-offset-11 { - margin-left: 91.66667%; } - -.grid-margin-x > .small-offset-11 { - margin-left: calc(91.66667% + 0.625rem); } - -@media print, screen and (min-width: 40em) { - .medium-offset-0 { - margin-left: 0%; } - .grid-margin-x > .medium-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .medium-offset-1, .video--embed.boxed > .video--embed__wrapper { - margin-left: 8.33333%; } - .grid-margin-x > .medium-offset-1, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - margin-left: calc(8.33333% + 0.9375rem); } - .medium-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .medium-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .medium-offset-3 { - margin-left: 25%; } - .grid-margin-x > .medium-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .medium-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .medium-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .medium-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .medium-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .medium-offset-6 { - margin-left: 50%; } - .grid-margin-x > .medium-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .medium-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .medium-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .medium-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .medium-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .medium-offset-9 { - margin-left: 75%; } - .grid-margin-x > .medium-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .medium-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .medium-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .medium-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .medium-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media print, screen and (min-width: 64em) { - .large-offset-0 { - margin-left: 0%; } - .grid-margin-x > .large-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .large-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .large-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .large-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .large-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .large-offset-3 { - margin-left: 25%; } - .grid-margin-x > .large-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .large-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .large-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .large-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .large-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .large-offset-6 { - margin-left: 50%; } - .grid-margin-x > .large-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .large-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .large-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .large-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .large-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .large-offset-9 { - margin-left: 75%; } - .grid-margin-x > .large-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .large-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .large-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .large-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .large-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 75em) { - .xlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 90em) { - .xxlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xxlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xxlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xxlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xxlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xxlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xxlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xxlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xxlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xxlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xxlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xxlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xxlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xxlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xxlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xxlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xxlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xxlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xxlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xxlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xxlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xxlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xxlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xxlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -.grid-y { - display: flex; - flex-flow: column nowrap; } - .grid-y > .cell, .video--embed.boxed.grid-y > .video--embed__wrapper { - width: auto; } - .grid-y > .auto { - height: auto; } - .grid-y > .shrink { - height: auto; } - .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { - flex-basis: auto; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper, .grid-y > .medium-11, .grid-y > .medium-12 { - flex-basis: auto; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { - flex-basis: auto; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { - flex-basis: auto; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { - flex-basis: auto; } } - .grid-y > .small-1 { - height: 8.33333%; } - .grid-y > .small-2 { - height: 16.66667%; } - .grid-y > .small-3 { - height: 25%; } - .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper { - height: 33.33333%; } - .grid-y > .small-5 { - height: 41.66667%; } - .grid-y > .small-6 { - height: 50%; } - .grid-y > .small-7 { - height: 58.33333%; } - .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper { - height: 66.66667%; } - .grid-y > .small-9 { - height: 75%; } - .grid-y > .small-10 { - height: 83.33333%; } - .grid-y > .small-11 { - height: 91.66667%; } - .grid-y > .small-12 { - height: 100%; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .medium-shrink { - height: auto; } - .grid-y > .medium-1 { - height: 8.33333%; } - .grid-y > .medium-2 { - height: 16.66667%; } - .grid-y > .medium-3 { - height: 25%; } - .grid-y > .medium-4 { - height: 33.33333%; } - .grid-y > .medium-5 { - height: 41.66667%; } - .grid-y > .medium-6 { - height: 50%; } - .grid-y > .medium-7 { - height: 58.33333%; } - .grid-y > .medium-8 { - height: 66.66667%; } - .grid-y > .medium-9 { - height: 75%; } - .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper { - height: 83.33333%; } - .grid-y > .medium-11 { - height: 91.66667%; } - .grid-y > .medium-12 { - height: 100%; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .large-shrink { - height: auto; } - .grid-y > .large-1 { - height: 8.33333%; } - .grid-y > .large-2 { - height: 16.66667%; } - .grid-y > .large-3 { - height: 25%; } - .grid-y > .large-4 { - height: 33.33333%; } - .grid-y > .large-5 { - height: 41.66667%; } - .grid-y > .large-6 { - height: 50%; } - .grid-y > .large-7 { - height: 58.33333%; } - .grid-y > .large-8 { - height: 66.66667%; } - .grid-y > .large-9 { - height: 75%; } - .grid-y > .large-10 { - height: 83.33333%; } - .grid-y > .large-11 { - height: 91.66667%; } - .grid-y > .large-12 { - height: 100%; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xlarge-shrink { - height: auto; } - .grid-y > .xlarge-1 { - height: 8.33333%; } - .grid-y > .xlarge-2 { - height: 16.66667%; } - .grid-y > .xlarge-3 { - height: 25%; } - .grid-y > .xlarge-4 { - height: 33.33333%; } - .grid-y > .xlarge-5 { - height: 41.66667%; } - .grid-y > .xlarge-6 { - height: 50%; } - .grid-y > .xlarge-7 { - height: 58.33333%; } - .grid-y > .xlarge-8 { - height: 66.66667%; } - .grid-y > .xlarge-9 { - height: 75%; } - .grid-y > .xlarge-10 { - height: 83.33333%; } - .grid-y > .xlarge-11 { - height: 91.66667%; } - .grid-y > .xlarge-12 { - height: 100%; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xxlarge-shrink { - height: auto; } - .grid-y > .xxlarge-1 { - height: 8.33333%; } - .grid-y > .xxlarge-2 { - height: 16.66667%; } - .grid-y > .xxlarge-3 { - height: 25%; } - .grid-y > .xxlarge-4 { - height: 33.33333%; } - .grid-y > .xxlarge-5 { - height: 41.66667%; } - .grid-y > .xxlarge-6 { - height: 50%; } - .grid-y > .xxlarge-7 { - height: 58.33333%; } - .grid-y > .xxlarge-8 { - height: 66.66667%; } - .grid-y > .xxlarge-9 { - height: 75%; } - .grid-y > .xxlarge-10 { - height: 83.33333%; } - .grid-y > .xxlarge-11 { - height: 91.66667%; } - .grid-y > .xxlarge-12 { - height: 100%; } } - -.grid-padding-y .grid-padding-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y .grid-padding-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - -.grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.625rem; - padding-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.9375rem; - padding-bottom: 0.9375rem; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - -.cell .grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-frame { - width: 100%; } - -.cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .cell-block-container > .grid-x, .cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - -@media print, screen and (min-width: 40em) { - .medium-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .medium-grid-frame { - width: 100%; } - .medium-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .medium-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .medium-cell-block-container > .grid-x, .medium-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .medium-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media print, screen and (min-width: 64em) { - .large-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .large-grid-frame, .video--embed.boxed > .video--embed__wrapper .large-grid-frame { - width: 100%; } - .large-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .large-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .large-cell-block-container > .grid-x, .large-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .large-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 75em) { - .xlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xlarge-grid-frame { - width: 100%; } - .xlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xlarge-cell-block-container > .grid-x, .xlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 90em) { - .xxlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xxlarge-grid-frame { - width: 100%; } - .xxlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xxlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xxlarge-cell-block-container > .grid-x, .xxlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xxlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -.grid-y.grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } - -@media print, screen and (min-width: 40em) { - .grid-y.medium-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media print, screen and (min-width: 64em) { - .grid-y.large-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 75em) { - .grid-y.xlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 90em) { - .grid-y.xxlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -.cell .grid-y.grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.grid-frame { - height: 100%; } - -@media print, screen and (min-width: 40em) { - .cell .grid-y.medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.medium-grid-frame { - height: 100%; } } - -@media print, screen and (min-width: 64em) { - .cell .grid-y.large-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.large-grid-frame { - height: 100%; } } - -@media screen and (min-width: 75em) { - .cell .grid-y.xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xlarge-grid-frame { - height: 100%; } } - -@media screen and (min-width: 90em) { - .cell .grid-y.xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xxlarge-grid-frame { - height: 100%; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame.grid-margin-y { - height: calc(100vh + 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 40em) { - .grid-margin-y.medium-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-y.large-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-y.xlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-y.xxlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -div, -dl, -dt, -dd, -ul, -ol, -li, h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, -h2, -h3, -h4, -h5, -h6, -a.link--arrow, -pre, -form, -p, -.off-canvas footer.footer .footer-feature h3, -blockquote, -th, -td { - margin: 0; - padding: 0; } - - -p, -.off-canvas footer.footer .footer-feature h3 { - margin-bottom: 1rem; - font-size: inherit; - line-height: 1.6; - text-rendering: optimizeLegibility; } - -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 80%; - line-height: inherit; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, -a.link--arrow, .h6 { - font-family: "freight-display-pro", sans; - font-style: normal; - font-weight: normal; - color: inherit; - text-rendering: optimizeLegibility; } - h1 small, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title small, .in-depth .in-depth__title small, .h1 small, .intro-text h2 small, - h2 small, .h2 small, - h3 small, .h3 small, - h4 small, .h4 small, - h5 small, .h5 small, - h6 small, - a.link--arrow small, .h6 small { - line-height: 0; - color: #b2b2b2; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 1.5rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h2, .h2 { - font-size: 1.25rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h3, .h3 { - font-size: 1.1875rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h4, .h4 { - font-size: 1.125rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h5, .h5 { - font-size: 1.0625rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - - -h6, -a.link--arrow, .h6 { - font-size: 1rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -@media print, screen and (min-width: 40em) { - h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 3rem; } - h2, .h2 { - font-size: 2.5rem; } - h3, .h3 { - font-size: 1.9375rem; } - h4, .h4 { - font-size: 1.5625rem; } - h5, .h5 { - font-size: 1.25rem; } - - h6, - a.link--arrow, .h6 { - font-size: 1rem; } } - -a { - line-height: inherit; - color: #7EA687; - text-decoration: none; - cursor: pointer; } - a:hover, a:focus { - color: #679571; } - a img { - border: 0; } - -hr { - clear: both; - max-width: 90rem; - height: 0; - margin: 1.25rem auto; - border-top: 0; - border-right: 0; - border-bottom: 1px solid #b2b2b2; - border-left: 0; } - -ul, -ol, -dl { - margin-bottom: 1rem; - list-style-position: outside; - line-height: 1.6; } - -li { - font-size: inherit; } - -ul { - margin-left: 1.25rem; - list-style-type: disc; } - -ol { - margin-left: 1.25rem; } - -ul ul, ol ul, ul ol, ol ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -dl { - margin-bottom: 1rem; } - dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } - -blockquote { - margin: 0 0 1rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: none; } - blockquote, blockquote p, blockquote .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature blockquote h3 { - line-height: 1.6; - color: #0a0a0a; } - -cite { - display: block; - font-size: 100%; - color: #0a0a0a; } - cite:before { - content: ""; } - -abbr, abbr[title] { - border-bottom: 1px dotted #0a0a0a; - cursor: help; - text-decoration: none; } - -figure { - margin: 0; } - -code { - padding: 0.125rem 0.3125rem 0.0625rem; - border: 1px solid #b2b2b2; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - color: #0a0a0a; } - -kbd { - margin: 0; - padding: 0.125rem 0.25rem 0; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - color: #0a0a0a; } - -.subheader { - margin-top: 0.2rem; - margin-bottom: 0.5rem; - font-weight: normal; - line-height: 1.4; - color: #8a8a8a; } - -.lead, .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 125%; - line-height: 1.6; } - -.stat { - font-size: 2.5rem; - line-height: 1; } - p + .stat, .off-canvas footer.footer .footer-feature h3 + .stat { - margin-top: -1rem; } - -ul.no-bullet, ol.no-bullet { - margin-left: 0; - list-style: none; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center, .standalone-quote { - text-align: center; } - -.text-justify { - text-align: justify; } - -@media print, screen and (min-width: 40em) { - .medium-text-left { - text-align: left; } - .medium-text-right { - text-align: right; } - .medium-text-center { - text-align: center; } - .medium-text-justify { - text-align: justify; } } - -@media print, screen and (min-width: 64em) { - .large-text-left { - text-align: left; } - .large-text-right { - text-align: right; } - .large-text-center { - text-align: center; } - .large-text-justify { - text-align: justify; } } - -@media screen and (min-width: 75em) { - .xlarge-text-left { - text-align: left; } - .xlarge-text-right { - text-align: right; } - .xlarge-text-center { - text-align: center; } - .xlarge-text-justify { - text-align: justify; } } - -@media screen and (min-width: 90em) { - .xxlarge-text-left { - text-align: left; } - .xxlarge-text-right { - text-align: right; } - .xxlarge-text-center { - text-align: center; } - .xxlarge-text-justify { - text-align: justify; } } - -.show-for-print { - display: none !important; } - -@media print { - * { - background: transparent !important; - box-shadow: none !important; - color: black !important; - text-shadow: none !important; } - .show-for-print { - display: block !important; } - .hide-for-print { - display: none !important; } - table.show-for-print { - display: table !important; } - thead.show-for-print { - display: table-header-group !important; } - tbody.show-for-print { - display: table-row-group !important; } - tr.show-for-print { - display: table-row !important; } - td.show-for-print { - display: table-cell !important; } - th.show-for-print { - display: table-cell !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - .ir a:after, - a[href^='javascript:']:after, - a[href^='#']:after { - content: ''; } - abbr[title]:after { - content: " (" attr(title) ")"; } - pre, - blockquote { - border: 1px solid #8a8a8a; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - - p, - .off-canvas footer.footer .footer-feature h3, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } - .print-break-inside { - page-break-inside: auto; } } - -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - display: inline-block; - vertical-align: middle; - margin: 0 0 1rem 0; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding: 0.85em 2em 0.5em 2em; - -webkit-appearance: none; - border: 1px solid transparent; - border-radius: 100rem; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - font-size: 0.75rem; - line-height: 1; - text-align: center; - cursor: pointer; - background-color: #7EA687; - color: #ffffff; } - [data-whatinput='mouse'] .button, - [data-whatinput='mouse'] .cta__button, - [data-whatinput='mouse'] .cta__button--alt, [data-whatinput='mouse'] .modal__open-button, [data-whatinput='mouse'] .transcript .transcript__toggle, .transcript [data-whatinput='mouse'] .transcript__toggle, [data-whatinput='mouse'] .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro [data-whatinput='mouse'] .slide--in-depth__intro__button { - outline: 0; } - .button:hover, - .cta__button:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background-color: #659370; - color: #ffffff; } - .button.tiny, - .tiny.cta__button, - .tiny.cta__button--alt, .tiny.modal__open-button, .transcript .tiny.transcript__toggle, .owl-carousel .slide--in-depth__intro .tiny.slide--in-depth__intro__button { - font-size: 0.6rem; } - .button.small, - .small.cta__button, - .small.cta__button--alt, .small.modal__open-button, .transcript .small.transcript__toggle, .owl-carousel .slide--in-depth__intro .small.slide--in-depth__intro__button { - font-size: 0.75rem; } - .button.large, - .large.cta__button, - .large.cta__button--alt, .large.modal__open-button, .transcript .large.transcript__toggle, .owl-carousel .slide--in-depth__intro .large.slide--in-depth__intro__button { - font-size: 1rem; } - .button.expanded, - .expanded.cta__button, - .expanded.cta__button--alt, .expanded.modal__open-button, .transcript .expanded.transcript__toggle, .owl-carousel .slide--in-depth__intro .expanded.slide--in-depth__intro__button { - display: block; - width: 100%; - margin-right: 0; - margin-left: 0; } - .button.primary, - .primary.cta__button, - .primary.cta__button--alt, .primary.modal__open-button, .transcript .primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button { - background-color: #7EA687; - color: #0a0a0a; } - .button.primary:hover, - .primary.cta__button:hover, - .primary.cta__button--alt:hover, .primary.modal__open-button:hover, .transcript .primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:hover, .button.primary:focus, - .primary.cta__button:focus, - .primary.cta__button--alt:focus, .primary.modal__open-button:focus, .transcript .primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:focus { - background-color: #5f8a69; - color: #0a0a0a; } - .button.secondary, - .secondary.cta__button, - .secondary.cta__button--alt, .secondary.modal__open-button, .transcript .secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button { - background-color: #917750; - color: #0a0a0a; } - .button.secondary:hover, - .secondary.cta__button:hover, - .secondary.cta__button--alt:hover, .secondary.modal__open-button:hover, .transcript .secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:hover, .button.secondary:focus, - .secondary.cta__button:focus, - .secondary.cta__button--alt:focus, .secondary.modal__open-button:focus, .transcript .secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:focus { - background-color: #745f40; - color: #0a0a0a; } - .button.success, - .success.cta__button, - .success.cta__button--alt, .success.modal__open-button, .transcript .success.transcript__toggle, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button.success:hover, - .success.cta__button:hover, - .success.cta__button--alt:hover, .success.modal__open-button:hover, .transcript .success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:hover, .button.success:focus, - .success.cta__button:focus, - .success.cta__button--alt:focus, .success.modal__open-button:focus, .transcript .success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button.warning, - .warning.cta__button, - .warning.cta__button--alt, .warning.modal__open-button, .transcript .warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button.warning:hover, - .warning.cta__button:hover, - .warning.cta__button--alt:hover, .warning.modal__open-button:hover, .transcript .warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:hover, .button.warning:focus, - .warning.cta__button:focus, - .warning.cta__button--alt:focus, .warning.modal__open-button:focus, .transcript .warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button.alert, - .alert.cta__button, - .alert.cta__button--alt, .alert.modal__open-button, .transcript .alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button.alert:hover, - .alert.cta__button:hover, - .alert.cta__button--alt:hover, .alert.modal__open-button:hover, .transcript .alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:hover, .button.alert:focus, - .alert.cta__button:focus, - .alert.cta__button--alt:focus, .alert.modal__open-button:focus, .transcript .alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled] { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button.disabled:hover, - .disabled.cta__button:hover, - .disabled.cta__button--alt:hover, .disabled.modal__open-button:hover, .transcript .disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:hover, .button.disabled:focus, - .disabled.cta__button:focus, - .disabled.cta__button--alt:focus, .disabled.modal__open-button:focus, .transcript .disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:focus, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled], .button[disabled]:hover, - .cta__button[disabled]:hover, - .cta__button--alt[disabled]:hover, .modal__open-button[disabled]:hover, .transcript .transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:hover, .button[disabled]:focus, - .cta__button[disabled]:focus, - .cta__button--alt[disabled]:focus, .modal__open-button[disabled]:focus, .transcript .transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:focus { - background-color: #7EA687; - color: #ffffff; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button.disabled.primary:hover, - .disabled.primary.cta__button:hover, - .disabled.primary.cta__button--alt:hover, .disabled.primary.modal__open-button:hover, .transcript .disabled.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:hover, .button.disabled.primary:focus, - .disabled.primary.cta__button:focus, - .disabled.primary.cta__button--alt:focus, .disabled.primary.modal__open-button:focus, .transcript .disabled.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:focus, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary, .button[disabled].primary:hover, - .cta__button[disabled].primary:hover, - .cta__button--alt[disabled].primary:hover, .modal__open-button[disabled].primary:hover, .transcript .transcript__toggle[disabled].primary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:hover, .button[disabled].primary:focus, - .cta__button[disabled].primary:focus, - .cta__button--alt[disabled].primary:focus, .modal__open-button[disabled].primary:focus, .transcript .transcript__toggle[disabled].primary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:focus { - background-color: #7EA687; - color: #0a0a0a; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button.disabled.secondary:hover, - .disabled.secondary.cta__button:hover, - .disabled.secondary.cta__button--alt:hover, .disabled.secondary.modal__open-button:hover, .transcript .disabled.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:hover, .button.disabled.secondary:focus, - .disabled.secondary.cta__button:focus, - .disabled.secondary.cta__button--alt:focus, .disabled.secondary.modal__open-button:focus, .transcript .disabled.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:focus, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary, .button[disabled].secondary:hover, - .cta__button[disabled].secondary:hover, - .cta__button--alt[disabled].secondary:hover, .modal__open-button[disabled].secondary:hover, .transcript .transcript__toggle[disabled].secondary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:hover, .button[disabled].secondary:focus, - .cta__button[disabled].secondary:focus, - .cta__button--alt[disabled].secondary:focus, .modal__open-button[disabled].secondary:focus, .transcript .transcript__toggle[disabled].secondary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:focus { - background-color: #917750; - color: #0a0a0a; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button.disabled.success:hover, - .disabled.success.cta__button:hover, - .disabled.success.cta__button--alt:hover, .disabled.success.modal__open-button:hover, .transcript .disabled.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:hover, .button.disabled.success:focus, - .disabled.success.cta__button:focus, - .disabled.success.cta__button--alt:focus, .disabled.success.modal__open-button:focus, .transcript .disabled.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:focus, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success, .button[disabled].success:hover, - .cta__button[disabled].success:hover, - .cta__button--alt[disabled].success:hover, .modal__open-button[disabled].success:hover, .transcript .transcript__toggle[disabled].success:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:hover, .button[disabled].success:focus, - .cta__button[disabled].success:focus, - .cta__button--alt[disabled].success:focus, .modal__open-button[disabled].success:focus, .transcript .transcript__toggle[disabled].success:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:focus { - background-color: #3adb76; - color: #0a0a0a; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button.disabled.warning:hover, - .disabled.warning.cta__button:hover, - .disabled.warning.cta__button--alt:hover, .disabled.warning.modal__open-button:hover, .transcript .disabled.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:hover, .button.disabled.warning:focus, - .disabled.warning.cta__button:focus, - .disabled.warning.cta__button--alt:focus, .disabled.warning.modal__open-button:focus, .transcript .disabled.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:focus, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning, .button[disabled].warning:hover, - .cta__button[disabled].warning:hover, - .cta__button--alt[disabled].warning:hover, .modal__open-button[disabled].warning:hover, .transcript .transcript__toggle[disabled].warning:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:hover, .button[disabled].warning:focus, - .cta__button[disabled].warning:focus, - .cta__button--alt[disabled].warning:focus, .modal__open-button[disabled].warning:focus, .transcript .transcript__toggle[disabled].warning:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:focus { - background-color: #ffae00; - color: #0a0a0a; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button.disabled.alert:hover, - .disabled.alert.cta__button:hover, - .disabled.alert.cta__button--alt:hover, .disabled.alert.modal__open-button:hover, .transcript .disabled.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:hover, .button.disabled.alert:focus, - .disabled.alert.cta__button:focus, - .disabled.alert.cta__button--alt:focus, .disabled.alert.modal__open-button:focus, .transcript .disabled.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:focus, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert, .button[disabled].alert:hover, - .cta__button[disabled].alert:hover, - .cta__button--alt[disabled].alert:hover, .modal__open-button[disabled].alert:hover, .transcript .transcript__toggle[disabled].alert:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:hover, .button[disabled].alert:focus, - .cta__button[disabled].alert:focus, - .cta__button--alt[disabled].alert:focus, .modal__open-button[disabled].alert:focus, .transcript .transcript__toggle[disabled].alert:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:focus { - background-color: #cc4b37; - color: #ffffff; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.hollow.disabled, - .hollow.disabled.cta__button, - .hollow.disabled.cta__button--alt, .hollow.disabled.modal__open-button, .transcript .hollow.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button, .button.hollow.disabled:hover, - .hollow.disabled.cta__button:hover, - .hollow.disabled.cta__button--alt:hover, .hollow.disabled.modal__open-button:hover, .transcript .hollow.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:hover, .button.hollow.disabled:focus, - .hollow.disabled.cta__button:focus, - .hollow.disabled.cta__button--alt:focus, .hollow.disabled.modal__open-button:focus, .transcript .hollow.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:focus, .button.hollow[disabled], - .hollow.cta__button[disabled], - .hollow.cta__button--alt[disabled], .hollow.modal__open-button[disabled], .transcript .hollow.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled], .button.hollow[disabled]:hover, - .hollow.cta__button[disabled]:hover, - .hollow.cta__button--alt[disabled]:hover, .hollow.modal__open-button[disabled]:hover, .transcript .hollow.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:hover, .button.hollow[disabled]:focus, - .hollow.cta__button[disabled]:focus, - .hollow.cta__button--alt[disabled]:focus, .hollow.modal__open-button[disabled]:focus, .transcript .hollow.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.hollow:hover.disabled, - .hollow.cta__button:hover.disabled, - .hollow.cta__button--alt:hover.disabled, .hollow.modal__open-button:hover.disabled, .transcript .hollow.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover.disabled, .button.hollow:hover[disabled], - .hollow.cta__button:hover[disabled], - .hollow.cta__button--alt:hover[disabled], .hollow.modal__open-button:hover[disabled], .transcript .hollow.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover[disabled], .button.hollow:focus.disabled, - .hollow.cta__button:focus.disabled, - .hollow.cta__button--alt:focus.disabled, .hollow.modal__open-button:focus.disabled, .transcript .hollow.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus.disabled, .button.hollow:focus[disabled], - .hollow.cta__button:focus[disabled], - .hollow.cta__button--alt:focus[disabled], .hollow.modal__open-button:focus[disabled], .transcript .hollow.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow.primary, - .hollow.primary.cta__button, - .hollow.primary.cta__button--alt, .hollow.primary.modal__open-button, .transcript .hollow.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow.primary:hover, - .hollow.primary.cta__button:hover, - .hollow.primary.cta__button--alt:hover, .hollow.primary.modal__open-button:hover, .transcript .hollow.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover, .button.hollow.primary:focus, - .hollow.primary.cta__button:focus, - .hollow.primary.cta__button--alt:focus, .hollow.primary.modal__open-button:focus, .transcript .hollow.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.hollow.primary:hover.disabled, - .hollow.primary.cta__button:hover.disabled, - .hollow.primary.cta__button--alt:hover.disabled, .hollow.primary.modal__open-button:hover.disabled, .transcript .hollow.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover.disabled, .button.hollow.primary:hover[disabled], - .hollow.primary.cta__button:hover[disabled], - .hollow.primary.cta__button--alt:hover[disabled], .hollow.primary.modal__open-button:hover[disabled], .transcript .hollow.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover[disabled], .button.hollow.primary:focus.disabled, - .hollow.primary.cta__button:focus.disabled, - .hollow.primary.cta__button--alt:focus.disabled, .hollow.primary.modal__open-button:focus.disabled, .transcript .hollow.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus.disabled, .button.hollow.primary:focus[disabled], - .hollow.primary.cta__button:focus[disabled], - .hollow.primary.cta__button--alt:focus[disabled], .hollow.primary.modal__open-button:focus[disabled], .transcript .hollow.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.hollow.secondary, - .hollow.secondary.cta__button, - .hollow.secondary.cta__button--alt, .hollow.secondary.modal__open-button, .transcript .hollow.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button { - border: 2px solid #917750; - color: #917750; } - .button.hollow.secondary:hover, - .hollow.secondary.cta__button:hover, - .hollow.secondary.cta__button--alt:hover, .hollow.secondary.modal__open-button:hover, .transcript .hollow.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover, .button.hollow.secondary:focus, - .hollow.secondary.cta__button:focus, - .hollow.secondary.cta__button--alt:focus, .hollow.secondary.modal__open-button:focus, .transcript .hollow.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus { - border-color: #493c28; - color: #493c28; } - .button.hollow.secondary:hover.disabled, - .hollow.secondary.cta__button:hover.disabled, - .hollow.secondary.cta__button--alt:hover.disabled, .hollow.secondary.modal__open-button:hover.disabled, .transcript .hollow.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover.disabled, .button.hollow.secondary:hover[disabled], - .hollow.secondary.cta__button:hover[disabled], - .hollow.secondary.cta__button--alt:hover[disabled], .hollow.secondary.modal__open-button:hover[disabled], .transcript .hollow.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover[disabled], .button.hollow.secondary:focus.disabled, - .hollow.secondary.cta__button:focus.disabled, - .hollow.secondary.cta__button--alt:focus.disabled, .hollow.secondary.modal__open-button:focus.disabled, .transcript .hollow.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus.disabled, .button.hollow.secondary:focus[disabled], - .hollow.secondary.cta__button:focus[disabled], - .hollow.secondary.cta__button--alt:focus[disabled], .hollow.secondary.modal__open-button:focus[disabled], .transcript .hollow.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #917750; - color: #917750; } - .button.hollow.success, - .hollow.success.cta__button, - .hollow.success.cta__button--alt, .hollow.success.modal__open-button, .transcript .hollow.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.success:hover, - .hollow.success.cta__button:hover, - .hollow.success.cta__button--alt:hover, .hollow.success.modal__open-button:hover, .transcript .hollow.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover, .button.hollow.success:focus, - .hollow.success.cta__button:focus, - .hollow.success.cta__button--alt:focus, .hollow.success.modal__open-button:focus, .transcript .hollow.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.hollow.success:hover.disabled, - .hollow.success.cta__button:hover.disabled, - .hollow.success.cta__button--alt:hover.disabled, .hollow.success.modal__open-button:hover.disabled, .transcript .hollow.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover.disabled, .button.hollow.success:hover[disabled], - .hollow.success.cta__button:hover[disabled], - .hollow.success.cta__button--alt:hover[disabled], .hollow.success.modal__open-button:hover[disabled], .transcript .hollow.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover[disabled], .button.hollow.success:focus.disabled, - .hollow.success.cta__button:focus.disabled, - .hollow.success.cta__button--alt:focus.disabled, .hollow.success.modal__open-button:focus.disabled, .transcript .hollow.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus.disabled, .button.hollow.success:focus[disabled], - .hollow.success.cta__button:focus[disabled], - .hollow.success.cta__button--alt:focus[disabled], .hollow.success.modal__open-button:focus[disabled], .transcript .hollow.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.warning, - .hollow.warning.cta__button, - .hollow.warning.cta__button--alt, .hollow.warning.modal__open-button, .transcript .hollow.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.warning:hover, - .hollow.warning.cta__button:hover, - .hollow.warning.cta__button--alt:hover, .hollow.warning.modal__open-button:hover, .transcript .hollow.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover, .button.hollow.warning:focus, - .hollow.warning.cta__button:focus, - .hollow.warning.cta__button--alt:focus, .hollow.warning.modal__open-button:focus, .transcript .hollow.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.hollow.warning:hover.disabled, - .hollow.warning.cta__button:hover.disabled, - .hollow.warning.cta__button--alt:hover.disabled, .hollow.warning.modal__open-button:hover.disabled, .transcript .hollow.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover.disabled, .button.hollow.warning:hover[disabled], - .hollow.warning.cta__button:hover[disabled], - .hollow.warning.cta__button--alt:hover[disabled], .hollow.warning.modal__open-button:hover[disabled], .transcript .hollow.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover[disabled], .button.hollow.warning:focus.disabled, - .hollow.warning.cta__button:focus.disabled, - .hollow.warning.cta__button--alt:focus.disabled, .hollow.warning.modal__open-button:focus.disabled, .transcript .hollow.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus.disabled, .button.hollow.warning:focus[disabled], - .hollow.warning.cta__button:focus[disabled], - .hollow.warning.cta__button--alt:focus[disabled], .hollow.warning.modal__open-button:focus[disabled], .transcript .hollow.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.alert, - .hollow.alert.cta__button, - .hollow.alert.cta__button--alt, .hollow.alert.modal__open-button, .transcript .hollow.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.hollow.alert:hover, - .hollow.alert.cta__button:hover, - .hollow.alert.cta__button--alt:hover, .hollow.alert.modal__open-button:hover, .transcript .hollow.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover, .button.hollow.alert:focus, - .hollow.alert.cta__button:focus, - .hollow.alert.cta__button--alt:focus, .hollow.alert.modal__open-button:focus, .transcript .hollow.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.hollow.alert:hover.disabled, - .hollow.alert.cta__button:hover.disabled, - .hollow.alert.cta__button--alt:hover.disabled, .hollow.alert.modal__open-button:hover.disabled, .transcript .hollow.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover.disabled, .button.hollow.alert:hover[disabled], - .hollow.alert.cta__button:hover[disabled], - .hollow.alert.cta__button--alt:hover[disabled], .hollow.alert.modal__open-button:hover[disabled], .transcript .hollow.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover[disabled], .button.hollow.alert:focus.disabled, - .hollow.alert.cta__button:focus.disabled, - .hollow.alert.cta__button--alt:focus.disabled, .hollow.alert.modal__open-button:focus.disabled, .transcript .hollow.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus.disabled, .button.hollow.alert:focus[disabled], - .hollow.alert.cta__button:focus[disabled], - .hollow.alert.cta__button--alt:focus[disabled], .hollow.alert.modal__open-button:focus[disabled], .transcript .hollow.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear.disabled:hover, - .clear.disabled.cta__button:hover, - .clear.disabled.cta__button--alt:hover, .clear.disabled.modal__open-button:hover, .transcript .clear.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:hover, .button.clear.disabled:focus, - .clear.disabled.cta__button:focus, - .clear.disabled.cta__button--alt:focus, .clear.disabled.modal__open-button:focus, .transcript .clear.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:focus, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear[disabled]:hover, - .clear.cta__button[disabled]:hover, - .clear.cta__button--alt[disabled]:hover, .clear.modal__open-button[disabled]:hover, .transcript .clear.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:hover, .button.clear[disabled]:focus, - .clear.cta__button[disabled]:focus, - .clear.cta__button--alt[disabled]:focus, .clear.modal__open-button[disabled]:focus, .transcript .clear.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus, .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus { - border-color: #3c5642; - color: #3c5642; } - .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7EA687; - color: #7EA687; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button, .button.clear.primary.disabled, - .clear.primary.disabled.cta__button, - .clear.primary.disabled.cta__button--alt, .clear.primary.disabled.modal__open-button, .transcript .clear.primary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.disabled.slide--in-depth__intro__button, .button.clear.primary[disabled], - .clear.primary.cta__button[disabled], - .clear.primary.cta__button--alt[disabled], .clear.primary.modal__open-button[disabled], .transcript .clear.primary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button[disabled], .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus, .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button { - border: 2px solid #917750; - color: #917750; } - .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus { - border-color: #493c28; - color: #493c28; } - .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #917750; - color: #917750; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button, .button.clear.secondary.disabled, - .clear.secondary.disabled.cta__button, - .clear.secondary.disabled.cta__button--alt, .clear.secondary.disabled.modal__open-button, .transcript .clear.secondary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.disabled.slide--in-depth__intro__button, .button.clear.secondary[disabled], - .clear.secondary.cta__button[disabled], - .clear.secondary.cta__button--alt[disabled], .clear.secondary.modal__open-button[disabled], .transcript .clear.secondary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button[disabled], .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus, .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button, .button.clear.success.disabled, - .clear.success.disabled.cta__button, - .clear.success.disabled.cta__button--alt, .clear.success.disabled.modal__open-button, .transcript .clear.success.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.disabled.slide--in-depth__intro__button, .button.clear.success[disabled], - .clear.success.cta__button[disabled], - .clear.success.cta__button--alt[disabled], .clear.success.modal__open-button[disabled], .transcript .clear.success.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button[disabled], .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus, .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button, .button.clear.warning.disabled, - .clear.warning.disabled.cta__button, - .clear.warning.disabled.cta__button--alt, .clear.warning.disabled.modal__open-button, .transcript .clear.warning.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.disabled.slide--in-depth__intro__button, .button.clear.warning[disabled], - .clear.warning.cta__button[disabled], - .clear.warning.cta__button--alt[disabled], .clear.warning.modal__open-button[disabled], .transcript .clear.warning.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button[disabled], .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus, .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button, .button.clear.alert.disabled, - .clear.alert.disabled.cta__button, - .clear.alert.disabled.cta__button--alt, .clear.alert.disabled.modal__open-button, .transcript .clear.alert.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.disabled.slide--in-depth__intro__button, .button.clear.alert[disabled], - .clear.alert.cta__button[disabled], - .clear.alert.cta__button--alt[disabled], .clear.alert.modal__open-button[disabled], .transcript .clear.alert.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button[disabled], .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus, .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.dropdown::after, - .dropdown.cta__button::after, - .dropdown.cta__button--alt::after, .dropdown.modal__open-button::after, .transcript .dropdown.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.slide--in-depth__intro__button::after { - display: block; - width: 0; - height: 0; - border: inset 0.4em; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - position: relative; - top: 0.4em; - display: inline-block; - float: right; - margin-left: 2em; } - .button.dropdown.hollow::after, - .dropdown.hollow.cta__button::after, - .dropdown.hollow.cta__button--alt::after, .dropdown.hollow.modal__open-button::after, .transcript .dropdown.hollow.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.slide--in-depth__intro__button::after { - border-top-color: #7EA687; } - .button.dropdown.hollow.primary::after, - .dropdown.hollow.primary.cta__button::after, - .dropdown.hollow.primary.cta__button--alt::after, .dropdown.hollow.primary.modal__open-button::after, .transcript .dropdown.hollow.primary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.primary.slide--in-depth__intro__button::after { - border-top-color: #7EA687; } - .button.dropdown.hollow.secondary::after, - .dropdown.hollow.secondary.cta__button::after, - .dropdown.hollow.secondary.cta__button--alt::after, .dropdown.hollow.secondary.modal__open-button::after, .transcript .dropdown.hollow.secondary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.secondary.slide--in-depth__intro__button::after { - border-top-color: #917750; } - .button.dropdown.hollow.success::after, - .dropdown.hollow.success.cta__button::after, - .dropdown.hollow.success.cta__button--alt::after, .dropdown.hollow.success.modal__open-button::after, .transcript .dropdown.hollow.success.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.success.slide--in-depth__intro__button::after { - border-top-color: #3adb76; } - .button.dropdown.hollow.warning::after, - .dropdown.hollow.warning.cta__button::after, - .dropdown.hollow.warning.cta__button--alt::after, .dropdown.hollow.warning.modal__open-button::after, .transcript .dropdown.hollow.warning.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.warning.slide--in-depth__intro__button::after { - border-top-color: #ffae00; } - .button.dropdown.hollow.alert::after, - .dropdown.hollow.alert.cta__button::after, - .dropdown.hollow.alert.cta__button--alt::after, .dropdown.hollow.alert.modal__open-button::after, .transcript .dropdown.hollow.alert.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.alert.slide--in-depth__intro__button::after { - border-top-color: #cc4b37; } - .button.arrow-only::after, - .arrow-only.cta__button::after, - .arrow-only.cta__button--alt::after, .arrow-only.modal__open-button::after, .transcript .arrow-only.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .arrow-only.slide--in-depth__intro__button::after { - top: -0.1em; - float: none; - margin-left: 0; } - -a.button:hover, -a.cta__button:hover, -a.cta__button--alt:hover, a.modal__open-button:hover, .transcript a.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:hover, a.button:focus, -a.cta__button:focus, -a.cta__button--alt:focus, a.modal__open-button:focus, .transcript a.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:focus { - text-decoration: none; } - -[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], -textarea { - display: block; - box-sizing: border-box; - width: 100%; - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - appearance: none; } - [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, - textarea:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - -textarea { - max-width: 100%; } - textarea[rows] { - height: auto; } - -input::placeholder, -textarea::placeholder { - color: #b2b2b2; } - -input:disabled, input[readonly], -textarea:disabled, -textarea[readonly] { - background-color: #e6e6e6; - cursor: not-allowed; } - -[type='submit'], -[type='button'] { - appearance: none; - border-radius: 0; } - -input[type='search'] { - box-sizing: border-box; } - -[type='file'], -[type='checkbox'], -[type='radio'] { - margin: 0 0 1rem; } - -[type='checkbox'] + label, -[type='radio'] + label { - display: inline-block; - vertical-align: baseline; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; } - [type='checkbox'] + label[for], - [type='radio'] + label[for] { - cursor: pointer; } - -label > [type='checkbox'], -label > [type='radio'] { - margin-right: 0.5rem; } - -[type='file'] { - width: 100%; } - -label { - display: block; - margin: 0; - font-size: 0.875rem; - font-weight: normal; - line-height: 1.8; - color: #0a0a0a; } - label.middle { - margin: 0 0 1rem; - padding: 0.5625rem 0; } - -.help-text { - margin-top: -0.5rem; - font-size: 0.8125rem; - font-style: italic; - color: #0a0a0a; } - -.input-group { - display: flex; - width: 100%; - margin-bottom: 1rem; - align-items: stretch; } - .input-group > :first-child { - border-radius: 0 0 0 0; } - .input-group > :last-child > * { - border-radius: 0 0 0 0; } - -.input-group-label, .input-group-field, .input-group-button, .input-group-button a, -.input-group-button input, -.input-group-button button, -.input-group-button label { - margin: 0; - white-space: nowrap; } - -.input-group-label { - padding: 0 1rem; - border: 1px solid #b2b2b2; - background: #e6e6e6; - color: #0a0a0a; - text-align: center; - white-space: nowrap; - display: flex; - flex: 0 0 auto; - align-items: center; } - .input-group-label:first-child { - border-right: 0; } - .input-group-label:last-child { - border-left: 0; } - -.input-group-field { - border-radius: 0; - flex: 1 1 0px; - height: auto; - min-width: 0; } - -.input-group-button { - padding-top: 0; - padding-bottom: 0; - text-align: center; - display: flex; - flex: 0 0 auto; } - .input-group-button a, - .input-group-button input, - .input-group-button button, - .input-group-button label { - height: auto; - align-self: stretch; - padding-top: 0; - padding-bottom: 0; - font-size: 1rem; } - -fieldset { - margin: 0; - padding: 0; - border: 0; } - -legend { - max-width: 100%; - margin-bottom: 0.5rem; } - -.fieldset { - margin: 1.125rem 0; - padding: 1.25rem; - border: 1px solid #b2b2b2; } - .fieldset legend { - margin: 0; - margin-left: -0.1875rem; - padding: 0 0.1875rem; } - -select { - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - appearance: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - background-image: url("data:image/svg+xml;utf8,"); - background-origin: content-box; - background-position: right -1rem center; - background-repeat: no-repeat; - background-size: 9px 6px; - padding-right: 1.5rem; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - @media screen and (min-width: 0\0) { - select { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } - select:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - select:disabled { - background-color: #e6e6e6; - cursor: not-allowed; } - select::-ms-expand { - display: none; } - select[multiple] { - height: auto; - background-image: none; } - -.is-invalid-input:not(:focus) { - border-color: #cc4b37; - background-color: #faedeb; } - .is-invalid-input:not(:focus)::placeholder { - color: #cc4b37; } - -.is-invalid-label { - color: #cc4b37; } - -.form-error { - display: none; - margin-top: -0.5rem; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: bold; - color: #cc4b37; } - .form-error.is-visible { - display: block; } - -input[type="range"] { - display: block; - width: 100%; - height: auto; - margin-top: 0.45rem; - margin-bottom: 0.45rem; - appearance: none; - border: 0; - line-height: 1; - cursor: pointer; } - input[type="range"]:focus { - outline: 0; } - input[type="range"][disabled] { - opacity: 0.25; } - input[type="range"]::-webkit-slider-runnable-track { - height: 0.5rem; - background: #e6e6e6; } - input[type="range"]::-webkit-slider-handle { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -webkit-appearance: none; - background: #b2b2b2; } - input[type="range"]::-moz-range-track { - height: 0.5rem; - -moz-appearance: none; - background: #e6e6e6; } - input[type="range"]::-moz-range-thumb { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -moz-appearance: none; - background: #b2b2b2; } - input[type="range"]::-ms-track { - height: 0.5rem; - border: 0; - border-top: 0.45rem solid #ffffff; - border-bottom: 0.45rem solid #ffffff; - background: #e6e6e6; - overflow: visible; - color: transparent; } - input[type="range"]::-ms-thumb { - width: 1.4rem; - height: 1.4rem; - border: 0; - background: #b2b2b2; } - input[type="range"]::-ms-fill-lower { - background: #7EA687; } - input[type="range"]::-ms-fill-upper { - background: #e6e6e6; } - output { - vertical-align: middle; - margin-left: 0.5em; - line-height: 1.4rem; } - -.accordion { - margin-left: 0; - background: #ffffff; - list-style-type: none; } - .accordion[disabled] .accordion-title { - cursor: not-allowed; } - -.accordion-item:first-child > :first-child { - border-radius: 0 0 0 0; } - -.accordion-item:last-child > :last-child { - border-radius: 0 0 0 0; } - -.accordion-title { - position: relative; - display: block; - padding: 1.25rem 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - font-size: 0.75rem; - line-height: 1; - color: #7EA687; } - :last-child:not(.is-active) > .accordion-title { - border-bottom: 1px solid #e6e6e6; - border-radius: 0 0 0 0; } - .accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; } - .accordion-title::before { - position: absolute; - top: 50%; - right: 1rem; - margin-top: -0.5rem; - content: '+'; } - .is-active > .accordion-title::before { - content: '\2013'; } - -.accordion-content { - display: none; - padding: 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - background-color: #ffffff; - color: #0a0a0a; } - :last-child > .accordion-content:last-child { - border-bottom: 1px solid #e6e6e6; } - -.accordion-menu li { - width: 100%; } - -.accordion-menu a { - padding: 0.7rem 1rem; } - -.accordion-menu .is-accordion-submenu a { - padding: 0.7rem 1rem; } - -.accordion-menu .nested.is-accordion-submenu { - margin-right: 0; - margin-left: 1rem; } - -.accordion-menu.align-right .nested.is-accordion-submenu { - margin-right: 1rem; - margin-left: 0; } - -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { - position: relative; } - .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - position: absolute; - top: 50%; - margin-top: -3px; - right: 1rem; } - -.accordion-menu.align-left .is-accordion-submenu-parent > a::after { - left: auto; - right: 1rem; } - -.accordion-menu.align-right .is-accordion-submenu-parent > a::after { - right: auto; - left: 1rem; } - -.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - transform: rotate(180deg); - transform-origin: 50% 50%; } - -.is-accordion-submenu-parent { - position: relative; } - -.has-submenu-toggle > a { - margin-right: 40px; } - -.submenu-toggle { - position: absolute; - top: 0; - right: 0; - cursor: pointer; - width: 40px; - height: 40px; } - .submenu-toggle::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - top: 0; - bottom: 0; - margin: auto; } - -.submenu-toggle[aria-expanded='true']::after { - transform: scaleY(-1); - transform-origin: 50% 50%; } - -.submenu-toggle-text { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.badge { - display: inline-block; - min-width: 2.1em; - padding: 0.3em; - border-radius: 50%; - font-size: 0.6rem; - text-align: center; - background: #7EA687; - color: #ffffff; } - .badge.primary { - background: #7EA687; - color: #0a0a0a; } - .badge.secondary { - background: #917750; - color: #0a0a0a; } - .badge.success { - background: #3adb76; - color: #0a0a0a; } - .badge.warning { - background: #ffae00; - color: #0a0a0a; } - .badge.alert { - background: #cc4b37; - color: #ffffff; } - -.breadcrumbs { - margin: 0 0 1rem 0; - list-style: none; } - .breadcrumbs::before, .breadcrumbs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .breadcrumbs::after { - clear: both; } - .breadcrumbs li { - float: left; - font-size: 0.6875rem; - color: #0a0a0a; - cursor: default; - text-transform: uppercase; } - .breadcrumbs li:not(:last-child)::after { - position: relative; - margin: 0 0.75rem; - opacity: 1; - content: "/"; - color: #b2b2b2; } - .breadcrumbs a { - color: #7EA687; } - .breadcrumbs a:hover { - text-decoration: underline; } - .breadcrumbs .disabled { - color: #b2b2b2; - cursor: not-allowed; } - -.button-group { - margin-bottom: 1rem; - display: flex; - flex-wrap: nowrap; - align-items: stretch; } - .button-group::before, .button-group::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .button-group::after { - clear: both; } - .button-group .button, - .button-group .cta__button, - .button-group .cta__button--alt, .button-group .modal__open-button, .button-group .transcript .transcript__toggle, .transcript .button-group .transcript__toggle, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button { - margin: 0; - margin-right: 0.75rem; - margin-bottom: 0.75rem; - font-size: 0.75rem; - flex: 0 0 auto; } - .button-group .button:last-child, - .button-group .cta__button:last-child, - .button-group .cta__button--alt:last-child, .button-group .modal__open-button:last-child, .button-group .transcript .transcript__toggle:last-child, .transcript .button-group .transcript__toggle:last-child, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button:last-child { - margin-right: 0; } - .button-group.tiny .button, - .button-group.tiny .cta__button, - .button-group.tiny .cta__button--alt, .button-group.tiny .modal__open-button, .button-group.tiny .transcript .transcript__toggle, .transcript .button-group.tiny .transcript__toggle, .button-group.tiny .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.tiny .slide--in-depth__intro__button { - font-size: 0.6rem; } - .button-group.small .button, - .button-group.small .cta__button, - .button-group.small .cta__button--alt, .button-group.small .modal__open-button, .button-group.small .transcript .transcript__toggle, .transcript .button-group.small .transcript__toggle, .button-group.small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.small .slide--in-depth__intro__button { - font-size: 0.75rem; } - .button-group.large .button, - .button-group.large .cta__button, - .button-group.large .cta__button--alt, .button-group.large .modal__open-button, .button-group.large .transcript .transcript__toggle, .transcript .button-group.large .transcript__toggle, .button-group.large .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.large .slide--in-depth__intro__button { - font-size: 1rem; } - .button-group.expanded .button, - .button-group.expanded .cta__button, - .button-group.expanded .cta__button--alt, .button-group.expanded .modal__open-button, .button-group.expanded .transcript .transcript__toggle, .transcript .button-group.expanded .transcript__toggle, .button-group.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.expanded .slide--in-depth__intro__button { - flex: 1 1 0px; } - .button-group.primary .button, - .button-group.primary .cta__button, - .button-group.primary .cta__button--alt, .button-group.primary .modal__open-button, .button-group.primary .transcript .transcript__toggle, .transcript .button-group.primary .transcript__toggle, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button { - background-color: #7EA687; - color: #0a0a0a; } - .button-group.primary .button:hover, - .button-group.primary .cta__button:hover, - .button-group.primary .cta__button--alt:hover, .button-group.primary .modal__open-button:hover, .button-group.primary .transcript .transcript__toggle:hover, .transcript .button-group.primary .transcript__toggle:hover, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:hover, .button-group.primary .button:focus, - .button-group.primary .cta__button:focus, - .button-group.primary .cta__button--alt:focus, .button-group.primary .modal__open-button:focus, .button-group.primary .transcript .transcript__toggle:focus, .transcript .button-group.primary .transcript__toggle:focus, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:focus { - background-color: #5f8a69; - color: #0a0a0a; } - .button-group.secondary .button, - .button-group.secondary .cta__button, - .button-group.secondary .cta__button--alt, .button-group.secondary .modal__open-button, .button-group.secondary .transcript .transcript__toggle, .transcript .button-group.secondary .transcript__toggle, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button { - background-color: #917750; - color: #0a0a0a; } - .button-group.secondary .button:hover, - .button-group.secondary .cta__button:hover, - .button-group.secondary .cta__button--alt:hover, .button-group.secondary .modal__open-button:hover, .button-group.secondary .transcript .transcript__toggle:hover, .transcript .button-group.secondary .transcript__toggle:hover, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:hover, .button-group.secondary .button:focus, - .button-group.secondary .cta__button:focus, - .button-group.secondary .cta__button--alt:focus, .button-group.secondary .modal__open-button:focus, .button-group.secondary .transcript .transcript__toggle:focus, .transcript .button-group.secondary .transcript__toggle:focus, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:focus { - background-color: #745f40; - color: #0a0a0a; } - .button-group.success .button, - .button-group.success .cta__button, - .button-group.success .cta__button--alt, .button-group.success .modal__open-button, .button-group.success .transcript .transcript__toggle, .transcript .button-group.success .transcript__toggle, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button-group.success .button:hover, - .button-group.success .cta__button:hover, - .button-group.success .cta__button--alt:hover, .button-group.success .modal__open-button:hover, .button-group.success .transcript .transcript__toggle:hover, .transcript .button-group.success .transcript__toggle:hover, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:hover, .button-group.success .button:focus, - .button-group.success .cta__button:focus, - .button-group.success .cta__button--alt:focus, .button-group.success .modal__open-button:focus, .button-group.success .transcript .transcript__toggle:focus, .transcript .button-group.success .transcript__toggle:focus, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button-group.warning .button, - .button-group.warning .cta__button, - .button-group.warning .cta__button--alt, .button-group.warning .modal__open-button, .button-group.warning .transcript .transcript__toggle, .transcript .button-group.warning .transcript__toggle, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button-group.warning .button:hover, - .button-group.warning .cta__button:hover, - .button-group.warning .cta__button--alt:hover, .button-group.warning .modal__open-button:hover, .button-group.warning .transcript .transcript__toggle:hover, .transcript .button-group.warning .transcript__toggle:hover, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:hover, .button-group.warning .button:focus, - .button-group.warning .cta__button:focus, - .button-group.warning .cta__button--alt:focus, .button-group.warning .modal__open-button:focus, .button-group.warning .transcript .transcript__toggle:focus, .transcript .button-group.warning .transcript__toggle:focus, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button-group.alert .button, - .button-group.alert .cta__button, - .button-group.alert .cta__button--alt, .button-group.alert .modal__open-button, .button-group.alert .transcript .transcript__toggle, .transcript .button-group.alert .transcript__toggle, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button-group.alert .button:hover, - .button-group.alert .cta__button:hover, - .button-group.alert .cta__button--alt:hover, .button-group.alert .modal__open-button:hover, .button-group.alert .transcript .transcript__toggle:hover, .transcript .button-group.alert .transcript__toggle:hover, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:hover, .button-group.alert .button:focus, - .button-group.alert .cta__button:focus, - .button-group.alert .cta__button--alt:focus, .button-group.alert .modal__open-button:focus, .button-group.alert .transcript .transcript__toggle:focus, .transcript .button-group.alert .transcript__toggle:focus, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { - flex-wrap: wrap; } - .button-group.stacked .button, - .button-group.stacked .cta__button, - .button-group.stacked .cta__button--alt, .button-group.stacked .modal__open-button, .button-group.stacked .transcript .transcript__toggle, .transcript .button-group.stacked .transcript__toggle, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button, .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button, .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 0 0 100%; } - .button-group.stacked .button:last-child, - .button-group.stacked .cta__button:last-child, - .button-group.stacked .cta__button--alt:last-child, .button-group.stacked .modal__open-button:last-child, .button-group.stacked .transcript .transcript__toggle:last-child, .transcript .button-group.stacked .transcript__toggle:last-child, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button:last-child, .button-group.stacked-for-small .button:last-child, - .button-group.stacked-for-small .cta__button:last-child, - .button-group.stacked-for-small .cta__button--alt:last-child, .button-group.stacked-for-small .modal__open-button:last-child, .button-group.stacked-for-small .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-small .transcript__toggle:last-child, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button:last-child, .button-group.stacked-for-medium .button:last-child, - .button-group.stacked-for-medium .cta__button:last-child, - .button-group.stacked-for-medium .cta__button--alt:last-child, .button-group.stacked-for-medium .modal__open-button:last-child, .button-group.stacked-for-medium .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-medium .transcript__toggle:last-child, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button:last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media screen and (max-width: 39.9375em) { - .button-group.stacked-for-small.expanded { - display: block; } - .button-group.stacked-for-small.expanded .button, - .button-group.stacked-for-small.expanded .cta__button, - .button-group.stacked-for-small.expanded .cta__button--alt, .button-group.stacked-for-small.expanded .modal__open-button, .button-group.stacked-for-small.expanded .transcript .transcript__toggle, .transcript .button-group.stacked-for-small.expanded .transcript__toggle, .button-group.stacked-for-small.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small.expanded .slide--in-depth__intro__button { - display: block; - margin-right: 0; } } - -.callout { - position: relative; - margin: 0 0 1rem 0; - padding: 1rem; - border: 1px solid rgba(10, 10, 10, 0.25); - border-radius: 0; - background-color: white; - color: #0a0a0a; } - .callout > :first-child { - margin-top: 0; } - .callout > :last-child { - margin-bottom: 0; } - .callout.primary { - background-color: #ecf2ed; - color: #0a0a0a; } - .callout.secondary { - background-color: #f0ebe3; - color: #0a0a0a; } - .callout.success { - background-color: #e1faea; - color: #0a0a0a; } - .callout.warning { - background-color: #fff3d9; - color: #0a0a0a; } - .callout.alert { - background-color: #f7e4e1; - color: #0a0a0a; } - .callout.small { - padding-top: 0.5rem; - padding-right: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.5rem; } - .callout.large { - padding-top: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; - padding-left: 3rem; } - -.card { - display: flex; - flex-direction: column; - flex-grow: 1; - margin-bottom: 1rem; - border: 1px solid #e6e6e6; - border-radius: 0; - background: #ffffff; - box-shadow: none; - overflow: hidden; - color: #0a0a0a; } - .card > :last-child { - margin-bottom: 0; } - -.card-divider { - flex: 0 1 auto; - display: flex; - padding: 1rem; - background: #e6e6e6; } - .card-divider > :last-child { - margin-bottom: 0; } - -.card-section { - flex: 1 0 auto; - padding: 1rem; } - .card-section > :last-child { - margin-bottom: 0; } - -.card-image { - min-height: 1px; } - -.close-button { - position: absolute; - color: #ffffff; - cursor: pointer; } - [data-whatinput='mouse'] .close-button { - outline: 0; } - .close-button:hover, .close-button:focus { - color: #ffffff; } - .close-button.small { - left: 0.66rem; - top: 0.33em; - font-size: 1.5em; - line-height: 1; } - .close-button, .close-button.medium { - left: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; } - -.menu { - padding: 0; - margin: 0; - list-style: none; - position: relative; - display: flex; - flex-wrap: wrap; } - [data-whatinput='mouse'] .menu li { - outline: 0; } - .menu a, - .menu .button, - .menu .cta__button, - .menu .cta__button--alt, - .menu .modal__open-button, - .menu .transcript .transcript__toggle, - .transcript .menu .transcript__toggle, - .menu .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .menu .slide--in-depth__intro__button { - line-height: 1; - text-decoration: none; - display: block; - padding: 0.7rem 1rem; } - .menu input, - .menu select, - .menu a, - .menu button { - margin-bottom: 0; } - .menu input { - display: inline-block; } - .menu, .menu.horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.expanded li { - flex: 1 1 0px; } - .menu.simple { - align-items: center; } - .menu.simple li + li { - margin-left: 1rem; } - .menu.simple a { - padding: 0; } - @media print, screen and (min-width: 40em) { - .menu.medium-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.medium-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.medium-expanded li { - flex: 1 1 0px; } - .menu.medium-simple li { - flex: 1 1 0px; } } - @media print, screen and (min-width: 64em) { - .menu.large-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.large-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.large-expanded li { - flex: 1 1 0px; } - .menu.large-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 75em) { - .menu.xlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xlarge-expanded li { - flex: 1 1 0px; } - .menu.xlarge-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 90em) { - .menu.xxlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xxlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xxlarge-expanded li { - flex: 1 1 0px; } - .menu.xxlarge-simple li { - flex: 1 1 0px; } } - .menu.nested { - margin-right: 0; - margin-left: 1rem; } - .menu.icons a { - display: flex; } - .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { - display: flex; } - .menu.icon-left li a { - flex-flow: row nowrap; } - .menu.icon-left li a img, - .menu.icon-left li a i, - .menu.icon-left li a svg { - margin-right: 0.25rem; } - .menu.icon-right li a { - flex-flow: row nowrap; } - .menu.icon-right li a img, - .menu.icon-right li a i, - .menu.icon-right li a svg { - margin-left: 0.25rem; } - .menu.icon-top li a { - flex-flow: column nowrap; } - .menu.icon-top li a img, - .menu.icon-top li a i, - .menu.icon-top li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu.icon-bottom li a { - flex-flow: column nowrap; } - .menu.icon-bottom li a img, - .menu.icon-bottom li a i, - .menu.icon-bottom li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu .is-active > a { - background: #7EA687; - color: #ffffff; } - .menu .active > a { - background: #7EA687; - color: #ffffff; } - .menu.align-left { - justify-content: flex-start; } - .menu.align-right li { - display: flex; - justify-content: flex-end; } - .menu.align-right li .submenu li { - justify-content: flex-start; } - .menu.align-right.vertical li { - display: block; - text-align: right; } - .menu.align-right.vertical li .submenu li { - text-align: right; } - .menu.align-right .nested { - margin-right: 1rem; - margin-left: 0; } - .menu.align-center li { - display: flex; - justify-content: center; } - .menu.align-center li .submenu li { - justify-content: flex-start; } - .menu .menu-text { - padding: 0.7rem 1rem; - font-weight: bold; - line-height: 1; - color: inherit; } - -.menu-centered > .menu { - justify-content: center; } - .menu-centered > .menu li { - display: flex; - justify-content: center; } - .menu-centered > .menu li .submenu li { - justify-content: flex-start; } - -.no-js [data-responsive-menu] ul { - display: none; } - -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #ffffff; - box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; - content: ''; } - .menu-icon:hover::after { - background: #b2b2b2; - box-shadow: 0 7px 0 #b2b2b2, 0 14px 0 #b2b2b2; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon.dark::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; - content: ''; } - .menu-icon.dark:hover::after { - background: #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } - -.is-drilldown { - position: relative; - overflow: hidden; } - .is-drilldown li { - display: block; } - .is-drilldown.animate-height { - transition: height 0.5s; } - -.drilldown a { - padding: 0.7rem 1rem; - background: #ffffff; } - -.drilldown .is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - width: 100%; - background: #ffffff; - transition: transform 0.15s linear; } - .drilldown .is-drilldown-submenu.is-active { - z-index: 1; - display: block; - transform: translateX(-100%); } - .drilldown .is-drilldown-submenu.is-closing { - transform: translateX(100%); } - .drilldown .is-drilldown-submenu a { - padding: 0.7rem 1rem; } - -.drilldown .nested.is-drilldown-submenu { - margin-right: 0; - margin-left: 0; } - -.drilldown .drilldown-submenu-cover-previous { - min-height: 100%; } - -.drilldown .is-drilldown-submenu-parent > a { - position: relative; } - .drilldown .is-drilldown-submenu-parent > a::after { - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - -.drilldown.align-left .is-drilldown-submenu-parent > a::after { - left: auto; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - -.drilldown.align-right .is-drilldown-submenu-parent > a::after { - right: auto; - left: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - -.drilldown .js-drilldown-back > a::before { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; - border-left-width: 0; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; - border-left-width: 0; } - -.dropdown-pane { - position: absolute; - z-index: 10; - width: 300px; - padding: 1rem; - visibility: hidden; - display: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-size: 1rem; } - .dropdown-pane.is-opening { - display: block; } - .dropdown-pane.is-open { - visibility: visible; - display: block; } - -.dropdown-pane.tiny { - width: 100px; } - -.dropdown-pane.small { - width: 200px; } - -.dropdown-pane.large { - width: 400px; } - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - -.dropdown.menu a { - padding: 0.7rem 1rem; } - [data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.dropdown.menu .is-active > a { - background: transparent; - color: #7EA687; } - -.no-js .dropdown.menu ul { - display: none; } - -.dropdown.menu .nested.is-dropdown-submenu { - margin-right: 0; - margin-left: 0; } - -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; } - -.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - -.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.dropdown.menu.vertical > li > a::after { - right: 14px; } - -.dropdown.menu.vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - -.dropdown.menu.vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - -@media print, screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -@media print, screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; } - .dropdown.menu.large-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.large-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -@media screen and (min-width: 75em) { - .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.xlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -@media screen and (min-width: 90em) { - .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7EA687 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xxlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } } - -.dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - right: 0; - left: auto; } - -.is-dropdown-menu.vertical { - width: 100px; } - .is-dropdown-menu.vertical.align-right { - float: right; } - -.is-dropdown-submenu-parent { - position: relative; } - .is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - left: auto; - margin-top: -6px; } - .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { - top: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.is-dropdown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: 1; - display: none; - min-width: 200px; - border: 1px solid #b2b2b2; - background: #ffffff; } - .dropdown .is-dropdown-submenu a { - padding: 0.7rem 1rem; } - .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7EA687 transparent transparent; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7EA687; } - .is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; } - .is-dropdown-submenu > li { - width: 100%; } - .is-dropdown-submenu.js-dropdown-active { - display: block; } - -.responsive-embed, -.flex-video { - position: relative; - height: 0; - margin-bottom: 1rem; - padding-bottom: 75%; - overflow: hidden; } - .responsive-embed iframe, - .responsive-embed object, - .responsive-embed embed, - .responsive-embed video, - .flex-video iframe, - .flex-video object, - .flex-video embed, - .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - .responsive-embed.widescreen, - .flex-video.widescreen { - padding-bottom: 56.25%; } - -.label { - display: inline-block; - padding: 0.33333rem 0.5rem; - border-radius: 0; - font-size: 0.8rem; - line-height: 1; - white-space: nowrap; - cursor: default; - background: #7EA687; - color: #ffffff; } - .label.primary { - background: #7EA687; - color: #0a0a0a; } - .label.secondary { - background: #917750; - color: #0a0a0a; } - .label.success { - background: #3adb76; - color: #0a0a0a; } - .label.warning { - background: #ffae00; - color: #0a0a0a; } - .label.alert { - background: #cc4b37; - color: #ffffff; } - -.media-object { - display: flex; - margin-bottom: 1rem; - flex-wrap: nowrap; } - .media-object img { - max-width: none; } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small { - flex-wrap: wrap; } } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - flex-basis: 100%; - max-width: 100%; } - .media-object.stack-for-small .media-object-section img { - width: 100%; } } - -.media-object-section { - flex: 0 1 auto; } - .media-object-section:first-child { - padding-right: 1rem; } - .media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; } - .media-object-section > :last-child { - margin-bottom: 0; } - .media-object-section.main-section { - flex: 1 1 0px; } - -.is-off-canvas-open { - overflow: hidden; } - -.js-off-canvas-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - transition: opacity 0.5s ease, visibility 0.5s ease; - background: rgba(255, 255, 255, 0.25); - opacity: 0; - visibility: hidden; - overflow: hidden; } - .js-off-canvas-overlay.is-visible { - opacity: 1; - visibility: visible; } - .js-off-canvas-overlay.is-closable { - cursor: pointer; } - .js-off-canvas-overlay.is-overlay-absolute { - position: absolute; } - .js-off-canvas-overlay.is-overlay-fixed { - position: fixed; } - -.off-canvas-wrapper { - position: relative; - overflow: hidden; } - -.off-canvas { - position: fixed; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas { - outline: 0; } - .off-canvas.is-transition-push { - z-index: 12; } - .off-canvas.is-closed { - visibility: hidden; } - .off-canvas.is-transition-overlap { - z-index: 501; } - .off-canvas.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas.is-open { - transform: translate(0, 0); } - -.off-canvas-absolute { - position: absolute; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas-absolute { - outline: 0; } - .off-canvas-absolute.is-transition-push { - z-index: 12; } - .off-canvas-absolute.is-closed { - visibility: hidden; } - .off-canvas-absolute.is-transition-overlap { - z-index: 501; } - .off-canvas-absolute.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas-absolute.is-open { - transform: translate(0, 0); } - -.position-left { - top: 0; - left: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left { - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-left.has-transition-push { - transform: translateX(100%); } - .position-left.is-transition-push { - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-right { - top: 0; - right: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right { - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-right.has-transition-push { - transform: translateX(-100%); } - .position-right.is-transition-push { - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-top { - top: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top { - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-top.has-transition-push { - transform: translateY(100%); } - .position-top.is-transition-push { - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } - -.position-bottom { - bottom: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom { - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-bottom.has-transition-push { - transform: translateY(-100%); } - .position-bottom.is-transition-push { - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } - -.off-canvas-content { - transform: none; - transition: transform 0.5s ease; - backface-visibility: hidden; } - .off-canvas-content.has-transition-push { - transform: translate(0, 0); } - .off-canvas-content .off-canvas.is-open { - transform: translate(0, 0); } - -@media print, screen and (min-width: 40em) { - .position-left.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-medium ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-medium ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 64em) { - .position-left.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-large ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-large ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 75em) { - .position-left.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 90em) { - .position-left.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xxlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xxlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xxlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 40em) { - .off-canvas.in-canvas-for-medium { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-medium .close-button { - display: none; } } - -@media print, screen and (min-width: 64em) { - .off-canvas.in-canvas-for-large { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-large .close-button { - display: none; } } - -@media screen and (min-width: 75em) { - .off-canvas.in-canvas-for-xlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xlarge .close-button { - display: none; } } - -@media screen and (min-width: 90em) { - .off-canvas.in-canvas-for-xxlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xxlarge .close-button { - display: none; } } - -.orbit { - position: relative; } - -.orbit-container { - position: relative; - height: 0; - margin: 0; - list-style: none; - overflow: hidden; } - -.orbit-slide { - width: 100%; } - .orbit-slide.no-motionui.is-active { - top: 0; - left: 0; } - -.orbit-figure { - margin: 0; } - -.orbit-image { - width: 100%; - max-width: 100%; - margin: 0; } - -.orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - margin-bottom: 0; - padding: 1rem; - background-color: rgba(10, 10, 10, 0.5); - color: #ffffff; } - -.orbit-previous, .orbit-next { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 10; - padding: 1rem; - color: #ffffff; } - [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { - outline: 0; } - .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous { - left: 0; } - -.orbit-next { - left: auto; - right: 0; } - -.orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; } - [data-whatinput='mouse'] .orbit-bullets { - outline: 0; } - .orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - border-radius: 50%; - background-color: #b2b2b2; } - .orbit-bullets button:hover { - background-color: #8a8a8a; } - .orbit-bullets button.is-active { - background-color: #8a8a8a; } - -.pagination { - margin-left: 0; - margin-bottom: 1rem; } - .pagination::before, .pagination::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .pagination::after { - clear: both; } - .pagination li { - margin-right: 0.0625rem; - border-radius: 0; - font-size: 0.875rem; - display: none; } - .pagination li:last-child, .pagination li:first-child { - display: inline-block; } - @media print, screen and (min-width: 40em) { - .pagination li { - display: inline-block; } } - .pagination a, - .pagination button { - display: block; - padding: 0.1875rem 0.625rem; - border-radius: 0; - color: #0a0a0a; } - .pagination a:hover, - .pagination button:hover { - background: #e6e6e6; } - .pagination .current { - padding: 0.1875rem 0.625rem; - background: #7EA687; - color: #ffffff; - cursor: default; } - .pagination .disabled { - padding: 0.1875rem 0.625rem; - color: #b2b2b2; - cursor: not-allowed; } - .pagination .disabled:hover { - background: transparent; } - .pagination .ellipsis::after { - padding: 0.1875rem 0.625rem; - content: '\2026'; - color: #0a0a0a; } - -.pagination-previous a::before, -.pagination-previous.disabled::before { - display: inline-block; - margin-right: 0.5rem; - content: '\00ab'; } - -.pagination-next a::after, -.pagination-next.disabled::after { - display: inline-block; - margin-left: 0.5rem; - content: '\00bb'; } - -.progress { - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; - background-color: #b2b2b2; } - .progress.primary .progress-meter { - background-color: #7EA687; } - .progress.secondary .progress-meter { - background-color: #917750; } - .progress.success .progress-meter { - background-color: #3adb76; } - .progress.warning .progress-meter { - background-color: #ffae00; } - .progress.alert .progress-meter { - background-color: #cc4b37; } - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #7EA687; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #ffffff; - white-space: nowrap; } - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - user-select: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #7EA687; - transition: all 0.2s ease-in-out; } - .slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - border-radius: 0; - background-color: #b2b2b2; - transition: all 0.2s ease-in-out; - touch-action: manipulation; } - [data-whatinput='mouse'] .slider-handle { - outline: 0; } - .slider-handle:hover { - background-color: #979797; } - .slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - transform: scale(1, -1); } - .slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } - .slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: relative; - z-index: 0; - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; - width: 100%; } - .sticky.is-stuck.is-at-top { - top: 0; } - .sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: relative; - right: auto; - left: auto; } - .sticky.is-anchored.is-at-bottom { - bottom: 0; } - -body.is-reveal-open { - overflow: hidden; } - -html.is-reveal-open, -html.is-reveal-open body { - min-height: 100%; - overflow: hidden; - position: fixed; - user-select: none; } - -.reveal-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2005; - display: none; - background-color: rgba(10, 10, 10, 0.9); - overflow-y: scroll; } - -.reveal { - z-index: 2006; - backface-visibility: hidden; - display: none; - padding: 8rem 3rem 3rem 3rem; - border: none; - border-radius: 0; - background-color: transparent; - position: relative; - top: 100px; - margin-right: auto; - margin-left: auto; - overflow-y: auto; } - [data-whatinput='mouse'] .reveal { - outline: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - min-height: 0; } } - .reveal .column { - min-width: 0; } - .reveal > :last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 90rem; } } - .reveal.collapse { - padding: 0; } - @media print, screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 90rem; } } - .reveal.full { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } - @media screen and (max-width: 39.9375em) { - .reveal { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } } - .reveal.without-overlay { - position: fixed; } - -.switch { - height: 2rem; - position: relative; - margin-bottom: 1rem; - outline: 0; - font-size: 0.875rem; - font-weight: bold; - color: #ffffff; - user-select: none; } - -.switch-input { - position: absolute; - margin-bottom: 0; - opacity: 0; } - -.switch-paddle { - position: relative; - display: block; - width: 4rem; - height: 2rem; - border-radius: 0; - background: #b2b2b2; - transition: all 0.25s ease-out; - font-weight: inherit; - color: inherit; - cursor: pointer; } - input + .switch-paddle { - margin: 0; } - .switch-paddle::after { - position: absolute; - top: 0.25rem; - left: 0.25rem; - display: block; - width: 1.5rem; - height: 1.5rem; - transform: translate3d(0, 0, 0); - border-radius: 0; - background: #ffffff; - transition: all 0.25s ease-out; - content: ''; } - input:checked ~ .switch-paddle { - background: #7EA687; } - input:checked ~ .switch-paddle::after { - left: 2.25rem; } - [data-whatinput='mouse'] input:focus ~ .switch-paddle { - outline: 0; } - -.switch-active, .switch-inactive { - position: absolute; - top: 50%; - transform: translateY(-50%); } - -.switch-active { - left: 8%; - display: none; } - input:checked + label > .switch-active { - display: block; } - -.switch-inactive { - right: 15%; } - input:checked + label > .switch-inactive { - display: none; } - -.switch.tiny { - height: 1.5rem; } - .switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; } - .switch.tiny .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1rem; - height: 1rem; } - .switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; } - -.switch.small { - height: 1.75rem; } - .switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; } - .switch.small .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1.25rem; - height: 1.25rem; } - .switch.small input:checked ~ .switch-paddle::after { - left: 2rem; } - -.switch.large { - height: 2.5rem; } - .switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; } - .switch.large .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 2rem; - height: 2rem; } - .switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; } - -table { - border-collapse: collapse; - width: 100%; - margin-bottom: 1rem; - border-radius: 0; } - thead, - tbody, - tfoot { - border: 1px solid #f2f2f2; - background-color: #ffffff; } - caption { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; } - thead { - background: #f9f9f9; - color: #0a0a0a; } - tfoot { - background: #f2f2f2; - color: #0a0a0a; } - thead tr, - tfoot tr { - background: transparent; } - thead th, - thead td, - tfoot th, - tfoot td { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; - text-align: left; } - tbody th, - tbody td { - padding: 0.5rem 0.625rem 0.625rem; } - tbody tr:nth-child(even) { - border-bottom: 0; - background-color: #f2f2f2; } - table.unstriped tbody { - background-color: #ffffff; } - table.unstriped tbody tr { - border-bottom: 0; - border-bottom: 1px solid #f2f2f2; - background-color: #ffffff; } - -@media screen and (max-width: 63.9375em) { - table.stack thead { - display: none; } - table.stack tfoot { - display: none; } - table.stack tr, - table.stack th, - table.stack td { - display: block; } - table.stack td { - border-top: 0; } } - -table.scroll { - display: block; - width: 100%; - overflow-x: auto; } - -table.hover thead tr:hover { - background-color: #f4f4f4; } - -table.hover tfoot tr:hover { - background-color: #ededed; } - -table.hover tbody tr:hover { - background-color: #fafafa; } - -table.hover:not(.unstriped) tr:nth-of-type(even):hover { - background-color: #ededed; } - -.table-scroll { - overflow-x: auto; } - .table-scroll table { - width: auto; } - -.tabs { - margin: 0; - border: 1px solid #e6e6e6; - background: #ffffff; - list-style-type: none; } - .tabs::before, .tabs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .tabs::after { - clear: both; } - -.tabs.vertical > li { - display: block; - float: none; - width: auto; } - -.tabs.simple > li > a { - padding: 0; } - .tabs.simple > li > a:hover { - background: transparent; } - -.tabs.primary { - background: #7EA687; } - .tabs.primary > li > a { - color: #0a0a0a; } - .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: #75a07f; } - -.tabs-title { - float: left; } - .tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - font-size: 0.75rem; - line-height: 1; - color: #7EA687; } - .tabs-title > a:hover { - background: #ffffff; - color: #679571; } - .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { - background: #e6e6e6; - color: #7EA687; } - -.tabs-content { - border: 1px solid #e6e6e6; - border-top: 0; - background: #ffffff; - color: #0a0a0a; - transition: all 0.5s ease; } - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; } - -.tabs-panel { - display: none; - padding: 1rem; } - .tabs-panel.is-active { - display: block; } - -.thumbnail { - display: inline-block; - max-width: 100%; - margin-bottom: 1rem; - border: solid 4px #ffffff; - border-radius: 0; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - line-height: 0; } - -a.thumbnail { - transition: box-shadow 200ms ease-out; } - a.thumbnail:hover, a.thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(126, 166, 135, 0.5); } - a.thumbnail image { - box-shadow: none; } - -.title-bar { - padding: 0.5rem; - background: #0a0a0a; - color: #ffffff; - display: flex; - justify-content: flex-start; - align-items: center; } - .title-bar .menu-icon { - margin-left: 0.25rem; - margin-right: 0.25rem; } - -.title-bar-left, -.title-bar-right { - flex: 1 1 0px; } - -.title-bar-right { - text-align: right; } - -.title-bar-title { - display: inline-block; - vertical-align: middle; - font-weight: bold; } - -.has-tip { - position: relative; - display: inline-block; - border-bottom: false; - font-weight: normal; - cursor: pointer; } - -.tooltip { - position: absolute; - top: calc(100% + 0); - z-index: 1200; - max-width: 100%; - padding: 0.75rem; - border-radius: 1.5rem; - background-color: #ffffff; - font-size: 80%; - color: #0a0a0a; } - .tooltip::before { - position: absolute; } - .tooltip.bottom::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #ffffff; - bottom: 100%; } - .tooltip.bottom.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.top::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - top: 100%; - bottom: auto; } - .tooltip.top.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.left::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #ffffff; - left: 100%; } - .tooltip.left.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.right::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #ffffff transparent transparent; - right: 100%; - left: auto; } - .tooltip.right.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.align-top::before { - bottom: auto; - top: 10%; } - .tooltip.align-bottom::before { - bottom: 10%; - top: auto; } - .tooltip.align-left::before { - left: 10%; - right: auto; } - .tooltip.align-right::before { - left: auto; - right: 10%; } - -.top-bar { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; - padding: 0.5rem; - flex-wrap: wrap; } - .top-bar, - .top-bar ul { - background-color: #e6e6e6; } - .top-bar input { - max-width: 200px; - margin-right: 1rem; } - .top-bar .input-group-field { - width: 100%; - margin-right: 0; } - .top-bar input.button, - .top-bar input.cta__button, - .top-bar input.cta__button--alt, .top-bar input.modal__open-button, .top-bar .transcript input.transcript__toggle, .transcript .top-bar input.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro input.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar input.slide--in-depth__intro__button { - width: auto; } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - @media print, screen and (min-width: 40em) { - .top-bar { - flex-wrap: nowrap; } - .top-bar .top-bar-left { - flex: 1 1 auto; - margin-right: auto; } - .top-bar .top-bar-right { - flex: 0 1 auto; - margin-left: auto; } } - @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium { - flex-wrap: wrap; } - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large { - flex-wrap: wrap; } - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 89.9375em) { - .top-bar.stacked-for-xlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xlarge .top-bar-left, - .top-bar.stacked-for-xlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - .top-bar.stacked-for-xxlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xxlarge .top-bar-left, - .top-bar.stacked-for-xxlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - -.top-bar-title { - flex: 0 0 auto; - margin: 0.5rem 1rem 0.5rem 0; } - -.top-bar-left, -.top-bar-right { - flex: 0 0 auto; } - -.hide { - display: none !important; } - -.invisible { - visibility: hidden; } - -@media screen and (max-width: 39.9375em) { - .hide-for-small-only, #chapter_nav { - display: none !important; } } - -@media screen and (max-width: 0em), screen and (min-width: 40em) { - .show-for-small-only { - display: none !important; } } - -@media print, screen and (min-width: 40em) { - .hide-for-medium { - display: none !important; } } - -@media screen and (max-width: 39.9375em) { - .show-for-medium { - display: none !important; } } - -@media screen and (min-width: 40em) and (max-width: 63.9375em) { - .hide-for-medium-only { - display: none !important; } } - -@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { - .show-for-medium-only { - display: none !important; } } - -@media print, screen and (min-width: 64em) { - .hide-for-large { - display: none !important; } } - -@media screen and (max-width: 63.9375em) { - .show-for-large { - display: none !important; } } - -@media screen and (min-width: 64em) and (max-width: 74.9375em) { - .hide-for-large-only { - display: none !important; } } - -@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { - .show-for-large-only { - display: none !important; } } - -@media screen and (min-width: 75em) { - .hide-for-xlarge { - display: none !important; } } - -@media screen and (max-width: 74.9375em) { - .show-for-xlarge { - display: none !important; } } - -@media screen and (min-width: 75em) and (max-width: 89.9375em) { - .hide-for-xlarge-only { - display: none !important; } } - -@media screen and (max-width: 74.9375em), screen and (min-width: 90em) { - .show-for-xlarge-only { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge-only { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge-only { - display: none !important; } } - -.show-for-sr, -.show-on-focus { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.show-on-focus:active, .show-on-focus:focus { - position: static !important; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; - clip-path: none; } - -.show-for-landscape, -.hide-for-portrait { - display: block !important; } - @media screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: block !important; } } - @media screen and (orientation: portrait) { - .show-for-landscape, - .hide-for-portrait { - display: none !important; } } - -.hide-for-landscape, -.show-for-portrait { - display: none !important; } - @media screen and (orientation: landscape) { - .hide-for-landscape, - .show-for-portrait { - display: none !important; } } - @media screen and (orientation: portrait) { - .hide-for-landscape, - .show-for-portrait { - display: block !important; } } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } - -.float-center { - display: block; - margin-right: auto; - margin-left: auto; } - -.clearfix::before, .clearfix::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - -.clearfix::after { - clear: both; } - -.align-right { - justify-content: flex-end; } - -.align-center { - justify-content: center; } - -.align-justify { - justify-content: space-between; } - -.align-spaced { - justify-content: space-around; } - -.align-right.vertical.menu > li > a { - justify-content: flex-end; } - -.align-center.vertical.menu > li > a { - justify-content: center; } - -.align-top { - align-items: flex-start; } - -.align-self-top { - align-self: flex-start; } - -.align-bottom { - align-items: flex-end; } - -.align-self-bottom { - align-self: flex-end; } - -.align-middle, .video--embed.boxed { - align-items: center; } - -.align-self-middle { - align-self: center; } - -.align-stretch { - align-items: stretch; } - -.align-self-stretch { - align-self: stretch; } - -.align-center-middle { - justify-content: center; - align-items: center; - align-content: center; } - -.small-order-1 { - order: 1; } - -.small-order-2 { - order: 2; } - -.small-order-3 { - order: 3; } - -.small-order-4 { - order: 4; } - -.small-order-5 { - order: 5; } - -.small-order-6 { - order: 6; } - -@media print, screen and (min-width: 40em) { - .medium-order-1 { - order: 1; } - .medium-order-2 { - order: 2; } - .medium-order-3 { - order: 3; } - .medium-order-4 { - order: 4; } - .medium-order-5 { - order: 5; } - .medium-order-6 { - order: 6; } } - -@media print, screen and (min-width: 64em) { - .large-order-1 { - order: 1; } - .large-order-2 { - order: 2; } - .large-order-3 { - order: 3; } - .large-order-4 { - order: 4; } - .large-order-5 { - order: 5; } - .large-order-6 { - order: 6; } } - -@media screen and (min-width: 75em) { - .xlarge-order-1 { - order: 1; } - .xlarge-order-2 { - order: 2; } - .xlarge-order-3 { - order: 3; } - .xlarge-order-4 { - order: 4; } - .xlarge-order-5 { - order: 5; } - .xlarge-order-6 { - order: 6; } } - -@media screen and (min-width: 90em) { - .xxlarge-order-1 { - order: 1; } - .xxlarge-order-2 { - order: 2; } - .xxlarge-order-3 { - order: 3; } - .xxlarge-order-4 { - order: 4; } - .xxlarge-order-5 { - order: 5; } - .xxlarge-order-6 { - order: 6; } } - -.flex-container { - display: flex; } - -.flex-child-auto { - flex: 1 1 auto; } - -.flex-child-grow { - flex: 1 0 auto; } - -.flex-child-shrink { - flex: 0 1 auto; } - -.flex-dir-row { - flex-direction: row; } - -.flex-dir-row-reverse { - flex-direction: row-reverse; } - -.flex-dir-column { - flex-direction: column; } - -.flex-dir-column-reverse { - flex-direction: column-reverse; } - -@media print, screen and (min-width: 40em) { - .medium-flex-container { - display: flex; } - .medium-flex-child-auto { - flex: 1 1 auto; } - .medium-flex-child-grow { - flex: 1 0 auto; } - .medium-flex-child-shrink { - flex: 0 1 auto; } - .medium-flex-dir-row { - flex-direction: row; } - .medium-flex-dir-row-reverse { - flex-direction: row-reverse; } - .medium-flex-dir-column { - flex-direction: column; } - .medium-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media print, screen and (min-width: 64em) { - .large-flex-container { - display: flex; } - .large-flex-child-auto { - flex: 1 1 auto; } - .large-flex-child-grow { - flex: 1 0 auto; } - .large-flex-child-shrink { - flex: 0 1 auto; } - .large-flex-dir-row { - flex-direction: row; } - .large-flex-dir-row-reverse { - flex-direction: row-reverse; } - .large-flex-dir-column { - flex-direction: column; } - .large-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 75em) { - .xlarge-flex-container { - display: flex; } - .xlarge-flex-child-auto { - flex: 1 1 auto; } - .xlarge-flex-child-grow { - flex: 1 0 auto; } - .xlarge-flex-child-shrink { - flex: 0 1 auto; } - .xlarge-flex-dir-row { - flex-direction: row; } - .xlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xlarge-flex-dir-column { - flex-direction: column; } - .xlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 90em) { - .xxlarge-flex-container { - display: flex; } - .xxlarge-flex-child-auto { - flex: 1 1 auto; } - .xxlarge-flex-child-grow { - flex: 1 0 auto; } - .xxlarge-flex-child-shrink { - flex: 0 1 auto; } - .xxlarge-flex-dir-row { - flex-direction: row; } - .xxlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xxlarge-flex-dir-column { - flex-direction: column; } - .xxlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -/* - * Owl Carousel - Core - */ -.owl-carousel { - display: none; - width: 100%; - -webkit-tap-highlight-color: transparent; - /* position relative and z-index fix webkit rendering fonts issue */ - position: relative; - z-index: 1; } - .owl-carousel .owl-stage { - position: relative; - -ms-touch-action: pan-Y; - touch-action: manipulation; - -moz-backface-visibility: hidden; - /* fix firefox animation glitch */ } - .owl-carousel .owl-stage:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; } - .owl-carousel .owl-stage-outer { - position: relative; - overflow: hidden; - /* fix for flashing background */ - -webkit-transform: translate3d(0px, 0px, 0px); } - .owl-carousel .owl-wrapper, - .owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); } - .owl-carousel .owl-item { - position: relative; - min-height: 1px; - float: left; - -webkit-backface-visibility: hidden; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; } - .owl-carousel .owl-item img { - display: block; - width: 100%; } - .owl-carousel .owl-nav.disabled, - .owl-carousel .owl-dots.disabled { - display: none; } - .owl-carousel .owl-nav .owl-prev, - .owl-carousel .owl-nav .owl-next, - .owl-carousel .owl-dot { - cursor: pointer; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel .owl-nav button.owl-prev, - .owl-carousel .owl-nav button.owl-next, - .owl-carousel button.owl-dot { - background: none; - color: inherit; - border: none; - padding: 0 !important; - font: inherit; } - .owl-carousel.owl-loaded { - display: block; } - .owl-carousel.owl-loading { - opacity: 0; - display: block; } - .owl-carousel.owl-hidden { - opacity: 0; } - .owl-carousel.owl-refresh .owl-item { - visibility: hidden; } - .owl-carousel.owl-drag .owl-item { - touch-action: pan-y; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel.owl-grab { - cursor: move; - cursor: grab; } - .owl-carousel.owl-rtl { - direction: rtl; } - .owl-carousel.owl-rtl .owl-item { - float: right; } - -/* No Js */ -.no-js .owl-carousel { - display: block; } - -/* - * Owl Carousel - Animate Plugin - */ -.owl-carousel .animated { - animation-duration: 1000ms; - animation-fill-mode: both; } - -.owl-carousel .owl-animated-in { - z-index: 0; } - -.owl-carousel .owl-animated-out { - z-index: 1; } - -.owl-carousel .fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -/* - * Owl Carousel - Auto Height Plugin - */ -.owl-height { - transition: height 500ms ease-in-out; } - -/* - * Owl Carousel - Lazy Load Plugin - */ -.owl-carousel .owl-item { - /** - This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong - calculation of the height of the owl-item that breaks page layouts - */ } - .owl-carousel .owl-item .owl-lazy { - opacity: 0; - transition: opacity 400ms ease; } - .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { - max-height: 0; } - .owl-carousel .owl-item img.owl-lazy { - transform-style: preserve-3d; } - -/* - * Owl Carousel - Video Plugin - */ -.owl-carousel .owl-video-wrapper { - position: relative; - height: 100%; - background: #000; } - -.owl-carousel .owl-video-play-icon { - position: absolute; - height: 80px; - width: 80px; - left: 50%; - top: 50%; - margin-left: -40px; - margin-top: -40px; - background: url("owl.video.play.png") no-repeat; - cursor: pointer; - z-index: 1; - -webkit-backface-visibility: hidden; - transition: transform 100ms ease; } - -.owl-carousel .owl-video-play-icon:hover { - transform: scale(1.3, 1.3); } - -.owl-carousel .owl-video-playing .owl-video-tn, -.owl-carousel .owl-video-playing .owl-video-play-icon { - display: none; } - -.owl-carousel .owl-video-tn { - opacity: 0; - height: 100%; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; - transition: opacity 400ms ease; } - -.owl-carousel .owl-video-frame { - position: relative; - z-index: 1; - height: 100%; - width: 100%; } - -/* - * Default theme - Owl Carousel CSS File - */ -.owl-theme .owl-nav { - margin-top: 10px; - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-nav [class*='owl-'] { - color: #FFF; - font-size: 14px; - margin: 5px; - padding: 4px 7px; - background: #D6D6D6; - display: inline-block; - cursor: pointer; - border-radius: 3px; } - .owl-theme .owl-nav [class*='owl-']:hover { - background: #869791; - color: #FFF; - text-decoration: none; } - .owl-theme .owl-nav .disabled { - opacity: 0.5; - cursor: default; } - -.owl-theme .owl-nav.disabled + .owl-dots { - margin-top: 10px; } - -.owl-theme .owl-dots { - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-dots .owl-dot { - display: inline-block; - zoom: 1; - *display: inline; } - .owl-theme .owl-dots .owl-dot span { - width: 10px; - height: 10px; - margin: 5px 7px; - background: #D6D6D6; - display: block; - -webkit-backface-visibility: visible; - transition: opacity 200ms ease; - border-radius: 30px; } - .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { - background: #869791; } - -@keyframes plyr-progress { - to { - background-position: 25px 0; } } - -@keyframes plyr-popup { - 0% { - opacity: 0.5; - transform: translateY(10px); } - to { - opacity: 1; - transform: translateY(0); } } - -@keyframes plyr-fade-in { - from { - opacity: 0; } - to { - opacity: 1; } } - -.plyr { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: subpixel-antialiased; - direction: ltr; - font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; - font-variant-numeric: tabular-nums; - font-weight: 500; - line-height: 1.7; - max-width: 100%; - min-width: 200px; - position: relative; - text-shadow: none; - transition: box-shadow 0.3s ease; } - .plyr video, - .plyr audio { - border-radius: inherit; - height: auto; - vertical-align: middle; - width: 100%; } - .plyr button { - font: inherit; - line-height: inherit; - width: auto; } - .plyr:focus { - outline: 0; } - -.plyr--full-ui { - box-sizing: border-box; } - .plyr--full-ui *, - .plyr--full-ui *::after, - .plyr--full-ui *::before { - box-sizing: inherit; } - -.plyr--full-ui a, -.plyr--full-ui button, -.plyr--full-ui input, -.plyr--full-ui label { - touch-action: manipulation; } - -.plyr__badge { - background: #4f5b5f; - border-radius: 2px; - color: #fff; - font-size: 9px; - line-height: 1; - padding: 3px 4px; } - -.plyr--full-ui ::-webkit-media-text-track-container { - display: none; } - -.plyr__captions { - animation: plyr-fade-in 0.3s ease; - bottom: 0; - color: #fff; - display: none; - font-size: 14px; - left: 0; - padding: 10px; - position: absolute; - text-align: center; - transition: transform 0.4s ease-in-out; - width: 100%; } - .plyr__captions .plyr__caption { - background: rgba(0, 0, 0, 0.8); - border-radius: 2px; - box-decoration-break: clone; - line-height: 185%; - padding: 0.2em 0.5em; - white-space: pre-wrap; } - .plyr__captions .plyr__caption div { - display: inline; } - .plyr__captions span:empty { - display: none; } - @media (min-width: 480px) { - .plyr__captions { - font-size: 16px; - padding: 20px; } } - @media (min-width: 768px) { - .plyr__captions { - font-size: 18px; } } - -.plyr--captions-active .plyr__captions { - display: block; } - -.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { - transform: translateY(-40px); } - -.plyr__control { - background: transparent; - border: 0; - border-radius: 3px; - color: inherit; - cursor: pointer; - flex-shrink: 0; - overflow: visible; - padding: 7px; - position: relative; - transition: all 0.3s ease; } - .plyr__control svg { - display: block; - fill: currentColor; - height: 18px; - pointer-events: none; - width: 18px; } - .plyr__control:focus { - outline: 0; } - .plyr__control.plyr__tab-focus { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -a.plyr__control { - text-decoration: none; } - a.plyr__control::after, a.plyr__control::before { - display: none; } - -.plyr__control:not(.plyr__control--pressed) .icon--pressed, -.plyr__control.plyr__control--pressed .icon--not-pressed, -.plyr__control:not(.plyr__control--pressed) .label--pressed, -.plyr__control.plyr__control--pressed .label--not-pressed { - display: none; } - -.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr--video .plyr__control svg { - filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } - -.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr__control--overlaid { - background: rgba(26, 175, 255, 0.8); - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: #fff; - display: none; - left: 50%; - padding: 15px; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 2; } - .plyr__control--overlaid svg { - left: 2px; - position: relative; } - .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { - background: #1aafff; } - -.plyr--playing .plyr__control--overlaid { - opacity: 0; - visibility: hidden; } - -.plyr--full-ui.plyr--video .plyr__control--overlaid { - display: block; } - -.plyr--full-ui ::-webkit-media-controls { - display: none; } - -.plyr__controls { - align-items: center; - display: flex; - justify-content: flex-end; - text-align: center; } - .plyr__controls > .plyr__control, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__volume { - margin-left: 5px; } - .plyr__controls .plyr__menu + .plyr__control, - .plyr__controls > .plyr__control + .plyr__menu, - .plyr__controls > .plyr__control + .plyr__control, - .plyr__controls .plyr__progress + .plyr__control { - margin-left: 2px; } - .plyr__controls > .plyr__control:first-child, - .plyr__controls > .plyr__control:first-child + [data-plyr='pause'] { - margin-left: 0; - margin-right: auto; } - .plyr__controls:empty { - display: none; } - @media (min-width: 480px) { - .plyr__controls > .plyr__control, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__volume { - margin-left: 10px; } } - -.plyr--audio .plyr__controls { - background: #fff; - border-radius: inherit; - color: #4f5b5f; - padding: 10px; } - -.plyr--video .plyr__controls { - background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - bottom: 0; - color: #fff; - left: 0; - padding: 20px 5px 5px; - position: absolute; - right: 0; - transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; - z-index: 3; } - @media (min-width: 480px) { - .plyr--video .plyr__controls { - padding: 35px 10px 10px; } } - -.plyr--video.plyr--hide-controls .plyr__controls { - opacity: 0; - pointer-events: none; - transform: translateY(100%); } - -.plyr [data-plyr='captions'], -.plyr [data-plyr='pip'], -.plyr [data-plyr='airplay'], -.plyr [data-plyr='fullscreen'] { - display: none; } - -.plyr--captions-enabled [data-plyr='captions'], -.plyr--pip-supported [data-plyr='pip'], -.plyr--airplay-supported [data-plyr='airplay'], -.plyr--fullscreen-enabled [data-plyr='fullscreen'] { - display: inline-block; } - -.plyr__video-embed { - height: 0; - padding-bottom: 56.25%; - position: relative; } - .plyr__video-embed iframe { - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - user-select: none; - width: 100%; } - -.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { - padding-bottom: 240%; - position: relative; - transform: translateY(-38.28125%); } - -.plyr__menu { - display: flex; - position: relative; } - .plyr__menu .plyr__control svg { - transition: transform 0.3s ease; } - .plyr__menu .plyr__control[aria-expanded='true'] svg { - transform: rotate(90deg); } - .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip { - display: none; } - .plyr__menu__container { - animation: plyr-popup 0.2s ease; - background: rgba(255, 255, 255, 0.9); - border-radius: 4px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 16px; - margin-bottom: 10px; - position: absolute; - right: -3px; - text-align: left; - white-space: nowrap; - z-index: 3; } - .plyr__menu__container > div { - overflow: hidden; - transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } - .plyr__menu__container::after { - border: 4px solid transparent; - border-top-color: rgba(255, 255, 255, 0.9); - content: ''; - height: 0; - position: absolute; - right: 15px; - top: 100%; - width: 0; } - .plyr__menu__container [role='menu'] { - padding: 7px; } - .plyr__menu__container [role='menuitem'], - .plyr__menu__container [role='menuitemradio'] { - margin-top: 2px; } - .plyr__menu__container [role='menuitem']:first-child, - .plyr__menu__container [role='menuitemradio']:first-child { - margin-top: 0; } - .plyr__menu__container .plyr__control { - align-items: center; - color: #4f5b5f; - display: flex; - font-size: 14px; - padding: 4px 11px; - user-select: none; - width: 100%; } - .plyr__menu__container .plyr__control > span { - align-items: inherit; - display: flex; - width: 100%; } - .plyr__menu__container .plyr__control::after { - border: 4px solid transparent; - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); } - .plyr__menu__container .plyr__control--forward { - padding-right: 28px; } - .plyr__menu__container .plyr__control--forward::after { - border-left-color: rgba(79, 91, 95, 0.8); - right: 5px; } - .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { - border-left-color: currentColor; } - .plyr__menu__container .plyr__control--back { - font-weight: 500; - margin: 7px; - margin-bottom: 3px; - padding-left: 28px; - position: relative; - width: calc(100% - 14px); } - .plyr__menu__container .plyr__control--back::after { - border-right-color: rgba(79, 91, 95, 0.8); - left: 7px; } - .plyr__menu__container .plyr__control--back::before { - background: #b7c5cd; - box-shadow: 0 1px 0 #fff; - content: ''; - height: 1px; - left: 0; - margin-top: 4px; - overflow: hidden; - position: absolute; - right: 0; - top: 100%; } - .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { - border-right-color: currentColor; } - .plyr__menu__container .plyr__control[role='menuitemradio'] { - padding-left: 7px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after { - border-radius: 100%; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before { - background: rgba(0, 0, 0, 0.1); - content: ''; - display: block; - flex-shrink: 0; - height: 16px; - margin-right: 10px; - transition: all 0.3s ease; - width: 16px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::after { - background: #fff; - border: 0; - height: 6px; - left: 12px; - opacity: 0; - top: 50%; - transform: translateY(-50%) scale(0); - transition: transform 0.3s ease, opacity 0.3s ease; - width: 6px; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before { - background: #1aafff; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after { - opacity: 1; - transform: translateY(-50%) scale(1); } - .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before { - background: rgba(0, 0, 0, 0.1); } - .plyr__menu__container .plyr__menu__value { - align-items: center; - display: flex; - margin-left: auto; - margin-right: -5px; - overflow: hidden; - padding-left: 25px; - pointer-events: none; } - -.plyr--full-ui input[type='range'] { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 26px; - color: #1aafff; - display: block; - height: 19px; - margin: 0; - padding: 0; - transition: box-shadow 0.3s ease; - width: 100%; } - .plyr--full-ui input[type='range']::-webkit-slider-runnable-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } - .plyr--full-ui input[type='range']::-webkit-slider-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - -webkit-appearance: none; - /* stylelint-disable-line */ - margin-top: -4px; } - .plyr--full-ui input[type='range']::-moz-range-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-moz-range-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; } - .plyr--full-ui input[type='range']::-moz-range-progress { - background: currentColor; - border-radius: 2.5px; - height: 5px; } - .plyr--full-ui input[type='range']::-ms-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - color: transparent; } - .plyr--full-ui input[type='range']::-ms-fill-upper { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-ms-fill-lower { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background: currentColor; } - .plyr--full-ui input[type='range']::-ms-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - margin-top: 0; } - .plyr--full-ui input[type='range']::-ms-tooltip { - display: none; } - .plyr--full-ui input[type='range']:focus { - outline: 0; } - .plyr--full-ui input[type='range']::-moz-focus-outer { - border: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-moz-range-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-ms-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-ms-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr__poster { - background-color: #000; - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - transition: opacity 0.2s ease; - width: 100%; - z-index: 1; } - -.plyr--stopped.plyr__poster-enabled .plyr__poster { - opacity: 1; } - -.plyr__time { - font-size: 14px; } - -.plyr__time + .plyr__time::before { - content: '\2044'; - margin-right: 10px; } - -@media (max-width: 767px) { - .plyr__time + .plyr__time { - display: none; } } - -.plyr--video .plyr__time { - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.plyr__tooltip { - background: rgba(255, 255, 255, 0.9); - border-radius: 3px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 14px; - font-weight: 500; - left: 50%; - line-height: 1.3; - margin-bottom: 10px; - opacity: 0; - padding: 5px 7.5px; - pointer-events: none; - position: absolute; - transform: translate(-50%, 10px) scale(0.8); - transform-origin: 50% 100%; - transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; - white-space: nowrap; - z-index: 2; } - .plyr__tooltip::before { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(255, 255, 255, 0.9); - bottom: -4px; - content: ''; - height: 0; - left: 50%; - position: absolute; - transform: translateX(-50%); - width: 0; - z-index: 2; } - -.plyr .plyr__control:hover .plyr__tooltip, -.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__tooltip--visible { - opacity: 1; - transform: translate(-50%, 0) scale(1); } - -.plyr .plyr__control:hover .plyr__tooltip { - z-index: 3; } - -.plyr__controls > .plyr__control:first-child .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { - left: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 0 100%; } - .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, - .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { - left: 16px; } - -.plyr__controls > .plyr__control:last-child .plyr__tooltip { - left: auto; - right: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 100% 100%; } - .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { - left: auto; - right: 16px; - transform: translateX(50%); } - -.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, -.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, -.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { - transform: translate(0, 0) scale(1); } - -.plyr--video { - background: #000; - overflow: hidden; } - .plyr--video.plyr--menu-open { - overflow: visible; } - -.plyr__video-wrapper { - background: #000; - border-radius: inherit; - overflow: hidden; - position: relative; - z-index: 0; } - -.plyr__progress { - flex: 1; - left: 6.5px; - margin-right: 13px; - position: relative; } - .plyr__progress input[type='range'], .plyr__progress__buffer { - margin-left: -6.5px; - margin-right: -6.5px; - width: calc(100% + 13px); } - .plyr__progress input[type='range'] { - position: relative; - z-index: 2; } - .plyr__progress .plyr__tooltip { - font-size: 14px; - left: 0; } - -.plyr__progress__buffer { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 100px; - height: 5px; - left: 0; - margin-top: -2.5px; - padding: 0; - position: absolute; - top: 50%; } - .plyr__progress__buffer::-webkit-progress-bar { - background: transparent; } - .plyr__progress__buffer::-webkit-progress-value { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-moz-progress-bar { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-ms-fill { - border-radius: 100px; - transition: width 0.2s ease; } - -.plyr--video .plyr__progress__buffer { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.25); } - -.plyr--audio .plyr__progress__buffer { - color: rgba(183, 197, 205, 0.66); } - -.plyr--loading .plyr__progress__buffer { - animation: plyr-progress 1s linear infinite; - background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); - background-repeat: repeat-x; - background-size: 25px 25px; - color: transparent; } - -.plyr--video.plyr--loading .plyr__progress__buffer { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--audio.plyr--loading .plyr__progress__buffer { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr__volume { - align-items: center; - display: flex; - flex: 1; - position: relative; } - .plyr__volume input[type='range'] { - margin-left: 5px; - position: relative; - z-index: 2; } - @media (min-width: 480px) { - .plyr__volume { - max-width: 90px; } } - @media (min-width: 768px) { - .plyr__volume { - max-width: 110px; } } - -.plyr--is-ios .plyr__volume { - display: none !important; } - -.plyr--is-ios.plyr--vimeo [data-plyr='mute'] { - display: none !important; } - -.plyr:fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:fullscreen video { - height: 100%; } - .plyr:fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:fullscreen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-webkit-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-webkit-full-screen video { - height: 100%; } - .plyr:-webkit-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-webkit-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-webkit-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-moz-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-moz-full-screen video { - height: 100%; } - .plyr:-moz-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-moz-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-moz-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-ms-fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-ms-fullscreen video { - height: 100%; } - .plyr:-ms-fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-ms-fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-ms-fullscreen .plyr__captions { - font-size: 21px; } } - -.plyr--fullscreen-fallback { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; - bottom: 0; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 10000000; } - .plyr--fullscreen-fallback video { - height: 100%; } - .plyr--fullscreen-fallback .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr--fullscreen-fallback.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr--fullscreen-fallback .plyr__captions { - font-size: 21px; } } - -.plyr--no-transition { - transition: none !important; } - -.plyr__sr-only { - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - border: 0 !important; - height: 1px !important; - padding: 0 !important; - position: absolute !important; - width: 1px !important; } - -.plyr [hidden] { - display: none !important; } - -.text-hide { - font: 0/0 a !important; - color: transparent !important; - text-shadow: none !important; - background-color: transparent !important; - border: 0 !important; } - -.text-truncate { - max-width: 100% !important; - overflow: hidden !important; - text-overflow: ellipsis; - white-space: nowrap !important; } - -.text-nowrap { - white-space: nowrap !important; } - -.text-wrap { - word-wrap: break-word !important; } - -.text-lowercase { - text-transform: lowercase !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.text-capitalize { - text-transform: capitalize !important; } - -.text-overline { - text-decoration: overline !important; } - -.text-underline { - text-decoration: underline !important; } - -.text-line-through { - text-decoration: line-through !important; } - -.font-wide { - letter-spacing: 0.25rem; } - -.font-normal { - font-weight: normal; } - -.font-bold { - font-weight: bold; } - -.font-italic { - font-style: italic !important; } - -ul.list-disc { - list-style-type: disc !important; } - -ul.list-circle { - list-style-type: circle !important; } - -ul.list-square { - list-style-type: square !important; } - -ol.list-decimal { - list-style-type: decimal !important; } - -ol.list-lower-alpha { - list-style-type: lower-alpha !important; } - -ol.list-lower-latin { - list-style-type: lower-latin !important; } - -ol.list-lower-roman { - list-style-type: lower-roman !important; } - -ol.list-upper-alpha { - list-style-type: upper-alpha !important; } - -ol.list-upper-latin { - list-style-type: upper-latin !important; } - -ol.list-upper-roman { - list-style-type: upper-roman !important; } - -.rounded { - border-radius: 5000px !important; } - -.radius { - border-radius: 0.1875rem; } - -.bordered { - border: 0.0625rem solid #b2b2b2; } - -.shadow { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } - -.arrow-down { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #0a0a0a transparent transparent; } - -.arrow-up { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #0a0a0a; } - -.arrow-right { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #0a0a0a; } - -.arrow-left { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #0a0a0a transparent transparent; } - -.separator-center { - text-align: center !important; } - .separator-center::before, .separator-center::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-center::after { - clear: both; } - .separator-center::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7EA687; - margin: 1rem auto 0; } - -.separator-left { - text-align: left !important; } - .separator-left::before, .separator-left::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-left::after { - clear: both; } - .separator-left::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7EA687; - margin: 1rem auto 0; - margin-left: 0 !important; } - -.separator-right { - text-align: right !important; } - .separator-right::before, .separator-right::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-right::after { - clear: both; } - .separator-right::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7EA687; - margin: 1rem auto 0; - margin-right: 0 !important; } - -.overflow-visible { - overflow: visible !important; } - -.overflow-x-visible { - overflow-x: visible !important; } - -.overflow-y-visible { - overflow-y: visible !important; } - -.overflow-hidden { - overflow: hidden !important; } - -.overflow-x-hidden { - overflow-x: hidden !important; } - -.overflow-y-hidden { - overflow-y: hidden !important; } - -.overflow-scroll { - overflow: scroll !important; } - -.overflow-x-scroll { - overflow-x: scroll !important; } - -.overflow-y-scroll { - overflow-y: scroll !important; } - -.display-inline { - display: inline !important; } - -.display-inline-block { - display: inline-block !important; } - -.display-block { - display: block !important; } - -.display-table { - display: table !important; } - -.display-table-cell { - display: table-cell !important; } - -.position-static { - position: static !important; } - -.position-relative { - position: relative !important; } - -.position-absolute { - position: absolute !important; } - -.position-fixed { - position: fixed !important; } - -.position-fixed-top { - position: fixed !important; - top: 0rem !important; - right: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.position-fixed-bottom { - position: fixed !important; - right: 0rem !important; - bottom: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.border-box { - box-sizing: border-box !important; } - -.border-none { - border: none !important; } - -.width-25 { - width: 25% !important; } - -.width-50 { - width: 50% !important; } - -.width-75 { - width: 75% !important; } - -.width-100 { - width: 100% !important; } - -.height-25 { - height: 25% !important; } - -.height-50 { - height: 50% !important; } - -.height-75 { - height: 75% !important; } - -.height-100 { - height: 100% !important; } - -.max-width-100 { - max-width: 100% !important; } - -.max-height-100 { - max-height: 100% !important; } - -.margin-0 { - margin-top: 0rem !important; - margin-right: 0rem !important; - margin-bottom: 0rem !important; - margin-left: 0rem !important; } - -.padding-0 { - padding-top: 0rem !important; - padding-right: 0rem !important; - padding-bottom: 0rem !important; - padding-left: 0rem !important; } - -.margin-top-0 { - margin-top: 0rem !important; } - -.padding-top-0 { - padding-top: 0rem !important; } - -.margin-right-0 { - margin-right: 0rem !important; } - -.padding-right-0 { - padding-right: 0rem !important; } - -.margin-bottom-0 { - margin-bottom: 0rem !important; } - -.padding-bottom-0 { - padding-bottom: 0rem !important; } - -.margin-left-0 { - margin-left: 0rem !important; } - -.padding-left-0 { - padding-left: 0rem !important; } - -.margin-horizontal-0 { - margin-right: 0rem !important; - margin-left: 0rem !important; } - -.padding-horizontal-0 { - padding-right: 0rem !important; - padding-left: 0rem !important; } - -.margin-vertical-0 { - margin-top: 0rem !important; - margin-bottom: 0rem !important; } - -.padding-vertical-0 { - padding-top: 0rem !important; - padding-bottom: 0rem !important; } - -.margin-1 { - margin-top: 1rem !important; - margin-right: 1rem !important; - margin-bottom: 1rem !important; - margin-left: 1rem !important; } - -.padding-1 { - padding-top: 1rem !important; - padding-right: 1rem !important; - padding-bottom: 1rem !important; - padding-left: 1rem !important; } - -.margin-top-1 { - margin-top: 1rem !important; } - -.padding-top-1 { - padding-top: 1rem !important; } - -.margin-right-1 { - margin-right: 1rem !important; } - -.padding-right-1 { - padding-right: 1rem !important; } - -.margin-bottom-1 { - margin-bottom: 1rem !important; } - -.padding-bottom-1 { - padding-bottom: 1rem !important; } - -.margin-left-1 { - margin-left: 1rem !important; } - -.padding-left-1 { - padding-left: 1rem !important; } - -.margin-horizontal-1 { - margin-right: 1rem !important; - margin-left: 1rem !important; } - -.padding-horizontal-1 { - padding-right: 1rem !important; - padding-left: 1rem !important; } - -.margin-vertical-1 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } - -.padding-vertical-1 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } - -.margin-2 { - margin-top: 2rem !important; - margin-right: 2rem !important; - margin-bottom: 2rem !important; - margin-left: 2rem !important; } - -.padding-2 { - padding-top: 2rem !important; - padding-right: 2rem !important; - padding-bottom: 2rem !important; - padding-left: 2rem !important; } - -.margin-top-2 { - margin-top: 2rem !important; } - -.padding-top-2 { - padding-top: 2rem !important; } - -.margin-right-2 { - margin-right: 2rem !important; } - -.padding-right-2 { - padding-right: 2rem !important; } - -.margin-bottom-2 { - margin-bottom: 2rem !important; } - -.padding-bottom-2 { - padding-bottom: 2rem !important; } - -.margin-left-2 { - margin-left: 2rem !important; } - -.padding-left-2 { - padding-left: 2rem !important; } - -.margin-horizontal-2 { - margin-right: 2rem !important; - margin-left: 2rem !important; } - -.padding-horizontal-2 { - padding-right: 2rem !important; - padding-left: 2rem !important; } - -.margin-vertical-2 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; } - -.padding-vertical-2 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; } - -.margin-3 { - margin-top: 3rem !important; - margin-right: 3rem !important; - margin-bottom: 3rem !important; - margin-left: 3rem !important; } - -.padding-3 { - padding-top: 3rem !important; - padding-right: 3rem !important; - padding-bottom: 3rem !important; - padding-left: 3rem !important; } - -.margin-top-3 { - margin-top: 3rem !important; } - -.padding-top-3 { - padding-top: 3rem !important; } - -.margin-right-3 { - margin-right: 3rem !important; } - -.padding-right-3 { - padding-right: 3rem !important; } - -.margin-bottom-3 { - margin-bottom: 3rem !important; } - -.padding-bottom-3 { - padding-bottom: 3rem !important; } - -.margin-left-3 { - margin-left: 3rem !important; } - -.padding-left-3 { - padding-left: 3rem !important; } - -.margin-horizontal-3 { - margin-right: 3rem !important; - margin-left: 3rem !important; } - -.padding-horizontal-3 { - padding-right: 3rem !important; - padding-left: 3rem !important; } - -.margin-vertical-3 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } - -.padding-vertical-3 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } - -.slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-down.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-left.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-up.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-right.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-down.mui-leave.mui-leave-active { - transform: translateY(100%); } - -.slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-right.mui-leave.mui-leave-active { - transform: translateX(100%); } - -.slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-up.mui-leave.mui-leave-active { - transform: translateY(-100%); } - -.slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-left.mui-leave.mui-leave-active { - transform: translateX(-100%); } - -.fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - -.fade-in.mui-enter.mui-enter-active { - opacity: 1; } - -.fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - -.fade-out.mui-leave.mui-leave-active { - opacity: 0; } - -.hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-top.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-right.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(90deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(90deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-left.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-y.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-top.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-right.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - -.hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-left.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - -.hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(0.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-up.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-down.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-up.mui-leave.mui-leave-active { - transform: scale(1.5); - opacity: 0; } - -.scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-down.mui-leave.mui-leave-active { - transform: scale(0.5); - opacity: 0; } - -.spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(-0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out.mui-leave.mui-leave-active { - transform: rotate(0.75turn); - opacity: 0; } - -.spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in-ccw.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out-ccw.mui-leave.mui-leave-active { - transform: rotate(-0.75turn); - opacity: 0; } - -.slow { - transition-duration: 750ms !important; } - -.fast { - transition-duration: 250ms !important; } - -.linear { - transition-timing-function: linear !important; } - -.ease { - transition-timing-function: ease !important; } - -.ease-in { - transition-timing-function: ease-in !important; } - -.ease-out { - transition-timing-function: ease-out !important; } - -.ease-in-out { - transition-timing-function: ease-in-out !important; } - -.bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - transition-delay: 300ms !important; } - -.long-delay { - transition-delay: 700ms !important; } - -.shake { - animation-name: shake-7; } - -@keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - transform: translateX(-7%); } } - -.spin-cw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(-1turn); } - 100% { - transform: rotate(0); } } - -.spin-ccw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(0); } - 100% { - transform: rotate(1turn); } } - -.wiggle { - animation-name: wiggle-7deg; } - -@keyframes wiggle-7deg { - 40%, 50%, 60% { - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - transform: rotate(0); } } - -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - animation-duration: 500ms; } - -.infinite { - animation-iteration-count: infinite; } - -.slow { - animation-duration: 750ms !important; } - -.fast { - animation-duration: 250ms !important; } - -.linear { - animation-timing-function: linear !important; } - -.ease { - animation-timing-function: ease !important; } - -.ease-in { - animation-timing-function: ease-in !important; } - -.ease-out { - animation-timing-function: ease-out !important; } - -.ease-in-out { - animation-timing-function: ease-in-out !important; } - -.bounce-in { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - animation-delay: 300ms !important; } - -.long-delay { - animation-delay: 700ms !important; } - -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -html, -body { - padding: 0; - margin: 0; } - -.grid-container { - max-width: 90rem; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-left: 6rem; - padding-right: 6rem; } } - -.theme--dark { - background: #0a0a0a !important; } - .theme--dark h1, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__title, .theme--dark .in-depth .in-depth__title, .in-depth .theme--dark .in-depth__title, - .theme--dark h2, - .theme--dark h3, - .theme--dark p, - .theme--dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--dark h3 { - color: #ffffff; } - -.theme--primary { - background: #ffffff !important; } - .theme--primary h1, .theme--primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary .slide--in-depth__intro__title, .theme--primary .in-depth .in-depth__title, .in-depth .theme--primary .in-depth__title, - .theme--primary h2, - .theme--primary h3, - .theme--primary p, - .theme--primary .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary h3 { - color: #7EA687; } - -.theme--primary-dark { - background: #7EA687 !important; } - .theme--primary-dark h1, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__title, .theme--primary-dark .in-depth .in-depth__title, .in-depth .theme--primary-dark .in-depth__title, - .theme--primary-dark h2, - .theme--primary-dark h3, - .theme--primary-dark p, - .theme--primary-dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark h3 { - color: #ffffff; } - -.theme--primary-light { - background: rgba(126, 166, 135, 0.1) !important; } - .theme--primary-light h1, .theme--primary-light .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-light .slide--in-depth__intro__title, .theme--primary-light .in-depth .in-depth__title, .in-depth .theme--primary-light .in-depth__title, - .theme--primary-light h2, - .theme--primary-light h3, - .theme--primary-light p, - .theme--primary-light .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-light h3 { - color: #7EA687; } - -.scroll_lock { - overflow: hidden; } - -a.link--arrow { - font-weight: bold; } - -body.off-canvas-opened { - overflow: hidden; } - -button, -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - background: black; - color: white; - text-transform: uppercase; - letter-spacing: 1px; - position: relative; - z-index: 0; } - button:focus, - .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - button a, .button a, .button.cta a, .cta__button a, .button.cta--alt a, .cta__button--alt a, .modal__open-button a, .transcript .transcript__toggle a, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button a { - color: inherit; - font-size: inherit; - line-height: inherit; - background: inherit; } - button svg, .button svg, .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - margin: .125rem 0 0 0; - height: 1rem; - width: 1rem; } - button.hollow, - .hollow.button, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #0a0a0a; - color: #0a0a0a; - background: transparent; } - button.hollow:hover, - .hollow.button:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover { - border: 2px solid #0a0a0a; - color: #0a0a0a; } - button.icon, - .icon.button, - .icon.cta__button, - .icon.cta__button--alt, .icon.modal__open-button, .transcript .icon.transcript__toggle, .owl-carousel .slide--in-depth__intro .icon.slide--in-depth__intro__button { - padding: .25rem; - height: 2rem; - width: 2rem; - font-size: 1em; } - -.caption { - margin-top: .5rem; - margin-bottom: 1rem; - cursor: text; - font-size: 0.75rem; - line-height: 16px; } - .caption .caption__brief { - display: inline-block; } - .caption .toggle-caption { - margin: 0 0 0 .25rem; - padding: .125rem; - height: 1.25rem; - width: 1.25rem; - position: relative; } - .caption .toggle-caption .i-info { - text-transform: lowercase; - font-size: 15px; - font-family: 'freight-text-pro'; - font-weight: 700; - display: inline-block; - margin-left: 0.5px; - height: 12px; - width: 5px; } - .caption figcaption { - display: block; - background-color: #e6e6e6; - color: #0a0a0a; - padding: 1rem; - margin-top: .5rem; } - .theme--dark .caption { - color: #ffffff; } - .theme--dark .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .caption .toggle-caption svg { - transform: translate(-0.25px, -1.5px); } - .theme--dark .caption figcaption { - margin-top: 1rem; - color: #ffffff; - padding: 1rem; - background: rgba(255, 255, 255, 0.2); } - -cite, .inline-quote cite, .standalone-quote cite { - font-style: normal; } - .theme--dark cite { - color: #ffffff; } - -/* -Cliff Note (Blurb) - -A cliff note acts as a quick overview or as highlighted information of a chapter and is meant to be scanned. It can also help set the tone of the chapter. - -Markup: cliff-note.html.twig - -Styleguide COMPONENTS.cliff-note - -*/ -.cliff-note { - font-size: 1.875rem; - line-height: 42px; - position: relative; - font-family: "freight-display-pro", sans; - letter-spacing: -1px; - max-width: 18rem; - margin: auto; } - .cliff-note p, .cliff-note .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cliff-note h3 { - font-size: inherit; - line-height: inherit; } - .cliff-note:before { - display: block; - width: 5rem; - height: 2px; - margin-bottom: 1em; - background-color: #7EA687; - content: ''; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(126, 166, 135, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(145, 119, 80, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.down_arrow { - z-index: 151; - position: absolute; - width: 100vw; } - .down_arrow a { - display: block; - width: 3rem; - height: 3rem; - margin: 0 auto; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -.intro-text { - overflow-y: auto; - overflow-x: hidden; } - .intro-text h2 { - opacity: 0.5; - font-style: italic; - font-weight: bold; - margin-bottom: 2rem; } - @media print, screen and (min-width: 40em) { - .intro-text h2 { - margin-bottom: 4rem; } } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, .intro-text h2 { - color: #7EA687; } - .theme--dark .intro-text .cell, .theme--dark .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--dark .intro-text h2 { - color: #ffffff; } - .theme--primary--light .intro-text .cell, .theme--primary--light .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--primary--light .intro-text h2 { - color: #0a0a0a; } - .intro-text .text { - font-family: "freight-display-pro", sans; - font-weight: bold; - line-height: 1.3; - letter-spacing: -1px; - font-size: 2em; } - @media print, screen and (min-width: 40em) { - .intro-text .text { - font-size: 2.85em; } } - @media print, screen and (min-width: 64em) { - .intro-text .text { - font-size: 3.75em; } } - .theme--dark.intro-text .cell, .theme--dark.intro-text .video--embed.boxed > .video--embed__wrapper { - background-color: #0a0a0a; } - .theme--dark.intro-text .text, - .theme--dark.intro-text h2 { - color: #ffffff; } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 0; - transition-property: opacity, top; - transition-duration: .75s; - transition-delay: 0.125s; - transition-timing-function: ease-in-out; - position: relative; - top: 5rem; } - .triggered .intro-text .cell, .triggered .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 1; - top: 0; } - -.intro-text.video-intro { - height: 100vh; } - .intro-text.video-intro .grid-x, .intro-text.video-intro .video--embed.boxed { - height: 100vh; - padding: 0 !important; - margin-left: 0; - margin-right: 0; } - .intro-text.video-intro .cell, .intro-text.video-intro .video--embed.boxed > .video--embed__wrapper { - height: 100vh; - width: 100vw; - overflow: auto; - margin-left: 0; - margin-right: 0; - padding-top: 8rem; - padding: 8rem 5rem 5rem 5rem; } - @media print, screen and (min-width: 40em) { - .intro-text.video-intro .wrapper { - padding-left: calc(16.66667% + 0.9375rem); - padding-right: calc(16.66667% + 0.9375rem); } } - .intro-text.video-intro .video_element { - z-index: -1; } - -.logo { - margin-top: .5rem; - margin-right: 1.5rem; - display: inline-block; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -p, .off-canvas footer.footer .footer-feature h3, .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - font-size: 1.125rem; } - -q, .inline-quote q, .standalone-quote q { - line-height: 1em; - font-weight: bold; } - q:before, .inline-quote q:before, .standalone-quote q:before, q:after, .inline-quote q:after, .standalone-quote q:after { - position: relative; - width: 1em; - font-size: 1.75em; - top: .125em; } - q:before, .inline-quote q:before, .standalone-quote q:before { - padding-right: .25rem; } - q:after, .inline-quote q:after, .standalone-quote q:after { - padding-left: .25rem; } - .theme--dark q { - color: #ffffff; } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.standalone-quote__icon svg { - max-width: 100%; - width: 15rem; - height: auto; } - -.standalone-quote__icon path#quote { - fill: #7EA687; } - -.standalone-quote__icon path#line { - stroke: #7EA687; } - -.theme--primary-dark .standalone-quote__icon path#quote, -.theme--primary-dark .standalone-quote__icon path#line { - fill: #ffffff; - stroke: #ffffff; } - -.tagline { - font-weight: 300; - display: inline-block; - position: relative; - top: -.25rem; } - -/* -Text Area - -Text area's contain paragraphs and related text copy and offer a drop cap feature for the first contained paragraph. - -Markup: textarea.html.twig - -Styleguide COMPONENTS.textarea - -*/ -.textarea { - font-family: "freight-text-pro", serif; - font-size: 1em; - line-height: 1.6em; } - .drop-cap.textarea > p:first-of-type:first-letter, .off-canvas footer.footer .footer-feature .drop-cap.textarea > h3:first-of-type:first-letter { - float: left; - font-size: 8.25em; - font-weight: 900; - line-height: 0.72em; - margin-right: 0.06667em; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(126, 166, 135, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(145, 119, 80, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -body.off-canvas-opened { - overflow: hidden; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.plyr--audio .plyr__controls { - padding: 0; - margin-bottom: 1rem; - color: #0a0a0a; } - -.plyr--audio .plyr__control { - border-radius: 1000rem; - background: #7EA687; - padding: .75rem; - height: 2.5rem; - width: 2.5rem; } - .plyr--audio .plyr__control svg { - fill: #ffffff !important; - transform: translate(0, -0.125rem); } - .plyr--audio .plyr__control:hover { - background: #588061 !important; } - .plyr--audio .plyr__control:hover svg { - fill: #ffffff !important; } - -.plyr--audio .plyr__progress__buffer { - color: #7EA687; - display: none; } - -.plyr--full-ui.plyr--audio input[type='range'] { - color: #7EA687; } - -.theme--dark .plyr--audio .plyr__controls { - color: #ffffff; } - -audio { - opacity: 0; } - -.transcript { - margin-bottom: 1rem; } - .transcript .transcript__brief { - margin-bottom: .5rem; } - .transcript .transcript__text { - transition-property: visibility, opacity, height, max-height; - transition-duration: .75s; - transition-timing-function: ease-in-out; - overflow: hidden; - max-height: 0; - opacity: 0; } - .transcript .transcript__text.active { - visibility: visible !important; - opacity: 1; - height: auto; - max-height: 600px; } - .transcript .transcript__toggle:after { - display: none; } - .theme--dark .transcript { - color: #ffffff; } - -#chapter_nav ul li.active_item a .dot_wrapper { - animation: pulse 1.375s infinite ease-in-out alternate running; - z-index: -1; } - -#chapter_nav ul li.active_item a .dot { - z-index: 2; - background-color: #7EA687; } - -#chapter_nav:hover ul li::after { - opacity: 1; } - -#chapter_nav { - width: 3em; - position: fixed; - z-index: 110; - box-sizing: border-box; - top: 18vh; - padding: 0 1rem; - left: 1.5rem; - height: 65vh; - background-image: url("/assets/images/chapternav-background.svg"); - background-repeat: repeat-y; - background-position: center center; - background-size: 100% 100%; - font-family: "freight-text-pro", serif; - transition-property: opacity; - transition-duration: 0.625s; - transition-timing-function: ease-in-out; } - @media (min-width: 640px) { - #chapter_nav { - display: block; } } - #chapter_nav.hidden { - visibility: hidden; - opacity: 0; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav.showy { - visibility: visible; - opacity: 1; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav ul { - list-style: none; - position: relative; - z-index: 10; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - justify-content: space-between; } - #chapter_nav ul .dot_wrapper { - position: relative; - width: 100%; - height: 100%; - border-radius: 50%; } - #chapter_nav ul .dot { - display: inline-block; - position: absolute; - box-shadow: 0px 0px 0px 3px #b2b2b2; - transition-property: background-color; - transition-duration: 0.75s; - transition-timing-function: ease-in-out; - text-decoration: none; - box-sizing: border-box; - background-color: #fff; - color: #fff; - border-radius: 50%; - width: 0.425rem; - height: 0.425rem; - text-align: center; - font-size: 1.125em; } - #chapter_nav ul li:nth-child(1) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(1)::after { - content: counter(chapters, upper-alpha); } - #chapter_nav ul li:nth-child(2) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(2)::after { - content: counter(chapters, upper-roman); } - #chapter_nav ul li { - position: relative; - padding: 0; } - #chapter_nav ul li a { - position: absolute; - display: block; - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; } - #chapter_nav ul li::after { - font-family: sans-serif; - counter-increment: chapters; - content: counter(chapters, upper-roman); - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - position: absolute; - opacity: 0; - left: 2.5rem; - top: -0.75rem; - color: #fff; } - #chapter_nav ul li.past .dot { - box-shadow: 0px 0px 0px 2px #ffffff; - background-color: #7EA687; } - .theme--dark #chapter_nav ul li::after { - text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.4); } - #chapter_nav .scroll_percent { - content: ""; - border-left: 3px #7EA687 solid; - position: absolute; - z-index: -1; - top: 0; - left: 50%; - transform: translate3d(-50%, 0, 0); - transition-property: height; - transition-duration: 0.45s; - transition-timing-function: ease-out; } - -body { - counter-reset: tooltipChapters; } - body .tooltip.chapter_nav__tip { - box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.3); - font-size: 0.925rem; - font-weight: normal; - font-family: Helvetica, sans-serif; - white-space: nowrap; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } - body .tooltip.chapter_nav__tip::before { - transition-duration: 0.325s; - transition-timing-function: ease-out; - transition-property: opacity; - position: absolute; - left: 0.875em; - width: auto; - height: auto; - background-color: transparent; - border: none; - display: inline-block; } - -@keyframes pulse { - 0% { - background-color: rgba(126, 166, 135, 0.4); - box-shadow: 0 0 0 0.425rem rgba(126, 166, 135, 0.4); } - 100% { - background-color: rgba(126, 166, 135, 0.15); - box-shadow: 0 0 0 0.875rem rgba(126, 166, 135, 0.15); } } - -/* -Chapter title - -Cover pages for chapters - -Markup: chapter__title.html.twig -*/ -.chapter__title .object-fit { - object-position: 50% 50%; - font-family: 'object-fit: contain; object-position: 50% 50%'; - position: absolute; } - -.chapter__title .overlay { - position: absolute; - z-index: 50; - top: 50%; - left: 50%; - display: none; - opacity: 0; - transform: translate3d(-50%, -40%, 0); - transition-property: transform, opacity; - transition-duration: 1.875s; - transition-timing-function: ease-out; } - -.triggered .chapter__title .object-fit { - animation-name: kenburns; - animation-duration: 1.325s; - animation-timing-function: ease-in-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .overlay { - display: block; - animation-name: fadein; - animation-duration: 1.325s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0.25s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .toggle-caption { - opacity: 1; } - -.chapter__title .chapter__headline { - color: white; } - .chapter__title .chapter__headline .numeral, - .chapter__title .chapter__headline .title { - display: block; - text-align: center; } - .chapter__title .chapter__headline .numeral { - font-size: 8.75rem; - line-height: 165px; - color: white; - font-weight: 900; } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - font-size: 13.75rem; } } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - line-height: 200px; } } - - .chapter__title .chapter__headline .title { - font-size: 1.875rem; - line-height: 40px; - font-style: italic; } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - font-size: 3.125rem; } } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - line-height: 75px; } } - -@keyframes kenburns { - 0% { - transform: scale(1); } - 100% { - transform: scale(1.2); } } - -@keyframes fadein { - 0% { - opacity: 0; - transform: translate3d(-50%, -30%, 0); } - 100% { - opacity: 1; - transform: translate3d(-50%, -50%, 0); } } - -.cover_page { - position: absolute; - overflow: hidden; - /* - * This style will be shared with the SVG because - * I have to replace the DOM element in Firefox. - * Otherwise the SVG pattern will be broken. - */ } - .cover_page .underlay .bg-image { - z-index: -1; } - .cover_page .underlay .underlay_contents { - z-index: 2; - position: relative; } - .cover_page .underlay .headline { - color: transparent; } - .cover_page .underlay .headline .solid { - color: #fff; } - @supports (-webkit-text-stroke: 3px #fff) { - .cover_page .underlay .headline .outline { - color: rgba(255, 0, 0, 0); - -webkit-text-stroke: 2px #fff; } } - .cover_page .underlay .content { - color: #fff; - text-align: center; - padding-bottom: 3em; - position: absolute; - margin-left: 2em; - margin-right: 2em; - bottom: 3rem; - width: calc(100% - 4rem); } - .cover_page .underlay .content .info { - font-size: 1rem; - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - position: relative; - top: 4em; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content .info { - font-size: 1.125rem; } } - .cover_page .underlay .content .info p, .cover_page .underlay .content .info .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cover_page .underlay .content .info h3 { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content { - bottom: 5rem; - width: 100%; - margin-left: 0; - margin-right: 0; } } - .cover_page .down_arrow { - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - opacity: 0; - bottom: -5rem; } - .triggered .cover_page .underlay .content .info { - opacity: 1; - top: 0; } - .triggered .cover_page .down_arrow { - opacity: 1; - bottom: 3rem; } - .cover_page .loaderpane { - position: absolute; - top: 0; - left: 0; } - .cover_page .loaderpane .text { - line-height: 0.75; } - .cover_page .top { - z-index: 10; } - .cover_page .loader { - z-index: 11; - clip: rect(0 100vw 100vh 0); } - .cover_page .loader .text { - color: #dedede; - vertical-align: baseline; - line-height: 100vh; } - .cover_page .bg-image { - animation: kenburns--cover 4s ease-out 0.75s 1 forwards running; } - .cover_page .mask { - color: red; - width: 100%; - height: 100vh; - -webkit-text-fill-color: transparent; - background-repeat: no-repeat; - background-position: center center; - background-size: 100vw 100vh; - background-clip: text; - -webkit-background-clip: text; } - .cover_page .mask .text { - vertical-align: baseline; - line-height: 100vh; } - .cover_page .headline { - display: block; - position: absolute; - width: 100vw; - top: 40%; - left: 50%; - transform: translate3d(-50%, -50%, 0); - margin: 0; - font-family: 'akzidenz-grotesk-next-pro', sans-serif; - font-weight: bold; - font-size: 70px; - line-height: 100%; - letter-spacing: 2px; - text-align: center; } - @media print, screen and (min-width: 40em) { - .cover_page .headline { - top: 40%; - width: 100vw; - font-size: 122px; } } - @media print, screen and (min-width: 64em) { - .cover_page .headline { - font-size: 150px; } } - .cover_page .subtitle { - position: absolute; - color: #fff; - width: 100%; - text-align: center; - font-style: italic; - font-size: 32px; - top: 50%; } - @media print, screen and (min-width: 40em) { - .cover_page .subtitle { - top: 52%; - font-size: 42px; } } - @media print, screen and (min-width: 64em) { - .cover_page .subtitle { - font-size: 50px; } } - .cover_page .cover_loader_container { - background-color: #fff; - position: relative; - z-index: 3; - transition-property: opacity; - transition-timing-function: ease-out; - transition-duration: 0.7s; } - .loaded.cover_page .loader { - animation-name: stretch; - animation-duration: 0.7s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - .post_loaded.cover_page .cover_loader_container { - opacity: 0; } - .post_loaded.cover_page .toggle-caption { - opacity: 1; } - .initialized.cover_page .underlay { - z-index: 15; } - .initialized.cover_page .cover_loader_container, - .initialized.cover_page .mask_loader { - display: none; } - .off-canvas .cover_page { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay .underlay_contents { - padding: 2rem 2rem 1rem 2rem; - min-height: auto; } - .off-canvas .cover_page .underlay .headline { - font-size: 3rem; - position: relative; - left: 50%; - transform: translate3d(-50%, 0%, 0); } - -.cover_page.video_cover .bg-image { - visibility: hidden; } - -@keyframes stretch { - 0% { - clip: rect(0 100vw 100vh 0); } - 100% { - clip: rect(0 100vw 100vh 100vw); } } - -@keyframes kenburns--cover { - 0% { - transform: scale(1); } - 100% { - left: 15%; - top: -17%; - transform: scale(1.5); } } - -.footer__cta { - background: #ffffff; - padding: 2rem !important; - flex-grow: 1; } - .footer__cta h4, - .footer__cta p, - .footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .footer__cta h3 { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .footer__cta { - padding: 3rem !important; } } - .theme--primary-dark.footer__cta { - background: #7EA687; } - .theme--primary-dark.footer__cta h4, - .theme--primary-dark.footer__cta p, - .theme--primary-dark.footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark.footer__cta h3 { - color: #ffffff !important; } - -.footer__cta__wrapper { - padding: 2rem 0; } - @media print, screen and (min-width: 64em) { - .footer__cta__wrapper { - padding: 6rem 0 12rem 0; } } - -.footer__navigation { - font-size: 80%; - margin: auto 0 0 0; - padding: 2rem 0; - border-top: 2px solid #b2b2b2; - color: #8a8a8a; } - -/* -Inline Quotes - -Inline quotes are used to reinforce a quote within the body copy. They have less emphasis than a full viewport standalone quote and can be used more frequently when necessary. - -Markup: inline-quote.html.twig - -Styleguide COMPONENTS.inline-quote - -*/ -.inline-quote q { - font-size: 1.125rem; - line-height: 30px; - position: relative; } - .inline-quote q:before { - position: absolute; - display: inline-block; - left: -1.25rem; - top: 0; - width: 1rem; - padding: 0; } - -.inline-quote cite { - font-size: 1.125rem; - line-height: 30px; - margin-top: 1em; } - -/* -Modals - -Modal dialogs, or pop-up windows, are handy for displaying content as needed on click. - -Markup: modal-demo.html.twig - -Styleguide COMPONENTS.modal - -*/ -.modal, .reveal { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - color: #ffffff; - height: 100vh; - max-height: 100vh; - width: 100vw; - max-width: 100vw; } - .modal:focus, - .reveal:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .full-screen.modal, - .full-screen.reveal { - padding: 0; } - -.menu--footer { - text-align: center; - display: flex; - justify-content: center; - margin-top: .25rem !important; } - @media print, screen and (min-width: 40em) { - .menu--footer { - text-align: left; - justify-content: start; } } - .menu--footer a { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; - color: #8a8a8a; - padding: 0 !important; - margin: 0 1rem; } - @media print, screen and (min-width: 40em) { - .menu--footer a { - margin: 0 4rem 0 0; } } - -nav#mobile_nav { - color: #ffffff; - padding: 1rem; - border-bottom: 2px solid rgba(255, 255, 255, 0.25); } - nav#mobile_nav h3 { - font-family: "freight-display-pro", sans; - font-weight: bold; - font-size: 2rem; - margin-left: 1rem; } - nav#mobile_nav .menu--mobile li { - position: relative; } - nav#mobile_nav .menu--mobile li::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: calc(100% - 2rem); - margin: 0 1rem; - height: 1px; - background-color: rgba(255, 255, 255, 0.25); } - nav#mobile_nav .menu--mobile li:last-of-type::after, nav#mobile_nav .menu--mobile li.active_item::after { - display: none; } - nav#mobile_nav .menu--mobile li.active_item a { - background-color: #7EA687; } - nav#mobile_nav .menu--mobile a { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - display: flex; - font-size: 1.5rem; - font-weight: bold; - padding: 1rem; - color: #ffffff; } - nav#mobile_nav .menu--mobile a:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - nav#mobile_nav .menu--mobile .menu--mobile__numeral { - display: inline-block; - flex-basis: 3rem; - opacity: .5; } - nav#mobile_nav .menu--mobile .menu--mobile__title { - font-style: italic; - flex-basis: calc(100% - 3rem); } - -.off-canvas { - padding-top: 4rem; } - .off-canvas .footer__cta__wrapper { - display: none; } - .off-canvas .off-canvas__buttons .button, - .off-canvas .off-canvas__buttons .cta__button, - .off-canvas .off-canvas__buttons .cta__button--alt, .off-canvas .off-canvas__buttons .modal__open-button, .off-canvas .off-canvas__buttons .transcript .transcript__toggle, .transcript .off-canvas .off-canvas__buttons .transcript__toggle, .off-canvas .off-canvas__buttons .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .off-canvas .off-canvas__buttons .slide--in-depth__intro__button, - .off-canvas .off-canvas__buttons button { - background: #ffffff; - color: #0a0a0a; } - .off-canvas .cover_page .underlay .underlay_contents h1.headline, .off-canvas .cover_page .underlay .underlay_contents .owl-carousel .slide--in-depth__intro .headline.slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .off-canvas .cover_page .underlay .underlay_contents .headline.slide--in-depth__intro__title, .off-canvas .cover_page .underlay .underlay_contents .in-depth .headline.in-depth__title, .in-depth .off-canvas .cover_page .underlay .underlay_contents .headline.in-depth__title { - color: #fff; } - -.audio-with-transcript audio { - margin-bottom: 1rem; } - -/* - -Picture - -A responsive picture element with srcset - -Markup: picture.html.twig - -Styleguide athing.anotherthign - -*/ -.picture picture { - display: inline-block; - width: 100%; - height: auto; } - -.picture img { - display: block; - width: 100%; - height: auto; } - -.sharing-icons .icon { - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: .25; } - .sharing-icons .icon:hover { - opacity: 1; } - -.horizontal-image-slider .sharing-icons { - margin-top: 2rem; } - .horizontal-image-slider .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; - opacity: 1; } - -.owl-item figcaption { - color: #ffffff; } - -.owl-carousel .slide--in-depth__intro { - display: flex; - flex-flow: column; - justify-content: center; - min-height: 100vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro { - justify-content: flex-end; - min-height: calc(100vh - 4rem); - position: relative; - width: 100vw; - height: 100vh; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - position: relative; - left: 2rem; - height: calc(100% - 4rem); - width: calc(100% - 4rem); - display: flex; - align-items: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - margin: 0; - position: absolute; - top: 4rem; - left: 0; - height: calc(100% - 4rem); - width: 100%; - display: flex; - justify-content: center; - align-items: center; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-property: transform, top, right, left, height, width, background-color, opacity, z-index; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - transform: translateX(-100%); - position: absolute; - top: calc(50% - 1.65rem); - right: calc(6rem + 3px); - left: auto; - height: 1px; - width: 100%; - background: #0a0a0a; - content: ""; - opacity: .5; - z-index: 1; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100%; - margin-bottom: 20vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: auto; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100% !important; - position: relative; - overflow: hidden; - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(255, 255, 255, 0.75)); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - content: ""; - z-index: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; - overflow: hidden; - max-height: inherit; - height: 60vh; - width: 60vh !important; - position: relative; - transition-property: height, max-height, width, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transform: translate(-15%, 0) scale(0.7); } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - height: 80vh; - width: 80vh !important; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img { - width: 100% !important; - max-height: 100% !important; - border-radius: 1000rem; - overflow: hidden; - height: auto; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 2rem; - margin-bottom: 1rem; - transition-property: color, margin, top, left, right, bottom, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .5s; - font-family: "freight-display-pro", sans !important; - font-weight: bold; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 3rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 4rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 4rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - transition-property: opacity, top, left, right, bottom, margin, transform, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: .5s; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - color: #0a0a0a; - position: relative; - top: -2rem; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - top: 0; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - font-size: 125%; - line-height: 1.2; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - height: 100%; - width: 100%; - display: flex; - flex-flow: column; - justify-content: center; - align-items: center; - z-index: 1; } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - padding: 0 2rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content > .cell, .owl-carousel .slide--in-depth__intro .video--embed.boxed.slide--in-depth__intro__content > .video--embed__wrapper { - position: relative; - display: flex; - flex-flow: row; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: initial; - margin: 0 2rem; - transition-property: transform, opacity, bottom; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 45%; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 30%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0 0 3rem auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 10vh 10vw 3rem auto; } } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - text-align: center; - margin: 2rem 0 0 0; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 1rem); - display: flex; - flex-flow: column; - bottom: calc(50% - 5px); } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - transition-property: transform, opacity, top, right, margin-top, width, opacity, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - visibility: hidden; - opacity: 0; - height: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - position: absolute; - top: calc(50% + 5px); - right: 0; - margin-top: 3rem; - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - margin-top: 5rem; - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - right: 5rem; } } - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: absolute; - top: 5rem; - left: 1rem; - margin-top: 0; } - .owl-carousel .slide--in-depth__intro .sharing-icons .icon { - border-color: #0a0a0a; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: initial; - margin-top: 2rem; } } - .owl-carousel .slide--in-depth__intro .slide__icon--next { - margin-top: 2rem; - text-align: center; - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next:before { - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg { - transform: rotate(90deg); } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg * { - stroke: #0a0a0a; - fill: #0a0a0a; - color: #0a0a0a; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Oval-5-Copy { - stroke: transparent !important; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Path-2-Copy-2 { - fill: transparent !important; } - .owl-carousel .slide--in-depth__intro .caption { - margin: 0 !important; } - .owl-carousel .slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro, .owl-carousel .open .slide--in-depth__intro { - justify-content: flex-start; - min-height: auto; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__button { - transition-delay: 0s; - visibility: hidden; - opacity: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: inherit; - transition-delay: 0s; } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 0; } } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.25); } } - @media print, screen and (min-width: 64em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-40vw, -10vw) scale(1.25); } } - @media screen and (min-width: 75em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-32.5vw, -10vw) scale(1.5); } } - @media screen and (min-width: 90em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.5); } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide__icon--next, .owl-carousel .open .slide--in-depth__intro .slide__icon--next { - display: block; } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image { - top: 0; - left: 0; - width: auto; - margin: -2rem -2rem -5rem -2rem; - position: relative; - z-index: -1; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #ffffff); - position: absolute; - z-index: 1; - bottom: 0; - left: 0; - width: 100%; - height: 15rem; - content: ""; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image img { - border-radius: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; - border-radius: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-delay: .5s !important; - transform: translateX(0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image picture, .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - transform: translate(0, 0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - transition-delay: 0s; - transform: translate(0, 0); - text-align: left; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - transition-delay: .5s; - visibility: visible; - opacity: 1; } - .triggered .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .triggered .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 0); - opacity: 1; } - .theme--dark .owl-carousel .slide--in-depth__intro .in-depth__title, .owl-carousel .theme--dark .slide--in-depth__intro .in-depth__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__text, .owl-carousel .theme--dark.slide--in-depth__intro .in-depth__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__text { - color: #ffffff; } - @media screen and (max-width: 39.9375em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #0a0a0a); } } - @media print, screen and (min-width: 40em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: #ffffff; } } - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(10, 10, 10, 0.75)); } - .theme--dark .owl-carousel .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark.slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - .theme--dark .owl-carousel .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark.slide--in-depth__intro .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .owl-carousel .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark.slide--in-depth__intro .slide__icon--next svg * { - stroke: #ffffff; - fill: #ffffff; - color: #ffffff; } - -/* -Standalone Quote - -Standalone quotes are used to reinforce a theme or are from a notable source. They should act as a breather moment in the design and help establish the tone. - -Markup: standalone-quote.html.twig - -.size--large - Large type variant - -Styleguide COMPONENTS.standalone-quote - -*/ -.standalone-quote { - margin: 2rem; - position: relative; - max-width: 75rem; - margin: auto; } - .standalone-quote q { - font-size: 1.875rem; - line-height: 40px; - color: #7EA687; - display: block; - font-family: "freight-display-pro", sans; - margin: 3rem 0; - line-height: 1.125em; } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - line-height: 70px; } } - .standalone-quote q p, .standalone-quote q .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .standalone-quote q h3 { - line-height: 1.125em; } - .standalone-quote q h2 { - font-size: 2.8125rem; - line-height: 50px 90px; } - @media print, screen and (min-width: 40em) { - .standalone-quote q h2 { - font-size: 5.3125rem; } } - .standalone-quote q:before, .standalone-quote q:after { - display: none; } - .standalone-quote cite { - font-size: 1.125rem; - color: #0a0a0a; } - .standalone-quote .standalone-quote__social-links > .sharing-icons { - margin: 1rem 0 0 0; - justify-content: center; } - .size--large.standalone-quote q { - font-size: 2.8125rem; - line-height: 50px; } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - font-size: 5.3125rem; } } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - line-height: 90px; } } - .theme--primary-dark .standalone-quote q, - .theme--primary-dark .standalone-quote cite { - color: #ffffff; } - -.top-bar__wrapper { - z-index: 999; - position: fixed; - top: 0; - width: 100%; - transform: translate3d(0, 0, 0); } - -.top-bar { - transform: translate3d(0, 0, 0); - padding: 1rem 1.5rem; - width: 100%; - transition-property: background-color; - transition-duration: .325s; - transition-timing-function: ease-in-out; - font-family: "freight-text-pro", serif; - background-color: #ffffff; - display: flex; - flex-flow: row nowrap; } - @media print, screen and (min-width: 40em) { - .top-bar { - padding: 1rem; } } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex-basis: auto; } - .top-bar svg polygon, - .top-bar svg path { - fill: #0a0a0a !important; } - .top-bar .menu-text { - padding: 0; } - .top-bar ul { - background-color: transparent; } - .top-bar button { - transition-property: color, background-color; - transition-duration: .325s, .325s; - transition-timing-function: ease-in-out, ease-in-out; } - .top-bar .tagline { - transition-property: color; - transition-timing-function: .325s; - transition-timing-function: ease-in-out; } - .top-bar .button-group { - margin-bottom: 0; } - .top-bar .button, - .top-bar .cta__button, - .top-bar .cta__button--alt, .top-bar .modal__open-button, .top-bar .transcript .transcript__toggle, .transcript .top-bar .transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .slide--in-depth__intro__button { - margin-bottom: 0; - background: #0a0a0a; - color: #ffffff; } - .top-bar .button.hollow, - .top-bar .hollow.cta__button, - .top-bar .hollow.cta__button--alt, .top-bar .hollow.modal__open-button, .top-bar .transcript .hollow.transcript__toggle, .transcript .top-bar .hollow.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .hollow.slide--in-depth__intro__button { - color: #0a0a0a; - background: transparent; - border: 2px solid #0a0a0a; } - .invert.top-bar, - .off-canvas-opened .top-bar { - background-color: transparent; } - .invert.top-bar *, - .off-canvas-opened .top-bar * { - color: #ffffff; - background-color: transparent; } - .invert.top-bar .button, - .invert.top-bar .cta__button, - .invert.top-bar .cta__button--alt, .invert.top-bar .modal__open-button, .invert.top-bar .transcript .transcript__toggle, .transcript .invert.top-bar .transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button, - .off-canvas-opened .top-bar .cta__button, - .off-canvas-opened .top-bar .cta__button--alt, - .off-canvas-opened .top-bar .modal__open-button, - .off-canvas-opened .top-bar .transcript .transcript__toggle, - .transcript .off-canvas-opened .top-bar .transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .slide--in-depth__intro__button { - background: #ffffff; - color: #0a0a0a; } - .invert.top-bar .button.hollow, - .invert.top-bar .hollow.cta__button, - .invert.top-bar .hollow.cta__button--alt, .invert.top-bar .hollow.modal__open-button, .invert.top-bar .transcript .hollow.transcript__toggle, .transcript .invert.top-bar .hollow.transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .hollow.slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button.hollow, - .off-canvas-opened .top-bar .hollow.cta__button, - .off-canvas-opened .top-bar .hollow.cta__button--alt, - .off-canvas-opened .top-bar .hollow.modal__open-button, - .off-canvas-opened .top-bar .transcript .hollow.transcript__toggle, - .transcript .off-canvas-opened .top-bar .hollow.transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .hollow.slide--in-depth__intro__button { - background: transparent; - border: 2px solid #ffffff; } - .invert.top-bar svg polygon, - .invert.top-bar svg path, - .off-canvas-opened .top-bar svg polygon, - .off-canvas-opened .top-bar svg path { - fill: #ffffff !important; } - - .off-canvas-opened .top-bar { - background-color: #0a0a0a; } - -/* -Ambient Video - -Fullscreen html5 video playing in the background - -Markup: AmbientVideo.html.twig - -Styleguide COMPONENTS.AmbientVideo - -*/ -.ambient_video .caption figcaption { - background: #282828; } - -@media print, screen and (min-width: 40em) { - .ambient_video { - min-height: 100vh; - min-width: 100vw; - position: relative; - overflow: hidden; - background-color: black; } } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - min-height: auto !important; } } - -@media print, screen and (min-width: 40em) { - .ambient_video::before { - content: ""; - position: absolute; - top: 0; - left: 0; - min-height: 100vh; - min-width: 100vw; - z-index: 2; - background: linear-gradient(90deg, rgba(10, 10, 10, 0) 0, rgba(10, 10, 10, 0.75) 30%, #0a0a0a 95%); } } - -.ambient_video .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .ambient_video .video_element.stopfade { - opacity: 0.5; } - -.ambient_video .cell, .ambient_video .video--embed.boxed > .video--embed__wrapper { - z-index: 2; - color: #fff; } - .ambient_video .cell p, .ambient_video .video--embed.boxed > .video--embed__wrapper p, .ambient_video .cell .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .cell h3, .ambient_video .video--embed.boxed > .video--embed__wrapper .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .video--embed.boxed > .video--embed__wrapper h3 { - color: #fff !important; } - -@media print, screen and (min-width: 40em) { - .ambient_video .centerv { - position: absolute; - top: 50%; - transform: translateY(-50%); - max-width: 32rem; } } - -.ambient_video .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.ambient_video .text_content { - position: relative; - top: 5em; - z-index: 5; - color: #fff; - opacity: 0; - transition-property: top, opacity; - transition-duration: 1s; - transition-delay: 0.75s; - transition-timing-function: ease-out; } - -.triggered .ambient_video { - display: block; - opacity: 1em; } - .triggered .ambient_video .video_element, - .triggered .ambient_video .plyr--video, - .triggered .ambient_video .plyr--audio { - opacity: 1 !important; } - .triggered .ambient_video .text_content { - top: 0; - opacity: 1; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .video_element { - width: 100%; - padding-top: 6rem; - padding-right: 2rem; - padding-left: 2rem; } } - -.ambient_video .video_element .plyr__controls, -.ambient_video .video_element .plyr__control { - display: none; - opacity: 0; } - .ambient_video .video_element .plyr__controls > *, - .ambient_video .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - padding-top: 2rem !important; } } - -/* - -Video Embed - -Ten col, 'full width' video - -Markup: video--embed.html.twig - -*/ -.plyr { - max-height: 100vh; } - -.plyr__control path { - fill: #ffffff; } - -.plyr__controls { - background: transparent !important; } - -.plyr__control:hover { - background-color: #fff !important; } - .plyr__control:hover svg { - fill: #0a0a0a !important; } - -.plyr__control--overlaid { - background: #7EA687; - padding: 1rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid { - padding: 1.5rem; } } - .plyr__control--overlaid:focus { - background: #7EA687; } - .plyr__control--overlaid svg { - transition-property: background-color; - transition-duration: .25s; - transition-timing-function: ease-in-out; - width: 1.25rem; - height: 1.25rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid svg { - width: 1.5rem; - height: 1.5rem; - left: 5px; - top: 2px; } } - -.video--embed { - position: relative; } - @media print, screen and (min-width: 40em) { - .video--embed { - height: 100vh; - overflow: hidden; - background-size: cover; } } - .video--embed .plyr--full-ui input[type=range] { - height: 0.25rem; - color: #fff !important; } - .video--embed .plyr--full-ui input[type=range] .plyr__progress__buffer { - box-shadow: none; } - .video--embed .plyr-video { - max-height: 100vh; } - .video--embed .plyr--video .plyr__controls { - position: fixed; - padding-left: 16.6667%; - padding-right: 16.6667%; - height: 3em; - width: 100%; - bottom: 0; - visibility: hidden; - background: linear-gradient(rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.5)) !important; } - .triggered .video--embed .plyr--video .plyr__controls { - visibility: visible; - opacity: 1; - bottom: 0; - padding-bottom: 2rem; - top: auto; } - .video--embed .plyr__video-wrapper { - background: #ffffff; - height: 100vh; } - .video--embed .plyr__video-wrapper .icon--not-pressed path { - fill: #0a0a0a !important; } - .video--embed .plyr__video-wrapper iframe { - max-height: 100vh; } - @media print, screen and (min-width: 40em) { - .video--embed .plyr__video-wrapper iframe { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .video--embed.theme--dark .plyr__video-wrapper { - background: #0a0a0a; } - .video--embed.theme--dark .plyr__video-wrapper .icon--not-pressed path { - fill: #ffffff; } - .video--embed .plyr__poster { - max-height: 100vh; } - @supports (object-fit: cover) { - .video--embed .plyr__poster { - background-size: cover; } } - .video--embed.boxed { - position: relative; } - .video--embed.boxed > .video--embed__wrapper { - position: relative; } - .video--embed.boxed .plyr__video-wrapper { - height: 100%; } - .video--embed.boxed .plyr--video .plyr__controls { - position: absolute; } - -@supports (object-fit: cover) { - .video--embed.file .plyr__poster, - .video--embed.file .plyr--video .plyr--video, - .video--embed.file .plyr--video video { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.video-overlay { - display: none; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; } - @media print, screen and (min-width: 40em) { - .video-overlay { - background: rgba(10, 10, 10, 0.25); - transition-property: opacity, z-index; - transition-duration: .25s, 0s; - transition-timing-function: ease-in-out, ease-in-out; - transition-delay: 0s, 5s; - opacity: 1; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; - text-align: center; - color: #ffffff; } - .video-overlay__title { - margin-top: 15rem; } - .video-overlay__text { - font-size: 1rem; - max-width: 55rem; - margin-left: auto; - margin-right: auto; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; - padding: 1.75rem; } - .video-overlay .plyr__control--overlaid svg { - left: 5px; - top: 2px; } - .playing .video-overlay { - opacity: 0; - z-index: -1; } } - .video-overlay .caption { - display: inline-block; - margin: 0; } - .video-overlay .caption figcaption { - position: absolute; - bottom: 5rem; - left: 25%; - right: 25%; - background: rgba(10, 10, 10, 0.5); - padding: 1rem; - color: #ffffff; } - .video-overlay .toggle-caption { - transform: translateY(-0.125rem); - border-color: #ffffff; - color: #ffffff; } - .video-overlay .toggle-caption:hover { - border-color: #ffffff; - color: #ffffff; } - -.zoom-caption .zoom-button-wrapper { - position: relative; - z-index: 2; - top: -20px; - left: -20px; } - -.zoom-caption .inline-caption-button { - background-color: #ffffff; - color: #0a0a0a; - font-size: 1.6em; - padding: 6px; - border-radius: 100px; - font-weight: 600; - line-height: 26px; - cursor: pointer; - height: 40px; - width: 40px; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); - animation: border-pulsate 4s ease-out infinite; - transition-property: transform; - transition-duration: 0.2s; - transition-timing-function: ease-in; } - -@keyframes border-pulsate { - 0% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } - 25% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 50% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } - 75% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 100% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } } - .zoom-caption .inline-caption-button.close { - transform: rotate(45deg); } - -.zoom-caption .inline-caption-content { - opacity: 0; - display: none; - transition-property: opacity; - transition-duration: 0.4s; - transition-timing-function: ease-in; } - .zoom-caption .inline-caption-content.show { - display: block; - opacity: 1; } - -.zoom-caption .inline-caption-heading { - font-size: 1.125rem; - line-height: 30px; - margin-bottom: 1rem; - display: block; } - -.zoom-caption .inline-caption-text { - font-size: 0.75rem; - line-height: 16px; } - -.zoomable { - position: relative; - overflow: hidden; - pointer-events: none; } - -.zoomableInPlace { - position: absolute; } - -.zoomable > .zoomed { - transition-property: opacity; - transition-duration: 0.5s; - opacity: 0 !important; - position: absolute !important; - top: auto; - left: auto; - right: auto; - bottom: auto; - margin: 0 !important; - pointer-events: none !important; - max-height: none !important; - max-width: none !important; - background: #fff !important; } - -.zoomable.active > .zoomed { - opacity: 1 !important; - transition-property: opacity; - transition-duration: 0.5s; } - -section.triggered .scroll-finder { - z-index: 99999; - opacity: 1; - bottom: 20px; } - -.zoom-image--fullbleed { - display: none; - width: 100vw; - height: 100vh; - background-color: #000; - align-items: center; - padding-top: 90px; - /* .caption { - margin-bottom: 0; - - figcaption { - @include responsive(max-width, calc(100% - 2rem), 500px); - position: absolute; - z-index: 50; - bottom: 3rem; - right: 1rem; - } - } - - .caption__brief { - position: absolute; - bottom: 1rem; - right: 1rem; - z-index: 50; - } - - .toggle-caption, - .toggle-caption:hover { - color: $white; - border-color: $white; - }*/ } - @media print, screen and (min-width: 64em) { - .zoom-image--fullbleed { - display: flex; } } - -.scroll-finder { - transition-property: opacity, bottom; - transition-duration: 1.3s, 0.75s; - transition-timing-function: ease, ease; - opacity: 0; - height: auto; - width: 160px; - position: fixed; - bottom: -160px; - left: 65px; - overflow: hidden; } - -.finder-box { - height: 50px; - width: 80px; - border: solid #ffffff 2px; - position: absolute; } - -.inline-image-zoom-wrapper { - position: relative; } - .inline-image-zoom-wrapper .zoom-caption { - position: absolute; } - .inline-image-zoom-wrapper .zoom-caption .inline-caption-content { - z-index: 100; - position: relative; - top: -39px; - width: 330px; - background-color: rgba(255, 255, 255, 0.8); - padding: 2rem; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } - .inline-image-zoom-wrapper .caption figcaption { - position: absolute; - width: 100%; } - -.frame > .zoom-image--inline .caption { - position: absolute; - bottom: 2rem; - right: 1.7rem; - margin-bottom: 0; } - -.frame > .zoom-image--inline figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - max-width: auto; - width: 500px !important; - bottom: 3rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .frame > .zoom-image--inline figcaption { - max-width: 500px; } } - -.zoom-image--inline--mobile.owl-carousel { - position: relative; - width: 100vw; - height: auto !important; - padding-bottom: 30px; - color: #0a0a0a; - background: transparent; } - @media print, screen and (min-width: 40em) { - .zoom-image--inline--mobile.owl-carousel { - display: none; } } - .zoom-image--inline--mobile.owl-carousel h2 { - margin-top: 20px; - font-size: 1.1em; } - .zoom-image--inline--mobile.owl-carousel .zoom-image-mobile-text { - margin: 0 40px; } - .zoom-image--inline--mobile.owl-carousel .owl-nav { - display: block; - position: absolute; - width: 100%; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button { - background-image: url("../assets/images/right-arrow.svg") !important; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-prev { - left: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-next { - right: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots { - position: static; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot { - margin: 0 .2rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot.active span { - background-color: #0a0a0a; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot:before { - content: ''; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot span { - display: inline-block !important; - height: 8.5px; - width: 8.5px; } - -.timeline { - margin: 70px 35px 20px 30px; } - @media print, screen and (min-width: 40em) { - .timeline { - margin-left: 80px; } } - @media print, screen and (min-width: 64em) { - .timeline { - margin-left: 90px; } } - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: linear; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - opacity: 0; } } - .timeline .timeline--year.active .timeline-item-title, - .timeline .timeline--year.active .timeline-item-subtitle, - .timeline .timeline--year.active .timeline-item-description, - .timeline .timeline--year.active .timeline-images { - opacity: 1; } - .timeline .timeline--year { - border-left: 1px solid #ffffff; - padding-top: 80px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline--year { - border-left: none; - display: flex; - padding-top: 0; } } - .timeline .timeline--year:first-of-type { - padding-top: 36px; } - .timeline .timeline-title { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding-bottom: 70px; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-title { - visibility: hidden; - position: fixed; - top: 64px; - width: 100vw; - text-align: center; - z-index: 1; - left: 0; - padding-top: 40px; - padding-bottom: 40px; } } - .timeline > h4 { - text-align: center; } - @media print, screen and (min-width: 64em) { - .timeline > h4 { - margin-top: 100px; - margin-right: 85px; } } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-images { - display: inline-block; - width: 30%; - margin-left: 65px; } } - .timeline .timeline-item-image { - padding-bottom: 10px; - padding-left: 30px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-image { - padding-left: 0; } - .timeline .timeline-item-image:first-of-type { - margin-top: 60px; } } - .timeline .timeline-item-image .caption__brief { - padding-top: 5px; } - .theme--dark .timeline .timeline-item-text { - color: white; } - .timeline .timeline-item-text { - padding-left: 30px; - color: white; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - display: inline-block; - width: 60%; - vertical-align: top; - padding-left: 10%; - padding-bottom: 80px; - margin-left: 12%; - border-left: none; - position: relative; } } - .timeline .timeline-item-title { - font-size: 3.75rem; - font-family: "freight-text-pro", serif; - line-height: 1; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title { - font-size: 10rem; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title { - margin-top: -35px; } } - .timeline .timeline-item-title.smaller-text { - font-size: 5.50em; - line-height: 1.1; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title.smaller-text { - margin-top: 5px; } } - .timeline .timeline-item-title::before { - content: ''; - display: inline-block; - width: 15px; - height: 15px; - -moz-border-radius: 7.5px; - -webkit-border-radius: 7.5px; - border-radius: 7.5px; - background-color: #ffffff; - position: absolute; - left: 23px; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title::before { - left: 73px; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title::before { - height: 0; - width: 0; - margin-top: 0; } } - - .timeline .timeline-item-subtitle { - font-family: "freight-display-pro", sans; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-subtitle { - width: 80%; } } - - .timeline .timeline-item-description { - font-size: 1.2em; - padding-bottom: 1em; - margin-bottom: 0; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-description { - width: 80%; } } - .timeline .timeline-year { - color: #ffffff; - position: absolute; - font-size: 1.5em; - left: -65px; - top: 43px; } - .timeline .timespan-scroller-inner, - .timeline .timespan-scroller-pos { - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller { - visibility: hidden; - height: 500px; - width: 200px; - position: fixed; - top: 215px; - left: 40vw; - color: white; - overflow: hidden; - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - opacity: 0; } } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller-inner { - z-index: 0; - background-color: white; - width: 1px; - margin: auto; - position: relative; } } - @media print, screen and (min-width: 64em) { - .timeline .span-year { - display: block; - padding-bottom: 250px; - margin-left: -55px; - font-size: 1.25em; } } - - .timeline .timespan-scroller-pos { - width: 3px; - min-height: 10px; - background: white; - position: absolute; - margin-left: -1px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - border-left: 0; } - .timeline .timeline-item-text .timeline-year { - display: none; } - .timeline .timeline-item-text:before { - width: 0; - height: 0; } } - -@media print, screen and (min-width: 64em) { - .timeline.year-span { - margin: 220px 35px 20px 30px; } } - -.timeline.year-span .timeline-item-title { - font-family: "freight-text-pro", serif; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span > div:first-of-type { - margin-top: 50px; } } - -.timeline.no-year-span .timespan-scroller-pos { - min-height: 15px; - width: 15px; - border-radius: 15px; - margin-left: -7px; - margin-top: -5px; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-text { - border-left: 1px solid #ffffff; } } - -.timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 50px; } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 0; } } - -.timeline.no-year-span .timeline-item-title::before { - margin-top: 28px; } - @media print, screen and (min-width: 40em) { - .timeline.no-year-span .timeline-item-title::before { - margin-top: 90px; } } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title::before { - width: 15px; - height: 15px; - top: 58px; - left: -8px; - margin-top: 0; } } - -.theme--primary .timeline .timeline--year { - border-left-color: #7EA687; } - -@media print, screen and (min-width: 64em) { - .theme--primary .timeline .timeline-item-text { - border-left-color: #7EA687; } } - -.theme--primary .timeline .timeline-item-title::before { - background-color: #7EA687; } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline .timespan-scroller { - visibility: visible; - opacity: 1; } } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline h2 { - visibility: visible; } } - -.stackla-widget .stackla-poweredByStackla { - display: none; } - -.stacklapopup-content .stacklapopup-poweredByStackla { - display: none; } - -/* Import from BeerSlider library */ -.beer-slider { - display: inline-block; - overflow: hidden; - position: relative; } - -.beer-slider *, .beer-slider:after, .beer-slider :after, .beer-slider:before, .beer-slider :before { - box-sizing: border-box; } - -.beer-slider img, .beer-slider svg { - vertical-align: bottom; } - -.beer-slider > * { - height: 100%; } - -.beer-slider > img { - height: auto; - max-width: 100%; } - -.beer-reveal { - left: 0; - opacity: 0; - overflow: hidden; - position: absolute; - right: 50%; - top: 0; - transition-property: opacity; - transition-duration: .35s; - z-index: 1; } - .beer-reveal.pre-load { - width: 100% !important; } - -.beer-reveal > :first-child { - height: 100%; - max-width: none; - width: 200%; } - -.beer-reveal > img:first-child { - height: auto; } - -.beer-range { - -moz-appearance: none; - -ms-touch-action: auto; - -webkit-appearance: slider-horizontal !important; - bottom: 0; - cursor: pointer; - height: 100% !important; - left: -1px; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - touch-action: auto; - width: calc(100% + 2px); - z-index: 2; } - -.beer-range::-webkit-slider-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-moz-range-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-ms-tooltip { - display: none; } - -.beer-handle { - background: #fff; - border-radius: 50%; - box-shadow: 0 0 6px transparent; - color: #777; - height: 48px; - left: 50%; - opacity: 0; - pointer-events: none; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); - transition-property: background, box-shadow, opacity; - transition-duration: .3s, .3s, .5s; - transition-delay: 0s, 0s, .25s; - width: 48px; - z-index: 2; } - -.beer-handle:after, .beer-handle:before { - border-left: 2px solid; - border-top: 2px solid; - content: ""; - height: 10px; - position: absolute; - top: 50%; - transform-origin: 0 0; - width: 10px; } - -.beer-handle:before { - left: 10px; - transform: rotate(-45deg); } - -.beer-handle:after { - right: 0; - transform: rotate(135deg); } - -.beer-range:focus ~ .beer-handle { - background: rgba(255, 255, 255, 0.85); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } - -.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after { - background: rgba(255, 255, 255, 0.75); - border-radius: .125rem; - content: attr(data-beer-label); - line-height: 1; - padding: .5rem; - position: absolute; - top: 1.5rem; } - -.beer-slider[data-beer-label]:after { - right: 1.5rem; } - -.beer-reveal[data-beer-label]:after { - left: 1.5rem; } - -.beer-reveal[data-beer-label=""]:after, .beer-slider[data-beer-label=""]:after { - content: none; } - -.beer-ready .beer-handle, .beer-ready .beer-reveal { - opacity: 1; } - -.frame > .beer-slider { - width: 100%; } - .frame > .beer-slider img:first-child { - width: 100%; } - -.beer-reveal > :last-child { - height: 100% !important; - max-width: none !important; } - -.image-comparison-slider .beer-slider { - left: 50%; - transform: translateX(-50%); } - -.image-comparison-slider .beer-range { - height: 100% !important; } - -.image-comparison-slider .beer-reveal img { - max-width: none; - width: auto; - height: auto; } - -.embed--content-wrapper { - text-align: center; - margin: 1rem 0 0; } - .embed--content-wrapper h4 { - margin-bottom: .42rem; } - -/* - -One-up Primary - -The primary site nav with a central column. - -Markup: one_up--primary.html.twig - -Styleguide Layouts.one_up--primary - -*/ -.one_up--primary .grid-frame { - height: 100vh; } - -/* - -Two-up Primary - -The basic two column nav with two-grid-col offsets on either side. - -Markup: two_up--primary.html.twig - -Styleguide Layouts.two_up--primary - -*/ -/* -Commentary - -The commentary component is used when wanting to display long form historical, contemporary, or expert commentary related to the story. - -Markup: commentary.html.twig - -Styleguide COMPONENTS.commentary - -*/ -.commentary { - margin-top: 4rem; } - @media print, screen and (min-width: 40em) { - .commentary { - margin-top: 0; } } - .commentary .commentary__content { - min-height: 100%; - padding: 0; - margin: 0; - border: 2px solid #b2b2b2; } - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(-25vw); } - @media print, screen and (min-width: 40em) { - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(0); } } - .commentary .commentary__layout-left { - padding: 0 4vw 4vw 4vw; - position: relative; - border-bottom: 2px solid #b2b2b2; } - @media print, screen and (min-width: 64em) { - .commentary .commentary__layout-left { - padding: 0 5vw 4vw 6vw; - border-bottom: none; - border-right: 2px solid #b2b2b2; } } - - .commentary .commentary__layout-right { - padding: 12vw 4vw 4vw 4vw; - position: relative; - margin-bottom: -25vw; } - @media print, screen and (min-width: 40em) { - - .commentary .commentary__layout-right { - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - - .commentary .commentary__layout-right { - padding: 5vw 6vw 4vw 4vw; - margin-bottom: 0; } } - .no-img.commentary { - margin-top: 0; } - .no-img.commentary .commentary__layout-left { - padding-top: 5vw; - transform: translateY(0); } - .no-img.commentary .commentary__layout-right { - margin-bottom: 0; - padding-bottom: 4vw; - transform: translateY(0); } - .commentary .commentary__image { - position: relative; - text-align: center; - width: 50vw; - margin: 0 auto 2rem auto; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__image { - margin: 0 auto; - width: auto; - top: -2rem; } } - @media print, screen and (min-width: 64em) { - .commentary .commentary__image { - left: -1vw; - max-width: 20vw; } } - .commentary .commentary__image img { - max-width: 30rem; - border-radius: 1000rem; - border: 2px solid #b2b2b2; - overflow: hidden; - margin-right: 2vw; - display: inline-block; } - .commentary .commentary__author-name { - font-size: 2.375rem; - line-height: 40px; - font-family: "freight-display-pro", sans; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - line-height: 70px; } } - .commentary .commentary__author-title { - font-family: "freight-display-pro", sans; - font-size: 1.75rem; - font-style: italic; } - .commentary .commentary__author-bio { - color: #8a8a8a; } - .commentary .commentary__icon { - text-align: left; - position: absolute; - top: -1.25rem; - left: 4vw; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon { - top: -2rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon svg { - width: 5rem; } } - .commentary .sharing-icons { - margin-top: 2rem; - margin-bottom: 0; } - -footer.footer { - background: #ffffff; - display: flex; - flex-flow: column; - position: relative; - z-index: 3; } - footer.footer h1, footer.footer .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro footer.footer .slide--in-depth__intro__title, footer.footer .in-depth .in-depth__title, .in-depth footer.footer .in-depth__title, - footer.footer h2, - footer.footer h3, - footer.footer h4, - footer.footer h5, - footer.footer h6, - footer.footer a.link--arrow, - footer.footer label { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - footer.footer .footer__content { - padding-top: 3rem; - padding-bottom: 3rem; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__content { - padding-top: 6rem; - padding-bottom: 6rem; } } - footer.footer form { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer form { - margin: 2rem 0; } } - footer.footer .footer__social { - margin: 3rem 0 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__social { - margin: 5rem 0 2rem 0; } } - footer.footer .footer__social > a { - color: #8a8a8a; - margin-right: 1rem; } - footer.footer .footer-feature-wrapper { - display: flex; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature-wrapper { - display: block; } } - footer.footer .footer-feature { - width: 45%; - display: inline-block; - margin-right: 5%; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature { - margin-bottom: 4rem; - width: auto; - display: block; - margin-right: 0; } } - @media print, screen and (min-width: 64em) { - footer.footer .footer-feature { - margin-bottom: 4rem; } - footer.footer .footer-feature:last-of-type { - margin-bottom: 0; } } - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - margin-bottom: 1rem; } - @media screen and (max-width: 39.9375em) { - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - font-family: "freight-text-pro", serif; - font-weight: 100; } - footer.footer .footer-feature h3:after, - footer.footer .footer-feature h4:after { - display: none; } } - footer.footer .footer-feature p, .off-canvas footer.footer .footer-feature h3 { - font-size: 0.75rem; - line-height: 16px; } - footer.footer .footer-feature .footer-description { - display: none; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature .footer-description { - display: block; } } - footer.footer .footer-feature img { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature img { - margin: 0; } } - @media print, screen and (min-width: 40em) { - footer.footer { - display: block; } } - .off-canvas footer.footer { - padding: 0 2rem; - display: block; } - .off-canvas footer.footer .footer-feature h3 { - font-family: sans-serif; - margin: .5rem 0 0 0; } - .off-canvas footer.footer .footer-feature h3:after { - display: none; } - .off-canvas footer.footer .footer__navigation { - display: none; } - -/* -Horizontal Image Slider - -This is used to show a set of related images as a group. - -Markup: horizontal-image-slider.html.twig - -Styleguide COMPONENTS.horizontal-image-slider - -*/ -.owl-carousel, -.horizontal-image-slider.owl-carousel, .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - padding: 0; - height: 100vh; - display: block; - color: #0a0a0a; - cursor: url(../../../assets/images/horizontal_scrub_cursor.svg), auto; } - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer, - .owl-carousel .owl-stage, - .horizontal-image-slider.owl-carousel .owl-stage, - .in-depth-slider .horizontal-image-slider .owl-stage, - .in-depth-modal .horizontal-image-slider .owl-stage, - .owl-carousel .owl-item, - .horizontal-image-slider.owl-carousel .owl-item, - .in-depth-slider .horizontal-image-slider .owl-item, - .in-depth-modal .horizontal-image-slider .owl-item { - height: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 8rem 6rem 4rem 6rem; } } - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - height: 100%; - padding: 0 2rem; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - padding: 0; } } - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - display: block; } } - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem; - display: flex; - height: 100%; } - .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - margin: auto 0; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem 2rem 2rem 0; - max-width: 25rem; } } - .owl-carousel h3, .horizontal-image-slider.owl-carousel h3, .in-depth-slider .horizontal-image-slider h3, .in-depth-modal .horizontal-image-slider h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: auto; } } - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - min-width: 220px; - max-height: 50vh; - width: auto; - margin: auto; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - width: auto; - height: 100%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption, .horizontal-image-slider.owl-carousel .caption, .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - position: absolute; } } - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - font-size: 15px; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - display: inline-block; } } - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: 83%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: none; } } - .owl-carousel .owl-dots, .horizontal-image-slider.owl-carousel .owl-dots, .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots { - position: absolute; - right: 2rem; - bottom: 2rem; - counter-reset: dots; } - .owl-carousel .owl-dot, .horizontal-image-slider.owl-carousel .owl-dot, .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - margin: 0 .5rem; - color: rgba(10, 10, 10, 0.5) !important; } - .owl-carousel .owl-dot:focus, .horizontal-image-slider.owl-carousel .owl-dot:focus, .in-depth-slider .horizontal-image-slider .owl-dot:focus, .in-depth-modal .horizontal-image-slider .owl-dot:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-dot.active, .horizontal-image-slider.owl-carousel .owl-dot.active, .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - .owl-carousel .owl-dot span, .horizontal-image-slider.owl-carousel .owl-dot span, .in-depth-slider .horizontal-image-slider .owl-dot span, .in-depth-modal .horizontal-image-slider .owl-dot span { - display: none !important; } - .owl-carousel .owl-dot:before, .horizontal-image-slider.owl-carousel .owl-dot:before, .in-depth-slider .horizontal-image-slider .owl-dot:before, .in-depth-modal .horizontal-image-slider .owl-dot:before { - font-size: .75rem; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - counter-increment: dots; - content: "0" counter(dots); } - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: none; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: block; } } - .owl-carousel .owl-nav.disabled, .horizontal-image-slider.owl-carousel .owl-nav.disabled, .in-depth-slider .horizontal-image-slider .owl-nav.disabled, .in-depth-modal .horizontal-image-slider .owl-nav.disabled { - display: none !important; - opacity: 0 !important; - visibility: hidden !important; } - .owl-carousel .owl-nav button, .horizontal-image-slider.owl-carousel .owl-nav button, .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - position: absolute; - top: calc(50% - 4rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; - width: 4rem; - height: 2.5rem; - opacity: 1 !important; } - .owl-carousel .owl-nav button:focus, .horizontal-image-slider.owl-carousel .owl-nav button:focus, .in-depth-slider .horizontal-image-slider .owl-nav button:focus, .in-depth-modal .horizontal-image-slider .owl-nav button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-nav button:hover, .horizontal-image-slider.owl-carousel .owl-nav button:hover, .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - .owl-carousel .owl-nav button.disabled, .horizontal-image-slider.owl-carousel .owl-nav button.disabled, .in-depth-slider .horizontal-image-slider .owl-nav button.disabled, .in-depth-modal .horizontal-image-slider .owl-nav button.disabled { - opacity: 0 !important; } - .owl-carousel .owl-nav button.owl-prev, .horizontal-image-slider.owl-carousel .owl-nav button.owl-prev, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-prev, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-prev { - left: 2rem; - transform: rotate(180deg); } - .owl-carousel .owl-nav button.owl-next, .horizontal-image-slider.owl-carousel .owl-nav button.owl-next, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-next, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-next { - right: 2rem; } - .theme--dark .owl-carousel, - .theme--dark .horizontal-image-slider.owl-carousel, .theme--dark .in-depth-slider .horizontal-image-slider, .in-depth-slider .theme--dark .horizontal-image-slider, .theme--dark .in-depth-modal .horizontal-image-slider, .in-depth-modal .theme--dark .horizontal-image-slider, .theme--dark.owl-carousel, .in-depth-slider .theme--dark.horizontal-image-slider, .in-depth-modal .theme--dark.horizontal-image-slider { - color: #ffffff; } - .theme--dark .owl-carousel .figcaption, .theme--dark .horizontal-image-slider.owl-carousel .figcaption, .theme--dark .in-depth-slider .horizontal-image-slider .figcaption, .in-depth-slider .theme--dark .horizontal-image-slider .figcaption, .theme--dark .in-depth-modal .horizontal-image-slider .figcaption, .in-depth-modal .theme--dark .horizontal-image-slider .figcaption, .theme--dark.owl-carousel .figcaption, .in-depth-slider .theme--dark.horizontal-image-slider .figcaption, .in-depth-modal .theme--dark.horizontal-image-slider .figcaption { - color: #ffffff; } - .theme--dark .owl-carousel .owl-dot, .theme--dark .horizontal-image-slider.owl-carousel .owl-dot, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot, .theme--dark.owl-carousel .owl-dot, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .owl-carousel .owl-dot.active, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark.owl-carousel .owl-dot.active, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot.active { - color: #ffffff !important; } - .theme--dark .owl-carousel .slide__icon--next:before, .theme--dark .horizontal-image-slider.owl-carousel .slide__icon--next:before, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next:before, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark.owl-carousel .slide__icon--next:before, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next:before { - background: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg circle.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark.owl-carousel .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider { - fill: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg polyline.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark.owl-carousel .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider { - stroke: #ffffff; } - -.page :not(.in-depth-slider) > .horizontal-image-slider > * { - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - -.page.triggered :not(.in-depth-slider) > .horizontal-image-slider > * { - opacity: 1; } - -/* -In Depth -This is used to show additional information that is related to the content in the chapter but not necessary to show the user. This content is often shareable, fun, digestible "Did you know?" type content. -Markup: in-depth.html.twig -Styleguide COMPONENTS.in-depth -*/ -.in-depth { - display: flex; - align-items: center; - height: 100vh; } - @media print, screen and (min-width: 40em) { - .in-depth { - padding: 0; } } - .in-depth .in-depth__intro { - width: 100%; - min-height: auto !important; } - .in-depth .in-depth__image img { - border-radius: 1000rem; - overflow: hidden; } - .in-depth .in-depth__title { - font-size: 2rem; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__title { - font-size: 3rem; - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__title { - font-size: 4rem; - margin-bottom: 4rem; } } - .in-depth .in-depth__left-col { - position: relative; - z-index: 5; } - .in-depth .in-depth__right-col { - position: relative; - z-index: 10; - transform: translate(0, -4rem); - padding: 0 2rem; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__right-col { - padding: 0; - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; - transform: translate(-2rem, 0); } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__right-col { - transform: translate(-4rem, 0); } } - @media screen and (min-width: 75em) { - .in-depth .in-depth__right-col { - transform: translate(-6rem, 0); } } - @media screen and (min-width: 90em) { - .in-depth .in-depth__right-col { - transform: translate(-8rem, 0); } } - .theme--dark .in-depth .in-depth__title, .theme--dark.in-depth .in-depth__title { - color: #ffffff; } - -.in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - visibility: hidden; - opacity: 0; - margin-top: 5rem; - border-color: #0a0a0a !important; - color: #0a0a0a !important; - background-color: rgba(255, 255, 255, 0.25) !important; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: absolute; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - margin-top: 5rem; - margin-right: 0; } } - -.in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: auto; - min-height: 100vh; - padding: 0; - background: transparent; - cursor: default; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: 100vh; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 0; } } - .in-depth-slider .horizontal-image-slider .item:not(:first-of-type), .in-depth-modal .horizontal-image-slider .item:not(:first-of-type) { - display: none; - opacity: 0; - visibility: hidden; } - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 2rem 0; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 0; - display: flex !important; - flex-flow: row nowrap !important; - align-items: center !important; } - .in-depth-slider .horizontal-image-slider .item__content > *, .in-depth-modal .horizontal-image-slider .item__content > * { - flex-grow: 1; } } - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - width: 100% !important; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - flex-basis: 75%; - height: 100vh; - min-height: 100vh; - width: auto !important; - position: relative; } - .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .in-depth-modal .horizontal-image-slider .item__content > .picture:before { - position: absolute; - top: 0; - right: 0; - width: calc(100% / 3); - height: 100%; - content: ''; - background: linear-gradient(to right, transparent, #ffffff); - z-index: 9; } } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - position: relative; - height: auto; - width: 100%; - object-fit: initial !important; - background-size: initial !important; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - max-height: 100vh; - min-height: 100vh; } } - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - color: #0a0a0a; - position: relative; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - flex-basis: 25%; - position: relative; - margin: 4rem 12rem; } } - .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - border-color: #0a0a0a; - color: #0a0a0a; } - .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; - background: #e6e6e6; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 16px !important; } } - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - top: calc(50% - 1.25rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - color: rgba(10, 10, 10, 0.5) !important; } - .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots, - .in-depth-slider .horizontal-image-slider .owl-nav, - .in-depth-modal .horizontal-image-slider .owl-nav { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: 0; - visibility: hidden; } } - -.open.in-depth-slider .in-depth__toggle, .open.in-depth-modal .in-depth__toggle { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .owl-dots, .open.in-depth-modal .horizontal-image-slider .owl-dots, -.open.in-depth-slider .horizontal-image-slider .owl-nav, -.open.in-depth-modal .horizontal-image-slider .owl-nav { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .item:not(first-of-type), .open.in-depth-modal .horizontal-image-slider .item:not(first-of-type) { - display: block; - opacity: 1; - visibility: visible; } - -.theme--dark .in-depth-slider .in-depth__toggle, .theme--dark .in-depth-modal .in-depth__toggle, .theme--dark.in-depth-slider .in-depth__toggle, .theme--dark.in-depth-modal .in-depth__toggle { - border-color: #ffffff !important; - color: #ffffff !important; - background-color: rgba(10, 10, 10, 0.25) !important; } - -.theme--dark .in-depth-slider .owl-dot, .theme--dark .in-depth-modal .owl-dot, .theme--dark.in-depth-slider .owl-dot, .theme--dark.in-depth-modal .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .in-depth-slider .owl-dot.active, .theme--dark .in-depth-modal .owl-dot.active, .theme--dark.in-depth-slider .owl-dot.active, .theme--dark.in-depth-modal .owl-dot.active { - color: #ffffff !important; } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button, .theme--dark .in-depth-modal .owl-nav button, .theme--dark.in-depth-slider .owl-nav button, .theme--dark.in-depth-modal .owl-nav button { - background: #ffffff !important; } } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button:hover, .theme--dark .in-depth-modal .owl-nav button:hover, .theme--dark.in-depth-slider .owl-nav button:hover, .theme--dark.in-depth-modal .owl-nav button:hover { - background: #ffffff !important; } } - -.theme--dark .in-depth-slider .caption, .theme--dark .in-depth-modal .caption, .theme--dark.in-depth-slider .caption, .theme--dark.in-depth-modal .caption { - color: #ffffff; } - .theme--dark .in-depth-slider .caption .toggle-caption, .theme--dark .in-depth-modal .caption .toggle-caption, .theme--dark.in-depth-slider .caption .toggle-caption, .theme--dark.in-depth-modal .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .in-depth-slider .caption figcaption, .theme--dark .in-depth-modal .caption figcaption, .theme--dark.in-depth-slider .caption figcaption, .theme--dark.in-depth-modal .caption figcaption { - color: #ffffff; - background: rgba(255, 255, 255, 0.3); } - -@media print, screen and (min-width: 40em) { - .theme--dark .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark .in-depth-modal .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-modal .horizontal-image-slider .item__content > .picture:before { - background: linear-gradient(to right, transparent, #0a0a0a); } } - -.page { - z-index: 1; - padding: 0; - margin: 0; - min-height: 100vh; - overflow: hidden; - background-color: #fff; - box-sizing: border-box; } - .page .frame { - /* - Need `width: 100vh` in order to fix horizontal slider` - */ - width: 100vw; - box-sizing: border-box; } - .page .fluid { - min-height: 100vh; } - .height-auto.page, - .page .height-auto { - min-height: auto !important; } - .height-auto.page .fluid, - .page .height-auto .fluid { - min-height: auto; } - .page h2 { - margin-top: 0; } - .page .sub-title, - .page .page-title { - font-size: 1.25em; - color: #666; - font-weight: 600; - font-family: freight-display-pro; - font-style: italic; } - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - min-height: 100vh; - padding: 6rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - padding: 8rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 2rem 2rem 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 5rem 5rem 2.5rem 5rem; } } - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 1rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 2.5rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 2.5rem 5rem; } } - .pinnedTop.page, .pinnedBottom.page { - position: fixed; - z-index: 50; } - .pinnedTop.page { - top: 0; - bottom: auto; } - .pinnedBottom.page { - top: auto; - bottom: 0; } - .current_page.page { - z-index: 20; } - .page .page-load-snap-sticky { - position: fixed; - top: 0; - height: 100vh; - z-index: 100; - background-color: #ffffff; } - -.chapter, -.page { - position: relative; } - -.scroll-comparison { - background: transparent; } - .scroll-comparison h3 { - font-size: 1.375rem; - line-height: 1.32; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison h3 { - font-size: 1.75rem; } } - @media print, screen and (min-width: 64em) { - .scroll-comparison h3 { - font-size: 2.125rem; } } - .scroll-comparison .content { - font-size: 1rem; - line-height: 1.8; - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - opacity: 0; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .content { - width: 100%; } } - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 1rem; } - @media print, screen and (min-width: 40em) { - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 0; } } - .scroll-comparison .wrapper > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - transition-property: width; - transition-duration: .5s; - transition-timing-function: ease-in-out; } - .scroll-comparison .wrapper > .cell picture, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture, - .scroll-comparison .wrapper > .cell .picture, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture { - position: relative; } - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - content: '+'; - transition-property: background, border; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - top: 0; - left: 0; - color: white; - z-index: 1; - width: 100%; - text-align: center; - font-size: 2rem; - height: 2rem; - line-height: 2rem; - padding-top: calc(50% - 1rem); } - @media print, screen and (min-width: 64em) { - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - font-size: 4rem; - height: 4rem; - line-height: 4rem; - padding-top: calc(50% - 2rem); } } - .scroll-comparison .wrapper > .cell picture:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:after { - content: ''; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; - background: rgba(10, 10, 10, 0.65); - opacity: 1; - border: 2px solid #ffffff; } - .scroll-comparison .wrapper > .cell picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover { - cursor: pointer; } - .scroll-comparison .wrapper > .cell picture:hover:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover:after, - .scroll-comparison .wrapper > .cell .picture:hover:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover:after { - background: rgba(10, 10, 10, 0.45); } - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: none; } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: block; } } - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - display: none; } - @media screen and (max-width: 39.9375em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-bottom: .5rem; } } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-top: 2rem; - display: initial; } } - .scroll-comparison .wrapper > .cell.active picture:before, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:before, .scroll-comparison .wrapper > .cell.active picture:after, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell.active .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:before, - .scroll-comparison .wrapper > .cell.active .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:after { - opacity: 0; } - .scroll-comparison .wrapper > .cell.active picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell.active .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:hover { - cursor: default; } - .scroll-comparison .wrapper > .cell.active h3, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper h3 { - display: block; } - .scroll-comparison .wrapper > .cell.active .content, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .content { - transition-delay: .5s; - opacity: 1; } - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: calc(calc(-100vw / 3) + 1rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: 0; } } - .scroll-comparison .inline-quote { - position: relative; - left: -1rem; } - -.other-stories h3 { - color: #0a0a0a; - text-align: center; - margin-bottom: .5rem; } - -.other-stories .large-up-2 { - display: flex; - justify-content: center; } - -.other-stories button.cta { - left: 50%; - transform: translate(-50%, 0); - margin-bottom: 1.3rem; } - -.other-stories .hub-story { - margin: 25px; } - @media print, screen and (min-width: 40em) { - .other-stories .hub-story { - display: inline-block; - vertical-align: top; - width: 30%; - margin: 25px 1% 25px 1%; } } - .other-stories .hub-story .story-image { - position: relative; } - .other-stories .hub-story .on-view-story { - right: 15px; - top: 15px; - background-color: #0090a0; } - .other-stories .hub-story .story-title { - margin-top: 25px; - margin-bottom: 0; - text-align: center; - font-size: 1.5em; } - .other-stories .hub-story .story-title p, .other-stories .hub-story .story-title .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .other-stories .hub-story .story-title h3 { - margin-bottom: 0; } - .other-stories .hub-story .story-subtitle { - font-family: "freight-display-pro", sans; - font-style: italic; - text-align: center; - display: block; - font-size: 1.5em; - font-weight: 700; - color: #8a8a8a; } - .other-stories .hub-story .read-link-wrapper { - text-align: center; - margin-top: 12px; } - .other-stories .hub-story .read-link-wrapper a { - color: black; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .other-stories .hub-story .read-link-wrapper a::after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } diff --git a/build2/styles/la-prose.scss b/build2/styles/la-prose.scss new file mode 100755 index 000000000..5ffee9427 --- /dev/null +++ b/build2/styles/la-prose.scss @@ -0,0 +1,5 @@ +// Import La Prose Theme Settings. +@import 'story/settings--la-prose'; + +// Import Common Files. +@import 'base/common'; diff --git a/build2/styles/late-monet.css b/build2/styles/late-monet.css deleted file mode 100644 index 1f18b6301..000000000 --- a/build2/styles/late-monet.css +++ /dev/null @@ -1,13350 +0,0 @@ -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -/** - * Foundation for Sites by ZURB - * Version 6.4.3 - * foundation.zurb.com - * Licensed under MIT Open Source - */ -@media print, screen and (min-width: 40em) { - .reveal, .reveal.tiny, .reveal.small, .reveal.large { - right: auto; - left: auto; - margin: 0 auto; } } - -/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */ -/* Document - ========================================================================== */ -/** - * 1. Change the default font family in all browsers (opinionated). - * 2. Correct the line height in all browsers. - * 3. Prevent adjustments of font size after orientation changes in - * IE on Windows Phone and in iOS. - */ -html { - font-family: sans-serif; - /* 1 */ - line-height: 1.15; - /* 2 */ - -ms-text-size-adjust: 100%; - /* 3 */ - -webkit-text-size-adjust: 100%; - /* 3 */ } - -/* 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, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title { - font-size: 2em; - margin: 0.67em 0; } - -/* Grouping content - ========================================================================== */ -/** - * Add the correct display in IE 9-. - */ -figcaption, -figure { - 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 { - box-sizing: content-box; - /* 1 */ - height: 0; - /* 1 */ - overflow: visible; - /* 2 */ } - -/** - * Add the correct display in IE. - */ -main { - display: block; } - -/** - * 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 */ } - -/* Links - ========================================================================== */ -/** - * 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 */ } - -/** - * Remove the outline on focused links when they are also active or hovered - * in all browsers (opinionated). - */ -a:active, -a:hover { - outline-width: 0; } - -/* Text-level semantics - ========================================================================== */ -/** - * 1. Remove the bottom border in 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 */ - 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. - */ -button { - 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 */ } - -button, -[type="button"], -[type="reset"], -[type="submit"] { - /** - * Remove the inner border and padding in Firefox. - */ - /** - * Restore the focus styles unset by the previous rule. - */ } - button::-moz-focus-inner, - [type="button"]::-moz-focus-inner, - [type="reset"]::-moz-focus-inner, - [type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; } - button:-moz-focusring, - [type="button"]:-moz-focusring, - [type="reset"]:-moz-focusring, - [type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; } - -/** - * Show the overflow in Edge. - */ -input { - overflow: visible; } - -/** - * 1. Add the correct box sizing in IE 10-. - * 2. Remove the padding in IE 10-. - */ -[type="checkbox"], -[type="radio"] { - 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 */ } - -/** - * Change the border, margin, and padding in all browsers (opinionated). - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 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 { - box-sizing: border-box; - /* 1 */ - display: table; - /* 1 */ - max-width: 100%; - /* 1 */ - padding: 0; - /* 3 */ - color: inherit; - /* 2 */ - white-space: normal; - /* 1 */ } - -/** - * 1. Add the correct display in IE 9-. - * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ -progress { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ } - -/** - * Remove the default vertical scrollbar in IE. - */ -textarea { - overflow: auto; } - -/* Interactive - ========================================================================== */ -/* - * Add the correct display in Edge, IE, and Firefox. - */ -details { - display: block; } - -/* - * Add the correct display in all browsers. - */ -summary { - display: list-item; } - -/* - * Add the correct display in IE 9-. - */ -menu { - display: block; } - -/* 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; } - -.foundation-mq { - font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"; } - -html { - box-sizing: border-box; - font-size: 100%; } - -*, -*::before, -*::after { - box-sizing: inherit; } - -body { - margin: 0; - padding: 0; - background: #ffffff; - font-family: "freight-text-pro", serif; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -img { - display: inline-block; - vertical-align: middle; - max-width: 100%; - height: auto; - -ms-interpolation-mode: bicubic; } - -textarea { - height: auto; - min-height: 50px; - border-radius: 0; } - -select { - box-sizing: border-box; - width: 100%; - border-radius: 0; } - -.map_canvas img, -.map_canvas embed, -.map_canvas object, -.mqa-display img, -.mqa-display embed, -.mqa-display object { - max-width: none !important; } - -button { - padding: 0; - appearance: none; - border: 0; - border-radius: 0; - background: transparent; - line-height: 1; - cursor: auto; } - [data-whatinput='mouse'] button { - outline: 0; } - -pre { - overflow: auto; } - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; } - -.is-visible { - display: block !important; } - -.is-hidden { - display: none !important; } - -.grid-container { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 90rem; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.fluid { - padding-right: 0.625rem; - padding-left: 0.625rem; - max-width: 100%; - margin: 0 auto; } - @media print, screen and (min-width: 40em) { - .grid-container.fluid { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - .grid-container.full { - padding-right: 0; - padding-left: 0; - max-width: 100%; - margin: 0 auto; } - -.grid-x, .video--embed.boxed { - display: flex; - flex-flow: row wrap; } - -.cell, .video--embed.boxed > .video--embed__wrapper { - flex: 0 0 auto; - min-height: 0px; - min-width: 0px; - width: 100%; } - .cell.auto, .video--embed.boxed > .auto.video--embed__wrapper { - flex: 1 1 0px; } - .cell.shrink, .video--embed.boxed > .shrink.video--embed__wrapper { - flex: 0 0 auto; } - -.grid-x > .auto, .video--embed.boxed > .auto { - width: auto; } - -.grid-x > .shrink, .video--embed.boxed > .shrink { - width: auto; } - -.grid-x > .small-shrink, .video--embed.boxed > .small-shrink, .grid-x > .small-full, .video--embed.boxed > .small-full, .grid-x > .small-1, .video--embed.boxed > .small-1, .grid-x > .small-2, .video--embed.boxed > .small-2, .grid-x > .small-3, .video--embed.boxed > .small-3, .grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper, .grid-x > .small-5, .video--embed.boxed > .small-5, .grid-x > .small-6, .video--embed.boxed > .small-6, .grid-x > .small-7, .video--embed.boxed > .small-7, .grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper, .grid-x > .small-9, .video--embed.boxed > .small-9, .grid-x > .small-10, .video--embed.boxed > .small-10, .grid-x > .small-11, .video--embed.boxed > .small-11, .grid-x > .small-12, .video--embed.boxed > .small-12 { - flex-basis: auto; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink, .grid-x > .medium-full, .video--embed.boxed > .medium-full, .grid-x > .medium-1, .video--embed.boxed > .medium-1, .grid-x > .medium-2, .video--embed.boxed > .medium-2, .grid-x > .medium-3, .video--embed.boxed > .medium-3, .grid-x > .medium-4, .video--embed.boxed > .medium-4, .grid-x > .medium-5, .video--embed.boxed > .medium-5, .grid-x > .medium-6, .video--embed.boxed > .medium-6, .grid-x > .medium-7, .video--embed.boxed > .medium-7, .grid-x > .medium-8, .video--embed.boxed > .medium-8, .grid-x > .medium-9, .video--embed.boxed > .medium-9, .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper, .grid-x > .medium-11, .video--embed.boxed > .medium-11, .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - flex-basis: auto; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink, .grid-x > .large-full, .video--embed.boxed > .large-full, .grid-x > .large-1, .video--embed.boxed > .large-1, .grid-x > .large-2, .video--embed.boxed > .large-2, .grid-x > .large-3, .video--embed.boxed > .large-3, .grid-x > .large-4, .video--embed.boxed > .large-4, .grid-x > .large-5, .video--embed.boxed > .large-5, .grid-x > .large-6, .video--embed.boxed > .large-6, .grid-x > .large-7, .video--embed.boxed > .large-7, .grid-x > .large-8, .video--embed.boxed > .large-8, .grid-x > .large-9, .video--embed.boxed > .large-9, .grid-x > .large-10, .video--embed.boxed > .large-10, .grid-x > .large-11, .video--embed.boxed > .large-11, .grid-x > .large-12, .video--embed.boxed > .large-12 { - flex-basis: auto; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink, .grid-x > .xlarge-full, .video--embed.boxed > .xlarge-full, .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1, .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2, .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3, .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4, .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5, .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6, .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7, .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8, .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9, .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10, .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11, .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - flex-basis: auto; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink, .grid-x > .xxlarge-full, .video--embed.boxed > .xxlarge-full, .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1, .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2, .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3, .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4, .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5, .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6, .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7, .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8, .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9, .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10, .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11, .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - flex-basis: auto; } } - -.grid-x > .small-1, .video--embed.boxed > .small-1 { - width: 8.33333%; } - -.grid-x > .small-2, .video--embed.boxed > .small-2 { - width: 16.66667%; } - -.grid-x > .small-3, .video--embed.boxed > .small-3 { - width: 25%; } - -.grid-x > .small-4, .video--embed.boxed > .small-4, .scroll-comparison .wrapper.grid-x > .cell, .scroll-comparison .wrapper.video--embed.boxed > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - width: 33.33333%; } - -.grid-x > .small-5, .video--embed.boxed > .small-5 { - width: 41.66667%; } - -.grid-x > .small-6, .video--embed.boxed > .small-6 { - width: 50%; } - -.grid-x > .small-7, .video--embed.boxed > .small-7 { - width: 58.33333%; } - -.grid-x > .small-8, .video--embed.boxed > .small-8, .scroll-comparison .wrapper.grid-x > .cell.active, .scroll-comparison .wrapper.video--embed.boxed > .cell.active, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper { - width: 66.66667%; } - -.grid-x > .small-9, .video--embed.boxed > .small-9 { - width: 75%; } - -.grid-x > .small-10, .video--embed.boxed > .small-10 { - width: 83.33333%; } - -.grid-x > .small-11, .video--embed.boxed > .small-11 { - width: 91.66667%; } - -.grid-x > .small-12, .video--embed.boxed > .small-12 { - width: 100%; } - -@media print, screen and (min-width: 40em) { - .grid-x > .medium-auto, .video--embed.boxed > .medium-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .medium-shrink, .video--embed.boxed > .medium-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .medium-1, .video--embed.boxed > .medium-1 { - width: 8.33333%; } - .grid-x > .medium-2, .video--embed.boxed > .medium-2 { - width: 16.66667%; } - .grid-x > .medium-3, .video--embed.boxed > .medium-3 { - width: 25%; } - .grid-x > .medium-4, .video--embed.boxed > .medium-4 { - width: 33.33333%; } - .grid-x > .medium-5, .video--embed.boxed > .medium-5 { - width: 41.66667%; } - .grid-x > .medium-6, .video--embed.boxed > .medium-6 { - width: 50%; } - .grid-x > .medium-7, .video--embed.boxed > .medium-7 { - width: 58.33333%; } - .grid-x > .medium-8, .video--embed.boxed > .medium-8 { - width: 66.66667%; } - .grid-x > .medium-9, .video--embed.boxed > .medium-9 { - width: 75%; } - .grid-x > .medium-10, .video--embed.boxed > .medium-10, .video--embed.boxed > .video--embed__wrapper { - width: 83.33333%; } - .grid-x > .medium-11, .video--embed.boxed > .medium-11 { - width: 91.66667%; } - .grid-x > .medium-12, .video--embed.boxed > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .grid-x > .large-auto, .video--embed.boxed > .large-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .large-shrink, .video--embed.boxed > .large-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .large-1, .video--embed.boxed > .large-1 { - width: 8.33333%; } - .grid-x > .large-2, .video--embed.boxed > .large-2 { - width: 16.66667%; } - .grid-x > .large-3, .video--embed.boxed > .large-3 { - width: 25%; } - .grid-x > .large-4, .video--embed.boxed > .large-4 { - width: 33.33333%; } - .grid-x > .large-5, .video--embed.boxed > .large-5 { - width: 41.66667%; } - .grid-x > .large-6, .video--embed.boxed > .large-6 { - width: 50%; } - .grid-x > .large-7, .video--embed.boxed > .large-7 { - width: 58.33333%; } - .grid-x > .large-8, .video--embed.boxed > .large-8 { - width: 66.66667%; } - .grid-x > .large-9, .video--embed.boxed > .large-9 { - width: 75%; } - .grid-x > .large-10, .video--embed.boxed > .large-10 { - width: 83.33333%; } - .grid-x > .large-11, .video--embed.boxed > .large-11 { - width: 91.66667%; } - .grid-x > .large-12, .video--embed.boxed > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .grid-x > .xlarge-auto, .video--embed.boxed > .xlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xlarge-shrink, .video--embed.boxed > .xlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xlarge-1, .video--embed.boxed > .xlarge-1 { - width: 8.33333%; } - .grid-x > .xlarge-2, .video--embed.boxed > .xlarge-2 { - width: 16.66667%; } - .grid-x > .xlarge-3, .video--embed.boxed > .xlarge-3 { - width: 25%; } - .grid-x > .xlarge-4, .video--embed.boxed > .xlarge-4 { - width: 33.33333%; } - .grid-x > .xlarge-5, .video--embed.boxed > .xlarge-5 { - width: 41.66667%; } - .grid-x > .xlarge-6, .video--embed.boxed > .xlarge-6 { - width: 50%; } - .grid-x > .xlarge-7, .video--embed.boxed > .xlarge-7 { - width: 58.33333%; } - .grid-x > .xlarge-8, .video--embed.boxed > .xlarge-8 { - width: 66.66667%; } - .grid-x > .xlarge-9, .video--embed.boxed > .xlarge-9 { - width: 75%; } - .grid-x > .xlarge-10, .video--embed.boxed > .xlarge-10 { - width: 83.33333%; } - .grid-x > .xlarge-11, .video--embed.boxed > .xlarge-11 { - width: 91.66667%; } - .grid-x > .xlarge-12, .video--embed.boxed > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .grid-x > .xxlarge-auto, .video--embed.boxed > .xxlarge-auto { - flex: 1 1 0px; - width: auto; } - .grid-x > .xxlarge-shrink, .video--embed.boxed > .xxlarge-shrink { - flex: 0 0 auto; - width: auto; } - .grid-x > .xxlarge-1, .video--embed.boxed > .xxlarge-1 { - width: 8.33333%; } - .grid-x > .xxlarge-2, .video--embed.boxed > .xxlarge-2 { - width: 16.66667%; } - .grid-x > .xxlarge-3, .video--embed.boxed > .xxlarge-3 { - width: 25%; } - .grid-x > .xxlarge-4, .video--embed.boxed > .xxlarge-4 { - width: 33.33333%; } - .grid-x > .xxlarge-5, .video--embed.boxed > .xxlarge-5 { - width: 41.66667%; } - .grid-x > .xxlarge-6, .video--embed.boxed > .xxlarge-6 { - width: 50%; } - .grid-x > .xxlarge-7, .video--embed.boxed > .xxlarge-7 { - width: 58.33333%; } - .grid-x > .xxlarge-8, .video--embed.boxed > .xxlarge-8 { - width: 66.66667%; } - .grid-x > .xxlarge-9, .video--embed.boxed > .xxlarge-9 { - width: 75%; } - .grid-x > .xxlarge-10, .video--embed.boxed > .xxlarge-10 { - width: 83.33333%; } - .grid-x > .xxlarge-11, .video--embed.boxed > .xxlarge-11 { - width: 91.66667%; } - .grid-x > .xxlarge-12, .video--embed.boxed > .xxlarge-12 { - width: 100%; } } - -.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .cell, .video--embed.boxed.grid-margin-x:not(.grid-x):not(.video--embed.boxed) > .video--embed__wrapper { - width: auto; } - -.grid-margin-y:not(.grid-y) > .cell, .video--embed.boxed.grid-margin-y:not(.grid-y) > .video--embed__wrapper { - height: auto; } - -.grid-margin-x { - margin-left: -0.625rem; - margin-right: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x { - margin-left: -0.9375rem; - margin-right: -0.9375rem; } } - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.25rem); - margin-left: 0.625rem; - margin-right: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .cell, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(100% - 1.875rem); - margin-left: 0.9375rem; - margin-right: 0.9375rem; } } - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.25rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.25rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.25rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.25rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.25rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.25rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.25rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.25rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.25rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-x > .auto { - width: auto; } - .grid-margin-x > .shrink { - width: auto; } - .grid-margin-x > .small-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .small-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .small-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .small-4, .scroll-comparison .wrapper.grid-margin-x > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .small-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .small-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .small-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .small-8, .scroll-comparison .wrapper.grid-margin-x > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-x > .active.video--embed__wrapper { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .small-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .small-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .small-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .small-12 { - width: calc(100% - 1.875rem); } - .grid-margin-x > .medium-auto { - width: auto; } - .grid-margin-x > .medium-shrink { - width: auto; } - .grid-margin-x > .medium-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .medium-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .medium-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .medium-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .medium-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .medium-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .medium-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .medium-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .medium-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .medium-10, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .medium-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .medium-12 { - width: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-x > .large-auto { - width: auto; } - .grid-margin-x > .large-shrink { - width: auto; } - .grid-margin-x > .large-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .large-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .large-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .large-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .large-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .large-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .large-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .large-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .large-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .large-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .large-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .large-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-x > .xlarge-auto { - width: auto; } - .grid-margin-x > .xlarge-shrink { - width: auto; } - .grid-margin-x > .xlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xlarge-12 { - width: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-x > .xxlarge-auto { - width: auto; } - .grid-margin-x > .xxlarge-shrink { - width: auto; } - .grid-margin-x > .xxlarge-1 { - width: calc(8.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-2 { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-3 { - width: calc(25% - 1.875rem); } - .grid-margin-x > .xxlarge-4 { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-5 { - width: calc(41.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-6 { - width: calc(50% - 1.875rem); } - .grid-margin-x > .xxlarge-7 { - width: calc(58.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-8 { - width: calc(66.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-9 { - width: calc(75% - 1.875rem); } - .grid-margin-x > .xxlarge-10 { - width: calc(83.33333% - 1.875rem); } - .grid-margin-x > .xxlarge-11 { - width: calc(91.66667% - 1.875rem); } - .grid-margin-x > .xxlarge-12 { - width: calc(100% - 1.875rem); } } - -.grid-padding-x .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-container:not(.full) > .grid-padding-x { - margin-right: -0.625rem; - margin-left: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-container:not(.full) > .grid-padding-x { - margin-right: -0.9375rem; - margin-left: -0.9375rem; } } - -.grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.625rem; - padding-left: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-x > .cell, .video--embed.boxed.grid-padding-x > .video--embed__wrapper { - padding-right: 0.9375rem; - padding-left: 0.9375rem; } } - -.small-up-1 > .cell, .video--embed.boxed.small-up-1 > .video--embed__wrapper { - width: 100%; } - -.small-up-2 > .cell, .video--embed.boxed.small-up-2 > .video--embed__wrapper { - width: 50%; } - -.small-up-3 > .cell, .video--embed.boxed.small-up-3 > .video--embed__wrapper { - width: 33.33333%; } - -.small-up-4 > .cell, .video--embed.boxed.small-up-4 > .video--embed__wrapper { - width: 25%; } - -.small-up-5 > .cell, .video--embed.boxed.small-up-5 > .video--embed__wrapper { - width: 20%; } - -.small-up-6 > .cell, .video--embed.boxed.small-up-6 > .video--embed__wrapper { - width: 16.66667%; } - -.small-up-7 > .cell, .video--embed.boxed.small-up-7 > .video--embed__wrapper { - width: 14.28571%; } - -.small-up-8 > .cell, .video--embed.boxed.small-up-8 > .video--embed__wrapper { - width: 12.5%; } - -@media print, screen and (min-width: 40em) { - .medium-up-1 > .cell, .video--embed.boxed.medium-up-1 > .video--embed__wrapper { - width: 100%; } - .medium-up-2 > .cell, .video--embed.boxed.medium-up-2 > .video--embed__wrapper { - width: 50%; } - .medium-up-3 > .cell, .video--embed.boxed.medium-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .medium-up-4 > .cell, .video--embed.boxed.medium-up-4 > .video--embed__wrapper { - width: 25%; } - .medium-up-5 > .cell, .video--embed.boxed.medium-up-5 > .video--embed__wrapper { - width: 20%; } - .medium-up-6 > .cell, .video--embed.boxed.medium-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .medium-up-7 > .cell, .video--embed.boxed.medium-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .medium-up-8 > .cell, .video--embed.boxed.medium-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media print, screen and (min-width: 64em) { - .large-up-1 > .cell, .video--embed.boxed.large-up-1 > .video--embed__wrapper { - width: 100%; } - .large-up-2 > .cell, .video--embed.boxed.large-up-2 > .video--embed__wrapper { - width: 50%; } - .large-up-3 > .cell, .video--embed.boxed.large-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .large-up-4 > .cell, .video--embed.boxed.large-up-4 > .video--embed__wrapper { - width: 25%; } - .large-up-5 > .cell, .video--embed.boxed.large-up-5 > .video--embed__wrapper { - width: 20%; } - .large-up-6 > .cell, .video--embed.boxed.large-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .large-up-7 > .cell, .video--embed.boxed.large-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .large-up-8 > .cell, .video--embed.boxed.large-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 75em) { - .xlarge-up-1 > .cell, .video--embed.boxed.xlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xlarge-up-2 > .cell, .video--embed.boxed.xlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xlarge-up-3 > .cell, .video--embed.boxed.xlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-up-4 > .cell, .video--embed.boxed.xlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xlarge-up-5 > .cell, .video--embed.boxed.xlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xlarge-up-6 > .cell, .video--embed.boxed.xlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xlarge-up-7 > .cell, .video--embed.boxed.xlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xlarge-up-8 > .cell, .video--embed.boxed.xlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -@media screen and (min-width: 90em) { - .xxlarge-up-1 > .cell, .video--embed.boxed.xxlarge-up-1 > .video--embed__wrapper { - width: 100%; } - .xxlarge-up-2 > .cell, .video--embed.boxed.xxlarge-up-2 > .video--embed__wrapper { - width: 50%; } - .xxlarge-up-3 > .cell, .video--embed.boxed.xxlarge-up-3 > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-up-4 > .cell, .video--embed.boxed.xxlarge-up-4 > .video--embed__wrapper { - width: 25%; } - .xxlarge-up-5 > .cell, .video--embed.boxed.xxlarge-up-5 > .video--embed__wrapper { - width: 20%; } - .xxlarge-up-6 > .cell, .video--embed.boxed.xxlarge-up-6 > .video--embed__wrapper { - width: 16.66667%; } - .xxlarge-up-7 > .cell, .video--embed.boxed.xxlarge-up-7 > .video--embed__wrapper { - width: 14.28571%; } - .xxlarge-up-8 > .cell, .video--embed.boxed.xxlarge-up-8 > .video--embed__wrapper { - width: 12.5%; } } - -.grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - -.grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - -.grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - -.grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - -.grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - -.grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - -.grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - -.grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - -@media print, screen and (min-width: 40em) { - .grid-margin-x.small-up-1 > .cell, .video--embed.boxed.grid-margin-x.small-up-1 > .video--embed__wrapper { - width: calc(100% - 1.25rem); } - .grid-margin-x.small-up-2 > .cell, .video--embed.boxed.grid-margin-x.small-up-2 > .video--embed__wrapper { - width: calc(50% - 1.25rem); } - .grid-margin-x.small-up-3 > .cell, .video--embed.boxed.grid-margin-x.small-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.25rem); } - .grid-margin-x.small-up-4 > .cell, .video--embed.boxed.grid-margin-x.small-up-4 > .video--embed__wrapper { - width: calc(25% - 1.25rem); } - .grid-margin-x.small-up-5 > .cell, .video--embed.boxed.grid-margin-x.small-up-5 > .video--embed__wrapper { - width: calc(20% - 1.25rem); } - .grid-margin-x.small-up-6 > .cell, .video--embed.boxed.grid-margin-x.small-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.25rem); } - .grid-margin-x.small-up-7 > .cell, .video--embed.boxed.grid-margin-x.small-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.25rem); } - .grid-margin-x.small-up-8 > .cell, .video--embed.boxed.grid-margin-x.small-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.25rem); } - .grid-margin-x.medium-up-1 > .cell, .video--embed.boxed.grid-margin-x.medium-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.medium-up-2 > .cell, .video--embed.boxed.grid-margin-x.medium-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.medium-up-3 > .cell, .video--embed.boxed.grid-margin-x.medium-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.medium-up-4 > .cell, .video--embed.boxed.grid-margin-x.medium-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.medium-up-5 > .cell, .video--embed.boxed.grid-margin-x.medium-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.medium-up-6 > .cell, .video--embed.boxed.grid-margin-x.medium-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.medium-up-7 > .cell, .video--embed.boxed.grid-margin-x.medium-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.medium-up-8 > .cell, .video--embed.boxed.grid-margin-x.medium-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-x.large-up-1 > .cell, .video--embed.boxed.grid-margin-x.large-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.large-up-2 > .cell, .video--embed.boxed.grid-margin-x.large-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.large-up-3 > .cell, .video--embed.boxed.grid-margin-x.large-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.large-up-4 > .cell, .video--embed.boxed.grid-margin-x.large-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.large-up-5 > .cell, .video--embed.boxed.grid-margin-x.large-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.large-up-6 > .cell, .video--embed.boxed.grid-margin-x.large-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.large-up-7 > .cell, .video--embed.boxed.grid-margin-x.large-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.large-up-8 > .cell, .video--embed.boxed.grid-margin-x.large-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-x.xlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-x.xxlarge-up-1 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-1 > .video--embed__wrapper { - width: calc(100% - 1.875rem); } - .grid-margin-x.xxlarge-up-2 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-2 > .video--embed__wrapper { - width: calc(50% - 1.875rem); } - .grid-margin-x.xxlarge-up-3 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-3 > .video--embed__wrapper { - width: calc(33.33333% - 1.875rem); } - .grid-margin-x.xxlarge-up-4 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-4 > .video--embed__wrapper { - width: calc(25% - 1.875rem); } - .grid-margin-x.xxlarge-up-5 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-5 > .video--embed__wrapper { - width: calc(20% - 1.875rem); } - .grid-margin-x.xxlarge-up-6 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-6 > .video--embed__wrapper { - width: calc(16.66667% - 1.875rem); } - .grid-margin-x.xxlarge-up-7 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-7 > .video--embed__wrapper { - width: calc(14.28571% - 1.875rem); } - .grid-margin-x.xxlarge-up-8 > .cell, .video--embed.boxed.grid-margin-x.xxlarge-up-8 > .video--embed__wrapper { - width: calc(12.5% - 1.875rem); } } - -.small-margin-collapse { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .cell, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } - .small-margin-collapse > .small-1 { - width: 8.33333%; } - .small-margin-collapse > .small-2 { - width: 16.66667%; } - .small-margin-collapse > .small-3 { - width: 25%; } - .small-margin-collapse > .small-4, .scroll-comparison .wrapper.small-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .small-margin-collapse > .small-5 { - width: 41.66667%; } - .small-margin-collapse > .small-6 { - width: 50%; } - .small-margin-collapse > .small-7 { - width: 58.33333%; } - .small-margin-collapse > .small-8, .scroll-comparison .wrapper.small-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.small-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .small-margin-collapse > .small-9 { - width: 75%; } - .small-margin-collapse > .small-10 { - width: 83.33333%; } - .small-margin-collapse > .small-11 { - width: 91.66667%; } - .small-margin-collapse > .small-12 { - width: 100%; } - @media print, screen and (min-width: 40em) { - .small-margin-collapse > .medium-1 { - width: 8.33333%; } - .small-margin-collapse > .medium-2 { - width: 16.66667%; } - .small-margin-collapse > .medium-3 { - width: 25%; } - .small-margin-collapse > .medium-4 { - width: 33.33333%; } - .small-margin-collapse > .medium-5 { - width: 41.66667%; } - .small-margin-collapse > .medium-6 { - width: 50%; } - .small-margin-collapse > .medium-7 { - width: 58.33333%; } - .small-margin-collapse > .medium-8 { - width: 66.66667%; } - .small-margin-collapse > .medium-9 { - width: 75%; } - .small-margin-collapse > .medium-10, .video--embed.boxed.small-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .small-margin-collapse > .medium-11 { - width: 91.66667%; } - .small-margin-collapse > .medium-12 { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .small-margin-collapse > .large-1 { - width: 8.33333%; } - .small-margin-collapse > .large-2 { - width: 16.66667%; } - .small-margin-collapse > .large-3 { - width: 25%; } - .small-margin-collapse > .large-4 { - width: 33.33333%; } - .small-margin-collapse > .large-5 { - width: 41.66667%; } - .small-margin-collapse > .large-6 { - width: 50%; } - .small-margin-collapse > .large-7 { - width: 58.33333%; } - .small-margin-collapse > .large-8 { - width: 66.66667%; } - .small-margin-collapse > .large-9 { - width: 75%; } - .small-margin-collapse > .large-10 { - width: 83.33333%; } - .small-margin-collapse > .large-11 { - width: 91.66667%; } - .small-margin-collapse > .large-12 { - width: 100%; } } - @media screen and (min-width: 75em) { - .small-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xlarge-3 { - width: 25%; } - .small-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xlarge-6 { - width: 50%; } - .small-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xlarge-9 { - width: 75%; } - .small-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xlarge-12 { - width: 100%; } } - @media screen and (min-width: 90em) { - .small-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .small-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .small-margin-collapse > .xxlarge-3 { - width: 25%; } - .small-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .small-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .small-margin-collapse > .xxlarge-6 { - width: 50%; } - .small-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .small-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .small-margin-collapse > .xxlarge-9 { - width: 75%; } - .small-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .small-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .small-margin-collapse > .xxlarge-12 { - width: 100%; } } - -.small-padding-collapse { - margin-right: 0; - margin-left: 0; } - .small-padding-collapse > .cell, .video--embed.boxed.small-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse { - margin-right: 0; - margin-left: 0; } - .medium-margin-collapse > .cell, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .small-1 { - width: 8.33333%; } - .medium-margin-collapse > .small-2 { - width: 16.66667%; } - .medium-margin-collapse > .small-3 { - width: 25%; } - .medium-margin-collapse > .small-4, .scroll-comparison .wrapper.medium-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .medium-margin-collapse > .small-5 { - width: 41.66667%; } - .medium-margin-collapse > .small-6 { - width: 50%; } - .medium-margin-collapse > .small-7 { - width: 58.33333%; } - .medium-margin-collapse > .small-8, .scroll-comparison .wrapper.medium-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.medium-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .medium-margin-collapse > .small-9 { - width: 75%; } - .medium-margin-collapse > .small-10 { - width: 83.33333%; } - .medium-margin-collapse > .small-11 { - width: 91.66667%; } - .medium-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-margin-collapse > .medium-1 { - width: 8.33333%; } - .medium-margin-collapse > .medium-2 { - width: 16.66667%; } - .medium-margin-collapse > .medium-3 { - width: 25%; } - .medium-margin-collapse > .medium-4 { - width: 33.33333%; } - .medium-margin-collapse > .medium-5 { - width: 41.66667%; } - .medium-margin-collapse > .medium-6 { - width: 50%; } - .medium-margin-collapse > .medium-7 { - width: 58.33333%; } - .medium-margin-collapse > .medium-8 { - width: 66.66667%; } - .medium-margin-collapse > .medium-9 { - width: 75%; } - .medium-margin-collapse > .medium-10, .video--embed.boxed.medium-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .medium-margin-collapse > .medium-11 { - width: 91.66667%; } - .medium-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .medium-margin-collapse > .large-1 { - width: 8.33333%; } - .medium-margin-collapse > .large-2 { - width: 16.66667%; } - .medium-margin-collapse > .large-3 { - width: 25%; } - .medium-margin-collapse > .large-4 { - width: 33.33333%; } - .medium-margin-collapse > .large-5 { - width: 41.66667%; } - .medium-margin-collapse > .large-6 { - width: 50%; } - .medium-margin-collapse > .large-7 { - width: 58.33333%; } - .medium-margin-collapse > .large-8 { - width: 66.66667%; } - .medium-margin-collapse > .large-9 { - width: 75%; } - .medium-margin-collapse > .large-10 { - width: 83.33333%; } - .medium-margin-collapse > .large-11 { - width: 91.66667%; } - .medium-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .medium-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xlarge-3 { - width: 25%; } - .medium-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xlarge-6 { - width: 50%; } - .medium-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xlarge-9 { - width: 75%; } - .medium-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .medium-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .medium-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .medium-margin-collapse > .xxlarge-3 { - width: 25%; } - .medium-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .medium-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .medium-margin-collapse > .xxlarge-6 { - width: 50%; } - .medium-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .medium-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .medium-margin-collapse > .xxlarge-9 { - width: 75%; } - .medium-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .medium-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .medium-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 40em) { - .medium-padding-collapse { - margin-right: 0; - margin-left: 0; } - .medium-padding-collapse > .cell, .video--embed.boxed.medium-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse { - margin-right: 0; - margin-left: 0; } - .large-margin-collapse > .cell, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .small-1 { - width: 8.33333%; } - .large-margin-collapse > .small-2 { - width: 16.66667%; } - .large-margin-collapse > .small-3 { - width: 25%; } - .large-margin-collapse > .small-4, .scroll-comparison .wrapper.large-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .large-margin-collapse > .small-5 { - width: 41.66667%; } - .large-margin-collapse > .small-6 { - width: 50%; } - .large-margin-collapse > .small-7 { - width: 58.33333%; } - .large-margin-collapse > .small-8, .scroll-comparison .wrapper.large-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.large-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .large-margin-collapse > .small-9 { - width: 75%; } - .large-margin-collapse > .small-10 { - width: 83.33333%; } - .large-margin-collapse > .small-11 { - width: 91.66667%; } - .large-margin-collapse > .small-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .medium-1 { - width: 8.33333%; } - .large-margin-collapse > .medium-2 { - width: 16.66667%; } - .large-margin-collapse > .medium-3 { - width: 25%; } - .large-margin-collapse > .medium-4 { - width: 33.33333%; } - .large-margin-collapse > .medium-5 { - width: 41.66667%; } - .large-margin-collapse > .medium-6 { - width: 50%; } - .large-margin-collapse > .medium-7 { - width: 58.33333%; } - .large-margin-collapse > .medium-8 { - width: 66.66667%; } - .large-margin-collapse > .medium-9 { - width: 75%; } - .large-margin-collapse > .medium-10, .video--embed.boxed.large-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .large-margin-collapse > .medium-11 { - width: 91.66667%; } - .large-margin-collapse > .medium-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-margin-collapse > .large-1 { - width: 8.33333%; } - .large-margin-collapse > .large-2 { - width: 16.66667%; } - .large-margin-collapse > .large-3 { - width: 25%; } - .large-margin-collapse > .large-4 { - width: 33.33333%; } - .large-margin-collapse > .large-5 { - width: 41.66667%; } - .large-margin-collapse > .large-6 { - width: 50%; } - .large-margin-collapse > .large-7 { - width: 58.33333%; } - .large-margin-collapse > .large-8 { - width: 66.66667%; } - .large-margin-collapse > .large-9 { - width: 75%; } - .large-margin-collapse > .large-10 { - width: 83.33333%; } - .large-margin-collapse > .large-11 { - width: 91.66667%; } - .large-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .large-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xlarge-3 { - width: 25%; } - .large-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xlarge-6 { - width: 50%; } - .large-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xlarge-9 { - width: 75%; } - .large-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .large-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .large-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .large-margin-collapse > .xxlarge-3 { - width: 25%; } - .large-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .large-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .large-margin-collapse > .xxlarge-6 { - width: 50%; } - .large-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .large-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .large-margin-collapse > .xxlarge-9 { - width: 75%; } - .large-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .large-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .large-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media print, screen and (min-width: 64em) { - .large-padding-collapse { - margin-right: 0; - margin-left: 0; } - .large-padding-collapse > .cell, .video--embed.boxed.large-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-margin-collapse > .cell, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .small-3 { - width: 25%; } - .xlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .small-6 { - width: 50%; } - .xlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xlarge-margin-collapse > .small-9 { - width: 75%; } - .xlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .medium-3 { - width: 25%; } - .xlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .medium-6 { - width: 50%; } - .xlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .medium-9 { - width: 75%; } - .xlarge-margin-collapse > .medium-10, .video--embed.boxed.xlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .large-3 { - width: 25%; } - .xlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .large-6 { - width: 50%; } - .xlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .large-9 { - width: 75%; } - .xlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 75em) { - .xlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xlarge-padding-collapse > .cell, .video--embed.boxed.xlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-margin-collapse > .cell, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - margin-right: 0; - margin-left: 0; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .small-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .small-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .small-3 { - width: 25%; } - .xxlarge-margin-collapse > .small-4, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .video--embed__wrapper { - width: 33.33333%; } - .xxlarge-margin-collapse > .small-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .small-6 { - width: 50%; } - .xxlarge-margin-collapse > .small-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .small-8, .scroll-comparison .wrapper.xxlarge-margin-collapse > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.xxlarge-margin-collapse > .active.video--embed__wrapper { - width: 66.66667%; } - .xxlarge-margin-collapse > .small-9 { - width: 75%; } - .xxlarge-margin-collapse > .small-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .small-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .small-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .medium-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .medium-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .medium-3 { - width: 25%; } - .xxlarge-margin-collapse > .medium-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .medium-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .medium-6 { - width: 50%; } - .xxlarge-margin-collapse > .medium-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .medium-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .medium-9 { - width: 75%; } - .xxlarge-margin-collapse > .medium-10, .video--embed.boxed.xxlarge-margin-collapse > .video--embed__wrapper { - width: 83.33333%; } - .xxlarge-margin-collapse > .medium-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .medium-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .large-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .large-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .large-3 { - width: 25%; } - .xxlarge-margin-collapse > .large-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .large-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .large-6 { - width: 50%; } - .xxlarge-margin-collapse > .large-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .large-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .large-9 { - width: 75%; } - .xxlarge-margin-collapse > .large-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .large-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .large-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-margin-collapse > .xxlarge-1 { - width: 8.33333%; } - .xxlarge-margin-collapse > .xxlarge-2 { - width: 16.66667%; } - .xxlarge-margin-collapse > .xxlarge-3 { - width: 25%; } - .xxlarge-margin-collapse > .xxlarge-4 { - width: 33.33333%; } - .xxlarge-margin-collapse > .xxlarge-5 { - width: 41.66667%; } - .xxlarge-margin-collapse > .xxlarge-6 { - width: 50%; } - .xxlarge-margin-collapse > .xxlarge-7 { - width: 58.33333%; } - .xxlarge-margin-collapse > .xxlarge-8 { - width: 66.66667%; } - .xxlarge-margin-collapse > .xxlarge-9 { - width: 75%; } - .xxlarge-margin-collapse > .xxlarge-10 { - width: 83.33333%; } - .xxlarge-margin-collapse > .xxlarge-11 { - width: 91.66667%; } - .xxlarge-margin-collapse > .xxlarge-12 { - width: 100%; } } - -@media screen and (min-width: 90em) { - .xxlarge-padding-collapse { - margin-right: 0; - margin-left: 0; } - .xxlarge-padding-collapse > .cell, .video--embed.boxed.xxlarge-padding-collapse > .video--embed__wrapper { - padding-right: 0; - padding-left: 0; } } - -.small-offset-0 { - margin-left: 0%; } - -.grid-margin-x > .small-offset-0 { - margin-left: calc(0% + 0.625rem); } - -.small-offset-1 { - margin-left: 8.33333%; } - -.grid-margin-x > .small-offset-1 { - margin-left: calc(8.33333% + 0.625rem); } - -.small-offset-2 { - margin-left: 16.66667%; } - -.grid-margin-x > .small-offset-2 { - margin-left: calc(16.66667% + 0.625rem); } - -.small-offset-3 { - margin-left: 25%; } - -.grid-margin-x > .small-offset-3 { - margin-left: calc(25% + 0.625rem); } - -.small-offset-4 { - margin-left: 33.33333%; } - -.grid-margin-x > .small-offset-4 { - margin-left: calc(33.33333% + 0.625rem); } - -.small-offset-5 { - margin-left: 41.66667%; } - -.grid-margin-x > .small-offset-5 { - margin-left: calc(41.66667% + 0.625rem); } - -.small-offset-6 { - margin-left: 50%; } - -.grid-margin-x > .small-offset-6 { - margin-left: calc(50% + 0.625rem); } - -.small-offset-7 { - margin-left: 58.33333%; } - -.grid-margin-x > .small-offset-7 { - margin-left: calc(58.33333% + 0.625rem); } - -.small-offset-8 { - margin-left: 66.66667%; } - -.grid-margin-x > .small-offset-8 { - margin-left: calc(66.66667% + 0.625rem); } - -.small-offset-9 { - margin-left: 75%; } - -.grid-margin-x > .small-offset-9 { - margin-left: calc(75% + 0.625rem); } - -.small-offset-10 { - margin-left: 83.33333%; } - -.grid-margin-x > .small-offset-10 { - margin-left: calc(83.33333% + 0.625rem); } - -.small-offset-11 { - margin-left: 91.66667%; } - -.grid-margin-x > .small-offset-11 { - margin-left: calc(91.66667% + 0.625rem); } - -@media print, screen and (min-width: 40em) { - .medium-offset-0 { - margin-left: 0%; } - .grid-margin-x > .medium-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .medium-offset-1, .video--embed.boxed > .video--embed__wrapper { - margin-left: 8.33333%; } - .grid-margin-x > .medium-offset-1, .video--embed.boxed.grid-margin-x > .video--embed__wrapper { - margin-left: calc(8.33333% + 0.9375rem); } - .medium-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .medium-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .medium-offset-3 { - margin-left: 25%; } - .grid-margin-x > .medium-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .medium-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .medium-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .medium-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .medium-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .medium-offset-6 { - margin-left: 50%; } - .grid-margin-x > .medium-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .medium-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .medium-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .medium-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .medium-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .medium-offset-9 { - margin-left: 75%; } - .grid-margin-x > .medium-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .medium-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .medium-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .medium-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .medium-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media print, screen and (min-width: 64em) { - .large-offset-0 { - margin-left: 0%; } - .grid-margin-x > .large-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .large-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .large-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .large-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .large-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .large-offset-3 { - margin-left: 25%; } - .grid-margin-x > .large-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .large-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .large-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .large-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .large-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .large-offset-6 { - margin-left: 50%; } - .grid-margin-x > .large-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .large-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .large-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .large-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .large-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .large-offset-9 { - margin-left: 75%; } - .grid-margin-x > .large-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .large-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .large-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .large-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .large-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 75em) { - .xlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -@media screen and (min-width: 90em) { - .xxlarge-offset-0 { - margin-left: 0%; } - .grid-margin-x > .xxlarge-offset-0 { - margin-left: calc(0% + 0.9375rem); } - .xxlarge-offset-1 { - margin-left: 8.33333%; } - .grid-margin-x > .xxlarge-offset-1 { - margin-left: calc(8.33333% + 0.9375rem); } - .xxlarge-offset-2 { - margin-left: 16.66667%; } - .grid-margin-x > .xxlarge-offset-2 { - margin-left: calc(16.66667% + 0.9375rem); } - .xxlarge-offset-3 { - margin-left: 25%; } - .grid-margin-x > .xxlarge-offset-3 { - margin-left: calc(25% + 0.9375rem); } - .xxlarge-offset-4 { - margin-left: 33.33333%; } - .grid-margin-x > .xxlarge-offset-4 { - margin-left: calc(33.33333% + 0.9375rem); } - .xxlarge-offset-5 { - margin-left: 41.66667%; } - .grid-margin-x > .xxlarge-offset-5 { - margin-left: calc(41.66667% + 0.9375rem); } - .xxlarge-offset-6 { - margin-left: 50%; } - .grid-margin-x > .xxlarge-offset-6 { - margin-left: calc(50% + 0.9375rem); } - .xxlarge-offset-7 { - margin-left: 58.33333%; } - .grid-margin-x > .xxlarge-offset-7 { - margin-left: calc(58.33333% + 0.9375rem); } - .xxlarge-offset-8 { - margin-left: 66.66667%; } - .grid-margin-x > .xxlarge-offset-8 { - margin-left: calc(66.66667% + 0.9375rem); } - .xxlarge-offset-9 { - margin-left: 75%; } - .grid-margin-x > .xxlarge-offset-9 { - margin-left: calc(75% + 0.9375rem); } - .xxlarge-offset-10 { - margin-left: 83.33333%; } - .grid-margin-x > .xxlarge-offset-10 { - margin-left: calc(83.33333% + 0.9375rem); } - .xxlarge-offset-11 { - margin-left: 91.66667%; } - .grid-margin-x > .xxlarge-offset-11 { - margin-left: calc(91.66667% + 0.9375rem); } } - -.grid-y { - display: flex; - flex-flow: column nowrap; } - .grid-y > .cell, .video--embed.boxed.grid-y > .video--embed__wrapper { - width: auto; } - .grid-y > .auto { - height: auto; } - .grid-y > .shrink { - height: auto; } - .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { - flex-basis: auto; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper, .grid-y > .medium-11, .grid-y > .medium-12 { - flex-basis: auto; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { - flex-basis: auto; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { - flex-basis: auto; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { - flex-basis: auto; } } - .grid-y > .small-1 { - height: 8.33333%; } - .grid-y > .small-2 { - height: 16.66667%; } - .grid-y > .small-3 { - height: 25%; } - .grid-y > .small-4, .scroll-comparison .wrapper.grid-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .video--embed__wrapper { - height: 33.33333%; } - .grid-y > .small-5 { - height: 41.66667%; } - .grid-y > .small-6 { - height: 50%; } - .grid-y > .small-7 { - height: 58.33333%; } - .grid-y > .small-8, .scroll-comparison .wrapper.grid-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-y > .active.video--embed__wrapper { - height: 66.66667%; } - .grid-y > .small-9 { - height: 75%; } - .grid-y > .small-10 { - height: 83.33333%; } - .grid-y > .small-11 { - height: 91.66667%; } - .grid-y > .small-12 { - height: 100%; } - @media print, screen and (min-width: 40em) { - .grid-y > .medium-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .medium-shrink { - height: auto; } - .grid-y > .medium-1 { - height: 8.33333%; } - .grid-y > .medium-2 { - height: 16.66667%; } - .grid-y > .medium-3 { - height: 25%; } - .grid-y > .medium-4 { - height: 33.33333%; } - .grid-y > .medium-5 { - height: 41.66667%; } - .grid-y > .medium-6 { - height: 50%; } - .grid-y > .medium-7 { - height: 58.33333%; } - .grid-y > .medium-8 { - height: 66.66667%; } - .grid-y > .medium-9 { - height: 75%; } - .grid-y > .medium-10, .video--embed.boxed.grid-y > .video--embed__wrapper { - height: 83.33333%; } - .grid-y > .medium-11 { - height: 91.66667%; } - .grid-y > .medium-12 { - height: 100%; } } - @media print, screen and (min-width: 64em) { - .grid-y > .large-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .large-shrink { - height: auto; } - .grid-y > .large-1 { - height: 8.33333%; } - .grid-y > .large-2 { - height: 16.66667%; } - .grid-y > .large-3 { - height: 25%; } - .grid-y > .large-4 { - height: 33.33333%; } - .grid-y > .large-5 { - height: 41.66667%; } - .grid-y > .large-6 { - height: 50%; } - .grid-y > .large-7 { - height: 58.33333%; } - .grid-y > .large-8 { - height: 66.66667%; } - .grid-y > .large-9 { - height: 75%; } - .grid-y > .large-10 { - height: 83.33333%; } - .grid-y > .large-11 { - height: 91.66667%; } - .grid-y > .large-12 { - height: 100%; } } - @media screen and (min-width: 75em) { - .grid-y > .xlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xlarge-shrink { - height: auto; } - .grid-y > .xlarge-1 { - height: 8.33333%; } - .grid-y > .xlarge-2 { - height: 16.66667%; } - .grid-y > .xlarge-3 { - height: 25%; } - .grid-y > .xlarge-4 { - height: 33.33333%; } - .grid-y > .xlarge-5 { - height: 41.66667%; } - .grid-y > .xlarge-6 { - height: 50%; } - .grid-y > .xlarge-7 { - height: 58.33333%; } - .grid-y > .xlarge-8 { - height: 66.66667%; } - .grid-y > .xlarge-9 { - height: 75%; } - .grid-y > .xlarge-10 { - height: 83.33333%; } - .grid-y > .xlarge-11 { - height: 91.66667%; } - .grid-y > .xlarge-12 { - height: 100%; } } - @media screen and (min-width: 90em) { - .grid-y > .xxlarge-auto { - flex: 1 1 0px; - height: auto; } - .grid-y > .xxlarge-shrink { - height: auto; } - .grid-y > .xxlarge-1 { - height: 8.33333%; } - .grid-y > .xxlarge-2 { - height: 16.66667%; } - .grid-y > .xxlarge-3 { - height: 25%; } - .grid-y > .xxlarge-4 { - height: 33.33333%; } - .grid-y > .xxlarge-5 { - height: 41.66667%; } - .grid-y > .xxlarge-6 { - height: 50%; } - .grid-y > .xxlarge-7 { - height: 58.33333%; } - .grid-y > .xxlarge-8 { - height: 66.66667%; } - .grid-y > .xxlarge-9 { - height: 75%; } - .grid-y > .xxlarge-10 { - height: 83.33333%; } - .grid-y > .xxlarge-11 { - height: 91.66667%; } - .grid-y > .xxlarge-12 { - height: 100%; } } - -.grid-padding-y .grid-padding-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y .grid-padding-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - -.grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.625rem; - padding-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-padding-y > .cell, .video--embed.boxed.grid-padding-y > .video--embed__wrapper { - padding-top: 0.9375rem; - padding-bottom: 0.9375rem; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - -.cell .grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-frame { - width: 100%; } - -.cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - -.cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .cell-block-container > .grid-x, .cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - -@media print, screen and (min-width: 40em) { - .medium-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .medium-grid-frame { - width: 100%; } - .medium-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .medium-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .medium-cell-block-container > .grid-x, .medium-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .medium-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media print, screen and (min-width: 64em) { - .large-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .large-grid-frame, .video--embed.boxed > .video--embed__wrapper .large-grid-frame { - width: 100%; } - .large-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .large-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .large-cell-block-container > .grid-x, .large-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .large-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 75em) { - .xlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xlarge-grid-frame { - width: 100%; } - .xlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xlarge-cell-block-container > .grid-x, .xlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -@media screen and (min-width: 90em) { - .xxlarge-grid-frame { - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - width: 100vw; } - .cell .xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .xxlarge-grid-frame { - width: 100%; } - .xxlarge-cell-block { - overflow-x: auto; - max-width: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } - .xxlarge-cell-block-container { - display: flex; - flex-direction: column; - max-height: 100%; } - .xxlarge-cell-block-container > .grid-x, .xxlarge-cell-block-container > .video--embed.boxed { - max-height: 100%; - flex-wrap: nowrap; } - .xxlarge-cell-block-y { - overflow-y: auto; - max-height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-stype: -ms-autohiding-scrollbar; } } - -.grid-y.grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } - -@media print, screen and (min-width: 40em) { - .grid-y.medium-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media print, screen and (min-width: 64em) { - .grid-y.large-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 75em) { - .grid-y.xlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -@media screen and (min-width: 90em) { - .grid-y.xxlarge-grid-frame { - width: auto; - overflow: hidden; - position: relative; - flex-wrap: nowrap; - align-items: stretch; - height: 100vh; } } - -.cell .grid-y.grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.grid-frame { - height: 100%; } - -@media print, screen and (min-width: 40em) { - .cell .grid-y.medium-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.medium-grid-frame { - height: 100%; } } - -@media print, screen and (min-width: 64em) { - .cell .grid-y.large-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.large-grid-frame { - height: 100%; } } - -@media screen and (min-width: 75em) { - .cell .grid-y.xlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xlarge-grid-frame { - height: 100%; } } - -@media screen and (min-width: 90em) { - .cell .grid-y.xxlarge-grid-frame, .video--embed.boxed > .video--embed__wrapper .grid-y.xxlarge-grid-frame { - height: 100%; } } - -.grid-margin-y { - margin-top: -0.625rem; - margin-bottom: -0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y { - margin-top: -0.9375rem; - margin-bottom: -0.9375rem; } } - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.25rem); - margin-top: 0.625rem; - margin-bottom: 0.625rem; } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .cell, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(100% - 1.875rem); - margin-top: 0.9375rem; - margin-bottom: 0.9375rem; } } - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.25rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.25rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.25rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.25rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.25rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.25rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.25rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.25rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.25rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.25rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.25rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-margin-y > .auto { - height: auto; } - .grid-margin-y > .shrink { - height: auto; } - .grid-margin-y > .small-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .small-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .small-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .small-4, .scroll-comparison .wrapper.grid-margin-y > .cell, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .video--embed__wrapper { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .small-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .small-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .small-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .small-8, .scroll-comparison .wrapper.grid-margin-y > .cell.active, .scroll-comparison .video--embed.boxed.wrapper.grid-margin-y > .active.video--embed__wrapper { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .small-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .small-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .small-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .small-12 { - height: calc(100% - 1.875rem); } - .grid-margin-y > .medium-auto { - height: auto; } - .grid-margin-y > .medium-shrink { - height: auto; } - .grid-margin-y > .medium-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .medium-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .medium-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .medium-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .medium-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .medium-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .medium-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .medium-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .medium-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .medium-10, .video--embed.boxed.grid-margin-y > .video--embed__wrapper { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .medium-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .medium-12 { - height: calc(100% - 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-margin-y > .large-auto { - height: auto; } - .grid-margin-y > .large-shrink { - height: auto; } - .grid-margin-y > .large-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .large-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .large-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .large-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .large-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .large-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .large-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .large-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .large-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .large-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .large-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .large-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-margin-y > .xlarge-auto { - height: auto; } - .grid-margin-y > .xlarge-shrink { - height: auto; } - .grid-margin-y > .xlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xlarge-12 { - height: calc(100% - 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-margin-y > .xxlarge-auto { - height: auto; } - .grid-margin-y > .xxlarge-shrink { - height: auto; } - .grid-margin-y > .xxlarge-1 { - height: calc(8.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-2 { - height: calc(16.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-3 { - height: calc(25% - 1.875rem); } - .grid-margin-y > .xxlarge-4 { - height: calc(33.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-5 { - height: calc(41.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-6 { - height: calc(50% - 1.875rem); } - .grid-margin-y > .xxlarge-7 { - height: calc(58.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-8 { - height: calc(66.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-9 { - height: calc(75% - 1.875rem); } - .grid-margin-y > .xxlarge-10 { - height: calc(83.33333% - 1.875rem); } - .grid-margin-y > .xxlarge-11 { - height: calc(91.66667% - 1.875rem); } - .grid-margin-y > .xxlarge-12 { - height: calc(100% - 1.875rem); } } - -.grid-frame.grid-margin-y { - height: calc(100vh + 1.25rem); } - @media print, screen and (min-width: 40em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media print, screen and (min-width: 64em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 75em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - @media screen and (min-width: 90em) { - .grid-frame.grid-margin-y { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 40em) { - .grid-margin-y.medium-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media print, screen and (min-width: 64em) { - .grid-margin-y.large-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 75em) { - .grid-margin-y.xlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -@media screen and (min-width: 90em) { - .grid-margin-y.xxlarge-grid-frame { - height: calc(100vh + 1.875rem); } } - -div, -dl, -dt, -dd, -ul, -ol, -li, h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, -h2, -h3, -h4, -h5, -h6, -a.link--arrow, -pre, -form, -p, -.off-canvas footer.footer .footer-feature h3, -blockquote, -th, -td { - margin: 0; - padding: 0; } - - -p, -.off-canvas footer.footer .footer-feature h3 { - margin-bottom: 1rem; - font-size: inherit; - line-height: 1.6; - text-rendering: optimizeLegibility; } - -em, -i { - font-style: italic; - line-height: inherit; } - -strong, -b { - font-weight: bold; - line-height: inherit; } - -small { - font-size: 80%; - line-height: inherit; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2, -h2, .h2, -h3, .h3, -h4, .h4, -h5, .h5, -h6, -a.link--arrow, .h6 { - font-family: "freight-display-pro", sans; - font-style: normal; - font-weight: normal; - color: inherit; - text-rendering: optimizeLegibility; } - h1 small, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title small, .in-depth .in-depth__title small, .h1 small, .intro-text h2 small, - h2 small, .h2 small, - h3 small, .h3 small, - h4 small, .h4 small, - h5 small, .h5 small, - h6 small, - a.link--arrow small, .h6 small { - line-height: 0; - color: #b2b2b2; } - -h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 1.5rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h2, .h2 { - font-size: 1.25rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h3, .h3 { - font-size: 1.1875rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h4, .h4 { - font-size: 1.125rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -h5, .h5 { - font-size: 1.0625rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - - -h6, -a.link--arrow, .h6 { - font-size: 1rem; - line-height: 1.1; - margin-top: 0; - margin-bottom: 1rem; } - -@media print, screen and (min-width: 40em) { - h1, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .in-depth .in-depth__title, .h1, .intro-text h2 { - font-size: 3rem; } - h2, .h2 { - font-size: 2.5rem; } - h3, .h3 { - font-size: 1.9375rem; } - h4, .h4 { - font-size: 1.5625rem; } - h5, .h5 { - font-size: 1.25rem; } - - h6, - a.link--arrow, .h6 { - font-size: 1rem; } } - -a { - line-height: inherit; - color: #7d7d96; - text-decoration: none; - cursor: pointer; } - a:hover, a:focus { - color: #6a6a83; } - a img { - border: 0; } - -hr { - clear: both; - max-width: 90rem; - height: 0; - margin: 1.25rem auto; - border-top: 0; - border-right: 0; - border-bottom: 1px solid #b2b2b2; - border-left: 0; } - -ul, -ol, -dl { - margin-bottom: 1rem; - list-style-position: outside; - line-height: 1.6; } - -li { - font-size: inherit; } - -ul { - margin-left: 1.25rem; - list-style-type: disc; } - -ol { - margin-left: 1.25rem; } - -ul ul, ol ul, ul ol, ol ol { - margin-left: 1.25rem; - margin-bottom: 0; } - -dl { - margin-bottom: 1rem; } - dl dt { - margin-bottom: 0.3rem; - font-weight: bold; } - -blockquote { - margin: 0 0 1rem; - padding: 0.5625rem 1.25rem 0 1.1875rem; - border-left: none; } - blockquote, blockquote p, blockquote .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature blockquote h3 { - line-height: 1.6; - color: #0a0a0a; } - -cite { - display: block; - font-size: 100%; - color: #0a0a0a; } - cite:before { - content: ""; } - -abbr, abbr[title] { - border-bottom: 1px dotted #0a0a0a; - cursor: help; - text-decoration: none; } - -figure { - margin: 0; } - -code { - padding: 0.125rem 0.3125rem 0.0625rem; - border: 1px solid #b2b2b2; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - font-weight: normal; - color: #0a0a0a; } - -kbd { - margin: 0; - padding: 0.125rem 0.25rem 0; - background-color: #e6e6e6; - font-family: Consolas, "Liberation Mono", Courier, monospace; - color: #0a0a0a; } - -.subheader { - margin-top: 0.2rem; - margin-bottom: 0.5rem; - font-weight: normal; - line-height: 1.4; - color: #8a8a8a; } - -.lead, .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 125%; - line-height: 1.6; } - -.stat { - font-size: 2.5rem; - line-height: 1; } - p + .stat, .off-canvas footer.footer .footer-feature h3 + .stat { - margin-top: -1rem; } - -ul.no-bullet, ol.no-bullet { - margin-left: 0; - list-style: none; } - -.text-left { - text-align: left; } - -.text-right { - text-align: right; } - -.text-center, .standalone-quote { - text-align: center; } - -.text-justify { - text-align: justify; } - -@media print, screen and (min-width: 40em) { - .medium-text-left { - text-align: left; } - .medium-text-right { - text-align: right; } - .medium-text-center { - text-align: center; } - .medium-text-justify { - text-align: justify; } } - -@media print, screen and (min-width: 64em) { - .large-text-left { - text-align: left; } - .large-text-right { - text-align: right; } - .large-text-center { - text-align: center; } - .large-text-justify { - text-align: justify; } } - -@media screen and (min-width: 75em) { - .xlarge-text-left { - text-align: left; } - .xlarge-text-right { - text-align: right; } - .xlarge-text-center { - text-align: center; } - .xlarge-text-justify { - text-align: justify; } } - -@media screen and (min-width: 90em) { - .xxlarge-text-left { - text-align: left; } - .xxlarge-text-right { - text-align: right; } - .xxlarge-text-center { - text-align: center; } - .xxlarge-text-justify { - text-align: justify; } } - -.show-for-print { - display: none !important; } - -@media print { - * { - background: transparent !important; - box-shadow: none !important; - color: black !important; - text-shadow: none !important; } - .show-for-print { - display: block !important; } - .hide-for-print { - display: none !important; } - table.show-for-print { - display: table !important; } - thead.show-for-print { - display: table-header-group !important; } - tbody.show-for-print { - display: table-row-group !important; } - tr.show-for-print { - display: table-row !important; } - td.show-for-print { - display: table-cell !important; } - th.show-for-print { - display: table-cell !important; } - a, - a:visited { - text-decoration: underline; } - a[href]:after { - content: " (" attr(href) ")"; } - .ir a:after, - a[href^='javascript:']:after, - a[href^='#']:after { - content: ''; } - abbr[title]:after { - content: " (" attr(title) ")"; } - pre, - blockquote { - border: 1px solid #8a8a8a; - page-break-inside: avoid; } - thead { - display: table-header-group; } - tr, - img { - page-break-inside: avoid; } - img { - max-width: 100% !important; } - @page { - margin: 0.5cm; } - - p, - .off-canvas footer.footer .footer-feature h3, - h2, - h3 { - orphans: 3; - widows: 3; } - h2, - h3 { - page-break-after: avoid; } - .print-break-inside { - page-break-inside: auto; } } - -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - display: inline-block; - vertical-align: middle; - margin: 0 0 1rem 0; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding: 0.85em 2em 0.5em 2em; - -webkit-appearance: none; - border: 1px solid transparent; - border-radius: 100rem; - transition: background-color 0.25s ease-out, color 0.25s ease-out; - font-size: 0.75rem; - line-height: 1; - text-align: center; - cursor: pointer; - background-color: #7d7d96; - color: #ffffff; } - [data-whatinput='mouse'] .button, - [data-whatinput='mouse'] .cta__button, - [data-whatinput='mouse'] .cta__button--alt, [data-whatinput='mouse'] .modal__open-button, [data-whatinput='mouse'] .transcript .transcript__toggle, .transcript [data-whatinput='mouse'] .transcript__toggle, [data-whatinput='mouse'] .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro [data-whatinput='mouse'] .slide--in-depth__intro__button { - outline: 0; } - .button:hover, - .cta__button:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background-color: #686881; - color: #ffffff; } - .button.tiny, - .tiny.cta__button, - .tiny.cta__button--alt, .tiny.modal__open-button, .transcript .tiny.transcript__toggle, .owl-carousel .slide--in-depth__intro .tiny.slide--in-depth__intro__button { - font-size: 0.6rem; } - .button.small, - .small.cta__button, - .small.cta__button--alt, .small.modal__open-button, .transcript .small.transcript__toggle, .owl-carousel .slide--in-depth__intro .small.slide--in-depth__intro__button { - font-size: 0.75rem; } - .button.large, - .large.cta__button, - .large.cta__button--alt, .large.modal__open-button, .transcript .large.transcript__toggle, .owl-carousel .slide--in-depth__intro .large.slide--in-depth__intro__button { - font-size: 1rem; } - .button.expanded, - .expanded.cta__button, - .expanded.cta__button--alt, .expanded.modal__open-button, .transcript .expanded.transcript__toggle, .owl-carousel .slide--in-depth__intro .expanded.slide--in-depth__intro__button { - display: block; - width: 100%; - margin-right: 0; - margin-left: 0; } - .button.primary, - .primary.cta__button, - .primary.cta__button--alt, .primary.modal__open-button, .transcript .primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button { - background-color: #7d7d96; - color: #0a0a0a; } - .button.primary:hover, - .primary.cta__button:hover, - .primary.cta__button--alt:hover, .primary.modal__open-button:hover, .transcript .primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:hover, .button.primary:focus, - .primary.cta__button:focus, - .primary.cta__button--alt:focus, .primary.modal__open-button:focus, .transcript .primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .primary.slide--in-depth__intro__button:focus { - background-color: #62627a; - color: #0a0a0a; } - .button.secondary, - .secondary.cta__button, - .secondary.cta__button--alt, .secondary.modal__open-button, .transcript .secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button { - background-color: #d8d8df; - color: #0a0a0a; } - .button.secondary:hover, - .secondary.cta__button:hover, - .secondary.cta__button--alt:hover, .secondary.modal__open-button:hover, .transcript .secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:hover, .button.secondary:focus, - .secondary.cta__button:focus, - .secondary.cta__button--alt:focus, .secondary.modal__open-button:focus, .transcript .secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .secondary.slide--in-depth__intro__button:focus { - background-color: #a8a8b7; - color: #0a0a0a; } - .button.success, - .success.cta__button, - .success.cta__button--alt, .success.modal__open-button, .transcript .success.transcript__toggle, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button.success:hover, - .success.cta__button:hover, - .success.cta__button--alt:hover, .success.modal__open-button:hover, .transcript .success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:hover, .button.success:focus, - .success.cta__button:focus, - .success.cta__button--alt:focus, .success.modal__open-button:focus, .transcript .success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .success.slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button.warning, - .warning.cta__button, - .warning.cta__button--alt, .warning.modal__open-button, .transcript .warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button.warning:hover, - .warning.cta__button:hover, - .warning.cta__button--alt:hover, .warning.modal__open-button:hover, .transcript .warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:hover, .button.warning:focus, - .warning.cta__button:focus, - .warning.cta__button--alt:focus, .warning.modal__open-button:focus, .transcript .warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .warning.slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button.alert, - .alert.cta__button, - .alert.cta__button--alt, .alert.modal__open-button, .transcript .alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button.alert:hover, - .alert.cta__button:hover, - .alert.cta__button--alt:hover, .alert.modal__open-button:hover, .transcript .alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:hover, .button.alert:focus, - .alert.cta__button:focus, - .alert.cta__button--alt:focus, .alert.modal__open-button:focus, .transcript .alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .alert.slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled] { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled, - .disabled.cta__button, - .disabled.cta__button--alt, .disabled.modal__open-button, .transcript .disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button, .button.disabled:hover, - .disabled.cta__button:hover, - .disabled.cta__button--alt:hover, .disabled.modal__open-button:hover, .transcript .disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:hover, .button.disabled:focus, - .disabled.cta__button:focus, - .disabled.cta__button--alt:focus, .disabled.modal__open-button:focus, .transcript .disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.slide--in-depth__intro__button:focus, .button[disabled], - .cta__button[disabled], - .cta__button--alt[disabled], .modal__open-button[disabled], .transcript .transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled], .button[disabled]:hover, - .cta__button[disabled]:hover, - .cta__button--alt[disabled]:hover, .modal__open-button[disabled]:hover, .transcript .transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:hover, .button[disabled]:focus, - .cta__button[disabled]:focus, - .cta__button--alt[disabled]:focus, .modal__open-button[disabled]:focus, .transcript .transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled]:focus { - background-color: #7d7d96; - color: #ffffff; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.primary, - .disabled.primary.cta__button, - .disabled.primary.cta__button--alt, .disabled.primary.modal__open-button, .transcript .disabled.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button, .button.disabled.primary:hover, - .disabled.primary.cta__button:hover, - .disabled.primary.cta__button--alt:hover, .disabled.primary.modal__open-button:hover, .transcript .disabled.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:hover, .button.disabled.primary:focus, - .disabled.primary.cta__button:focus, - .disabled.primary.cta__button--alt:focus, .disabled.primary.modal__open-button:focus, .transcript .disabled.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.primary.slide--in-depth__intro__button:focus, .button[disabled].primary, - .cta__button[disabled].primary, - .cta__button--alt[disabled].primary, .modal__open-button[disabled].primary, .transcript .transcript__toggle[disabled].primary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary, .button[disabled].primary:hover, - .cta__button[disabled].primary:hover, - .cta__button--alt[disabled].primary:hover, .modal__open-button[disabled].primary:hover, .transcript .transcript__toggle[disabled].primary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:hover, .button[disabled].primary:focus, - .cta__button[disabled].primary:focus, - .cta__button--alt[disabled].primary:focus, .modal__open-button[disabled].primary:focus, .transcript .transcript__toggle[disabled].primary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].primary:focus { - background-color: #7d7d96; - color: #0a0a0a; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.secondary, - .disabled.secondary.cta__button, - .disabled.secondary.cta__button--alt, .disabled.secondary.modal__open-button, .transcript .disabled.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button, .button.disabled.secondary:hover, - .disabled.secondary.cta__button:hover, - .disabled.secondary.cta__button--alt:hover, .disabled.secondary.modal__open-button:hover, .transcript .disabled.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:hover, .button.disabled.secondary:focus, - .disabled.secondary.cta__button:focus, - .disabled.secondary.cta__button--alt:focus, .disabled.secondary.modal__open-button:focus, .transcript .disabled.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.secondary.slide--in-depth__intro__button:focus, .button[disabled].secondary, - .cta__button[disabled].secondary, - .cta__button--alt[disabled].secondary, .modal__open-button[disabled].secondary, .transcript .transcript__toggle[disabled].secondary, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary, .button[disabled].secondary:hover, - .cta__button[disabled].secondary:hover, - .cta__button--alt[disabled].secondary:hover, .modal__open-button[disabled].secondary:hover, .transcript .transcript__toggle[disabled].secondary:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:hover, .button[disabled].secondary:focus, - .cta__button[disabled].secondary:focus, - .cta__button--alt[disabled].secondary:focus, .modal__open-button[disabled].secondary:focus, .transcript .transcript__toggle[disabled].secondary:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].secondary:focus { - background-color: #d8d8df; - color: #0a0a0a; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.success, - .disabled.success.cta__button, - .disabled.success.cta__button--alt, .disabled.success.modal__open-button, .transcript .disabled.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button, .button.disabled.success:hover, - .disabled.success.cta__button:hover, - .disabled.success.cta__button--alt:hover, .disabled.success.modal__open-button:hover, .transcript .disabled.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:hover, .button.disabled.success:focus, - .disabled.success.cta__button:focus, - .disabled.success.cta__button--alt:focus, .disabled.success.modal__open-button:focus, .transcript .disabled.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.success.slide--in-depth__intro__button:focus, .button[disabled].success, - .cta__button[disabled].success, - .cta__button--alt[disabled].success, .modal__open-button[disabled].success, .transcript .transcript__toggle[disabled].success, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success, .button[disabled].success:hover, - .cta__button[disabled].success:hover, - .cta__button--alt[disabled].success:hover, .modal__open-button[disabled].success:hover, .transcript .transcript__toggle[disabled].success:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:hover, .button[disabled].success:focus, - .cta__button[disabled].success:focus, - .cta__button--alt[disabled].success:focus, .modal__open-button[disabled].success:focus, .transcript .transcript__toggle[disabled].success:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].success:focus { - background-color: #3adb76; - color: #0a0a0a; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.warning, - .disabled.warning.cta__button, - .disabled.warning.cta__button--alt, .disabled.warning.modal__open-button, .transcript .disabled.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button, .button.disabled.warning:hover, - .disabled.warning.cta__button:hover, - .disabled.warning.cta__button--alt:hover, .disabled.warning.modal__open-button:hover, .transcript .disabled.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:hover, .button.disabled.warning:focus, - .disabled.warning.cta__button:focus, - .disabled.warning.cta__button--alt:focus, .disabled.warning.modal__open-button:focus, .transcript .disabled.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.warning.slide--in-depth__intro__button:focus, .button[disabled].warning, - .cta__button[disabled].warning, - .cta__button--alt[disabled].warning, .modal__open-button[disabled].warning, .transcript .transcript__toggle[disabled].warning, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning, .button[disabled].warning:hover, - .cta__button[disabled].warning:hover, - .cta__button--alt[disabled].warning:hover, .modal__open-button[disabled].warning:hover, .transcript .transcript__toggle[disabled].warning:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:hover, .button[disabled].warning:focus, - .cta__button[disabled].warning:focus, - .cta__button--alt[disabled].warning:focus, .modal__open-button[disabled].warning:focus, .transcript .transcript__toggle[disabled].warning:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].warning:focus { - background-color: #ffae00; - color: #0a0a0a; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert { - opacity: 0.25; - cursor: not-allowed; } - .button.disabled.alert, - .disabled.alert.cta__button, - .disabled.alert.cta__button--alt, .disabled.alert.modal__open-button, .transcript .disabled.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button, .button.disabled.alert:hover, - .disabled.alert.cta__button:hover, - .disabled.alert.cta__button--alt:hover, .disabled.alert.modal__open-button:hover, .transcript .disabled.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:hover, .button.disabled.alert:focus, - .disabled.alert.cta__button:focus, - .disabled.alert.cta__button--alt:focus, .disabled.alert.modal__open-button:focus, .transcript .disabled.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .disabled.alert.slide--in-depth__intro__button:focus, .button[disabled].alert, - .cta__button[disabled].alert, - .cta__button--alt[disabled].alert, .modal__open-button[disabled].alert, .transcript .transcript__toggle[disabled].alert, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert, .button[disabled].alert:hover, - .cta__button[disabled].alert:hover, - .cta__button--alt[disabled].alert:hover, .modal__open-button[disabled].alert:hover, .transcript .transcript__toggle[disabled].alert:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:hover, .button[disabled].alert:focus, - .cta__button[disabled].alert:focus, - .cta__button--alt[disabled].alert:focus, .modal__open-button[disabled].alert:focus, .transcript .transcript__toggle[disabled].alert:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button[disabled].alert:focus { - background-color: #cc4b37; - color: #ffffff; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.hollow, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.hollow.disabled, - .hollow.disabled.cta__button, - .hollow.disabled.cta__button--alt, .hollow.disabled.modal__open-button, .transcript .hollow.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button, .button.hollow.disabled:hover, - .hollow.disabled.cta__button:hover, - .hollow.disabled.cta__button--alt:hover, .hollow.disabled.modal__open-button:hover, .transcript .hollow.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:hover, .button.hollow.disabled:focus, - .hollow.disabled.cta__button:focus, - .hollow.disabled.cta__button--alt:focus, .hollow.disabled.modal__open-button:focus, .transcript .hollow.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.disabled.slide--in-depth__intro__button:focus, .button.hollow[disabled], - .hollow.cta__button[disabled], - .hollow.cta__button--alt[disabled], .hollow.modal__open-button[disabled], .transcript .hollow.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled], .button.hollow[disabled]:hover, - .hollow.cta__button[disabled]:hover, - .hollow.cta__button--alt[disabled]:hover, .hollow.modal__open-button[disabled]:hover, .transcript .hollow.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:hover, .button.hollow[disabled]:focus, - .hollow.cta__button[disabled]:focus, - .hollow.cta__button--alt[disabled]:focus, .hollow.modal__open-button[disabled]:focus, .transcript .hollow.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.hollow:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover, .button.hollow:focus, - .hollow.cta__button:focus, - .hollow.cta__button--alt:focus, .hollow.modal__open-button:focus, .transcript .hollow.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus { - border-color: #3d3d4c; - color: #3d3d4c; } - .button.hollow:hover.disabled, - .hollow.cta__button:hover.disabled, - .hollow.cta__button--alt:hover.disabled, .hollow.modal__open-button:hover.disabled, .transcript .hollow.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover.disabled, .button.hollow:hover[disabled], - .hollow.cta__button:hover[disabled], - .hollow.cta__button--alt:hover[disabled], .hollow.modal__open-button:hover[disabled], .transcript .hollow.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover[disabled], .button.hollow:focus.disabled, - .hollow.cta__button:focus.disabled, - .hollow.cta__button--alt:focus.disabled, .hollow.modal__open-button:focus.disabled, .transcript .hollow.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus.disabled, .button.hollow:focus[disabled], - .hollow.cta__button:focus[disabled], - .hollow.cta__button--alt:focus[disabled], .hollow.modal__open-button:focus[disabled], .transcript .hollow.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.hollow.primary, - .hollow.primary.cta__button, - .hollow.primary.cta__button--alt, .hollow.primary.modal__open-button, .transcript .hollow.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.hollow.primary:hover, - .hollow.primary.cta__button:hover, - .hollow.primary.cta__button--alt:hover, .hollow.primary.modal__open-button:hover, .transcript .hollow.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover, .button.hollow.primary:focus, - .hollow.primary.cta__button:focus, - .hollow.primary.cta__button--alt:focus, .hollow.primary.modal__open-button:focus, .transcript .hollow.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus { - border-color: #3d3d4c; - color: #3d3d4c; } - .button.hollow.primary:hover.disabled, - .hollow.primary.cta__button:hover.disabled, - .hollow.primary.cta__button--alt:hover.disabled, .hollow.primary.modal__open-button:hover.disabled, .transcript .hollow.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover.disabled, .button.hollow.primary:hover[disabled], - .hollow.primary.cta__button:hover[disabled], - .hollow.primary.cta__button--alt:hover[disabled], .hollow.primary.modal__open-button:hover[disabled], .transcript .hollow.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:hover[disabled], .button.hollow.primary:focus.disabled, - .hollow.primary.cta__button:focus.disabled, - .hollow.primary.cta__button--alt:focus.disabled, .hollow.primary.modal__open-button:focus.disabled, .transcript .hollow.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus.disabled, .button.hollow.primary:focus[disabled], - .hollow.primary.cta__button:focus[disabled], - .hollow.primary.cta__button--alt:focus[disabled], .hollow.primary.modal__open-button:focus[disabled], .transcript .hollow.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.hollow.secondary, - .hollow.secondary.cta__button, - .hollow.secondary.cta__button--alt, .hollow.secondary.modal__open-button, .transcript .hollow.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button { - border: 2px solid #d8d8df; - color: #d8d8df; } - .button.hollow.secondary:hover, - .hollow.secondary.cta__button:hover, - .hollow.secondary.cta__button--alt:hover, .hollow.secondary.modal__open-button:hover, .transcript .hollow.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover, .button.hollow.secondary:focus, - .hollow.secondary.cta__button:focus, - .hollow.secondary.cta__button--alt:focus, .hollow.secondary.modal__open-button:focus, .transcript .hollow.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus { - border-color: #636379; - color: #636379; } - .button.hollow.secondary:hover.disabled, - .hollow.secondary.cta__button:hover.disabled, - .hollow.secondary.cta__button--alt:hover.disabled, .hollow.secondary.modal__open-button:hover.disabled, .transcript .hollow.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover.disabled, .button.hollow.secondary:hover[disabled], - .hollow.secondary.cta__button:hover[disabled], - .hollow.secondary.cta__button--alt:hover[disabled], .hollow.secondary.modal__open-button:hover[disabled], .transcript .hollow.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:hover[disabled], .button.hollow.secondary:focus.disabled, - .hollow.secondary.cta__button:focus.disabled, - .hollow.secondary.cta__button--alt:focus.disabled, .hollow.secondary.modal__open-button:focus.disabled, .transcript .hollow.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus.disabled, .button.hollow.secondary:focus[disabled], - .hollow.secondary.cta__button:focus[disabled], - .hollow.secondary.cta__button--alt:focus[disabled], .hollow.secondary.modal__open-button:focus[disabled], .transcript .hollow.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #d8d8df; - color: #d8d8df; } - .button.hollow.success, - .hollow.success.cta__button, - .hollow.success.cta__button--alt, .hollow.success.modal__open-button, .transcript .hollow.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.success:hover, - .hollow.success.cta__button:hover, - .hollow.success.cta__button--alt:hover, .hollow.success.modal__open-button:hover, .transcript .hollow.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover, .button.hollow.success:focus, - .hollow.success.cta__button:focus, - .hollow.success.cta__button--alt:focus, .hollow.success.modal__open-button:focus, .transcript .hollow.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.hollow.success:hover.disabled, - .hollow.success.cta__button:hover.disabled, - .hollow.success.cta__button--alt:hover.disabled, .hollow.success.modal__open-button:hover.disabled, .transcript .hollow.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover.disabled, .button.hollow.success:hover[disabled], - .hollow.success.cta__button:hover[disabled], - .hollow.success.cta__button--alt:hover[disabled], .hollow.success.modal__open-button:hover[disabled], .transcript .hollow.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:hover[disabled], .button.hollow.success:focus.disabled, - .hollow.success.cta__button:focus.disabled, - .hollow.success.cta__button--alt:focus.disabled, .hollow.success.modal__open-button:focus.disabled, .transcript .hollow.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus.disabled, .button.hollow.success:focus[disabled], - .hollow.success.cta__button:focus[disabled], - .hollow.success.cta__button--alt:focus[disabled], .hollow.success.modal__open-button:focus[disabled], .transcript .hollow.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.hollow.warning, - .hollow.warning.cta__button, - .hollow.warning.cta__button--alt, .hollow.warning.modal__open-button, .transcript .hollow.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.warning:hover, - .hollow.warning.cta__button:hover, - .hollow.warning.cta__button--alt:hover, .hollow.warning.modal__open-button:hover, .transcript .hollow.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover, .button.hollow.warning:focus, - .hollow.warning.cta__button:focus, - .hollow.warning.cta__button--alt:focus, .hollow.warning.modal__open-button:focus, .transcript .hollow.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.hollow.warning:hover.disabled, - .hollow.warning.cta__button:hover.disabled, - .hollow.warning.cta__button--alt:hover.disabled, .hollow.warning.modal__open-button:hover.disabled, .transcript .hollow.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover.disabled, .button.hollow.warning:hover[disabled], - .hollow.warning.cta__button:hover[disabled], - .hollow.warning.cta__button--alt:hover[disabled], .hollow.warning.modal__open-button:hover[disabled], .transcript .hollow.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:hover[disabled], .button.hollow.warning:focus.disabled, - .hollow.warning.cta__button:focus.disabled, - .hollow.warning.cta__button--alt:focus.disabled, .hollow.warning.modal__open-button:focus.disabled, .transcript .hollow.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus.disabled, .button.hollow.warning:focus[disabled], - .hollow.warning.cta__button:focus[disabled], - .hollow.warning.cta__button--alt:focus[disabled], .hollow.warning.modal__open-button:focus[disabled], .transcript .hollow.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.hollow.alert, - .hollow.alert.cta__button, - .hollow.alert.cta__button--alt, .hollow.alert.modal__open-button, .transcript .hollow.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.hollow.alert:hover, - .hollow.alert.cta__button:hover, - .hollow.alert.cta__button--alt:hover, .hollow.alert.modal__open-button:hover, .transcript .hollow.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover, .button.hollow.alert:focus, - .hollow.alert.cta__button:focus, - .hollow.alert.cta__button--alt:focus, .hollow.alert.modal__open-button:focus, .transcript .hollow.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.hollow.alert:hover.disabled, - .hollow.alert.cta__button:hover.disabled, - .hollow.alert.cta__button--alt:hover.disabled, .hollow.alert.modal__open-button:hover.disabled, .transcript .hollow.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover.disabled, .button.hollow.alert:hover[disabled], - .hollow.alert.cta__button:hover[disabled], - .hollow.alert.cta__button--alt:hover[disabled], .hollow.alert.modal__open-button:hover[disabled], .transcript .hollow.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:hover[disabled], .button.hollow.alert:focus.disabled, - .hollow.alert.cta__button:focus.disabled, - .hollow.alert.cta__button--alt:focus.disabled, .hollow.alert.modal__open-button:focus.disabled, .transcript .hollow.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus.disabled, .button.hollow.alert:focus[disabled], - .hollow.alert.cta__button:focus[disabled], - .hollow.alert.cta__button--alt:focus[disabled], .hollow.alert.modal__open-button:focus[disabled], .transcript .hollow.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .hollow.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - background-color: transparent; } - .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear.disabled:hover, - .clear.disabled.cta__button:hover, - .clear.disabled.cta__button--alt:hover, .clear.disabled.modal__open-button:hover, .transcript .clear.disabled.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:hover, .button.clear.disabled:focus, - .clear.disabled.cta__button:focus, - .clear.disabled.cta__button--alt:focus, .clear.disabled.modal__open-button:focus, .transcript .clear.disabled.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button:focus, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear[disabled]:hover, - .clear.cta__button[disabled]:hover, - .clear.cta__button--alt[disabled]:hover, .clear.modal__open-button[disabled]:hover, .transcript .clear.transcript__toggle[disabled]:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:hover, .button.clear[disabled]:focus, - .clear.cta__button[disabled]:focus, - .clear.cta__button--alt[disabled]:focus, .clear.modal__open-button[disabled]:focus, .transcript .clear.transcript__toggle[disabled]:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled]:focus { - background-color: transparent; } - .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus { - border-color: #3d3d4c; - color: #3d3d4c; } - .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.clear, - .clear.cta__button, - .clear.cta__button--alt, .clear.modal__open-button, .transcript .clear.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button, .button.clear.disabled, - .clear.disabled.cta__button, - .clear.disabled.cta__button--alt, .clear.disabled.modal__open-button, .transcript .clear.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.disabled.slide--in-depth__intro__button, .button.clear[disabled], - .clear.cta__button[disabled], - .clear.cta__button--alt[disabled], .clear.modal__open-button[disabled], .transcript .clear.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button[disabled], .button.clear:hover, - .clear.cta__button:hover, - .clear.cta__button--alt:hover, .clear.modal__open-button:hover, .transcript .clear.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover, .button.clear:hover.disabled, - .clear.cta__button:hover.disabled, - .clear.cta__button--alt:hover.disabled, .clear.modal__open-button:hover.disabled, .transcript .clear.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover.disabled, .button.clear:hover[disabled], - .clear.cta__button:hover[disabled], - .clear.cta__button--alt:hover[disabled], .clear.modal__open-button:hover[disabled], .transcript .clear.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:hover[disabled], .button.clear:focus, - .clear.cta__button:focus, - .clear.cta__button--alt:focus, .clear.modal__open-button:focus, .transcript .clear.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus, .button.clear:focus.disabled, - .clear.cta__button:focus.disabled, - .clear.cta__button--alt:focus.disabled, .clear.modal__open-button:focus.disabled, .transcript .clear.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus.disabled, .button.clear:focus[disabled], - .clear.cta__button:focus[disabled], - .clear.cta__button--alt:focus[disabled], .clear.modal__open-button:focus[disabled], .transcript .clear.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus { - border-color: #3d3d4c; - color: #3d3d4c; } - .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #7d7d96; - color: #7d7d96; } - .button.clear.primary, - .clear.primary.cta__button, - .clear.primary.cta__button--alt, .clear.primary.modal__open-button, .transcript .clear.primary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button, .button.clear.primary.disabled, - .clear.primary.disabled.cta__button, - .clear.primary.disabled.cta__button--alt, .clear.primary.disabled.modal__open-button, .transcript .clear.primary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.primary.disabled.slide--in-depth__intro__button, .button.clear.primary[disabled], - .clear.primary.cta__button[disabled], - .clear.primary.cta__button--alt[disabled], .clear.primary.modal__open-button[disabled], .transcript .clear.primary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button[disabled], .button.clear.primary:hover, - .clear.primary.cta__button:hover, - .clear.primary.cta__button--alt:hover, .clear.primary.modal__open-button:hover, .transcript .clear.primary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover, .button.clear.primary:hover.disabled, - .clear.primary.cta__button:hover.disabled, - .clear.primary.cta__button--alt:hover.disabled, .clear.primary.modal__open-button:hover.disabled, .transcript .clear.primary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover.disabled, .button.clear.primary:hover[disabled], - .clear.primary.cta__button:hover[disabled], - .clear.primary.cta__button--alt:hover[disabled], .clear.primary.modal__open-button:hover[disabled], .transcript .clear.primary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:hover[disabled], .button.clear.primary:focus, - .clear.primary.cta__button:focus, - .clear.primary.cta__button--alt:focus, .clear.primary.modal__open-button:focus, .transcript .clear.primary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus, .button.clear.primary:focus.disabled, - .clear.primary.cta__button:focus.disabled, - .clear.primary.cta__button--alt:focus.disabled, .clear.primary.modal__open-button:focus.disabled, .transcript .clear.primary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus.disabled, .button.clear.primary:focus[disabled], - .clear.primary.cta__button:focus[disabled], - .clear.primary.cta__button--alt:focus[disabled], .clear.primary.modal__open-button:focus[disabled], .transcript .clear.primary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.primary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button { - border: 2px solid #d8d8df; - color: #d8d8df; } - .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus { - border-color: #636379; - color: #636379; } - .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #d8d8df; - color: #d8d8df; } - .button.clear.secondary, - .clear.secondary.cta__button, - .clear.secondary.cta__button--alt, .clear.secondary.modal__open-button, .transcript .clear.secondary.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button, .button.clear.secondary.disabled, - .clear.secondary.disabled.cta__button, - .clear.secondary.disabled.cta__button--alt, .clear.secondary.disabled.modal__open-button, .transcript .clear.secondary.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.secondary.disabled.slide--in-depth__intro__button, .button.clear.secondary[disabled], - .clear.secondary.cta__button[disabled], - .clear.secondary.cta__button--alt[disabled], .clear.secondary.modal__open-button[disabled], .transcript .clear.secondary.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button[disabled], .button.clear.secondary:hover, - .clear.secondary.cta__button:hover, - .clear.secondary.cta__button--alt:hover, .clear.secondary.modal__open-button:hover, .transcript .clear.secondary.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover, .button.clear.secondary:hover.disabled, - .clear.secondary.cta__button:hover.disabled, - .clear.secondary.cta__button--alt:hover.disabled, .clear.secondary.modal__open-button:hover.disabled, .transcript .clear.secondary.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover.disabled, .button.clear.secondary:hover[disabled], - .clear.secondary.cta__button:hover[disabled], - .clear.secondary.cta__button--alt:hover[disabled], .clear.secondary.modal__open-button:hover[disabled], .transcript .clear.secondary.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:hover[disabled], .button.clear.secondary:focus, - .clear.secondary.cta__button:focus, - .clear.secondary.cta__button--alt:focus, .clear.secondary.modal__open-button:focus, .transcript .clear.secondary.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus, .button.clear.secondary:focus.disabled, - .clear.secondary.cta__button:focus.disabled, - .clear.secondary.cta__button--alt:focus.disabled, .clear.secondary.modal__open-button:focus.disabled, .transcript .clear.secondary.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus.disabled, .button.clear.secondary:focus[disabled], - .clear.secondary.cta__button:focus[disabled], - .clear.secondary.cta__button--alt:focus[disabled], .clear.secondary.modal__open-button:focus[disabled], .transcript .clear.secondary.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.secondary.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus { - border-color: #157539; - color: #157539; } - .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #3adb76; - color: #3adb76; } - .button.clear.success, - .clear.success.cta__button, - .clear.success.cta__button--alt, .clear.success.modal__open-button, .transcript .clear.success.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button, .button.clear.success.disabled, - .clear.success.disabled.cta__button, - .clear.success.disabled.cta__button--alt, .clear.success.disabled.modal__open-button, .transcript .clear.success.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.success.disabled.slide--in-depth__intro__button, .button.clear.success[disabled], - .clear.success.cta__button[disabled], - .clear.success.cta__button--alt[disabled], .clear.success.modal__open-button[disabled], .transcript .clear.success.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button[disabled], .button.clear.success:hover, - .clear.success.cta__button:hover, - .clear.success.cta__button--alt:hover, .clear.success.modal__open-button:hover, .transcript .clear.success.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover, .button.clear.success:hover.disabled, - .clear.success.cta__button:hover.disabled, - .clear.success.cta__button--alt:hover.disabled, .clear.success.modal__open-button:hover.disabled, .transcript .clear.success.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover.disabled, .button.clear.success:hover[disabled], - .clear.success.cta__button:hover[disabled], - .clear.success.cta__button--alt:hover[disabled], .clear.success.modal__open-button:hover[disabled], .transcript .clear.success.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:hover[disabled], .button.clear.success:focus, - .clear.success.cta__button:focus, - .clear.success.cta__button--alt:focus, .clear.success.modal__open-button:focus, .transcript .clear.success.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus, .button.clear.success:focus.disabled, - .clear.success.cta__button:focus.disabled, - .clear.success.cta__button--alt:focus.disabled, .clear.success.modal__open-button:focus.disabled, .transcript .clear.success.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus.disabled, .button.clear.success:focus[disabled], - .clear.success.cta__button:focus[disabled], - .clear.success.cta__button--alt:focus[disabled], .clear.success.modal__open-button:focus[disabled], .transcript .clear.success.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.success.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus { - border-color: #805700; - color: #805700; } - .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #ffae00; - color: #ffae00; } - .button.clear.warning, - .clear.warning.cta__button, - .clear.warning.cta__button--alt, .clear.warning.modal__open-button, .transcript .clear.warning.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button, .button.clear.warning.disabled, - .clear.warning.disabled.cta__button, - .clear.warning.disabled.cta__button--alt, .clear.warning.disabled.modal__open-button, .transcript .clear.warning.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.warning.disabled.slide--in-depth__intro__button, .button.clear.warning[disabled], - .clear.warning.cta__button[disabled], - .clear.warning.cta__button--alt[disabled], .clear.warning.modal__open-button[disabled], .transcript .clear.warning.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button[disabled], .button.clear.warning:hover, - .clear.warning.cta__button:hover, - .clear.warning.cta__button--alt:hover, .clear.warning.modal__open-button:hover, .transcript .clear.warning.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover, .button.clear.warning:hover.disabled, - .clear.warning.cta__button:hover.disabled, - .clear.warning.cta__button--alt:hover.disabled, .clear.warning.modal__open-button:hover.disabled, .transcript .clear.warning.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover.disabled, .button.clear.warning:hover[disabled], - .clear.warning.cta__button:hover[disabled], - .clear.warning.cta__button--alt:hover[disabled], .clear.warning.modal__open-button:hover[disabled], .transcript .clear.warning.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:hover[disabled], .button.clear.warning:focus, - .clear.warning.cta__button:focus, - .clear.warning.cta__button--alt:focus, .clear.warning.modal__open-button:focus, .transcript .clear.warning.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus, .button.clear.warning:focus.disabled, - .clear.warning.cta__button:focus.disabled, - .clear.warning.cta__button--alt:focus.disabled, .clear.warning.modal__open-button:focus.disabled, .transcript .clear.warning.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus.disabled, .button.clear.warning:focus[disabled], - .clear.warning.cta__button:focus[disabled], - .clear.warning.cta__button--alt:focus[disabled], .clear.warning.modal__open-button:focus[disabled], .transcript .clear.warning.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.warning.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus { - border-color: #67251a; - color: #67251a; } - .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border: 2px solid #cc4b37; - color: #cc4b37; } - .button.clear.alert, - .clear.alert.cta__button, - .clear.alert.cta__button--alt, .clear.alert.modal__open-button, .transcript .clear.alert.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button, .button.clear.alert.disabled, - .clear.alert.disabled.cta__button, - .clear.alert.disabled.cta__button--alt, .clear.alert.disabled.modal__open-button, .transcript .clear.alert.disabled.transcript__toggle, .owl-carousel .slide--in-depth__intro .clear.alert.disabled.slide--in-depth__intro__button, .button.clear.alert[disabled], - .clear.alert.cta__button[disabled], - .clear.alert.cta__button--alt[disabled], .clear.alert.modal__open-button[disabled], .transcript .clear.alert.transcript__toggle[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button[disabled], .button.clear.alert:hover, - .clear.alert.cta__button:hover, - .clear.alert.cta__button--alt:hover, .clear.alert.modal__open-button:hover, .transcript .clear.alert.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover, .button.clear.alert:hover.disabled, - .clear.alert.cta__button:hover.disabled, - .clear.alert.cta__button--alt:hover.disabled, .clear.alert.modal__open-button:hover.disabled, .transcript .clear.alert.transcript__toggle:hover.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover.disabled, .button.clear.alert:hover[disabled], - .clear.alert.cta__button:hover[disabled], - .clear.alert.cta__button--alt:hover[disabled], .clear.alert.modal__open-button:hover[disabled], .transcript .clear.alert.transcript__toggle:hover[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:hover[disabled], .button.clear.alert:focus, - .clear.alert.cta__button:focus, - .clear.alert.cta__button--alt:focus, .clear.alert.modal__open-button:focus, .transcript .clear.alert.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus, .button.clear.alert:focus.disabled, - .clear.alert.cta__button:focus.disabled, - .clear.alert.cta__button--alt:focus.disabled, .clear.alert.modal__open-button:focus.disabled, .transcript .clear.alert.transcript__toggle:focus.disabled, .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus.disabled, .button.clear.alert:focus[disabled], - .clear.alert.cta__button:focus[disabled], - .clear.alert.cta__button--alt:focus[disabled], .clear.alert.modal__open-button:focus[disabled], .transcript .clear.alert.transcript__toggle:focus[disabled], .owl-carousel .slide--in-depth__intro .clear.alert.slide--in-depth__intro__button:focus[disabled] { - border-color: transparent; } - .button.dropdown::after, - .dropdown.cta__button::after, - .dropdown.cta__button--alt::after, .dropdown.modal__open-button::after, .transcript .dropdown.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.slide--in-depth__intro__button::after { - display: block; - width: 0; - height: 0; - border: inset 0.4em; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - position: relative; - top: 0.4em; - display: inline-block; - float: right; - margin-left: 2em; } - .button.dropdown.hollow::after, - .dropdown.hollow.cta__button::after, - .dropdown.hollow.cta__button--alt::after, .dropdown.hollow.modal__open-button::after, .transcript .dropdown.hollow.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.slide--in-depth__intro__button::after { - border-top-color: #7d7d96; } - .button.dropdown.hollow.primary::after, - .dropdown.hollow.primary.cta__button::after, - .dropdown.hollow.primary.cta__button--alt::after, .dropdown.hollow.primary.modal__open-button::after, .transcript .dropdown.hollow.primary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.primary.slide--in-depth__intro__button::after { - border-top-color: #7d7d96; } - .button.dropdown.hollow.secondary::after, - .dropdown.hollow.secondary.cta__button::after, - .dropdown.hollow.secondary.cta__button--alt::after, .dropdown.hollow.secondary.modal__open-button::after, .transcript .dropdown.hollow.secondary.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.secondary.slide--in-depth__intro__button::after { - border-top-color: #d8d8df; } - .button.dropdown.hollow.success::after, - .dropdown.hollow.success.cta__button::after, - .dropdown.hollow.success.cta__button--alt::after, .dropdown.hollow.success.modal__open-button::after, .transcript .dropdown.hollow.success.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.success.slide--in-depth__intro__button::after { - border-top-color: #3adb76; } - .button.dropdown.hollow.warning::after, - .dropdown.hollow.warning.cta__button::after, - .dropdown.hollow.warning.cta__button--alt::after, .dropdown.hollow.warning.modal__open-button::after, .transcript .dropdown.hollow.warning.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.warning.slide--in-depth__intro__button::after { - border-top-color: #ffae00; } - .button.dropdown.hollow.alert::after, - .dropdown.hollow.alert.cta__button::after, - .dropdown.hollow.alert.cta__button--alt::after, .dropdown.hollow.alert.modal__open-button::after, .transcript .dropdown.hollow.alert.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .dropdown.hollow.alert.slide--in-depth__intro__button::after { - border-top-color: #cc4b37; } - .button.arrow-only::after, - .arrow-only.cta__button::after, - .arrow-only.cta__button--alt::after, .arrow-only.modal__open-button::after, .transcript .arrow-only.transcript__toggle::after, .owl-carousel .slide--in-depth__intro .arrow-only.slide--in-depth__intro__button::after { - top: -0.1em; - float: none; - margin-left: 0; } - -a.button:hover, -a.cta__button:hover, -a.cta__button--alt:hover, a.modal__open-button:hover, .transcript a.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:hover, a.button:focus, -a.cta__button:focus, -a.cta__button--alt:focus, a.modal__open-button:focus, .transcript a.transcript__toggle:focus, .owl-carousel .slide--in-depth__intro a.slide--in-depth__intro__button:focus { - text-decoration: none; } - -[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], -textarea { - display: block; - box-sizing: border-box; - width: 100%; - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; - appearance: none; } - [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, - textarea:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - -textarea { - max-width: 100%; } - textarea[rows] { - height: auto; } - -input::placeholder, -textarea::placeholder { - color: #b2b2b2; } - -input:disabled, input[readonly], -textarea:disabled, -textarea[readonly] { - background-color: #e6e6e6; - cursor: not-allowed; } - -[type='submit'], -[type='button'] { - appearance: none; - border-radius: 0; } - -input[type='search'] { - box-sizing: border-box; } - -[type='file'], -[type='checkbox'], -[type='radio'] { - margin: 0 0 1rem; } - -[type='checkbox'] + label, -[type='radio'] + label { - display: inline-block; - vertical-align: baseline; - margin-left: 0.5rem; - margin-right: 1rem; - margin-bottom: 0; } - [type='checkbox'] + label[for], - [type='radio'] + label[for] { - cursor: pointer; } - -label > [type='checkbox'], -label > [type='radio'] { - margin-right: 0.5rem; } - -[type='file'] { - width: 100%; } - -label { - display: block; - margin: 0; - font-size: 0.875rem; - font-weight: normal; - line-height: 1.8; - color: #0a0a0a; } - label.middle { - margin: 0 0 1rem; - padding: 0.5625rem 0; } - -.help-text { - margin-top: -0.5rem; - font-size: 0.8125rem; - font-style: italic; - color: #0a0a0a; } - -.input-group { - display: flex; - width: 100%; - margin-bottom: 1rem; - align-items: stretch; } - .input-group > :first-child { - border-radius: 0 0 0 0; } - .input-group > :last-child > * { - border-radius: 0 0 0 0; } - -.input-group-label, .input-group-field, .input-group-button, .input-group-button a, -.input-group-button input, -.input-group-button button, -.input-group-button label { - margin: 0; - white-space: nowrap; } - -.input-group-label { - padding: 0 1rem; - border: 1px solid #b2b2b2; - background: #e6e6e6; - color: #0a0a0a; - text-align: center; - white-space: nowrap; - display: flex; - flex: 0 0 auto; - align-items: center; } - .input-group-label:first-child { - border-right: 0; } - .input-group-label:last-child { - border-left: 0; } - -.input-group-field { - border-radius: 0; - flex: 1 1 0px; - height: auto; - min-width: 0; } - -.input-group-button { - padding-top: 0; - padding-bottom: 0; - text-align: center; - display: flex; - flex: 0 0 auto; } - .input-group-button a, - .input-group-button input, - .input-group-button button, - .input-group-button label { - height: auto; - align-self: stretch; - padding-top: 0; - padding-bottom: 0; - font-size: 1rem; } - -fieldset { - margin: 0; - padding: 0; - border: 0; } - -legend { - max-width: 100%; - margin-bottom: 0.5rem; } - -.fieldset { - margin: 1.125rem 0; - padding: 1.25rem; - border: 1px solid #b2b2b2; } - .fieldset legend { - margin: 0; - margin-left: -0.1875rem; - padding: 0 0.1875rem; } - -select { - height: 2.4375rem; - margin: 0 0 1rem; - padding: 0.5rem; - appearance: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-family: inherit; - font-size: 1rem; - font-weight: normal; - line-height: 1.5; - color: #0a0a0a; - background-image: url("data:image/svg+xml;utf8,"); - background-origin: content-box; - background-position: right -1rem center; - background-repeat: no-repeat; - background-size: 9px 6px; - padding-right: 1.5rem; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - @media screen and (min-width: 0\0) { - select { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } - select:focus { - outline: none; - border: 1px solid #8a8a8a; - background-color: #ffffff; - box-shadow: 0 0 5px #b2b2b2; - transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } - select:disabled { - background-color: #e6e6e6; - cursor: not-allowed; } - select::-ms-expand { - display: none; } - select[multiple] { - height: auto; - background-image: none; } - -.is-invalid-input:not(:focus) { - border-color: #cc4b37; - background-color: #faedeb; } - .is-invalid-input:not(:focus)::placeholder { - color: #cc4b37; } - -.is-invalid-label { - color: #cc4b37; } - -.form-error { - display: none; - margin-top: -0.5rem; - margin-bottom: 1rem; - font-size: 0.75rem; - font-weight: bold; - color: #cc4b37; } - .form-error.is-visible { - display: block; } - -input[type="range"] { - display: block; - width: 100%; - height: auto; - margin-top: 0.45rem; - margin-bottom: 0.45rem; - appearance: none; - border: 0; - line-height: 1; - cursor: pointer; } - input[type="range"]:focus { - outline: 0; } - input[type="range"][disabled] { - opacity: 0.25; } - input[type="range"]::-webkit-slider-runnable-track { - height: 0.5rem; - background: #e6e6e6; } - input[type="range"]::-webkit-slider-handle { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -webkit-appearance: none; - background: #b2b2b2; } - input[type="range"]::-moz-range-track { - height: 0.5rem; - -moz-appearance: none; - background: #e6e6e6; } - input[type="range"]::-moz-range-thumb { - width: 1.4rem; - height: 1.4rem; - margin-top: -0.45rem; - -moz-appearance: none; - background: #b2b2b2; } - input[type="range"]::-ms-track { - height: 0.5rem; - border: 0; - border-top: 0.45rem solid #ffffff; - border-bottom: 0.45rem solid #ffffff; - background: #e6e6e6; - overflow: visible; - color: transparent; } - input[type="range"]::-ms-thumb { - width: 1.4rem; - height: 1.4rem; - border: 0; - background: #b2b2b2; } - input[type="range"]::-ms-fill-lower { - background: #7d7d96; } - input[type="range"]::-ms-fill-upper { - background: #e6e6e6; } - output { - vertical-align: middle; - margin-left: 0.5em; - line-height: 1.4rem; } - -.accordion { - margin-left: 0; - background: #ffffff; - list-style-type: none; } - .accordion[disabled] .accordion-title { - cursor: not-allowed; } - -.accordion-item:first-child > :first-child { - border-radius: 0 0 0 0; } - -.accordion-item:last-child > :last-child { - border-radius: 0 0 0 0; } - -.accordion-title { - position: relative; - display: block; - padding: 1.25rem 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - font-size: 0.75rem; - line-height: 1; - color: #7d7d96; } - :last-child:not(.is-active) > .accordion-title { - border-bottom: 1px solid #e6e6e6; - border-radius: 0 0 0 0; } - .accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; } - .accordion-title::before { - position: absolute; - top: 50%; - right: 1rem; - margin-top: -0.5rem; - content: '+'; } - .is-active > .accordion-title::before { - content: '\2013'; } - -.accordion-content { - display: none; - padding: 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - background-color: #ffffff; - color: #0a0a0a; } - :last-child > .accordion-content:last-child { - border-bottom: 1px solid #e6e6e6; } - -.accordion-menu li { - width: 100%; } - -.accordion-menu a { - padding: 0.7rem 1rem; } - -.accordion-menu .is-accordion-submenu a { - padding: 0.7rem 1rem; } - -.accordion-menu .nested.is-accordion-submenu { - margin-right: 0; - margin-left: 1rem; } - -.accordion-menu.align-right .nested.is-accordion-submenu { - margin-right: 1rem; - margin-left: 0; } - -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { - position: relative; } - .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7d7d96 transparent transparent; - position: absolute; - top: 50%; - margin-top: -3px; - right: 1rem; } - -.accordion-menu.align-left .is-accordion-submenu-parent > a::after { - left: auto; - right: 1rem; } - -.accordion-menu.align-right .is-accordion-submenu-parent > a::after { - right: auto; - left: 1rem; } - -.accordion-menu .is-accordion-submenu-parent[aria-expanded='true'] > a::after { - transform: rotate(180deg); - transform-origin: 50% 50%; } - -.is-accordion-submenu-parent { - position: relative; } - -.has-submenu-toggle > a { - margin-right: 40px; } - -.submenu-toggle { - position: absolute; - top: 0; - right: 0; - cursor: pointer; - width: 40px; - height: 40px; } - .submenu-toggle::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7d7d96 transparent transparent; - top: 0; - bottom: 0; - margin: auto; } - -.submenu-toggle[aria-expanded='true']::after { - transform: scaleY(-1); - transform-origin: 50% 50%; } - -.submenu-toggle-text { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.badge { - display: inline-block; - min-width: 2.1em; - padding: 0.3em; - border-radius: 50%; - font-size: 0.6rem; - text-align: center; - background: #7d7d96; - color: #ffffff; } - .badge.primary { - background: #7d7d96; - color: #0a0a0a; } - .badge.secondary { - background: #d8d8df; - color: #0a0a0a; } - .badge.success { - background: #3adb76; - color: #0a0a0a; } - .badge.warning { - background: #ffae00; - color: #0a0a0a; } - .badge.alert { - background: #cc4b37; - color: #ffffff; } - -.breadcrumbs { - margin: 0 0 1rem 0; - list-style: none; } - .breadcrumbs::before, .breadcrumbs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .breadcrumbs::after { - clear: both; } - .breadcrumbs li { - float: left; - font-size: 0.6875rem; - color: #0a0a0a; - cursor: default; - text-transform: uppercase; } - .breadcrumbs li:not(:last-child)::after { - position: relative; - margin: 0 0.75rem; - opacity: 1; - content: "/"; - color: #b2b2b2; } - .breadcrumbs a { - color: #7d7d96; } - .breadcrumbs a:hover { - text-decoration: underline; } - .breadcrumbs .disabled { - color: #b2b2b2; - cursor: not-allowed; } - -.button-group { - margin-bottom: 1rem; - display: flex; - flex-wrap: nowrap; - align-items: stretch; } - .button-group::before, .button-group::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .button-group::after { - clear: both; } - .button-group .button, - .button-group .cta__button, - .button-group .cta__button--alt, .button-group .modal__open-button, .button-group .transcript .transcript__toggle, .transcript .button-group .transcript__toggle, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button { - margin: 0; - margin-right: 0.75rem; - margin-bottom: 0.75rem; - font-size: 0.75rem; - flex: 0 0 auto; } - .button-group .button:last-child, - .button-group .cta__button:last-child, - .button-group .cta__button--alt:last-child, .button-group .modal__open-button:last-child, .button-group .transcript .transcript__toggle:last-child, .transcript .button-group .transcript__toggle:last-child, .button-group .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group .slide--in-depth__intro__button:last-child { - margin-right: 0; } - .button-group.tiny .button, - .button-group.tiny .cta__button, - .button-group.tiny .cta__button--alt, .button-group.tiny .modal__open-button, .button-group.tiny .transcript .transcript__toggle, .transcript .button-group.tiny .transcript__toggle, .button-group.tiny .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.tiny .slide--in-depth__intro__button { - font-size: 0.6rem; } - .button-group.small .button, - .button-group.small .cta__button, - .button-group.small .cta__button--alt, .button-group.small .modal__open-button, .button-group.small .transcript .transcript__toggle, .transcript .button-group.small .transcript__toggle, .button-group.small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.small .slide--in-depth__intro__button { - font-size: 0.75rem; } - .button-group.large .button, - .button-group.large .cta__button, - .button-group.large .cta__button--alt, .button-group.large .modal__open-button, .button-group.large .transcript .transcript__toggle, .transcript .button-group.large .transcript__toggle, .button-group.large .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.large .slide--in-depth__intro__button { - font-size: 1rem; } - .button-group.expanded .button, - .button-group.expanded .cta__button, - .button-group.expanded .cta__button--alt, .button-group.expanded .modal__open-button, .button-group.expanded .transcript .transcript__toggle, .transcript .button-group.expanded .transcript__toggle, .button-group.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.expanded .slide--in-depth__intro__button { - flex: 1 1 0px; } - .button-group.primary .button, - .button-group.primary .cta__button, - .button-group.primary .cta__button--alt, .button-group.primary .modal__open-button, .button-group.primary .transcript .transcript__toggle, .transcript .button-group.primary .transcript__toggle, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button { - background-color: #7d7d96; - color: #0a0a0a; } - .button-group.primary .button:hover, - .button-group.primary .cta__button:hover, - .button-group.primary .cta__button--alt:hover, .button-group.primary .modal__open-button:hover, .button-group.primary .transcript .transcript__toggle:hover, .transcript .button-group.primary .transcript__toggle:hover, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:hover, .button-group.primary .button:focus, - .button-group.primary .cta__button:focus, - .button-group.primary .cta__button--alt:focus, .button-group.primary .modal__open-button:focus, .button-group.primary .transcript .transcript__toggle:focus, .transcript .button-group.primary .transcript__toggle:focus, .button-group.primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.primary .slide--in-depth__intro__button:focus { - background-color: #62627a; - color: #0a0a0a; } - .button-group.secondary .button, - .button-group.secondary .cta__button, - .button-group.secondary .cta__button--alt, .button-group.secondary .modal__open-button, .button-group.secondary .transcript .transcript__toggle, .transcript .button-group.secondary .transcript__toggle, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button { - background-color: #d8d8df; - color: #0a0a0a; } - .button-group.secondary .button:hover, - .button-group.secondary .cta__button:hover, - .button-group.secondary .cta__button--alt:hover, .button-group.secondary .modal__open-button:hover, .button-group.secondary .transcript .transcript__toggle:hover, .transcript .button-group.secondary .transcript__toggle:hover, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:hover, .button-group.secondary .button:focus, - .button-group.secondary .cta__button:focus, - .button-group.secondary .cta__button--alt:focus, .button-group.secondary .modal__open-button:focus, .button-group.secondary .transcript .transcript__toggle:focus, .transcript .button-group.secondary .transcript__toggle:focus, .button-group.secondary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.secondary .slide--in-depth__intro__button:focus { - background-color: #a8a8b7; - color: #0a0a0a; } - .button-group.success .button, - .button-group.success .cta__button, - .button-group.success .cta__button--alt, .button-group.success .modal__open-button, .button-group.success .transcript .transcript__toggle, .transcript .button-group.success .transcript__toggle, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button { - background-color: #3adb76; - color: #0a0a0a; } - .button-group.success .button:hover, - .button-group.success .cta__button:hover, - .button-group.success .cta__button--alt:hover, .button-group.success .modal__open-button:hover, .button-group.success .transcript .transcript__toggle:hover, .transcript .button-group.success .transcript__toggle:hover, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:hover, .button-group.success .button:focus, - .button-group.success .cta__button:focus, - .button-group.success .cta__button--alt:focus, .button-group.success .modal__open-button:focus, .button-group.success .transcript .transcript__toggle:focus, .transcript .button-group.success .transcript__toggle:focus, .button-group.success .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.success .slide--in-depth__intro__button:focus { - background-color: #22bb5b; - color: #0a0a0a; } - .button-group.warning .button, - .button-group.warning .cta__button, - .button-group.warning .cta__button--alt, .button-group.warning .modal__open-button, .button-group.warning .transcript .transcript__toggle, .transcript .button-group.warning .transcript__toggle, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button { - background-color: #ffae00; - color: #0a0a0a; } - .button-group.warning .button:hover, - .button-group.warning .cta__button:hover, - .button-group.warning .cta__button--alt:hover, .button-group.warning .modal__open-button:hover, .button-group.warning .transcript .transcript__toggle:hover, .transcript .button-group.warning .transcript__toggle:hover, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:hover, .button-group.warning .button:focus, - .button-group.warning .cta__button:focus, - .button-group.warning .cta__button--alt:focus, .button-group.warning .modal__open-button:focus, .button-group.warning .transcript .transcript__toggle:focus, .transcript .button-group.warning .transcript__toggle:focus, .button-group.warning .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.warning .slide--in-depth__intro__button:focus { - background-color: #cc8b00; - color: #0a0a0a; } - .button-group.alert .button, - .button-group.alert .cta__button, - .button-group.alert .cta__button--alt, .button-group.alert .modal__open-button, .button-group.alert .transcript .transcript__toggle, .transcript .button-group.alert .transcript__toggle, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button { - background-color: #cc4b37; - color: #ffffff; } - .button-group.alert .button:hover, - .button-group.alert .cta__button:hover, - .button-group.alert .cta__button--alt:hover, .button-group.alert .modal__open-button:hover, .button-group.alert .transcript .transcript__toggle:hover, .transcript .button-group.alert .transcript__toggle:hover, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:hover, .button-group.alert .button:focus, - .button-group.alert .cta__button:focus, - .button-group.alert .cta__button--alt:focus, .button-group.alert .modal__open-button:focus, .button-group.alert .transcript .transcript__toggle:focus, .transcript .button-group.alert .transcript__toggle:focus, .button-group.alert .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus, .owl-carousel .slide--in-depth__intro .button-group.alert .slide--in-depth__intro__button:focus { - background-color: #a53b2a; - color: #ffffff; } - .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { - flex-wrap: wrap; } - .button-group.stacked .button, - .button-group.stacked .cta__button, - .button-group.stacked .cta__button--alt, .button-group.stacked .modal__open-button, .button-group.stacked .transcript .transcript__toggle, .transcript .button-group.stacked .transcript__toggle, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button, .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button, .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 0 0 100%; } - .button-group.stacked .button:last-child, - .button-group.stacked .cta__button:last-child, - .button-group.stacked .cta__button--alt:last-child, .button-group.stacked .modal__open-button:last-child, .button-group.stacked .transcript .transcript__toggle:last-child, .transcript .button-group.stacked .transcript__toggle:last-child, .button-group.stacked .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked .slide--in-depth__intro__button:last-child, .button-group.stacked-for-small .button:last-child, - .button-group.stacked-for-small .cta__button:last-child, - .button-group.stacked-for-small .cta__button--alt:last-child, .button-group.stacked-for-small .modal__open-button:last-child, .button-group.stacked-for-small .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-small .transcript__toggle:last-child, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button:last-child, .button-group.stacked-for-medium .button:last-child, - .button-group.stacked-for-medium .cta__button:last-child, - .button-group.stacked-for-medium .cta__button--alt:last-child, .button-group.stacked-for-medium .modal__open-button:last-child, .button-group.stacked-for-medium .transcript .transcript__toggle:last-child, .transcript .button-group.stacked-for-medium .transcript__toggle:last-child, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:last-child, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button:last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .button-group.stacked-for-small .button, - .button-group.stacked-for-small .cta__button, - .button-group.stacked-for-small .cta__button--alt, .button-group.stacked-for-small .modal__open-button, .button-group.stacked-for-small .transcript .transcript__toggle, .transcript .button-group.stacked-for-small .transcript__toggle, .button-group.stacked-for-small .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - .button-group.stacked-for-medium .button, - .button-group.stacked-for-medium .cta__button, - .button-group.stacked-for-medium .cta__button--alt, .button-group.stacked-for-medium .modal__open-button, .button-group.stacked-for-medium .transcript .transcript__toggle, .transcript .button-group.stacked-for-medium .transcript__toggle, .button-group.stacked-for-medium .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-medium .slide--in-depth__intro__button { - flex: 1 1 0px; - margin-bottom: 0; } } - @media screen and (max-width: 39.9375em) { - .button-group.stacked-for-small.expanded { - display: block; } - .button-group.stacked-for-small.expanded .button, - .button-group.stacked-for-small.expanded .cta__button, - .button-group.stacked-for-small.expanded .cta__button--alt, .button-group.stacked-for-small.expanded .modal__open-button, .button-group.stacked-for-small.expanded .transcript .transcript__toggle, .transcript .button-group.stacked-for-small.expanded .transcript__toggle, .button-group.stacked-for-small.expanded .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .button-group.stacked-for-small.expanded .slide--in-depth__intro__button { - display: block; - margin-right: 0; } } - -.callout { - position: relative; - margin: 0 0 1rem 0; - padding: 1rem; - border: 1px solid rgba(10, 10, 10, 0.25); - border-radius: 0; - background-color: white; - color: #0a0a0a; } - .callout > :first-child { - margin-top: 0; } - .callout > :last-child { - margin-bottom: 0; } - .callout.primary { - background-color: #ececef; - color: #0a0a0a; } - .callout.secondary { - background-color: #f9f9fa; - color: #0a0a0a; } - .callout.success { - background-color: #e1faea; - color: #0a0a0a; } - .callout.warning { - background-color: #fff3d9; - color: #0a0a0a; } - .callout.alert { - background-color: #f7e4e1; - color: #0a0a0a; } - .callout.small { - padding-top: 0.5rem; - padding-right: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 0.5rem; } - .callout.large { - padding-top: 3rem; - padding-right: 3rem; - padding-bottom: 3rem; - padding-left: 3rem; } - -.card { - display: flex; - flex-direction: column; - flex-grow: 1; - margin-bottom: 1rem; - border: 1px solid #e6e6e6; - border-radius: 0; - background: #ffffff; - box-shadow: none; - overflow: hidden; - color: #0a0a0a; } - .card > :last-child { - margin-bottom: 0; } - -.card-divider { - flex: 0 1 auto; - display: flex; - padding: 1rem; - background: #e6e6e6; } - .card-divider > :last-child { - margin-bottom: 0; } - -.card-section { - flex: 1 0 auto; - padding: 1rem; } - .card-section > :last-child { - margin-bottom: 0; } - -.card-image { - min-height: 1px; } - -.close-button { - position: absolute; - color: #ffffff; - cursor: pointer; } - [data-whatinput='mouse'] .close-button { - outline: 0; } - .close-button:hover, .close-button:focus { - color: #ffffff; } - .close-button.small { - left: 0.66rem; - top: 0.33em; - font-size: 1.5em; - line-height: 1; } - .close-button, .close-button.medium { - left: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; } - -.menu { - padding: 0; - margin: 0; - list-style: none; - position: relative; - display: flex; - flex-wrap: wrap; } - [data-whatinput='mouse'] .menu li { - outline: 0; } - .menu a, - .menu .button, - .menu .cta__button, - .menu .cta__button--alt, - .menu .modal__open-button, - .menu .transcript .transcript__toggle, - .transcript .menu .transcript__toggle, - .menu .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .menu .slide--in-depth__intro__button { - line-height: 1; - text-decoration: none; - display: block; - padding: 0.7rem 1rem; } - .menu input, - .menu select, - .menu a, - .menu button { - margin-bottom: 0; } - .menu input { - display: inline-block; } - .menu, .menu.horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.expanded li { - flex: 1 1 0px; } - .menu.simple { - align-items: center; } - .menu.simple li + li { - margin-left: 1rem; } - .menu.simple a { - padding: 0; } - @media print, screen and (min-width: 40em) { - .menu.medium-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.medium-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.medium-expanded li { - flex: 1 1 0px; } - .menu.medium-simple li { - flex: 1 1 0px; } } - @media print, screen and (min-width: 64em) { - .menu.large-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.large-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.large-expanded li { - flex: 1 1 0px; } - .menu.large-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 75em) { - .menu.xlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xlarge-expanded li { - flex: 1 1 0px; } - .menu.xlarge-simple li { - flex: 1 1 0px; } } - @media screen and (min-width: 90em) { - .menu.xxlarge-horizontal { - flex-wrap: wrap; - flex-direction: row; } - .menu.xxlarge-vertical { - flex-wrap: nowrap; - flex-direction: column; } - .menu.xxlarge-expanded li { - flex: 1 1 0px; } - .menu.xxlarge-simple li { - flex: 1 1 0px; } } - .menu.nested { - margin-right: 0; - margin-left: 1rem; } - .menu.icons a { - display: flex; } - .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { - display: flex; } - .menu.icon-left li a { - flex-flow: row nowrap; } - .menu.icon-left li a img, - .menu.icon-left li a i, - .menu.icon-left li a svg { - margin-right: 0.25rem; } - .menu.icon-right li a { - flex-flow: row nowrap; } - .menu.icon-right li a img, - .menu.icon-right li a i, - .menu.icon-right li a svg { - margin-left: 0.25rem; } - .menu.icon-top li a { - flex-flow: column nowrap; } - .menu.icon-top li a img, - .menu.icon-top li a i, - .menu.icon-top li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu.icon-bottom li a { - flex-flow: column nowrap; } - .menu.icon-bottom li a img, - .menu.icon-bottom li a i, - .menu.icon-bottom li a svg { - align-self: stretch; - margin-bottom: 0.25rem; - text-align: center; } - .menu .is-active > a { - background: #7d7d96; - color: #ffffff; } - .menu .active > a { - background: #7d7d96; - color: #ffffff; } - .menu.align-left { - justify-content: flex-start; } - .menu.align-right li { - display: flex; - justify-content: flex-end; } - .menu.align-right li .submenu li { - justify-content: flex-start; } - .menu.align-right.vertical li { - display: block; - text-align: right; } - .menu.align-right.vertical li .submenu li { - text-align: right; } - .menu.align-right .nested { - margin-right: 1rem; - margin-left: 0; } - .menu.align-center li { - display: flex; - justify-content: center; } - .menu.align-center li .submenu li { - justify-content: flex-start; } - .menu .menu-text { - padding: 0.7rem 1rem; - font-weight: bold; - line-height: 1; - color: inherit; } - -.menu-centered > .menu { - justify-content: center; } - .menu-centered > .menu li { - display: flex; - justify-content: center; } - .menu-centered > .menu li .submenu li { - justify-content: flex-start; } - -.no-js [data-responsive-menu] ul { - display: none; } - -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #ffffff; - box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff; - content: ''; } - .menu-icon:hover::after { - background: #b2b2b2; - box-shadow: 0 7px 0 #b2b2b2, 0 14px 0 #b2b2b2; } - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; } - .menu-icon.dark::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; - content: ''; } - .menu-icon.dark:hover::after { - background: #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; } - -.is-drilldown { - position: relative; - overflow: hidden; } - .is-drilldown li { - display: block; } - .is-drilldown.animate-height { - transition: height 0.5s; } - -.drilldown a { - padding: 0.7rem 1rem; - background: #ffffff; } - -.drilldown .is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - width: 100%; - background: #ffffff; - transition: transform 0.15s linear; } - .drilldown .is-drilldown-submenu.is-active { - z-index: 1; - display: block; - transform: translateX(-100%); } - .drilldown .is-drilldown-submenu.is-closing { - transform: translateX(100%); } - .drilldown .is-drilldown-submenu a { - padding: 0.7rem 1rem; } - -.drilldown .nested.is-drilldown-submenu { - margin-right: 0; - margin-left: 0; } - -.drilldown .drilldown-submenu-cover-previous { - min-height: 100%; } - -.drilldown .is-drilldown-submenu-parent > a { - position: relative; } - .drilldown .is-drilldown-submenu-parent > a::after { - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } - -.drilldown.align-left .is-drilldown-submenu-parent > a::after { - left: auto; - right: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } - -.drilldown.align-right .is-drilldown-submenu-parent > a::after { - right: auto; - left: 1rem; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; } - -.drilldown .js-drilldown-back > a::before { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; - border-left-width: 0; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; - border-left-width: 0; } - -.dropdown-pane { - position: absolute; - z-index: 10; - width: 300px; - padding: 1rem; - visibility: hidden; - display: none; - border: 1px solid #b2b2b2; - border-radius: 0; - background-color: #ffffff; - font-size: 1rem; } - .dropdown-pane.is-opening { - display: block; } - .dropdown-pane.is-open { - visibility: visible; - display: block; } - -.dropdown-pane.tiny { - width: 100px; } - -.dropdown-pane.small { - width: 200px; } - -.dropdown-pane.large { - width: 400px; } - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7d7d96 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - -.dropdown.menu a { - padding: 0.7rem 1rem; } - [data-whatinput='mouse'] .dropdown.menu a { - outline: 0; } - -.dropdown.menu .is-active > a { - background: transparent; - color: #7d7d96; } - -.no-js .dropdown.menu ul { - display: none; } - -.dropdown.menu .nested.is-dropdown-submenu { - margin-right: 0; - margin-left: 0; } - -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; } - -.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - -.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.dropdown.menu.vertical > li > a::after { - right: 14px; } - -.dropdown.menu.vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; } - -.dropdown.menu.vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } - -@media print, screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7d7d96 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } } - -@media print, screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7d7d96 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; } - .dropdown.menu.large-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; } - .dropdown.menu.large-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } } - -@media screen and (min-width: 75em) { - .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7d7d96 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; } - .dropdown.menu.xlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } } - -@media screen and (min-width: 90em) { - .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; } - .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; } - .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #7d7d96 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; } - .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; - top: 0; } - .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - .dropdown.menu.xxlarge-vertical > li > a::after { - right: 14px; } - .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; } - .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } } - -.dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - right: 0; - left: auto; } - -.is-dropdown-menu.vertical { - width: 100px; } - .is-dropdown-menu.vertical.align-right { - float: right; } - -.is-dropdown-submenu-parent { - position: relative; } - .is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - left: auto; - margin-top: -6px; } - .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { - top: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; } - .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; } - -.is-dropdown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: 1; - display: none; - min-width: 200px; - border: 1px solid #b2b2b2; - background: #ffffff; } - .dropdown .is-dropdown-submenu a { - padding: 0.7rem 1rem; } - .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - right: auto; - left: 5px; - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #7d7d96 transparent transparent; } - .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - display: block; - width: 0; - height: 0; - border: inset 6px; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #7d7d96; } - .is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; } - .is-dropdown-submenu > li { - width: 100%; } - .is-dropdown-submenu.js-dropdown-active { - display: block; } - -.responsive-embed, -.flex-video { - position: relative; - height: 0; - margin-bottom: 1rem; - padding-bottom: 75%; - overflow: hidden; } - .responsive-embed iframe, - .responsive-embed object, - .responsive-embed embed, - .responsive-embed video, - .flex-video iframe, - .flex-video object, - .flex-video embed, - .flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; } - .responsive-embed.widescreen, - .flex-video.widescreen { - padding-bottom: 56.25%; } - -.label { - display: inline-block; - padding: 0.33333rem 0.5rem; - border-radius: 0; - font-size: 0.8rem; - line-height: 1; - white-space: nowrap; - cursor: default; - background: #7d7d96; - color: #ffffff; } - .label.primary { - background: #7d7d96; - color: #0a0a0a; } - .label.secondary { - background: #d8d8df; - color: #0a0a0a; } - .label.success { - background: #3adb76; - color: #0a0a0a; } - .label.warning { - background: #ffae00; - color: #0a0a0a; } - .label.alert { - background: #cc4b37; - color: #ffffff; } - -.media-object { - display: flex; - margin-bottom: 1rem; - flex-wrap: nowrap; } - .media-object img { - max-width: none; } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small { - flex-wrap: wrap; } } - @media screen and (max-width: 39.9375em) { - .media-object.stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - flex-basis: 100%; - max-width: 100%; } - .media-object.stack-for-small .media-object-section img { - width: 100%; } } - -.media-object-section { - flex: 0 1 auto; } - .media-object-section:first-child { - padding-right: 1rem; } - .media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; } - .media-object-section > :last-child { - margin-bottom: 0; } - .media-object-section.main-section { - flex: 1 1 0px; } - -.is-off-canvas-open { - overflow: hidden; } - -.js-off-canvas-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - transition: opacity 0.5s ease, visibility 0.5s ease; - background: rgba(255, 255, 255, 0.25); - opacity: 0; - visibility: hidden; - overflow: hidden; } - .js-off-canvas-overlay.is-visible { - opacity: 1; - visibility: visible; } - .js-off-canvas-overlay.is-closable { - cursor: pointer; } - .js-off-canvas-overlay.is-overlay-absolute { - position: absolute; } - .js-off-canvas-overlay.is-overlay-fixed { - position: fixed; } - -.off-canvas-wrapper { - position: relative; - overflow: hidden; } - -.off-canvas { - position: fixed; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas { - outline: 0; } - .off-canvas.is-transition-push { - z-index: 12; } - .off-canvas.is-closed { - visibility: hidden; } - .off-canvas.is-transition-overlap { - z-index: 501; } - .off-canvas.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas.is-open { - transform: translate(0, 0); } - -.off-canvas-absolute { - position: absolute; - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #0a0a0a; } - [data-whatinput='mouse'] .off-canvas-absolute { - outline: 0; } - .off-canvas-absolute.is-transition-push { - z-index: 12; } - .off-canvas-absolute.is-closed { - visibility: hidden; } - .off-canvas-absolute.is-transition-overlap { - z-index: 501; } - .off-canvas-absolute.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); } - .off-canvas-absolute.is-open { - transform: translate(0, 0); } - -.position-left { - top: 0; - left: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left { - transform: translateX(-100%); } - .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-left.has-transition-push { - transform: translateX(100%); } - .position-left.is-transition-push { - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-right { - top: 0; - right: 0; - height: 100%; - overflow-y: auto; - width: 100%; - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right { - transform: translateX(100%); } - .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-right.has-transition-push { - transform: translateX(-100%); } - .position-right.is-transition-push { - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); } - -.position-top { - top: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top { - transform: translateY(-100%); } - .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-top.has-transition-push { - transform: translateY(100%); } - .position-top.is-transition-push { - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); } - -.position-bottom { - bottom: 0; - left: 0; - width: 100%; - overflow-x: auto; - height: 100%; - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom { - transform: translateY(100%); } - .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { - transform: translate(0, 0); } - .off-canvas-content.is-open-bottom.has-transition-push { - transform: translateY(-100%); } - .position-bottom.is-transition-push { - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); } - -.off-canvas-content { - transform: none; - transition: transform 0.5s ease; - backface-visibility: hidden; } - .off-canvas-content.has-transition-push { - transform: translate(0, 0); } - .off-canvas-content .off-canvas.is-open { - transform: translate(0, 0); } - -@media print, screen and (min-width: 40em) { - .position-left.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-medium ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-medium .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-medium { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-medium ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 64em) { - .position-left.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-large ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-large .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-large { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-large ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 75em) { - .position-left.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media screen and (min-width: 90em) { - .position-left.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-left.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-left.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-left { - margin-left: 100%; } - .position-left.reveal-for-xxlarge ~ .off-canvas-content { - margin-left: 100%; } - .position-right.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-right.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-right.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-right { - margin-right: 100%; } - .position-right.reveal-for-xxlarge ~ .off-canvas-content { - margin-right: 100%; } - .position-top.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-top.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-top.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-top { - margin-top: 100%; } - .position-top.reveal-for-xxlarge ~ .off-canvas-content { - margin-top: 100%; } - .position-bottom.reveal-for-xxlarge { - transform: none; - z-index: 12; - transition: none; - visibility: visible; } - .position-bottom.reveal-for-xxlarge .close-button { - display: none; } - .off-canvas-content .position-bottom.reveal-for-xxlarge { - transform: none; } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 100%; } - .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { - margin-bottom: 100%; } } - -@media print, screen and (min-width: 40em) { - .off-canvas.in-canvas-for-medium { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-medium .close-button { - display: none; } } - -@media print, screen and (min-width: 64em) { - .off-canvas.in-canvas-for-large { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-large .close-button { - display: none; } } - -@media screen and (min-width: 75em) { - .off-canvas.in-canvas-for-xlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xlarge .close-button { - display: none; } } - -@media screen and (min-width: 90em) { - .off-canvas.in-canvas-for-xxlarge { - visibility: visible; - height: auto; - position: static; - background: inherit; - width: inherit; - overflow: inherit; - transition: inherit; } - .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom { - box-shadow: none; - transform: none; } - .off-canvas.in-canvas-for-xxlarge .close-button { - display: none; } } - -.orbit { - position: relative; } - -.orbit-container { - position: relative; - height: 0; - margin: 0; - list-style: none; - overflow: hidden; } - -.orbit-slide { - width: 100%; } - .orbit-slide.no-motionui.is-active { - top: 0; - left: 0; } - -.orbit-figure { - margin: 0; } - -.orbit-image { - width: 100%; - max-width: 100%; - margin: 0; } - -.orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - margin-bottom: 0; - padding: 1rem; - background-color: rgba(10, 10, 10, 0.5); - color: #ffffff; } - -.orbit-previous, .orbit-next { - position: absolute; - top: 50%; - transform: translateY(-50%); - z-index: 10; - padding: 1rem; - color: #ffffff; } - [data-whatinput='mouse'] .orbit-previous, [data-whatinput='mouse'] .orbit-next { - outline: 0; } - .orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus { - background-color: rgba(10, 10, 10, 0.5); } - -.orbit-previous { - left: 0; } - -.orbit-next { - left: auto; - right: 0; } - -.orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; } - [data-whatinput='mouse'] .orbit-bullets { - outline: 0; } - .orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - border-radius: 50%; - background-color: #b2b2b2; } - .orbit-bullets button:hover { - background-color: #8a8a8a; } - .orbit-bullets button.is-active { - background-color: #8a8a8a; } - -.pagination { - margin-left: 0; - margin-bottom: 1rem; } - .pagination::before, .pagination::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .pagination::after { - clear: both; } - .pagination li { - margin-right: 0.0625rem; - border-radius: 0; - font-size: 0.875rem; - display: none; } - .pagination li:last-child, .pagination li:first-child { - display: inline-block; } - @media print, screen and (min-width: 40em) { - .pagination li { - display: inline-block; } } - .pagination a, - .pagination button { - display: block; - padding: 0.1875rem 0.625rem; - border-radius: 0; - color: #0a0a0a; } - .pagination a:hover, - .pagination button:hover { - background: #e6e6e6; } - .pagination .current { - padding: 0.1875rem 0.625rem; - background: #7d7d96; - color: #ffffff; - cursor: default; } - .pagination .disabled { - padding: 0.1875rem 0.625rem; - color: #b2b2b2; - cursor: not-allowed; } - .pagination .disabled:hover { - background: transparent; } - .pagination .ellipsis::after { - padding: 0.1875rem 0.625rem; - content: '\2026'; - color: #0a0a0a; } - -.pagination-previous a::before, -.pagination-previous.disabled::before { - display: inline-block; - margin-right: 0.5rem; - content: '\00ab'; } - -.pagination-next a::after, -.pagination-next.disabled::after { - display: inline-block; - margin-left: 0.5rem; - content: '\00bb'; } - -.progress { - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; - background-color: #b2b2b2; } - .progress.primary .progress-meter { - background-color: #7d7d96; } - .progress.secondary .progress-meter { - background-color: #d8d8df; } - .progress.success .progress-meter { - background-color: #3adb76; } - .progress.warning .progress-meter { - background-color: #ffae00; } - .progress.alert .progress-meter { - background-color: #cc4b37; } - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #7d7d96; } - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - position: absolute; - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #ffffff; - white-space: nowrap; } - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - user-select: none; - touch-action: none; } - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #7d7d96; - transition: all 0.2s ease-in-out; } - .slider-fill.is-dragging { - transition: all 0s linear; } - -.slider-handle { - position: absolute; - top: 50%; - transform: translateY(-50%); - left: 0; - z-index: 1; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - border-radius: 0; - background-color: #b2b2b2; - transition: all 0.2s ease-in-out; - touch-action: manipulation; } - [data-whatinput='mouse'] .slider-handle { - outline: 0; } - .slider-handle:hover { - background-color: #979797; } - .slider-handle.is-dragging { - transition: all 0s linear; } - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; } - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - transform: scale(1, -1); } - .slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; } - .slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - transform: translateX(-50%); } - -.sticky-container { - position: relative; } - -.sticky { - position: relative; - z-index: 0; - transform: translate3d(0, 0, 0); } - -.sticky.is-stuck { - position: fixed; - z-index: 5; - width: 100%; } - .sticky.is-stuck.is-at-top { - top: 0; } - .sticky.is-stuck.is-at-bottom { - bottom: 0; } - -.sticky.is-anchored { - position: relative; - right: auto; - left: auto; } - .sticky.is-anchored.is-at-bottom { - bottom: 0; } - -body.is-reveal-open { - overflow: hidden; } - -html.is-reveal-open, -html.is-reveal-open body { - min-height: 100%; - overflow: hidden; - position: fixed; - user-select: none; } - -.reveal-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 2005; - display: none; - background-color: rgba(10, 10, 10, 0.9); - overflow-y: scroll; } - -.reveal { - z-index: 2006; - backface-visibility: hidden; - display: none; - padding: 8rem 3rem 3rem 3rem; - border: none; - border-radius: 0; - background-color: transparent; - position: relative; - top: 100px; - margin-right: auto; - margin-left: auto; - overflow-y: auto; } - [data-whatinput='mouse'] .reveal { - outline: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - min-height: 0; } } - .reveal .column { - min-width: 0; } - .reveal > :last-child { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 90rem; } } - .reveal.collapse { - padding: 0; } - @media print, screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 90rem; } } - @media print, screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 90rem; } } - .reveal.full { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } - @media screen and (max-width: 39.9375em) { - .reveal { - top: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - height: 100vh; - min-height: 100vh; - margin-left: 0; - border: 0; - border-radius: 0; } } - .reveal.without-overlay { - position: fixed; } - -.switch { - height: 2rem; - position: relative; - margin-bottom: 1rem; - outline: 0; - font-size: 0.875rem; - font-weight: bold; - color: #ffffff; - user-select: none; } - -.switch-input { - position: absolute; - margin-bottom: 0; - opacity: 0; } - -.switch-paddle { - position: relative; - display: block; - width: 4rem; - height: 2rem; - border-radius: 0; - background: #b2b2b2; - transition: all 0.25s ease-out; - font-weight: inherit; - color: inherit; - cursor: pointer; } - input + .switch-paddle { - margin: 0; } - .switch-paddle::after { - position: absolute; - top: 0.25rem; - left: 0.25rem; - display: block; - width: 1.5rem; - height: 1.5rem; - transform: translate3d(0, 0, 0); - border-radius: 0; - background: #ffffff; - transition: all 0.25s ease-out; - content: ''; } - input:checked ~ .switch-paddle { - background: #7d7d96; } - input:checked ~ .switch-paddle::after { - left: 2.25rem; } - [data-whatinput='mouse'] input:focus ~ .switch-paddle { - outline: 0; } - -.switch-active, .switch-inactive { - position: absolute; - top: 50%; - transform: translateY(-50%); } - -.switch-active { - left: 8%; - display: none; } - input:checked + label > .switch-active { - display: block; } - -.switch-inactive { - right: 15%; } - input:checked + label > .switch-inactive { - display: none; } - -.switch.tiny { - height: 1.5rem; } - .switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; } - .switch.tiny .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1rem; - height: 1rem; } - .switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; } - -.switch.small { - height: 1.75rem; } - .switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; } - .switch.small .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1.25rem; - height: 1.25rem; } - .switch.small input:checked ~ .switch-paddle::after { - left: 2rem; } - -.switch.large { - height: 2.5rem; } - .switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; } - .switch.large .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 2rem; - height: 2rem; } - .switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; } - -table { - border-collapse: collapse; - width: 100%; - margin-bottom: 1rem; - border-radius: 0; } - thead, - tbody, - tfoot { - border: 1px solid #f2f2f2; - background-color: #ffffff; } - caption { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; } - thead { - background: #f9f9f9; - color: #0a0a0a; } - tfoot { - background: #f2f2f2; - color: #0a0a0a; } - thead tr, - tfoot tr { - background: transparent; } - thead th, - thead td, - tfoot th, - tfoot td { - padding: 0.5rem 0.625rem 0.625rem; - font-weight: bold; - text-align: left; } - tbody th, - tbody td { - padding: 0.5rem 0.625rem 0.625rem; } - tbody tr:nth-child(even) { - border-bottom: 0; - background-color: #f2f2f2; } - table.unstriped tbody { - background-color: #ffffff; } - table.unstriped tbody tr { - border-bottom: 0; - border-bottom: 1px solid #f2f2f2; - background-color: #ffffff; } - -@media screen and (max-width: 63.9375em) { - table.stack thead { - display: none; } - table.stack tfoot { - display: none; } - table.stack tr, - table.stack th, - table.stack td { - display: block; } - table.stack td { - border-top: 0; } } - -table.scroll { - display: block; - width: 100%; - overflow-x: auto; } - -table.hover thead tr:hover { - background-color: #f4f4f4; } - -table.hover tfoot tr:hover { - background-color: #ededed; } - -table.hover tbody tr:hover { - background-color: #fafafa; } - -table.hover:not(.unstriped) tr:nth-of-type(even):hover { - background-color: #ededed; } - -.table-scroll { - overflow-x: auto; } - .table-scroll table { - width: auto; } - -.tabs { - margin: 0; - border: 1px solid #e6e6e6; - background: #ffffff; - list-style-type: none; } - .tabs::before, .tabs::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .tabs::after { - clear: both; } - -.tabs.vertical > li { - display: block; - float: none; - width: auto; } - -.tabs.simple > li > a { - padding: 0; } - .tabs.simple > li > a:hover { - background: transparent; } - -.tabs.primary { - background: #7d7d96; } - .tabs.primary > li > a { - color: #0a0a0a; } - .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: #757590; } - -.tabs-title { - float: left; } - .tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - font-size: 0.75rem; - line-height: 1; - color: #7d7d96; } - .tabs-title > a:hover { - background: #ffffff; - color: #6a6a83; } - .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { - background: #e6e6e6; - color: #7d7d96; } - -.tabs-content { - border: 1px solid #e6e6e6; - border-top: 0; - background: #ffffff; - color: #0a0a0a; - transition: all 0.5s ease; } - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; } - -.tabs-panel { - display: none; - padding: 1rem; } - .tabs-panel.is-active { - display: block; } - -.thumbnail { - display: inline-block; - max-width: 100%; - margin-bottom: 1rem; - border: solid 4px #ffffff; - border-radius: 0; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - line-height: 0; } - -a.thumbnail { - transition: box-shadow 200ms ease-out; } - a.thumbnail:hover, a.thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(125, 125, 150, 0.5); } - a.thumbnail image { - box-shadow: none; } - -.title-bar { - padding: 0.5rem; - background: #0a0a0a; - color: #ffffff; - display: flex; - justify-content: flex-start; - align-items: center; } - .title-bar .menu-icon { - margin-left: 0.25rem; - margin-right: 0.25rem; } - -.title-bar-left, -.title-bar-right { - flex: 1 1 0px; } - -.title-bar-right { - text-align: right; } - -.title-bar-title { - display: inline-block; - vertical-align: middle; - font-weight: bold; } - -.has-tip { - position: relative; - display: inline-block; - border-bottom: false; - font-weight: normal; - cursor: pointer; } - -.tooltip { - position: absolute; - top: calc(100% + 0); - z-index: 1200; - max-width: 100%; - padding: 0.75rem; - border-radius: 1.5rem; - background-color: #ffffff; - font-size: 80%; - color: #0a0a0a; } - .tooltip::before { - position: absolute; } - .tooltip.bottom::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #ffffff; - bottom: 100%; } - .tooltip.bottom.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.top::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #ffffff transparent transparent; - top: 100%; - bottom: auto; } - .tooltip.top.align-center::before { - left: 50%; - transform: translateX(-50%); } - .tooltip.left::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #ffffff; - left: 100%; } - .tooltip.left.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.right::before { - display: block; - width: 0; - height: 0; - border: inset 0; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #ffffff transparent transparent; - right: 100%; - left: auto; } - .tooltip.right.align-center::before { - bottom: auto; - top: 50%; - transform: translateY(-50%); } - .tooltip.align-top::before { - bottom: auto; - top: 10%; } - .tooltip.align-bottom::before { - bottom: 10%; - top: auto; } - .tooltip.align-left::before { - left: 10%; - right: auto; } - .tooltip.align-right::before { - left: auto; - right: 10%; } - -.top-bar { - display: flex; - flex-wrap: nowrap; - justify-content: space-between; - align-items: center; - padding: 0.5rem; - flex-wrap: wrap; } - .top-bar, - .top-bar ul { - background-color: #e6e6e6; } - .top-bar input { - max-width: 200px; - margin-right: 1rem; } - .top-bar .input-group-field { - width: 100%; - margin-right: 0; } - .top-bar input.button, - .top-bar input.cta__button, - .top-bar input.cta__button--alt, .top-bar input.modal__open-button, .top-bar .transcript input.transcript__toggle, .transcript .top-bar input.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro input.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar input.slide--in-depth__intro__button { - width: auto; } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - @media print, screen and (min-width: 40em) { - .top-bar { - flex-wrap: nowrap; } - .top-bar .top-bar-left { - flex: 1 1 auto; - margin-right: auto; } - .top-bar .top-bar-right { - flex: 0 1 auto; - margin-left: auto; } } - @media screen and (max-width: 63.9375em) { - .top-bar.stacked-for-medium { - flex-wrap: wrap; } - .top-bar.stacked-for-medium .top-bar-left, - .top-bar.stacked-for-medium .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 74.9375em) { - .top-bar.stacked-for-large { - flex-wrap: wrap; } - .top-bar.stacked-for-large .top-bar-left, - .top-bar.stacked-for-large .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - @media screen and (max-width: 89.9375em) { - .top-bar.stacked-for-xlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xlarge .top-bar-left, - .top-bar.stacked-for-xlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } } - .top-bar.stacked-for-xxlarge { - flex-wrap: wrap; } - .top-bar.stacked-for-xxlarge .top-bar-left, - .top-bar.stacked-for-xxlarge .top-bar-right { - flex: 0 0 100%; - max-width: 100%; } - -.top-bar-title { - flex: 0 0 auto; - margin: 0.5rem 1rem 0.5rem 0; } - -.top-bar-left, -.top-bar-right { - flex: 0 0 auto; } - -.hide { - display: none !important; } - -.invisible { - visibility: hidden; } - -@media screen and (max-width: 39.9375em) { - .hide-for-small-only, #chapter_nav { - display: none !important; } } - -@media screen and (max-width: 0em), screen and (min-width: 40em) { - .show-for-small-only { - display: none !important; } } - -@media print, screen and (min-width: 40em) { - .hide-for-medium { - display: none !important; } } - -@media screen and (max-width: 39.9375em) { - .show-for-medium { - display: none !important; } } - -@media screen and (min-width: 40em) and (max-width: 63.9375em) { - .hide-for-medium-only { - display: none !important; } } - -@media screen and (max-width: 39.9375em), screen and (min-width: 64em) { - .show-for-medium-only { - display: none !important; } } - -@media print, screen and (min-width: 64em) { - .hide-for-large { - display: none !important; } } - -@media screen and (max-width: 63.9375em) { - .show-for-large { - display: none !important; } } - -@media screen and (min-width: 64em) and (max-width: 74.9375em) { - .hide-for-large-only { - display: none !important; } } - -@media screen and (max-width: 63.9375em), screen and (min-width: 75em) { - .show-for-large-only { - display: none !important; } } - -@media screen and (min-width: 75em) { - .hide-for-xlarge { - display: none !important; } } - -@media screen and (max-width: 74.9375em) { - .show-for-xlarge { - display: none !important; } } - -@media screen and (min-width: 75em) and (max-width: 89.9375em) { - .hide-for-xlarge-only { - display: none !important; } } - -@media screen and (max-width: 74.9375em), screen and (min-width: 90em) { - .show-for-xlarge-only { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge { - display: none !important; } } - -@media screen and (min-width: 90em) { - .hide-for-xxlarge-only { - display: none !important; } } - -@media screen and (max-width: 89.9375em) { - .show-for-xxlarge-only { - display: none !important; } } - -.show-for-sr, -.show-on-focus { - position: absolute !important; - width: 1px; - height: 1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - clip-path: inset(50%); - border: 0; } - -.show-on-focus:active, .show-on-focus:focus { - position: static !important; - width: auto; - height: auto; - overflow: visible; - clip: auto; - white-space: normal; - clip-path: none; } - -.show-for-landscape, -.hide-for-portrait { - display: block !important; } - @media screen and (orientation: landscape) { - .show-for-landscape, - .hide-for-portrait { - display: block !important; } } - @media screen and (orientation: portrait) { - .show-for-landscape, - .hide-for-portrait { - display: none !important; } } - -.hide-for-landscape, -.show-for-portrait { - display: none !important; } - @media screen and (orientation: landscape) { - .hide-for-landscape, - .show-for-portrait { - display: none !important; } } - @media screen and (orientation: portrait) { - .hide-for-landscape, - .show-for-portrait { - display: block !important; } } - -.float-left { - float: left !important; } - -.float-right { - float: right !important; } - -.float-center { - display: block; - margin-right: auto; - margin-left: auto; } - -.clearfix::before, .clearfix::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - -.clearfix::after { - clear: both; } - -.align-right { - justify-content: flex-end; } - -.align-center { - justify-content: center; } - -.align-justify { - justify-content: space-between; } - -.align-spaced { - justify-content: space-around; } - -.align-right.vertical.menu > li > a { - justify-content: flex-end; } - -.align-center.vertical.menu > li > a { - justify-content: center; } - -.align-top { - align-items: flex-start; } - -.align-self-top { - align-self: flex-start; } - -.align-bottom { - align-items: flex-end; } - -.align-self-bottom { - align-self: flex-end; } - -.align-middle, .video--embed.boxed { - align-items: center; } - -.align-self-middle { - align-self: center; } - -.align-stretch { - align-items: stretch; } - -.align-self-stretch { - align-self: stretch; } - -.align-center-middle { - justify-content: center; - align-items: center; - align-content: center; } - -.small-order-1 { - order: 1; } - -.small-order-2 { - order: 2; } - -.small-order-3 { - order: 3; } - -.small-order-4 { - order: 4; } - -.small-order-5 { - order: 5; } - -.small-order-6 { - order: 6; } - -@media print, screen and (min-width: 40em) { - .medium-order-1 { - order: 1; } - .medium-order-2 { - order: 2; } - .medium-order-3 { - order: 3; } - .medium-order-4 { - order: 4; } - .medium-order-5 { - order: 5; } - .medium-order-6 { - order: 6; } } - -@media print, screen and (min-width: 64em) { - .large-order-1 { - order: 1; } - .large-order-2 { - order: 2; } - .large-order-3 { - order: 3; } - .large-order-4 { - order: 4; } - .large-order-5 { - order: 5; } - .large-order-6 { - order: 6; } } - -@media screen and (min-width: 75em) { - .xlarge-order-1 { - order: 1; } - .xlarge-order-2 { - order: 2; } - .xlarge-order-3 { - order: 3; } - .xlarge-order-4 { - order: 4; } - .xlarge-order-5 { - order: 5; } - .xlarge-order-6 { - order: 6; } } - -@media screen and (min-width: 90em) { - .xxlarge-order-1 { - order: 1; } - .xxlarge-order-2 { - order: 2; } - .xxlarge-order-3 { - order: 3; } - .xxlarge-order-4 { - order: 4; } - .xxlarge-order-5 { - order: 5; } - .xxlarge-order-6 { - order: 6; } } - -.flex-container { - display: flex; } - -.flex-child-auto { - flex: 1 1 auto; } - -.flex-child-grow { - flex: 1 0 auto; } - -.flex-child-shrink { - flex: 0 1 auto; } - -.flex-dir-row { - flex-direction: row; } - -.flex-dir-row-reverse { - flex-direction: row-reverse; } - -.flex-dir-column { - flex-direction: column; } - -.flex-dir-column-reverse { - flex-direction: column-reverse; } - -@media print, screen and (min-width: 40em) { - .medium-flex-container { - display: flex; } - .medium-flex-child-auto { - flex: 1 1 auto; } - .medium-flex-child-grow { - flex: 1 0 auto; } - .medium-flex-child-shrink { - flex: 0 1 auto; } - .medium-flex-dir-row { - flex-direction: row; } - .medium-flex-dir-row-reverse { - flex-direction: row-reverse; } - .medium-flex-dir-column { - flex-direction: column; } - .medium-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media print, screen and (min-width: 64em) { - .large-flex-container { - display: flex; } - .large-flex-child-auto { - flex: 1 1 auto; } - .large-flex-child-grow { - flex: 1 0 auto; } - .large-flex-child-shrink { - flex: 0 1 auto; } - .large-flex-dir-row { - flex-direction: row; } - .large-flex-dir-row-reverse { - flex-direction: row-reverse; } - .large-flex-dir-column { - flex-direction: column; } - .large-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 75em) { - .xlarge-flex-container { - display: flex; } - .xlarge-flex-child-auto { - flex: 1 1 auto; } - .xlarge-flex-child-grow { - flex: 1 0 auto; } - .xlarge-flex-child-shrink { - flex: 0 1 auto; } - .xlarge-flex-dir-row { - flex-direction: row; } - .xlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xlarge-flex-dir-column { - flex-direction: column; } - .xlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -@media screen and (min-width: 90em) { - .xxlarge-flex-container { - display: flex; } - .xxlarge-flex-child-auto { - flex: 1 1 auto; } - .xxlarge-flex-child-grow { - flex: 1 0 auto; } - .xxlarge-flex-child-shrink { - flex: 0 1 auto; } - .xxlarge-flex-dir-row { - flex-direction: row; } - .xxlarge-flex-dir-row-reverse { - flex-direction: row-reverse; } - .xxlarge-flex-dir-column { - flex-direction: column; } - .xxlarge-flex-dir-column-reverse { - flex-direction: column-reverse; } } - -/* - * Owl Carousel - Core - */ -.owl-carousel { - display: none; - width: 100%; - -webkit-tap-highlight-color: transparent; - /* position relative and z-index fix webkit rendering fonts issue */ - position: relative; - z-index: 1; } - .owl-carousel .owl-stage { - position: relative; - -ms-touch-action: pan-Y; - touch-action: manipulation; - -moz-backface-visibility: hidden; - /* fix firefox animation glitch */ } - .owl-carousel .owl-stage:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; } - .owl-carousel .owl-stage-outer { - position: relative; - overflow: hidden; - /* fix for flashing background */ - -webkit-transform: translate3d(0px, 0px, 0px); } - .owl-carousel .owl-wrapper, - .owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); } - .owl-carousel .owl-item { - position: relative; - min-height: 1px; - float: left; - -webkit-backface-visibility: hidden; - -webkit-tap-highlight-color: transparent; - -webkit-touch-callout: none; } - .owl-carousel .owl-item img { - display: block; - width: 100%; } - .owl-carousel .owl-nav.disabled, - .owl-carousel .owl-dots.disabled { - display: none; } - .owl-carousel .owl-nav .owl-prev, - .owl-carousel .owl-nav .owl-next, - .owl-carousel .owl-dot { - cursor: pointer; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel .owl-nav button.owl-prev, - .owl-carousel .owl-nav button.owl-next, - .owl-carousel button.owl-dot { - background: none; - color: inherit; - border: none; - padding: 0 !important; - font: inherit; } - .owl-carousel.owl-loaded { - display: block; } - .owl-carousel.owl-loading { - opacity: 0; - display: block; } - .owl-carousel.owl-hidden { - opacity: 0; } - .owl-carousel.owl-refresh .owl-item { - visibility: hidden; } - .owl-carousel.owl-drag .owl-item { - touch-action: pan-y; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - .owl-carousel.owl-grab { - cursor: move; - cursor: grab; } - .owl-carousel.owl-rtl { - direction: rtl; } - .owl-carousel.owl-rtl .owl-item { - float: right; } - -/* No Js */ -.no-js .owl-carousel { - display: block; } - -/* - * Owl Carousel - Animate Plugin - */ -.owl-carousel .animated { - animation-duration: 1000ms; - animation-fill-mode: both; } - -.owl-carousel .owl-animated-in { - z-index: 0; } - -.owl-carousel .owl-animated-out { - z-index: 1; } - -.owl-carousel .fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOut { - 0% { - opacity: 1; } - 100% { - opacity: 0; } } - -/* - * Owl Carousel - Auto Height Plugin - */ -.owl-height { - transition: height 500ms ease-in-out; } - -/* - * Owl Carousel - Lazy Load Plugin - */ -.owl-carousel .owl-item { - /** - This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong - calculation of the height of the owl-item that breaks page layouts - */ } - .owl-carousel .owl-item .owl-lazy { - opacity: 0; - transition: opacity 400ms ease; } - .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { - max-height: 0; } - .owl-carousel .owl-item img.owl-lazy { - transform-style: preserve-3d; } - -/* - * Owl Carousel - Video Plugin - */ -.owl-carousel .owl-video-wrapper { - position: relative; - height: 100%; - background: #000; } - -.owl-carousel .owl-video-play-icon { - position: absolute; - height: 80px; - width: 80px; - left: 50%; - top: 50%; - margin-left: -40px; - margin-top: -40px; - background: url("owl.video.play.png") no-repeat; - cursor: pointer; - z-index: 1; - -webkit-backface-visibility: hidden; - transition: transform 100ms ease; } - -.owl-carousel .owl-video-play-icon:hover { - transform: scale(1.3, 1.3); } - -.owl-carousel .owl-video-playing .owl-video-tn, -.owl-carousel .owl-video-playing .owl-video-play-icon { - display: none; } - -.owl-carousel .owl-video-tn { - opacity: 0; - height: 100%; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; - transition: opacity 400ms ease; } - -.owl-carousel .owl-video-frame { - position: relative; - z-index: 1; - height: 100%; - width: 100%; } - -/* - * Default theme - Owl Carousel CSS File - */ -.owl-theme .owl-nav { - margin-top: 10px; - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-nav [class*='owl-'] { - color: #FFF; - font-size: 14px; - margin: 5px; - padding: 4px 7px; - background: #D6D6D6; - display: inline-block; - cursor: pointer; - border-radius: 3px; } - .owl-theme .owl-nav [class*='owl-']:hover { - background: #869791; - color: #FFF; - text-decoration: none; } - .owl-theme .owl-nav .disabled { - opacity: 0.5; - cursor: default; } - -.owl-theme .owl-nav.disabled + .owl-dots { - margin-top: 10px; } - -.owl-theme .owl-dots { - text-align: center; - -webkit-tap-highlight-color: transparent; } - .owl-theme .owl-dots .owl-dot { - display: inline-block; - zoom: 1; - *display: inline; } - .owl-theme .owl-dots .owl-dot span { - width: 10px; - height: 10px; - margin: 5px 7px; - background: #D6D6D6; - display: block; - -webkit-backface-visibility: visible; - transition: opacity 200ms ease; - border-radius: 30px; } - .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { - background: #869791; } - -@keyframes plyr-progress { - to { - background-position: 25px 0; } } - -@keyframes plyr-popup { - 0% { - opacity: 0.5; - transform: translateY(10px); } - to { - opacity: 1; - transform: translateY(0); } } - -@keyframes plyr-fade-in { - from { - opacity: 0; } - to { - opacity: 1; } } - -.plyr { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: subpixel-antialiased; - direction: ltr; - font-family: Avenir, "Avenir Next", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif; - font-variant-numeric: tabular-nums; - font-weight: 500; - line-height: 1.7; - max-width: 100%; - min-width: 200px; - position: relative; - text-shadow: none; - transition: box-shadow 0.3s ease; } - .plyr video, - .plyr audio { - border-radius: inherit; - height: auto; - vertical-align: middle; - width: 100%; } - .plyr button { - font: inherit; - line-height: inherit; - width: auto; } - .plyr:focus { - outline: 0; } - -.plyr--full-ui { - box-sizing: border-box; } - .plyr--full-ui *, - .plyr--full-ui *::after, - .plyr--full-ui *::before { - box-sizing: inherit; } - -.plyr--full-ui a, -.plyr--full-ui button, -.plyr--full-ui input, -.plyr--full-ui label { - touch-action: manipulation; } - -.plyr__badge { - background: #4f5b5f; - border-radius: 2px; - color: #fff; - font-size: 9px; - line-height: 1; - padding: 3px 4px; } - -.plyr--full-ui ::-webkit-media-text-track-container { - display: none; } - -.plyr__captions { - animation: plyr-fade-in 0.3s ease; - bottom: 0; - color: #fff; - display: none; - font-size: 14px; - left: 0; - padding: 10px; - position: absolute; - text-align: center; - transition: transform 0.4s ease-in-out; - width: 100%; } - .plyr__captions .plyr__caption { - background: rgba(0, 0, 0, 0.8); - border-radius: 2px; - box-decoration-break: clone; - line-height: 185%; - padding: 0.2em 0.5em; - white-space: pre-wrap; } - .plyr__captions .plyr__caption div { - display: inline; } - .plyr__captions span:empty { - display: none; } - @media (min-width: 480px) { - .plyr__captions { - font-size: 16px; - padding: 20px; } } - @media (min-width: 768px) { - .plyr__captions { - font-size: 18px; } } - -.plyr--captions-active .plyr__captions { - display: block; } - -.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions { - transform: translateY(-40px); } - -.plyr__control { - background: transparent; - border: 0; - border-radius: 3px; - color: inherit; - cursor: pointer; - flex-shrink: 0; - overflow: visible; - padding: 7px; - position: relative; - transition: all 0.3s ease; } - .plyr__control svg { - display: block; - fill: currentColor; - height: 18px; - pointer-events: none; - width: 18px; } - .plyr__control:focus { - outline: 0; } - .plyr__control.plyr__tab-focus { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -a.plyr__control { - text-decoration: none; } - a.plyr__control::after, a.plyr__control::before { - display: none; } - -.plyr__control:not(.plyr__control--pressed) .icon--pressed, -.plyr__control.plyr__control--pressed .icon--not-pressed, -.plyr__control:not(.plyr__control--pressed) .label--pressed, -.plyr__control.plyr__control--pressed .label--not-pressed { - display: none; } - -.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr--video .plyr__control svg { - filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.15)); } - -.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded='true'] { - background: #1aafff; - color: #fff; } - -.plyr__control--overlaid { - background: rgba(26, 175, 255, 0.8); - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: #fff; - display: none; - left: 50%; - padding: 15px; - position: absolute; - top: 50%; - transform: translate(-50%, -50%); - z-index: 2; } - .plyr__control--overlaid svg { - left: 2px; - position: relative; } - .plyr__control--overlaid:hover, .plyr__control--overlaid:focus { - background: #1aafff; } - -.plyr--playing .plyr__control--overlaid { - opacity: 0; - visibility: hidden; } - -.plyr--full-ui.plyr--video .plyr__control--overlaid { - display: block; } - -.plyr--full-ui ::-webkit-media-controls { - display: none; } - -.plyr__controls { - align-items: center; - display: flex; - justify-content: flex-end; - text-align: center; } - .plyr__controls > .plyr__control, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__volume { - margin-left: 5px; } - .plyr__controls .plyr__menu + .plyr__control, - .plyr__controls > .plyr__control + .plyr__menu, - .plyr__controls > .plyr__control + .plyr__control, - .plyr__controls .plyr__progress + .plyr__control { - margin-left: 2px; } - .plyr__controls > .plyr__control:first-child, - .plyr__controls > .plyr__control:first-child + [data-plyr='pause'] { - margin-left: 0; - margin-right: auto; } - .plyr__controls:empty { - display: none; } - @media (min-width: 480px) { - .plyr__controls > .plyr__control, - .plyr__controls .plyr__menu, - .plyr__controls .plyr__progress, - .plyr__controls .plyr__time, - .plyr__controls .plyr__volume { - margin-left: 10px; } } - -.plyr--audio .plyr__controls { - background: #fff; - border-radius: inherit; - color: #4f5b5f; - padding: 10px; } - -.plyr--video .plyr__controls { - background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - bottom: 0; - color: #fff; - left: 0; - padding: 20px 5px 5px; - position: absolute; - right: 0; - transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out; - z-index: 3; } - @media (min-width: 480px) { - .plyr--video .plyr__controls { - padding: 35px 10px 10px; } } - -.plyr--video.plyr--hide-controls .plyr__controls { - opacity: 0; - pointer-events: none; - transform: translateY(100%); } - -.plyr [data-plyr='captions'], -.plyr [data-plyr='pip'], -.plyr [data-plyr='airplay'], -.plyr [data-plyr='fullscreen'] { - display: none; } - -.plyr--captions-enabled [data-plyr='captions'], -.plyr--pip-supported [data-plyr='pip'], -.plyr--airplay-supported [data-plyr='airplay'], -.plyr--fullscreen-enabled [data-plyr='fullscreen'] { - display: inline-block; } - -.plyr__video-embed { - height: 0; - padding-bottom: 56.25%; - position: relative; } - .plyr__video-embed iframe { - border: 0; - height: 100%; - left: 0; - position: absolute; - top: 0; - user-select: none; - width: 100%; } - -.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container { - padding-bottom: 240%; - position: relative; - transform: translateY(-38.28125%); } - -.plyr__menu { - display: flex; - position: relative; } - .plyr__menu .plyr__control svg { - transition: transform 0.3s ease; } - .plyr__menu .plyr__control[aria-expanded='true'] svg { - transform: rotate(90deg); } - .plyr__menu .plyr__control[aria-expanded='true'] .plyr__tooltip { - display: none; } - .plyr__menu__container { - animation: plyr-popup 0.2s ease; - background: rgba(255, 255, 255, 0.9); - border-radius: 4px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 16px; - margin-bottom: 10px; - position: absolute; - right: -3px; - text-align: left; - white-space: nowrap; - z-index: 3; } - .plyr__menu__container > div { - overflow: hidden; - transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1); } - .plyr__menu__container::after { - border: 4px solid transparent; - border-top-color: rgba(255, 255, 255, 0.9); - content: ''; - height: 0; - position: absolute; - right: 15px; - top: 100%; - width: 0; } - .plyr__menu__container [role='menu'] { - padding: 7px; } - .plyr__menu__container [role='menuitem'], - .plyr__menu__container [role='menuitemradio'] { - margin-top: 2px; } - .plyr__menu__container [role='menuitem']:first-child, - .plyr__menu__container [role='menuitemradio']:first-child { - margin-top: 0; } - .plyr__menu__container .plyr__control { - align-items: center; - color: #4f5b5f; - display: flex; - font-size: 14px; - padding: 4px 11px; - user-select: none; - width: 100%; } - .plyr__menu__container .plyr__control > span { - align-items: inherit; - display: flex; - width: 100%; } - .plyr__menu__container .plyr__control::after { - border: 4px solid transparent; - content: ''; - position: absolute; - top: 50%; - transform: translateY(-50%); } - .plyr__menu__container .plyr__control--forward { - padding-right: 28px; } - .plyr__menu__container .plyr__control--forward::after { - border-left-color: rgba(79, 91, 95, 0.8); - right: 5px; } - .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after { - border-left-color: currentColor; } - .plyr__menu__container .plyr__control--back { - font-weight: 500; - margin: 7px; - margin-bottom: 3px; - padding-left: 28px; - position: relative; - width: calc(100% - 14px); } - .plyr__menu__container .plyr__control--back::after { - border-right-color: rgba(79, 91, 95, 0.8); - left: 7px; } - .plyr__menu__container .plyr__control--back::before { - background: #b7c5cd; - box-shadow: 0 1px 0 #fff; - content: ''; - height: 1px; - left: 0; - margin-top: 4px; - overflow: hidden; - position: absolute; - right: 0; - top: 100%; } - .plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after { - border-right-color: currentColor; } - .plyr__menu__container .plyr__control[role='menuitemradio'] { - padding-left: 7px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before, .plyr__menu__container .plyr__control[role='menuitemradio']::after { - border-radius: 100%; } - .plyr__menu__container .plyr__control[role='menuitemradio']::before { - background: rgba(0, 0, 0, 0.1); - content: ''; - display: block; - flex-shrink: 0; - height: 16px; - margin-right: 10px; - transition: all 0.3s ease; - width: 16px; } - .plyr__menu__container .plyr__control[role='menuitemradio']::after { - background: #fff; - border: 0; - height: 6px; - left: 12px; - opacity: 0; - top: 50%; - transform: translateY(-50%) scale(0); - transition: transform 0.3s ease, opacity 0.3s ease; - width: 6px; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::before { - background: #1aafff; } - .plyr__menu__container .plyr__control[role='menuitemradio'][aria-checked='true']::after { - opacity: 1; - transform: translateY(-50%) scale(1); } - .plyr__menu__container .plyr__control[role='menuitemradio'].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role='menuitemradio']:hover::before { - background: rgba(0, 0, 0, 0.1); } - .plyr__menu__container .plyr__menu__value { - align-items: center; - display: flex; - margin-left: auto; - margin-right: -5px; - overflow: hidden; - padding-left: 25px; - pointer-events: none; } - -.plyr--full-ui input[type='range'] { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 26px; - color: #1aafff; - display: block; - height: 19px; - margin: 0; - padding: 0; - transition: box-shadow 0.3s ease; - width: 100%; } - .plyr--full-ui input[type='range']::-webkit-slider-runnable-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background-image: linear-gradient(to right, currentColor var(--value, 0%), transparent var(--value, 0%)); } - .plyr--full-ui input[type='range']::-webkit-slider-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - -webkit-appearance: none; - /* stylelint-disable-line */ - margin-top: -4px; } - .plyr--full-ui input[type='range']::-moz-range-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-moz-range-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; } - .plyr--full-ui input[type='range']::-moz-range-progress { - background: currentColor; - border-radius: 2.5px; - height: 5px; } - .plyr--full-ui input[type='range']::-ms-track { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - color: transparent; } - .plyr--full-ui input[type='range']::-ms-fill-upper { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; } - .plyr--full-ui input[type='range']::-ms-fill-lower { - background: transparent; - border: 0; - border-radius: 2.5px; - height: 5px; - transition: box-shadow 0.3s ease; - user-select: none; - background: currentColor; } - .plyr--full-ui input[type='range']::-ms-thumb { - background: #fff; - border: 0; - border-radius: 100%; - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2); - height: 13px; - position: relative; - transition: all 0.2s ease; - width: 13px; - margin-top: 0; } - .plyr--full-ui input[type='range']::-ms-tooltip { - display: none; } - .plyr--full-ui input[type='range']:focus { - outline: 0; } - .plyr--full-ui input[type='range']::-moz-focus-outer { - border: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-webkit-slider-runnable-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-moz-range-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - .plyr--full-ui input[type='range'].plyr__tab-focus::-ms-track { - box-shadow: 0 0 0 5px rgba(26, 175, 255, 0.5); - outline: 0; } - -.plyr--full-ui.plyr--video input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-moz-range-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']::-ms-track { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--full-ui.plyr--video input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--video input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5); } - -.plyr--full-ui.plyr--audio input[type='range']::-webkit-slider-runnable-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-moz-range-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']::-ms-track { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-webkit-slider-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-moz-range-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr--full-ui.plyr--audio input[type='range']:active::-ms-thumb { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(47, 52, 61, 0.2), 0 0 0 3px rgba(0, 0, 0, 0.1); } - -.plyr__poster { - background-color: #000; - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: contain; - height: 100%; - left: 0; - opacity: 0; - position: absolute; - top: 0; - transition: opacity 0.2s ease; - width: 100%; - z-index: 1; } - -.plyr--stopped.plyr__poster-enabled .plyr__poster { - opacity: 1; } - -.plyr__time { - font-size: 14px; } - -.plyr__time + .plyr__time::before { - content: '\2044'; - margin-right: 10px; } - -@media (max-width: 767px) { - .plyr__time + .plyr__time { - display: none; } } - -.plyr--video .plyr__time { - text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); } - -.plyr__tooltip { - background: rgba(255, 255, 255, 0.9); - border-radius: 3px; - bottom: 100%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - color: #4f5b5f; - font-size: 14px; - font-weight: 500; - left: 50%; - line-height: 1.3; - margin-bottom: 10px; - opacity: 0; - padding: 5px 7.5px; - pointer-events: none; - position: absolute; - transform: translate(-50%, 10px) scale(0.8); - transform-origin: 50% 100%; - transition: transform 0.2s 0.1s ease, opacity 0.2s 0.1s ease; - white-space: nowrap; - z-index: 2; } - .plyr__tooltip::before { - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid rgba(255, 255, 255, 0.9); - bottom: -4px; - content: ''; - height: 0; - left: 50%; - position: absolute; - transform: translateX(-50%); - width: 0; - z-index: 2; } - -.plyr .plyr__control:hover .plyr__tooltip, -.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__tooltip--visible { - opacity: 1; - transform: translate(-50%, 0) scale(1); } - -.plyr .plyr__control:hover .plyr__tooltip { - z-index: 3; } - -.plyr__controls > .plyr__control:first-child .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip { - left: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 0 100%; } - .plyr__controls > .plyr__control:first-child .plyr__tooltip::before, - .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before { - left: 16px; } - -.plyr__controls > .plyr__control:last-child .plyr__tooltip { - left: auto; - right: 0; - transform: translate(0, 10px) scale(0.8); - transform-origin: 100% 100%; } - .plyr__controls > .plyr__control:last-child .plyr__tooltip::before { - left: auto; - right: 16px; - transform: translateX(50%); } - -.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, -.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, -.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip, -.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, -.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible { - transform: translate(0, 0) scale(1); } - -.plyr--video { - background: #000; - overflow: hidden; } - .plyr--video.plyr--menu-open { - overflow: visible; } - -.plyr__video-wrapper { - background: #000; - border-radius: inherit; - overflow: hidden; - position: relative; - z-index: 0; } - -.plyr__progress { - flex: 1; - left: 6.5px; - margin-right: 13px; - position: relative; } - .plyr__progress input[type='range'], .plyr__progress__buffer { - margin-left: -6.5px; - margin-right: -6.5px; - width: calc(100% + 13px); } - .plyr__progress input[type='range'] { - position: relative; - z-index: 2; } - .plyr__progress .plyr__tooltip { - font-size: 14px; - left: 0; } - -.plyr__progress__buffer { - -webkit-appearance: none; - /* stylelint-disable-line */ - background: transparent; - border: 0; - border-radius: 100px; - height: 5px; - left: 0; - margin-top: -2.5px; - padding: 0; - position: absolute; - top: 50%; } - .plyr__progress__buffer::-webkit-progress-bar { - background: transparent; } - .plyr__progress__buffer::-webkit-progress-value { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-moz-progress-bar { - background: currentColor; - border-radius: 100px; - min-width: 5px; - transition: width 0.2s ease; } - .plyr__progress__buffer::-ms-fill { - border-radius: 100px; - transition: width 0.2s ease; } - -.plyr--video .plyr__progress__buffer { - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); - color: rgba(255, 255, 255, 0.25); } - -.plyr--audio .plyr__progress__buffer { - color: rgba(183, 197, 205, 0.66); } - -.plyr--loading .plyr__progress__buffer { - animation: plyr-progress 1s linear infinite; - background-image: linear-gradient(-45deg, rgba(47, 52, 61, 0.6) 25%, transparent 25%, transparent 50%, rgba(47, 52, 61, 0.6) 50%, rgba(47, 52, 61, 0.6) 75%, transparent 75%, transparent); - background-repeat: repeat-x; - background-size: 25px 25px; - color: transparent; } - -.plyr--video.plyr--loading .plyr__progress__buffer { - background-color: rgba(255, 255, 255, 0.25); } - -.plyr--audio.plyr--loading .plyr__progress__buffer { - background-color: rgba(183, 197, 205, 0.66); } - -.plyr__volume { - align-items: center; - display: flex; - flex: 1; - position: relative; } - .plyr__volume input[type='range'] { - margin-left: 5px; - position: relative; - z-index: 2; } - @media (min-width: 480px) { - .plyr__volume { - max-width: 90px; } } - @media (min-width: 768px) { - .plyr__volume { - max-width: 110px; } } - -.plyr--is-ios .plyr__volume { - display: none !important; } - -.plyr--is-ios.plyr--vimeo [data-plyr='mute'] { - display: none !important; } - -.plyr:fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:fullscreen video { - height: 100%; } - .plyr:fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:fullscreen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-webkit-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-webkit-full-screen video { - height: 100%; } - .plyr:-webkit-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-webkit-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-webkit-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-moz-full-screen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-moz-full-screen video { - height: 100%; } - .plyr:-moz-full-screen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-moz-full-screen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-moz-full-screen .plyr__captions { - font-size: 21px; } } - -/* stylelint-disable-next-line */ -.plyr:-ms-fullscreen { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; } - .plyr:-ms-fullscreen video { - height: 100%; } - .plyr:-ms-fullscreen .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr:-ms-fullscreen.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr:-ms-fullscreen .plyr__captions { - font-size: 21px; } } - -.plyr--fullscreen-fallback { - background: #000; - border-radius: 0 !important; - height: 100%; - margin: 0; - width: 100%; - bottom: 0; - left: 0; - position: fixed; - right: 0; - top: 0; - z-index: 10000000; } - .plyr--fullscreen-fallback video { - height: 100%; } - .plyr--fullscreen-fallback .plyr__video-wrapper { - height: 100%; - width: 100%; } - .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper { - height: 0; - top: 50%; - transform: translateY(-50%); } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen { - display: block; } - .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg { - display: none; } - .plyr--fullscreen-fallback.plyr--hide-controls { - cursor: none; } - @media (min-width: 1024px) { - .plyr--fullscreen-fallback .plyr__captions { - font-size: 21px; } } - -.plyr--no-transition { - transition: none !important; } - -.plyr__sr-only { - clip: rect(1px, 1px, 1px, 1px); - overflow: hidden; - border: 0 !important; - height: 1px !important; - padding: 0 !important; - position: absolute !important; - width: 1px !important; } - -.plyr [hidden] { - display: none !important; } - -.text-hide { - font: 0/0 a !important; - color: transparent !important; - text-shadow: none !important; - background-color: transparent !important; - border: 0 !important; } - -.text-truncate { - max-width: 100% !important; - overflow: hidden !important; - text-overflow: ellipsis; - white-space: nowrap !important; } - -.text-nowrap { - white-space: nowrap !important; } - -.text-wrap { - word-wrap: break-word !important; } - -.text-lowercase { - text-transform: lowercase !important; } - -.text-uppercase { - text-transform: uppercase !important; } - -.text-capitalize { - text-transform: capitalize !important; } - -.text-overline { - text-decoration: overline !important; } - -.text-underline { - text-decoration: underline !important; } - -.text-line-through { - text-decoration: line-through !important; } - -.font-wide { - letter-spacing: 0.25rem; } - -.font-normal { - font-weight: normal; } - -.font-bold { - font-weight: bold; } - -.font-italic { - font-style: italic !important; } - -ul.list-disc { - list-style-type: disc !important; } - -ul.list-circle { - list-style-type: circle !important; } - -ul.list-square { - list-style-type: square !important; } - -ol.list-decimal { - list-style-type: decimal !important; } - -ol.list-lower-alpha { - list-style-type: lower-alpha !important; } - -ol.list-lower-latin { - list-style-type: lower-latin !important; } - -ol.list-lower-roman { - list-style-type: lower-roman !important; } - -ol.list-upper-alpha { - list-style-type: upper-alpha !important; } - -ol.list-upper-latin { - list-style-type: upper-latin !important; } - -ol.list-upper-roman { - list-style-type: upper-roman !important; } - -.rounded { - border-radius: 5000px !important; } - -.radius { - border-radius: 0.1875rem; } - -.bordered { - border: 0.0625rem solid #b2b2b2; } - -.shadow { - box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } - -.arrow-down { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-bottom-width: 0; - border-top-style: solid; - border-color: #0a0a0a transparent transparent; } - -.arrow-up { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-top-width: 0; - border-bottom-style: solid; - border-color: transparent transparent #0a0a0a; } - -.arrow-right { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-right-width: 0; - border-left-style: solid; - border-color: transparent transparent transparent #0a0a0a; } - -.arrow-left { - display: block; - width: 0; - height: 0; - border: inset 0.4375rem; - content: ''; - border-left-width: 0; - border-right-style: solid; - border-color: transparent #0a0a0a transparent transparent; } - -.separator-center { - text-align: center !important; } - .separator-center::before, .separator-center::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-center::after { - clear: both; } - .separator-center::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7d7d96; - margin: 1rem auto 0; } - -.separator-left { - text-align: left !important; } - .separator-left::before, .separator-left::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-left::after { - clear: both; } - .separator-left::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7d7d96; - margin: 1rem auto 0; - margin-left: 0 !important; } - -.separator-right { - text-align: right !important; } - .separator-right::before, .separator-right::after { - display: table; - content: ' '; - flex-basis: 0; - order: 1; } - .separator-right::after { - clear: both; } - .separator-right::after { - position: relative !important; - width: 3rem; - border-bottom: 0.125rem solid #7d7d96; - margin: 1rem auto 0; - margin-right: 0 !important; } - -.overflow-visible { - overflow: visible !important; } - -.overflow-x-visible { - overflow-x: visible !important; } - -.overflow-y-visible { - overflow-y: visible !important; } - -.overflow-hidden { - overflow: hidden !important; } - -.overflow-x-hidden { - overflow-x: hidden !important; } - -.overflow-y-hidden { - overflow-y: hidden !important; } - -.overflow-scroll { - overflow: scroll !important; } - -.overflow-x-scroll { - overflow-x: scroll !important; } - -.overflow-y-scroll { - overflow-y: scroll !important; } - -.display-inline { - display: inline !important; } - -.display-inline-block { - display: inline-block !important; } - -.display-block { - display: block !important; } - -.display-table { - display: table !important; } - -.display-table-cell { - display: table-cell !important; } - -.position-static { - position: static !important; } - -.position-relative { - position: relative !important; } - -.position-absolute { - position: absolute !important; } - -.position-fixed { - position: fixed !important; } - -.position-fixed-top { - position: fixed !important; - top: 0rem !important; - right: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.position-fixed-bottom { - position: fixed !important; - right: 0rem !important; - bottom: 0rem !important; - left: 0rem !important; - z-index: 975; } - -.border-box { - box-sizing: border-box !important; } - -.border-none { - border: none !important; } - -.width-25 { - width: 25% !important; } - -.width-50 { - width: 50% !important; } - -.width-75 { - width: 75% !important; } - -.width-100 { - width: 100% !important; } - -.height-25 { - height: 25% !important; } - -.height-50 { - height: 50% !important; } - -.height-75 { - height: 75% !important; } - -.height-100 { - height: 100% !important; } - -.max-width-100 { - max-width: 100% !important; } - -.max-height-100 { - max-height: 100% !important; } - -.margin-0 { - margin-top: 0rem !important; - margin-right: 0rem !important; - margin-bottom: 0rem !important; - margin-left: 0rem !important; } - -.padding-0 { - padding-top: 0rem !important; - padding-right: 0rem !important; - padding-bottom: 0rem !important; - padding-left: 0rem !important; } - -.margin-top-0 { - margin-top: 0rem !important; } - -.padding-top-0 { - padding-top: 0rem !important; } - -.margin-right-0 { - margin-right: 0rem !important; } - -.padding-right-0 { - padding-right: 0rem !important; } - -.margin-bottom-0 { - margin-bottom: 0rem !important; } - -.padding-bottom-0 { - padding-bottom: 0rem !important; } - -.margin-left-0 { - margin-left: 0rem !important; } - -.padding-left-0 { - padding-left: 0rem !important; } - -.margin-horizontal-0 { - margin-right: 0rem !important; - margin-left: 0rem !important; } - -.padding-horizontal-0 { - padding-right: 0rem !important; - padding-left: 0rem !important; } - -.margin-vertical-0 { - margin-top: 0rem !important; - margin-bottom: 0rem !important; } - -.padding-vertical-0 { - padding-top: 0rem !important; - padding-bottom: 0rem !important; } - -.margin-1 { - margin-top: 1rem !important; - margin-right: 1rem !important; - margin-bottom: 1rem !important; - margin-left: 1rem !important; } - -.padding-1 { - padding-top: 1rem !important; - padding-right: 1rem !important; - padding-bottom: 1rem !important; - padding-left: 1rem !important; } - -.margin-top-1 { - margin-top: 1rem !important; } - -.padding-top-1 { - padding-top: 1rem !important; } - -.margin-right-1 { - margin-right: 1rem !important; } - -.padding-right-1 { - padding-right: 1rem !important; } - -.margin-bottom-1 { - margin-bottom: 1rem !important; } - -.padding-bottom-1 { - padding-bottom: 1rem !important; } - -.margin-left-1 { - margin-left: 1rem !important; } - -.padding-left-1 { - padding-left: 1rem !important; } - -.margin-horizontal-1 { - margin-right: 1rem !important; - margin-left: 1rem !important; } - -.padding-horizontal-1 { - padding-right: 1rem !important; - padding-left: 1rem !important; } - -.margin-vertical-1 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } - -.padding-vertical-1 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } - -.margin-2 { - margin-top: 2rem !important; - margin-right: 2rem !important; - margin-bottom: 2rem !important; - margin-left: 2rem !important; } - -.padding-2 { - padding-top: 2rem !important; - padding-right: 2rem !important; - padding-bottom: 2rem !important; - padding-left: 2rem !important; } - -.margin-top-2 { - margin-top: 2rem !important; } - -.padding-top-2 { - padding-top: 2rem !important; } - -.margin-right-2 { - margin-right: 2rem !important; } - -.padding-right-2 { - padding-right: 2rem !important; } - -.margin-bottom-2 { - margin-bottom: 2rem !important; } - -.padding-bottom-2 { - padding-bottom: 2rem !important; } - -.margin-left-2 { - margin-left: 2rem !important; } - -.padding-left-2 { - padding-left: 2rem !important; } - -.margin-horizontal-2 { - margin-right: 2rem !important; - margin-left: 2rem !important; } - -.padding-horizontal-2 { - padding-right: 2rem !important; - padding-left: 2rem !important; } - -.margin-vertical-2 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; } - -.padding-vertical-2 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; } - -.margin-3 { - margin-top: 3rem !important; - margin-right: 3rem !important; - margin-bottom: 3rem !important; - margin-left: 3rem !important; } - -.padding-3 { - padding-top: 3rem !important; - padding-right: 3rem !important; - padding-bottom: 3rem !important; - padding-left: 3rem !important; } - -.margin-top-3 { - margin-top: 3rem !important; } - -.padding-top-3 { - padding-top: 3rem !important; } - -.margin-right-3 { - margin-right: 3rem !important; } - -.padding-right-3 { - padding-right: 3rem !important; } - -.margin-bottom-3 { - margin-bottom: 3rem !important; } - -.padding-bottom-3 { - padding-bottom: 3rem !important; } - -.margin-left-3 { - margin-left: 3rem !important; } - -.padding-left-3 { - padding-left: 3rem !important; } - -.margin-horizontal-3 { - margin-right: 3rem !important; - margin-left: 3rem !important; } - -.padding-horizontal-3 { - padding-right: 3rem !important; - padding-left: 3rem !important; } - -.margin-vertical-3 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } - -.padding-vertical-3 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } - -.slide-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-down.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(-100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-left.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-up.mui-enter.mui-enter-active { - transform: translateY(0); } - -.slide-in-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(100%); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-in-right.mui-enter.mui-enter-active { - transform: translateX(0); } - -.slide-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-down.mui-leave.mui-leave-active { - transform: translateY(100%); } - -.slide-out-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-right.mui-leave.mui-leave-active { - transform: translateX(100%); } - -.slide-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateY(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-up.mui-leave.mui-leave-active { - transform: translateY(-100%); } - -.slide-out-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: translateX(0); - transition-property: transform, opacity; - backface-visibility: hidden; } - -.slide-out-left.mui-leave.mui-leave-active { - transform: translateX(-100%); } - -.fade-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 0; - transition-property: opacity; } - -.fade-in.mui-enter.mui-enter-active { - opacity: 1; } - -.fade-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - opacity: 1; - transition-property: opacity; } - -.fade-out.mui-leave.mui-leave-active { - opacity: 0; } - -.hinge-in-from-top.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-top.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-right.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-right.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-bottom.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(90deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-bottom.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-left.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(90deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-left.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-x.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateX(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-x.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-in-from-middle-y.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotateY(-90deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 0; } - -.hinge-in-from-middle-y.mui-enter.mui-enter-active { - transform: perspective(2000px) rotate(0deg); - opacity: 1; } - -.hinge-out-from-top.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: top; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-top.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-right.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: right; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-right.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.hinge-out-from-bottom.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: bottom; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-bottom.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(90deg); - opacity: 0; } - -.hinge-out-from-left.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: left; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-left.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(90deg); - opacity: 0; } - -.hinge-out-from-middle-x.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-x.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateX(-90deg); - opacity: 0; } - -.hinge-out-from-middle-y.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: perspective(2000px) rotate(0deg); - transform-origin: center; - transition-property: transform, opacity; - opacity: 1; } - -.hinge-out-from-middle-y.mui-leave.mui-leave-active { - transform: perspective(2000px) rotateY(-90deg); - opacity: 0; } - -.scale-in-up.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(0.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-up.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-in-down.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1.5); - transition-property: transform, opacity; - opacity: 0; } - -.scale-in-down.mui-enter.mui-enter-active { - transform: scale(1); - opacity: 1; } - -.scale-out-up.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-up.mui-leave.mui-leave-active { - transform: scale(1.5); - opacity: 0; } - -.scale-out-down.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: scale(1); - transition-property: transform, opacity; - opacity: 1; } - -.scale-out-down.mui-leave.mui-leave-active { - transform: scale(0.5); - opacity: 0; } - -.spin-in.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(-0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out.mui-leave.mui-leave-active { - transform: rotate(0.75turn); - opacity: 0; } - -.spin-in-ccw.mui-enter { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0.75turn); - transition-property: transform, opacity; - opacity: 0; } - -.spin-in-ccw.mui-enter.mui-enter-active { - transform: rotate(0); - opacity: 1; } - -.spin-out-ccw.mui-leave { - transition-duration: 500ms; - transition-timing-function: linear; - transform: rotate(0); - transition-property: transform, opacity; - opacity: 1; } - -.spin-out-ccw.mui-leave.mui-leave-active { - transform: rotate(-0.75turn); - opacity: 0; } - -.slow { - transition-duration: 750ms !important; } - -.fast { - transition-duration: 250ms !important; } - -.linear { - transition-timing-function: linear !important; } - -.ease { - transition-timing-function: ease !important; } - -.ease-in { - transition-timing-function: ease-in !important; } - -.ease-out { - transition-timing-function: ease-out !important; } - -.ease-in-out { - transition-timing-function: ease-in-out !important; } - -.bounce-in { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - transition-delay: 300ms !important; } - -.long-delay { - transition-delay: 700ms !important; } - -.shake { - animation-name: shake-7; } - -@keyframes shake-7 { - 0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% { - transform: translateX(7%); } - 5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { - transform: translateX(-7%); } } - -.spin-cw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(-1turn); } - 100% { - transform: rotate(0); } } - -.spin-ccw { - animation-name: spin-cw-1turn; } - -@keyframes spin-cw-1turn { - 0% { - transform: rotate(0); } - 100% { - transform: rotate(1turn); } } - -.wiggle { - animation-name: wiggle-7deg; } - -@keyframes wiggle-7deg { - 40%, 50%, 60% { - transform: rotate(7deg); } - 35%, 45%, 55%, 65% { - transform: rotate(-7deg); } - 0%, 30%, 70%, 100% { - transform: rotate(0); } } - -.shake, -.spin-cw, -.spin-ccw, -.wiggle { - animation-duration: 500ms; } - -.infinite { - animation-iteration-count: infinite; } - -.slow { - animation-duration: 750ms !important; } - -.fast { - animation-duration: 250ms !important; } - -.linear { - animation-timing-function: linear !important; } - -.ease { - animation-timing-function: ease !important; } - -.ease-in { - animation-timing-function: ease-in !important; } - -.ease-out { - animation-timing-function: ease-out !important; } - -.ease-in-out { - animation-timing-function: ease-in-out !important; } - -.bounce-in { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important; } - -.bounce-out { - animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important; } - -.bounce-in-out { - animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important; } - -.short-delay { - animation-delay: 300ms !important; } - -.long-delay { - animation-delay: 700ms !important; } - -.cover_page, .cover_page .underlay, .cover_page .underlay .underlay_contents, .cover_page .loaderpane, .cover_page .cover_loader_container, .page .frame { - min-height: 100vh; - min-width: 100vw; } - -.intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, #chapter_nav, .chapter__title .overlay, .cover_page .underlay, .cover_page .loaderpane, .top-bar__wrapper, .top-bar, .page { - backface-visibility: hidden; } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img, .cover_page .underlay { - position: absolute; - top: 0; - left: 0; } - -#chapter_nav ul .dot_wrapper, #chapter_nav ul .dot, #chapter_nav ul li a { - top: 50%; - left: 50%; - transform: translate3d(-50%, -50%, 0); } - -.chapter__title .object-fit, .cover_page .underlay .bg-image, .cover_page .bg-image, .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - z-index: 1; - width: 100vw; - height: 100vh; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } - -.intro-text .toggle-caption, .chapter__title .toggle-caption, .cover_page .toggle-caption, .ambient_video .toggle-caption, .zoom-image--fullbleed .toggle-caption, .frame > .image-comparison-slider .toggle-caption { - opacity: 0; - transition-property: opacity; - transition-duration: 0.725s; - transition-delay: 1s; - transition-timing-function: ease-out; } - -.intro-text .caption, .chapter__title .caption, .cover_page .caption, .ambient_video .caption, .zoom-image--fullbleed .caption, .frame > .image-comparison-slider .caption { - margin-bottom: 0; } - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - bottom: 5rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - max-width: 500px; } } - @media print, screen and (min-width: 40em) { - .intro-text .caption figcaption, .chapter__title .caption figcaption, .cover_page .caption figcaption, .ambient_video .caption figcaption, .zoom-image--fullbleed .caption figcaption, .frame > .image-comparison-slider .caption figcaption { - bottom: 3rem; } } - -.intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - position: absolute; - bottom: 3rem; - right: 1.7rem; - z-index: 50; } - @media print, screen and (min-width: 40em) { - .intro-text .caption__brief, .chapter__title .caption__brief, .cover_page .caption__brief, .ambient_video .caption__brief, .zoom-image--fullbleed .caption__brief, .frame > .image-comparison-slider .caption__brief { - bottom: 1rem; } } - -.theme--primary-dark .intro-text .toggle-caption, .theme--primary-dark .chapter__title .toggle-caption, .theme--primary-dark .cover_page .toggle-caption, .theme--primary-dark .ambient_video .toggle-caption, .theme--primary-dark .zoom-image--fullbleed .toggle-caption, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption, -.theme--primary .intro-text .toggle-caption, -.theme--primary .chapter__title .toggle-caption, -.theme--primary .cover_page .toggle-caption, -.theme--primary .ambient_video .toggle-caption, -.theme--primary .zoom-image--fullbleed .toggle-caption, -.theme--primary .frame > .image-comparison-slider .toggle-caption, -.theme--dark .intro-text .toggle-caption, -.theme--dark .chapter__title .toggle-caption, -.theme--dark .cover_page .toggle-caption, -.theme--dark .ambient_video .toggle-caption, -.theme--dark .zoom-image--fullbleed .toggle-caption, -.theme--dark .frame > .image-comparison-slider .toggle-caption, .theme--primary-dark .intro-text .toggle-caption:hover, .theme--primary-dark .chapter__title .toggle-caption:hover, .theme--primary-dark .cover_page .toggle-caption:hover, .theme--primary-dark .ambient_video .toggle-caption:hover, .theme--primary-dark .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-dark .frame > .image-comparison-slider .toggle-caption:hover, -.theme--primary .intro-text .toggle-caption:hover, -.theme--primary .chapter__title .toggle-caption:hover, -.theme--primary .cover_page .toggle-caption:hover, -.theme--primary .ambient_video .toggle-caption:hover, -.theme--primary .zoom-image--fullbleed .toggle-caption:hover, -.theme--primary .frame > .image-comparison-slider .toggle-caption:hover, -.theme--dark .intro-text .toggle-caption:hover, -.theme--dark .chapter__title .toggle-caption:hover, -.theme--dark .cover_page .toggle-caption:hover, -.theme--dark .ambient_video .toggle-caption:hover, -.theme--dark .zoom-image--fullbleed .toggle-caption:hover, -.theme--dark .frame > .image-comparison-slider .toggle-caption:hover { - color: #ffffff; - border-color: #ffffff; } - -.theme--primary-light .intro-text .toggle-caption, .theme--primary-light .chapter__title .toggle-caption, .theme--primary-light .cover_page .toggle-caption, .theme--primary-light .ambient_video .toggle-caption, .theme--primary-light .zoom-image--fullbleed .toggle-caption, .theme--primary-light .frame > .image-comparison-slider .toggle-caption, .theme--primary-light .intro-text .toggle-caption:hover, .theme--primary-light .chapter__title .toggle-caption:hover, .theme--primary-light .cover_page .toggle-caption:hover, .theme--primary-light .ambient_video .toggle-caption:hover, .theme--primary-light .zoom-image--fullbleed .toggle-caption:hover, .theme--primary-light .frame > .image-comparison-slider .toggle-caption:hover { - color: #0a0a0a; - border-color: #0a0a0a; } - -.triggered .intro-text .toggle-caption, .triggered .chapter__title .toggle-caption, .triggered .cover_page .toggle-caption, .triggered .ambient_video .toggle-caption, .triggered .zoom-image--fullbleed .toggle-caption, .triggered .frame > .image-comparison-slider .toggle-caption, .triggered .intro-text .toggle-caption:hover, .triggered .chapter__title .toggle-caption:hover, .triggered .cover_page .toggle-caption:hover, .triggered .ambient_video .toggle-caption:hover, .triggered .zoom-image--fullbleed .toggle-caption:hover, .triggered .frame > .image-comparison-slider .toggle-caption:hover { - opacity: 1; } - -.intro-text .video_element, .cover_page .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .video_element, .cover_page .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; - width: 100%; - height: 100%; } } - .intro-text .video_element.stopfade, .cover_page .video_element.stopfade { - opacity: 0.5; } - .intro-text .video_element .plyr__controls, .cover_page .video_element .plyr__controls, - .intro-text .video_element .plyr__control, - .cover_page .video_element .plyr__control { - display: none; - opacity: 0; } - .intro-text .video_element .plyr__controls > *, .cover_page .video_element .plyr__controls > *, - .intro-text .video_element .plyr__control > *, - .cover_page .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -.intro-text .plyr--video, .cover_page .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .intro-text .plyr--video, .cover_page .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.triggered .intro-text, .triggered .cover_page { - display: block; - opacity: 1em; } - .triggered .intro-text .video_element, .triggered .cover_page .video_element, - .triggered .intro-text .plyr--video, - .triggered .cover_page .plyr--video, - .triggered .intro-text .plyr--audio, - .triggered .cover_page .plyr--audio { - opacity: 1 !important; } - .triggered .intro-text .text_content, .triggered .cover_page .text_content { - top: 0; - opacity: 1; } - -html, -body { - padding: 0; - margin: 0; } - -.grid-container { - max-width: 90rem; } - @media print, screen and (min-width: 40em) { - .grid-container { - padding-left: 6rem; - padding-right: 6rem; } } - -.theme--dark { - background: #0a0a0a !important; } - .theme--dark h1, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__title, .theme--dark .in-depth .in-depth__title, .in-depth .theme--dark .in-depth__title, - .theme--dark h2, - .theme--dark h3, - .theme--dark p, - .theme--dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--dark h3 { - color: #ffffff; } - -.theme--primary { - background: #ffffff !important; } - .theme--primary h1, .theme--primary .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary .slide--in-depth__intro__title, .theme--primary .in-depth .in-depth__title, .in-depth .theme--primary .in-depth__title, - .theme--primary h2, - .theme--primary h3, - .theme--primary p, - .theme--primary .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary h3 { - color: #7d7d96; } - -.theme--primary-dark { - background: #7d7d96 !important; } - .theme--primary-dark h1, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__title, .theme--primary-dark .in-depth .in-depth__title, .in-depth .theme--primary-dark .in-depth__title, - .theme--primary-dark h2, - .theme--primary-dark h3, - .theme--primary-dark p, - .theme--primary-dark .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark h3 { - color: #ffffff; } - -.theme--primary-light { - background: rgba(125, 125, 150, 0.1) !important; } - .theme--primary-light h1, .theme--primary-light .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .theme--primary-light .slide--in-depth__intro__title, .theme--primary-light .in-depth .in-depth__title, .in-depth .theme--primary-light .in-depth__title, - .theme--primary-light h2, - .theme--primary-light h3, - .theme--primary-light p, - .theme--primary-light .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-light h3 { - color: #7d7d96; } - -.scroll_lock { - overflow: hidden; } - -a.link--arrow { - font-weight: bold; } - -body.off-canvas-opened { - overflow: hidden; } - -button, -.button, .button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - background: black; - color: white; - text-transform: uppercase; - letter-spacing: 1px; - position: relative; - z-index: 0; } - button:focus, - .button:focus, - .cta__button:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - button a, .button a, .button.cta a, .cta__button a, .button.cta--alt a, .cta__button--alt a, .modal__open-button a, .transcript .transcript__toggle a, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button a { - color: inherit; - font-size: inherit; - line-height: inherit; - background: inherit; } - button svg, .button svg, .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - margin: .125rem 0 0 0; - height: 1rem; - width: 1rem; } - button.hollow, - .hollow.button, - .hollow.cta__button, - .hollow.cta__button--alt, .hollow.modal__open-button, .transcript .hollow.transcript__toggle, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button { - border: 2px solid #0a0a0a; - color: #0a0a0a; - background: transparent; } - button.hollow:hover, - .hollow.button:hover, - .hollow.cta__button:hover, - .hollow.cta__button--alt:hover, .hollow.modal__open-button:hover, .transcript .hollow.transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button:hover { - border: 2px solid #0a0a0a; - color: #0a0a0a; } - button.icon, - .icon.button, - .icon.cta__button, - .icon.cta__button--alt, .icon.modal__open-button, .transcript .icon.transcript__toggle, .owl-carousel .slide--in-depth__intro .icon.slide--in-depth__intro__button { - padding: .25rem; - height: 2rem; - width: 2rem; - font-size: 1em; } - -.caption { - margin-top: .5rem; - margin-bottom: 1rem; - cursor: text; - font-size: 0.75rem; - line-height: 16px; } - .caption .caption__brief { - display: inline-block; } - .caption .toggle-caption { - margin: 0 0 0 .25rem; - padding: .125rem; - height: 1.25rem; - width: 1.25rem; - position: relative; } - .caption .toggle-caption .i-info { - text-transform: lowercase; - font-size: 15px; - font-family: 'freight-text-pro'; - font-weight: 700; - display: inline-block; - margin-left: 0.5px; - height: 12px; - width: 5px; } - .caption figcaption { - display: block; - background-color: #e6e6e6; - color: #0a0a0a; - padding: 1rem; - margin-top: .5rem; } - .theme--dark .caption { - color: #ffffff; } - .theme--dark .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .caption .toggle-caption svg { - transform: translate(-0.25px, -1.5px); } - .theme--dark .caption figcaption { - margin-top: 1rem; - color: #ffffff; - padding: 1rem; - background: rgba(255, 255, 255, 0.2); } - -cite, .inline-quote cite, .standalone-quote cite { - font-style: normal; } - .theme--dark cite { - color: #ffffff; } - -/* -Cliff Note (Blurb) - -A cliff note acts as a quick overview or as highlighted information of a chapter and is meant to be scanned. It can also help set the tone of the chapter. - -Markup: cliff-note.html.twig - -Styleguide COMPONENTS.cliff-note - -*/ -.cliff-note { - font-size: 1.875rem; - line-height: 42px; - position: relative; - font-family: "freight-display-pro", sans; - letter-spacing: -1px; - max-width: 18rem; - margin: auto; } - .cliff-note p, .cliff-note .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cliff-note h3 { - font-size: inherit; - line-height: inherit; } - .cliff-note:before { - display: block; - width: 5rem; - height: 2px; - margin-bottom: 1em; - background-color: #7d7d96; - content: ''; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(125, 125, 150, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(216, 216, 223, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.down_arrow { - z-index: 151; - position: absolute; - width: 100vw; } - .down_arrow a { - display: block; - width: 3rem; - height: 3rem; - margin: 0 auto; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -.intro-text { - overflow-y: auto; - overflow-x: hidden; } - .intro-text h2 { - opacity: 0.5; - font-style: italic; - font-weight: bold; - margin-bottom: 2rem; } - @media print, screen and (min-width: 40em) { - .intro-text h2 { - margin-bottom: 4rem; } } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper, .intro-text h2 { - color: #7d7d96; } - .theme--dark .intro-text .cell, .theme--dark .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--dark .intro-text h2 { - color: #ffffff; } - .theme--primary--light .intro-text .cell, .theme--primary--light .intro-text .video--embed.boxed > .video--embed__wrapper, .theme--primary--light .intro-text h2 { - color: #0a0a0a; } - .intro-text .text { - font-family: "freight-display-pro", sans; - font-weight: bold; - line-height: 1.3; - letter-spacing: -1px; - font-size: 2em; } - @media print, screen and (min-width: 40em) { - .intro-text .text { - font-size: 2.85em; } } - @media print, screen and (min-width: 64em) { - .intro-text .text { - font-size: 3.75em; } } - .theme--dark.intro-text .cell, .theme--dark.intro-text .video--embed.boxed > .video--embed__wrapper { - background-color: #0a0a0a; } - .theme--dark.intro-text .text, - .theme--dark.intro-text h2 { - color: #ffffff; } - .intro-text .cell, .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 0; - transition-property: opacity, top; - transition-duration: .75s; - transition-delay: 0.125s; - transition-timing-function: ease-in-out; - position: relative; - top: 5rem; } - .triggered .intro-text .cell, .triggered .intro-text .video--embed.boxed > .video--embed__wrapper { - opacity: 1; - top: 0; } - -.intro-text.video-intro { - height: 100vh; } - .intro-text.video-intro .grid-x, .intro-text.video-intro .video--embed.boxed { - height: 100vh; - padding: 0 !important; - margin-left: 0; - margin-right: 0; } - .intro-text.video-intro .cell, .intro-text.video-intro .video--embed.boxed > .video--embed__wrapper { - height: 100vh; - width: 100vw; - overflow: auto; - margin-left: 0; - margin-right: 0; - padding-top: 8rem; - padding: 8rem 5rem 5rem 5rem; } - @media print, screen and (min-width: 40em) { - .intro-text.video-intro .wrapper { - padding-left: calc(16.66667% + 0.9375rem); - padding-right: calc(16.66667% + 0.9375rem); } } - .intro-text.video-intro .video_element { - z-index: -1; } - -.logo { - margin-top: .5rem; - margin-right: 1.5rem; - display: inline-block; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -p, .off-canvas footer.footer .footer-feature h3, .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - font-size: 1.125rem; } - -q, .inline-quote q, .standalone-quote q { - line-height: 1em; - font-weight: bold; } - q:before, .inline-quote q:before, .standalone-quote q:before, q:after, .inline-quote q:after, .standalone-quote q:after { - position: relative; - width: 1em; - font-size: 1.75em; - top: .125em; } - q:before, .inline-quote q:before, .standalone-quote q:before { - padding-right: .25rem; } - q:after, .inline-quote q:after, .standalone-quote q:after { - padding-left: .25rem; } - .theme--dark q { - color: #ffffff; } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.standalone-quote__icon svg { - max-width: 100%; - width: 15rem; - height: auto; } - -.standalone-quote__icon path#quote { - fill: #7d7d96; } - -.standalone-quote__icon path#line { - stroke: #7d7d96; } - -.theme--primary-dark .standalone-quote__icon path#quote, -.theme--primary-dark .standalone-quote__icon path#line { - fill: #ffffff; - stroke: #ffffff; } - -.tagline { - font-weight: 300; - display: inline-block; - position: relative; - top: -.25rem; } - -/* -Text Area - -Text area's contain paragraphs and related text copy and offer a drop cap feature for the first contained paragraph. - -Markup: textarea.html.twig - -Styleguide COMPONENTS.textarea - -*/ -.textarea { - font-family: "freight-text-pro", serif; - font-size: 1em; - line-height: 1.6em; } - .drop-cap.textarea > p:first-of-type:first-letter, .off-canvas footer.footer .footer-feature .drop-cap.textarea > h3:first-of-type:first-letter { - float: left; - font-size: 8.25em; - font-weight: 900; - line-height: 0.72em; - margin-right: 0.06667em; } - -.commentary__icon svg { - max-width: 100%; - height: auto; } - -.commentary__icon path#quote { - fill: #0a0a0a; } - -.commentary__icon path#line { - stroke: #0a0a0a; } - -.modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: fixed; - display: inline; - border-radius: 100rem; - border-color: #ffffff !important; - color: #ffffff !important; - text-transform: capitalize; - margin: .5rem 0 0 0; - z-index: 999; - left: initial; - right: 1rem; - top: 0.5rem; - font-size: .75rem; - padding: .75rem .5rem .25rem; - background: rgba(10, 10, 10, 0.25) !important; } - @media print, screen and (min-width: 40em) { - .modal__close-button, .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - padding: 0.85em 2em 0.5em 2em; - padding-bottom: .35rem; - font-size: 1em; - margin: 2rem 0 0 2rem; - right: 1rem; - left: initial; } } - .modal__close-button .close-button__icon, .in-depth-slider .in-depth__toggle .close-button__icon, .in-depth-modal .in-depth__toggle .close-button__icon { - font-family: "freight-display-pro", sans; - font-size: 3em; - line-height: 0em; - font-weight: bolder; - margin-right: .5rem; } - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - position: relative; - top: -.25rem; } - @media print, screen and (min-width: 40em) { - .modal__close-button .close-button__text, .in-depth-slider .in-depth__toggle .close-button__text, .in-depth-modal .in-depth__toggle .close-button__text { - top: -.3rem; } } - -.slide__icon--next { - margin: 2rem 0 0 0; - position: relative; - transform: translateX(-5px); } - .slide__icon--next:before { - height: 1px; - width: 5rem; - content: ""; - position: relative; - background: #0a0a0a; - right: -5px; - top: calc(-1rem + 1px); - display: inline-block; - z-index: 9999; - opacity: .5; } - .slide__icon--next svg { - max-width: 100%; - height: 2rem; - width: auto; } - .slide__icon--next svg:before { - height: 1px; - width: 10rem; - content: ""; } - .slide__icon--next svg:hover { - cursor: pointer; } - .slide__icon--next svg circle.slider { - fill: #0a0a0a; } - .slide__icon--next svg polyline.slider { - stroke: #0a0a0a; } - .slide__icon--next path { - fill: #0a0a0a; - stroke: #0a0a0a; } - -.button.cta, -.cta__button, .button.cta--alt, -.cta__button--alt, .modal__open-button, .transcript .transcript__toggle, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - font-size: 0.875rem; - text-transform: none; - background: transparent; - border: none; - color: #0a0a0a; - position: relative; - padding-left: .5rem; - padding-right: .5rem; } - .button.cta:before, - .cta__button:before, .button.cta--alt:before, - .cta__button--alt:before, .modal__open-button:before, .transcript .transcript__toggle:before, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before { - transition-property: background; - transition-duration: .25s; - transition-timing-function: ease-in-out; - content: ""; - position: absolute; - width: 100%; - height: .85rem; - background: rgba(125, 125, 150, 0.35); - left: 0; - bottom: .125rem; - z-index: -1; } - .not-external.button.cta:after, - .not-external.cta__button:after, .not-external.button.cta--alt:after, - .not-external.cta__button--alt:after, .not-external.modal__open-button:after, .transcript .not-external.transcript__toggle:after, .owl-carousel .slide--in-depth__intro .not-external.slide--in-depth__intro__button:after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } - .button.cta svg, .cta__button svg, .button.cta--alt svg, .cta__button--alt svg, .modal__open-button svg, .transcript .transcript__toggle svg, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg { - width: 0.9em; - height: 0.9em; } - .button.cta:hover, - .cta__button:hover, .button.cta--alt:hover, - .cta__button--alt:hover, .modal__open-button:hover, .transcript .transcript__toggle:hover, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:hover, .button.cta:focus, - .cta__button:focus, .button.cta--alt:focus, - .cta__button--alt:focus, .modal__open-button:focus, .transcript .transcript__toggle:focus, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:focus { - background: transparent; - border: none; - color: #0a0a0a; } - .theme--dark .button.cta, - .theme--dark .cta__button, .theme--dark .button.cta--alt, - .theme--dark .cta__button--alt, .theme--dark .modal__open-button, .theme--dark .transcript .transcript__toggle, .transcript .theme--dark .transcript__toggle, .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta, - .theme--primary-dark .cta__button, .theme--primary-dark .button.cta--alt, - .theme--primary-dark .cta__button--alt, .theme--primary-dark .modal__open-button, .theme--primary-dark .transcript .transcript__toggle, .transcript .theme--primary-dark .transcript__toggle, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button { - color: #ffffff; } - .theme--primary-dark .button.cta:before, - .theme--primary-dark .cta__button:before, .theme--primary-dark .button.cta--alt:before, - .theme--primary-dark .cta__button--alt:before, .theme--primary-dark .modal__open-button:before, .theme--primary-dark .transcript .transcript__toggle:before, .transcript .theme--primary-dark .transcript__toggle:before, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button:before, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button:before { - background: rgba(255, 255, 255, 0.35); } - .theme--primary-dark .button.cta svg polygon, .theme--primary-dark .cta__button svg polygon, .theme--primary-dark .button.cta--alt svg polygon, .theme--primary-dark .cta__button--alt svg polygon, .theme--primary-dark .modal__open-button svg polygon, .theme--primary-dark .transcript .transcript__toggle svg polygon, .transcript .theme--primary-dark .transcript__toggle svg polygon, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg polygon, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg polygon, .theme--primary-dark .button.cta svg path, .theme--primary-dark .cta__button svg path, .theme--primary-dark .button.cta--alt svg path, .theme--primary-dark .cta__button--alt svg path, .theme--primary-dark .modal__open-button svg path, .theme--primary-dark .transcript .transcript__toggle svg path, .transcript .theme--primary-dark .transcript__toggle svg path, .theme--primary-dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button svg path, .owl-carousel .slide--in-depth__intro .theme--primary-dark .slide--in-depth__intro__button svg path { - fill: white; } - .button.cta p, .cta__button p, .button.cta--alt p, .cta__button--alt p, .modal__open-button p, .transcript .transcript__toggle p, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button p, .button.cta .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta h3, .cta__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button h3, .button.cta--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .button.cta--alt h3, .cta__button--alt .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cta__button--alt h3, .modal__open-button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .modal__open-button h3, .transcript .transcript__toggle .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .transcript .transcript__toggle h3, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button h3 { - display: block; - margin: 0; - padding: 0; } - -.cta.cta__orange.button:before, -.cta.cta__orange.cta__button:before, -.cta.cta__orange.cta__button--alt:before, .cta.cta__orange.modal__open-button:before, .transcript .cta.cta__orange.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta.cta__orange.slide--in-depth__intro__button:before, -.cta__button.cta__orange:before { - background: rgba(216, 216, 223, 0.35); } - -.button.cta--alt, -.cta__button--alt { - letter-spacing: 0px; - padding: 0; - font-size: .90em; } - .button.cta--alt:before, .transcript .cta--alt.transcript__toggle:before, .owl-carousel .slide--in-depth__intro .cta--alt.slide--in-depth__intro__button:before, - .cta__button--alt:before { - display: none !important; } - -.hamburger { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; - border-radius: 0; - overflow: hidden; - background: transparent; } - .hamburger:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .hamburger::before, .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #0a0a0a; } - .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #0a0a0a, -10px 18px 0 #0a0a0a; } - .hamburger[aria-expanded="true"] { - overflow: visible; } - .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #0a0a0a; - top: -3px; - left: -12px; } - :not(.off-canvas-opened) .invert .hamburger, - .off-canvas-opened .hamburger { - position: relative; - display: inline-block; - vertical-align: middle; - width: 30px; - height: 20px; - cursor: pointer; } - :not(.off-canvas-opened) .invert .hamburger::before, :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::before, - .off-canvas-opened .hamburger::after { - transition: background .25s ease-in-out, box-shadow .25s ease-in-out; - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - content: ''; - background: #ffffff; } - :not(.off-canvas-opened) .invert .hamburger::after, - .off-canvas-opened .hamburger::after { - background-color: transparent; - box-shadow: 0 9px 0 #ffffff, -10px 18px 0 #ffffff; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"], - .off-canvas-opened .hamburger[aria-expanded="true"] { - overflow: visible; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::before, - .off-canvas-opened .hamburger[aria-expanded="true"]::before { - transform: rotate(45deg); - top: 10px; } - :not(.off-canvas-opened) .invert .hamburger[aria-expanded="true"]::after, - .off-canvas-opened .hamburger[aria-expanded="true"]::after { - transform: rotate(-45deg); - box-shadow: 0 18px 0 #ffffff; - top: -3px; - left: -12px; } - -body.off-canvas-opened { - overflow: hidden; } - -h3, -.h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h3 p, .h3 p, h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h3 h3, .h3 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h3 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h3, - .theme--dark .h3 { - color: #ffffff; } - -h4, -.h4 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - font-weight: 900; } - h4 p, .h4 p, h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature h4 h3, .h4 .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .h4 h3 { - font-size: inherit; - line-height: inherit; } - .theme--dark h4, - .theme--dark .h4 { - color: #ffffff; } - .theme--primary-dark h4, - .theme--primary-dark .h4 { - color: #ffffff; } - -.copyright { - text-align: center; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; } - @media print, screen and (min-width: 64em) { - .copyright { - text-align: right; } } - -.plyr--audio .plyr__controls { - padding: 0; - margin-bottom: 1rem; - color: #0a0a0a; } - -.plyr--audio .plyr__control { - border-radius: 1000rem; - background: #7d7d96; - padding: .75rem; - height: 2.5rem; - width: 2.5rem; } - .plyr--audio .plyr__control svg { - fill: #ffffff !important; - transform: translate(0, -0.125rem); } - .plyr--audio .plyr__control:hover { - background: #59596e !important; } - .plyr--audio .plyr__control:hover svg { - fill: #ffffff !important; } - -.plyr--audio .plyr__progress__buffer { - color: #7d7d96; - display: none; } - -.plyr--full-ui.plyr--audio input[type='range'] { - color: #7d7d96; } - -.theme--dark .plyr--audio .plyr__controls { - color: #ffffff; } - -audio { - opacity: 0; } - -.transcript { - margin-bottom: 1rem; } - .transcript .transcript__brief { - margin-bottom: .5rem; } - .transcript .transcript__text { - transition-property: visibility, opacity, height, max-height; - transition-duration: .75s; - transition-timing-function: ease-in-out; - overflow: hidden; - max-height: 0; - opacity: 0; } - .transcript .transcript__text.active { - visibility: visible !important; - opacity: 1; - height: auto; - max-height: 600px; } - .transcript .transcript__toggle:after { - display: none; } - .theme--dark .transcript { - color: #ffffff; } - -#chapter_nav ul li.active_item a .dot_wrapper { - animation: pulse 1.375s infinite ease-in-out alternate running; - z-index: -1; } - -#chapter_nav ul li.active_item a .dot { - z-index: 2; - background-color: #7d7d96; } - -#chapter_nav:hover ul li::after { - opacity: 1; } - -#chapter_nav { - width: 3em; - position: fixed; - z-index: 110; - box-sizing: border-box; - top: 18vh; - padding: 0 1rem; - left: 1.5rem; - height: 65vh; - background-image: url("/assets/images/chapternav-background.svg"); - background-repeat: repeat-y; - background-position: center center; - background-size: 100% 100%; - font-family: "freight-text-pro", serif; - transition-property: opacity; - transition-duration: 0.625s; - transition-timing-function: ease-in-out; } - @media (min-width: 640px) { - #chapter_nav { - display: block; } } - #chapter_nav.hidden { - visibility: hidden; - opacity: 0; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav.showy { - visibility: visible; - opacity: 1; - transition-property: visibility, opacity; - transition-duration: 0s; - transition-timing-function: ease-out; - transition-delay: 0.525s; } - #chapter_nav ul { - list-style: none; - position: relative; - z-index: 10; - width: 100%; - height: 100%; - margin: 0; - padding: 0; - display: flex; - flex-direction: column; - justify-content: space-between; } - #chapter_nav ul .dot_wrapper { - position: relative; - width: 100%; - height: 100%; - border-radius: 50%; } - #chapter_nav ul .dot { - display: inline-block; - position: absolute; - box-shadow: 0px 0px 0px 3px #b2b2b2; - transition-property: background-color; - transition-duration: 0.75s; - transition-timing-function: ease-in-out; - text-decoration: none; - box-sizing: border-box; - background-color: #fff; - color: #fff; - border-radius: 50%; - width: 0.425rem; - height: 0.425rem; - text-align: center; - font-size: 1.125em; } - #chapter_nav ul li:nth-child(1) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(1)::after { - content: counter(chapters, upper-alpha); } - #chapter_nav ul li:nth-child(2) { - counter-reset: chapters; } - #chapter_nav ul li:nth-child(2)::after { - content: counter(chapters, upper-roman); } - #chapter_nav ul li { - position: relative; - padding: 0; } - #chapter_nav ul li a { - position: absolute; - display: block; - border-radius: 50%; - width: 1.25rem; - height: 1.25rem; } - #chapter_nav ul li::after { - font-family: sans-serif; - counter-increment: chapters; - content: counter(chapters, upper-roman); - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - position: absolute; - opacity: 0; - left: 2.5rem; - top: -0.75rem; - color: #fff; } - #chapter_nav ul li.past .dot { - box-shadow: 0px 0px 0px 2px #ffffff; - background-color: #7d7d96; } - .theme--dark #chapter_nav ul li::after { - text-shadow: 1px 1px 3px rgba(10, 10, 10, 0.4); } - #chapter_nav .scroll_percent { - content: ""; - border-left: 3px #7d7d96 solid; - position: absolute; - z-index: -1; - top: 0; - left: 50%; - transform: translate3d(-50%, 0, 0); - transition-property: height; - transition-duration: 0.45s; - transition-timing-function: ease-out; } - -body { - counter-reset: tooltipChapters; } - body .tooltip.chapter_nav__tip { - box-shadow: -1px -1px 5px rgba(0, 0, 0, 0.3); - font-size: 0.925rem; - font-weight: normal; - font-family: Helvetica, sans-serif; - white-space: nowrap; - padding-top: 0.5rem; - padding-bottom: 0.5rem; } - body .tooltip.chapter_nav__tip::before { - transition-duration: 0.325s; - transition-timing-function: ease-out; - transition-property: opacity; - position: absolute; - left: 0.875em; - width: auto; - height: auto; - background-color: transparent; - border: none; - display: inline-block; } - -@keyframes pulse { - 0% { - background-color: rgba(125, 125, 150, 0.4); - box-shadow: 0 0 0 0.425rem rgba(125, 125, 150, 0.4); } - 100% { - background-color: rgba(125, 125, 150, 0.15); - box-shadow: 0 0 0 0.875rem rgba(125, 125, 150, 0.15); } } - -/* -Chapter title - -Cover pages for chapters - -Markup: chapter__title.html.twig -*/ -.chapter__title .object-fit { - object-position: 50% 50%; - font-family: 'object-fit: contain; object-position: 50% 50%'; - position: absolute; } - -.chapter__title .overlay { - position: absolute; - z-index: 50; - top: 50%; - left: 50%; - display: none; - opacity: 0; - transform: translate3d(-50%, -40%, 0); - transition-property: transform, opacity; - transition-duration: 1.875s; - transition-timing-function: ease-out; } - -.triggered .chapter__title .object-fit { - animation-name: kenburns; - animation-duration: 1.325s; - animation-timing-function: ease-in-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .overlay { - display: block; - animation-name: fadein; - animation-duration: 1.325s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0.25s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - -.triggered .chapter__title .toggle-caption { - opacity: 1; } - -.chapter__title .chapter__headline { - color: white; } - .chapter__title .chapter__headline .numeral, - .chapter__title .chapter__headline .title { - display: block; - text-align: center; } - .chapter__title .chapter__headline .numeral { - font-size: 8.75rem; - line-height: 165px; - color: white; - font-weight: 900; } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - font-size: 13.75rem; } } - @media print, screen and (min-width: 40em) { - .chapter__title .chapter__headline .numeral { - line-height: 200px; } } - - .chapter__title .chapter__headline .title { - font-size: 1.875rem; - line-height: 40px; - font-style: italic; } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - font-size: 3.125rem; } } - @media print, screen and (min-width: 40em) { - - .chapter__title .chapter__headline .title { - line-height: 75px; } } - -@keyframes kenburns { - 0% { - transform: scale(1); } - 100% { - transform: scale(1.2); } } - -@keyframes fadein { - 0% { - opacity: 0; - transform: translate3d(-50%, -30%, 0); } - 100% { - opacity: 1; - transform: translate3d(-50%, -50%, 0); } } - -.cover_page { - position: absolute; - overflow: hidden; - /* - * This style will be shared with the SVG because - * I have to replace the DOM element in Firefox. - * Otherwise the SVG pattern will be broken. - */ } - .cover_page .underlay .bg-image { - z-index: -1; } - .cover_page .underlay .underlay_contents { - z-index: 2; - position: relative; } - .cover_page .underlay .headline { - color: transparent; } - .cover_page .underlay .headline .solid { - color: #fff; } - @supports (-webkit-text-stroke: 3px #fff) { - .cover_page .underlay .headline .outline { - color: rgba(255, 0, 0, 0); - -webkit-text-stroke: 2px #fff; } } - .cover_page .underlay .content { - color: #fff; - text-align: center; - padding-bottom: 3em; - position: absolute; - margin-left: 2em; - margin-right: 2em; - bottom: 3rem; - width: calc(100% - 4rem); } - .cover_page .underlay .content .info { - font-size: 1rem; - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - position: relative; - top: 4em; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content .info { - font-size: 1.125rem; } } - .cover_page .underlay .content .info p, .cover_page .underlay .content .info .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .cover_page .underlay .content .info h3 { - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .cover_page .underlay .content { - bottom: 5rem; - width: 100%; - margin-left: 0; - margin-right: 0; } } - .cover_page .down_arrow { - transition-property: top, opacity; - transition-timing-function: ease-in-out; - transition-duration: 0.675s; - opacity: 0; - bottom: -5rem; } - .triggered .cover_page .underlay .content .info { - opacity: 1; - top: 0; } - .triggered .cover_page .down_arrow { - opacity: 1; - bottom: 3rem; } - .cover_page .loaderpane { - position: absolute; - top: 0; - left: 0; } - .cover_page .loaderpane .text { - line-height: 0.75; } - .cover_page .top { - z-index: 10; } - .cover_page .loader { - z-index: 11; - clip: rect(0 100vw 100vh 0); } - .cover_page .loader .text { - color: #dedede; - vertical-align: baseline; - line-height: 100vh; } - .cover_page .bg-image { - animation: kenburns--cover 4s ease-out 0.75s 1 forwards running; } - .cover_page .mask { - color: red; - width: 100%; - height: 100vh; - -webkit-text-fill-color: transparent; - background-repeat: no-repeat; - background-position: center center; - background-size: 100vw 100vh; - background-clip: text; - -webkit-background-clip: text; } - .cover_page .mask .text { - vertical-align: baseline; - line-height: 100vh; } - .cover_page .headline { - display: block; - position: absolute; - width: 100vw; - top: 40%; - left: 50%; - transform: translate3d(-50%, -50%, 0); - margin: 0; - font-family: 'akzidenz-grotesk-next-pro', sans-serif; - font-weight: bold; - font-size: 70px; - line-height: 100%; - letter-spacing: 2px; - text-align: center; } - @media print, screen and (min-width: 40em) { - .cover_page .headline { - top: 40%; - width: 100vw; - font-size: 122px; } } - @media print, screen and (min-width: 64em) { - .cover_page .headline { - font-size: 150px; } } - .cover_page .subtitle { - position: absolute; - color: #fff; - width: 100%; - text-align: center; - font-style: italic; - font-size: 32px; - top: 50%; } - @media print, screen and (min-width: 40em) { - .cover_page .subtitle { - top: 52%; - font-size: 42px; } } - @media print, screen and (min-width: 64em) { - .cover_page .subtitle { - font-size: 50px; } } - .cover_page .cover_loader_container { - background-color: #fff; - position: relative; - z-index: 3; - transition-property: opacity; - transition-timing-function: ease-out; - transition-duration: 0.7s; } - .loaded.cover_page .loader { - animation-name: stretch; - animation-duration: 0.7s; - animation-timing-function: ease-out; - animation-direction: normal; - animation-delay: 0s; - animation-iteration-count: 1; - animation-fill-mode: forwards; } - .post_loaded.cover_page .cover_loader_container { - opacity: 0; } - .post_loaded.cover_page .toggle-caption { - opacity: 1; } - .initialized.cover_page .underlay { - z-index: 15; } - .initialized.cover_page .cover_loader_container, - .initialized.cover_page .mask_loader { - display: none; } - .off-canvas .cover_page { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay { - position: relative; - min-height: auto; } - .off-canvas .cover_page .underlay .underlay_contents { - padding: 2rem 2rem 1rem 2rem; - min-height: auto; } - .off-canvas .cover_page .underlay .headline { - font-size: 3rem; - position: relative; - left: 50%; - transform: translate3d(-50%, 0%, 0); } - -.cover_page.video_cover .bg-image { - visibility: hidden; } - -@keyframes stretch { - 0% { - clip: rect(0 100vw 100vh 0); } - 100% { - clip: rect(0 100vw 100vh 100vw); } } - -@keyframes kenburns--cover { - 0% { - transform: scale(1); } - 100% { - left: 15%; - top: -17%; - transform: scale(1.5); } } - -.footer__cta { - background: #ffffff; - padding: 2rem !important; - flex-grow: 1; } - .footer__cta h4, - .footer__cta p, - .footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .footer__cta h3 { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .footer__cta { - padding: 3rem !important; } } - .theme--primary-dark.footer__cta { - background: #7d7d96; } - .theme--primary-dark.footer__cta h4, - .theme--primary-dark.footer__cta p, - .theme--primary-dark.footer__cta .off-canvas footer.footer .footer-feature h3, - .off-canvas footer.footer .footer-feature .theme--primary-dark.footer__cta h3 { - color: #ffffff !important; } - -.footer__cta__wrapper { - padding: 2rem 0; } - @media print, screen and (min-width: 64em) { - .footer__cta__wrapper { - padding: 6rem 0 12rem 0; } } - -.footer__navigation { - font-size: 80%; - margin: auto 0 0 0; - padding: 2rem 0; - border-top: 2px solid #b2b2b2; - color: #8a8a8a; } - -/* -Inline Quotes - -Inline quotes are used to reinforce a quote within the body copy. They have less emphasis than a full viewport standalone quote and can be used more frequently when necessary. - -Markup: inline-quote.html.twig - -Styleguide COMPONENTS.inline-quote - -*/ -.inline-quote q { - font-size: 1.125rem; - line-height: 30px; - position: relative; } - .inline-quote q:before { - position: absolute; - display: inline-block; - left: -1.25rem; - top: 0; - width: 1rem; - padding: 0; } - -.inline-quote cite { - font-size: 1.125rem; - line-height: 30px; - margin-top: 1em; } - -/* -Modals - -Modal dialogs, or pop-up windows, are handy for displaying content as needed on click. - -Markup: modal-demo.html.twig - -Styleguide COMPONENTS.modal - -*/ -.modal, .reveal { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - color: #ffffff; - height: 100vh; - max-height: 100vh; - width: 100vw; - max-width: 100vw; } - .modal:focus, - .reveal:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .full-screen.modal, - .full-screen.reveal { - padding: 0; } - -.menu--footer { - text-align: center; - display: flex; - justify-content: center; - margin-top: .25rem !important; } - @media print, screen and (min-width: 40em) { - .menu--footer { - text-align: left; - justify-content: start; } } - .menu--footer a { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif !important; - color: #8a8a8a; - padding: 0 !important; - margin: 0 1rem; } - @media print, screen and (min-width: 40em) { - .menu--footer a { - margin: 0 4rem 0 0; } } - -nav#mobile_nav { - color: #ffffff; - padding: 1rem; - border-bottom: 2px solid rgba(255, 255, 255, 0.25); } - nav#mobile_nav h3 { - font-family: "freight-display-pro", sans; - font-weight: bold; - font-size: 2rem; - margin-left: 1rem; } - nav#mobile_nav .menu--mobile li { - position: relative; } - nav#mobile_nav .menu--mobile li::after { - content: ''; - position: absolute; - bottom: 0; - left: 0; - width: calc(100% - 2rem); - margin: 0 1rem; - height: 1px; - background-color: rgba(255, 255, 255, 0.25); } - nav#mobile_nav .menu--mobile li:last-of-type::after, nav#mobile_nav .menu--mobile li.active_item::after { - display: none; } - nav#mobile_nav .menu--mobile li.active_item a { - background-color: #7d7d96; } - nav#mobile_nav .menu--mobile a { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - display: flex; - font-size: 1.5rem; - font-weight: bold; - padding: 1rem; - color: #ffffff; } - nav#mobile_nav .menu--mobile a:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - nav#mobile_nav .menu--mobile .menu--mobile__numeral { - display: inline-block; - flex-basis: 3rem; - opacity: .5; } - nav#mobile_nav .menu--mobile .menu--mobile__title { - font-style: italic; - flex-basis: calc(100% - 3rem); } - -.off-canvas { - padding-top: 4rem; } - .off-canvas .footer__cta__wrapper { - display: none; } - .off-canvas .off-canvas__buttons .button, - .off-canvas .off-canvas__buttons .cta__button, - .off-canvas .off-canvas__buttons .cta__button--alt, .off-canvas .off-canvas__buttons .modal__open-button, .off-canvas .off-canvas__buttons .transcript .transcript__toggle, .transcript .off-canvas .off-canvas__buttons .transcript__toggle, .off-canvas .off-canvas__buttons .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .off-canvas .off-canvas__buttons .slide--in-depth__intro__button, - .off-canvas .off-canvas__buttons button { - background: #ffffff; - color: #0a0a0a; } - .off-canvas .cover_page .underlay .underlay_contents h1.headline, .off-canvas .cover_page .underlay .underlay_contents .owl-carousel .slide--in-depth__intro .headline.slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro .off-canvas .cover_page .underlay .underlay_contents .headline.slide--in-depth__intro__title, .off-canvas .cover_page .underlay .underlay_contents .in-depth .headline.in-depth__title, .in-depth .off-canvas .cover_page .underlay .underlay_contents .headline.in-depth__title { - color: #fff; } - -.audio-with-transcript audio { - margin-bottom: 1rem; } - -/* - -Picture - -A responsive picture element with srcset - -Markup: picture.html.twig - -Styleguide athing.anotherthign - -*/ -.picture picture { - display: inline-block; - width: 100%; - height: auto; } - -.picture img { - display: block; - width: 100%; - height: auto; } - -.sharing-icons .icon { - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: .25; } - .sharing-icons .icon:hover { - opacity: 1; } - -.horizontal-image-slider .sharing-icons { - margin-top: 2rem; } - .horizontal-image-slider .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; - opacity: 1; } - -.owl-item figcaption { - color: #ffffff; } - -.owl-carousel .slide--in-depth__intro { - display: flex; - flex-flow: column; - justify-content: center; - min-height: 100vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro { - justify-content: flex-end; - min-height: calc(100vh - 4rem); - position: relative; - width: 100vw; - height: 100vh; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - position: relative; - left: 2rem; - height: calc(100% - 4rem); - width: calc(100% - 4rem); - display: flex; - align-items: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image { - margin: 0; - position: absolute; - top: 4rem; - left: 0; - height: calc(100% - 4rem); - width: 100%; - display: flex; - justify-content: center; - align-items: center; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-property: transform, top, right, left, height, width, background-color, opacity, z-index; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - transform: translateX(-100%); - position: absolute; - top: calc(50% - 1.65rem); - right: calc(6rem + 3px); - left: auto; - height: 1px; - width: 100%; - background: #0a0a0a; - content: ""; - opacity: .5; - z-index: 1; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100%; - margin-bottom: 20vh; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: auto; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - width: 100% !important; - position: relative; - overflow: hidden; - margin-bottom: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(255, 255, 255, 0.75)); - position: absolute; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - content: ""; - z-index: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - border-radius: 1000rem; - overflow: hidden; - max-height: inherit; - height: 60vh; - width: 60vh !important; - position: relative; - transition-property: height, max-height, width, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transform: translate(-15%, 0) scale(0.7); } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture { - height: 80vh; - width: 80vh !important; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img { - width: 100% !important; - max-height: 100% !important; - border-radius: 1000rem; - overflow: hidden; - height: auto; } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 2rem; - margin-bottom: 1rem; - transition-property: color, margin, top, left, right, bottom, transform; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .5s; - font-family: "freight-display-pro", sans !important; - font-weight: bold; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 3rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - font-size: 4rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 4rem; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - transition-property: opacity, top, left, right, bottom, margin, transform, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: .5s; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button { - margin: 0 40% 0 auto; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - color: #0a0a0a; - position: relative; - top: -2rem; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - top: 0; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text { - font-size: 125%; - line-height: 1.2; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - height: 100%; - width: 100%; - display: flex; - flex-flow: column; - justify-content: center; - align-items: center; - z-index: 1; } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content { - padding: 0 2rem; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content > .cell, .owl-carousel .slide--in-depth__intro .video--embed.boxed.slide--in-depth__intro__content > .video--embed__wrapper { - position: relative; - display: flex; - flex-flow: row; } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: initial; - margin: 0 2rem; - transition-property: transform, opacity, bottom; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 45%; } } - @media screen and (min-width: 75em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - width: 30%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0 0 3rem auto; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 10vh 10vw 3rem auto; } } - @media screen and (max-width: 39.9375em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - text-align: center; - margin: 2rem 0 0 0; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 1rem); - display: flex; - flex-flow: column; - bottom: calc(50% - 5px); } } - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - transition-property: transform, opacity, top, right, margin-top, width, opacity, visibility; - transition-duration: .25s; - transition-timing-function: ease-in-out; - transition-delay: 0s; - visibility: hidden; - opacity: 0; - height: 0; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - position: absolute; - top: calc(50% + 5px); - right: 0; - margin-top: 3rem; - width: 100%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - margin-top: 5rem; - width: 40%; } } - @media screen and (min-width: 90em) { - .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - right: 5rem; } } - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: absolute; - top: 5rem; - left: 1rem; - margin-top: 0; } - .owl-carousel .slide--in-depth__intro .sharing-icons .icon { - border-color: #0a0a0a; - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .slide--in-depth__intro .sharing-icons { - position: initial; - margin-top: 2rem; } } - .owl-carousel .slide--in-depth__intro .slide__icon--next { - margin-top: 2rem; - text-align: center; - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next:before { - display: none; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg { - transform: rotate(90deg); } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg * { - stroke: #0a0a0a; - fill: #0a0a0a; - color: #0a0a0a; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Oval-5-Copy { - stroke: transparent !important; } - .owl-carousel .slide--in-depth__intro .slide__icon--next svg #Path-2-Copy-2 { - fill: transparent !important; } - .owl-carousel .slide--in-depth__intro .caption { - margin: 0 !important; } - .owl-carousel .slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro, .owl-carousel .open .slide--in-depth__intro { - justify-content: flex-start; - min-height: auto; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__button { - transition-delay: 0s; - visibility: hidden; - opacity: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: inherit; - transition-delay: 0s; } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - margin-bottom: 0; } } - @media print, screen and (min-width: 40em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.25); } } - @media print, screen and (min-width: 64em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-40vw, -10vw) scale(1.25); } } - @media screen and (min-width: 75em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-32.5vw, -10vw) scale(1.5); } } - @media screen and (min-width: 90em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__title { - transform: translate(-25vw, -10vw) scale(1.5); } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide__icon--next, .owl-carousel .open .slide--in-depth__intro .slide__icon--next { - display: block; } } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image { - top: 0; - left: 0; - width: auto; - margin: -2rem -2rem -5rem -2rem; - position: relative; - z-index: -1; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #ffffff); - position: absolute; - z-index: 1; - bottom: 0; - left: 0; - width: 100%; - height: 15rem; - content: ""; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image img, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image img { - border-radius: 0; } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - margin-bottom: 0; - border-radius: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image:before { - transition-delay: .5s !important; - transform: translateX(0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image picture, .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__image .picture { - transform: translate(0, 0); } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - transition-delay: 0s; - transform: translate(0, 0); - text-align: left; } - @media screen and (max-width: 39.9375em) { - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--top { - margin: 0; } } - .open .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--bottom, .owl-carousel .open .slide--in-depth__intro .slide--in-depth__intro__content--bottom { - height: auto; - transition-delay: .5s; - visibility: visible; - opacity: 1; } - .triggered .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__content--top, .owl-carousel .triggered .slide--in-depth__intro .slide--in-depth__intro__content--top { - transform: translate(0, 0); - opacity: 1; } - .theme--dark .owl-carousel .slide--in-depth__intro .in-depth__title, .owl-carousel .theme--dark .slide--in-depth__intro .in-depth__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__title, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__text, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__text, .owl-carousel .theme--dark.slide--in-depth__intro .in-depth__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__title, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__text { - color: #ffffff; } - @media screen and (max-width: 39.9375em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: linear-gradient(0.5turn, transparent, #0a0a0a); } } - @media print, screen and (min-width: 40em) { - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image:before, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image:before { - background: #ffffff; } } - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image picture:after, .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .theme--dark .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, - .owl-carousel .theme--dark .slide--in-depth__intro .slide--in-depth__intro__image .picture:after, .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image picture:after, - .owl-carousel .theme--dark.slide--in-depth__intro .slide--in-depth__intro__image .picture:after { - background: linear-gradient(0.375turn, transparent, rgba(10, 10, 10, 0.75)); } - .theme--dark .owl-carousel .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark .slide--in-depth__intro .caption figcaption, .owl-carousel .theme--dark.slide--in-depth__intro .caption figcaption { - background: #e6e6e6; - color: #0a0a0a; } - .theme--dark .owl-carousel .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark .slide--in-depth__intro .sharing-icons .icon, .owl-carousel .theme--dark.slide--in-depth__intro .sharing-icons .icon { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .owl-carousel .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark .slide--in-depth__intro .slide__icon--next svg *, .owl-carousel .theme--dark.slide--in-depth__intro .slide__icon--next svg * { - stroke: #ffffff; - fill: #ffffff; - color: #ffffff; } - -/* -Standalone Quote - -Standalone quotes are used to reinforce a theme or are from a notable source. They should act as a breather moment in the design and help establish the tone. - -Markup: standalone-quote.html.twig - -.size--large - Large type variant - -Styleguide COMPONENTS.standalone-quote - -*/ -.standalone-quote { - margin: 2rem; - position: relative; - max-width: 75rem; - margin: auto; } - .standalone-quote q { - font-size: 1.875rem; - line-height: 40px; - color: #7d7d96; - display: block; - font-family: "freight-display-pro", sans; - margin: 3rem 0; - line-height: 1.125em; } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .standalone-quote q { - line-height: 70px; } } - .standalone-quote q p, .standalone-quote q .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .standalone-quote q h3 { - line-height: 1.125em; } - .standalone-quote q h2 { - font-size: 2.8125rem; - line-height: 50px 90px; } - @media print, screen and (min-width: 40em) { - .standalone-quote q h2 { - font-size: 5.3125rem; } } - .standalone-quote q:before, .standalone-quote q:after { - display: none; } - .standalone-quote cite { - font-size: 1.125rem; - color: #0a0a0a; } - .standalone-quote .standalone-quote__social-links > .sharing-icons { - margin: 1rem 0 0 0; - justify-content: center; } - .size--large.standalone-quote q { - font-size: 2.8125rem; - line-height: 50px; } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - font-size: 5.3125rem; } } - @media print, screen and (min-width: 40em) { - .size--large.standalone-quote q { - line-height: 90px; } } - .theme--primary-dark .standalone-quote q, - .theme--primary-dark .standalone-quote cite { - color: #ffffff; } - -.top-bar__wrapper { - z-index: 999; - position: fixed; - top: 0; - width: 100%; - transform: translate3d(0, 0, 0); } - -.top-bar { - transform: translate3d(0, 0, 0); - padding: 1rem 1.5rem; - width: 100%; - transition-property: background-color; - transition-duration: .325s; - transition-timing-function: ease-in-out; - font-family: "freight-text-pro", serif; - background-color: #ffffff; - display: flex; - flex-flow: row nowrap; } - @media print, screen and (min-width: 40em) { - .top-bar { - padding: 1rem; } } - .top-bar .top-bar-left, - .top-bar .top-bar-right { - flex-basis: auto; } - .top-bar svg polygon, - .top-bar svg path { - fill: #0a0a0a !important; } - .top-bar .menu-text { - padding: 0; } - .top-bar ul { - background-color: transparent; } - .top-bar button { - transition-property: color, background-color; - transition-duration: .325s, .325s; - transition-timing-function: ease-in-out, ease-in-out; } - .top-bar .tagline { - transition-property: color; - transition-timing-function: .325s; - transition-timing-function: ease-in-out; } - .top-bar .button-group { - margin-bottom: 0; } - .top-bar .button, - .top-bar .cta__button, - .top-bar .cta__button--alt, .top-bar .modal__open-button, .top-bar .transcript .transcript__toggle, .transcript .top-bar .transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .slide--in-depth__intro__button { - margin-bottom: 0; - background: #0a0a0a; - color: #ffffff; } - .top-bar .button.hollow, - .top-bar .hollow.cta__button, - .top-bar .hollow.cta__button--alt, .top-bar .hollow.modal__open-button, .top-bar .transcript .hollow.transcript__toggle, .transcript .top-bar .hollow.transcript__toggle, .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .top-bar .hollow.slide--in-depth__intro__button { - color: #0a0a0a; - background: transparent; - border: 2px solid #0a0a0a; } - .invert.top-bar, - .off-canvas-opened .top-bar { - background-color: transparent; } - .invert.top-bar *, - .off-canvas-opened .top-bar * { - color: #ffffff; - background-color: transparent; } - .invert.top-bar .button, - .invert.top-bar .cta__button, - .invert.top-bar .cta__button--alt, .invert.top-bar .modal__open-button, .invert.top-bar .transcript .transcript__toggle, .transcript .invert.top-bar .transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button, - .off-canvas-opened .top-bar .cta__button, - .off-canvas-opened .top-bar .cta__button--alt, - .off-canvas-opened .top-bar .modal__open-button, - .off-canvas-opened .top-bar .transcript .transcript__toggle, - .transcript .off-canvas-opened .top-bar .transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .slide--in-depth__intro__button { - background: #ffffff; - color: #0a0a0a; } - .invert.top-bar .button.hollow, - .invert.top-bar .hollow.cta__button, - .invert.top-bar .hollow.cta__button--alt, .invert.top-bar .hollow.modal__open-button, .invert.top-bar .transcript .hollow.transcript__toggle, .transcript .invert.top-bar .hollow.transcript__toggle, .invert.top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, .owl-carousel .slide--in-depth__intro .invert.top-bar .hollow.slide--in-depth__intro__button, - .off-canvas-opened .top-bar .button.hollow, - .off-canvas-opened .top-bar .hollow.cta__button, - .off-canvas-opened .top-bar .hollow.cta__button--alt, - .off-canvas-opened .top-bar .hollow.modal__open-button, - .off-canvas-opened .top-bar .transcript .hollow.transcript__toggle, - .transcript .off-canvas-opened .top-bar .hollow.transcript__toggle, - .off-canvas-opened .top-bar .owl-carousel .slide--in-depth__intro .hollow.slide--in-depth__intro__button, - .owl-carousel .slide--in-depth__intro .off-canvas-opened .top-bar .hollow.slide--in-depth__intro__button { - background: transparent; - border: 2px solid #ffffff; } - .invert.top-bar svg polygon, - .invert.top-bar svg path, - .off-canvas-opened .top-bar svg polygon, - .off-canvas-opened .top-bar svg path { - fill: #ffffff !important; } - - .off-canvas-opened .top-bar { - background-color: #0a0a0a; } - -/* -Ambient Video - -Fullscreen html5 video playing in the background - -Markup: AmbientVideo.html.twig - -Styleguide COMPONENTS.AmbientVideo - -*/ -.ambient_video .caption figcaption { - background: #282828; } - -@media print, screen and (min-width: 40em) { - .ambient_video { - min-height: 100vh; - min-width: 100vw; - position: relative; - overflow: hidden; - background-color: black; } } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - min-height: auto !important; } } - -@media print, screen and (min-width: 40em) { - .ambient_video::before { - content: ""; - position: absolute; - top: 0; - left: 0; - min-height: 100vh; - min-width: 100vw; - z-index: 2; - background: linear-gradient(90deg, rgba(10, 10, 10, 0) 0, rgba(10, 10, 10, 0.75) 30%, #0a0a0a 95%); } } - -.ambient_video .video_element { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .video_element { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .ambient_video .video_element.stopfade { - opacity: 0.5; } - -.ambient_video .cell, .ambient_video .video--embed.boxed > .video--embed__wrapper { - z-index: 2; - color: #fff; } - .ambient_video .cell p, .ambient_video .video--embed.boxed > .video--embed__wrapper p, .ambient_video .cell .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .cell h3, .ambient_video .video--embed.boxed > .video--embed__wrapper .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .ambient_video .video--embed.boxed > .video--embed__wrapper h3 { - color: #fff !important; } - -@media print, screen and (min-width: 40em) { - .ambient_video .centerv { - position: absolute; - top: 50%; - transform: translateY(-50%); - max-width: 32rem; } } - -.ambient_video .plyr--video { - opacity: 0; - transition-property: opacity; - transition-duration: 0.25s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 40em) { - .ambient_video .plyr--video { - backface-visibility: hidden; - transform: translateZ(0); - perspective: 1000; - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.ambient_video .text_content { - position: relative; - top: 5em; - z-index: 5; - color: #fff; - opacity: 0; - transition-property: top, opacity; - transition-duration: 1s; - transition-delay: 0.75s; - transition-timing-function: ease-out; } - -.triggered .ambient_video { - display: block; - opacity: 1em; } - .triggered .ambient_video .video_element, - .triggered .ambient_video .plyr--video, - .triggered .ambient_video .plyr--audio { - opacity: 1 !important; } - .triggered .ambient_video .text_content { - top: 0; - opacity: 1; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .video_element { - width: 100%; - padding-top: 6rem; - padding-right: 2rem; - padding-left: 2rem; } } - -.ambient_video .video_element .plyr__controls, -.ambient_video .video_element .plyr__control { - display: none; - opacity: 0; } - .ambient_video .video_element .plyr__controls > *, - .ambient_video .video_element .plyr__control > * { - pointer-events: none; - cursor: auto; } - -@media screen and (max-width: 39.9375em) { - .ambient_video .grid-x, .ambient_video .video--embed.boxed { - padding-top: 2rem !important; } } - -/* - -Video Embed - -Ten col, 'full width' video - -Markup: video--embed.html.twig - -*/ -.plyr { - max-height: 100vh; } - -.plyr__control path { - fill: #ffffff; } - -.plyr__controls { - background: transparent !important; } - -.plyr__control:hover { - background-color: #fff !important; } - .plyr__control:hover svg { - fill: #0a0a0a !important; } - -.plyr__control--overlaid { - background: #7d7d96; - padding: 1rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid { - padding: 1.5rem; } } - .plyr__control--overlaid:focus { - background: #7d7d96; } - .plyr__control--overlaid svg { - transition-property: background-color; - transition-duration: .25s; - transition-timing-function: ease-in-out; - width: 1.25rem; - height: 1.25rem; } - @media print, screen and (min-width: 40em) { - .plyr__control--overlaid svg { - width: 1.5rem; - height: 1.5rem; - left: 5px; - top: 2px; } } - -.video--embed { - position: relative; } - @media print, screen and (min-width: 40em) { - .video--embed { - height: 100vh; - overflow: hidden; - background-size: cover; } } - .video--embed .plyr--full-ui input[type=range] { - height: 0.25rem; - color: #fff !important; } - .video--embed .plyr--full-ui input[type=range] .plyr__progress__buffer { - box-shadow: none; } - .video--embed .plyr-video { - max-height: 100vh; } - .video--embed .plyr--video .plyr__controls { - position: fixed; - padding-left: 16.6667%; - padding-right: 16.6667%; - height: 3em; - width: 100%; - bottom: 0; - visibility: hidden; - background: linear-gradient(rgba(10, 10, 10, 0), rgba(10, 10, 10, 0.5)) !important; } - .triggered .video--embed .plyr--video .plyr__controls { - visibility: visible; - opacity: 1; - bottom: 0; - padding-bottom: 2rem; - top: auto; } - .video--embed .plyr__video-wrapper { - background: #ffffff; - height: 100vh; } - .video--embed .plyr__video-wrapper .icon--not-pressed path { - fill: #0a0a0a !important; } - .video--embed .plyr__video-wrapper iframe { - max-height: 100vh; } - @media print, screen and (min-width: 40em) { - .video--embed .plyr__video-wrapper iframe { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - .video--embed.theme--dark .plyr__video-wrapper { - background: #0a0a0a; } - .video--embed.theme--dark .plyr__video-wrapper .icon--not-pressed path { - fill: #ffffff; } - .video--embed .plyr__poster { - max-height: 100vh; } - @supports (object-fit: cover) { - .video--embed .plyr__poster { - background-size: cover; } } - .video--embed.boxed { - position: relative; } - .video--embed.boxed > .video--embed__wrapper { - position: relative; } - .video--embed.boxed .plyr__video-wrapper { - height: 100%; } - .video--embed.boxed .plyr--video .plyr__controls { - position: absolute; } - -@supports (object-fit: cover) { - .video--embed.file .plyr__poster, - .video--embed.file .plyr--video .plyr--video, - .video--embed.file .plyr--video video { - position: absolute; - top: 0; - left: 0; - z-index: 1; - width: 100%; - height: 100%; - background-size: cover !important; - transform-origin: center center; - object-fit: cover; } } - -.video-overlay { - display: none; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; } - @media print, screen and (min-width: 40em) { - .video-overlay { - background: rgba(10, 10, 10, 0.25); - transition-property: opacity, z-index; - transition-duration: .25s, 0s; - transition-timing-function: ease-in-out, ease-in-out; - transition-delay: 0s, 5s; - opacity: 1; - display: block; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; - text-align: center; - color: #ffffff; } - .video-overlay__title { - margin-top: 15rem; } - .video-overlay__text { - font-size: 1rem; - max-width: 55rem; - margin-left: auto; - margin-right: auto; } - .video-overlay .plyr__control--overlaid { - top: 50% !important; - padding: 1.75rem; } - .video-overlay .plyr__control--overlaid svg { - left: 5px; - top: 2px; } - .playing .video-overlay { - opacity: 0; - z-index: -1; } } - .video-overlay .caption { - display: inline-block; - margin: 0; } - .video-overlay .caption figcaption { - position: absolute; - bottom: 5rem; - left: 25%; - right: 25%; - background: rgba(10, 10, 10, 0.5); - padding: 1rem; - color: #ffffff; } - .video-overlay .toggle-caption { - transform: translateY(-0.125rem); - border-color: #ffffff; - color: #ffffff; } - .video-overlay .toggle-caption:hover { - border-color: #ffffff; - color: #ffffff; } - -.zoom-caption .zoom-button-wrapper { - position: relative; - z-index: 2; - top: -20px; - left: -20px; } - -.zoom-caption .inline-caption-button { - background-color: #ffffff; - color: #0a0a0a; - font-size: 1.6em; - padding: 6px; - border-radius: 100px; - font-weight: 600; - line-height: 26px; - cursor: pointer; - height: 40px; - width: 40px; - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); - animation: border-pulsate 4s ease-out infinite; - transition-property: transform; - transition-duration: 0.2s; - transition-timing-function: ease-in; } - -@keyframes border-pulsate { - 0% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } - 25% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 50% { - box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } - 75% { - box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5); } - 100% { - box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.5); } } - .zoom-caption .inline-caption-button.close { - transform: rotate(45deg); } - -.zoom-caption .inline-caption-content { - opacity: 0; - display: none; - transition-property: opacity; - transition-duration: 0.4s; - transition-timing-function: ease-in; } - .zoom-caption .inline-caption-content.show { - display: block; - opacity: 1; } - -.zoom-caption .inline-caption-heading { - font-size: 1.125rem; - line-height: 30px; - margin-bottom: 1rem; - display: block; } - -.zoom-caption .inline-caption-text { - font-size: 0.75rem; - line-height: 16px; } - -.zoomable { - position: relative; - overflow: hidden; - pointer-events: none; } - -.zoomableInPlace { - position: absolute; } - -.zoomable > .zoomed { - transition-property: opacity; - transition-duration: 0.5s; - opacity: 0 !important; - position: absolute !important; - top: auto; - left: auto; - right: auto; - bottom: auto; - margin: 0 !important; - pointer-events: none !important; - max-height: none !important; - max-width: none !important; - background: #fff !important; } - -.zoomable.active > .zoomed { - opacity: 1 !important; - transition-property: opacity; - transition-duration: 0.5s; } - -section.triggered .scroll-finder { - z-index: 99999; - opacity: 1; - bottom: 20px; } - -.zoom-image--fullbleed { - display: none; - width: 100vw; - height: 100vh; - background-color: #000; - align-items: center; - padding-top: 90px; - /* .caption { - margin-bottom: 0; - - figcaption { - @include responsive(max-width, calc(100% - 2rem), 500px); - position: absolute; - z-index: 50; - bottom: 3rem; - right: 1rem; - } - } - - .caption__brief { - position: absolute; - bottom: 1rem; - right: 1rem; - z-index: 50; - } - - .toggle-caption, - .toggle-caption:hover { - color: $white; - border-color: $white; - }*/ } - @media print, screen and (min-width: 64em) { - .zoom-image--fullbleed { - display: flex; } } - -.scroll-finder { - transition-property: opacity, bottom; - transition-duration: 1.3s, 0.75s; - transition-timing-function: ease, ease; - opacity: 0; - height: auto; - width: 160px; - position: fixed; - bottom: -160px; - left: 65px; - overflow: hidden; } - -.finder-box { - height: 50px; - width: 80px; - border: solid #ffffff 2px; - position: absolute; } - -.inline-image-zoom-wrapper { - position: relative; } - .inline-image-zoom-wrapper .zoom-caption { - position: absolute; } - .inline-image-zoom-wrapper .zoom-caption .inline-caption-content { - z-index: 100; - position: relative; - top: -39px; - width: 330px; - background-color: rgba(255, 255, 255, 0.8); - padding: 2rem; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); } - .inline-image-zoom-wrapper .caption figcaption { - position: absolute; - width: 100%; } - -.frame > .zoom-image--inline .caption { - position: absolute; - bottom: 2rem; - right: 1.7rem; - margin-bottom: 0; } - -.frame > .zoom-image--inline figcaption { - max-width: calc(100% - 2rem); - position: absolute; - z-index: 50; - max-width: auto; - width: 500px !important; - bottom: 3rem; - right: 1.7rem; } - @media print, screen and (min-width: 40em) { - .frame > .zoom-image--inline figcaption { - max-width: 500px; } } - -.zoom-image--inline--mobile.owl-carousel { - position: relative; - width: 100vw; - height: auto !important; - padding-bottom: 30px; - color: #0a0a0a; - background: transparent; } - @media print, screen and (min-width: 40em) { - .zoom-image--inline--mobile.owl-carousel { - display: none; } } - .zoom-image--inline--mobile.owl-carousel h2 { - margin-top: 20px; - font-size: 1.1em; } - .zoom-image--inline--mobile.owl-carousel .zoom-image-mobile-text { - margin: 0 40px; } - .zoom-image--inline--mobile.owl-carousel .owl-nav { - display: block; - position: absolute; - width: 100%; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button { - background-image: url("../assets/images/right-arrow.svg") !important; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-prev { - left: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-nav button.owl-next { - right: -0.5rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots { - position: static; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot { - margin: 0 .2rem; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot.active span { - background-color: #0a0a0a; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot:before { - content: ''; } - .zoom-image--inline--mobile.owl-carousel .owl-dots button.owl-dot span { - display: inline-block !important; - height: 8.5px; - width: 8.5px; } - -.timeline { - margin: 70px 35px 20px 30px; } - @media print, screen and (min-width: 40em) { - .timeline { - margin-left: 80px; } } - @media print, screen and (min-width: 64em) { - .timeline { - margin-left: 90px; } } - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - transition-property: opacity; - transition-duration: 0.5s; - transition-timing-function: linear; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title, - .timeline .timeline-item-subtitle, - .timeline .timeline-item-description, - .timeline .timeline-images { - opacity: 0; } } - .timeline .timeline--year.active .timeline-item-title, - .timeline .timeline--year.active .timeline-item-subtitle, - .timeline .timeline--year.active .timeline-item-description, - .timeline .timeline--year.active .timeline-images { - opacity: 1; } - .timeline .timeline--year { - border-left: 1px solid #ffffff; - padding-top: 80px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline--year { - border-left: none; - display: flex; - padding-top: 0; } } - .timeline .timeline--year:first-of-type { - padding-top: 36px; } - .timeline .timeline-title { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - padding-bottom: 70px; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-title { - visibility: hidden; - position: fixed; - top: 64px; - width: 100vw; - text-align: center; - z-index: 1; - left: 0; - padding-top: 40px; - padding-bottom: 40px; } } - .timeline > h4 { - text-align: center; } - @media print, screen and (min-width: 64em) { - .timeline > h4 { - margin-top: 100px; - margin-right: 85px; } } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-images { - display: inline-block; - width: 30%; - margin-left: 65px; } } - .timeline .timeline-item-image { - padding-bottom: 10px; - padding-left: 30px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-image { - padding-left: 0; } - .timeline .timeline-item-image:first-of-type { - margin-top: 60px; } } - .timeline .timeline-item-image .caption__brief { - padding-top: 5px; } - .theme--dark .timeline .timeline-item-text { - color: white; } - .timeline .timeline-item-text { - padding-left: 30px; - color: white; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - display: inline-block; - width: 60%; - vertical-align: top; - padding-left: 10%; - padding-bottom: 80px; - margin-left: 12%; - border-left: none; - position: relative; } } - .timeline .timeline-item-title { - font-size: 3.75rem; - font-family: "freight-text-pro", serif; - line-height: 1; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title { - font-size: 10rem; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title { - margin-top: -35px; } } - .timeline .timeline-item-title.smaller-text { - font-size: 5.50em; - line-height: 1.1; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title.smaller-text { - margin-top: 5px; } } - .timeline .timeline-item-title::before { - content: ''; - display: inline-block; - width: 15px; - height: 15px; - -moz-border-radius: 7.5px; - -webkit-border-radius: 7.5px; - border-radius: 7.5px; - background-color: #ffffff; - position: absolute; - left: 23px; } - @media print, screen and (min-width: 40em) { - .timeline .timeline-item-title::before { - left: 73px; } } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-title::before { - height: 0; - width: 0; - margin-top: 0; } } - - .timeline .timeline-item-subtitle { - font-family: "freight-display-pro", sans; - font-size: 1.8em; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-subtitle { - width: 80%; } } - - .timeline .timeline-item-description { - font-size: 1.2em; - padding-bottom: 1em; - margin-bottom: 0; } - @media print, screen and (min-width: 64em) { - - .timeline .timeline-item-description { - width: 80%; } } - .timeline .timeline-year { - color: #ffffff; - position: absolute; - font-size: 1.5em; - left: -65px; - top: 43px; } - .timeline .timespan-scroller-inner, - .timeline .timespan-scroller-pos { - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller { - visibility: hidden; - height: 500px; - width: 200px; - position: fixed; - top: 215px; - left: 40vw; - color: white; - overflow: hidden; - transition-property: top, height, opacity; - transition-duration: 0.5s; - transition-timing-function: ease-out; - opacity: 0; } } - @media print, screen and (min-width: 64em) { - .timeline .timespan-scroller-inner { - z-index: 0; - background-color: white; - width: 1px; - margin: auto; - position: relative; } } - @media print, screen and (min-width: 64em) { - .timeline .span-year { - display: block; - padding-bottom: 250px; - margin-left: -55px; - font-size: 1.25em; } } - - .timeline .timespan-scroller-pos { - width: 3px; - min-height: 10px; - background: white; - position: absolute; - margin-left: -1px; } - @media print, screen and (min-width: 64em) { - .timeline .timeline-item-text { - border-left: 0; } - .timeline .timeline-item-text .timeline-year { - display: none; } - .timeline .timeline-item-text:before { - width: 0; - height: 0; } } - -@media print, screen and (min-width: 64em) { - .timeline.year-span { - margin: 220px 35px 20px 30px; } } - -.timeline.year-span .timeline-item-title { - font-family: "freight-text-pro", serif; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span > div:first-of-type { - margin-top: 50px; } } - -.timeline.no-year-span .timespan-scroller-pos { - min-height: 15px; - width: 15px; - border-radius: 15px; - margin-left: -7px; - margin-top: -5px; } - -@media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-text { - border-left: 1px solid #ffffff; } } - -.timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 50px; } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title.smaller-text::before { - margin-top: 0; } } - -.timeline.no-year-span .timeline-item-title::before { - margin-top: 28px; } - @media print, screen and (min-width: 40em) { - .timeline.no-year-span .timeline-item-title::before { - margin-top: 90px; } } - @media print, screen and (min-width: 64em) { - .timeline.no-year-span .timeline-item-title::before { - width: 15px; - height: 15px; - top: 58px; - left: -8px; - margin-top: 0; } } - -.theme--primary .timeline .timeline--year { - border-left-color: #7d7d96; } - -@media print, screen and (min-width: 64em) { - .theme--primary .timeline .timeline-item-text { - border-left-color: #7d7d96; } } - -.theme--primary .timeline .timeline-item-title::before { - background-color: #7d7d96; } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline .timespan-scroller { - visibility: visible; - opacity: 1; } } - -@media print, screen and (min-width: 64em) { - .inViewport .timeline h2 { - visibility: visible; } } - -.stackla-widget .stackla-poweredByStackla { - display: none; } - -.stacklapopup-content .stacklapopup-poweredByStackla { - display: none; } - -/* Import from BeerSlider library */ -.beer-slider { - display: inline-block; - overflow: hidden; - position: relative; } - -.beer-slider *, .beer-slider:after, .beer-slider :after, .beer-slider:before, .beer-slider :before { - box-sizing: border-box; } - -.beer-slider img, .beer-slider svg { - vertical-align: bottom; } - -.beer-slider > * { - height: 100%; } - -.beer-slider > img { - height: auto; - max-width: 100%; } - -.beer-reveal { - left: 0; - opacity: 0; - overflow: hidden; - position: absolute; - right: 50%; - top: 0; - transition-property: opacity; - transition-duration: .35s; - z-index: 1; } - .beer-reveal.pre-load { - width: 100% !important; } - -.beer-reveal > :first-child { - height: 100%; - max-width: none; - width: 200%; } - -.beer-reveal > img:first-child { - height: auto; } - -.beer-range { - -moz-appearance: none; - -ms-touch-action: auto; - -webkit-appearance: slider-horizontal !important; - bottom: 0; - cursor: pointer; - height: 100% !important; - left: -1px; - margin: 0; - opacity: 0; - position: absolute; - top: 0; - touch-action: auto; - width: calc(100% + 2px); - z-index: 2; } - -.beer-range::-webkit-slider-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-moz-range-thumb { - -webkit-appearance: none; - height: 300vh; } - -.beer-range::-ms-tooltip { - display: none; } - -.beer-handle { - background: #fff; - border-radius: 50%; - box-shadow: 0 0 6px transparent; - color: #777; - height: 48px; - left: 50%; - opacity: 0; - pointer-events: none; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); - transition-property: background, box-shadow, opacity; - transition-duration: .3s, .3s, .5s; - transition-delay: 0s, 0s, .25s; - width: 48px; - z-index: 2; } - -.beer-handle:after, .beer-handle:before { - border-left: 2px solid; - border-top: 2px solid; - content: ""; - height: 10px; - position: absolute; - top: 50%; - transform-origin: 0 0; - width: 10px; } - -.beer-handle:before { - left: 10px; - transform: rotate(-45deg); } - -.beer-handle:after { - right: 0; - transform: rotate(135deg); } - -.beer-range:focus ~ .beer-handle { - background: rgba(255, 255, 255, 0.85); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } - -.beer-reveal[data-beer-label]:after, .beer-slider[data-beer-label]:after { - background: rgba(255, 255, 255, 0.75); - border-radius: .125rem; - content: attr(data-beer-label); - line-height: 1; - padding: .5rem; - position: absolute; - top: 1.5rem; } - -.beer-slider[data-beer-label]:after { - right: 1.5rem; } - -.beer-reveal[data-beer-label]:after { - left: 1.5rem; } - -.beer-reveal[data-beer-label=""]:after, .beer-slider[data-beer-label=""]:after { - content: none; } - -.beer-ready .beer-handle, .beer-ready .beer-reveal { - opacity: 1; } - -.frame > .beer-slider { - width: 100%; } - .frame > .beer-slider img:first-child { - width: 100%; } - -.beer-reveal > :last-child { - height: 100% !important; - max-width: none !important; } - -.image-comparison-slider .beer-slider { - left: 50%; - transform: translateX(-50%); } - -.image-comparison-slider .beer-range { - height: 100% !important; } - -.image-comparison-slider .beer-reveal img { - max-width: none; - width: auto; - height: auto; } - -.embed--content-wrapper { - text-align: center; - margin: 1rem 0 0; } - .embed--content-wrapper h4 { - margin-bottom: .42rem; } - -/* - -One-up Primary - -The primary site nav with a central column. - -Markup: one_up--primary.html.twig - -Styleguide Layouts.one_up--primary - -*/ -.one_up--primary .grid-frame { - height: 100vh; } - -/* - -Two-up Primary - -The basic two column nav with two-grid-col offsets on either side. - -Markup: two_up--primary.html.twig - -Styleguide Layouts.two_up--primary - -*/ -/* -Commentary - -The commentary component is used when wanting to display long form historical, contemporary, or expert commentary related to the story. - -Markup: commentary.html.twig - -Styleguide COMPONENTS.commentary - -*/ -.commentary { - margin-top: 4rem; } - @media print, screen and (min-width: 40em) { - .commentary { - margin-top: 0; } } - .commentary .commentary__content { - min-height: 100%; - padding: 0; - margin: 0; - border: 2px solid #b2b2b2; } - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(-25vw); } - @media print, screen and (min-width: 40em) { - .commentary .commentary__layout-left, - .commentary .commentary__layout-right { - transform: translateY(0); } } - .commentary .commentary__layout-left { - padding: 0 4vw 4vw 4vw; - position: relative; - border-bottom: 2px solid #b2b2b2; } - @media print, screen and (min-width: 64em) { - .commentary .commentary__layout-left { - padding: 0 5vw 4vw 6vw; - border-bottom: none; - border-right: 2px solid #b2b2b2; } } - - .commentary .commentary__layout-right { - padding: 12vw 4vw 4vw 4vw; - position: relative; - margin-bottom: -25vw; } - @media print, screen and (min-width: 40em) { - - .commentary .commentary__layout-right { - margin-bottom: 0; } } - @media print, screen and (min-width: 64em) { - - .commentary .commentary__layout-right { - padding: 5vw 6vw 4vw 4vw; - margin-bottom: 0; } } - .no-img.commentary { - margin-top: 0; } - .no-img.commentary .commentary__layout-left { - padding-top: 5vw; - transform: translateY(0); } - .no-img.commentary .commentary__layout-right { - margin-bottom: 0; - padding-bottom: 4vw; - transform: translateY(0); } - .commentary .commentary__image { - position: relative; - text-align: center; - width: 50vw; - margin: 0 auto 2rem auto; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__image { - margin: 0 auto; - width: auto; - top: -2rem; } } - @media print, screen and (min-width: 64em) { - .commentary .commentary__image { - left: -1vw; - max-width: 20vw; } } - .commentary .commentary__image img { - max-width: 30rem; - border-radius: 1000rem; - border: 2px solid #b2b2b2; - overflow: hidden; - margin-right: 2vw; - display: inline-block; } - .commentary .commentary__author-name { - font-size: 2.375rem; - line-height: 40px; - font-family: "freight-display-pro", sans; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - font-size: 3.75rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__author-name { - line-height: 70px; } } - .commentary .commentary__author-title { - font-family: "freight-display-pro", sans; - font-size: 1.75rem; - font-style: italic; } - .commentary .commentary__author-bio { - color: #8a8a8a; } - .commentary .commentary__icon { - text-align: left; - position: absolute; - top: -1.25rem; - left: 4vw; } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon { - top: -2rem; } } - @media print, screen and (min-width: 40em) { - .commentary .commentary__icon svg { - width: 5rem; } } - .commentary .sharing-icons { - margin-top: 2rem; - margin-bottom: 0; } - -footer.footer { - background: #ffffff; - display: flex; - flex-flow: column; - position: relative; - z-index: 3; } - footer.footer h1, footer.footer .owl-carousel .slide--in-depth__intro .slide--in-depth__intro__title, .owl-carousel .slide--in-depth__intro footer.footer .slide--in-depth__intro__title, footer.footer .in-depth .in-depth__title, .in-depth footer.footer .in-depth__title, - footer.footer h2, - footer.footer h3, - footer.footer h4, - footer.footer h5, - footer.footer h6, - footer.footer a.link--arrow, - footer.footer label { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - footer.footer .footer__content { - padding-top: 3rem; - padding-bottom: 3rem; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__content { - padding-top: 6rem; - padding-bottom: 6rem; } } - footer.footer form { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer form { - margin: 2rem 0; } } - footer.footer .footer__social { - margin: 3rem 0 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer__social { - margin: 5rem 0 2rem 0; } } - footer.footer .footer__social > a { - color: #8a8a8a; - margin-right: 1rem; } - footer.footer .footer-feature-wrapper { - display: flex; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature-wrapper { - display: block; } } - footer.footer .footer-feature { - width: 45%; - display: inline-block; - margin-right: 5%; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature { - margin-bottom: 4rem; - width: auto; - display: block; - margin-right: 0; } } - @media print, screen and (min-width: 64em) { - footer.footer .footer-feature { - margin-bottom: 4rem; } - footer.footer .footer-feature:last-of-type { - margin-bottom: 0; } } - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - margin-bottom: 1rem; } - @media screen and (max-width: 39.9375em) { - footer.footer .footer-feature h3, - footer.footer .footer-feature h4 { - font-family: "freight-text-pro", serif; - font-weight: 100; } - footer.footer .footer-feature h3:after, - footer.footer .footer-feature h4:after { - display: none; } } - footer.footer .footer-feature p, .off-canvas footer.footer .footer-feature h3 { - font-size: 0.75rem; - line-height: 16px; } - footer.footer .footer-feature .footer-description { - display: none; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature .footer-description { - display: block; } } - footer.footer .footer-feature img { - margin: 1rem 0; } - @media print, screen and (min-width: 40em) { - footer.footer .footer-feature img { - margin: 0; } } - @media print, screen and (min-width: 40em) { - footer.footer { - display: block; } } - .off-canvas footer.footer { - padding: 0 2rem; - display: block; } - .off-canvas footer.footer .footer-feature h3 { - font-family: sans-serif; - margin: .5rem 0 0 0; } - .off-canvas footer.footer .footer-feature h3:after { - display: none; } - .off-canvas footer.footer .footer__navigation { - display: none; } - -/* -Horizontal Image Slider - -This is used to show a set of related images as a group. - -Markup: horizontal-image-slider.html.twig - -Styleguide COMPONENTS.horizontal-image-slider - -*/ -.owl-carousel, -.horizontal-image-slider.owl-carousel, .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - padding: 0; - height: 100vh; - display: block; - color: #0a0a0a; - cursor: url(../../../assets/images/horizontal_scrub_cursor.svg), auto; } - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer, - .owl-carousel .owl-stage, - .horizontal-image-slider.owl-carousel .owl-stage, - .in-depth-slider .horizontal-image-slider .owl-stage, - .in-depth-modal .horizontal-image-slider .owl-stage, - .owl-carousel .owl-item, - .horizontal-image-slider.owl-carousel .owl-item, - .in-depth-slider .horizontal-image-slider .owl-item, - .in-depth-modal .horizontal-image-slider .owl-item { - height: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-stage-outer, .horizontal-image-slider.owl-carousel .owl-stage-outer, .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 8rem 6rem 4rem 6rem; } } - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - height: 100%; - padding: 0 2rem; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item, .horizontal-image-slider.owl-carousel .item, .in-depth-slider .horizontal-image-slider .item, .in-depth-modal .horizontal-image-slider .item { - padding: 0; } } - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - height: 100%; - display: flex; - flex-flow: column; - justify-content: center; } - @media print, screen and (min-width: 40em) { - .owl-carousel .item .item__content, .horizontal-image-slider.owl-carousel .item .item__content, .in-depth-slider .horizontal-image-slider .item .item__content, .in-depth-modal .horizontal-image-slider .item .item__content { - display: block; } } - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem; - display: flex; - height: 100%; } - .owl-carousel .item.intro-slide .item__content, .in-depth-slider .horizontal-image-slider .item.intro-slide .item__content, .in-depth-modal .horizontal-image-slider .item.intro-slide .item__content { - margin: auto 0; } - @media print, screen and (min-width: 64em) { - .owl-carousel .item.intro-slide, .horizontal-image-slider.owl-carousel .item.intro-slide, .in-depth-slider .horizontal-image-slider .item.intro-slide, .in-depth-modal .horizontal-image-slider .item.intro-slide { - padding: 2rem 2rem 2rem 0; - max-width: 25rem; } } - .owl-carousel h3, .horizontal-image-slider.owl-carousel h3, .in-depth-slider .horizontal-image-slider h3, .in-depth-modal .horizontal-image-slider h3 { - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: 100%; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture, .horizontal-image-slider.owl-carousel picture, .in-depth-slider .horizontal-image-slider picture, .in-depth-modal .horizontal-image-slider picture, - .owl-carousel .picture, - .horizontal-image-slider.owl-carousel .picture, - .in-depth-slider .horizontal-image-slider .picture, - .in-depth-modal .horizontal-image-slider .picture { - width: auto; } } - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - min-width: 220px; - max-height: 50vh; - width: auto; - margin: auto; } - @media print, screen and (min-width: 40em) { - .owl-carousel picture img, .horizontal-image-slider.owl-carousel picture img, .in-depth-slider .horizontal-image-slider picture img, .in-depth-modal .horizontal-image-slider picture img, - .owl-carousel .picture img, - .horizontal-image-slider.owl-carousel .picture img, - .in-depth-slider .horizontal-image-slider .picture img, - .in-depth-modal .horizontal-image-slider .picture img { - width: auto; - height: 100%; } } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption, .horizontal-image-slider.owl-carousel .caption, .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - position: absolute; } } - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - font-size: 15px; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption .toggle-caption, .horizontal-image-slider.owl-carousel .caption .toggle-caption, .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - display: inline-block; } } - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; } - @media print, screen and (min-width: 40em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: 83%; } } - @media print, screen and (min-width: 64em) { - .owl-carousel .caption figcaption, .horizontal-image-slider.owl-carousel .caption figcaption, .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - max-width: none; } } - .owl-carousel .owl-dots, .horizontal-image-slider.owl-carousel .owl-dots, .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots { - position: absolute; - right: 2rem; - bottom: 2rem; - counter-reset: dots; } - .owl-carousel .owl-dot, .horizontal-image-slider.owl-carousel .owl-dot, .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - margin: 0 .5rem; - color: rgba(10, 10, 10, 0.5) !important; } - .owl-carousel .owl-dot:focus, .horizontal-image-slider.owl-carousel .owl-dot:focus, .in-depth-slider .horizontal-image-slider .owl-dot:focus, .in-depth-modal .horizontal-image-slider .owl-dot:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-dot.active, .horizontal-image-slider.owl-carousel .owl-dot.active, .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - .owl-carousel .owl-dot span, .horizontal-image-slider.owl-carousel .owl-dot span, .in-depth-slider .horizontal-image-slider .owl-dot span, .in-depth-modal .horizontal-image-slider .owl-dot span { - display: none !important; } - .owl-carousel .owl-dot:before, .horizontal-image-slider.owl-carousel .owl-dot:before, .in-depth-slider .horizontal-image-slider .owl-dot:before, .in-depth-modal .horizontal-image-slider .owl-dot:before { - font-size: .75rem; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; - counter-increment: dots; - content: "0" counter(dots); } - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: none; } - @media print, screen and (min-width: 40em) { - .owl-carousel .owl-nav, .horizontal-image-slider.owl-carousel .owl-nav, .in-depth-slider .horizontal-image-slider .owl-nav, .in-depth-modal .horizontal-image-slider .owl-nav { - display: block; } } - .owl-carousel .owl-nav.disabled, .horizontal-image-slider.owl-carousel .owl-nav.disabled, .in-depth-slider .horizontal-image-slider .owl-nav.disabled, .in-depth-modal .horizontal-image-slider .owl-nav.disabled { - display: none !important; - opacity: 0 !important; - visibility: hidden !important; } - .owl-carousel .owl-nav button, .horizontal-image-slider.owl-carousel .owl-nav button, .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; - transition-property: opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - position: absolute; - top: calc(50% - 4rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; - width: 4rem; - height: 2.5rem; - opacity: 1 !important; } - .owl-carousel .owl-nav button:focus, .horizontal-image-slider.owl-carousel .owl-nav button:focus, .in-depth-slider .horizontal-image-slider .owl-nav button:focus, .in-depth-modal .horizontal-image-slider .owl-nav button:focus { - outline: none; - outline-color: transparent; - outline-style: none; - -webkit-appearance: none; } - .owl-carousel .owl-nav button:hover, .horizontal-image-slider.owl-carousel .owl-nav button:hover, .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - .owl-carousel .owl-nav button.disabled, .horizontal-image-slider.owl-carousel .owl-nav button.disabled, .in-depth-slider .horizontal-image-slider .owl-nav button.disabled, .in-depth-modal .horizontal-image-slider .owl-nav button.disabled { - opacity: 0 !important; } - .owl-carousel .owl-nav button.owl-prev, .horizontal-image-slider.owl-carousel .owl-nav button.owl-prev, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-prev, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-prev { - left: 2rem; - transform: rotate(180deg); } - .owl-carousel .owl-nav button.owl-next, .horizontal-image-slider.owl-carousel .owl-nav button.owl-next, .in-depth-slider .horizontal-image-slider .owl-nav button.owl-next, .in-depth-modal .horizontal-image-slider .owl-nav button.owl-next { - right: 2rem; } - .theme--dark .owl-carousel, - .theme--dark .horizontal-image-slider.owl-carousel, .theme--dark .in-depth-slider .horizontal-image-slider, .in-depth-slider .theme--dark .horizontal-image-slider, .theme--dark .in-depth-modal .horizontal-image-slider, .in-depth-modal .theme--dark .horizontal-image-slider, .theme--dark.owl-carousel, .in-depth-slider .theme--dark.horizontal-image-slider, .in-depth-modal .theme--dark.horizontal-image-slider { - color: #ffffff; } - .theme--dark .owl-carousel .figcaption, .theme--dark .horizontal-image-slider.owl-carousel .figcaption, .theme--dark .in-depth-slider .horizontal-image-slider .figcaption, .in-depth-slider .theme--dark .horizontal-image-slider .figcaption, .theme--dark .in-depth-modal .horizontal-image-slider .figcaption, .in-depth-modal .theme--dark .horizontal-image-slider .figcaption, .theme--dark.owl-carousel .figcaption, .in-depth-slider .theme--dark.horizontal-image-slider .figcaption, .in-depth-modal .theme--dark.horizontal-image-slider .figcaption { - color: #ffffff; } - .theme--dark .owl-carousel .owl-dot, .theme--dark .horizontal-image-slider.owl-carousel .owl-dot, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot, .theme--dark.owl-carousel .owl-dot, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .owl-carousel .owl-dot.active, .theme--dark .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-slider .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark .in-depth-modal .horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark .horizontal-image-slider .owl-dot.active, .theme--dark.owl-carousel .owl-dot.active, .in-depth-slider .theme--dark.horizontal-image-slider .owl-dot.active, .in-depth-modal .theme--dark.horizontal-image-slider .owl-dot.active { - color: #ffffff !important; } - .theme--dark .owl-carousel .slide__icon--next:before, .theme--dark .horizontal-image-slider.owl-carousel .slide__icon--next:before, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next:before, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next:before, .theme--dark.owl-carousel .slide__icon--next:before, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next:before, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next:before { - background: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg circle.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg circle.slider, .theme--dark.owl-carousel .slide__icon--next svg circle.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg circle.slider { - fill: #ffffff; } - .theme--dark .owl-carousel .slide__icon--next svg polyline.slider, .theme--dark .in-depth-slider .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark .in-depth-modal .horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark .horizontal-image-slider .slide__icon--next svg polyline.slider, .theme--dark.owl-carousel .slide__icon--next svg polyline.slider, .in-depth-slider .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider, .in-depth-modal .theme--dark.horizontal-image-slider .slide__icon--next svg polyline.slider { - stroke: #ffffff; } - -.page :not(.in-depth-slider) > .horizontal-image-slider > * { - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - transition-delay: .25s; - opacity: 0; } - -.page.triggered :not(.in-depth-slider) > .horizontal-image-slider > * { - opacity: 1; } - -/* -In Depth -This is used to show additional information that is related to the content in the chapter but not necessary to show the user. This content is often shareable, fun, digestible "Did you know?" type content. -Markup: in-depth.html.twig -Styleguide COMPONENTS.in-depth -*/ -.in-depth { - display: flex; - align-items: center; - height: 100vh; } - @media print, screen and (min-width: 40em) { - .in-depth { - padding: 0; } } - .in-depth .in-depth__intro { - width: 100%; - min-height: auto !important; } - .in-depth .in-depth__image img { - border-radius: 1000rem; - overflow: hidden; } - .in-depth .in-depth__title { - font-size: 2rem; - font-weight: bold; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__title { - font-size: 3rem; - margin-bottom: 2rem; } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__title { - font-size: 4rem; - margin-bottom: 4rem; } } - .in-depth .in-depth__left-col { - position: relative; - z-index: 5; } - .in-depth .in-depth__right-col { - position: relative; - z-index: 10; - transform: translate(0, -4rem); - padding: 0 2rem; } - @media print, screen and (min-width: 40em) { - .in-depth .in-depth__right-col { - padding: 0; - display: flex; - flex-flow: column; - align-items: center; - justify-content: center; - transform: translate(-2rem, 0); } } - @media print, screen and (min-width: 64em) { - .in-depth .in-depth__right-col { - transform: translate(-4rem, 0); } } - @media screen and (min-width: 75em) { - .in-depth .in-depth__right-col { - transform: translate(-6rem, 0); } } - @media screen and (min-width: 90em) { - .in-depth .in-depth__right-col { - transform: translate(-8rem, 0); } } - .theme--dark .in-depth .in-depth__title, .theme--dark.in-depth .in-depth__title { - color: #ffffff; } - -.in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - visibility: hidden; - opacity: 0; - margin-top: 5rem; - border-color: #0a0a0a !important; - color: #0a0a0a !important; - background-color: rgba(255, 255, 255, 0.25) !important; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - position: absolute; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .in-depth__toggle, .in-depth-modal .in-depth__toggle { - margin-top: 5rem; - margin-right: 0; } } - -.in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: auto; - min-height: 100vh; - padding: 0; - background: transparent; - cursor: default; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider, .in-depth-modal .horizontal-image-slider { - height: 100vh; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .owl-stage-outer, .in-depth-modal .horizontal-image-slider .owl-stage-outer { - padding: 0; } } - .in-depth-slider .horizontal-image-slider .item:not(:first-of-type), .in-depth-modal .horizontal-image-slider .item:not(:first-of-type) { - display: none; - opacity: 0; - visibility: hidden; } - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 2rem 0; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content, .in-depth-modal .horizontal-image-slider .item__content { - margin: 0; - display: flex !important; - flex-flow: row nowrap !important; - align-items: center !important; } - .in-depth-slider .horizontal-image-slider .item__content > *, .in-depth-modal .horizontal-image-slider .item__content > * { - flex-grow: 1; } } - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - width: 100% !important; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture, .in-depth-modal .horizontal-image-slider .item__content > .picture { - flex-basis: 75%; - height: 100vh; - min-height: 100vh; - width: auto !important; - position: relative; } - .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .in-depth-modal .horizontal-image-slider .item__content > .picture:before { - position: absolute; - top: 0; - right: 0; - width: calc(100% / 3); - height: 100%; - content: ''; - background: linear-gradient(to right, transparent, #ffffff); - z-index: 9; } } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - position: relative; - height: auto; - width: 100%; - object-fit: initial !important; - background-size: initial !important; } } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .item__content > .picture img, .in-depth-modal .horizontal-image-slider .item__content > .picture img { - max-height: 100vh; - min-height: 100vh; } } - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - color: #0a0a0a; - position: relative; } - @media print, screen and (min-width: 40em) { - .in-depth-slider .horizontal-image-slider .caption, .in-depth-modal .horizontal-image-slider .caption { - flex-basis: 25%; - position: relative; - margin: 4rem 12rem; } } - .in-depth-slider .horizontal-image-slider .caption .toggle-caption, .in-depth-modal .horizontal-image-slider .caption .toggle-caption { - border-color: #0a0a0a; - color: #0a0a0a; } - .in-depth-slider .horizontal-image-slider .caption figcaption, .in-depth-modal .horizontal-image-slider .caption figcaption { - color: #0a0a0a; - background: #e6e6e6; } - @media screen and (max-width: 39.9375em) { - .in-depth-slider .horizontal-image-slider .caption__brief, .in-depth-modal .horizontal-image-slider .caption__brief { - font-size: 16px !important; } } - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - top: calc(50% - 1.25rem); - color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg") !important; - background-size: contain !important; - background-repeat: no-repeat !important; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button, .in-depth-modal .horizontal-image-slider .owl-nav button { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background-color: transparent !important; - background-image: url("../assets/images/slide__icon--next.svg"); - background-size: contain; - background-repeat: no-repeat; - color: transparent; } - @supports (mask-image: none) or (-webkit-mask-image: none) { - .in-depth-slider .horizontal-image-slider .owl-nav button:hover, .in-depth-modal .horizontal-image-slider .owl-nav button:hover { - background: #0a0a0a !important; - -webkit-mask-image: url("../assets/images/slide__icon--next.svg"); - mask-image: url("../assets/images/slide__icon--next.svg"); - -webkit-mask-position: center center; - mask-position: center center; - -webkit-mask-repeat: no-repeat; - mask-repeat: no-repeat; - -webkit-mask-size: cover; - mask-size: cover; } } - .in-depth-slider .horizontal-image-slider .owl-dot, .in-depth-modal .horizontal-image-slider .owl-dot { - color: rgba(10, 10, 10, 0.5) !important; } - .in-depth-slider .horizontal-image-slider .owl-dot.active, .in-depth-modal .horizontal-image-slider .owl-dot.active { - color: #0a0a0a !important; } - @media print, screen and (min-width: 64em) { - .in-depth-slider .horizontal-image-slider .owl-dots, .in-depth-modal .horizontal-image-slider .owl-dots, - .in-depth-slider .horizontal-image-slider .owl-nav, - .in-depth-modal .horizontal-image-slider .owl-nav { - transition-property: visibility, opacity; - transition-duration: .25s; - transition-timing-function: ease-in-out; - opacity: 0; - visibility: hidden; } } - -.open.in-depth-slider .in-depth__toggle, .open.in-depth-modal .in-depth__toggle { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .owl-dots, .open.in-depth-modal .horizontal-image-slider .owl-dots, -.open.in-depth-slider .horizontal-image-slider .owl-nav, -.open.in-depth-modal .horizontal-image-slider .owl-nav { - visibility: visible; - opacity: 1; } - -.open.in-depth-slider .horizontal-image-slider .item:not(first-of-type), .open.in-depth-modal .horizontal-image-slider .item:not(first-of-type) { - display: block; - opacity: 1; - visibility: visible; } - -.theme--dark .in-depth-slider .in-depth__toggle, .theme--dark .in-depth-modal .in-depth__toggle, .theme--dark.in-depth-slider .in-depth__toggle, .theme--dark.in-depth-modal .in-depth__toggle { - border-color: #ffffff !important; - color: #ffffff !important; - background-color: rgba(10, 10, 10, 0.25) !important; } - -.theme--dark .in-depth-slider .owl-dot, .theme--dark .in-depth-modal .owl-dot, .theme--dark.in-depth-slider .owl-dot, .theme--dark.in-depth-modal .owl-dot { - color: rgba(255, 255, 255, 0.5) !important; } - .theme--dark .in-depth-slider .owl-dot.active, .theme--dark .in-depth-modal .owl-dot.active, .theme--dark.in-depth-slider .owl-dot.active, .theme--dark.in-depth-modal .owl-dot.active { - color: #ffffff !important; } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button, .theme--dark .in-depth-modal .owl-nav button, .theme--dark.in-depth-slider .owl-nav button, .theme--dark.in-depth-modal .owl-nav button { - background: #ffffff !important; } } - -@supports (mask-image: none) or (-webkit-mask-image: none) { - .theme--dark .in-depth-slider .owl-nav button:hover, .theme--dark .in-depth-modal .owl-nav button:hover, .theme--dark.in-depth-slider .owl-nav button:hover, .theme--dark.in-depth-modal .owl-nav button:hover { - background: #ffffff !important; } } - -.theme--dark .in-depth-slider .caption, .theme--dark .in-depth-modal .caption, .theme--dark.in-depth-slider .caption, .theme--dark.in-depth-modal .caption { - color: #ffffff; } - .theme--dark .in-depth-slider .caption .toggle-caption, .theme--dark .in-depth-modal .caption .toggle-caption, .theme--dark.in-depth-slider .caption .toggle-caption, .theme--dark.in-depth-modal .caption .toggle-caption { - border-color: #ffffff; - color: #ffffff; } - .theme--dark .in-depth-slider .caption figcaption, .theme--dark .in-depth-modal .caption figcaption, .theme--dark.in-depth-slider .caption figcaption, .theme--dark.in-depth-modal .caption figcaption { - color: #ffffff; - background: rgba(255, 255, 255, 0.3); } - -@media print, screen and (min-width: 40em) { - .theme--dark .in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark .in-depth-modal .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-slider .horizontal-image-slider .item__content > .picture:before, .theme--dark.in-depth-modal .horizontal-image-slider .item__content > .picture:before { - background: linear-gradient(to right, transparent, #0a0a0a); } } - -.page { - z-index: 1; - padding: 0; - margin: 0; - min-height: 100vh; - overflow: hidden; - background-color: #fff; - box-sizing: border-box; } - .page .frame { - /* - Need `width: 100vh` in order to fix horizontal slider` - */ - width: 100vw; - box-sizing: border-box; } - .page .fluid { - min-height: 100vh; } - .height-auto.page, - .page .height-auto { - min-height: auto !important; } - .height-auto.page .fluid, - .page .height-auto .fluid { - min-height: auto; } - .page h2 { - margin-top: 0; } - .page .sub-title, - .page .page-title { - font-size: 1.25em; - color: #666; - font-weight: 600; - font-family: freight-display-pro; - font-style: italic; } - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - min-height: 100vh; - padding: 6rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *:not(.height-auto) > .grid-x, .page .frame > *:not(.height-auto) > .video--embed.boxed, - .page .frame > .grid-x, - .page .frame > .video--embed.boxed { - padding: 8rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 2rem 2rem 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:first-child > .grid-x, .page .frame > *.height-auto:first-child > .video--embed.boxed { - padding: 5rem 5rem 2.5rem 5rem; } } - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 1rem 2rem 2rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto:last-child > .grid-x, .page .frame > *.height-auto:last-child > .video--embed.boxed { - padding: 2.5rem 5rem 5rem 5rem; } } - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 1rem 2rem; } - @media print, screen and (min-width: 40em) { - .page .frame > *.height-auto > .grid-x, .page .frame > *.height-auto > .video--embed.boxed { - padding: 2.5rem 5rem; } } - .pinnedTop.page, .pinnedBottom.page { - position: fixed; - z-index: 50; } - .pinnedTop.page { - top: 0; - bottom: auto; } - .pinnedBottom.page { - top: auto; - bottom: 0; } - .current_page.page { - z-index: 20; } - .page .page-load-snap-sticky { - position: fixed; - top: 0; - height: 100vh; - z-index: 100; - background-color: #ffffff; } - -.chapter, -.page { - position: relative; } - -.scroll-comparison { - background: transparent; } - .scroll-comparison h3 { - font-size: 1.375rem; - line-height: 1.32; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison h3 { - font-size: 1.75rem; } } - @media print, screen and (min-width: 64em) { - .scroll-comparison h3 { - font-size: 2.125rem; } } - .scroll-comparison .content { - font-size: 1rem; - line-height: 1.8; - transition-property: opacity; - transition-duration: .5s; - transition-timing-function: ease-in-out; - opacity: 0; - width: calc(100vw - 4rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .content { - width: 100%; } } - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 1rem; } - @media print, screen and (min-width: 40em) { - .scroll-comparison picture, - .scroll-comparison .picture { - margin-bottom: 0; } } - .scroll-comparison .wrapper > .cell, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper { - transition-property: width; - transition-duration: .5s; - transition-timing-function: ease-in-out; } - .scroll-comparison .wrapper > .cell picture, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture, - .scroll-comparison .wrapper > .cell .picture, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture { - position: relative; } - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - content: '+'; - transition-property: background, border; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - top: 0; - left: 0; - color: white; - z-index: 1; - width: 100%; - text-align: center; - font-size: 2rem; - height: 2rem; - line-height: 2rem; - padding-top: calc(50% - 1rem); } - @media print, screen and (min-width: 64em) { - .scroll-comparison .wrapper > .cell picture:before, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:before, - .scroll-comparison .wrapper > .cell .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:before { - font-size: 4rem; - height: 4rem; - line-height: 4rem; - padding-top: calc(50% - 2rem); } } - .scroll-comparison .wrapper > .cell picture:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:after { - content: ''; - transition-property: all; - transition-duration: .5s; - transition-timing-function: ease-in-out; - position: absolute; - height: 100%; - width: 100%; - top: 0; - left: 0; - background: rgba(10, 10, 10, 0.65); - opacity: 1; - border: 2px solid #ffffff; } - .scroll-comparison .wrapper > .cell picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover { - cursor: pointer; } - .scroll-comparison .wrapper > .cell picture:hover:after, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture:hover:after, - .scroll-comparison .wrapper > .cell .picture:hover:after, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture:hover:after { - background: rgba(10, 10, 10, 0.45); } - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: none; } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell picture + .caption, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper picture + .caption, - .scroll-comparison .wrapper > .cell .picture + .caption, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper .picture + .caption { - display: block; } } - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - display: none; } - @media screen and (max-width: 39.9375em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-bottom: .5rem; } } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper h3 { - margin-top: 2rem; - display: initial; } } - .scroll-comparison .wrapper > .cell.active picture:before, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:before, .scroll-comparison .wrapper > .cell.active picture:after, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:after, - .scroll-comparison .wrapper > .cell.active .picture:before, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:before, - .scroll-comparison .wrapper > .cell.active .picture:after, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:after { - opacity: 0; } - .scroll-comparison .wrapper > .cell.active picture:hover, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper picture:hover, - .scroll-comparison .wrapper > .cell.active .picture:hover, - .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .picture:hover { - cursor: default; } - .scroll-comparison .wrapper > .cell.active h3, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper h3 { - display: block; } - .scroll-comparison .wrapper > .cell.active .content, .scroll-comparison .video--embed.boxed.wrapper > .active.video--embed__wrapper .content { - transition-delay: .5s; - opacity: 1; } - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: calc(calc(-100vw / 3) + 1rem); } - @media print, screen and (min-width: 40em) { - .scroll-comparison .wrapper > .cell:last-of-type h3, .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type h3, - .scroll-comparison .wrapper > .cell:last-of-type .content, - .scroll-comparison .video--embed.boxed.wrapper > .video--embed__wrapper:last-of-type .content { - margin-left: 0; } } - .scroll-comparison .inline-quote { - position: relative; - left: -1rem; } - -.other-stories h3 { - color: #0a0a0a; - text-align: center; - margin-bottom: .5rem; } - -.other-stories .large-up-2 { - display: flex; - justify-content: center; } - -.other-stories button.cta { - left: 50%; - transform: translate(-50%, 0); - margin-bottom: 1.3rem; } - -.other-stories .hub-story { - margin: 25px; } - @media print, screen and (min-width: 40em) { - .other-stories .hub-story { - display: inline-block; - vertical-align: top; - width: 30%; - margin: 25px 1% 25px 1%; } } - .other-stories .hub-story .story-image { - position: relative; } - .other-stories .hub-story .on-view-story { - right: 15px; - top: 15px; - background-color: #0090a0; } - .other-stories .hub-story .story-title { - margin-top: 25px; - margin-bottom: 0; - text-align: center; - font-size: 1.5em; } - .other-stories .hub-story .story-title p, .other-stories .hub-story .story-title .off-canvas footer.footer .footer-feature h3, .off-canvas footer.footer .footer-feature .other-stories .hub-story .story-title h3 { - margin-bottom: 0; } - .other-stories .hub-story .story-subtitle { - font-family: "freight-display-pro", sans; - font-style: italic; - text-align: center; - display: block; - font-size: 1.5em; - font-weight: 700; - color: #8a8a8a; } - .other-stories .hub-story .read-link-wrapper { - text-align: center; - margin-top: 12px; } - .other-stories .hub-story .read-link-wrapper a { - color: black; - font-family: "akzidenz-grotesk-next-pro", "freight-text-pro", serif; } - .other-stories .hub-story .read-link-wrapper a::after { - margin-left: .5rem; - font-family: "Font Awesome 5 Free"; - font-weight: 900; - content: "\f061"; } diff --git a/build2/styles/late-monet.scss b/build2/styles/late-monet.scss new file mode 100644 index 000000000..a324f20b9 --- /dev/null +++ b/build2/styles/late-monet.scss @@ -0,0 +1,5 @@ +// Import Gauguin Theme Settings. +@import 'story/settings--late-monet'; + +// Import Common Files. +@import 'base/common'; diff --git a/build2/styles/styleguide.css b/build2/styles/styleguide.css deleted file mode 100644 index b1ebaae15..000000000 --- a/build2/styles/styleguide.css +++ /dev/null @@ -1,2 +0,0 @@ -div { - display: block; } diff --git a/build2/styles/styleguide.scss b/build2/styles/styleguide.scss new file mode 100644 index 000000000..c9347d5dd --- /dev/null +++ b/build2/styles/styleguide.scss @@ -0,0 +1,5 @@ +// this is just here to make sure this renders. +// going to use this file to help illustrate layouts in kss +div { + display: block +} diff --git a/package-lock.json b/package-lock.json index 53421303c..98d94d535 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,7 @@ "integrity": "sha512-a9gxpmdXtZEInkCSHUJDLHZVBgb1QS0jhss4cPP93EW7s+uC5bikET2twEF3KV+7rDblJcmNvTR7VJejqd2C2g==", "dev": true, "requires": { - "@babel/highlight": "^7.8.3" + "@babel/highlight": "7.9.0" } }, "@babel/core": { @@ -19,22 +19,22 @@ "integrity": "sha512-nD3deLvbsApbHAHttzIssYqgb883yU/d9roe4RZymBCDaZryMJDbptVpEpeQuRh4BJ+SYI8le9YGxKvFEvl1Wg==", "dev": true, "requires": { - "@babel/code-frame": "^7.8.3", - "@babel/generator": "^7.9.6", - "@babel/helper-module-transforms": "^7.9.0", - "@babel/helpers": "^7.9.6", - "@babel/parser": "^7.9.6", - "@babel/template": "^7.8.6", - "@babel/traverse": "^7.9.6", - "@babel/types": "^7.9.6", - "convert-source-map": "^1.7.0", - "debug": "^4.1.0", - "gensync": "^1.0.0-beta.1", - "json5": "^2.1.2", - "lodash": "^4.17.13", - "resolve": "^1.3.2", - "semver": "^5.4.1", - "source-map": "^0.5.0" + "@babel/code-frame": "7.8.3", + "@babel/generator": "7.9.6", + "@babel/helper-module-transforms": "7.9.0", + "@babel/helpers": "7.9.6", + "@babel/parser": "7.9.6", + "@babel/template": "7.8.6", + "@babel/traverse": "7.9.6", + "@babel/types": "7.9.6", + "convert-source-map": "1.7.0", + "debug": "4.1.1", + "gensync": "1.0.0-beta.1", + "json5": "2.1.3", + "lodash": "4.17.20", + "resolve": "1.17.0", + "semver": "5.7.1", + "source-map": "0.5.7" } }, "@babel/generator": { @@ -43,10 +43,10 @@ "integrity": "sha512-+htwWKJbH2bL72HRluF8zumBxzuX0ZZUFl3JLNyoUjM/Ho8wnVpPXM6aUz8cfKDqQ/h7zHqKt4xzJteUosckqQ==", "dev": true, "requires": { - "@babel/types": "^7.9.6", - "jsesc": "^2.5.1", - "lodash": "^4.17.13", - "source-map": "^0.5.0" + "@babel/types": "7.9.6", + "jsesc": "2.5.2", + "lodash": "4.17.20", + "source-map": "0.5.7" } }, "@babel/helper-function-name": { @@ -55,9 +55,9 @@ "integrity": "sha512-JVcQZeXM59Cd1qanDUxv9fgJpt3NeKUaqBqUEvfmQ+BCOKq2xUgaWZW2hr0dkbyJgezYuplEoh5knmrnS68efw==", "dev": true, "requires": { - "@babel/helper-get-function-arity": "^7.8.3", - "@babel/template": "^7.8.3", - "@babel/types": "^7.9.5" + "@babel/helper-get-function-arity": "7.8.3", + "@babel/template": "7.8.6", + "@babel/types": "7.9.6" } }, "@babel/helper-get-function-arity": { @@ -66,7 +66,7 @@ "integrity": "sha512-FVDR+Gd9iLjUMY1fzE2SR0IuaJToR4RkCDARVfsBBPSP53GEqSFjD8gNyxg246VUyc/ALRxFaAK8rVG7UT7xRA==", "dev": true, "requires": { - "@babel/types": "^7.8.3" + "@babel/types": "7.9.6" } }, "@babel/helper-member-expression-to-functions": { @@ -75,7 +75,7 @@ "integrity": "sha512-fO4Egq88utkQFjbPrSHGmGLFqmrshs11d46WI+WZDESt7Wu7wN2G2Iu+NMMZJFDOVRHAMIkB5SNh30NtwCA7RA==", "dev": true, "requires": { - "@babel/types": "^7.8.3" + "@babel/types": "7.9.6" } }, "@babel/helper-module-imports": { @@ -84,7 +84,7 @@ "integrity": "sha512-R0Bx3jippsbAEtzkpZ/6FIiuzOURPcMjHp+Z6xPe6DtApDJx+w7UYyOLanZqO8+wKR9G10s/FmHXvxaMd9s6Kg==", "dev": true, "requires": { - "@babel/types": "^7.8.3" + "@babel/types": "7.9.6" } }, "@babel/helper-module-transforms": { @@ -93,13 +93,13 @@ "integrity": "sha512-0FvKyu0gpPfIQ8EkxlrAydOWROdHpBmiCiRwLkUiBGhCUPRRbVD2/tm3sFr/c/GWFrQ/ffutGUAnx7V0FzT2wA==", "dev": true, "requires": { - "@babel/helper-module-imports": "^7.8.3", - "@babel/helper-replace-supers": "^7.8.6", - "@babel/helper-simple-access": "^7.8.3", - "@babel/helper-split-export-declaration": "^7.8.3", - "@babel/template": "^7.8.6", - "@babel/types": "^7.9.0", - "lodash": "^4.17.13" + "@babel/helper-module-imports": "7.8.3", + "@babel/helper-replace-supers": "7.9.6", + "@babel/helper-simple-access": "7.8.3", + "@babel/helper-split-export-declaration": "7.8.3", + "@babel/template": "7.8.6", + "@babel/types": "7.9.6", + "lodash": "4.17.20" } }, "@babel/helper-optimise-call-expression": { @@ -108,7 +108,7 @@ "integrity": "sha512-Kag20n86cbO2AvHca6EJsvqAd82gc6VMGule4HwebwMlwkpXuVqrNRj6CkCV2sKxgi9MyAUnZVnZ6lJ1/vKhHQ==", "dev": true, "requires": { - "@babel/types": "^7.8.3" + "@babel/types": "7.9.6" } }, "@babel/helper-replace-supers": { @@ -117,10 +117,10 @@ "integrity": "sha512-qX+chbxkbArLyCImk3bWV+jB5gTNU/rsze+JlcF6Nf8tVTigPJSI1o1oBow/9Resa1yehUO9lIipsmu9oG4RzA==", "dev": true, "requires": { - "@babel/helper-member-expression-to-functions": "^7.8.3", - "@babel/helper-optimise-call-expression": "^7.8.3", - "@babel/traverse": "^7.9.6", - "@babel/types": "^7.9.6" + "@babel/helper-member-expression-to-functions": "7.8.3", + "@babel/helper-optimise-call-expression": "7.8.3", + "@babel/traverse": "7.9.6", + "@babel/types": "7.9.6" } }, "@babel/helper-simple-access": { @@ -129,8 +129,8 @@ "integrity": "sha512-VNGUDjx5cCWg4vvCTR8qQ7YJYZ+HBjxOgXEl7ounz+4Sn7+LMD3CFrCTEU6/qXKbA2nKg21CwhhBzO0RpRbdCw==", "dev": true, "requires": { - "@babel/template": "^7.8.3", - "@babel/types": "^7.8.3" + "@babel/template": "7.8.6", + "@babel/types": "7.9.6" } }, "@babel/helper-split-export-declaration": { @@ -139,7 +139,7 @@ "integrity": "sha512-3x3yOeyBhW851hroze7ElzdkeRXQYQbFIb7gLK1WQYsw2GWDay5gAJNw1sWJ0VFP6z5J1whqeXH/WCdCjZv6dA==", "dev": true, "requires": { - "@babel/types": "^7.8.3" + "@babel/types": "7.9.6" } }, "@babel/helper-validator-identifier": { @@ -154,9 +154,9 @@ "integrity": "sha512-tI4bUbldloLcHWoRUMAj4g1bF313M/o6fBKhIsb3QnGVPwRm9JsNf/gqMkQ7zjqReABiffPV6RWj7hEglID5Iw==", "dev": true, "requires": { - "@babel/template": "^7.8.3", - "@babel/traverse": "^7.9.6", - "@babel/types": "^7.9.6" + "@babel/template": "7.8.6", + "@babel/traverse": "7.9.6", + "@babel/types": "7.9.6" } }, "@babel/highlight": { @@ -165,9 +165,9 @@ "integrity": "sha512-lJZPilxX7Op3Nv/2cvFdnlepPXDxi29wxteT57Q965oc5R9v86ztx0jfxVrTcBk8C2kcPkkDa2Z4T3ZsPPVWsQ==", "dev": true, "requires": { - "@babel/helper-validator-identifier": "^7.9.0", - "chalk": "^2.0.0", - "js-tokens": "^4.0.0" + "@babel/helper-validator-identifier": "7.9.5", + "chalk": "2.4.2", + "js-tokens": "4.0.0" }, "dependencies": { "ansi-styles": { @@ -176,7 +176,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -185,9 +185,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "js-tokens": { @@ -202,7 +202,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -218,7 +218,7 @@ "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.9.6.tgz", "integrity": "sha512-64AF1xY3OAkFHqOb9s4jpgk1Mm5vDZ4L3acHvAml+53nO1XbXLuDodsVpO4OIUsmemlUHMxNdYMNJmsvOwLrvQ==", "requires": { - "regenerator-runtime": "^0.13.4" + "regenerator-runtime": "0.13.5" }, "dependencies": { "regenerator-runtime": { @@ -234,9 +234,9 @@ "integrity": "sha512-zbMsPMy/v0PWFZEhQJ66bqjhH+z0JgMoBWuikXybgG3Gkd/3t5oQ1Rw2WQhnSrsOmsKXnZOx15tkC4qON/+JPg==", "dev": true, "requires": { - "@babel/code-frame": "^7.8.3", - "@babel/parser": "^7.8.6", - "@babel/types": "^7.8.6" + "@babel/code-frame": "7.8.3", + "@babel/parser": "7.9.6", + "@babel/types": "7.9.6" } }, "@babel/traverse": { @@ -245,15 +245,15 @@ "integrity": "sha512-b3rAHSjbxy6VEAvlxM8OV/0X4XrG72zoxme6q1MOoe2vd0bEc+TwayhuC1+Dfgqh1QEG+pj7atQqvUprHIccsg==", "dev": true, "requires": { - "@babel/code-frame": "^7.8.3", - "@babel/generator": "^7.9.6", - "@babel/helper-function-name": "^7.9.5", - "@babel/helper-split-export-declaration": "^7.8.3", - "@babel/parser": "^7.9.6", - "@babel/types": "^7.9.6", - "debug": "^4.1.0", - "globals": "^11.1.0", - "lodash": "^4.17.13" + "@babel/code-frame": "7.8.3", + "@babel/generator": "7.9.6", + "@babel/helper-function-name": "7.9.5", + "@babel/helper-split-export-declaration": "7.8.3", + "@babel/parser": "7.9.6", + "@babel/types": "7.9.6", + "debug": "4.1.1", + "globals": "11.12.0", + "lodash": "4.17.20" } }, "@babel/types": { @@ -262,9 +262,9 @@ "integrity": "sha512-qxXzvBO//jO9ZnoasKF1uJzHd2+M6Q2ZPIVfnFps8JJvXy0ZBbwbNOmE6SGIY5XOY6d1Bo5lb9d9RJ8nv3WSeA==", "dev": true, "requires": { - "@babel/helper-validator-identifier": "^7.9.5", - "lodash": "^4.17.13", - "to-fast-properties": "^2.0.0" + "@babel/helper-validator-identifier": "7.9.5", + "lodash": "4.17.20", + "to-fast-properties": "2.0.0" }, "dependencies": { "to-fast-properties": { @@ -280,8 +280,8 @@ "resolved": "https://registry.npmjs.org/@mrmlnc/readdir-enhanced/-/readdir-enhanced-2.2.1.tgz", "integrity": "sha512-bPHp6Ji8b41szTOcaP63VlnbbO5Ny6dwAATtY6JTjh5N2OLrb5Qk/Th5cRkRQhkWCt+EJsYrNB0MiL+Gpn6e3g==", "requires": { - "call-me-maybe": "^1.0.1", - "glob-to-regexp": "^0.3.0" + "call-me-maybe": "1.0.1", + "glob-to-regexp": "0.3.0" } }, "@nodelib/fs.stat": { @@ -299,7 +299,7 @@ "resolved": "https://registry.npmjs.org/@types/babylon/-/babylon-6.16.5.tgz", "integrity": "sha512-xH2e58elpj1X4ynnKp9qSnWlsRTIs6n3tgLGNfwAGHwePw0mulHQllV34n0T25uYSu1k0hRKkWXF890B1yS47w==", "requires": { - "@types/babel-types": "*" + "@types/babel-types": "7.0.9" } }, "@types/events": { @@ -314,9 +314,9 @@ "integrity": "sha512-1Bh06cbWJUHMC97acuD6UMG29nMt0Aqz1vF3guLfG+kHHJhy3AyohZFFxYk2f7Q1SQIrNwvncxAE0N/9s70F2w==", "dev": true, "requires": { - "@types/events": "*", - "@types/minimatch": "*", - "@types/node": "*" + "@types/events": "3.0.0", + "@types/minimatch": "3.0.3", + "@types/node": "13.13.5" } }, "@types/json5": { @@ -348,9 +348,9 @@ "integrity": "sha512-b3nLFGaGkJ9rzOcuXRfHkZMdjsawuDD0ENL9fzTophtBg8FJHSGbH7daXkEpcwy3v7Xol3pAvsmlYyFhR4pqJw==", "dev": true, "requires": { - "@types/node": "*", - "@types/unist": "*", - "@types/vfile-message": "*" + "@types/node": "13.13.5", + "@types/unist": "2.0.3", + "@types/vfile-message": "2.0.0" } }, "@types/vfile-message": { @@ -359,7 +359,7 @@ "integrity": "sha512-GpTIuDpb9u4zIO165fUy9+fXcULdD8HFRNli04GehoMVbeNq7D6OBnqSmg3lxZnC+UvgUhEWKxdKiwYUkGltIw==", "dev": true, "requires": { - "vfile-message": "*" + "vfile-message": "2.0.4" } }, "a-sync-waterfall": { @@ -382,7 +382,7 @@ "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.7.tgz", "integrity": "sha512-Il80Qs2WjYlJIBNzNkK6KYqlVMTbZLXgHx2oT0pU/fjRHyEp+PEfEPY0R3WCwAGVOtauxh1hOxNgIf5bv7dQpA==", "requires": { - "mime-types": "~2.1.24", + "mime-types": "2.1.27", "negotiator": "0.6.2" } }, @@ -396,7 +396,7 @@ "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-3.1.0.tgz", "integrity": "sha1-/YJw9x+7SZawBPqIDuXUZXOnMb8=", "requires": { - "acorn": "^4.0.4" + "acorn": "4.0.13" }, "dependencies": { "acorn": { @@ -412,7 +412,7 @@ "integrity": "sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s=", "dev": true, "requires": { - "acorn": "^3.0.4" + "acorn": "3.3.0" } }, "after": { @@ -426,10 +426,10 @@ "integrity": "sha512-k+V+hzjm5q/Mr8ef/1Y9goCmlsK4I6Sm74teeyGvFk1XrOsbsKLjEdrvny42CZ+a8sXbk8KWpY/bDwS+FLL2UQ==", "dev": true, "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" + "fast-deep-equal": "3.1.1", + "fast-json-stable-stringify": "2.1.0", + "json-schema-traverse": "0.4.1", + "uri-js": "4.2.2" } }, "ajv-keywords": { @@ -443,9 +443,9 @@ "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz", "integrity": "sha1-DNkKVhCT810KmSVsIrcGlDP60Rc=", "requires": { - "kind-of": "^3.0.2", - "longest": "^1.0.1", - "repeat-string": "^1.5.2" + "kind-of": "3.2.2", + "longest": "1.0.1", + "repeat-string": "1.6.1" }, "dependencies": { "kind-of": { @@ -453,7 +453,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -497,8 +497,8 @@ "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz", "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==", "requires": { - "normalize-path": "^3.0.0", - "picomatch": "^2.0.4" + "normalize-path": "3.0.0", + "picomatch": "2.2.2" } }, "aproba": { @@ -511,8 +511,8 @@ "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz", "integrity": "sha512-5hYdAkZlcG8tOLujVDTgCT+uPX0VnpAH28gWsLfzpXYm7wP6mp5Q/gYyR7YQ0cKVJcXJnl3j2kpBan13PtQf6w==", "requires": { - "delegates": "^1.0.0", - "readable-stream": "^2.0.6" + "delegates": "1.0.0", + "readable-stream": "2.3.7" } }, "argparse": { @@ -520,7 +520,7 @@ "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz", "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==", "requires": { - "sprintf-js": "~1.0.2" + "sprintf-js": "1.0.3" } }, "arr-diff": { @@ -554,11 +554,11 @@ "integrity": "sha512-w2GspexNQpx+PutG3QpT437/BenZBj0M/MZGn5mzv/MofYqo0xmRHzn4lFsoDlWJ+THYsGJmFlW68WlDFx7VRw==", "dev": true, "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "get-intrinsic": "^1.0.1", - "is-string": "^1.0.5" + "call-bind": "1.0.0", + "define-properties": "1.1.3", + "es-abstract": "1.18.0-next.1", + "get-intrinsic": "1.0.1", + "is-string": "1.0.5" }, "dependencies": { "es-abstract": { @@ -567,18 +567,18 @@ "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==", "dev": true, "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.2.2", - "is-negative-zero": "^2.0.0", - "is-regex": "^1.1.1", - "object-inspect": "^1.8.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.1", - "string.prototype.trimend": "^1.0.1", - "string.prototype.trimstart": "^1.0.1" + "es-to-primitive": "1.2.1", + "function-bind": "1.1.1", + "has": "1.0.3", + "has-symbols": "1.0.1", + "is-callable": "1.2.2", + "is-negative-zero": "2.0.0", + "is-regex": "1.1.1", + "object-inspect": "1.8.0", + "object-keys": "1.1.1", + "object.assign": "4.1.2", + "string.prototype.trimend": "1.0.1", + "string.prototype.trimstart": "1.0.1" } }, "is-callable": { @@ -593,7 +593,7 @@ "integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==", "dev": true, "requires": { - "has-symbols": "^1.0.1" + "has-symbols": "1.0.1" } }, "object-inspect": { @@ -608,10 +608,10 @@ "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", "dev": true, "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "has-symbols": "^1.0.1", - "object-keys": "^1.1.1" + "call-bind": "1.0.0", + "define-properties": "1.1.3", + "has-symbols": "1.0.1", + "object-keys": "1.1.1" } } } @@ -621,7 +621,7 @@ "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz", "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=", "requires": { - "array-uniq": "^1.0.1" + "array-uniq": "1.0.3" } }, "array-uniq": { @@ -640,9 +640,9 @@ "integrity": "sha512-4470Xi3GAPAjZqFcljX2xzckv1qeKPizoNkiS0+O4IoPR2ZNpcjE0pkhdihlDouK+x6QOast26B4Q/O9DJnwSg==", "dev": true, "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1" + "call-bind": "1.0.0", + "define-properties": "1.1.3", + "es-abstract": "1.18.0-next.1" }, "dependencies": { "es-abstract": { @@ -651,18 +651,18 @@ "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==", "dev": true, "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.2.2", - "is-negative-zero": "^2.0.0", - "is-regex": "^1.1.1", - "object-inspect": "^1.8.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.1", - "string.prototype.trimend": "^1.0.1", - "string.prototype.trimstart": "^1.0.1" + "es-to-primitive": "1.2.1", + "function-bind": "1.1.1", + "has": "1.0.3", + "has-symbols": "1.0.1", + "is-callable": "1.2.2", + "is-negative-zero": "2.0.0", + "is-regex": "1.1.1", + "object-inspect": "1.8.0", + "object-keys": "1.1.1", + "object.assign": "4.1.2", + "string.prototype.trimend": "1.0.1", + "string.prototype.trimstart": "1.0.1" } }, "is-callable": { @@ -677,7 +677,7 @@ "integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==", "dev": true, "requires": { - "has-symbols": "^1.0.1" + "has-symbols": "1.0.1" } }, "object-inspect": { @@ -692,10 +692,10 @@ "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", "dev": true, "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "has-symbols": "^1.0.1", - "object-keys": "^1.1.1" + "call-bind": "1.0.0", + "define-properties": "1.1.3", + "has-symbols": "1.0.1", + "object-keys": "1.1.1" } } } @@ -720,7 +720,7 @@ "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz", "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", "requires": { - "safer-buffer": "~2.1.0" + "safer-buffer": "2.1.2" } }, "assert-plus": { @@ -780,13 +780,13 @@ "integrity": "sha512-F7cYpbN7uVVhACZTeeIeealwdGM6wMtfWARVLTy5xmKtgVdBNJvbDRoCK3YO1orcs7gv/KwYlb3iXwu9Ug9BkQ==", "dev": true, "requires": { - "browserslist": "^4.11.1", - "caniuse-lite": "^1.0.30001039", - "chalk": "^2.4.2", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "postcss": "^7.0.27", - "postcss-value-parser": "^4.0.3" + "browserslist": "4.12.0", + "caniuse-lite": "1.0.30001055", + "chalk": "2.4.2", + "normalize-range": "0.1.2", + "num2fraction": "1.2.2", + "postcss": "7.0.30", + "postcss-value-parser": "4.1.0" }, "dependencies": { "ansi-styles": { @@ -795,7 +795,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -804,9 +804,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "postcss": { @@ -815,9 +815,9 @@ "integrity": "sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" }, "dependencies": { "supports-color": { @@ -826,7 +826,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -849,7 +849,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -870,7 +870,7 @@ "integrity": "sha512-1uvKqKQta3KBxIz14F2v06AEHZ/dIoeKfbTRkK1E5oqjDnuEerLmYTgJB5AiQZHJcljpg1TuRzdjDR06qNk0DQ==", "requires": { "follow-redirects": "1.5.10", - "is-buffer": "^2.0.2" + "is-buffer": "2.0.5" }, "dependencies": { "is-buffer": { @@ -886,9 +886,9 @@ "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=", "dev": true, "requires": { - "chalk": "^1.1.3", - "esutils": "^2.0.2", - "js-tokens": "^3.0.2" + "chalk": "1.1.3", + "esutils": "2.0.3", + "js-tokens": "3.0.2" } }, "babel-runtime": { @@ -896,8 +896,8 @@ "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", "requires": { - "core-js": "^2.4.0", - "regenerator-runtime": "^0.11.0" + "core-js": "2.6.11", + "regenerator-runtime": "0.11.1" } }, "babel-types": { @@ -905,10 +905,10 @@ "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz", "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=", "requires": { - "babel-runtime": "^6.26.0", - "esutils": "^2.0.2", - "lodash": "^4.17.4", - "to-fast-properties": "^1.0.3" + "babel-runtime": "6.26.0", + "esutils": "2.0.3", + "lodash": "4.17.20", + "to-fast-properties": "1.0.3" } }, "babylon": { @@ -937,13 +937,13 @@ "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz", "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==", "requires": { - "cache-base": "^1.0.1", - "class-utils": "^0.3.5", - "component-emitter": "^1.2.1", - "define-property": "^1.0.0", - "isobject": "^3.0.1", - "mixin-deep": "^1.2.0", - "pascalcase": "^0.1.1" + "cache-base": "1.0.1", + "class-utils": "0.3.6", + "component-emitter": "1.2.1", + "define-property": "1.0.0", + "isobject": "3.0.1", + "mixin-deep": "1.3.2", + "pascalcase": "0.1.1" }, "dependencies": { "define-property": { @@ -951,7 +951,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", "requires": { - "is-descriptor": "^1.0.0" + "is-descriptor": "1.0.2" } }, "is-accessor-descriptor": { @@ -959,7 +959,7 @@ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-data-descriptor": { @@ -967,7 +967,7 @@ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-descriptor": { @@ -975,9 +975,9 @@ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" + "is-accessor-descriptor": "1.0.0", + "is-data-descriptor": "1.0.0", + "kind-of": "6.0.3" } } } @@ -1017,7 +1017,7 @@ "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz", "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", "requires": { - "tweetnacl": "^0.14.3" + "tweetnacl": "0.14.5" } }, "better-assert": { @@ -1038,7 +1038,7 @@ "resolved": "https://registry.npmjs.org/biskviit/-/biskviit-1.0.1.tgz", "integrity": "sha1-A3oM1LcbnjMf2QoRIt4X3EnkIKc=", "requires": { - "psl": "^1.1.7" + "psl": "1.8.0" } }, "bl": { @@ -1046,8 +1046,8 @@ "resolved": "https://registry.npmjs.org/bl/-/bl-1.2.3.tgz", "integrity": "sha512-pvcNpa0UU69UT341rO6AYy4FVAIkUHuZXRIWbq+zHnsVcRzDDjIAhGuuYoi0d//cwIwtt4pkpKycWEfjdV+vww==", "requires": { - "readable-stream": "^2.3.5", - "safe-buffer": "^5.1.1" + "readable-stream": "2.3.7", + "safe-buffer": "5.1.2" } }, "blob": { @@ -1060,7 +1060,7 @@ "resolved": "https://registry.npmjs.org/block-stream/-/block-stream-0.0.9.tgz", "integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=", "requires": { - "inherits": "~2.0.0" + "inherits": "2.0.4" } }, "bluebird": { @@ -1078,7 +1078,7 @@ "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "requires": { - "balanced-match": "^1.0.0", + "balanced-match": "1.0.0", "concat-map": "0.0.1" } }, @@ -1087,16 +1087,16 @@ "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz", "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==", "requires": { - "arr-flatten": "^1.1.0", - "array-unique": "^0.3.2", - "extend-shallow": "^2.0.1", - "fill-range": "^4.0.0", - "isobject": "^3.0.1", - "repeat-element": "^1.1.2", - "snapdragon": "^0.8.1", - "snapdragon-node": "^2.0.1", - "split-string": "^3.0.2", - "to-regex": "^3.0.1" + "arr-flatten": "1.1.0", + "array-unique": "0.3.2", + "extend-shallow": "2.0.1", + "fill-range": "4.0.0", + "isobject": "3.0.1", + "repeat-element": "1.1.3", + "snapdragon": "0.8.2", + "snapdragon-node": "2.1.1", + "split-string": "3.1.0", + "to-regex": "3.0.2" }, "dependencies": { "extend-shallow": { @@ -1104,7 +1104,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } } } @@ -1114,27 +1114,27 @@ "resolved": "https://registry.npmjs.org/browser-sync/-/browser-sync-2.26.13.tgz", "integrity": "sha512-JPYLTngIzI+Dzx+StSSlMtF+Q9yjdh58HW6bMFqkFXuzQkJL8FCvp4lozlS6BbECZcsM2Gmlgp0uhEjvl18X4w==", "requires": { - "browser-sync-client": "^2.26.13", - "browser-sync-ui": "^2.26.13", + "browser-sync-client": "2.26.13", + "browser-sync-ui": "2.26.13", "bs-recipes": "1.3.4", - "bs-snippet-injector": "^2.0.1", - "chokidar": "^3.4.1", + "bs-snippet-injector": "2.0.1", + "chokidar": "3.4.3", "connect": "3.6.6", - "connect-history-api-fallback": "^1", - "dev-ip": "^1.0.1", - "easy-extender": "^2.3.4", + "connect-history-api-fallback": "1.6.0", + "dev-ip": "1.0.1", + "easy-extender": "2.3.4", "eazy-logger": "3.1.0", - "etag": "^1.8.1", - "fresh": "^0.5.2", + "etag": "1.8.1", + "fresh": "0.5.2", "fs-extra": "3.0.1", - "http-proxy": "^1.18.1", - "immutable": "^3", - "localtunnel": "^2.0.0", - "micromatch": "^4.0.2", + "http-proxy": "1.18.1", + "immutable": "3.8.2", + "localtunnel": "2.0.0", + "micromatch": "4.0.2", "opn": "5.3.0", "portscanner": "2.1.1", "qs": "6.2.3", - "raw-body": "^2.3.2", + "raw-body": "2.4.1", "resp-modifier": "6.0.2", "rx": "4.1.0", "send": "0.16.2", @@ -1142,8 +1142,8 @@ "serve-static": "1.13.2", "server-destroy": "1.0.1", "socket.io": "2.1.1", - "ua-parser-js": "^0.7.18", - "yargs": "^15.4.1" + "ua-parser-js": "0.7.22", + "yargs": "15.4.1" }, "dependencies": { "braces": { @@ -1151,7 +1151,7 @@ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", "requires": { - "fill-range": "^7.0.1" + "fill-range": "7.0.1" } }, "fill-range": { @@ -1159,7 +1159,7 @@ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", "requires": { - "to-regex-range": "^5.0.1" + "to-regex-range": "5.0.1" } }, "is-number": { @@ -1172,8 +1172,8 @@ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.2.tgz", "integrity": "sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==", "requires": { - "braces": "^3.0.1", - "picomatch": "^2.0.5" + "braces": "3.0.2", + "picomatch": "2.2.2" } }, "to-regex-range": { @@ -1181,7 +1181,7 @@ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "requires": { - "is-number": "^7.0.0" + "is-number": "7.0.0" } } } @@ -1193,8 +1193,8 @@ "requires": { "etag": "1.8.1", "fresh": "0.5.2", - "mitt": "^1.1.3", - "rxjs": "^5.5.6" + "mitt": "1.2.0", + "rxjs": "5.5.12" } }, "browser-sync-ui": { @@ -1203,11 +1203,11 @@ "integrity": "sha512-6NJ/pCnhCnBMzaty1opWo7ipDmFAIk8U71JMQGKJxblCUaGfdsbF2shf6XNZSkXYia1yS0vwKu9LIOzpXqQZCA==", "requires": { "async-each-series": "0.1.1", - "connect-history-api-fallback": "^1", - "immutable": "^3", + "connect-history-api-fallback": "1.6.0", + "immutable": "3.8.2", "server-destroy": "1.0.1", - "socket.io-client": "^2.0.4", - "stream-throttle": "^0.1.3" + "socket.io-client": "2.3.1", + "stream-throttle": "0.1.3" } }, "browserslist": { @@ -1216,10 +1216,10 @@ "integrity": "sha512-UH2GkcEDSI0k/lRkuDSzFl9ZZ87skSy9w2XAn1MsZnL+4c4rqbBd3e82UWHbYDpztABrPBhZsTEeuxVfHppqDg==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30001043", - "electron-to-chromium": "^1.3.413", - "node-releases": "^1.1.53", - "pkg-up": "^2.0.0" + "caniuse-lite": "1.0.30001055", + "electron-to-chromium": "1.3.434", + "node-releases": "1.1.55", + "pkg-up": "2.0.0" } }, "bs-recipes": { @@ -1237,8 +1237,8 @@ "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.6.0.tgz", "integrity": "sha512-/gDYp/UtU0eA1ys8bOs9J6a+E/KWIY+DZ+Q2WESNUA0jFRsJOc0SNUO6xJ5SGA1xueg3NL65W6s+NY5l9cunuw==", "requires": { - "base64-js": "^1.0.2", - "ieee754": "^1.1.4" + "base64-js": "1.3.1", + "ieee754": "1.1.13" } }, "buffer-alloc": { @@ -1246,8 +1246,8 @@ "resolved": "https://registry.npmjs.org/buffer-alloc/-/buffer-alloc-1.2.0.tgz", "integrity": "sha512-CFsHQgjtW1UChdXgbyJGtnm+O/uLQeZdtbDo8mfUgYXCHSM1wgrVxXm6bSyrUuErEb+4sYVGCzASBRot7zyrow==", "requires": { - "buffer-alloc-unsafe": "^1.1.0", - "buffer-fill": "^1.0.0" + "buffer-alloc-unsafe": "1.1.0", + "buffer-fill": "1.0.0" } }, "buffer-alloc-unsafe": { @@ -1281,15 +1281,15 @@ "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz", "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==", "requires": { - "collection-visit": "^1.0.0", - "component-emitter": "^1.2.1", - "get-value": "^2.0.6", - "has-value": "^1.0.0", - "isobject": "^3.0.1", - "set-value": "^2.0.0", - "to-object-path": "^0.3.0", - "union-value": "^1.0.0", - "unset-value": "^1.0.0" + "collection-visit": "1.0.0", + "component-emitter": "1.2.1", + "get-value": "2.0.6", + "has-value": "1.0.0", + "isobject": "3.0.1", + "set-value": "2.0.1", + "to-object-path": "0.3.0", + "union-value": "1.0.1", + "unset-value": "1.0.0" } }, "call-bind": { @@ -1298,8 +1298,8 @@ "integrity": "sha512-AEXsYIyyDY3MCzbwdhzG3Jx1R0J2wetQyUynn6dYHAO+bg8l1k7jwZtRv4ryryFs7EP+NDlikJlVe59jr0cM2w==", "dev": true, "requires": { - "function-bind": "^1.1.1", - "get-intrinsic": "^1.0.0" + "function-bind": "1.1.1", + "get-intrinsic": "1.0.1" } }, "call-me-maybe": { @@ -1313,7 +1313,7 @@ "integrity": "sha1-hH4PzgoiN1CpoCfFSzNzGtMVQTQ=", "dev": true, "requires": { - "callsites": "^2.0.0" + "callsites": "2.0.0" }, "dependencies": { "callsites": { @@ -1330,7 +1330,7 @@ "integrity": "sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8=", "dev": true, "requires": { - "callsites": "^0.2.0" + "callsites": "0.2.0" } }, "callsite": { @@ -1359,8 +1359,8 @@ "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", "requires": { - "camelcase": "^2.0.0", - "map-obj": "^1.0.0" + "camelcase": "2.1.1", + "map-obj": "1.0.1" }, "dependencies": { "camelcase": { @@ -1392,10 +1392,10 @@ "resolved": "https://registry.npmjs.org/caw/-/caw-2.0.1.tgz", "integrity": "sha512-Cg8/ZSBEa8ZVY9HspcGUYaK63d/bN7rqS3CYCzEGUxuYv6UlmcjzDUz2fCFFHyTvUW5Pk0I+3hkA3iXlIj6guA==", "requires": { - "get-proxy": "^2.0.0", - "isurl": "^1.0.0-alpha5", - "tunnel-agent": "^0.6.0", - "url-to-options": "^1.0.1" + "get-proxy": "2.1.0", + "isurl": "1.0.0", + "tunnel-agent": "0.6.0", + "url-to-options": "1.0.1" } }, "ccount": { @@ -1409,8 +1409,8 @@ "resolved": "https://registry.npmjs.org/center-align/-/center-align-0.1.3.tgz", "integrity": "sha1-qg0yYptu6XIgBBHL1EYckHvCt60=", "requires": { - "align-text": "^0.1.3", - "lazy-cache": "^1.0.3" + "align-text": "0.1.4", + "lazy-cache": "1.0.4" } }, "chalk": { @@ -1418,11 +1418,11 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz", "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=", "requires": { - "ansi-styles": "^2.2.1", - "escape-string-regexp": "^1.0.2", - "has-ansi": "^2.0.0", - "strip-ansi": "^3.0.0", - "supports-color": "^2.0.0" + "ansi-styles": "2.2.1", + "escape-string-regexp": "1.0.5", + "has-ansi": "2.0.0", + "strip-ansi": "3.0.1", + "supports-color": "2.0.0" } }, "character-entities": { @@ -1448,7 +1448,7 @@ "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz", "integrity": "sha1-x84o821LzZdE5f/CxfzeHHMmH8A=", "requires": { - "is-regex": "^1.0.3" + "is-regex": "1.0.5" } }, "character-reference-invalid": { @@ -1468,14 +1468,14 @@ "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.3.tgz", "integrity": "sha512-DtM3g7juCXQxFVSNPNByEC2+NImtBuxQQvWlHunpJIS5Ocr0lG306cC7FCi7cEA0fzmybPUIl4txBIobk1gGOQ==", "requires": { - "anymatch": "~3.1.1", - "braces": "~3.0.2", - "fsevents": "~2.1.2", - "glob-parent": "~5.1.0", - "is-binary-path": "~2.1.0", - "is-glob": "~4.0.1", - "normalize-path": "~3.0.0", - "readdirp": "~3.5.0" + "anymatch": "3.1.1", + "braces": "3.0.2", + "fsevents": "2.1.3", + "glob-parent": "5.1.1", + "is-binary-path": "2.1.0", + "is-glob": "4.0.1", + "normalize-path": "3.0.0", + "readdirp": "3.5.0" }, "dependencies": { "braces": { @@ -1483,7 +1483,7 @@ "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", "requires": { - "fill-range": "^7.0.1" + "fill-range": "7.0.1" } }, "fill-range": { @@ -1491,7 +1491,7 @@ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", "requires": { - "to-regex-range": "^5.0.1" + "to-regex-range": "5.0.1" } }, "glob-parent": { @@ -1499,7 +1499,7 @@ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", "requires": { - "is-glob": "^4.0.1" + "is-glob": "4.0.1" } }, "is-number": { @@ -1512,7 +1512,7 @@ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "requires": { - "is-number": "^7.0.0" + "is-number": "7.0.0" } } } @@ -1528,10 +1528,10 @@ "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz", "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==", "requires": { - "arr-union": "^3.1.0", - "define-property": "^0.2.5", - "isobject": "^3.0.0", - "static-extend": "^0.1.1" + "arr-union": "3.1.0", + "define-property": "0.2.5", + "isobject": "3.0.1", + "static-extend": "0.1.2" }, "dependencies": { "define-property": { @@ -1539,7 +1539,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", "requires": { - "is-descriptor": "^0.1.0" + "is-descriptor": "0.1.6" } } } @@ -1549,7 +1549,7 @@ "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", "integrity": "sha512-VcMWDN54ZN/DS+g58HYL5/n4Zrqe8vHJpGA8KdgUXFU4fuP/aHNw8eld9SyEIyabIMJX/0RaY/fplOo5hYLSFA==", "requires": { - "source-map": "~0.6.0" + "source-map": "0.6.1" }, "dependencies": { "source-map": { @@ -1565,7 +1565,7 @@ "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=", "dev": true, "requires": { - "restore-cursor": "^2.0.0" + "restore-cursor": "2.0.0" } }, "cli-width": { @@ -1579,9 +1579,9 @@ "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz", "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", "requires": { - "string-width": "^3.1.0", - "strip-ansi": "^5.2.0", - "wrap-ansi": "^5.1.0" + "string-width": "3.1.0", + "strip-ansi": "5.2.0", + "wrap-ansi": "5.1.0" }, "dependencies": { "ansi-regex": { @@ -1599,9 +1599,9 @@ "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -1609,7 +1609,7 @@ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } } } @@ -1625,8 +1625,8 @@ "integrity": "sha512-Fcij9IwRW27XedRIJnSOEupS7RVcXtObJXbcUOX93UCLqqOdRpkvzKywOOSizmEK/Is3S/RHX9dLdfo6R1Q1mw==", "dev": true, "requires": { - "is-regexp": "^1.0.0", - "is-supported-regexp-flag": "^1.0.0" + "is-regexp": "1.0.0", + "is-supported-regexp-flag": "1.0.1" } }, "co": { @@ -1647,9 +1647,9 @@ "resolved": "https://registry.npmjs.org/co-fs-extra/-/co-fs-extra-1.2.1.tgz", "integrity": "sha1-O2rXfPJhRTD2d7HPYmZPW6dWtyI=", "requires": { - "co-from-stream": "~0.0.0", - "fs-extra": "~0.26.5", - "thunkify-wrap": "~1.0.4" + "co-from-stream": "0.0.0", + "fs-extra": "0.26.7", + "thunkify-wrap": "1.0.4" }, "dependencies": { "fs-extra": { @@ -1657,11 +1657,11 @@ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-0.26.7.tgz", "integrity": "sha1-muH92UiXeY7at20JGM9C0MMYT6k=", "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^2.1.0", - "klaw": "^1.0.0", - "path-is-absolute": "^1.0.0", - "rimraf": "^2.2.8" + "graceful-fs": "4.2.4", + "jsonfile": "2.4.0", + "klaw": "1.3.1", + "path-is-absolute": "1.0.1", + "rimraf": "2.7.1" } }, "jsonfile": { @@ -1669,7 +1669,7 @@ "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz", "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=", "requires": { - "graceful-fs": "^4.1.6" + "graceful-fs": "4.2.4" } } } @@ -1700,8 +1700,8 @@ "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz", "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=", "requires": { - "map-visit": "^1.0.0", - "object-visit": "^1.0.0" + "map-visit": "1.0.0", + "object-visit": "1.0.1" } }, "color": { @@ -1709,9 +1709,9 @@ "resolved": "https://registry.npmjs.org/color/-/color-0.11.4.tgz", "integrity": "sha1-bXtcdPtl6EHNSHkq0e1eB7kE12Q=", "requires": { - "clone": "^1.0.2", - "color-convert": "^1.3.0", - "color-string": "^0.3.0" + "clone": "1.0.4", + "color-convert": "1.9.3", + "color-string": "0.3.0" } }, "color-convert": { @@ -1732,7 +1732,7 @@ "resolved": "https://registry.npmjs.org/color-string/-/color-string-0.3.0.tgz", "integrity": "sha1-J9RvtnAlxcL6JZk7+/V55HhBuZE=", "requires": { - "color-name": "^1.0.0" + "color-name": "1.1.3" } }, "colors": { @@ -1745,7 +1745,7 @@ "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz", "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", "requires": { - "delayed-stream": "~1.0.0" + "delayed-stream": "1.0.0" } }, "commander": { @@ -1758,10 +1758,10 @@ "resolved": "https://registry.npmjs.org/commonmark/-/commonmark-0.29.2.tgz", "integrity": "sha512-spe43MvEIaPpHss1T7z4yQaFQfLGmMu+yvCwv6xqhELIwkG/ZGgDpxOPzKxnuYzYT2c+aziCCc8m2rBVLA7jUA==", "requires": { - "entities": "~2.0", - "mdurl": "~1.0.1", - "minimist": ">=1.2.2", - "string.prototype.repeat": "^0.2.0" + "entities": "2.0.3", + "mdurl": "1.0.1", + "minimist": "1.2.5", + "string.prototype.repeat": "0.2.0" }, "dependencies": { "entities": { @@ -1797,10 +1797,10 @@ "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", "dev": true, "requires": { - "buffer-from": "^1.0.0", - "inherits": "^2.0.3", - "readable-stream": "^2.2.2", - "typedarray": "^0.0.6" + "buffer-from": "1.1.1", + "inherits": "2.0.4", + "readable-stream": "2.3.7", + "typedarray": "0.0.6" } }, "config-chain": { @@ -1808,8 +1808,8 @@ "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.12.tgz", "integrity": "sha512-a1eOIcu8+7lUInge4Rpf/n4Krkf3Dd9lqhljRzII1/Zno/kRtUWnznPO3jOKBmTEktkt3fkxisUcivoj0ebzoA==", "requires": { - "ini": "^1.3.4", - "proto-list": "~1.2.1" + "ini": "1.3.5", + "proto-list": "1.2.4" } }, "connect": { @@ -1819,7 +1819,7 @@ "requires": { "debug": "2.6.9", "finalhandler": "1.1.0", - "parseurl": "~1.3.2", + "parseurl": "1.3.3", "utils-merge": "1.0.1" }, "dependencies": { @@ -1853,10 +1853,10 @@ "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-3.1.2.tgz", "integrity": "sha512-yePcBqEFhLOqSBtwYOGGS1exHo/s1xjekXiinh4itpNQGCu4KA1euPh1fg07N2wMITZXQkBz75Ntdt1ctGZouw==", "requires": { - "@types/babel-types": "^7.0.0", - "@types/babylon": "^6.16.2", - "babel-types": "^6.26.0", - "babylon": "^6.18.0" + "@types/babel-types": "7.0.9", + "@types/babylon": "6.16.5", + "babel-types": "6.26.0", + "babylon": "6.18.0" } }, "contains-path": { @@ -1879,7 +1879,7 @@ "integrity": "sha512-4FJkXzKXEDB1snCFZlLP4gpC3JILicCpGbzG9f9G7tGqGCzETQ2hWPrcinA9oU4wtf2biUaEH5065UnMeR33oA==", "dev": true, "requires": { - "safe-buffer": "~5.1.1" + "safe-buffer": "5.1.2" } }, "cookie": { @@ -1913,10 +1913,10 @@ "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==", "dev": true, "requires": { - "import-fresh": "^2.0.0", - "is-directory": "^0.3.1", - "js-yaml": "^3.13.1", - "parse-json": "^4.0.0" + "import-fresh": "2.0.0", + "is-directory": "0.3.1", + "js-yaml": "3.13.1", + "parse-json": "4.0.0" }, "dependencies": { "parse-json": { @@ -1925,8 +1925,8 @@ "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", "dev": true, "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" + "error-ex": "1.3.2", + "json-parse-better-errors": "1.0.2" } } } @@ -1936,8 +1936,8 @@ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz", "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=", "requires": { - "lru-cache": "^4.0.1", - "which": "^1.2.9" + "lru-cache": "4.1.5", + "which": "1.3.1" } }, "css-color-function": { @@ -1946,9 +1946,9 @@ "integrity": "sha1-jtJMLAIFBzM5+voAS8jBQfzLKC4=", "requires": { "balanced-match": "0.1.0", - "color": "^0.11.0", - "debug": "^3.1.0", - "rgb": "~0.1.0" + "color": "0.11.4", + "debug": "3.2.7", + "rgb": "0.1.0" }, "dependencies": { "balanced-match": { @@ -1961,7 +1961,7 @@ "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "requires": { - "ms": "^2.1.1" + "ms": "2.1.2" } } } @@ -1971,7 +1971,7 @@ "resolved": "https://registry.npmjs.org/currently-unhandled/-/currently-unhandled-0.4.1.tgz", "integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=", "requires": { - "array-find-index": "^1.0.1" + "array-find-index": "1.0.2" } }, "custom-event-polyfill": { @@ -1984,7 +1984,7 @@ "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz", "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", "requires": { - "assert-plus": "^1.0.0" + "assert-plus": "1.0.0" } }, "debug": { @@ -1992,7 +1992,7 @@ "resolved": "https://registry.npmjs.org/debug/-/debug-4.1.1.tgz", "integrity": "sha512-pYAIzeRo8J6KPEaJ0VWOh5Pzkbw/RetuzehGM7QRRX5he4fPHx2rdKMB256ehJCkX+XRQm16eZLqLNS8RSZXZw==", "requires": { - "ms": "^2.1.1" + "ms": "2.1.2" } }, "decamelize": { @@ -2006,8 +2006,8 @@ "integrity": "sha1-0XGoeTMlKAfrPLYdwcFEXQeN8tk=", "dev": true, "requires": { - "decamelize": "^1.1.0", - "map-obj": "^1.0.0" + "decamelize": "1.2.0", + "map-obj": "1.0.1" } }, "decode-uri-component": { @@ -2020,14 +2020,14 @@ "resolved": "https://registry.npmjs.org/decompress/-/decompress-4.2.1.tgz", "integrity": "sha512-e48kc2IjU+2Zw8cTb6VZcJQ3lgVbS4uuB1TfCHbiZIP/haNXm+SVyhu+87jts5/3ROpd82GSVCoNs/z8l4ZOaQ==", "requires": { - "decompress-tar": "^4.0.0", - "decompress-tarbz2": "^4.0.0", - "decompress-targz": "^4.0.0", - "decompress-unzip": "^4.0.1", - "graceful-fs": "^4.1.10", - "make-dir": "^1.0.0", - "pify": "^2.3.0", - "strip-dirs": "^2.0.0" + "decompress-tar": "4.1.1", + "decompress-tarbz2": "4.1.1", + "decompress-targz": "4.1.1", + "decompress-unzip": "4.0.1", + "graceful-fs": "4.2.4", + "make-dir": "1.3.0", + "pify": "2.3.0", + "strip-dirs": "2.1.0" } }, "decompress-response": { @@ -2035,7 +2035,7 @@ "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-3.3.0.tgz", "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=", "requires": { - "mimic-response": "^1.0.0" + "mimic-response": "1.0.1" } }, "decompress-tar": { @@ -2043,9 +2043,9 @@ "resolved": "https://registry.npmjs.org/decompress-tar/-/decompress-tar-4.1.1.tgz", "integrity": "sha512-JdJMaCrGpB5fESVyxwpCx4Jdj2AagLmv3y58Qy4GE6HMVjWz1FeVQk1Ct4Kye7PftcdOo/7U7UKzYBJgqnGeUQ==", "requires": { - "file-type": "^5.2.0", - "is-stream": "^1.1.0", - "tar-stream": "^1.5.2" + "file-type": "5.2.0", + "is-stream": "1.1.0", + "tar-stream": "1.6.2" }, "dependencies": { "file-type": { @@ -2060,11 +2060,11 @@ "resolved": "https://registry.npmjs.org/decompress-tarbz2/-/decompress-tarbz2-4.1.1.tgz", "integrity": "sha512-s88xLzf1r81ICXLAVQVzaN6ZmX4A6U4z2nMbOwobxkLoIIfjVMBg7TeguTUXkKeXni795B6y5rnvDw7rxhAq9A==", "requires": { - "decompress-tar": "^4.1.0", - "file-type": "^6.1.0", - "is-stream": "^1.1.0", - "seek-bzip": "^1.0.5", - "unbzip2-stream": "^1.0.9" + "decompress-tar": "4.1.1", + "file-type": "6.2.0", + "is-stream": "1.1.0", + "seek-bzip": "1.0.5", + "unbzip2-stream": "1.4.2" }, "dependencies": { "file-type": { @@ -2079,9 +2079,9 @@ "resolved": "https://registry.npmjs.org/decompress-targz/-/decompress-targz-4.1.1.tgz", "integrity": "sha512-4z81Znfr6chWnRDNfFNqLwPvm4db3WuZkqV+UgXQzSngG3CEKdBkw5jrv3axjjL96glyiiKjsxJG3X6WBZwX3w==", "requires": { - "decompress-tar": "^4.1.1", - "file-type": "^5.2.0", - "is-stream": "^1.1.0" + "decompress-tar": "4.1.1", + "file-type": "5.2.0", + "is-stream": "1.1.0" }, "dependencies": { "file-type": { @@ -2096,10 +2096,10 @@ "resolved": "https://registry.npmjs.org/decompress-unzip/-/decompress-unzip-4.0.1.tgz", "integrity": "sha1-3qrM39FK6vhVePczroIQ+bSEj2k=", "requires": { - "file-type": "^3.8.0", - "get-stream": "^2.2.0", - "pify": "^2.3.0", - "yauzl": "^2.4.2" + "file-type": "3.9.0", + "get-stream": "2.3.1", + "pify": "2.3.0", + "yauzl": "2.10.0" }, "dependencies": { "file-type": { @@ -2112,8 +2112,8 @@ "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-2.3.1.tgz", "integrity": "sha1-Xzj5PzRgCWZu4BUKBUFn+Rvdld4=", "requires": { - "object-assign": "^4.0.1", - "pinkie-promise": "^2.0.0" + "object-assign": "4.1.1", + "pinkie-promise": "2.0.1" } } } @@ -2129,7 +2129,7 @@ "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.3.tgz", "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", "requires": { - "object-keys": "^1.0.12" + "object-keys": "1.1.1" } }, "define-property": { @@ -2137,8 +2137,8 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz", "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==", "requires": { - "is-descriptor": "^1.0.2", - "isobject": "^3.0.1" + "is-descriptor": "1.0.2", + "isobject": "3.0.1" }, "dependencies": { "is-accessor-descriptor": { @@ -2146,7 +2146,7 @@ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-data-descriptor": { @@ -2154,7 +2154,7 @@ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-descriptor": { @@ -2162,9 +2162,9 @@ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" + "is-accessor-descriptor": "1.0.0", + "is-data-descriptor": "1.0.0", + "kind-of": "6.0.3" } } } @@ -2204,8 +2204,8 @@ "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-2.0.0.tgz", "integrity": "sha512-37qirFDz8cA5fimp9feo43fSuRo2gHwaIn6dXL8Ber1dGwUosDrGZeCCXq57WnIqE4aQ+u3eQZzsk1yOzhdwag==", "requires": { - "arrify": "^1.0.1", - "path-type": "^3.0.0" + "arrify": "1.0.1", + "path-type": "3.0.0" }, "dependencies": { "path-type": { @@ -2213,7 +2213,7 @@ "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", "requires": { - "pify": "^3.0.0" + "pify": "3.0.0" } }, "pify": { @@ -2234,7 +2234,7 @@ "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==", "dev": true, "requires": { - "esutils": "^2.0.2" + "esutils": "2.0.3" } }, "doctypes": { @@ -2248,8 +2248,8 @@ "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==", "dev": true, "requires": { - "domelementtype": "^2.0.1", - "entities": "^2.0.0" + "domelementtype": "2.0.1", + "entities": "2.0.2" }, "dependencies": { "domelementtype": { @@ -2278,7 +2278,7 @@ "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==", "dev": true, "requires": { - "domelementtype": "1" + "domelementtype": "1.3.1" } }, "domutils": { @@ -2287,8 +2287,8 @@ "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", "dev": true, "requires": { - "dom-serializer": "0", - "domelementtype": "1" + "dom-serializer": "0.2.2", + "domelementtype": "1.3.1" } }, "dot-prop": { @@ -2297,7 +2297,7 @@ "integrity": "sha512-uEUyaDKoSQ1M4Oq8l45hSE26SnTxL6snNnqvK/VWx5wJhmff5z0FUVJDKDanor/6w3kzE3i7XZOk+7wC0EXr1A==", "dev": true, "requires": { - "is-obj": "^2.0.0" + "is-obj": "2.0.0" } }, "download": { @@ -2305,17 +2305,17 @@ "resolved": "https://registry.npmjs.org/download/-/download-6.2.5.tgz", "integrity": "sha512-DpO9K1sXAST8Cpzb7kmEhogJxymyVUd5qz/vCOSyvwtp2Klj2XcDt5YUuasgxka44SxF0q5RriKIwJmQHG2AuA==", "requires": { - "caw": "^2.0.0", - "content-disposition": "^0.5.2", - "decompress": "^4.0.0", - "ext-name": "^5.0.0", + "caw": "2.0.1", + "content-disposition": "0.5.3", + "decompress": "4.2.1", + "ext-name": "5.0.0", "file-type": "5.2.0", - "filenamify": "^2.0.0", - "get-stream": "^3.0.0", - "got": "^7.0.0", - "make-dir": "^1.0.0", - "p-event": "^1.0.0", - "pify": "^3.0.0" + "filenamify": "2.1.0", + "get-stream": "3.0.0", + "got": "7.1.0", + "make-dir": "1.3.0", + "p-event": "1.3.0", + "pify": "3.0.0" }, "dependencies": { "file-type": { @@ -2346,7 +2346,7 @@ "resolved": "https://registry.npmjs.org/easy-extender/-/easy-extender-2.3.4.tgz", "integrity": "sha512-8cAwm6md1YTiPpOvDULYJL4ZS6WfM5/cTeVVh4JsvyYZAoqlRVUpHL9Gr5Fy7HA6xcSZicUia3DeAgO3Us8E+Q==", "requires": { - "lodash": "^4.17.10" + "lodash": "4.17.20" } }, "eazy-logger": { @@ -2354,7 +2354,7 @@ "resolved": "https://registry.npmjs.org/eazy-logger/-/eazy-logger-3.1.0.tgz", "integrity": "sha512-/snsn2JqBtUSSstEl4R0RKjkisGHAhvYj89i7r3ytNUKW12y178KDZwXLXIgwDqLW6E/VRMT9qfld7wvFae8bQ==", "requires": { - "tfunk": "^4.0.0" + "tfunk": "4.0.0" } }, "ecc-jsbn": { @@ -2362,8 +2362,8 @@ "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz", "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", "requires": { - "jsbn": "~0.1.0", - "safer-buffer": "^2.1.0" + "jsbn": "0.1.1", + "safer-buffer": "2.1.2" } }, "ecstatic": { @@ -2371,10 +2371,10 @@ "resolved": "https://registry.npmjs.org/ecstatic/-/ecstatic-3.3.2.tgz", "integrity": "sha512-fLf9l1hnwrHI2xn9mEDT7KIi22UDqA2jaCwyCbSUJh9a1V+LEUSL/JO/6TIz/QyuBURWUHrFL5Kg2TtO1bkkog==", "requires": { - "he": "^1.1.1", - "mime": "^1.6.0", - "minimist": "^1.1.0", - "url-join": "^2.0.5" + "he": "1.2.0", + "mime": "1.6.0", + "minimist": "1.2.5", + "url-join": "2.0.5" }, "dependencies": { "mime": { @@ -2415,7 +2415,7 @@ "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz", "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=", "requires": { - "iconv-lite": "~0.4.13" + "iconv-lite": "0.4.24" } }, "end-of-stream": { @@ -2423,7 +2423,7 @@ "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz", "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==", "requires": { - "once": "^1.4.0" + "once": "1.4.0" } }, "engine.io": { @@ -2431,12 +2431,12 @@ "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.2.1.tgz", "integrity": "sha512-+VlKzHzMhaU+GsCIg4AoXF1UdDFjHHwMmMKqMJNDNLlUlejz58FCy4LBqB2YVJskHGYl06BatYWKP2TVdVXE5w==", "requires": { - "accepts": "~1.3.4", + "accepts": "1.3.7", "base64id": "1.0.0", "cookie": "0.3.1", - "debug": "~3.1.0", - "engine.io-parser": "~2.1.0", - "ws": "~3.3.1" + "debug": "3.1.0", + "engine.io-parser": "2.1.3", + "ws": "3.3.3" }, "dependencies": { "base64-arraybuffer": { @@ -2458,10 +2458,10 @@ "integrity": "sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==", "requires": { "after": "0.8.2", - "arraybuffer.slice": "~0.0.7", + "arraybuffer.slice": "0.0.7", "base64-arraybuffer": "0.1.5", "blob": "0.0.5", - "has-binary2": "~1.0.2" + "has-binary2": "1.0.3" } }, "ms": { @@ -2474,9 +2474,9 @@ "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz", "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==", "requires": { - "async-limiter": "~1.0.0", - "safe-buffer": "~5.1.0", - "ultron": "~1.1.0" + "async-limiter": "1.0.1", + "safe-buffer": "5.1.2", + "ultron": "1.1.1" } } } @@ -2486,16 +2486,16 @@ "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.4.4.tgz", "integrity": "sha512-iU4CRr38Fecj8HoZEnFtm2EiKGbYZcPn3cHxqNGl/tmdWRf60KhK+9vE0JeSjgnlS/0oynEfLgKbT9ALpim0sQ==", "requires": { - "component-emitter": "~1.3.0", + "component-emitter": "1.3.0", "component-inherit": "0.0.3", - "debug": "~3.1.0", - "engine.io-parser": "~2.2.0", + "debug": "3.1.0", + "engine.io-parser": "2.2.1", "has-cors": "1.1.0", "indexof": "0.0.1", "parseqs": "0.0.6", "parseuri": "0.0.6", - "ws": "~6.1.0", - "xmlhttprequest-ssl": "~1.5.4", + "ws": "6.1.4", + "xmlhttprequest-ssl": "1.5.5", "yeast": "0.1.2" }, "dependencies": { @@ -2525,10 +2525,10 @@ "integrity": "sha512-x+dN/fBH8Ro8TFwJ+rkB2AmuVw9Yu2mockR/p3W8f8YtExwFgDvBDi0GWyb4ZLkpahtDGZgtr3zLovanJghPqg==", "requires": { "after": "0.8.2", - "arraybuffer.slice": "~0.0.7", + "arraybuffer.slice": "0.0.7", "base64-arraybuffer": "0.1.4", "blob": "0.0.5", - "has-binary2": "~1.0.2" + "has-binary2": "1.0.3" } }, "entities": { @@ -2542,7 +2542,7 @@ "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", "requires": { - "is-arrayish": "^0.2.1" + "is-arrayish": "0.2.1" } }, "es-abstract": { @@ -2550,17 +2550,17 @@ "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.17.5.tgz", "integrity": "sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==", "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.1.5", - "is-regex": "^1.0.5", - "object-inspect": "^1.7.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.0", - "string.prototype.trimleft": "^2.1.1", - "string.prototype.trimright": "^2.1.1" + "es-to-primitive": "1.2.1", + "function-bind": "1.1.1", + "has": "1.0.3", + "has-symbols": "1.0.1", + "is-callable": "1.1.5", + "is-regex": "1.0.5", + "object-inspect": "1.7.0", + "object-keys": "1.1.1", + "object.assign": "4.1.0", + "string.prototype.trimleft": "2.1.2", + "string.prototype.trimright": "2.1.2" } }, "es-to-primitive": { @@ -2568,9 +2568,9 @@ "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz", "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==", "requires": { - "is-callable": "^1.1.4", - "is-date-object": "^1.0.1", - "is-symbol": "^1.0.2" + "is-callable": "1.1.5", + "is-date-object": "1.0.2", + "is-symbol": "1.0.3" } }, "es6-promise": { @@ -2594,44 +2594,44 @@ "integrity": "sha512-bT3/1x1EbZB7phzYu7vCr1v3ONuzDtX8WjuM9c0iYxe+cq+pwcKEoQjl7zd3RpC6YOLgnSy3cTN58M2jcoPDIQ==", "dev": true, "requires": { - "ajv": "^5.3.0", - "babel-code-frame": "^6.22.0", - "chalk": "^2.1.0", - "concat-stream": "^1.6.0", - "cross-spawn": "^5.1.0", - "debug": "^3.1.0", - "doctrine": "^2.1.0", - "eslint-scope": "^3.7.1", - "eslint-visitor-keys": "^1.0.0", - "espree": "^3.5.4", - "esquery": "^1.0.0", - "esutils": "^2.0.2", - "file-entry-cache": "^2.0.0", - "functional-red-black-tree": "^1.0.1", - "glob": "^7.1.2", - "globals": "^11.0.1", - "ignore": "^3.3.3", - "imurmurhash": "^0.1.4", - "inquirer": "^3.0.6", - "is-resolvable": "^1.0.0", - "js-yaml": "^3.9.1", - "json-stable-stringify-without-jsonify": "^1.0.1", - "levn": "^0.3.0", - "lodash": "^4.17.4", - "minimatch": "^3.0.2", - "mkdirp": "^0.5.1", - "natural-compare": "^1.4.0", - "optionator": "^0.8.2", - "path-is-inside": "^1.0.2", - "pluralize": "^7.0.0", - "progress": "^2.0.0", - "regexpp": "^1.0.1", - "require-uncached": "^1.0.3", - "semver": "^5.3.0", - "strip-ansi": "^4.0.0", - "strip-json-comments": "~2.0.1", + "ajv": "5.5.2", + "babel-code-frame": "6.26.0", + "chalk": "2.4.2", + "concat-stream": "1.6.2", + "cross-spawn": "5.1.0", + "debug": "3.2.6", + "doctrine": "2.1.0", + "eslint-scope": "3.7.3", + "eslint-visitor-keys": "1.1.0", + "espree": "3.5.4", + "esquery": "1.3.1", + "esutils": "2.0.3", + "file-entry-cache": "2.0.0", + "functional-red-black-tree": "1.0.1", + "glob": "7.1.6", + "globals": "11.12.0", + "ignore": "3.3.10", + "imurmurhash": "0.1.4", + "inquirer": "3.3.0", + "is-resolvable": "1.1.0", + "js-yaml": "3.13.1", + "json-stable-stringify-without-jsonify": "1.0.1", + "levn": "0.3.0", + "lodash": "4.17.20", + "minimatch": "3.0.4", + "mkdirp": "0.5.5", + "natural-compare": "1.4.0", + "optionator": "0.8.3", + "path-is-inside": "1.0.2", + "pluralize": "7.0.0", + "progress": "2.0.3", + "regexpp": "1.1.0", + "require-uncached": "1.0.3", + "semver": "5.7.1", + "strip-ansi": "4.0.0", + "strip-json-comments": "2.0.1", "table": "4.0.2", - "text-table": "~0.2.0" + "text-table": "0.2.0" }, "dependencies": { "ajv": { @@ -2640,10 +2640,10 @@ "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=", "dev": true, "requires": { - "co": "^4.6.0", - "fast-deep-equal": "^1.0.0", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.3.0" + "co": "4.6.0", + "fast-deep-equal": "1.1.0", + "fast-json-stable-stringify": "2.1.0", + "json-schema-traverse": "0.3.1" } }, "ansi-regex": { @@ -2658,7 +2658,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -2667,9 +2667,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "co": { @@ -2684,9 +2684,9 @@ "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=", "dev": true, "requires": { - "lru-cache": "^4.0.1", - "shebang-command": "^1.2.0", - "which": "^1.2.9" + "lru-cache": "4.1.5", + "shebang-command": "1.2.0", + "which": "1.3.1" } }, "debug": { @@ -2695,7 +2695,7 @@ "integrity": "sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==", "dev": true, "requires": { - "ms": "^2.1.1" + "ms": "2.1.2" } }, "fast-deep-equal": { @@ -2716,7 +2716,7 @@ "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "dev": true, "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } }, "strip-ansi": { @@ -2725,7 +2725,7 @@ "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", "dev": true, "requires": { - "ansi-regex": "^3.0.0" + "ansi-regex": "3.0.0" } }, "supports-color": { @@ -2734,7 +2734,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -2745,7 +2745,7 @@ "integrity": "sha512-/vjm0Px5ZCpmJqnjIzcFb9TKZrKWz0gnuG/7Gfkt0Db1ELJR51xkZth+t14rYdqWgX836XbuxtArbIHlVhbLBA==", "dev": true, "requires": { - "eslint-restricted-globals": "^0.1.1" + "eslint-restricted-globals": "0.1.1" } }, "eslint-import-resolver-node": { @@ -2754,8 +2754,8 @@ "integrity": "sha512-ogtf+5AB/O+nM6DIeBUNr2fuT7ot9Qg/1harBfBtaP13ekEWFQEEMP94BCB7zaNW3gyY+8SHYF00rnqYwXKWOA==", "dev": true, "requires": { - "debug": "^2.6.9", - "resolve": "^1.13.1" + "debug": "2.6.9", + "resolve": "1.17.0" }, "dependencies": { "debug": { @@ -2781,8 +2781,8 @@ "integrity": "sha512-6j9xxegbqe8/kZY8cYpcp0xhbK0EgJlg3g9mib3/miLaExuuwc3n5UEfSnU6hWMbT0FAYVvDbL9RrRgpUeQIvA==", "dev": true, "requires": { - "debug": "^2.6.9", - "pkg-dir": "^2.0.0" + "debug": "2.6.9", + "pkg-dir": "2.0.0" }, "dependencies": { "debug": { @@ -2808,19 +2808,19 @@ "integrity": "sha512-8K7JjINHOpH64ozkAhpT3sd+FswIZTfMZTjdx052pnWrgRCVfp8op9tbjpAk3DdUeI/Ba4C8OjdC0r90erHEOw==", "dev": true, "requires": { - "array-includes": "^3.1.1", - "array.prototype.flat": "^1.2.3", - "contains-path": "^0.1.0", - "debug": "^2.6.9", + "array-includes": "3.1.2", + "array.prototype.flat": "1.2.4", + "contains-path": "0.1.0", + "debug": "2.6.9", "doctrine": "1.5.0", - "eslint-import-resolver-node": "^0.3.4", - "eslint-module-utils": "^2.6.0", - "has": "^1.0.3", - "minimatch": "^3.0.4", - "object.values": "^1.1.1", - "read-pkg-up": "^2.0.0", - "resolve": "^1.17.0", - "tsconfig-paths": "^3.9.0" + "eslint-import-resolver-node": "0.3.4", + "eslint-module-utils": "2.6.0", + "has": "1.0.3", + "minimatch": "3.0.4", + "object.values": "1.1.2", + "read-pkg-up": "2.0.0", + "resolve": "1.17.0", + "tsconfig-paths": "3.9.0" }, "dependencies": { "debug": { @@ -2838,8 +2838,8 @@ "integrity": "sha1-N53Ocw9hZvds76TmcHoVmwLFpvo=", "dev": true, "requires": { - "esutils": "^2.0.2", - "isarray": "^1.0.0" + "esutils": "2.0.3", + "isarray": "1.0.0" } }, "ms": { @@ -2862,8 +2862,8 @@ "integrity": "sha512-W+B0SvF4gamyCTmUc+uITPY0989iXVfKvhwtmJocTaYoc/3khEHmEmvfY/Gn9HA9VV75jrQECsHizkNw1b68FA==", "dev": true, "requires": { - "esrecurse": "^4.1.0", - "estraverse": "^4.1.1" + "esrecurse": "4.2.1", + "estraverse": "4.3.0" } }, "eslint-visitor-keys": { @@ -2878,8 +2878,8 @@ "integrity": "sha512-yAcIQxtmMiB/jL32dzEp2enBeidsB7xWPLNiw3IIkpVds1P+h7qF9YwJq1yUNzp2OKXgAprs4F61ih66UsoD1A==", "dev": true, "requires": { - "acorn": "^5.5.0", - "acorn-jsx": "^3.0.0" + "acorn": "5.7.4", + "acorn-jsx": "3.0.1" }, "dependencies": { "acorn": { @@ -2901,7 +2901,7 @@ "integrity": "sha512-olpvt9QG0vniUBZspVRN6lwB7hOZoTRtT+jzR+tS4ffYx2mzbw+z0XCOk44aaLYKApNX5nMm+E+P6o25ip/DHQ==", "dev": true, "requires": { - "estraverse": "^5.1.0" + "estraverse": "5.1.0" }, "dependencies": { "estraverse": { @@ -2918,7 +2918,7 @@ "integrity": "sha512-64RBB++fIOAXPw3P9cy89qfMlvZEXZkqqJkjqqXIvzP5ezRZjW+lPWjw35UX/3EhUPFYbg5ER4JYgDw4007/DQ==", "dev": true, "requires": { - "estraverse": "^4.1.0" + "estraverse": "4.3.0" } }, "estraverse": { @@ -2943,13 +2943,13 @@ "integrity": "sha512-qACXdu/9VHPBzcyhdOWR5/IahhGMf0roTeZJfzz077GwylcDd90yOHLouhmv7GJ5XzPi6ekaQWd8AvPP2nOvpA==", "dev": true, "requires": { - "duplexer": "^0.1.1", - "from": "^0.1.7", + "duplexer": "0.1.1", + "from": "0.1.7", "map-stream": "0.0.7", - "pause-stream": "^0.0.11", - "split": "^1.0.1", - "stream-combiner": "^0.2.2", - "through": "^2.3.8" + "pause-stream": "0.0.11", + "split": "1.0.1", + "stream-combiner": "0.2.2", + "through": "2.3.8" } }, "eventemitter3": { @@ -2963,7 +2963,7 @@ "integrity": "sha1-c9CQTjlbPKsGWLCNCewlMH8pu3M=", "dev": true, "requires": { - "clone-regexp": "^1.0.0" + "clone-regexp": "1.0.1" } }, "expand-brackets": { @@ -2971,13 +2971,13 @@ "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz", "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=", "requires": { - "debug": "^2.3.3", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "posix-character-classes": "^0.1.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" + "debug": "2.6.9", + "define-property": "0.2.5", + "extend-shallow": "2.0.1", + "posix-character-classes": "0.1.1", + "regex-not": "1.0.2", + "snapdragon": "0.8.2", + "to-regex": "3.0.2" }, "dependencies": { "debug": { @@ -2993,7 +2993,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", "requires": { - "is-descriptor": "^0.1.0" + "is-descriptor": "0.1.6" } }, "extend-shallow": { @@ -3001,7 +3001,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } }, "ms": { @@ -3016,7 +3016,7 @@ "resolved": "https://registry.npmjs.org/ext-list/-/ext-list-2.2.2.tgz", "integrity": "sha512-u+SQgsubraE6zItfVA0tBuCBhfU9ogSRnsvygI7wht9TS510oLkBRXBsqopeUG/GBOIQyKZO9wjTqIu/sf5zFA==", "requires": { - "mime-db": "^1.28.0" + "mime-db": "1.44.0" } }, "ext-name": { @@ -3024,8 +3024,8 @@ "resolved": "https://registry.npmjs.org/ext-name/-/ext-name-5.0.0.tgz", "integrity": "sha512-yblEwXAbGv1VQDmow7s38W77hzAgJAO50ztBLMcUyUBfxv1HC+LGwtiEN+Co6LtlqT/5uwVOxsD4TNIilWhwdQ==", "requires": { - "ext-list": "^2.0.0", - "sort-keys-length": "^1.0.0" + "ext-list": "2.2.2", + "sort-keys-length": "1.0.1" } }, "extend": { @@ -3038,8 +3038,8 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz", "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=", "requires": { - "assign-symbols": "^1.0.0", - "is-extendable": "^1.0.1" + "assign-symbols": "1.0.0", + "is-extendable": "1.0.1" }, "dependencies": { "is-extendable": { @@ -3047,7 +3047,7 @@ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", "requires": { - "is-plain-object": "^2.0.4" + "is-plain-object": "2.0.4" } } } @@ -3058,9 +3058,9 @@ "integrity": "sha512-bSn6gvGxKt+b7+6TKEv1ZycHleA7aHhRHyAqJyp5pbUFuYYNIzpZnQDk7AsYckyWdEnTeAnay0aCy2aV6iTk9A==", "dev": true, "requires": { - "chardet": "^0.4.0", - "iconv-lite": "^0.4.17", - "tmp": "^0.0.33" + "chardet": "0.4.2", + "iconv-lite": "0.4.24", + "tmp": "0.0.33" } }, "extglob": { @@ -3068,14 +3068,14 @@ "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz", "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==", "requires": { - "array-unique": "^0.3.2", - "define-property": "^1.0.0", - "expand-brackets": "^2.1.4", - "extend-shallow": "^2.0.1", - "fragment-cache": "^0.2.1", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" + "array-unique": "0.3.2", + "define-property": "1.0.0", + "expand-brackets": "2.1.4", + "extend-shallow": "2.0.1", + "fragment-cache": "0.2.1", + "regex-not": "1.0.2", + "snapdragon": "0.8.2", + "to-regex": "3.0.2" }, "dependencies": { "define-property": { @@ -3083,7 +3083,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", "requires": { - "is-descriptor": "^1.0.0" + "is-descriptor": "1.0.2" } }, "extend-shallow": { @@ -3091,7 +3091,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } }, "is-accessor-descriptor": { @@ -3099,7 +3099,7 @@ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-data-descriptor": { @@ -3107,7 +3107,7 @@ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-descriptor": { @@ -3115,9 +3115,9 @@ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" + "is-accessor-descriptor": "1.0.0", + "is-data-descriptor": "1.0.0", + "kind-of": "6.0.3" } } } @@ -3137,12 +3137,12 @@ "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.7.tgz", "integrity": "sha512-g1KuQwHOZAmOZMuBtHdxDtju+T2RT8jgCC9aANsbpdiDDTSnjgfuVsIBNKbUeJI3oKMRExcfNDtJl4OhbffMsw==", "requires": { - "@mrmlnc/readdir-enhanced": "^2.2.1", - "@nodelib/fs.stat": "^1.1.2", - "glob-parent": "^3.1.0", - "is-glob": "^4.0.0", - "merge2": "^1.2.3", - "micromatch": "^3.1.10" + "@mrmlnc/readdir-enhanced": "2.2.1", + "@nodelib/fs.stat": "1.1.3", + "glob-parent": "3.1.0", + "is-glob": "4.0.1", + "merge2": "1.3.0", + "micromatch": "3.1.10" } }, "fast-json-stable-stringify": { @@ -3161,7 +3161,7 @@ "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz", "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=", "requires": { - "pend": "~1.2.0" + "pend": "1.2.0" } }, "fetch": { @@ -3179,7 +3179,7 @@ "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=", "dev": true, "requires": { - "escape-string-regexp": "^1.0.5" + "escape-string-regexp": "1.0.5" } }, "file-entry-cache": { @@ -3188,8 +3188,8 @@ "integrity": "sha1-w5KZDD5oR4PYOLjISkXYoEhFg2E=", "dev": true, "requires": { - "flat-cache": "^1.2.1", - "object-assign": "^4.0.1" + "flat-cache": "1.3.4", + "object-assign": "4.1.1" } }, "file-type": { @@ -3207,9 +3207,9 @@ "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-2.1.0.tgz", "integrity": "sha512-ICw7NTT6RsDp2rnYKVd8Fu4cr6ITzGy3+u4vUujPkabyaz+03F24NWEX7fs5fp+kBonlaqPH8fAO2NM+SXt/JA==", "requires": { - "filename-reserved-regex": "^2.0.0", - "strip-outer": "^1.0.0", - "trim-repeated": "^1.0.0" + "filename-reserved-regex": "2.0.0", + "strip-outer": "1.0.1", + "trim-repeated": "1.0.0" } }, "fill-range": { @@ -3217,10 +3217,10 @@ "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz", "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=", "requires": { - "extend-shallow": "^2.0.1", - "is-number": "^3.0.0", - "repeat-string": "^1.6.1", - "to-regex-range": "^2.1.0" + "extend-shallow": "2.0.1", + "is-number": "3.0.0", + "repeat-string": "1.6.1", + "to-regex-range": "2.1.1" }, "dependencies": { "extend-shallow": { @@ -3228,7 +3228,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } } } @@ -3239,12 +3239,12 @@ "integrity": "sha1-zgtoVbRYU+eRsvzGgARtiCU91/U=", "requires": { "debug": "2.6.9", - "encodeurl": "~1.0.1", - "escape-html": "~1.0.3", - "on-finished": "~2.3.0", - "parseurl": "~1.3.2", - "statuses": "~1.3.1", - "unpipe": "~1.0.0" + "encodeurl": "1.0.2", + "escape-html": "1.0.3", + "on-finished": "2.3.0", + "parseurl": "1.3.3", + "statuses": "1.3.1", + "unpipe": "1.0.0" }, "dependencies": { "debug": { @@ -3268,7 +3268,7 @@ "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", "dev": true, "requires": { - "locate-path": "^2.0.0" + "locate-path": "2.0.0" } }, "flat-cache": { @@ -3277,10 +3277,10 @@ "integrity": "sha512-VwyB3Lkgacfik2vhqR4uv2rvebqmDvFu4jlN/C1RzWoJEo8I7z4Q404oiqYCkq41mni8EzQnm95emU9seckwtg==", "dev": true, "requires": { - "circular-json": "^0.3.1", - "graceful-fs": "^4.1.2", - "rimraf": "~2.6.2", - "write": "^0.2.1" + "circular-json": "0.3.3", + "graceful-fs": "4.2.4", + "rimraf": "2.6.3", + "write": "0.2.1" }, "dependencies": { "rimraf": { @@ -3289,7 +3289,7 @@ "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", "dev": true, "requires": { - "glob": "^7.1.3" + "glob": "7.1.6" } } } @@ -3310,7 +3310,7 @@ "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.5.10.tgz", "integrity": "sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==", "requires": { - "debug": "=3.1.0" + "debug": "3.1.0" }, "dependencies": { "debug": { @@ -3348,9 +3348,9 @@ "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz", "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==", "requires": { - "asynckit": "^0.4.0", - "combined-stream": "^1.0.6", - "mime-types": "^2.1.12" + "asynckit": "0.4.0", + "combined-stream": "1.0.8", + "mime-types": "2.1.27" } }, "foundation-sites": { @@ -3358,8 +3358,8 @@ "resolved": "https://registry.npmjs.org/foundation-sites/-/foundation-sites-6.4.3.tgz", "integrity": "sha1-6onrWZut9vA91SbFHwC9uUKoRPY=", "requires": { - "jquery": ">=3.0.0", - "what-input": "^4.1.3" + "jquery": "3.5.1", + "what-input": "4.3.1" } }, "fragment-cache": { @@ -3367,7 +3367,7 @@ "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz", "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=", "requires": { - "map-cache": "^0.2.2" + "map-cache": "0.2.2" } }, "fresh": { @@ -3396,9 +3396,9 @@ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-3.0.1.tgz", "integrity": "sha1-N5TzeMWLNC6n27sjCVEJxLO2IpE=", "requires": { - "graceful-fs": "^4.1.2", - "jsonfile": "^3.0.0", - "universalify": "^0.1.0" + "graceful-fs": "4.2.4", + "jsonfile": "3.0.1", + "universalify": "0.1.2" } }, "fs.realpath": { @@ -3417,10 +3417,10 @@ "resolved": "https://registry.npmjs.org/fstream/-/fstream-1.0.12.tgz", "integrity": "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg==", "requires": { - "graceful-fs": "^4.1.2", - "inherits": "~2.0.0", - "mkdirp": ">=0.5 0", - "rimraf": "2" + "graceful-fs": "4.2.4", + "inherits": "2.0.4", + "mkdirp": "0.5.5", + "rimraf": "2.7.1" }, "dependencies": { "mkdirp": { @@ -3428,7 +3428,7 @@ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } } } @@ -3438,9 +3438,9 @@ "resolved": "https://registry.npmjs.org/fstream-ignore/-/fstream-ignore-1.0.5.tgz", "integrity": "sha1-nDHa40dnAY/h0kmyTa2mfQktoQU=", "requires": { - "fstream": "^1.0.0", - "inherits": "2", - "minimatch": "^3.0.0" + "fstream": "1.0.12", + "inherits": "2.0.4", + "minimatch": "3.0.4" } }, "function-bind": { @@ -3465,14 +3465,14 @@ "resolved": "https://registry.npmjs.org/gauge/-/gauge-2.7.4.tgz", "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", "requires": { - "aproba": "^1.0.3", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", - "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" + "aproba": "1.2.0", + "console-control-strings": "1.1.0", + "has-unicode": "2.0.1", + "object-assign": "4.1.1", + "signal-exit": "3.0.3", + "string-width": "1.0.2", + "strip-ansi": "3.0.1", + "wide-align": "1.1.3" } }, "gaze": { @@ -3480,7 +3480,7 @@ "resolved": "https://registry.npmjs.org/gaze/-/gaze-1.1.3.tgz", "integrity": "sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g==", "requires": { - "globule": "^1.0.0" + "globule": "1.3.2" } }, "gensync": { @@ -3500,9 +3500,9 @@ "integrity": "sha512-ZnWP+AmS1VUaLgTRy47+zKtjTxz+0xMpx3I52i+aalBK1QP19ggLF3Db89KJX7kjfOfP2eoa01qc++GwPgufPg==", "dev": true, "requires": { - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1" + "function-bind": "1.1.1", + "has": "1.0.3", + "has-symbols": "1.0.1" } }, "get-proxy": { @@ -3510,7 +3510,7 @@ "resolved": "https://registry.npmjs.org/get-proxy/-/get-proxy-2.1.0.tgz", "integrity": "sha512-zmZIaQTWnNQb4R4fJUEp/FC51eZsc6EkErspy3xtIYStaq8EB/hDIWipxsal+E8rz0qD7f2sL/NA9Xee4RInJw==", "requires": { - "npm-conf": "^1.1.0" + "npm-conf": "1.1.3" } }, "get-stdin": { @@ -3533,7 +3533,7 @@ "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz", "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", "requires": { - "assert-plus": "^1.0.0" + "assert-plus": "1.0.0" } }, "glob": { @@ -3541,12 +3541,12 @@ "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz", "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" + "fs.realpath": "1.0.0", + "inflight": "1.0.6", + "inherits": "2.0.4", + "minimatch": "3.0.4", + "once": "1.4.0", + "path-is-absolute": "1.0.1" } }, "glob-parent": { @@ -3554,8 +3554,8 @@ "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz", "integrity": "sha1-nmr2KZ2NO9K9QEMIMr0RPfkGxa4=", "requires": { - "is-glob": "^3.1.0", - "path-dirname": "^1.0.0" + "is-glob": "3.1.0", + "path-dirname": "1.0.2" }, "dependencies": { "is-glob": { @@ -3563,7 +3563,7 @@ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz", "integrity": "sha1-e6WuJCF4BKxwcHuWkiVnSGzD6Eo=", "requires": { - "is-extglob": "^2.1.0" + "is-extglob": "2.1.1" } } } @@ -3579,7 +3579,7 @@ "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==", "dev": true, "requires": { - "global-prefix": "^3.0.0" + "global-prefix": "3.0.0" } }, "global-prefix": { @@ -3588,9 +3588,9 @@ "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==", "dev": true, "requires": { - "ini": "^1.3.5", - "kind-of": "^6.0.2", - "which": "^1.3.1" + "ini": "1.3.5", + "kind-of": "6.0.3", + "which": "1.3.1" } }, "globals": { @@ -3604,13 +3604,13 @@ "resolved": "https://registry.npmjs.org/globby/-/globby-8.0.2.tgz", "integrity": "sha512-yTzMmKygLp8RUpG1Ymu2VXPSJQZjNAZPD4ywgYEaG7e4tBJeUQBO8OpXrf1RCNcEs5alsoJYPAMiIHP0cmeC7w==", "requires": { - "array-union": "^1.0.1", + "array-union": "1.0.2", "dir-glob": "2.0.0", - "fast-glob": "^2.0.2", - "glob": "^7.1.2", - "ignore": "^3.3.5", - "pify": "^3.0.0", - "slash": "^1.0.0" + "fast-glob": "2.2.7", + "glob": "7.1.6", + "ignore": "3.3.10", + "pify": "3.0.0", + "slash": "1.0.0" }, "dependencies": { "pify": { @@ -3631,9 +3631,9 @@ "resolved": "https://registry.npmjs.org/globule/-/globule-1.3.2.tgz", "integrity": "sha512-7IDTQTIu2xzXkT+6mlluidnWo+BypnbSoEVVQCGfzqnl5Ik8d3e1d4wycb8Rj9tWW+Z39uPWsdlquqiqPCd/pA==", "requires": { - "glob": "~7.1.1", - "lodash": "~4.17.10", - "minimatch": "~3.0.2" + "glob": "7.1.6", + "lodash": "4.17.20", + "minimatch": "3.0.4" } }, "gonzales-pe": { @@ -3642,7 +3642,7 @@ "integrity": "sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==", "dev": true, "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } }, "got": { @@ -3650,20 +3650,20 @@ "resolved": "https://registry.npmjs.org/got/-/got-7.1.0.tgz", "integrity": "sha512-Y5WMo7xKKq1muPsxD+KmrR8DH5auG7fBdDVueZwETwV6VytKyU9OX/ddpq2/1hp1vIPvVb4T81dKQz3BivkNLw==", "requires": { - "decompress-response": "^3.2.0", - "duplexer3": "^0.1.4", - "get-stream": "^3.0.0", - "is-plain-obj": "^1.1.0", - "is-retry-allowed": "^1.0.0", - "is-stream": "^1.0.0", - "isurl": "^1.0.0-alpha5", - "lowercase-keys": "^1.0.0", - "p-cancelable": "^0.3.0", - "p-timeout": "^1.1.1", - "safe-buffer": "^5.0.1", - "timed-out": "^4.0.0", - "url-parse-lax": "^1.0.0", - "url-to-options": "^1.0.1" + "decompress-response": "3.3.0", + "duplexer3": "0.1.4", + "get-stream": "3.0.0", + "is-plain-obj": "1.1.0", + "is-retry-allowed": "1.2.0", + "is-stream": "1.1.0", + "isurl": "1.0.0", + "lowercase-keys": "1.0.1", + "p-cancelable": "0.3.0", + "p-timeout": "1.2.1", + "safe-buffer": "5.1.2", + "timed-out": "4.0.1", + "url-parse-lax": "1.0.0", + "url-to-options": "1.0.1" } }, "graceful-fs": { @@ -3681,11 +3681,11 @@ "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-2.1.1.tgz", "integrity": "sha1-MELZrewqHe1qdwep7SOA+KF6Qw4=", "requires": { - "ansi-red": "^0.1.1", - "coffee-script": "^1.12.4", - "extend-shallow": "^2.0.1", - "js-yaml": "^3.8.1", - "toml": "^2.3.2" + "ansi-red": "0.1.1", + "coffee-script": "1.12.7", + "extend-shallow": "2.0.1", + "js-yaml": "3.13.1", + "toml": "2.3.6" }, "dependencies": { "extend-shallow": { @@ -3693,7 +3693,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } } } @@ -3703,11 +3703,11 @@ "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.6.tgz", "integrity": "sha512-1f2BACcBfiwAfStCKZNrUCgqNZkGsAT7UM3kkYtXuLo0KnaVfjKOyf7PRzB6++aK9STyT1Pd2ZCPe3EGOXleXA==", "requires": { - "minimist": "^1.2.5", - "neo-async": "^2.6.0", - "source-map": "^0.6.1", - "uglify-js": "^3.1.4", - "wordwrap": "^1.0.0" + "minimist": "1.2.5", + "neo-async": "2.6.2", + "source-map": "0.6.1", + "uglify-js": "3.12.1", + "wordwrap": "1.0.0" }, "dependencies": { "source-map": { @@ -3738,8 +3738,8 @@ "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz", "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==", "requires": { - "ajv": "^6.12.3", - "har-schema": "^2.0.0" + "ajv": "6.12.6", + "har-schema": "2.0.0" }, "dependencies": { "ajv": { @@ -3747,10 +3747,10 @@ "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz", "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" + "fast-deep-equal": "3.1.1", + "fast-json-stable-stringify": "2.1.0", + "json-schema-traverse": "0.4.1", + "uri-js": "4.2.2" } } } @@ -3760,7 +3760,7 @@ "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz", "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", "requires": { - "function-bind": "^1.1.1" + "function-bind": "1.1.1" } }, "has-ansi": { @@ -3768,7 +3768,7 @@ "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz", "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=", "requires": { - "ansi-regex": "^2.0.0" + "ansi-regex": "2.1.1" } }, "has-binary2": { @@ -3816,7 +3816,7 @@ "resolved": "https://registry.npmjs.org/has-to-string-tag-x/-/has-to-string-tag-x-1.4.1.tgz", "integrity": "sha512-vdbKfmw+3LoOYVr+mtxHaX5a96+0f3DljYd8JOqvOLsf5mw2Otda2qCDT9qRqLAhrjyQ0h7ual5nOiASpsGNFw==", "requires": { - "has-symbol-support-x": "^1.4.1" + "has-symbol-support-x": "1.4.2" } }, "has-unicode": { @@ -3829,9 +3829,9 @@ "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz", "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=", "requires": { - "get-value": "^2.0.6", - "has-values": "^1.0.0", - "isobject": "^3.0.0" + "get-value": "2.0.6", + "has-values": "1.0.0", + "isobject": "3.0.1" } }, "has-values": { @@ -3839,8 +3839,8 @@ "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz", "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=", "requires": { - "is-number": "^3.0.0", - "kind-of": "^4.0.0" + "is-number": "3.0.0", + "kind-of": "4.0.0" }, "dependencies": { "kind-of": { @@ -3848,7 +3848,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz", "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -3865,12 +3865,11 @@ }, "hithercontent": { "version": "github:kalamuna/hithercontent#c3aff199edbdd37ea3eaa4de34d5cd427a37cedf", - "from": "github:kalamuna/hithercontent#download", "requires": { - "async": "^1.5.0", - "base-64": "^0.1.0", - "is-json": "^1.2.5", - "node-fetch": "^2.6.0" + "async": "1.5.2", + "base-64": "0.1.0", + "is-json": "1.2.5", + "node-fetch": "2.6.1" }, "dependencies": { "node-fetch": { @@ -3902,12 +3901,12 @@ "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==", "dev": true, "requires": { - "domelementtype": "^1.3.1", - "domhandler": "^2.3.0", - "domutils": "^1.5.1", - "entities": "^1.1.1", - "inherits": "^2.0.1", - "readable-stream": "^3.1.1" + "domelementtype": "1.3.1", + "domhandler": "2.4.2", + "domutils": "1.7.0", + "entities": "1.1.2", + "inherits": "2.0.4", + "readable-stream": "3.6.0" }, "dependencies": { "readable-stream": { @@ -3916,9 +3915,9 @@ "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", "dev": true, "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" + "inherits": "2.0.4", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } } } @@ -3928,10 +3927,10 @@ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz", "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==", "requires": { - "depd": "~1.1.2", + "depd": "1.1.2", "inherits": "2.0.4", "setprototypeof": "1.1.1", - "statuses": ">= 1.5.0 < 2", + "statuses": "1.5.0", "toidentifier": "1.0.0" }, "dependencies": { @@ -3947,9 +3946,9 @@ "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", "requires": { - "eventemitter3": "^4.0.0", - "follow-redirects": "^1.0.0", - "requires-port": "^1.0.0" + "eventemitter3": "4.0.7", + "follow-redirects": "1.5.10", + "requires-port": "1.0.0" } }, "http-server": { @@ -3957,16 +3956,16 @@ "resolved": "https://registry.npmjs.org/http-server/-/http-server-0.12.3.tgz", "integrity": "sha512-be0dKG6pni92bRjq0kvExtj/NrrAd28/8fCXkaI/4piTwQMSDSLMhWyW0NI1V+DBI3aa1HMlQu46/HjVLfmugA==", "requires": { - "basic-auth": "^1.0.3", - "colors": "^1.4.0", - "corser": "^2.0.1", - "ecstatic": "^3.3.2", - "http-proxy": "^1.18.0", - "minimist": "^1.2.5", - "opener": "^1.5.1", - "portfinder": "^1.0.25", + "basic-auth": "1.1.0", + "colors": "1.4.0", + "corser": "2.0.1", + "ecstatic": "3.3.2", + "http-proxy": "1.18.1", + "minimist": "1.2.5", + "opener": "1.5.2", + "portfinder": "1.0.28", "secure-compare": "3.0.1", - "union": "~0.5.0" + "union": "0.5.0" }, "dependencies": { "eventemitter3": { @@ -3979,9 +3978,9 @@ "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz", "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==", "requires": { - "eventemitter3": "^4.0.0", - "follow-redirects": "^1.0.0", - "requires-port": "^1.0.0" + "eventemitter3": "4.0.7", + "follow-redirects": "1.5.10", + "requires-port": "1.0.0" } } } @@ -3991,9 +3990,9 @@ "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz", "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", "requires": { - "assert-plus": "^1.0.0", - "jsprim": "^1.2.2", - "sshpk": "^1.7.0" + "assert-plus": "1.0.0", + "jsprim": "1.4.1", + "sshpk": "1.16.1" } }, "iconv-lite": { @@ -4001,7 +4000,7 @@ "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz", "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==", "requires": { - "safer-buffer": ">= 2.1.2 < 3" + "safer-buffer": "2.1.2" } }, "ieee754": { @@ -4025,8 +4024,8 @@ "integrity": "sha1-2BNVwVYS04bGH53dOSLUMEgipUY=", "dev": true, "requires": { - "caller-path": "^2.0.0", - "resolve-from": "^3.0.0" + "caller-path": "2.0.0", + "resolve-from": "3.0.0" }, "dependencies": { "caller-path": { @@ -4035,7 +4034,7 @@ "integrity": "sha1-Ro+DBE42mrIBD6xfBs7uFbsssfQ=", "dev": true, "requires": { - "caller-callsite": "^2.0.0" + "caller-callsite": "2.0.0" } }, "resolve-from": { @@ -4067,7 +4066,7 @@ "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-2.1.0.tgz", "integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=", "requires": { - "repeating": "^2.0.0" + "repeating": "2.0.1" } }, "indexes-of": { @@ -4085,8 +4084,8 @@ "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", "requires": { - "once": "^1.3.0", - "wrappy": "1" + "once": "1.4.0", + "wrappy": "1.0.2" } }, "inherits": { @@ -4104,7 +4103,7 @@ "resolved": "https://registry.npmjs.org/inputformat-to-jstransformer/-/inputformat-to-jstransformer-1.4.0.tgz", "integrity": "sha512-Ub+Wjb0mjaND4IS/GDvQ+TEyd1i9U4OdrF58mBY7QTYu8CK5K34DPV7mrvo/WQBJLj7UJWQc7QAmFb7CbQ5lLw==", "requires": { - "require-one": "^1.0.3" + "require-one": "1.0.3" } }, "inquirer": { @@ -4113,20 +4112,20 @@ "integrity": "sha512-h+xtnyk4EwKvFWHrUYsWErEVR+igKtLdchu+o0Z1RL7VU/jVMFbYir2bp6bAj8efFNxWqHX0dIss6fJQ+/+qeQ==", "dev": true, "requires": { - "ansi-escapes": "^3.0.0", - "chalk": "^2.0.0", - "cli-cursor": "^2.1.0", - "cli-width": "^2.0.0", - "external-editor": "^2.0.4", - "figures": "^2.0.0", - "lodash": "^4.3.0", + "ansi-escapes": "3.2.0", + "chalk": "2.4.2", + "cli-cursor": "2.1.0", + "cli-width": "2.2.1", + "external-editor": "2.2.0", + "figures": "2.0.0", + "lodash": "4.17.20", "mute-stream": "0.0.7", - "run-async": "^2.2.0", - "rx-lite": "^4.0.8", - "rx-lite-aggregates": "^4.0.8", - "string-width": "^2.1.0", - "strip-ansi": "^4.0.0", - "through": "^2.3.6" + "run-async": "2.4.1", + "rx-lite": "4.0.8", + "rx-lite-aggregates": "4.0.8", + "string-width": "2.1.1", + "strip-ansi": "4.0.0", + "through": "2.3.8" }, "dependencies": { "ansi-regex": { @@ -4141,7 +4140,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -4150,9 +4149,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "is-fullwidth-code-point": { @@ -4167,8 +4166,8 @@ "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", "dev": true, "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "4.0.0" } }, "strip-ansi": { @@ -4177,7 +4176,7 @@ "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", "dev": true, "requires": { - "ansi-regex": "^3.0.0" + "ansi-regex": "3.0.0" } }, "supports-color": { @@ -4186,7 +4185,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -4212,7 +4211,7 @@ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-0.1.6.tgz", "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=", "requires": { - "kind-of": "^3.0.2" + "kind-of": "3.2.2" }, "dependencies": { "kind-of": { @@ -4220,7 +4219,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -4243,8 +4242,8 @@ "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==", "dev": true, "requires": { - "is-alphabetical": "^1.0.0", - "is-decimal": "^1.0.0" + "is-alphabetical": "1.0.4", + "is-decimal": "1.0.4" } }, "is-arrayish": { @@ -4257,7 +4256,7 @@ "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==", "requires": { - "binary-extensions": "^2.0.0" + "binary-extensions": "2.1.0" } }, "is-buffer": { @@ -4275,7 +4274,7 @@ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-0.1.4.tgz", "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=", "requires": { - "kind-of": "^3.0.2" + "kind-of": "3.2.2" }, "dependencies": { "kind-of": { @@ -4283,7 +4282,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -4304,9 +4303,9 @@ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.6.tgz", "integrity": "sha512-avDYr0SB3DwO9zsMov0gKCESFYqCnE4hq/4z3TdUlukEy5t9C0YRq7HLrsN52NAcqXKaepeCD0n+B0arnVG3Hg==", "requires": { - "is-accessor-descriptor": "^0.1.6", - "is-data-descriptor": "^0.1.4", - "kind-of": "^5.0.0" + "is-accessor-descriptor": "0.1.6", + "is-data-descriptor": "0.1.4", + "kind-of": "5.1.0" }, "dependencies": { "kind-of": { @@ -4327,8 +4326,8 @@ "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-3.0.0.tgz", "integrity": "sha1-Oayqa+f9HzRx3ELHQW5hwkMXrJ8=", "requires": { - "acorn": "~4.0.2", - "object-assign": "^4.0.1" + "acorn": "4.0.13", + "object-assign": "4.1.1" }, "dependencies": { "acorn": { @@ -4358,7 +4357,7 @@ "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz", "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", "requires": { - "number-is-nan": "^1.0.0" + "number-is-nan": "1.0.1" } }, "is-glob": { @@ -4366,7 +4365,7 @@ "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.1.tgz", "integrity": "sha512-5G0tKtBTFImOqDnLB2hG6Bp2qcKEFduo4tZu9MT/H6NQv/ghhy30o55ufafxJ/LdH79LLs2Kfrn85TLKyA7BUg==", "requires": { - "is-extglob": "^2.1.1" + "is-extglob": "2.1.1" } }, "is-hexadecimal": { @@ -4396,7 +4395,7 @@ "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz", "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=", "requires": { - "kind-of": "^3.0.2" + "kind-of": "3.2.2" }, "dependencies": { "kind-of": { @@ -4404,7 +4403,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -4414,7 +4413,7 @@ "resolved": "https://registry.npmjs.org/is-number-like/-/is-number-like-1.0.8.tgz", "integrity": "sha512-6rZi3ezCyFcn5L71ywzz2bS5b2Igl1En3eTlZlvKjpz1n3IZLAYMbKYAIQgFmEu0GENg92ziU/faEOA/aixjbA==", "requires": { - "lodash.isfinite": "^3.3.2" + "lodash.isfinite": "3.3.2" } }, "is-obj": { @@ -4438,7 +4437,7 @@ "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz", "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==", "requires": { - "isobject": "^3.0.1" + "isobject": "3.0.1" } }, "is-promise": { @@ -4451,7 +4450,7 @@ "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.0.5.tgz", "integrity": "sha512-vlKW17SNq44owv5AQR3Cq0bQPEb8+kF3UKZ2fiZNOWtztYE5i0CzCZxFDwO58qAOWtxdBRVO/V5Qin1wjCqFYQ==", "requires": { - "has": "^1.0.3" + "has": "1.0.3" } }, "is-regexp": { @@ -4493,7 +4492,7 @@ "resolved": "https://registry.npmjs.org/is-svg/-/is-svg-3.0.0.tgz", "integrity": "sha512-gi4iHK53LR2ujhLVVj+37Ykh9GLqYHX6JOVXbLAucaG/Cqw9xwdFOjDM2qeifLs1sF1npXXFvDu0r5HNgCMrzQ==", "requires": { - "html-comment-regex": "^1.1.0" + "html-comment-regex": "1.1.2" } }, "is-symbol": { @@ -4501,7 +4500,7 @@ "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.3.tgz", "integrity": "sha512-OwijhaRSgqvhm/0ZdAcXNZt9lYdKFpcRDT5ULUuYXPoT794UNOdU+gpT6Rzo7b4V2HUl/op6GqY894AZwv9faQ==", "requires": { - "has-symbols": "^1.0.1" + "has-symbols": "1.0.1" } }, "is-typedarray": { @@ -4562,8 +4561,8 @@ "resolved": "https://registry.npmjs.org/isurl/-/isurl-1.0.0.tgz", "integrity": "sha512-1P/yWsxPlDtn7QeRD+ULKQPaIaN6yF368GZ2vDfv0AL0NwpStafjWCDDdn0k8wgFMWpVAqG7oJhxHnlud42i9w==", "requires": { - "has-to-string-tag-x": "^1.2.0", - "is-object": "^1.0.1" + "has-to-string-tag-x": "1.4.1", + "is-object": "1.0.1" } }, "jquery": { @@ -4597,8 +4596,8 @@ "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz", "integrity": "sha512-YfbcO7jXDdyj0DGxYVSlSeQNHbD7XPWvrVWeVUujrQEoZzWJIRrCPoyk6kL6IAjAG2IolMK4T0hNUe0HOUs5Jw==", "requires": { - "argparse": "^1.0.7", - "esprima": "^4.0.0" + "argparse": "1.0.10", + "esprima": "4.0.1" } }, "jsbn": { @@ -4644,7 +4643,7 @@ "integrity": "sha512-KXPvOm8K9IJKFM0bmdn8QXh7udDh1g/giieX0NLCaMnb4hEiVFqnop2ImTXCc5e0/oHz3LTqmHGtExn5hfMkOA==", "dev": true, "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } }, "jsonfile": { @@ -4652,7 +4651,7 @@ "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-3.0.1.tgz", "integrity": "sha1-pezG9l9T9mLEQVx2daAzHQmS7GY=", "requires": { - "graceful-fs": "^4.1.6" + "graceful-fs": "4.2.4" } }, "jsprim": { @@ -4671,8 +4670,8 @@ "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz", "integrity": "sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=", "requires": { - "is-promise": "^2.0.0", - "promise": "^7.0.1" + "is-promise": "2.2.2", + "promise": "7.3.1" } }, "jstransformer-commonmark": { @@ -4680,7 +4679,7 @@ "resolved": "https://registry.npmjs.org/jstransformer-commonmark/-/jstransformer-commonmark-1.0.0.tgz", "integrity": "sha512-hJT8Ez3S2J4LU4hFadAD9NJAdrTI6V8x8PVtliw6F/5ezW0W63jpkze9YuS1ATFZW1PML7MXknzxvyl3Req5fQ==", "requires": { - "commonmark": "^0.29.0" + "commonmark": "0.29.2" } }, "jstransformer-precss": { @@ -4688,9 +4687,9 @@ "resolved": "https://registry.npmjs.org/jstransformer-precss/-/jstransformer-precss-0.3.0.tgz", "integrity": "sha1-8Kbf1sPSE72maqXGN6y300oQpvU=", "requires": { - "extend-shallow": "^3.0.1", - "postcss-scss": "^1.0.2", - "precss": "^2.0.0" + "extend-shallow": "3.0.2", + "postcss-scss": "1.0.6", + "precss": "2.0.0" } }, "jstransformer-pug": { @@ -4698,7 +4697,7 @@ "resolved": "https://registry.npmjs.org/jstransformer-pug/-/jstransformer-pug-0.3.0.tgz", "integrity": "sha1-E1ROsBdNG/FoeZrkr/nxAqHcvLM=", "requires": { - "pug": "^2.0.0-rc.4" + "pug": "2.0.4" } }, "jstransformer-scss": { @@ -4706,8 +4705,8 @@ "resolved": "https://registry.npmjs.org/jstransformer-scss/-/jstransformer-scss-1.0.0.tgz", "integrity": "sha1-uuOMsRL104hxIQwiyc9KFqDp9zg=", "requires": { - "extend-shallow": "^2.0.1", - "node-sass": "^4.0.0" + "extend-shallow": "2.0.1", + "node-sass": "4.14.1" }, "dependencies": { "extend-shallow": { @@ -4715,7 +4714,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } } } @@ -4725,7 +4724,7 @@ "resolved": "https://registry.npmjs.org/jstransformer-twig/-/jstransformer-twig-1.6.2.tgz", "integrity": "sha512-I0nUT41jmwESYhAFyTO6fnwuX8RawhgKXpWplWWjGkaD3lz5etIdYfs/KOkxbzKor5wmp9dtwvWRsuIn9mpQmQ==", "requires": { - "twig": "^1.15.0" + "twig": "1.15.1" } }, "kalastatic": { @@ -4733,32 +4732,32 @@ "resolved": "https://registry.npmjs.org/kalastatic/-/kalastatic-4.2.2.tgz", "integrity": "sha512-q5DWnYXALS1XML6xN0N/0xRADTUqDexv2RH+Efs3/hf3uZ07kr9JL1uujsqqlohaTtPzNItLC95q8+TPUtc2aw==", "requires": { - "browser-sync": "^2.26.7", - "commander": "^5.0.0", - "extend": "^3.0.2", - "extend-shallow": "^3.0.2", - "jstransformer-commonmark": "^1.0.0", - "jstransformer-precss": "^0.3.0", - "jstransformer-pug": "^0.3.0", - "jstransformer-scss": "^1.0.0", - "jstransformer-twig": "~1.6.2", - "kss": "^3.0.1", - "kstat-kss-builder": "~2.2.0", - "metalsmith": "^2.3.0", - "metalsmith-assets-convention": "^2.1.1", - "metalsmith-clean-urls": "^1.1.0", - "metalsmith-collections-convention": "^1.3.3", - "metalsmith-concat-convention": "^1.2.1", - "metalsmith-define": "^2.1.2", - "metalsmith-env": "^2.1.2", - "metalsmith-ignore": "^1.0.0", - "metalsmith-jstransformer": "^1.0.0", - "metalsmith-metadata-convention": "^1.0.2", - "metalsmith-metadata-files": "^2.2.1", - "metalsmith-paths": "^3.0.1", - "mkdirp": "^1.0.4", - "nconf": "^0.10.0", - "nconf-yaml": "^1.0.2" + "browser-sync": "2.26.13", + "commander": "5.1.0", + "extend": "3.0.2", + "extend-shallow": "3.0.2", + "jstransformer-commonmark": "1.0.0", + "jstransformer-precss": "0.3.0", + "jstransformer-pug": "0.3.0", + "jstransformer-scss": "1.0.0", + "jstransformer-twig": "1.6.2", + "kss": "3.0.1", + "kstat-kss-builder": "2.2.0", + "metalsmith": "2.3.0", + "metalsmith-assets-convention": "2.1.1", + "metalsmith-clean-urls": "1.1.0", + "metalsmith-collections-convention": "1.3.3", + "metalsmith-concat-convention": "1.2.1", + "metalsmith-define": "2.1.3", + "metalsmith-env": "2.1.2", + "metalsmith-ignore": "1.0.0", + "metalsmith-jstransformer": "1.0.0", + "metalsmith-metadata-convention": "1.0.2", + "metalsmith-metadata-files": "2.2.1", + "metalsmith-paths": "3.0.1", + "mkdirp": "1.0.4", + "nconf": "0.10.0", + "nconf-yaml": "1.0.2" } }, "kalastatic-twig-filters": { @@ -4767,7 +4766,7 @@ "integrity": "sha512-Hc1GeuIc+KtHM4Kc/4CSs5mO+4DkGGGfP8mfFcuRZYHSihxyEh1GB1TqqjfOkwR1XbNeHn+mf/HBI1oSl0fZHQ==", "requires": { "phone-formatter": "0.0.2", - "underscore.string": "^3.3.5" + "underscore.string": "3.3.5" } }, "kind-of": { @@ -4780,7 +4779,7 @@ "resolved": "https://registry.npmjs.org/klaw/-/klaw-1.3.1.tgz", "integrity": "sha1-QIhDO0azsbolnXh4XY6W9zugJDk=", "requires": { - "graceful-fs": "^4.1.9" + "graceful-fs": "4.2.4" } }, "known-css-properties": { @@ -4794,17 +4793,17 @@ "resolved": "https://registry.npmjs.org/kss/-/kss-3.0.1.tgz", "integrity": "sha512-32x3obcqKRCylUdUMCDUdemUP/nK98RsT9sCCQsp8HncjHUmlCXzNaG1vRizCxvbkPrsDX7Qezw9wEMhfd0FgA==", "requires": { - "bluebird": "^3.7.2", - "fs-extra": "^9.0.0", - "glob": "^7.1.6", - "handlebars": "^4.7.6", - "highlight.js": "^9.18.1", - "markdown-it": "^10.0.0", - "nunjucks": "^3.2.1", - "resolve": "^1.16.0", - "twig": "^1.15.1", - "twig-drupal-filters": "^3.1.1", - "yargs": "^15.3.1" + "bluebird": "3.7.2", + "fs-extra": "9.0.1", + "glob": "7.1.6", + "handlebars": "4.7.6", + "highlight.js": "9.18.5", + "markdown-it": "10.0.0", + "nunjucks": "3.2.2", + "resolve": "1.17.0", + "twig": "1.15.1", + "twig-drupal-filters": "3.1.2", + "yargs": "15.4.1" }, "dependencies": { "fs-extra": { @@ -4812,10 +4811,10 @@ "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.0.1.tgz", "integrity": "sha512-h2iAoN838FqAFJY2/qVpzFXy+EBxfVE220PalAqQLDVsFOHLJrZvut5puAbCdNv6WJk+B8ihI+k0c7JK5erwqQ==", "requires": { - "at-least-node": "^1.0.0", - "graceful-fs": "^4.2.0", - "jsonfile": "^6.0.1", - "universalify": "^1.0.0" + "at-least-node": "1.0.0", + "graceful-fs": "4.2.4", + "jsonfile": "6.1.0", + "universalify": "1.0.0" } }, "jsonfile": { @@ -4823,8 +4822,8 @@ "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz", "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==", "requires": { - "graceful-fs": "^4.1.6", - "universalify": "^2.0.0" + "graceful-fs": "4.2.4", + "universalify": "2.0.0" }, "dependencies": { "universalify": { @@ -4839,8 +4838,8 @@ "resolved": "https://registry.npmjs.org/twig-drupal-filters/-/twig-drupal-filters-3.1.2.tgz", "integrity": "sha512-95KoXIYvN+aPl9wUCweWgFE7f4JJNVVxDMpxfHWn+3sOO4gxXXmTU4jGnr/MxPNU7avH+BdhkzcAo+L0SyAPrg==", "requires": { - "object-keys": "^1.1.1", - "twig": "^1.15.1" + "object-keys": "1.1.1", + "twig": "1.15.1" } }, "universalify": { @@ -4865,7 +4864,7 @@ "resolved": "https://registry.npmjs.org/lcid/-/lcid-1.0.0.tgz", "integrity": "sha1-MIrMr6C8SDo4Z7S28rlQYlHRuDU=", "requires": { - "invert-kv": "^1.0.0" + "invert-kv": "1.0.0" } }, "leven": { @@ -4880,8 +4879,8 @@ "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=", "dev": true, "requires": { - "prelude-ls": "~1.1.2", - "type-check": "~0.3.2" + "prelude-ls": "1.1.2", + "type-check": "0.3.2" } }, "limiter": { @@ -4894,7 +4893,7 @@ "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz", "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==", "requires": { - "uc.micro": "^1.0.1" + "uc.micro": "1.0.6" } }, "load-json-file": { @@ -4903,10 +4902,10 @@ "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=", "dev": true, "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "strip-bom": "^3.0.0" + "graceful-fs": "4.2.4", + "parse-json": "2.2.0", + "pify": "2.3.0", + "strip-bom": "3.0.0" } }, "loadjs": { @@ -4935,7 +4934,7 @@ "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", "requires": { - "locate-path": "^3.0.0" + "locate-path": "3.0.0" } }, "is-fullwidth-code-point": { @@ -4948,8 +4947,8 @@ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" + "p-locate": "3.0.0", + "path-exists": "3.0.0" } }, "p-limit": { @@ -4957,7 +4956,7 @@ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", "requires": { - "p-try": "^2.0.0" + "p-try": "2.2.0" } }, "p-locate": { @@ -4965,7 +4964,7 @@ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", "requires": { - "p-limit": "^2.0.0" + "p-limit": "2.3.0" } }, "string-width": { @@ -4973,9 +4972,9 @@ "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -4983,7 +4982,7 @@ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } }, "yargs": { @@ -4991,16 +4990,16 @@ "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.0.tgz", "integrity": "sha512-2eehun/8ALW8TLoIl7MVaRUrg+yCnenu8B4kBlRxj3GJGDKU1Og7sMXPNm1BYyM1DOJmTZ4YeN/Nwxv+8XJsUA==", "requires": { - "cliui": "^5.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^13.1.1" + "cliui": "5.0.0", + "find-up": "3.0.0", + "get-caller-file": "2.0.5", + "require-directory": "2.1.1", + "require-main-filename": "2.0.0", + "set-blocking": "2.0.0", + "string-width": "3.1.0", + "which-module": "2.0.0", + "y18n": "4.0.0", + "yargs-parser": "13.1.2" } } } @@ -5011,8 +5010,8 @@ "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", "dev": true, "requires": { - "p-locate": "^2.0.0", - "path-exists": "^3.0.0" + "p-locate": "2.0.0", + "path-exists": "3.0.0" } }, "locutus": { @@ -5020,7 +5019,7 @@ "resolved": "https://registry.npmjs.org/locutus/-/locutus-2.0.11.tgz", "integrity": "sha512-C0q1L38lK5q1t+wE0KY21/9szrBHxye6o2z5EJzU+5B79tubNOC+nLAEzTTn1vPUGoUuehKh8kYKqiVUTWRyaQ==", "requires": { - "es6-promise": "^4.2.5" + "es6-promise": "4.2.8" } }, "lodash": { @@ -5039,7 +5038,7 @@ "integrity": "sha512-VeIAFslyIerEJLXHziedo2basKbMKtTw3vfn5IzG0XTjhAVEJyNHnL2p7vc+wBDSdQuUpNw3M2u6xb9QsAY5Eg==", "dev": true, "requires": { - "chalk": "^2.0.1" + "chalk": "2.4.2" }, "dependencies": { "ansi-styles": { @@ -5048,7 +5047,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -5057,9 +5056,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "supports-color": { @@ -5068,7 +5067,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -5089,8 +5088,8 @@ "resolved": "https://registry.npmjs.org/loud-rejection/-/loud-rejection-1.6.0.tgz", "integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=", "requires": { - "currently-unhandled": "^0.4.1", - "signal-exit": "^3.0.0" + "currently-unhandled": "0.4.1", + "signal-exit": "3.0.3" } }, "lowercase-keys": { @@ -5103,8 +5102,8 @@ "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz", "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", "requires": { - "pseudomap": "^1.0.2", - "yallist": "^2.1.2" + "pseudomap": "1.0.2", + "yallist": "2.1.2" } }, "make-dir": { @@ -5112,7 +5111,7 @@ "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-1.3.0.tgz", "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==", "requires": { - "pify": "^3.0.0" + "pify": "3.0.0" }, "dependencies": { "pify": { @@ -5143,7 +5142,7 @@ "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz", "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=", "requires": { - "object-visit": "^1.0.0" + "object-visit": "1.0.1" } }, "markdown-escapes": { @@ -5157,11 +5156,11 @@ "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-10.0.0.tgz", "integrity": "sha512-YWOP1j7UbDNz+TumYP1kpwnP0aEa711cJjrAQrzd0UXlbJfc5aAq0F/PZHjiioqDC1NKgvIMX+o+9Bk7yuM2dg==", "requires": { - "argparse": "^1.0.7", - "entities": "~2.0.0", - "linkify-it": "^2.0.0", - "mdurl": "^1.0.1", - "uc.micro": "^1.0.5" + "argparse": "1.0.10", + "entities": "2.0.3", + "linkify-it": "2.2.0", + "mdurl": "1.0.1", + "uc.micro": "1.0.6" }, "dependencies": { "entities": { @@ -5189,7 +5188,7 @@ "integrity": "sha512-3YDMQHI5vRiS2uygEFYaqckibpJtKq5Sj2c8JioeOQBU6INpKbdWzfyLqFFnDwEcEnRFIdMsguzs5pC1Jp4Isg==", "dev": true, "requires": { - "unist-util-visit": "^1.1.0" + "unist-util-visit": "1.4.1" } }, "mdurl": { @@ -5207,16 +5206,16 @@ "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", "requires": { - "camelcase-keys": "^2.0.0", - "decamelize": "^1.1.2", - "loud-rejection": "^1.0.0", - "map-obj": "^1.0.1", - "minimist": "^1.1.3", - "normalize-package-data": "^2.3.4", - "object-assign": "^4.0.1", - "read-pkg-up": "^1.0.1", - "redent": "^1.0.0", - "trim-newlines": "^1.0.0" + "camelcase-keys": "2.1.0", + "decamelize": "1.2.0", + "loud-rejection": "1.6.0", + "map-obj": "1.0.1", + "minimist": "1.2.5", + "normalize-package-data": "2.5.0", + "object-assign": "4.1.1", + "read-pkg-up": "1.0.1", + "redent": "1.0.0", + "trim-newlines": "1.0.0" }, "dependencies": { "find-up": { @@ -5224,8 +5223,8 @@ "resolved": "https://registry.npmjs.org/find-up/-/find-up-1.1.2.tgz", "integrity": "sha1-ay6YIrGizgpgq2TWEOzK1TyyTQ8=", "requires": { - "path-exists": "^2.0.0", - "pinkie-promise": "^2.0.0" + "path-exists": "2.1.0", + "pinkie-promise": "2.0.1" } }, "load-json-file": { @@ -5233,11 +5232,11 @@ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0", - "strip-bom": "^2.0.0" + "graceful-fs": "4.2.4", + "parse-json": "2.2.0", + "pify": "2.3.0", + "pinkie-promise": "2.0.1", + "strip-bom": "2.0.0" } }, "path-exists": { @@ -5245,7 +5244,7 @@ "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-2.1.0.tgz", "integrity": "sha1-D+tsZPD8UY2adU3V77YscCJ2H0s=", "requires": { - "pinkie-promise": "^2.0.0" + "pinkie-promise": "2.0.1" } }, "path-type": { @@ -5253,9 +5252,9 @@ "resolved": "https://registry.npmjs.org/path-type/-/path-type-1.1.0.tgz", "integrity": "sha1-WcRPfuSR2nBNpBXaWkBwuk+P5EE=", "requires": { - "graceful-fs": "^4.1.2", - "pify": "^2.0.0", - "pinkie-promise": "^2.0.0" + "graceful-fs": "4.2.4", + "pify": "2.3.0", + "pinkie-promise": "2.0.1" } }, "read-pkg": { @@ -5263,9 +5262,9 @@ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz", "integrity": "sha1-9f+qXs0pyzHAR0vKfXVra7KePyg=", "requires": { - "load-json-file": "^1.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^1.0.0" + "load-json-file": "1.1.0", + "normalize-package-data": "2.5.0", + "path-type": "1.1.0" } }, "read-pkg-up": { @@ -5273,8 +5272,8 @@ "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-1.0.1.tgz", "integrity": "sha1-nWPBMnbAZZGNV/ACpX9AobZD+wI=", "requires": { - "find-up": "^1.0.0", - "read-pkg": "^1.0.0" + "find-up": "1.1.2", + "read-pkg": "1.1.0" } }, "strip-bom": { @@ -5282,7 +5281,7 @@ "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz", "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=", "requires": { - "is-utf8": "^0.2.0" + "is-utf8": "0.2.1" } } } @@ -5303,21 +5302,21 @@ "integrity": "sha1-gzr7taKmOF4tmuPZNeOeM+rqUjE=", "requires": { "absolute": "0.0.1", - "chalk": "^1.1.3", - "clone": "^1.0.2", - "co-fs-extra": "^1.2.1", - "commander": "^2.6.0", - "gray-matter": "^2.0.0", - "has-generators": "^1.0.1", - "is": "^3.1.0", - "is-utf8": "~0.2.0", - "recursive-readdir": "^2.1.0", - "rimraf": "^2.2.8", - "stat-mode": "^0.2.0", - "thunkify": "^2.1.2", + "chalk": "1.1.3", + "clone": "1.0.4", + "co-fs-extra": "1.2.1", + "commander": "2.20.3", + "gray-matter": "2.1.1", + "has-generators": "1.0.1", + "is": "3.3.0", + "is-utf8": "0.2.1", + "recursive-readdir": "2.2.2", + "rimraf": "2.7.1", + "stat-mode": "0.2.2", + "thunkify": "2.1.2", "unyield": "0.0.1", - "ware": "^1.2.0", - "win-fork": "^1.1.1" + "ware": "1.3.0", + "win-fork": "1.1.1" }, "dependencies": { "commander": { @@ -5332,11 +5331,11 @@ "resolved": "https://registry.npmjs.org/metalsmith-assets/-/metalsmith-assets-0.1.0.tgz", "integrity": "sha1-yDjUg/CXI+3oOHRJxr/amz2jzEA=", "requires": { - "async": "^0.7.0", - "debug": "^0.8.1", - "merge": "^1.1.3", - "recursive-readdir": "^1.0.0", - "stat-mode": "^0.2.0" + "async": "0.7.0", + "debug": "0.8.1", + "merge": "1.2.1", + "recursive-readdir": "1.3.0", + "stat-mode": "0.2.2" }, "dependencies": { "async": { @@ -5359,8 +5358,8 @@ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-0.3.0.tgz", "integrity": "sha1-J12O2qxPG7MyZHIInnlJyDlGmd0=", "requires": { - "lru-cache": "2", - "sigmund": "~1.0.0" + "lru-cache": "2.7.3", + "sigmund": "1.0.1" } }, "recursive-readdir": { @@ -5378,11 +5377,11 @@ "resolved": "https://registry.npmjs.org/metalsmith-assets-2/-/metalsmith-assets-2-2.0.0.tgz", "integrity": "sha512-gmDIonSPXy96dkdgRcbPhqdDF6g9Y66qvsE/0KyQI8gUm8q0YXyiGZ6vtrChw5nAaPu9nrko5Gqq+FCVhZQKfg==", "requires": { - "async": "^2.6.2", - "debug": "^4.1.1", - "merge": "^1.2.1", - "recursive-readdir": "^2.2.2", - "stat-mode": "^0.3.0" + "async": "2.6.3", + "debug": "4.1.1", + "merge": "1.2.1", + "recursive-readdir": "2.2.2", + "stat-mode": "0.3.0" }, "dependencies": { "async": { @@ -5390,7 +5389,7 @@ "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz", "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==", "requires": { - "lodash": "^4.17.14" + "lodash": "4.17.20" } }, "stat-mode": { @@ -5405,8 +5404,8 @@ "resolved": "https://registry.npmjs.org/metalsmith-assets-convention/-/metalsmith-assets-convention-2.1.1.tgz", "integrity": "sha512-O09i4J5s1e1EoboRMKbpAGP6WxN6G0kgrM35r6au9dGK5lJvPuKG6Yst0zaSVzNqhjkKA6IhQcjLied7CuR/7g==", "requires": { - "async": "^2.6.0", - "metalsmith-assets-2": "^2.0.0" + "async": "2.6.3", + "metalsmith-assets-2": "2.0.0" }, "dependencies": { "async": { @@ -5414,7 +5413,7 @@ "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz", "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==", "requires": { - "lodash": "^4.17.14" + "lodash": "4.17.20" } } } @@ -5429,11 +5428,11 @@ "resolved": "https://registry.npmjs.org/metalsmith-collections/-/metalsmith-collections-0.9.0.tgz", "integrity": "sha1-oNGTR6UdX70CaJnfwfTWivUODhc=", "requires": { - "debug": "^2.2.0", - "extend": "^3.0.0", - "multimatch": "^2.1.0", - "read-metadata": "^1.0.0", - "uniq": "^1.0.1" + "debug": "2.6.9", + "extend": "3.0.2", + "multimatch": "2.1.0", + "read-metadata": "1.0.0", + "uniq": "1.0.1" }, "dependencies": { "debug": { @@ -5456,14 +5455,13 @@ "resolved": "https://registry.npmjs.org/metalsmith-collections-convention/-/metalsmith-collections-convention-1.3.3.tgz", "integrity": "sha512-YES9lqqGh27WVvHq4ozU5lVs1uPsjmhAX6haTbJxYmpJ0fikkJZH/sO1JIyvX782lKB+SvbEptNxEGJSUEQTJg==", "requires": { - "extend": "^3.0.2", - "metalsmith-collections": "^0.9.0", - "minimatch": "^3.0.4" + "extend": "3.0.2", + "metalsmith-collections": "0.9.0", + "minimatch": "3.0.4" } }, "metalsmith-concat": { "version": "github:RobLoach/metalsmith-concat#ddeabadca2b069648d8038278f02d3a36e8e862e", - "from": "github:RobLoach/metalsmith-concat#update", "requires": { "async": "2.6.1", "glob": "7.1.3", @@ -5475,7 +5473,7 @@ "resolved": "https://registry.npmjs.org/async/-/async-2.6.1.tgz", "integrity": "sha512-fNEiL2+AZt6AlAw/29Cr0UDe4sRAHCpEHh54WMz+Bb7QfNcFw4h3loofyJpLeQs4Yx7yuqu/2dLgM5hKOs6HlQ==", "requires": { - "lodash": "^4.17.10" + "lodash": "4.17.20" } }, "glob": { @@ -5483,12 +5481,12 @@ "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.3.tgz", "integrity": "sha512-vcfuiIxogLV4DlGBHIUOwI0IbrJ8HWPc4MU7HzviGeNho/UJDfi6B5p3sHeWIQ0KGIU0Jpxi5ZHxemQfLkkAwQ==", "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" + "fs.realpath": "1.0.0", + "inflight": "1.0.6", + "inherits": "2.0.4", + "minimatch": "3.0.4", + "once": "1.4.0", + "path-is-absolute": "1.0.1" } } } @@ -5498,8 +5496,8 @@ "resolved": "https://registry.npmjs.org/metalsmith-concat-convention/-/metalsmith-concat-convention-1.2.1.tgz", "integrity": "sha512-sXfQIczJT1LJ35Ir0NNYcCt1SZdH33LdOJ7Bf6HlZxewwF9yoO5X/n6PhIGKS1uCIbobfDVRTPFwJo1itPaiFQ==", "requires": { - "async": "~2.6.0", - "metalsmith-concat": "github:RobLoach/metalsmith-concat#update" + "async": "2.6.3", + "metalsmith-concat": "github:RobLoach/metalsmith-concat#ddeabadca2b069648d8038278f02d3a36e8e862e" }, "dependencies": { "async": { @@ -5507,7 +5505,7 @@ "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz", "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==", "requires": { - "lodash": "^4.17.14" + "lodash": "4.17.20" } } } @@ -5522,24 +5520,27 @@ "resolved": "https://registry.npmjs.org/metalsmith-env/-/metalsmith-env-2.1.2.tgz", "integrity": "sha512-Kv/MmerPrXeOm/DiN+WIICCE9AZ2e/hl8NiKZx9dxGwX2f+bdj/fOcqFkGRsO2RS43KX6Z+Geu9yfAUh0Gp6FA==", "requires": { - "extend-shallow": "^3.0.2" + "extend-shallow": "3.0.2" } }, "metalsmith-gathercontent": { +<<<<<<< HEAD + "version": "github:kalamuna/metalsmith-gathercontent#19f325d83a447ed2b5c912daa3aa6c6674892576", +======= "version": "github:kalamuna/metalsmith-gathercontent#0a461bd832afd6e07cb6581af0639b6b0e2b4318", - "from": "github:kalamuna/metalsmith-gathercontent#download", +>>>>>>> af-test "requires": { - "base-64": "^0.1.0", - "fetch": "^1.1.0", - "file-type": "^10.5.0", + "base-64": "0.1.0", + "fetch": "1.1.0", + "file-type": "10.11.0", "fs": "0.0.1-security", - "hithercontent": "github:kalamuna/hithercontent#download", - "is-svg": "^3.0.0", - "lodash": "^4.17.4", - "mkdirp": "^0.5.1", - "node-fetch": "^1.7.3", - "read-chunk": "^3.0.0", - "request": "^2.83.0" + "hithercontent": "github:kalamuna/hithercontent#c3aff199edbdd37ea3eaa4de34d5cd427a37cedf", + "is-svg": "3.0.0", + "lodash": "4.17.20", + "mkdirp": "0.5.5", + "node-fetch": "1.7.3", + "read-chunk": "3.2.0", + "request": "2.88.2" }, "dependencies": { "file-type": { @@ -5552,7 +5553,7 @@ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } } } @@ -5562,16 +5563,15 @@ "resolved": "https://registry.npmjs.org/metalsmith-ignore/-/metalsmith-ignore-1.0.0.tgz", "integrity": "sha512-qONM0SRzh8hmtPyEBUUsPVBoL2QGm5lfP3Si+UmEtm6ly4uv7dsvaP6S61kCuNRICZx49RuykEBOR0HOaYwMjA==", "requires": { - "multimatch": "^2.1.0" + "multimatch": "2.1.0" } }, "metalsmith-include": { "version": "github:kalamuna/metalsmith-include#9b61e4f4c9782303b4340f2d4f5de113534c905b", - "from": "github:kalamuna/metalsmith-include#includeWholeObject", "requires": { - "async": "^0.7.0", - "clone": "^1.0.2", - "debug": "^0.8.1" + "async": "0.7.0", + "clone": "1.0.4", + "debug": "0.8.1" }, "dependencies": { "async": { @@ -5591,12 +5591,12 @@ "resolved": "https://registry.npmjs.org/metalsmith-jstransformer/-/metalsmith-jstransformer-1.0.0.tgz", "integrity": "sha512-AE4d6p7j4XtVcaMbrov8bYwgYKmaWTFGwmpCVCO0MU5m+EBytmckrdrhcZ8z11D5UyGuHbB65ttY6mR2/EmC3A==", "requires": { - "async": "^3.2.0", - "clone": "^2.1.2", - "extend": "^3.0.2", - "inputformat-to-jstransformer": "^1.4.0", - "jstransformer": "~1.0.0", - "minimatch": "^3.0.4" + "async": "3.2.0", + "clone": "2.1.2", + "extend": "3.0.2", + "inputformat-to-jstransformer": "1.4.0", + "jstransformer": "1.0.0", + "minimatch": "3.0.4" }, "dependencies": { "async": { @@ -5616,8 +5616,8 @@ "resolved": "https://registry.npmjs.org/metalsmith-metadata-convention/-/metalsmith-metadata-convention-1.0.2.tgz", "integrity": "sha512-BZy8DNgBXxGYK16A6w+ZPGWY6Ort3TuSJEO77bGxuhPadsifIczPM4FcazFwsfM0nBdban2LD84RcJAPGasWGw==", "requires": { - "async": "^3.2.0", - "extend": "^3.0.2" + "async": "3.2.0", + "extend": "3.0.2" }, "dependencies": { "async": { @@ -5632,9 +5632,9 @@ "resolved": "https://registry.npmjs.org/metalsmith-metadata-files/-/metalsmith-metadata-files-2.2.1.tgz", "integrity": "sha512-a2CXfi6rzr/DnivlzhYmbp3Xai1DalladV1q1ullf7Enh2xeto4ufJM/CnGkXdlCBrqYTmIFzezVizoNasD7hg==", "requires": { - "extend-shallow": "^3.0.2", - "multimatch": "^4.0.0", - "traverse": "^0.6.6" + "extend-shallow": "3.0.2", + "multimatch": "4.0.0", + "traverse": "0.6.6" }, "dependencies": { "array-differ": { @@ -5657,11 +5657,11 @@ "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-4.0.0.tgz", "integrity": "sha512-lDmx79y1z6i7RNx0ZGCPq1bzJ6ZoDDKbvh7jxr9SJcWLkShMzXrHbYVpTdnhNM5MXpDUxCQ4DgqVttVXlBgiBQ==", "requires": { - "@types/minimatch": "^3.0.3", - "array-differ": "^3.0.0", - "array-union": "^2.1.0", - "arrify": "^2.0.1", - "minimatch": "^3.0.4" + "@types/minimatch": "3.0.3", + "array-differ": "3.0.0", + "array-union": "2.1.0", + "arrify": "2.0.1", + "minimatch": "3.0.4" } } } @@ -5676,19 +5676,19 @@ "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz", "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==", "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "braces": "^2.3.1", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "extglob": "^2.0.4", - "fragment-cache": "^0.2.1", - "kind-of": "^6.0.2", - "nanomatch": "^1.2.9", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.2" + "arr-diff": "4.0.0", + "array-unique": "0.3.2", + "braces": "2.3.2", + "define-property": "2.0.2", + "extend-shallow": "3.0.2", + "extglob": "2.0.4", + "fragment-cache": "0.2.1", + "kind-of": "6.0.3", + "nanomatch": "1.2.13", + "object.pick": "1.3.0", + "regex-not": "1.0.2", + "snapdragon": "0.8.2", + "to-regex": "3.0.2" } }, "mime": { @@ -5725,7 +5725,7 @@ "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "requires": { - "brace-expansion": "^1.1.7" + "brace-expansion": "1.1.11" } }, "minimist": { @@ -5739,8 +5739,8 @@ "integrity": "sha512-FyBrT/d0d4+uiZRbqznPXqw3IpZZG3gl3wKWiX784FycUKVwBt0uLBFkQrtE4tZOrgo78nZp2jnKz3L65T5LdQ==", "dev": true, "requires": { - "arrify": "^1.0.1", - "is-plain-obj": "^1.1.0" + "arrify": "1.0.1", + "is-plain-obj": "1.1.0" } }, "mitt": { @@ -5753,8 +5753,8 @@ "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz", "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==", "requires": { - "for-in": "^1.0.2", - "is-extendable": "^1.0.1" + "for-in": "1.0.2", + "is-extendable": "1.0.1" }, "dependencies": { "is-extendable": { @@ -5762,7 +5762,7 @@ "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz", "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==", "requires": { - "is-plain-object": "^2.0.4" + "is-plain-object": "2.0.4" } } } @@ -5777,7 +5777,7 @@ "resolved": "https://registry.npmjs.org/motion-ui/-/motion-ui-1.2.3.tgz", "integrity": "sha1-n34X8NZqFenuVJAj5vPeETmi4WY=", "requires": { - "jquery": ">=2.2.0" + "jquery": "3.5.1" } }, "ms": { @@ -5790,10 +5790,10 @@ "resolved": "https://registry.npmjs.org/multimatch/-/multimatch-2.1.0.tgz", "integrity": "sha1-nHkGoi+0wCkZ4vX3UWG0zb1LKis=", "requires": { - "array-differ": "^1.0.0", - "array-union": "^1.0.1", - "arrify": "^1.0.0", - "minimatch": "^3.0.0" + "array-differ": "1.0.0", + "array-union": "1.0.2", + "arrify": "1.0.1", + "minimatch": "3.0.4" } }, "mute-stream": { @@ -5812,17 +5812,17 @@ "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz", "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==", "requires": { - "arr-diff": "^4.0.0", - "array-unique": "^0.3.2", - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "fragment-cache": "^0.2.1", - "is-windows": "^1.0.2", - "kind-of": "^6.0.2", - "object.pick": "^1.3.0", - "regex-not": "^1.0.0", - "snapdragon": "^0.8.1", - "to-regex": "^3.0.1" + "arr-diff": "4.0.0", + "array-unique": "0.3.2", + "define-property": "2.0.2", + "extend-shallow": "3.0.2", + "fragment-cache": "0.2.1", + "is-windows": "1.0.2", + "kind-of": "6.0.3", + "object.pick": "1.3.0", + "regex-not": "1.0.2", + "snapdragon": "0.8.2", + "to-regex": "3.0.2" } }, "napa": { @@ -5830,16 +5830,16 @@ "resolved": "https://registry.npmjs.org/napa/-/napa-3.0.0.tgz", "integrity": "sha1-7DqP3gcZC2ny/kNMOVo+aUaEG1Y=", "requires": { - "download": "^6.2.2", - "extend": "^3.0.1", - "load-json-file": "^2.0.0", - "minimist": "^1.2.0", - "mkdirp": "^0.5.1", - "npm-cache-filename": "^1.0.2", - "npmlog": "^4.1.0", - "rimraf": "^2.6.1", - "tar-pack": "^3.4.0", - "write-json-file": "^2.2.0" + "download": "6.2.5", + "extend": "3.0.2", + "load-json-file": "2.0.0", + "minimist": "1.2.5", + "mkdirp": "0.5.5", + "npm-cache-filename": "1.0.2", + "npmlog": "4.1.2", + "rimraf": "2.7.1", + "tar-pack": "3.4.1", + "write-json-file": "2.3.0" }, "dependencies": { "load-json-file": { @@ -5847,10 +5847,10 @@ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-2.0.0.tgz", "integrity": "sha1-eUfkIUmvgNaWy/eXvKq8/h/inKg=", "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^2.2.0", - "pify": "^2.0.0", - "strip-bom": "^3.0.0" + "graceful-fs": "4.2.4", + "parse-json": "2.2.0", + "pify": "2.3.0", + "strip-bom": "3.0.0" } }, "mkdirp": { @@ -5858,7 +5858,7 @@ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } }, "strip-bom": { @@ -5879,10 +5879,10 @@ "resolved": "https://registry.npmjs.org/nconf/-/nconf-0.10.0.tgz", "integrity": "sha512-fKiXMQrpP7CYWJQzKkPPx9hPgmq+YLDyxcG9N8RpiE9FoCkCbzD0NyW0YhE3xn3Aupe7nnDeIx4PFzYehpHT9Q==", "requires": { - "async": "^1.4.0", - "ini": "^1.3.0", - "secure-keys": "^1.0.0", - "yargs": "^3.19.0" + "async": "1.5.2", + "ini": "1.3.5", + "secure-keys": "1.0.0", + "yargs": "3.32.0" }, "dependencies": { "camelcase": { @@ -5895,9 +5895,9 @@ "resolved": "https://registry.npmjs.org/cliui/-/cliui-3.2.0.tgz", "integrity": "sha1-EgYBU3qRbSmUD5NNo7SNWFo5IT0=", "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wrap-ansi": "^2.0.0" + "string-width": "1.0.2", + "strip-ansi": "3.0.1", + "wrap-ansi": "2.1.0" } }, "window-size": { @@ -5910,8 +5910,8 @@ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-2.1.0.tgz", "integrity": "sha1-2Pw9KE3QV5T+hJc8rs3Rz4JP3YU=", "requires": { - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1" + "string-width": "1.0.2", + "strip-ansi": "3.0.1" } }, "y18n": { @@ -5924,13 +5924,13 @@ "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.32.0.tgz", "integrity": "sha1-AwiOnr+edWtpdRYR0qXvWRSCyZU=", "requires": { - "camelcase": "^2.0.1", - "cliui": "^3.0.3", - "decamelize": "^1.1.1", - "os-locale": "^1.4.0", - "string-width": "^1.0.1", - "window-size": "^0.1.4", - "y18n": "^3.2.0" + "camelcase": "2.1.1", + "cliui": "3.2.0", + "decamelize": "1.2.0", + "os-locale": "1.4.0", + "string-width": "1.0.2", + "window-size": "0.1.4", + "y18n": "3.2.1" } } } @@ -5940,7 +5940,7 @@ "resolved": "https://registry.npmjs.org/nconf-yaml/-/nconf-yaml-1.0.2.tgz", "integrity": "sha1-/qBlMzz0K3el6AYFF5aXmdQVZXU=", "requires": { - "js-yaml": "^3.2.3" + "js-yaml": "3.13.1" } }, "negotiator": { @@ -5963,8 +5963,8 @@ "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz", "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==", "requires": { - "encoding": "^0.1.11", - "is-stream": "^1.0.1" + "encoding": "0.1.12", + "is-stream": "1.1.0" } }, "node-gyp": { @@ -5972,18 +5972,18 @@ "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-3.8.0.tgz", "integrity": "sha512-3g8lYefrRRzvGeSowdJKAKyks8oUpLEd/DyPV4eMhVlhJ0aNaZqIrNUIPuEWWTAoPqyFkfGrM67MC69baqn6vA==", "requires": { - "fstream": "^1.0.0", - "glob": "^7.0.3", - "graceful-fs": "^4.1.2", - "mkdirp": "^0.5.0", - "nopt": "2 || 3", - "npmlog": "0 || 1 || 2 || 3 || 4", - "osenv": "0", - "request": "^2.87.0", - "rimraf": "2", - "semver": "~5.3.0", - "tar": "^2.0.0", - "which": "1" + "fstream": "1.0.12", + "glob": "7.1.6", + "graceful-fs": "4.2.4", + "mkdirp": "0.5.5", + "nopt": "3.0.6", + "npmlog": "4.1.2", + "osenv": "0.1.5", + "request": "2.88.2", + "rimraf": "2.7.1", + "semver": "5.3.0", + "tar": "2.2.2", + "which": "1.3.1" }, "dependencies": { "mkdirp": { @@ -5991,7 +5991,7 @@ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } }, "semver": { @@ -6012,23 +6012,23 @@ "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz", "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==", "requires": { - "async-foreach": "^0.1.3", - "chalk": "^1.1.1", - "cross-spawn": "^3.0.0", - "gaze": "^1.0.0", - "get-stdin": "^4.0.1", - "glob": "^7.0.3", - "in-publish": "^2.0.0", - "lodash": "^4.17.15", - "meow": "^3.7.0", - "mkdirp": "^0.5.1", - "nan": "^2.13.2", - "node-gyp": "^3.8.0", - "npmlog": "^4.0.0", - "request": "^2.88.0", + "async-foreach": "0.1.3", + "chalk": "1.1.3", + "cross-spawn": "3.0.1", + "gaze": "1.1.3", + "get-stdin": "4.0.1", + "glob": "7.1.6", + "in-publish": "2.0.1", + "lodash": "4.17.20", + "meow": "3.7.0", + "mkdirp": "0.5.5", + "nan": "2.14.2", + "node-gyp": "3.8.0", + "npmlog": "4.1.2", + "request": "2.88.2", "sass-graph": "2.2.5", - "stdout-stream": "^1.4.0", - "true-case-path": "^1.0.2" + "stdout-stream": "1.4.1", + "true-case-path": "1.0.3" }, "dependencies": { "mkdirp": { @@ -6036,7 +6036,7 @@ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } } } @@ -6046,7 +6046,7 @@ "resolved": "https://registry.npmjs.org/nopt/-/nopt-3.0.6.tgz", "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=", "requires": { - "abbrev": "1" + "abbrev": "1.1.1" } }, "normalize-package-data": { @@ -6054,10 +6054,10 @@ "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" + "hosted-git-info": "2.8.8", + "resolve": "1.17.0", + "semver": "5.7.1", + "validate-npm-package-license": "3.0.4" } }, "normalize-path": { @@ -6082,140 +6082,131 @@ "resolved": "https://registry.npmjs.org/npm/-/npm-6.14.9.tgz", "integrity": "sha512-yHi1+i9LyAZF1gAmgyYtVk+HdABlLy94PMIDoK1TRKWvmFQAt5z3bodqVwKvzY0s6dLqQPVsRLiwhJfNtiHeCg==", "requires": { - "JSONStream": "^1.3.5", - "abbrev": "~1.1.1", - "ansicolors": "~0.3.2", - "ansistyles": "~0.1.3", - "aproba": "^2.0.0", - "archy": "~1.0.0", - "bin-links": "^1.1.8", - "bluebird": "^3.5.5", - "byte-size": "^5.0.1", - "cacache": "^12.0.3", - "call-limit": "^1.1.1", - "chownr": "^1.1.4", - "ci-info": "^2.0.0", - "cli-columns": "^3.1.2", - "cli-table3": "^0.5.1", - "cmd-shim": "^3.0.3", - "columnify": "~1.5.4", - "config-chain": "^1.1.12", - "debuglog": "*", - "detect-indent": "~5.0.0", - "detect-newline": "^2.1.0", - "dezalgo": "~1.0.3", - "editor": "~1.0.0", - "figgy-pudding": "^3.5.1", - "find-npm-prefix": "^1.0.2", - "fs-vacuum": "~1.2.10", - "fs-write-stream-atomic": "~1.0.10", - "gentle-fs": "^2.3.1", - "glob": "^7.1.6", - "graceful-fs": "^4.2.4", - "has-unicode": "~2.0.1", - "hosted-git-info": "^2.8.8", - "iferr": "^1.0.2", - "imurmurhash": "*", - "infer-owner": "^1.0.4", - "inflight": "~1.0.6", - "inherits": "^2.0.4", - "ini": "^1.3.5", - "init-package-json": "^1.10.3", - "is-cidr": "^3.0.0", - "json-parse-better-errors": "^1.0.2", - "lazy-property": "~1.0.0", - "libcipm": "^4.0.8", - "libnpm": "^3.0.1", - "libnpmaccess": "^3.0.2", - "libnpmhook": "^5.0.3", - "libnpmorg": "^1.0.1", - "libnpmsearch": "^2.0.2", - "libnpmteam": "^1.0.2", - "libnpx": "^10.2.4", - "lock-verify": "^2.1.0", - "lockfile": "^1.0.4", - "lodash._baseindexof": "*", - "lodash._baseuniq": "~4.6.0", - "lodash._bindcallback": "*", - "lodash._cacheindexof": "*", - "lodash._createcache": "*", - "lodash._getnative": "*", - "lodash.clonedeep": "~4.5.0", - "lodash.restparam": "*", - "lodash.union": "~4.6.0", - "lodash.uniq": "~4.5.0", - "lodash.without": "~4.4.0", - "lru-cache": "^5.1.1", - "meant": "^1.0.2", - "mississippi": "^3.0.0", - "mkdirp": "^0.5.5", - "move-concurrently": "^1.0.1", - "node-gyp": "^5.1.0", - "nopt": "^4.0.3", - "normalize-package-data": "^2.5.0", - "npm-audit-report": "^1.3.3", - "npm-cache-filename": "~1.0.2", - "npm-install-checks": "^3.0.2", - "npm-lifecycle": "^3.1.5", - "npm-package-arg": "^6.1.1", - "npm-packlist": "^1.4.8", - "npm-pick-manifest": "^3.0.2", - "npm-profile": "^4.0.4", - "npm-registry-fetch": "^4.0.7", - "npm-user-validate": "^1.0.1", - "npmlog": "~4.1.2", - "once": "~1.4.0", - "opener": "^1.5.1", - "osenv": "^0.1.5", - "pacote": "^9.5.12", - "path-is-inside": "~1.0.2", - "promise-inflight": "~1.0.1", - "qrcode-terminal": "^0.12.0", - "query-string": "^6.8.2", - "qw": "~1.0.1", - "read": "~1.0.7", - "read-cmd-shim": "^1.0.5", - "read-installed": "~4.0.3", - "read-package-json": "^2.1.1", - "read-package-tree": "^5.3.1", - "readable-stream": "^3.6.0", - "readdir-scoped-modules": "^1.1.0", - "request": "^2.88.0", - "retry": "^0.12.0", - "rimraf": "^2.7.1", - "safe-buffer": "^5.1.2", - "semver": "^5.7.1", - "sha": "^3.0.0", - "slide": "~1.1.6", - "sorted-object": "~2.0.1", - "sorted-union-stream": "~2.1.3", - "ssri": "^6.0.1", - "stringify-package": "^1.0.1", - "tar": "^4.4.13", - "text-table": "~0.2.0", - "tiny-relative-date": "^1.3.0", + "abbrev": "1.1.1", + "ansicolors": "0.3.2", + "ansistyles": "0.1.3", + "aproba": "2.0.0", + "archy": "1.0.0", + "bin-links": "1.1.8", + "bluebird": "3.5.5", + "byte-size": "5.0.1", + "cacache": "12.0.3", + "call-limit": "1.1.1", + "chownr": "1.1.4", + "ci-info": "2.0.0", + "cli-columns": "3.1.2", + "cli-table3": "0.5.1", + "cmd-shim": "3.0.3", + "columnify": "1.5.4", + "config-chain": "1.1.12", + "debuglog": "1.0.1", + "detect-indent": "5.0.0", + "detect-newline": "2.1.0", + "dezalgo": "1.0.3", + "editor": "1.0.0", + "figgy-pudding": "3.5.1", + "find-npm-prefix": "1.0.2", + "fs-vacuum": "1.2.10", + "fs-write-stream-atomic": "1.0.10", + "gentle-fs": "2.3.1", + "glob": "7.1.6", + "graceful-fs": "4.2.4", + "has-unicode": "2.0.1", + "hosted-git-info": "2.8.8", + "iferr": "1.0.2", + "imurmurhash": "0.1.4", + "infer-owner": "1.0.4", + "inflight": "1.0.6", + "inherits": "2.0.4", + "ini": "1.3.5", + "init-package-json": "1.10.3", + "is-cidr": "3.0.0", + "json-parse-better-errors": "1.0.2", + "JSONStream": "1.3.5", + "lazy-property": "1.0.0", + "libcipm": "4.0.8", + "libnpm": "3.0.1", + "libnpmaccess": "3.0.2", + "libnpmhook": "5.0.3", + "libnpmorg": "1.0.1", + "libnpmsearch": "2.0.2", + "libnpmteam": "1.0.2", + "libnpx": "10.2.4", + "lock-verify": "2.1.0", + "lockfile": "1.0.4", + "lodash._baseindexof": "3.1.0", + "lodash._baseuniq": "4.6.0", + "lodash._bindcallback": "3.0.1", + "lodash._cacheindexof": "3.0.2", + "lodash._createcache": "3.1.2", + "lodash._getnative": "3.9.1", + "lodash.clonedeep": "4.5.0", + "lodash.restparam": "3.6.1", + "lodash.union": "4.6.0", + "lodash.uniq": "4.5.0", + "lodash.without": "4.4.0", + "lru-cache": "5.1.1", + "meant": "1.0.2", + "mississippi": "3.0.0", + "mkdirp": "0.5.5", + "move-concurrently": "1.0.1", + "node-gyp": "5.1.0", + "nopt": "4.0.3", + "normalize-package-data": "2.5.0", + "npm-audit-report": "1.3.3", + "npm-cache-filename": "1.0.2", + "npm-install-checks": "3.0.2", + "npm-lifecycle": "3.1.5", + "npm-package-arg": "6.1.1", + "npm-packlist": "1.4.8", + "npm-pick-manifest": "3.0.2", + "npm-profile": "4.0.4", + "npm-registry-fetch": "4.0.7", + "npm-user-validate": "1.0.1", + "npmlog": "4.1.2", + "once": "1.4.0", + "opener": "1.5.1", + "osenv": "0.1.5", + "pacote": "9.5.12", + "path-is-inside": "1.0.2", + "promise-inflight": "1.0.1", + "qrcode-terminal": "0.12.0", + "query-string": "6.8.2", + "qw": "1.0.1", + "read": "1.0.7", + "read-cmd-shim": "1.0.5", + "read-installed": "4.0.3", + "read-package-json": "2.1.1", + "read-package-tree": "5.3.1", + "readable-stream": "3.6.0", + "readdir-scoped-modules": "1.1.0", + "request": "2.88.0", + "retry": "0.12.0", + "rimraf": "2.7.1", + "safe-buffer": "5.1.2", + "semver": "5.7.1", + "sha": "3.0.0", + "slide": "1.1.6", + "sorted-object": "2.0.1", + "sorted-union-stream": "2.1.3", + "ssri": "6.0.1", + "stringify-package": "1.0.1", + "tar": "4.4.13", + "text-table": "0.2.0", + "tiny-relative-date": "1.3.0", "uid-number": "0.0.6", - "umask": "~1.1.0", - "unique-filename": "^1.1.1", - "unpipe": "~1.0.0", - "update-notifier": "^2.5.0", - "uuid": "^3.3.3", - "validate-npm-package-license": "^3.0.4", - "validate-npm-package-name": "~3.0.0", - "which": "^1.3.1", - "worker-farm": "^1.7.0", - "write-file-atomic": "^2.4.3" + "umask": "1.1.0", + "unique-filename": "1.1.1", + "unpipe": "1.0.0", + "update-notifier": "2.5.0", + "uuid": "3.3.3", + "validate-npm-package-license": "3.0.4", + "validate-npm-package-name": "3.0.0", + "which": "1.3.1", + "worker-farm": "1.7.0", + "write-file-atomic": "2.4.3" }, "dependencies": { - "JSONStream": { - "version": "1.3.5", - "resolved": false, - "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==", - "requires": { - "jsonparse": "^1.2.0", - "through": ">=2.2.7 <3" - } - }, "abbrev": { "version": "1.1.1", "resolved": false, @@ -6226,7 +6217,7 @@ "resolved": false, "integrity": "sha512-salcGninV0nPrwpGNn4VTXBb1SOuXQBiqbrNXoeizJsHrsL6ERFM2Ne3JUSBWRE6aeNJI2ROP/WEEIDUiDe3cg==", "requires": { - "es6-promisify": "^5.0.0" + "es6-promisify": "5.0.0" } }, "agentkeepalive": { @@ -6234,7 +6225,7 @@ "resolved": false, "integrity": "sha512-e0L/HNe6qkQ7H19kTlRRqUibEAwDK5AFk6y3PtMsuut2VAH6+Q4xZml1tNDJD7kSAyqmbG/K08K5WEJYtUrSlQ==", "requires": { - "humanize-ms": "^1.2.1" + "humanize-ms": "1.2.1" } }, "ansi-align": { @@ -6242,7 +6233,7 @@ "resolved": false, "integrity": "sha1-w2rsy6VjuJzrVW82kPCx2eNUf38=", "requires": { - "string-width": "^2.0.0" + "string-width": "2.1.1" } }, "ansi-regex": { @@ -6255,7 +6246,7 @@ "resolved": false, "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.1" } }, "ansicolors": { @@ -6283,8 +6274,8 @@ "resolved": false, "integrity": "sha1-u13KOCu5TwXhUZQ3PRb9O6HKEQ0=", "requires": { - "delegates": "^1.0.0", - "readable-stream": "^2.0.6" + "delegates": "1.0.0", + "readable-stream": "2.3.6" }, "dependencies": { "readable-stream": { @@ -6292,13 +6283,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -6306,7 +6297,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -6321,7 +6312,7 @@ "resolved": false, "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==", "requires": { - "safer-buffer": "~2.1.0" + "safer-buffer": "2.1.2" } }, "assert-plus": { @@ -6355,7 +6346,7 @@ "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=", "optional": true, "requires": { - "tweetnacl": "^0.14.3" + "tweetnacl": "0.14.5" } }, "bin-links": { @@ -6363,12 +6354,12 @@ "resolved": false, "integrity": "sha512-KgmVfx+QqggqP9dA3iIc5pA4T1qEEEL+hOhOhNPaUm77OTrJoOXE/C05SJLNJe6m/2wUK7F1tDSou7n5TfCDzQ==", "requires": { - "bluebird": "^3.5.3", - "cmd-shim": "^3.0.0", - "gentle-fs": "^2.3.0", - "graceful-fs": "^4.1.15", - "npm-normalize-package-bin": "^1.0.0", - "write-file-atomic": "^2.3.0" + "bluebird": "3.5.5", + "cmd-shim": "3.0.3", + "gentle-fs": "2.3.1", + "graceful-fs": "4.2.4", + "npm-normalize-package-bin": "1.0.1", + "write-file-atomic": "2.4.3" } }, "bluebird": { @@ -6381,13 +6372,13 @@ "resolved": false, "integrity": "sha512-TNPjfTr432qx7yOjQyaXm3dSR0MH9vXp7eT1BFSl/C51g+EFnOR9hTg1IreahGBmDNCehscshe45f+C1TBZbLw==", "requires": { - "ansi-align": "^2.0.0", - "camelcase": "^4.0.0", - "chalk": "^2.0.1", - "cli-boxes": "^1.0.0", - "string-width": "^2.0.0", - "term-size": "^1.2.0", - "widest-line": "^2.0.0" + "ansi-align": "2.0.0", + "camelcase": "4.1.0", + "chalk": "2.4.1", + "cli-boxes": "1.0.0", + "string-width": "2.1.1", + "term-size": "1.2.0", + "widest-line": "2.0.1" } }, "brace-expansion": { @@ -6395,7 +6386,7 @@ "resolved": false, "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", "requires": { - "balanced-match": "^1.0.0", + "balanced-match": "1.0.0", "concat-map": "0.0.1" } }, @@ -6424,21 +6415,21 @@ "resolved": false, "integrity": "sha512-kqdmfXEGFepesTuROHMs3MpFLWrPkSSpRqOw80RCflZXy/khxaArvFrQ7uJxSUduzAufc6G0g1VUCOZXxWavPw==", "requires": { - "bluebird": "^3.5.5", - "chownr": "^1.1.1", - "figgy-pudding": "^3.5.1", - "glob": "^7.1.4", - "graceful-fs": "^4.1.15", - "infer-owner": "^1.0.3", - "lru-cache": "^5.1.1", - "mississippi": "^3.0.0", - "mkdirp": "^0.5.1", - "move-concurrently": "^1.0.1", - "promise-inflight": "^1.0.1", - "rimraf": "^2.6.3", - "ssri": "^6.0.1", - "unique-filename": "^1.1.1", - "y18n": "^4.0.0" + "bluebird": "3.5.5", + "chownr": "1.1.4", + "figgy-pudding": "3.5.1", + "glob": "7.1.6", + "graceful-fs": "4.2.4", + "infer-owner": "1.0.4", + "lru-cache": "5.1.1", + "mississippi": "3.0.0", + "mkdirp": "0.5.5", + "move-concurrently": "1.0.1", + "promise-inflight": "1.0.1", + "rimraf": "2.7.1", + "ssri": "6.0.1", + "unique-filename": "1.1.1", + "y18n": "4.0.0" } }, "call-limit": { @@ -6466,9 +6457,9 @@ "resolved": false, "integrity": "sha512-ObN6h1v2fTJSmUXoS3nMQ92LbDK9be4TV+6G+omQlGJFdcUX5heKi1LZ1YnRMIgwTLEj3E24bT6tYni50rlCfQ==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.4.0" } }, "chownr": { @@ -6486,7 +6477,7 @@ "resolved": false, "integrity": "sha512-sB3ogMQXWvreNPbJUZMRApxuRYd+KoIo4RGQ81VatjmMW6WJPo+IJZ2846FGItr9VzKo5w7DXzijPLGtSd0N3Q==", "requires": { - "ip-regex": "^2.1.0" + "ip-regex": "2.1.0" } }, "cli-boxes": { @@ -6499,8 +6490,8 @@ "resolved": false, "integrity": "sha1-ZzLZcpee/CrkRKHwjgj6E5yWoY4=", "requires": { - "string-width": "^2.0.0", - "strip-ansi": "^3.0.1" + "string-width": "2.1.1", + "strip-ansi": "3.0.1" } }, "cli-table3": { @@ -6508,9 +6499,9 @@ "resolved": false, "integrity": "sha512-7Qg2Jrep1S/+Q3EceiZtQcDPWxhAvBw+ERf1162v4sikJrvojMHFqXt8QIVha8UlH9rgU0BeWPytZ9/TzYqlUw==", "requires": { - "colors": "^1.1.2", - "object-assign": "^4.1.0", - "string-width": "^2.1.1" + "colors": "1.3.3", + "object-assign": "4.1.1", + "string-width": "2.1.1" } }, "cliui": { @@ -6518,9 +6509,9 @@ "resolved": false, "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==", "requires": { - "string-width": "^3.1.0", - "strip-ansi": "^5.2.0", - "wrap-ansi": "^5.1.0" + "string-width": "3.1.0", + "strip-ansi": "5.2.0", + "wrap-ansi": "5.1.0" }, "dependencies": { "ansi-regex": { @@ -6538,9 +6529,9 @@ "resolved": false, "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -6548,7 +6539,7 @@ "resolved": false, "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } } } @@ -6563,8 +6554,8 @@ "resolved": false, "integrity": "sha512-DtGg+0xiFhQIntSBRzL2fRQBnmtAVwXIDo4Qq46HPpObYquxMaZS4sb82U9nH91qJrlosC1wa9gwr0QyL/HypA==", "requires": { - "graceful-fs": "^4.1.2", - "mkdirp": "~0.5.0" + "graceful-fs": "4.2.4", + "mkdirp": "0.5.5" } }, "code-point-at": { @@ -6577,7 +6568,7 @@ "resolved": false, "integrity": "sha512-mjGanIiwQJskCC18rPR6OmrZ6fm2Lc7PeGFYwCmy5J34wC6F1PzdGL6xeMfmgicfYcNLGuVFA3WzXtIDCQSZxQ==", "requires": { - "color-name": "^1.1.1" + "color-name": "1.1.3" } }, "color-name": { @@ -6596,8 +6587,8 @@ "resolved": false, "integrity": "sha1-Rzfd8ce2mop8NAVweC6UfuyOeLs=", "requires": { - "strip-ansi": "^3.0.0", - "wcwidth": "^1.0.0" + "strip-ansi": "3.0.1", + "wcwidth": "1.0.1" } }, "combined-stream": { @@ -6605,7 +6596,7 @@ "resolved": false, "integrity": "sha1-cj599ugBrFYTETp+RFqbactjKBg=", "requires": { - "delayed-stream": "~1.0.0" + "delayed-stream": "1.0.0" } }, "concat-map": { @@ -6618,10 +6609,10 @@ "resolved": false, "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==", "requires": { - "buffer-from": "^1.0.0", - "inherits": "^2.0.3", - "readable-stream": "^2.2.2", - "typedarray": "^0.0.6" + "buffer-from": "1.0.0", + "inherits": "2.0.4", + "readable-stream": "2.3.6", + "typedarray": "0.0.6" }, "dependencies": { "readable-stream": { @@ -6629,13 +6620,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -6643,7 +6634,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -6653,8 +6644,8 @@ "resolved": false, "integrity": "sha512-a1eOIcu8+7lUInge4Rpf/n4Krkf3Dd9lqhljRzII1/Zno/kRtUWnznPO3jOKBmTEktkt3fkxisUcivoj0ebzoA==", "requires": { - "ini": "^1.3.4", - "proto-list": "~1.2.1" + "ini": "1.3.5", + "proto-list": "1.2.4" } }, "configstore": { @@ -6662,12 +6653,12 @@ "resolved": false, "integrity": "sha512-nlOhI4+fdzoK5xmJ+NY+1gZK56bwEaWZr8fYuXohZ9Vkc1o3a4T/R3M+yE/w7x/ZVJ1zF8c+oaOvF0dztdUgmA==", "requires": { - "dot-prop": "^4.2.1", - "graceful-fs": "^4.1.2", - "make-dir": "^1.0.0", - "unique-string": "^1.0.0", - "write-file-atomic": "^2.0.0", - "xdg-basedir": "^3.0.0" + "dot-prop": "4.2.1", + "graceful-fs": "4.2.4", + "make-dir": "1.3.0", + "unique-string": "1.0.0", + "write-file-atomic": "2.4.3", + "xdg-basedir": "3.0.0" } }, "console-control-strings": { @@ -6680,12 +6671,12 @@ "resolved": false, "integrity": "sha512-f2domd9fsVDFtaFcbaRZuYXwtdmnzqbADSwhSWYxYB/Q8zsdUUFMXVRwXGDMWmbEzAn1kdRrtI1T/KTFOL4X2A==", "requires": { - "aproba": "^1.1.1", - "fs-write-stream-atomic": "^1.0.8", - "iferr": "^0.1.5", - "mkdirp": "^0.5.1", - "rimraf": "^2.5.4", - "run-queue": "^1.0.0" + "aproba": "1.2.0", + "fs-write-stream-atomic": "1.0.10", + "iferr": "0.1.5", + "mkdirp": "0.5.5", + "rimraf": "2.7.1", + "run-queue": "1.0.3" }, "dependencies": { "aproba": { @@ -6710,7 +6701,7 @@ "resolved": false, "integrity": "sha1-Br56vvlHo/FKMP1hBnHUAbyot7Y=", "requires": { - "capture-stack-trace": "^1.0.0" + "capture-stack-trace": "1.0.0" } }, "cross-spawn": { @@ -6718,9 +6709,9 @@ "resolved": false, "integrity": "sha1-6L0O/uWPz/b4+UUQoKVUu/ojVEk=", "requires": { - "lru-cache": "^4.0.1", - "shebang-command": "^1.2.0", - "which": "^1.2.9" + "lru-cache": "4.1.5", + "shebang-command": "1.2.0", + "which": "1.3.1" }, "dependencies": { "lru-cache": { @@ -6728,8 +6719,8 @@ "resolved": false, "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==", "requires": { - "pseudomap": "^1.0.2", - "yallist": "^2.1.2" + "pseudomap": "1.0.2", + "yallist": "2.1.2" } }, "yallist": { @@ -6754,7 +6745,7 @@ "resolved": false, "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=", "requires": { - "assert-plus": "^1.0.0" + "assert-plus": "1.0.0" } }, "debug": { @@ -6797,7 +6788,7 @@ "resolved": false, "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=", "requires": { - "clone": "^1.0.2" + "clone": "1.0.4" } }, "define-properties": { @@ -6805,7 +6796,7 @@ "resolved": false, "integrity": "sha512-3MqfYKj2lLzdMSf8ZIZE/V+Zuy+BgD6f164e8K2w7dgnpKArBDerGYpM46IYYcjnkdPNMjPk9A6VFB8+3SKlXQ==", "requires": { - "object-keys": "^1.0.12" + "object-keys": "1.0.12" } }, "delayed-stream": { @@ -6833,8 +6824,8 @@ "resolved": false, "integrity": "sha1-f3Qt4Gb8dIvI24IFad3c5Jvw1FY=", "requires": { - "asap": "^2.0.0", - "wrappy": "1" + "asap": "2.0.6", + "wrappy": "1.0.2" } }, "dot-prop": { @@ -6842,7 +6833,7 @@ "resolved": false, "integrity": "sha512-l0p4+mIuJIua0mhxGoh4a+iNL9bmeK5DvnSVQa6T0OhrVmaEa1XScX5Etc673FePCJOArq/4Pa2cLGODUWTPOQ==", "requires": { - "is-obj": "^1.0.0" + "is-obj": "1.0.1" } }, "dotenv": { @@ -6860,10 +6851,10 @@ "resolved": false, "integrity": "sha512-fO3Di4tBKJpYTFHAxTU00BcfWMY9w24r/x21a6rZRbsD/ToUgGxsMbiGRmB7uVAXeGKXD9MwiLZa5E97EVgIRQ==", "requires": { - "end-of-stream": "^1.0.0", - "inherits": "^2.0.1", - "readable-stream": "^2.0.0", - "stream-shift": "^1.0.0" + "end-of-stream": "1.4.1", + "inherits": "2.0.4", + "readable-stream": "2.3.6", + "stream-shift": "1.0.0" }, "dependencies": { "readable-stream": { @@ -6871,13 +6862,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -6885,7 +6876,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -6896,8 +6887,8 @@ "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=", "optional": true, "requires": { - "jsbn": "~0.1.0", - "safer-buffer": "^2.1.0" + "jsbn": "0.1.1", + "safer-buffer": "2.1.2" } }, "editor": { @@ -6915,7 +6906,7 @@ "resolved": false, "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=", "requires": { - "iconv-lite": "~0.4.13" + "iconv-lite": "0.4.23" } }, "end-of-stream": { @@ -6923,7 +6914,7 @@ "resolved": false, "integrity": "sha512-1MkrZNvWTKCaigbn+W15elq2BB/L22nqrSY5DKlo3X6+vclJm8Bb5djXJBmEX6fS3+zCh/F4VBK5Z2KxJt4s2Q==", "requires": { - "once": "^1.4.0" + "once": "1.4.0" } }, "env-paths": { @@ -6941,7 +6932,7 @@ "resolved": false, "integrity": "sha512-MfrRBDWzIWifgq6tJj60gkAwtLNb6sQPlcFrSOflcP1aFmmruKQ2wRnze/8V6kgyz7H3FF8Npzv78mZ7XLLflg==", "requires": { - "prr": "~1.0.1" + "prr": "1.0.1" } }, "es-abstract": { @@ -6949,11 +6940,11 @@ "resolved": false, "integrity": "sha512-C8Fx/0jFmV5IPoMOFPA9P9G5NtqW+4cOPit3MIuvR2t7Ag2K15EJTpxnHAYTzL+aYQJIESYeXZmDBfOBE1HcpA==", "requires": { - "es-to-primitive": "^1.1.1", - "function-bind": "^1.1.1", - "has": "^1.0.1", - "is-callable": "^1.1.3", - "is-regex": "^1.0.4" + "es-to-primitive": "1.2.0", + "function-bind": "1.1.1", + "has": "1.0.3", + "is-callable": "1.1.4", + "is-regex": "1.0.4" } }, "es-to-primitive": { @@ -6961,9 +6952,9 @@ "resolved": false, "integrity": "sha512-qZryBOJjV//LaxLTV6UC//WewneB3LcXOL9NP++ozKVXsIIIpm/2c13UDiD9Jp2eThsecw9m3jPqDwTyobcdbg==", "requires": { - "is-callable": "^1.1.4", - "is-date-object": "^1.0.1", - "is-symbol": "^1.0.2" + "is-callable": "1.1.4", + "is-date-object": "1.0.1", + "is-symbol": "1.0.2" } }, "es6-promise": { @@ -6976,7 +6967,7 @@ "resolved": false, "integrity": "sha1-UQnWLz5W6pZ8S2NQWu8IKRyKUgM=", "requires": { - "es6-promise": "^4.0.3" + "es6-promise": "4.2.8" } }, "escape-string-regexp": { @@ -6989,13 +6980,13 @@ "resolved": false, "integrity": "sha1-lEvs00zEHuMqY6n68nrVpl/Fl3c=", "requires": { - "cross-spawn": "^5.0.1", - "get-stream": "^3.0.0", - "is-stream": "^1.1.0", - "npm-run-path": "^2.0.0", - "p-finally": "^1.0.0", - "signal-exit": "^3.0.0", - "strip-eof": "^1.0.0" + "cross-spawn": "5.1.0", + "get-stream": "3.0.0", + "is-stream": "1.1.0", + "npm-run-path": "2.0.2", + "p-finally": "1.0.0", + "signal-exit": "3.0.2", + "strip-eof": "1.0.0" }, "dependencies": { "get-stream": { @@ -7035,8 +7026,8 @@ "resolved": false, "integrity": "sha512-calZMC10u0FMUqoiunI2AiGIIUtUIvifNwkHhNupZH4cbNnW1Itkoh/Nf5HFYmDrwWPjrUxpkZT0KhuCq0jmGw==", "requires": { - "inherits": "^2.0.1", - "readable-stream": "^2.0.4" + "inherits": "2.0.4", + "readable-stream": "2.3.6" }, "dependencies": { "readable-stream": { @@ -7044,13 +7035,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -7058,7 +7049,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -7073,9 +7064,9 @@ "resolved": false, "integrity": "sha1-SXBJi+YEwgwAXU9cI67NIda0kJk=", "requires": { - "asynckit": "^0.4.0", + "asynckit": "0.4.0", "combined-stream": "1.0.6", - "mime-types": "^2.1.12" + "mime-types": "2.1.19" } }, "from2": { @@ -7083,8 +7074,8 @@ "resolved": false, "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=", "requires": { - "inherits": "^2.0.1", - "readable-stream": "^2.0.0" + "inherits": "2.0.4", + "readable-stream": "2.3.6" }, "dependencies": { "readable-stream": { @@ -7092,13 +7083,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -7106,7 +7097,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -7116,7 +7107,7 @@ "resolved": false, "integrity": "sha512-GWSSJGFy4e9GUeCcbIkED+bgAoFyj7XF1mV8rma3QW4NIqX9Kyx79N/PF61H5udOV3aY1IaMLs6pGbH71nlCTA==", "requires": { - "minipass": "^2.6.0" + "minipass": "2.9.0" }, "dependencies": { "minipass": { @@ -7124,8 +7115,8 @@ "resolved": false, "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==", "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" + "safe-buffer": "5.1.2", + "yallist": "3.0.3" } } } @@ -7135,9 +7126,9 @@ "resolved": false, "integrity": "sha1-t2Kb7AekAxolSP35n17PHMizHjY=", "requires": { - "graceful-fs": "^4.1.2", - "path-is-inside": "^1.0.1", - "rimraf": "^2.5.2" + "graceful-fs": "4.2.4", + "path-is-inside": "1.0.2", + "rimraf": "2.7.1" } }, "fs-write-stream-atomic": { @@ -7145,10 +7136,10 @@ "resolved": false, "integrity": "sha1-tH31NJPvkR33VzHnCp3tAYnbQMk=", "requires": { - "graceful-fs": "^4.1.2", - "iferr": "^0.1.5", - "imurmurhash": "^0.1.4", - "readable-stream": "1 || 2" + "graceful-fs": "4.2.4", + "iferr": "0.1.5", + "imurmurhash": "0.1.4", + "readable-stream": "2.3.6" }, "dependencies": { "iferr": { @@ -7161,13 +7152,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -7175,7 +7166,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -7195,14 +7186,14 @@ "resolved": false, "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=", "requires": { - "aproba": "^1.0.3", - "console-control-strings": "^1.0.0", - "has-unicode": "^2.0.0", - "object-assign": "^4.1.0", - "signal-exit": "^3.0.0", - "string-width": "^1.0.1", - "strip-ansi": "^3.0.1", - "wide-align": "^1.1.0" + "aproba": "1.2.0", + "console-control-strings": "1.1.0", + "has-unicode": "2.0.1", + "object-assign": "4.1.1", + "signal-exit": "3.0.2", + "string-width": "1.0.2", + "strip-ansi": "3.0.1", + "wide-align": "1.1.2" }, "dependencies": { "aproba": { @@ -7215,9 +7206,9 @@ "resolved": false, "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" + "code-point-at": "1.1.0", + "is-fullwidth-code-point": "1.0.0", + "strip-ansi": "3.0.1" } } } @@ -7232,17 +7223,17 @@ "resolved": false, "integrity": "sha512-OlwBBwqCFPcjm33rF2BjW+Pr6/ll2741l+xooiwTCeaX2CA1ZuclavyMBe0/KlR21/XGsgY6hzEQZ15BdNa13Q==", "requires": { - "aproba": "^1.1.2", - "chownr": "^1.1.2", - "cmd-shim": "^3.0.3", - "fs-vacuum": "^1.2.10", - "graceful-fs": "^4.1.11", - "iferr": "^0.1.5", - "infer-owner": "^1.0.4", - "mkdirp": "^0.5.1", - "path-is-inside": "^1.0.2", - "read-cmd-shim": "^1.0.1", - "slide": "^1.1.6" + "aproba": "1.2.0", + "chownr": "1.1.4", + "cmd-shim": "3.0.3", + "fs-vacuum": "1.2.10", + "graceful-fs": "4.2.4", + "iferr": "0.1.5", + "infer-owner": "1.0.4", + "mkdirp": "0.5.5", + "path-is-inside": "1.0.2", + "read-cmd-shim": "1.0.5", + "slide": "1.1.6" }, "dependencies": { "aproba": { @@ -7267,7 +7258,7 @@ "resolved": false, "integrity": "sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w==", "requires": { - "pump": "^3.0.0" + "pump": "3.0.0" } }, "getpass": { @@ -7275,7 +7266,7 @@ "resolved": false, "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=", "requires": { - "assert-plus": "^1.0.0" + "assert-plus": "1.0.0" } }, "glob": { @@ -7283,12 +7274,12 @@ "resolved": false, "integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==", "requires": { - "fs.realpath": "^1.0.0", - "inflight": "^1.0.4", - "inherits": "2", - "minimatch": "^3.0.4", - "once": "^1.3.0", - "path-is-absolute": "^1.0.0" + "fs.realpath": "1.0.0", + "inflight": "1.0.6", + "inherits": "2.0.4", + "minimatch": "3.0.4", + "once": "1.4.0", + "path-is-absolute": "1.0.1" } }, "global-dirs": { @@ -7296,7 +7287,7 @@ "resolved": false, "integrity": "sha1-sxnA3UYH81PzvpzKTHL8FIxJ9EU=", "requires": { - "ini": "^1.3.4" + "ini": "1.3.5" } }, "got": { @@ -7304,17 +7295,17 @@ "resolved": false, "integrity": "sha1-JAzQV4WpoY5WHcG0S0HHY+8ejbA=", "requires": { - "create-error-class": "^3.0.0", - "duplexer3": "^0.1.4", - "get-stream": "^3.0.0", - "is-redirect": "^1.0.0", - "is-retry-allowed": "^1.0.0", - "is-stream": "^1.0.0", - "lowercase-keys": "^1.0.0", - "safe-buffer": "^5.0.1", - "timed-out": "^4.0.0", - "unzip-response": "^2.0.1", - "url-parse-lax": "^1.0.0" + "create-error-class": "3.0.2", + "duplexer3": "0.1.4", + "get-stream": "3.0.0", + "is-redirect": "1.0.0", + "is-retry-allowed": "1.2.0", + "is-stream": "1.1.0", + "lowercase-keys": "1.0.1", + "safe-buffer": "5.1.2", + "timed-out": "4.0.1", + "unzip-response": "2.0.1", + "url-parse-lax": "1.0.0" }, "dependencies": { "get-stream": { @@ -7339,8 +7330,8 @@ "resolved": false, "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==", "requires": { - "ajv": "^6.12.3", - "har-schema": "^2.0.0" + "ajv": "6.12.6", + "har-schema": "2.0.0" }, "dependencies": { "ajv": { @@ -7348,10 +7339,10 @@ "resolved": false, "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==", "requires": { - "fast-deep-equal": "^3.1.1", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.4.1", - "uri-js": "^4.2.2" + "fast-deep-equal": "3.1.3", + "fast-json-stable-stringify": "2.0.0", + "json-schema-traverse": "0.4.1", + "uri-js": "4.4.0" } }, "fast-deep-equal": { @@ -7371,7 +7362,7 @@ "resolved": false, "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==", "requires": { - "function-bind": "^1.1.1" + "function-bind": "1.1.1" } }, "has-flag": { @@ -7404,7 +7395,7 @@ "resolved": false, "integrity": "sha512-qwHbBLV7WviBl0rQsOzH6o5lwyOIvwp/BdFnvVxXORldu5TmjFfjzBcWUWS5kWAZhmv+JtiDhSuQCp4sBfbIgg==", "requires": { - "agent-base": "4", + "agent-base": "4.3.0", "debug": "3.1.0" } }, @@ -7413,9 +7404,9 @@ "resolved": false, "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=", "requires": { - "assert-plus": "^1.0.0", - "jsprim": "^1.2.2", - "sshpk": "^1.7.0" + "assert-plus": "1.0.0", + "jsprim": "1.4.1", + "sshpk": "1.14.2" } }, "https-proxy-agent": { @@ -7423,8 +7414,8 @@ "resolved": false, "integrity": "sha512-OmvfoQ53WLjtA9HeYP9RNrWMJzzAz1JGaSFr1nijg0PVR1JaD/xbJq1mdEIIlxGpXp9eSe/O2LgU9DJmTPd0Eg==", "requires": { - "agent-base": "^4.3.0", - "debug": "^3.1.0" + "agent-base": "4.3.0", + "debug": "3.1.0" } }, "humanize-ms": { @@ -7432,7 +7423,7 @@ "resolved": false, "integrity": "sha1-xG4xWaKT9riW2ikxbYtv6Lt5u+0=", "requires": { - "ms": "^2.0.0" + "ms": "2.1.1" } }, "iconv-lite": { @@ -7440,7 +7431,7 @@ "resolved": false, "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==", "requires": { - "safer-buffer": ">= 2.1.2 < 3" + "safer-buffer": "2.1.2" } }, "iferr": { @@ -7453,7 +7444,7 @@ "resolved": false, "integrity": "sha512-m7o6xuOaT1aqheYHKf8W6J5pYH85ZI9w077erOzLje3JsB1gkafkAhHHY19dqjulgIZHFm32Cp5uNZgcQqdJKw==", "requires": { - "minimatch": "^3.0.4" + "minimatch": "3.0.4" } }, "import-lazy": { @@ -7476,8 +7467,8 @@ "resolved": false, "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", "requires": { - "once": "^1.3.0", - "wrappy": "1" + "once": "1.4.0", + "wrappy": "1.0.2" } }, "inherits": { @@ -7495,14 +7486,14 @@ "resolved": false, "integrity": "sha512-zKSiXKhQveNteyhcj1CoOP8tqp1QuxPIPBl8Bid99DGLFqA1p87M6lNgfjJHSBoWJJlidGOv5rWjyYKEB3g2Jw==", "requires": { - "glob": "^7.1.1", - "npm-package-arg": "^4.0.0 || ^5.0.0 || ^6.0.0", - "promzard": "^0.3.0", - "read": "~1.0.1", - "read-package-json": "1 || 2", - "semver": "2.x || 3.x || 4 || 5", - "validate-npm-package-license": "^3.0.1", - "validate-npm-package-name": "^3.0.0" + "glob": "7.1.6", + "npm-package-arg": "6.1.1", + "promzard": "0.3.0", + "read": "1.0.7", + "read-package-json": "2.1.1", + "semver": "5.7.1", + "validate-npm-package-license": "3.0.4", + "validate-npm-package-name": "3.0.0" } }, "ip": { @@ -7525,7 +7516,7 @@ "resolved": false, "integrity": "sha512-s6tfsaQaQi3JNciBH6shVqEDvhGut0SUXr31ag8Pd8BBbVVlcGfWhpPmEOoM6RJ5TFhbypvf5yyRw/VXW1IiWg==", "requires": { - "ci-info": "^1.5.0" + "ci-info": "1.6.0" }, "dependencies": { "ci-info": { @@ -7540,7 +7531,7 @@ "resolved": false, "integrity": "sha512-8Xnnbjsb0x462VoYiGlhEi+drY8SFwrHiSYuzc/CEwco55vkehTaxAyIjEdpi3EMvLPPJAJi9FlzP+h+03gp0Q==", "requires": { - "cidr-regex": "^2.0.10" + "cidr-regex": "2.0.10" } }, "is-date-object": { @@ -7553,7 +7544,7 @@ "resolved": false, "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=", "requires": { - "number-is-nan": "^1.0.0" + "number-is-nan": "1.0.1" } }, "is-installed-globally": { @@ -7561,8 +7552,8 @@ "resolved": false, "integrity": "sha1-Df2Y9akRFxbdU13aZJL2e/PSWoA=", "requires": { - "global-dirs": "^0.1.0", - "is-path-inside": "^1.0.0" + "global-dirs": "0.1.1", + "is-path-inside": "1.0.1" } }, "is-npm": { @@ -7580,7 +7571,7 @@ "resolved": false, "integrity": "sha1-jvW33lBDej/cprToZe96pVy0gDY=", "requires": { - "path-is-inside": "^1.0.1" + "path-is-inside": "1.0.2" } }, "is-redirect": { @@ -7593,7 +7584,7 @@ "resolved": false, "integrity": "sha1-VRdIm1RwkbCTDglWVM7SXul+lJE=", "requires": { - "has": "^1.0.1" + "has": "1.0.3" } }, "is-retry-allowed": { @@ -7611,7 +7602,7 @@ "resolved": false, "integrity": "sha512-HS8bZ9ox60yCJLH9snBpIwv9pYUAkcuLhSA1oero1UB5y9aiQpRA8y2ex945AOtCZL1lJDeIk3G5LthswI46Lw==", "requires": { - "has-symbols": "^1.0.0" + "has-symbols": "1.0.0" } }, "is-typedarray": { @@ -7660,6 +7651,15 @@ "resolved": false, "integrity": "sha1-P02uSpH6wxX3EGL4UhzCOfE2YoA=" }, + "JSONStream": { + "version": "1.3.5", + "resolved": false, + "integrity": "sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==", + "requires": { + "jsonparse": "1.3.1", + "through": "2.3.8" + } + }, "jsprim": { "version": "1.4.1", "resolved": false, @@ -7676,7 +7676,7 @@ "resolved": false, "integrity": "sha1-ogU4P+oyKzO1rjsYq+4NwvNW7hU=", "requires": { - "package-json": "^4.0.0" + "package-json": "4.0.1" } }, "lazy-property": { @@ -7689,21 +7689,21 @@ "resolved": false, "integrity": "sha512-IN3hh2yDJQtZZ5paSV4fbvJg4aHxCCg5tcZID/dSVlTuUiWktsgaldVljJv6Z5OUlYspx6xQkbR0efNodnIrOA==", "requires": { - "bin-links": "^1.1.2", - "bluebird": "^3.5.1", - "figgy-pudding": "^3.5.1", - "find-npm-prefix": "^1.0.2", - "graceful-fs": "^4.1.11", - "ini": "^1.3.5", - "lock-verify": "^2.1.0", - "mkdirp": "^0.5.1", - "npm-lifecycle": "^3.0.0", - "npm-logical-tree": "^1.2.1", - "npm-package-arg": "^6.1.0", - "pacote": "^9.1.0", - "read-package-json": "^2.0.13", - "rimraf": "^2.6.2", - "worker-farm": "^1.6.0" + "bin-links": "1.1.8", + "bluebird": "3.5.5", + "figgy-pudding": "3.5.1", + "find-npm-prefix": "1.0.2", + "graceful-fs": "4.2.4", + "ini": "1.3.5", + "lock-verify": "2.1.0", + "mkdirp": "0.5.5", + "npm-lifecycle": "3.1.5", + "npm-logical-tree": "1.2.1", + "npm-package-arg": "6.1.1", + "pacote": "9.5.12", + "read-package-json": "2.1.1", + "rimraf": "2.7.1", + "worker-farm": "1.7.0" } }, "libnpm": { @@ -7711,26 +7711,26 @@ "resolved": false, "integrity": "sha512-d7jU5ZcMiTfBqTUJVZ3xid44fE5ERBm9vBnmhp2ECD2Ls+FNXWxHSkO7gtvrnbLO78gwPdNPz1HpsF3W4rjkBQ==", "requires": { - "bin-links": "^1.1.2", - "bluebird": "^3.5.3", - "find-npm-prefix": "^1.0.2", - "libnpmaccess": "^3.0.2", - "libnpmconfig": "^1.2.1", - "libnpmhook": "^5.0.3", - "libnpmorg": "^1.0.1", - "libnpmpublish": "^1.1.2", - "libnpmsearch": "^2.0.2", - "libnpmteam": "^1.0.2", - "lock-verify": "^2.0.2", - "npm-lifecycle": "^3.0.0", - "npm-logical-tree": "^1.2.1", - "npm-package-arg": "^6.1.0", - "npm-profile": "^4.0.2", - "npm-registry-fetch": "^4.0.0", - "npmlog": "^4.1.2", - "pacote": "^9.5.3", - "read-package-json": "^2.0.13", - "stringify-package": "^1.0.0" + "bin-links": "1.1.8", + "bluebird": "3.5.5", + "find-npm-prefix": "1.0.2", + "libnpmaccess": "3.0.2", + "libnpmconfig": "1.2.1", + "libnpmhook": "5.0.3", + "libnpmorg": "1.0.1", + "libnpmpublish": "1.1.2", + "libnpmsearch": "2.0.2", + "libnpmteam": "1.0.2", + "lock-verify": "2.1.0", + "npm-lifecycle": "3.1.5", + "npm-logical-tree": "1.2.1", + "npm-package-arg": "6.1.1", + "npm-profile": "4.0.4", + "npm-registry-fetch": "4.0.7", + "npmlog": "4.1.2", + "pacote": "9.5.12", + "read-package-json": "2.1.1", + "stringify-package": "1.0.1" } }, "libnpmaccess": { @@ -7738,10 +7738,10 @@ "resolved": false, "integrity": "sha512-01512AK7MqByrI2mfC7h5j8N9V4I7MHJuk9buo8Gv+5QgThpOgpjB7sQBDDkeZqRteFb1QM/6YNdHfG7cDvfAQ==", "requires": { - "aproba": "^2.0.0", - "get-stream": "^4.0.0", - "npm-package-arg": "^6.1.0", - "npm-registry-fetch": "^4.0.0" + "aproba": "2.0.0", + "get-stream": "4.1.0", + "npm-package-arg": "6.1.1", + "npm-registry-fetch": "4.0.7" } }, "libnpmconfig": { @@ -7749,9 +7749,9 @@ "resolved": false, "integrity": "sha512-9esX8rTQAHqarx6qeZqmGQKBNZR5OIbl/Ayr0qQDy3oXja2iFVQQI81R6GZ2a02bSNZ9p3YOGX1O6HHCb1X7kA==", "requires": { - "figgy-pudding": "^3.5.1", - "find-up": "^3.0.0", - "ini": "^1.3.5" + "figgy-pudding": "3.5.1", + "find-up": "3.0.0", + "ini": "1.3.5" }, "dependencies": { "find-up": { @@ -7759,7 +7759,7 @@ "resolved": false, "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", "requires": { - "locate-path": "^3.0.0" + "locate-path": "3.0.0" } }, "locate-path": { @@ -7767,8 +7767,8 @@ "resolved": false, "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" + "p-locate": "3.0.0", + "path-exists": "3.0.0" } }, "p-limit": { @@ -7776,7 +7776,7 @@ "resolved": false, "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", "requires": { - "p-try": "^2.0.0" + "p-try": "2.2.0" } }, "p-locate": { @@ -7784,7 +7784,7 @@ "resolved": false, "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", "requires": { - "p-limit": "^2.0.0" + "p-limit": "2.2.0" } }, "p-try": { @@ -7799,10 +7799,10 @@ "resolved": false, "integrity": "sha512-UdNLMuefVZra/wbnBXECZPefHMGsVDTq5zaM/LgKNE9Keyl5YXQTnGAzEo+nFOpdRqTWI9LYi4ApqF9uVCCtuA==", "requires": { - "aproba": "^2.0.0", - "figgy-pudding": "^3.4.1", - "get-stream": "^4.0.0", - "npm-registry-fetch": "^4.0.0" + "aproba": "2.0.0", + "figgy-pudding": "3.5.1", + "get-stream": "4.1.0", + "npm-registry-fetch": "4.0.7" } }, "libnpmorg": { @@ -7810,10 +7810,10 @@ "resolved": false, "integrity": "sha512-0sRUXLh+PLBgZmARvthhYXQAWn0fOsa6T5l3JSe2n9vKG/lCVK4nuG7pDsa7uMq+uTt2epdPK+a2g6btcY11Ww==", "requires": { - "aproba": "^2.0.0", - "figgy-pudding": "^3.4.1", - "get-stream": "^4.0.0", - "npm-registry-fetch": "^4.0.0" + "aproba": "2.0.0", + "figgy-pudding": "3.5.1", + "get-stream": "4.1.0", + "npm-registry-fetch": "4.0.7" } }, "libnpmpublish": { @@ -7821,15 +7821,15 @@ "resolved": false, "integrity": "sha512-2yIwaXrhTTcF7bkJKIKmaCV9wZOALf/gsTDxVSu/Gu/6wiG3fA8ce8YKstiWKTxSFNC0R7isPUb6tXTVFZHt2g==", "requires": { - "aproba": "^2.0.0", - "figgy-pudding": "^3.5.1", - "get-stream": "^4.0.0", - "lodash.clonedeep": "^4.5.0", - "normalize-package-data": "^2.4.0", - "npm-package-arg": "^6.1.0", - "npm-registry-fetch": "^4.0.0", - "semver": "^5.5.1", - "ssri": "^6.0.1" + "aproba": "2.0.0", + "figgy-pudding": "3.5.1", + "get-stream": "4.1.0", + "lodash.clonedeep": "4.5.0", + "normalize-package-data": "2.5.0", + "npm-package-arg": "6.1.1", + "npm-registry-fetch": "4.0.7", + "semver": "5.7.1", + "ssri": "6.0.1" } }, "libnpmsearch": { @@ -7837,9 +7837,9 @@ "resolved": false, "integrity": "sha512-VTBbV55Q6fRzTdzziYCr64+f8AopQ1YZ+BdPOv16UegIEaE8C0Kch01wo4s3kRTFV64P121WZJwgmBwrq68zYg==", "requires": { - "figgy-pudding": "^3.5.1", - "get-stream": "^4.0.0", - "npm-registry-fetch": "^4.0.0" + "figgy-pudding": "3.5.1", + "get-stream": "4.1.0", + "npm-registry-fetch": "4.0.7" } }, "libnpmteam": { @@ -7847,10 +7847,10 @@ "resolved": false, "integrity": "sha512-p420vM28Us04NAcg1rzgGW63LMM6rwe+6rtZpfDxCcXxM0zUTLl7nPFEnRF3JfFBF5skF/yuZDUthTsHgde8QA==", "requires": { - "aproba": "^2.0.0", - "figgy-pudding": "^3.4.1", - "get-stream": "^4.0.0", - "npm-registry-fetch": "^4.0.0" + "aproba": "2.0.0", + "figgy-pudding": "3.5.1", + "get-stream": "4.1.0", + "npm-registry-fetch": "4.0.7" } }, "libnpx": { @@ -7858,14 +7858,14 @@ "resolved": false, "integrity": "sha512-BPc0D1cOjBeS8VIBKUu5F80s6njm0wbVt7CsGMrIcJ+SI7pi7V0uVPGpEMH9H5L8csOcclTxAXFE2VAsJXUhfA==", "requires": { - "dotenv": "^5.0.1", - "npm-package-arg": "^6.0.0", - "rimraf": "^2.6.2", - "safe-buffer": "^5.1.0", - "update-notifier": "^2.3.0", - "which": "^1.3.0", - "y18n": "^4.0.0", - "yargs": "^14.2.3" + "dotenv": "5.0.1", + "npm-package-arg": "6.1.1", + "rimraf": "2.7.1", + "safe-buffer": "5.1.2", + "update-notifier": "2.5.0", + "which": "1.3.1", + "y18n": "4.0.0", + "yargs": "14.2.3" } }, "lock-verify": { @@ -7873,8 +7873,8 @@ "resolved": false, "integrity": "sha512-vcLpxnGvrqisKvLQ2C2v0/u7LVly17ak2YSgoK4PrdsYBXQIax19vhKiLfvKNFx7FRrpTnitrpzF/uuCMuorIg==", "requires": { - "npm-package-arg": "^6.1.0", - "semver": "^5.4.1" + "npm-package-arg": "6.1.1", + "semver": "5.7.1" } }, "lockfile": { @@ -7882,7 +7882,7 @@ "resolved": false, "integrity": "sha512-cvbTwETRfsFh4nHsL1eGWapU1XFi5Ot9E85sWAwia7Y7EgB7vfqcZhTKZ+l7hCGxSPoushMv5GKhT5PdLv03WA==", "requires": { - "signal-exit": "^3.0.2" + "signal-exit": "3.0.2" } }, "lodash._baseindexof": { @@ -7895,8 +7895,8 @@ "resolved": false, "integrity": "sha1-DrtE5FaBSveQXGIS+iybLVG4Qeg=", "requires": { - "lodash._createset": "~4.0.0", - "lodash._root": "~3.0.0" + "lodash._createset": "4.0.3", + "lodash._root": "3.0.1" } }, "lodash._bindcallback": { @@ -7914,7 +7914,7 @@ "resolved": false, "integrity": "sha1-VtagZAF2JeeevKa4AY4XRAvc8JM=", "requires": { - "lodash._getnative": "^3.0.0" + "lodash._getnative": "3.9.1" } }, "lodash._createset": { @@ -7967,7 +7967,7 @@ "resolved": false, "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", "requires": { - "yallist": "^3.0.2" + "yallist": "3.0.3" } }, "make-dir": { @@ -7975,7 +7975,7 @@ "resolved": false, "integrity": "sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==", "requires": { - "pify": "^3.0.0" + "pify": "3.0.0" } }, "make-fetch-happen": { @@ -7983,17 +7983,17 @@ "resolved": false, "integrity": "sha512-07JHC0r1ykIoruKO8ifMXu+xEU8qOXDFETylktdug6vJDACnP+HKevOu3PXyNPzFyTSlz8vrBYlBO1JZRe8Cag==", "requires": { - "agentkeepalive": "^3.4.1", - "cacache": "^12.0.0", - "http-cache-semantics": "^3.8.1", - "http-proxy-agent": "^2.1.0", - "https-proxy-agent": "^2.2.3", - "lru-cache": "^5.1.1", - "mississippi": "^3.0.0", - "node-fetch-npm": "^2.0.2", - "promise-retry": "^1.1.1", - "socks-proxy-agent": "^4.0.0", - "ssri": "^6.0.0" + "agentkeepalive": "3.5.2", + "cacache": "12.0.3", + "http-cache-semantics": "3.8.1", + "http-proxy-agent": "2.1.0", + "https-proxy-agent": "2.2.4", + "lru-cache": "5.1.1", + "mississippi": "3.0.0", + "node-fetch-npm": "2.0.2", + "promise-retry": "1.1.1", + "socks-proxy-agent": "4.0.2", + "ssri": "6.0.1" } }, "meant": { @@ -8011,7 +8011,7 @@ "resolved": false, "integrity": "sha512-P1tKYHVSZ6uFo26mtnve4HQFE3koh1UWVkp8YUC+ESBHe945xWSoXuHHiGarDqcEZ+whpCDnlNw5LON0kLo+sw==", "requires": { - "mime-db": "~1.35.0" + "mime-db": "1.35.0" } }, "minimatch": { @@ -8019,7 +8019,7 @@ "resolved": false, "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", "requires": { - "brace-expansion": "^1.1.7" + "brace-expansion": "1.1.11" } }, "minimist": { @@ -8032,7 +8032,7 @@ "resolved": false, "integrity": "sha512-6ZYMOEnmVsdCeTJVE0W9ZD+pVnE8h9Hma/iOwwRDsdQoePpoX56/8B6z3P9VNwppJuBKNRuFDRNRqRWexT9G9Q==", "requires": { - "minipass": "^2.9.0" + "minipass": "2.9.0" }, "dependencies": { "minipass": { @@ -8040,8 +8040,8 @@ "resolved": false, "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==", "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" + "safe-buffer": "5.1.2", + "yallist": "3.0.3" } } } @@ -8051,16 +8051,16 @@ "resolved": false, "integrity": "sha512-x471SsVjUtBRtcvd4BzKE9kFC+/2TeWgKCgw0bZcw1b9l2X3QX5vCWgF+KaZaYm87Ss//rHnWryupDrgLvmSkA==", "requires": { - "concat-stream": "^1.5.0", - "duplexify": "^3.4.2", - "end-of-stream": "^1.1.0", - "flush-write-stream": "^1.0.0", - "from2": "^2.1.0", - "parallel-transform": "^1.1.0", - "pump": "^3.0.0", - "pumpify": "^1.3.3", - "stream-each": "^1.1.0", - "through2": "^2.0.0" + "concat-stream": "1.6.2", + "duplexify": "3.6.0", + "end-of-stream": "1.4.1", + "flush-write-stream": "1.0.3", + "from2": "2.3.0", + "parallel-transform": "1.1.0", + "pump": "3.0.0", + "pumpify": "1.5.1", + "stream-each": "1.2.2", + "through2": "2.0.3" } }, "mkdirp": { @@ -8068,7 +8068,7 @@ "resolved": false, "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" }, "dependencies": { "minimist": { @@ -8083,12 +8083,12 @@ "resolved": false, "integrity": "sha1-viwAX9oy4LKa8fBdfEszIUxwH5I=", "requires": { - "aproba": "^1.1.1", - "copy-concurrently": "^1.0.0", - "fs-write-stream-atomic": "^1.0.8", - "mkdirp": "^0.5.1", - "rimraf": "^2.5.4", - "run-queue": "^1.0.3" + "aproba": "1.2.0", + "copy-concurrently": "1.0.5", + "fs-write-stream-atomic": "1.0.10", + "mkdirp": "0.5.5", + "rimraf": "2.7.1", + "run-queue": "1.0.3" }, "dependencies": { "aproba": { @@ -8113,9 +8113,9 @@ "resolved": false, "integrity": "sha512-nJIxm1QmAj4v3nfCvEeCrYSoVwXyxLnaPBK5W1W5DGEJwjlKuC2VEUycGw5oxk+4zZahRrB84PUJJgEmhFTDFw==", "requires": { - "encoding": "^0.1.11", - "json-parse-better-errors": "^1.0.0", - "safe-buffer": "^5.1.1" + "encoding": "0.1.12", + "json-parse-better-errors": "1.0.2", + "safe-buffer": "5.1.2" } }, "node-gyp": { @@ -8123,17 +8123,17 @@ "resolved": false, "integrity": "sha512-OUTryc5bt/P8zVgNUmC6xdXiDJxLMAW8cF5tLQOT9E5sOQj+UeQxnnPy74K3CLCa/SOjjBlbuzDLR8ANwA+wmw==", "requires": { - "env-paths": "^2.2.0", - "glob": "^7.1.4", - "graceful-fs": "^4.2.2", - "mkdirp": "^0.5.1", - "nopt": "^4.0.1", - "npmlog": "^4.1.2", - "request": "^2.88.0", - "rimraf": "^2.6.3", - "semver": "^5.7.1", - "tar": "^4.4.12", - "which": "^1.3.1" + "env-paths": "2.2.0", + "glob": "7.1.6", + "graceful-fs": "4.2.4", + "mkdirp": "0.5.5", + "nopt": "4.0.3", + "npmlog": "4.1.2", + "request": "2.88.0", + "rimraf": "2.7.1", + "semver": "5.7.1", + "tar": "4.4.13", + "which": "1.3.1" } }, "nopt": { @@ -8141,8 +8141,8 @@ "resolved": false, "integrity": "sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==", "requires": { - "abbrev": "1", - "osenv": "^0.1.4" + "abbrev": "1.1.1", + "osenv": "0.1.5" } }, "normalize-package-data": { @@ -8150,10 +8150,10 @@ "resolved": false, "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", "requires": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" + "hosted-git-info": "2.8.8", + "resolve": "1.10.0", + "semver": "5.7.1", + "validate-npm-package-license": "3.0.4" }, "dependencies": { "resolve": { @@ -8161,7 +8161,7 @@ "resolved": false, "integrity": "sha512-3sUr9aq5OfSg2S9pNtPA9hL1FVEAjvfOC4leW0SNf/mpnaakz2a9femSd6LqAww2RaFctwyf1lCqnTHuF1rxDg==", "requires": { - "path-parse": "^1.0.6" + "path-parse": "1.0.6" } } } @@ -8171,8 +8171,8 @@ "resolved": false, "integrity": "sha512-8nH/JjsFfAWMvn474HB9mpmMjrnKb1Hx/oTAdjv4PT9iZBvBxiZ+wtDUapHCJwLqYGQVPaAfs+vL5+5k9QndXw==", "requires": { - "cli-table3": "^0.5.0", - "console-control-strings": "^1.1.0" + "cli-table3": "0.5.1", + "console-control-strings": "1.1.0" } }, "npm-bundled": { @@ -8180,7 +8180,7 @@ "resolved": false, "integrity": "sha512-gqkfgGePhTpAEgUsGEgcq1rqPXA+tv/aVBlgEzfXwA1yiUJF7xtEt3CtVwOjNYQOVknDk0F20w58Fnm3EtG0fA==", "requires": { - "npm-normalize-package-bin": "^1.0.1" + "npm-normalize-package-bin": "1.0.1" } }, "npm-cache-filename": { @@ -8193,7 +8193,7 @@ "resolved": false, "integrity": "sha512-E4kzkyZDIWoin6uT5howP8VDvkM+E8IQDcHAycaAxMbwkqhIg5eEYALnXOl3Hq9MrkdQB/2/g1xwBINXdKSRkg==", "requires": { - "semver": "^2.3.0 || 3.x || 4 || 5" + "semver": "5.7.1" } }, "npm-lifecycle": { @@ -8201,14 +8201,14 @@ "resolved": false, "integrity": "sha512-lDLVkjfZmvmfvpvBzA4vzee9cn+Me4orq0QF8glbswJVEbIcSNWib7qGOffolysc3teCqbbPZZkzbr3GQZTL1g==", "requires": { - "byline": "^5.0.0", - "graceful-fs": "^4.1.15", - "node-gyp": "^5.0.2", - "resolve-from": "^4.0.0", - "slide": "^1.1.6", + "byline": "5.0.0", + "graceful-fs": "4.2.4", + "node-gyp": "5.1.0", + "resolve-from": "4.0.0", + "slide": "1.1.6", "uid-number": "0.0.6", - "umask": "^1.1.0", - "which": "^1.3.1" + "umask": "1.1.0", + "which": "1.3.1" } }, "npm-logical-tree": { @@ -8226,10 +8226,10 @@ "resolved": false, "integrity": "sha512-qBpssaL3IOZWi5vEKUKW0cO7kzLeT+EQO9W8RsLOZf76KF9E/K9+wH0C7t06HXPpaH8WH5xF1MExLuCwbTqRUg==", "requires": { - "hosted-git-info": "^2.7.1", - "osenv": "^0.1.5", - "semver": "^5.6.0", - "validate-npm-package-name": "^3.0.0" + "hosted-git-info": "2.8.8", + "osenv": "0.1.5", + "semver": "5.7.1", + "validate-npm-package-name": "3.0.0" } }, "npm-packlist": { @@ -8237,9 +8237,9 @@ "resolved": false, "integrity": "sha512-5+AZgwru5IevF5ZdnFglB5wNlHG1AOOuw28WhUq8/8emhBmLv6jX5by4WJCh7lW0uSYZYS6DXqIsyZVIXRZU9A==", "requires": { - "ignore-walk": "^3.0.1", - "npm-bundled": "^1.0.1", - "npm-normalize-package-bin": "^1.0.1" + "ignore-walk": "3.0.3", + "npm-bundled": "1.1.1", + "npm-normalize-package-bin": "1.0.1" } }, "npm-pick-manifest": { @@ -8247,9 +8247,9 @@ "resolved": false, "integrity": "sha512-wNprTNg+X5nf+tDi+hbjdHhM4bX+mKqv6XmPh7B5eG+QY9VARfQPfCEH013H5GqfNj6ee8Ij2fg8yk0mzps1Vw==", "requires": { - "figgy-pudding": "^3.5.1", - "npm-package-arg": "^6.0.0", - "semver": "^5.4.1" + "figgy-pudding": "3.5.1", + "npm-package-arg": "6.1.1", + "semver": "5.7.1" } }, "npm-profile": { @@ -8257,9 +8257,9 @@ "resolved": false, "integrity": "sha512-Ta8xq8TLMpqssF0H60BXS1A90iMoM6GeKwsmravJ6wYjWwSzcYBTdyWa3DZCYqPutacBMEm7cxiOkiIeCUAHDQ==", "requires": { - "aproba": "^1.1.2 || 2", - "figgy-pudding": "^3.4.1", - "npm-registry-fetch": "^4.0.0" + "aproba": "2.0.0", + "figgy-pudding": "3.5.1", + "npm-registry-fetch": "4.0.7" } }, "npm-registry-fetch": { @@ -8267,13 +8267,13 @@ "resolved": false, "integrity": "sha512-cny9v0+Mq6Tjz+e0erFAB+RYJ/AVGzkjnISiobqP8OWj9c9FLoZZu8/SPSKJWE17F1tk4018wfjV+ZbIbqC7fQ==", "requires": { - "JSONStream": "^1.3.4", - "bluebird": "^3.5.1", - "figgy-pudding": "^3.4.1", - "lru-cache": "^5.1.1", - "make-fetch-happen": "^5.0.0", - "npm-package-arg": "^6.1.0", - "safe-buffer": "^5.2.0" + "bluebird": "3.5.5", + "figgy-pudding": "3.5.1", + "JSONStream": "1.3.5", + "lru-cache": "5.1.1", + "make-fetch-happen": "5.0.2", + "npm-package-arg": "6.1.1", + "safe-buffer": "5.2.1" }, "dependencies": { "safe-buffer": { @@ -8288,7 +8288,7 @@ "resolved": false, "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=", "requires": { - "path-key": "^2.0.0" + "path-key": "2.0.1" } }, "npm-user-validate": { @@ -8301,10 +8301,10 @@ "resolved": false, "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" + "are-we-there-yet": "1.1.4", + "console-control-strings": "1.1.0", + "gauge": "2.7.4", + "set-blocking": "2.0.0" } }, "number-is-nan": { @@ -8332,8 +8332,8 @@ "resolved": false, "integrity": "sha1-h1jIRvW0B62rDyNuCYbxSwUcqhY=", "requires": { - "define-properties": "^1.1.2", - "es-abstract": "^1.5.1" + "define-properties": "1.1.3", + "es-abstract": "1.12.0" } }, "once": { @@ -8341,7 +8341,7 @@ "resolved": false, "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "requires": { - "wrappy": "1" + "wrappy": "1.0.2" } }, "opener": { @@ -8364,8 +8364,8 @@ "resolved": false, "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.0" + "os-homedir": "1.0.2", + "os-tmpdir": "1.0.2" } }, "p-finally": { @@ -8378,10 +8378,10 @@ "resolved": false, "integrity": "sha1-iGmgQBJTZhxMTKPabCEh7VVfXu0=", "requires": { - "got": "^6.7.1", - "registry-auth-token": "^3.0.1", - "registry-url": "^3.0.3", - "semver": "^5.1.0" + "got": "6.7.1", + "registry-auth-token": "3.4.0", + "registry-url": "3.1.0", + "semver": "5.7.1" } }, "pacote": { @@ -8389,36 +8389,36 @@ "resolved": false, "integrity": "sha512-BUIj/4kKbwWg4RtnBncXPJd15piFSVNpTzY0rysSr3VnMowTYgkGKcaHrbReepAkjTr8lH2CVWRi58Spg2CicQ==", "requires": { - "bluebird": "^3.5.3", - "cacache": "^12.0.2", - "chownr": "^1.1.2", - "figgy-pudding": "^3.5.1", - "get-stream": "^4.1.0", - "glob": "^7.1.3", - "infer-owner": "^1.0.4", - "lru-cache": "^5.1.1", - "make-fetch-happen": "^5.0.0", - "minimatch": "^3.0.4", - "minipass": "^2.3.5", - "mississippi": "^3.0.0", - "mkdirp": "^0.5.1", - "normalize-package-data": "^2.4.0", - "npm-normalize-package-bin": "^1.0.0", - "npm-package-arg": "^6.1.0", - "npm-packlist": "^1.1.12", - "npm-pick-manifest": "^3.0.0", - "npm-registry-fetch": "^4.0.0", - "osenv": "^0.1.5", - "promise-inflight": "^1.0.1", - "promise-retry": "^1.1.1", - "protoduck": "^5.0.1", - "rimraf": "^2.6.2", - "safe-buffer": "^5.1.2", - "semver": "^5.6.0", - "ssri": "^6.0.1", - "tar": "^4.4.10", - "unique-filename": "^1.1.1", - "which": "^1.3.1" + "bluebird": "3.5.5", + "cacache": "12.0.3", + "chownr": "1.1.4", + "figgy-pudding": "3.5.1", + "get-stream": "4.1.0", + "glob": "7.1.6", + "infer-owner": "1.0.4", + "lru-cache": "5.1.1", + "make-fetch-happen": "5.0.2", + "minimatch": "3.0.4", + "minipass": "2.9.0", + "mississippi": "3.0.0", + "mkdirp": "0.5.5", + "normalize-package-data": "2.5.0", + "npm-normalize-package-bin": "1.0.1", + "npm-package-arg": "6.1.1", + "npm-packlist": "1.4.8", + "npm-pick-manifest": "3.0.2", + "npm-registry-fetch": "4.0.7", + "osenv": "0.1.5", + "promise-inflight": "1.0.1", + "promise-retry": "1.1.1", + "protoduck": "5.0.1", + "rimraf": "2.7.1", + "safe-buffer": "5.1.2", + "semver": "5.7.1", + "ssri": "6.0.1", + "tar": "4.4.13", + "unique-filename": "1.1.1", + "which": "1.3.1" }, "dependencies": { "minipass": { @@ -8426,8 +8426,8 @@ "resolved": false, "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==", "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" + "safe-buffer": "5.1.2", + "yallist": "3.0.3" } } } @@ -8437,9 +8437,9 @@ "resolved": false, "integrity": "sha1-1BDwZbBdojCB/NEPKIVMKb2jOwY=", "requires": { - "cyclist": "~0.2.2", - "inherits": "^2.0.3", - "readable-stream": "^2.1.5" + "cyclist": "0.2.2", + "inherits": "2.0.4", + "readable-stream": "2.3.6" }, "dependencies": { "readable-stream": { @@ -8447,13 +8447,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -8461,7 +8461,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -8521,8 +8521,8 @@ "resolved": false, "integrity": "sha1-ZznpaOMFHaIM5kl/srUPaRHfPW0=", "requires": { - "err-code": "^1.0.0", - "retry": "^0.10.0" + "err-code": "1.1.2", + "retry": "0.10.1" }, "dependencies": { "retry": { @@ -8537,7 +8537,7 @@ "resolved": false, "integrity": "sha1-JqXW7ox97kyxIggwWs+5O6OCqe4=", "requires": { - "read": "1" + "read": "1.0.7" } }, "proto-list": { @@ -8550,7 +8550,7 @@ "resolved": false, "integrity": "sha512-WxoCeDCoCBY55BMvj4cAEjdVUFGRWed9ZxPlqTKYyw1nDDTQ4pqmnIMAGfJlg7Dx35uB/M+PHJPTmGOvaCaPTg==", "requires": { - "genfun": "^5.0.0" + "genfun": "5.0.0" } }, "prr": { @@ -8573,8 +8573,8 @@ "resolved": false, "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==", "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" + "end-of-stream": "1.4.1", + "once": "1.4.0" } }, "pumpify": { @@ -8582,9 +8582,9 @@ "resolved": false, "integrity": "sha512-oClZI37HvuUJJxSKKrC17bZ9Cu0ZYhEAGPsPUy9KlMUmv9dKX2o77RUmq7f3XjIxbwyGwYzbzQ1L2Ks8sIradQ==", "requires": { - "duplexify": "^3.6.0", - "inherits": "^2.0.3", - "pump": "^2.0.0" + "duplexify": "3.6.0", + "inherits": "2.0.4", + "pump": "2.0.1" }, "dependencies": { "pump": { @@ -8592,8 +8592,8 @@ "resolved": false, "integrity": "sha512-ruPMNRkN3MHP1cWJc9OWr+T/xDP0jhXYCLfJcBuX54hhfIBnaQmAUMfDcG4DM5UMWByBbJY69QSphm3jtDKIkA==", "requires": { - "end-of-stream": "^1.1.0", - "once": "^1.3.1" + "end-of-stream": "1.4.1", + "once": "1.4.0" } } } @@ -8618,9 +8618,9 @@ "resolved": false, "integrity": "sha512-J3Qi8XZJXh93t2FiKyd/7Ec6GNifsjKXUsVFkSBj/kjLsDylWhnCz4NT1bkPcKotttPW+QbKGqqPH8OoI2pdqw==", "requires": { - "decode-uri-component": "^0.2.0", - "split-on-first": "^1.0.0", - "strict-uri-encode": "^2.0.0" + "decode-uri-component": "0.2.0", + "split-on-first": "1.1.0", + "strict-uri-encode": "2.0.0" } }, "qw": { @@ -8633,10 +8633,10 @@ "resolved": false, "integrity": "sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==", "requires": { - "deep-extend": "^0.6.0", - "ini": "~1.3.0", - "minimist": "^1.2.0", - "strip-json-comments": "~2.0.1" + "deep-extend": "0.6.0", + "ini": "1.3.5", + "minimist": "1.2.5", + "strip-json-comments": "2.0.1" } }, "read": { @@ -8644,7 +8644,7 @@ "resolved": false, "integrity": "sha1-s9oZvQUkMal2cdRKQmNK33ELQMQ=", "requires": { - "mute-stream": "~0.0.4" + "mute-stream": "0.0.7" } }, "read-cmd-shim": { @@ -8652,7 +8652,7 @@ "resolved": false, "integrity": "sha512-v5yCqQ/7okKoZZkBQUAfTsQ3sVJtXdNfbPnI5cceppoxEVLYA3k+VtV2omkeo8MS94JCy4fSiUwlRBAwCVRPUA==", "requires": { - "graceful-fs": "^4.1.2" + "graceful-fs": "4.2.4" } }, "read-installed": { @@ -8660,13 +8660,13 @@ "resolved": false, "integrity": "sha1-/5uLZ/GH0eTCm5/rMfayI6zRkGc=", "requires": { - "debuglog": "^1.0.1", - "graceful-fs": "^4.1.2", - "read-package-json": "^2.0.0", - "readdir-scoped-modules": "^1.0.0", - "semver": "2 || 3 || 4 || 5", - "slide": "~1.1.3", - "util-extend": "^1.0.1" + "debuglog": "1.0.1", + "graceful-fs": "4.2.4", + "read-package-json": "2.1.1", + "readdir-scoped-modules": "1.1.0", + "semver": "5.7.1", + "slide": "1.1.6", + "util-extend": "1.0.3" } }, "read-package-json": { @@ -8674,11 +8674,11 @@ "resolved": false, "integrity": "sha512-dAiqGtVc/q5doFz6096CcnXhpYk0ZN8dEKVkGLU0CsASt8SrgF6SF7OTKAYubfvFhWaqofl+Y8HK19GR8jwW+A==", "requires": { - "glob": "^7.1.1", - "graceful-fs": "^4.1.2", - "json-parse-better-errors": "^1.0.1", - "normalize-package-data": "^2.0.0", - "npm-normalize-package-bin": "^1.0.0" + "glob": "7.1.6", + "graceful-fs": "4.2.4", + "json-parse-better-errors": "1.0.2", + "normalize-package-data": "2.5.0", + "npm-normalize-package-bin": "1.0.1" } }, "read-package-tree": { @@ -8686,9 +8686,9 @@ "resolved": false, "integrity": "sha512-mLUDsD5JVtlZxjSlPPx1RETkNjjvQYuweKwNVt1Sn8kP5Jh44pvYuUHCp6xSVDZWbNxVxG5lyZJ921aJH61sTw==", "requires": { - "read-package-json": "^2.0.0", - "readdir-scoped-modules": "^1.0.0", - "util-promisify": "^2.1.0" + "read-package-json": "2.1.1", + "readdir-scoped-modules": "1.1.0", + "util-promisify": "2.1.0" } }, "readable-stream": { @@ -8696,9 +8696,9 @@ "resolved": false, "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==", "requires": { - "inherits": "^2.0.3", - "string_decoder": "^1.1.1", - "util-deprecate": "^1.0.1" + "inherits": "2.0.4", + "string_decoder": "1.3.0", + "util-deprecate": "1.0.2" } }, "readdir-scoped-modules": { @@ -8706,10 +8706,10 @@ "resolved": false, "integrity": "sha512-asaikDeqAQg7JifRsZn1NJZXo9E+VwlyCfbkZhwyISinqk5zNS6266HS5kah6P0SaQKGF6SkNnZVHUzHFYxYDw==", "requires": { - "debuglog": "^1.0.1", - "dezalgo": "^1.0.0", - "graceful-fs": "^4.1.2", - "once": "^1.3.0" + "debuglog": "1.0.1", + "dezalgo": "1.0.3", + "graceful-fs": "4.2.4", + "once": "1.4.0" } }, "registry-auth-token": { @@ -8717,8 +8717,8 @@ "resolved": false, "integrity": "sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==", "requires": { - "rc": "^1.1.6", - "safe-buffer": "^5.0.1" + "rc": "1.2.8", + "safe-buffer": "5.1.2" } }, "registry-url": { @@ -8726,7 +8726,7 @@ "resolved": false, "integrity": "sha1-PU74cPc93h138M+aOBQyRE4XSUI=", "requires": { - "rc": "^1.0.1" + "rc": "1.2.8" } }, "request": { @@ -8734,26 +8734,26 @@ "resolved": false, "integrity": "sha512-NAqBSrijGLZdM0WZNsInLJpkJokL72XYjUpnB0iwsRgxh7dB6COrHnTBNwN0E+lHDAJzu7kLAkDeY08z2/A0hg==", "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.0", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.4.3", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" + "aws-sign2": "0.7.0", + "aws4": "1.8.0", + "caseless": "0.12.0", + "combined-stream": "1.0.6", + "extend": "3.0.2", + "forever-agent": "0.6.1", + "form-data": "2.3.2", + "har-validator": "5.1.5", + "http-signature": "1.2.0", + "is-typedarray": "1.0.0", + "isstream": "0.1.2", + "json-stringify-safe": "5.0.1", + "mime-types": "2.1.19", + "oauth-sign": "0.9.0", + "performance-now": "2.1.0", + "qs": "6.5.2", + "safe-buffer": "5.1.2", + "tough-cookie": "2.4.3", + "tunnel-agent": "0.6.0", + "uuid": "3.3.3" } }, "require-directory": { @@ -8781,7 +8781,7 @@ "resolved": false, "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", "requires": { - "glob": "^7.1.3" + "glob": "7.1.6" } }, "run-queue": { @@ -8789,7 +8789,7 @@ "resolved": false, "integrity": "sha1-6Eg5bwV9Ij8kOGkkYY4laUFh7Ec=", "requires": { - "aproba": "^1.1.1" + "aproba": "1.2.0" }, "dependencies": { "aproba": { @@ -8819,7 +8819,7 @@ "resolved": false, "integrity": "sha1-S7uEN8jTfksM8aaP1ybsbWRdbTY=", "requires": { - "semver": "^5.0.3" + "semver": "5.7.1" } }, "set-blocking": { @@ -8832,7 +8832,7 @@ "resolved": false, "integrity": "sha512-DOYnM37cNsLNSGIG/zZWch5CKIRNoLdYUQTQlcgkRkoYIUwDYjqDyye16YcDZg/OPdcbUgTKMjc4SY6TB7ZAPw==", "requires": { - "graceful-fs": "^4.1.2" + "graceful-fs": "4.2.4" } }, "shebang-command": { @@ -8840,7 +8840,7 @@ "resolved": false, "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", "requires": { - "shebang-regex": "^1.0.0" + "shebang-regex": "1.0.0" } }, "shebang-regex": { @@ -8869,7 +8869,7 @@ "integrity": "sha512-o5t52PCNtVdiOvzMry7wU4aOqYWL0PeCXRWBEiJow4/i/wr+wpsJQ9awEu1EonLIqsfGd5qSgDdxEOvCdmBEpA==", "requires": { "ip": "1.1.5", - "smart-buffer": "^4.1.0" + "smart-buffer": "4.1.0" } }, "socks-proxy-agent": { @@ -8877,8 +8877,8 @@ "resolved": false, "integrity": "sha512-NT6syHhI9LmuEMSK6Kd2V7gNv5KFZoLE7V5udWmn0de+3Mkj3UMA/AJPLyeNUVmElCurSHtUdM3ETpR3z770Wg==", "requires": { - "agent-base": "~4.2.1", - "socks": "~2.3.2" + "agent-base": "4.2.1", + "socks": "2.3.3" }, "dependencies": { "agent-base": { @@ -8886,7 +8886,7 @@ "resolved": false, "integrity": "sha512-JVwXMr9nHYTUXsBFKUqhJwvlcYU/blreOEUkhNR2eXZIvwd+c+o5V4MgDPKWnMS/56awN3TRzIP+KoPn+roQtg==", "requires": { - "es6-promisify": "^5.0.0" + "es6-promisify": "5.0.0" } } } @@ -8901,8 +8901,8 @@ "resolved": false, "integrity": "sha1-x3lMfgd4gAUv9xqNSi27Sppjisc=", "requires": { - "from2": "^1.3.0", - "stream-iterate": "^1.1.0" + "from2": "1.3.0", + "stream-iterate": "1.2.0" }, "dependencies": { "from2": { @@ -8910,8 +8910,8 @@ "resolved": false, "integrity": "sha1-iEE7qqX5pZfP3pIh2GmGzTwGHf0=", "requires": { - "inherits": "~2.0.1", - "readable-stream": "~1.1.10" + "inherits": "2.0.4", + "readable-stream": "1.1.14" } }, "isarray": { @@ -8924,10 +8924,10 @@ "resolved": false, "integrity": "sha1-fPTFTvZI44EwhMY23SB54WbAgdk=", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.1", + "core-util-is": "1.0.2", + "inherits": "2.0.4", "isarray": "0.0.1", - "string_decoder": "~0.10.x" + "string_decoder": "0.10.31" } }, "string_decoder": { @@ -8942,8 +8942,8 @@ "resolved": false, "integrity": "sha512-N19o9z5cEyc8yQQPukRCZ9EUmb4HUpnrmaL/fxS2pBo2jbfcFRVuFZ/oFC+vZz0MNNk0h80iMn5/S6qGZOL5+g==", "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" + "spdx-expression-parse": "3.0.0", + "spdx-license-ids": "3.0.5" } }, "spdx-exceptions": { @@ -8956,8 +8956,8 @@ "resolved": false, "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==", "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" + "spdx-exceptions": "2.1.0", + "spdx-license-ids": "3.0.5" } }, "spdx-license-ids": { @@ -8975,15 +8975,15 @@ "resolved": false, "integrity": "sha1-xvxhZIo9nE52T9P8306hBeSSupg=", "requires": { - "asn1": "~0.2.3", - "assert-plus": "^1.0.0", - "bcrypt-pbkdf": "^1.0.0", - "dashdash": "^1.12.0", - "ecc-jsbn": "~0.1.1", - "getpass": "^0.1.1", - "jsbn": "~0.1.0", - "safer-buffer": "^2.0.2", - "tweetnacl": "~0.14.0" + "asn1": "0.2.4", + "assert-plus": "1.0.0", + "bcrypt-pbkdf": "1.0.2", + "dashdash": "1.14.1", + "ecc-jsbn": "0.1.2", + "getpass": "0.1.7", + "jsbn": "0.1.1", + "safer-buffer": "2.1.2", + "tweetnacl": "0.14.5" } }, "ssri": { @@ -8991,7 +8991,7 @@ "resolved": false, "integrity": "sha512-3Wge10hNcT1Kur4PDFwEieXSCMCJs/7WvSACcrMYrNp+b8kDL1/0wJch5Ni2WrtwEa2IO8OsVfeKIciKCDx/QA==", "requires": { - "figgy-pudding": "^3.5.1" + "figgy-pudding": "3.5.1" } }, "stream-each": { @@ -8999,8 +8999,8 @@ "resolved": false, "integrity": "sha512-mc1dbFhGBxvTM3bIWmAAINbqiuAk9TATcfIQC8P+/+HJefgaiTlMn2dHvkX8qlI12KeYKSQ1Ua9RrIqrn1VPoA==", "requires": { - "end-of-stream": "^1.1.0", - "stream-shift": "^1.0.0" + "end-of-stream": "1.4.1", + "stream-shift": "1.0.0" } }, "stream-iterate": { @@ -9008,8 +9008,8 @@ "resolved": false, "integrity": "sha1-K9fHcpbBcCpGSIuK1B95hl7s1OE=", "requires": { - "readable-stream": "^2.1.5", - "stream-shift": "^1.0.0" + "readable-stream": "2.3.6", + "stream-shift": "1.0.0" }, "dependencies": { "readable-stream": { @@ -9017,13 +9017,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -9031,7 +9031,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -9046,13 +9046,28 @@ "resolved": false, "integrity": "sha1-ucczDHBChi9rFC3CdLvMWGbONUY=" }, + "string_decoder": { + "version": "1.3.0", + "resolved": false, + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "requires": { + "safe-buffer": "5.2.0" + }, + "dependencies": { + "safe-buffer": { + "version": "5.2.0", + "resolved": false, + "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==" + } + } + }, "string-width": { "version": "2.1.1", "resolved": false, "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "4.0.0" }, "dependencies": { "ansi-regex": { @@ -9070,26 +9085,11 @@ "resolved": false, "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", "requires": { - "ansi-regex": "^3.0.0" + "ansi-regex": "3.0.0" } } } }, - "string_decoder": { - "version": "1.3.0", - "resolved": false, - "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", - "requires": { - "safe-buffer": "~5.2.0" - }, - "dependencies": { - "safe-buffer": { - "version": "5.2.0", - "resolved": false, - "integrity": "sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==" - } - } - }, "stringify-package": { "version": "1.0.1", "resolved": false, @@ -9100,7 +9100,7 @@ "resolved": false, "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "requires": { - "ansi-regex": "^2.0.0" + "ansi-regex": "2.1.1" } }, "strip-eof": { @@ -9118,7 +9118,7 @@ "resolved": false, "integrity": "sha512-zjaXglF5nnWpsq470jSv6P9DwPvgLkuapYmfDm3JWOm0vkNTVF2tI4UrN2r6jH1qM/uc/WtxYY1hYoA2dOKj5w==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } }, "tar": { @@ -9126,13 +9126,13 @@ "resolved": false, "integrity": "sha512-w2VwSrBoHa5BsSyH+KxEqeQBAllHhccyMFVHtGtdMpF4W7IRWfZjFiQceJPChOeTsSDVUpER2T8FA93pr0L+QA==", "requires": { - "chownr": "^1.1.1", - "fs-minipass": "^1.2.5", - "minipass": "^2.8.6", - "minizlib": "^1.2.1", - "mkdirp": "^0.5.0", - "safe-buffer": "^5.1.2", - "yallist": "^3.0.3" + "chownr": "1.1.4", + "fs-minipass": "1.2.7", + "minipass": "2.9.0", + "minizlib": "1.3.3", + "mkdirp": "0.5.5", + "safe-buffer": "5.1.2", + "yallist": "3.0.3" }, "dependencies": { "minipass": { @@ -9140,8 +9140,8 @@ "resolved": false, "integrity": "sha512-wxfUjg9WebH+CUDX/CdbRlh5SmfZiy/hpkxaRI16Y9W56Pa75sWgd/rvFilSgrauD9NyFymP/+JFV3KwzIsJeg==", "requires": { - "safe-buffer": "^5.1.2", - "yallist": "^3.0.0" + "safe-buffer": "5.1.2", + "yallist": "3.0.3" } } } @@ -9151,7 +9151,7 @@ "resolved": false, "integrity": "sha1-RYuDiH8oj8Vtb/+/rSYuJmOO+mk=", "requires": { - "execa": "^0.7.0" + "execa": "0.7.0" } }, "text-table": { @@ -9169,8 +9169,8 @@ "resolved": false, "integrity": "sha1-AARWmzfHx0ujnEPzzteNGtlBQL4=", "requires": { - "readable-stream": "^2.1.5", - "xtend": "~4.0.1" + "readable-stream": "2.3.6", + "xtend": "4.0.1" }, "dependencies": { "readable-stream": { @@ -9178,13 +9178,13 @@ "resolved": false, "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.0", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" } }, "string_decoder": { @@ -9192,7 +9192,7 @@ "resolved": false, "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", "requires": { - "safe-buffer": "~5.1.0" + "safe-buffer": "5.1.2" } } } @@ -9212,8 +9212,8 @@ "resolved": false, "integrity": "sha512-Q5srk/4vDM54WJsJio3XNn6K2sCG+CQ8G5Wz6bZhRZoAe/+TxjWB/GlFAnYEbkYVlON9FMk/fE3h2RLpPXo4lQ==", "requires": { - "psl": "^1.1.24", - "punycode": "^1.4.1" + "psl": "1.1.29", + "punycode": "1.4.1" } }, "tunnel-agent": { @@ -9221,7 +9221,7 @@ "resolved": false, "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", "requires": { - "safe-buffer": "^5.0.1" + "safe-buffer": "5.1.2" } }, "tweetnacl": { @@ -9250,7 +9250,7 @@ "resolved": false, "integrity": "sha512-Vmp0jIp2ln35UTXuryvjzkjGdRyf9b2lTXuSYUiPmzRcl3FDtYqAwOnTJkAngD9SWhnoJzDbTKwaOrZ+STtxNQ==", "requires": { - "unique-slug": "^2.0.0" + "unique-slug": "2.0.0" } }, "unique-slug": { @@ -9258,7 +9258,7 @@ "resolved": false, "integrity": "sha1-22Z258fMBimHj/GWCXx4hVrp9Ks=", "requires": { - "imurmurhash": "^0.1.4" + "imurmurhash": "0.1.4" } }, "unique-string": { @@ -9266,7 +9266,7 @@ "resolved": false, "integrity": "sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=", "requires": { - "crypto-random-string": "^1.0.0" + "crypto-random-string": "1.0.0" } }, "unpipe": { @@ -9284,16 +9284,16 @@ "resolved": false, "integrity": "sha512-gwMdhgJHGuj/+wHJJs9e6PcCszpxR1b236igrOkUofGhqJuG+amlIKwApH1IW1WWl7ovZxsX49lMBWLxSdm5Dw==", "requires": { - "boxen": "^1.2.1", - "chalk": "^2.0.1", - "configstore": "^3.0.0", - "import-lazy": "^2.1.0", - "is-ci": "^1.0.10", - "is-installed-globally": "^0.1.0", - "is-npm": "^1.0.0", - "latest-version": "^3.0.0", - "semver-diff": "^2.0.0", - "xdg-basedir": "^3.0.0" + "boxen": "1.3.0", + "chalk": "2.4.1", + "configstore": "3.1.5", + "import-lazy": "2.1.0", + "is-ci": "1.2.1", + "is-installed-globally": "0.1.0", + "is-npm": "1.0.0", + "latest-version": "3.1.0", + "semver-diff": "2.1.0", + "xdg-basedir": "3.0.0" } }, "uri-js": { @@ -9301,7 +9301,7 @@ "resolved": false, "integrity": "sha512-B0yRTzYdUCCn9n+F4+Gh4yIDtMQcaJsmYBDsTSG8g/OejKBodLQ2IHfN3bM7jUsRXndopT7OIXWdYqc1fjmV6g==", "requires": { - "punycode": "^2.1.0" + "punycode": "2.1.1" }, "dependencies": { "punycode": { @@ -9316,7 +9316,7 @@ "resolved": false, "integrity": "sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=", "requires": { - "prepend-http": "^1.0.1" + "prepend-http": "1.0.4" } }, "util-deprecate": { @@ -9334,7 +9334,7 @@ "resolved": false, "integrity": "sha1-PCI2R2xNMsX/PEcAKt18E7moKlM=", "requires": { - "object.getownpropertydescriptors": "^2.0.3" + "object.getownpropertydescriptors": "2.0.3" } }, "uuid": { @@ -9347,8 +9347,8 @@ "resolved": false, "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" + "spdx-correct": "3.0.0", + "spdx-expression-parse": "3.0.0" } }, "validate-npm-package-name": { @@ -9356,7 +9356,7 @@ "resolved": false, "integrity": "sha1-X6kS2B630MdK/BQN5zF/DKffQ34=", "requires": { - "builtins": "^1.0.3" + "builtins": "1.0.3" } }, "verror": { @@ -9364,9 +9364,9 @@ "resolved": false, "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", "requires": { - "assert-plus": "^1.0.0", + "assert-plus": "1.0.0", "core-util-is": "1.0.2", - "extsprintf": "^1.2.0" + "extsprintf": "1.3.0" } }, "wcwidth": { @@ -9374,7 +9374,7 @@ "resolved": false, "integrity": "sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=", "requires": { - "defaults": "^1.0.3" + "defaults": "1.0.3" } }, "which": { @@ -9382,7 +9382,7 @@ "resolved": false, "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", "requires": { - "isexe": "^2.0.0" + "isexe": "2.0.0" } }, "which-module": { @@ -9395,7 +9395,7 @@ "resolved": false, "integrity": "sha512-ijDLlyQ7s6x1JgCLur53osjm/UXUYD9+0PbYKrBsYisYXzCxN+HC3mYDNy/dWdmf3AwqwU3CXwDCvsNgGK1S0w==", "requires": { - "string-width": "^1.0.2" + "string-width": "1.0.2" }, "dependencies": { "string-width": { @@ -9403,9 +9403,9 @@ "resolved": false, "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" + "code-point-at": "1.1.0", + "is-fullwidth-code-point": "1.0.0", + "strip-ansi": "3.0.1" } } } @@ -9415,7 +9415,7 @@ "resolved": false, "integrity": "sha512-Ba5m9/Fa4Xt9eb2ELXt77JxVDV8w7qQrH0zS/TWSJdLyAwQjWoOzpzj5lwVftDz6n/EOu3tNACS84v509qwnJA==", "requires": { - "string-width": "^2.1.1" + "string-width": "2.1.1" } }, "worker-farm": { @@ -9423,7 +9423,7 @@ "resolved": false, "integrity": "sha512-rvw3QTZc8lAxyVrqcSGVm5yP/IJ2UcB3U0graE3LCFoZ0Yn2x4EoVSqJKdB/T5M+FLcRPjz4TDacRf3OCfNUzw==", "requires": { - "errno": "~0.1.7" + "errno": "0.1.7" } }, "wrap-ansi": { @@ -9431,9 +9431,9 @@ "resolved": false, "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", "requires": { - "ansi-styles": "^3.2.0", - "string-width": "^3.0.0", - "strip-ansi": "^5.0.0" + "ansi-styles": "3.2.1", + "string-width": "3.1.0", + "strip-ansi": "5.2.0" }, "dependencies": { "ansi-regex": { @@ -9451,9 +9451,9 @@ "resolved": false, "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -9461,7 +9461,7 @@ "resolved": false, "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } } } @@ -9476,9 +9476,9 @@ "resolved": false, "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", "requires": { - "graceful-fs": "^4.1.11", - "imurmurhash": "^0.1.4", - "signal-exit": "^3.0.2" + "graceful-fs": "4.2.4", + "imurmurhash": "0.1.4", + "signal-exit": "3.0.2" } }, "xdg-basedir": { @@ -9506,17 +9506,17 @@ "resolved": false, "integrity": "sha512-ZbotRWhF+lkjijC/VhmOT9wSgyBQ7+zr13+YLkhfsSiTriYsMzkTUFP18pFhWwBeMa5gUc1MzbhrO6/VB7c9Xg==", "requires": { - "cliui": "^5.0.0", - "decamelize": "^1.2.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^15.0.1" + "cliui": "5.0.0", + "decamelize": "1.2.0", + "find-up": "3.0.0", + "get-caller-file": "2.0.5", + "require-directory": "2.1.1", + "require-main-filename": "2.0.0", + "set-blocking": "2.0.0", + "string-width": "3.1.0", + "which-module": "2.0.0", + "y18n": "4.0.0", + "yargs-parser": "15.0.1" }, "dependencies": { "ansi-regex": { @@ -9529,7 +9529,7 @@ "resolved": false, "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", "requires": { - "locate-path": "^3.0.0" + "locate-path": "3.0.0" } }, "is-fullwidth-code-point": { @@ -9542,8 +9542,8 @@ "resolved": false, "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" + "p-locate": "3.0.0", + "path-exists": "3.0.0" } }, "p-limit": { @@ -9551,7 +9551,7 @@ "resolved": false, "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", "requires": { - "p-try": "^2.0.0" + "p-try": "2.2.0" } }, "p-locate": { @@ -9559,7 +9559,7 @@ "resolved": false, "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", "requires": { - "p-limit": "^2.0.0" + "p-limit": "2.3.0" } }, "p-try": { @@ -9572,9 +9572,9 @@ "resolved": false, "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -9582,7 +9582,7 @@ "resolved": false, "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } } } @@ -9592,8 +9592,8 @@ "resolved": false, "integrity": "sha512-0OAMV2mAZQrs3FkNpDQcBk1x5HXb8X4twADss4S0Iuk+2dGnLOE/fRHrsYm542GduMveyA77OF4wrNJuanRCWw==", "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" + "camelcase": "5.3.1", + "decamelize": "1.2.0" }, "dependencies": { "camelcase": { @@ -9615,8 +9615,8 @@ "resolved": "https://registry.npmjs.org/npm-conf/-/npm-conf-1.1.3.tgz", "integrity": "sha512-Yic4bZHJOt9RCFbRP3GgpqhScOY4HH3V2P8yBj6CeYq118Qr+BLXqT2JvpJ00mryLESpgOxf5XlFv4ZjXxLScw==", "requires": { - "config-chain": "^1.1.11", - "pify": "^3.0.0" + "config-chain": "1.1.12", + "pify": "3.0.0" }, "dependencies": { "pify": { @@ -9631,15 +9631,15 @@ "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz", "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==", "requires": { - "ansi-styles": "^3.2.1", - "chalk": "^2.4.1", - "cross-spawn": "^6.0.5", - "memorystream": "^0.3.1", - "minimatch": "^3.0.4", - "pidtree": "^0.3.0", - "read-pkg": "^3.0.0", - "shell-quote": "^1.6.1", - "string.prototype.padend": "^3.0.0" + "ansi-styles": "3.2.1", + "chalk": "2.4.2", + "cross-spawn": "6.0.5", + "memorystream": "0.3.1", + "minimatch": "3.0.4", + "pidtree": "0.3.1", + "read-pkg": "3.0.0", + "shell-quote": "1.7.2", + "string.prototype.padend": "3.1.0" }, "dependencies": { "ansi-styles": { @@ -9647,7 +9647,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -9655,9 +9655,9 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "cross-spawn": { @@ -9665,11 +9665,11 @@ "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-6.0.5.tgz", "integrity": "sha512-eTVLrBSt7fjbDygz805pMnstIs2VTBNkRm0qxZd+M7A5XDdxVRWO5MxGBXZhjY4cqLYLdtrGqRf8mBPmzwSpWQ==", "requires": { - "nice-try": "^1.0.4", - "path-key": "^2.0.1", - "semver": "^5.5.0", - "shebang-command": "^1.2.0", - "which": "^1.2.9" + "nice-try": "1.0.5", + "path-key": "2.0.1", + "semver": "5.7.1", + "shebang-command": "1.2.0", + "which": "1.3.1" } }, "load-json-file": { @@ -9677,10 +9677,10 @@ "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz", "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=", "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^4.0.0", - "pify": "^3.0.0", - "strip-bom": "^3.0.0" + "graceful-fs": "4.2.4", + "parse-json": "4.0.0", + "pify": "3.0.0", + "strip-bom": "3.0.0" } }, "parse-json": { @@ -9688,8 +9688,8 @@ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz", "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" + "error-ex": "1.3.2", + "json-parse-better-errors": "1.0.2" } }, "path-type": { @@ -9697,7 +9697,7 @@ "resolved": "https://registry.npmjs.org/path-type/-/path-type-3.0.0.tgz", "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", "requires": { - "pify": "^3.0.0" + "pify": "3.0.0" } }, "pify": { @@ -9710,9 +9710,9 @@ "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz", "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=", "requires": { - "load-json-file": "^4.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^3.0.0" + "load-json-file": "4.0.0", + "normalize-package-data": "2.5.0", + "path-type": "3.0.0" } }, "strip-bom": { @@ -9725,7 +9725,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -9735,10 +9735,10 @@ "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-4.1.2.tgz", "integrity": "sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==", "requires": { - "are-we-there-yet": "~1.1.2", - "console-control-strings": "~1.1.0", - "gauge": "~2.7.3", - "set-blocking": "~2.0.0" + "are-we-there-yet": "1.1.5", + "console-control-strings": "1.1.0", + "gauge": "2.7.4", + "set-blocking": "2.0.0" } }, "num2fraction": { @@ -9757,10 +9757,10 @@ "resolved": "https://registry.npmjs.org/nunjucks/-/nunjucks-3.2.2.tgz", "integrity": "sha512-KUi85OoF2NMygwODAy28Lh9qHmq5hO3rBlbkYoC8v377h4l8Pt5qFjILl0LWpMbOrZ18CzfVVUvIHUIrtED3sA==", "requires": { - "a-sync-waterfall": "^1.0.0", - "asap": "^2.0.3", - "chokidar": "^3.3.0", - "commander": "^5.1.0" + "a-sync-waterfall": "1.0.1", + "asap": "2.0.6", + "chokidar": "3.4.3", + "commander": "5.1.0" } }, "oauth-sign": { @@ -9783,9 +9783,9 @@ "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz", "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=", "requires": { - "copy-descriptor": "^0.1.0", - "define-property": "^0.2.5", - "kind-of": "^3.0.3" + "copy-descriptor": "0.1.1", + "define-property": "0.2.5", + "kind-of": "3.2.2" }, "dependencies": { "define-property": { @@ -9793,7 +9793,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", "requires": { - "is-descriptor": "^0.1.0" + "is-descriptor": "0.1.6" } }, "kind-of": { @@ -9801,7 +9801,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -9826,7 +9826,7 @@ "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz", "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=", "requires": { - "isobject": "^3.0.0" + "isobject": "3.0.1" } }, "object.assign": { @@ -9834,10 +9834,10 @@ "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.0.tgz", "integrity": "sha512-exHJeq6kBKj58mqGyTQ9DFvrZC/eR6OwxzoM9YRoGBqrXYonaFyGiFMuc9VZrXf7DarreEwMpurG3dd+CNyW5w==", "requires": { - "define-properties": "^1.1.2", - "function-bind": "^1.1.1", - "has-symbols": "^1.0.0", - "object-keys": "^1.0.11" + "define-properties": "1.1.3", + "function-bind": "1.1.1", + "has-symbols": "1.0.1", + "object-keys": "1.1.1" } }, "object.pick": { @@ -9845,7 +9845,7 @@ "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz", "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=", "requires": { - "isobject": "^3.0.1" + "isobject": "3.0.1" } }, "object.values": { @@ -9854,10 +9854,10 @@ "integrity": "sha512-MYC0jvJopr8EK6dPBiO8Nb9mvjdypOachO5REGk6MXzujbBrAisKo3HmdEI6kZDL6fC31Mwee/5YbtMebixeag==", "dev": true, "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "es-abstract": "^1.18.0-next.1", - "has": "^1.0.3" + "call-bind": "1.0.0", + "define-properties": "1.1.3", + "es-abstract": "1.18.0-next.1", + "has": "1.0.3" }, "dependencies": { "es-abstract": { @@ -9866,18 +9866,18 @@ "integrity": "sha512-I4UGspA0wpZXWENrdA0uHbnhte683t3qT/1VFH9aX2dA5PPSf6QW5HHXf5HImaqPmjXaVeVk4RGWnaylmV7uAA==", "dev": true, "requires": { - "es-to-primitive": "^1.2.1", - "function-bind": "^1.1.1", - "has": "^1.0.3", - "has-symbols": "^1.0.1", - "is-callable": "^1.2.2", - "is-negative-zero": "^2.0.0", - "is-regex": "^1.1.1", - "object-inspect": "^1.8.0", - "object-keys": "^1.1.1", - "object.assign": "^4.1.1", - "string.prototype.trimend": "^1.0.1", - "string.prototype.trimstart": "^1.0.1" + "es-to-primitive": "1.2.1", + "function-bind": "1.1.1", + "has": "1.0.3", + "has-symbols": "1.0.1", + "is-callable": "1.2.2", + "is-negative-zero": "2.0.0", + "is-regex": "1.1.1", + "object-inspect": "1.8.0", + "object-keys": "1.1.1", + "object.assign": "4.1.2", + "string.prototype.trimend": "1.0.1", + "string.prototype.trimstart": "1.0.1" } }, "is-callable": { @@ -9892,7 +9892,7 @@ "integrity": "sha512-1+QkEcxiLlB7VEyFtyBg94e08OAsvq7FUBgApTq/w2ymCLyKJgDPsybBENVtA7XCQEgEXxKPonG+mvYRxh/LIg==", "dev": true, "requires": { - "has-symbols": "^1.0.1" + "has-symbols": "1.0.1" } }, "object-inspect": { @@ -9907,10 +9907,10 @@ "integrity": "sha512-ixT2L5THXsApyiUPYKmW+2EHpXXe5Ii3M+f4e+aJFAHao5amFRW6J0OO6c/LU8Be47utCx2GL89hxGB6XSmKuQ==", "dev": true, "requires": { - "call-bind": "^1.0.0", - "define-properties": "^1.1.3", - "has-symbols": "^1.0.1", - "object-keys": "^1.1.1" + "call-bind": "1.0.0", + "define-properties": "1.1.3", + "has-symbols": "1.0.1", + "object-keys": "1.1.1" } } } @@ -9928,7 +9928,7 @@ "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", "requires": { - "wrappy": "1" + "wrappy": "1.0.2" } }, "onetime": { @@ -9937,7 +9937,7 @@ "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=", "dev": true, "requires": { - "mimic-fn": "^1.0.0" + "mimic-fn": "1.2.0" } }, "opener": { @@ -9955,7 +9955,7 @@ "resolved": "https://registry.npmjs.org/opn/-/opn-5.3.0.tgz", "integrity": "sha512-bYJHo/LOmoTd+pfiYhfZDnf9zekVJrY+cnS2a5F2x+w5ppvTqObojTP7WiFG+kVZs9Inw+qQ/lw7TroWwhdd2g==", "requires": { - "is-wsl": "^1.1.0" + "is-wsl": "1.1.0" } }, "optionator": { @@ -9964,12 +9964,12 @@ "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==", "dev": true, "requires": { - "deep-is": "~0.1.3", - "fast-levenshtein": "~2.0.6", - "levn": "~0.3.0", - "prelude-ls": "~1.1.2", - "type-check": "~0.3.2", - "word-wrap": "~1.2.3" + "deep-is": "0.1.3", + "fast-levenshtein": "2.0.6", + "levn": "0.3.0", + "prelude-ls": "1.1.2", + "type-check": "0.3.2", + "word-wrap": "1.2.3" } }, "os-homedir": { @@ -9982,7 +9982,7 @@ "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", "requires": { - "lcid": "^1.0.0" + "lcid": "1.0.0" } }, "os-tmpdir": { @@ -9995,8 +9995,8 @@ "resolved": "https://registry.npmjs.org/osenv/-/osenv-0.1.5.tgz", "integrity": "sha512-0CWcCECdMVc2Rw3U5w9ZjqX6ga6ubk1xDVKxtBQPK7wis/0F2r9T6k4ydGYhecl7YUBxBVxhL5oisPsNxAPe2g==", "requires": { - "os-homedir": "^1.0.0", - "os-tmpdir": "^1.0.0" + "os-homedir": "1.0.2", + "os-tmpdir": "1.0.2" } }, "owl.carousel": { @@ -10004,7 +10004,7 @@ "resolved": "https://registry.npmjs.org/owl.carousel/-/owl.carousel-2.3.4.tgz", "integrity": "sha512-JaDss9+feAvEW8KZppPSpllfposEzQiW+Ytt/Xm5t/3CTJ7YVmkh6RkWixoA2yXk2boIwedYxOvrrppIGzru9A==", "requires": { - "jquery": ">=1.8.3" + "jquery": "3.5.1" } }, "p-cancelable": { @@ -10017,7 +10017,7 @@ "resolved": "https://registry.npmjs.org/p-event/-/p-event-1.3.0.tgz", "integrity": "sha1-jmtPT2XHK8W2/ii3XtqHT5akoIU=", "requires": { - "p-timeout": "^1.1.1" + "p-timeout": "1.2.1" } }, "p-finally": { @@ -10031,7 +10031,7 @@ "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", "dev": true, "requires": { - "p-try": "^1.0.0" + "p-try": "1.0.0" }, "dependencies": { "p-try": { @@ -10048,7 +10048,7 @@ "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", "dev": true, "requires": { - "p-limit": "^1.1.0" + "p-limit": "1.3.0" } }, "p-timeout": { @@ -10056,7 +10056,7 @@ "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-1.2.1.tgz", "integrity": "sha1-XrOzU7f86Z8QGhA4iAuwVOu+o4Y=", "requires": { - "p-finally": "^1.0.0" + "p-finally": "1.0.0" } }, "p-try": { @@ -10070,12 +10070,12 @@ "integrity": "sha512-NzfpbxW/NPrzZ/yYSoQxyqUZMZXIdCfE0OIN4ESsnptHJECoUk3FZktxNuzQf4tjt5UEopnxpYJbvYuxIFDdsg==", "dev": true, "requires": { - "character-entities": "^1.0.0", - "character-entities-legacy": "^1.0.0", - "character-reference-invalid": "^1.0.0", - "is-alphanumerical": "^1.0.0", - "is-decimal": "^1.0.0", - "is-hexadecimal": "^1.0.0" + "character-entities": "1.2.4", + "character-entities-legacy": "1.1.4", + "character-reference-invalid": "1.1.4", + "is-alphanumerical": "1.0.4", + "is-decimal": "1.0.4", + "is-hexadecimal": "1.0.4" } }, "parse-json": { @@ -10083,7 +10083,7 @@ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-2.2.0.tgz", "integrity": "sha1-9ID0BDTvgHQfhGkJn43qGPVaTck=", "requires": { - "error-ex": "^1.2.0" + "error-ex": "1.3.2" } }, "parseqs": { @@ -10143,7 +10143,7 @@ "integrity": "sha1-8BLMuEFbcJb8LaoQVMPXI4lZTHM=", "dev": true, "requires": { - "pify": "^2.0.0" + "pify": "2.3.0" } }, "pause-stream": { @@ -10152,7 +10152,7 @@ "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=", "dev": true, "requires": { - "through": "~2.3" + "through": "2.3.8" } }, "pend": { @@ -10195,7 +10195,7 @@ "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz", "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=", "requires": { - "pinkie": "^2.0.0" + "pinkie": "2.0.4" } }, "pkg-dir": { @@ -10204,7 +10204,7 @@ "integrity": "sha1-9tXREJ4Z1j7fQo4L1X4Sd3YVM0s=", "dev": true, "requires": { - "find-up": "^2.1.0" + "find-up": "2.1.0" } }, "pkg-up": { @@ -10213,7 +10213,7 @@ "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=", "dev": true, "requires": { - "find-up": "^2.1.0" + "find-up": "2.1.0" }, "dependencies": { "find-up": { @@ -10222,7 +10222,7 @@ "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", "dev": true, "requires": { - "locate-path": "^2.0.0" + "locate-path": "2.0.0" } }, "locate-path": { @@ -10231,8 +10231,8 @@ "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", "dev": true, "requires": { - "p-locate": "^2.0.0", - "path-exists": "^3.0.0" + "p-locate": "2.0.0", + "path-exists": "3.0.0" } }, "p-limit": { @@ -10241,7 +10241,7 @@ "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", "dev": true, "requires": { - "p-try": "^1.0.0" + "p-try": "1.0.0" } }, "p-locate": { @@ -10250,7 +10250,7 @@ "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", "dev": true, "requires": { - "p-limit": "^1.1.0" + "p-limit": "1.3.0" } }, "p-try": { @@ -10273,7 +10273,7 @@ "integrity": "sha1-dIJFLBoPUI4+NE6uwxLJHCncZVo=", "dev": true, "requires": { - "irregular-plurals": "^1.0.0" + "irregular-plurals": "1.4.0" } }, "pluralize": { @@ -10287,12 +10287,12 @@ "resolved": "https://registry.npmjs.org/plyr/-/plyr-3.5.2.tgz", "integrity": "sha512-7wx2uC4x2KusSWxdDYlXknwKjoFFCgPEc5gnoSGAZ9zmYcSIxRfAt1WPenkqix7tLRE1Pg7dgi91ZymxjZmbSg==", "requires": { - "core-js": "^2.6.5", - "custom-event-polyfill": "^1.0.6", - "loadjs": "^3.5.5", - "rangetouch": "^2.0.0", - "raven-js": "^3.27.0", - "url-polyfill": "^1.1.3" + "core-js": "2.6.11", + "custom-event-polyfill": "1.0.7", + "loadjs": "3.6.1", + "rangetouch": "2.0.1", + "raven-js": "3.27.2", + "url-polyfill": "1.1.8" } }, "portfinder": { @@ -10300,9 +10300,9 @@ "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz", "integrity": "sha512-Se+2isanIcEqf2XMHjyUKskczxbPH7dQnlMjXX6+dybayyHvAf/TCgyMRlzf/B6QDhAEFOGes0pzRo3by4AbMA==", "requires": { - "async": "^2.6.2", - "debug": "^3.1.1", - "mkdirp": "^0.5.5" + "async": "2.6.3", + "debug": "3.2.7", + "mkdirp": "0.5.5" }, "dependencies": { "async": { @@ -10310,7 +10310,7 @@ "resolved": "https://registry.npmjs.org/async/-/async-2.6.3.tgz", "integrity": "sha512-zflvls11DCy+dQWzTW2dzuilv8Z5X/pjfmZOWba6TNIVDm+2UDaJmXSOXlasHKfNBs8oo3M0aT50fDEWfKZjXg==", "requires": { - "lodash": "^4.17.14" + "lodash": "4.17.20" } }, "debug": { @@ -10318,7 +10318,7 @@ "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz", "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==", "requires": { - "ms": "^2.1.1" + "ms": "2.1.2" } }, "mkdirp": { @@ -10326,7 +10326,7 @@ "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.5.tgz", "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } } } @@ -10337,7 +10337,7 @@ "integrity": "sha1-6rtAnk3iSVD1oqUW01rnaTQ/u5Y=", "requires": { "async": "1.5.2", - "is-number-like": "^1.0.3" + "is-number-like": "1.0.8" } }, "posix-character-classes": { @@ -10350,9 +10350,9 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz", "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==", "requires": { - "chalk": "^2.4.1", - "source-map": "^0.6.1", - "supports-color": "^5.4.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "5.5.0" }, "dependencies": { "ansi-styles": { @@ -10360,7 +10360,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -10368,9 +10368,9 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "source-map": { @@ -10383,7 +10383,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10393,7 +10393,7 @@ "resolved": "https://registry.npmjs.org/postcss-advanced-variables/-/postcss-advanced-variables-1.2.2.tgz", "integrity": "sha1-kKYhMmLmagUKNotKnF1HeNctvXQ=", "requires": { - "postcss": "^5.0.10" + "postcss": "5.2.18" }, "dependencies": { "has-flag": { @@ -10406,10 +10406,10 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" + "chalk": "1.1.3", + "js-base64": "2.5.2", + "source-map": "0.5.7", + "supports-color": "3.2.3" } }, "supports-color": { @@ -10417,7 +10417,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", "requires": { - "has-flag": "^1.0.0" + "has-flag": "1.0.0" } } } @@ -10427,7 +10427,7 @@ "resolved": "https://registry.npmjs.org/postcss-atroot/-/postcss-atroot-0.1.3.tgz", "integrity": "sha1-Z1LAIwx0UUBUk0WysOMOvtoBpAU=", "requires": { - "postcss": "^5.0.5" + "postcss": "5.2.18" }, "dependencies": { "has-flag": { @@ -10440,10 +10440,10 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" + "chalk": "1.1.3", + "js-base64": "2.5.2", + "source-map": "0.5.7", + "supports-color": "3.2.3" } }, "supports-color": { @@ -10451,7 +10451,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", "requires": { - "has-flag": "^1.0.0" + "has-flag": "1.0.0" } } } @@ -10461,10 +10461,10 @@ "resolved": "https://registry.npmjs.org/postcss-color-function/-/postcss-color-function-4.1.0.tgz", "integrity": "sha512-2/fuv6mP5Lt03XbRpVfMdGC8lRP1sykme+H1bR4ARyOmSMB8LPSjcL6EAI1iX6dqUF+jNEvKIVVXhan1w/oFDQ==", "requires": { - "css-color-function": "~1.3.3", - "postcss": "^6.0.23", - "postcss-message-helpers": "^2.0.0", - "postcss-value-parser": "^3.3.1" + "css-color-function": "1.3.3", + "postcss": "6.0.23", + "postcss-message-helpers": "2.0.0", + "postcss-value-parser": "3.3.1" } }, "postcss-custom-media": { @@ -10472,7 +10472,7 @@ "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-6.0.0.tgz", "integrity": "sha1-vlMnhBEOyylQRPtTlaGABushpzc=", "requires": { - "postcss": "^6.0.1" + "postcss": "6.0.23" } }, "postcss-custom-properties": { @@ -10480,8 +10480,8 @@ "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-6.3.1.tgz", "integrity": "sha512-zoiwn4sCiUFbr4KcgcNZLFkR6gVQom647L+z1p/KBVHZ1OYwT87apnS42atJtx6XlX2yI7N5fjXbFixShQO2QQ==", "requires": { - "balanced-match": "^1.0.0", - "postcss": "^6.0.18" + "balanced-match": "1.0.0", + "postcss": "6.0.23" } }, "postcss-custom-selectors": { @@ -10489,8 +10489,8 @@ "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-4.0.1.tgz", "integrity": "sha1-eBOC+UxS5yfvXKR3bqKt9JphE4I=", "requires": { - "postcss": "^6.0.1", - "postcss-selector-matches": "^3.0.0" + "postcss": "6.0.23", + "postcss-selector-matches": "3.0.1" } }, "postcss-extend": { @@ -10498,7 +10498,7 @@ "resolved": "https://registry.npmjs.org/postcss-extend/-/postcss-extend-1.0.5.tgz", "integrity": "sha1-XqmL94e6PKz030YJdD+AqDOx0Oc=", "requires": { - "postcss": "^5.0.4" + "postcss": "5.2.18" }, "dependencies": { "has-flag": { @@ -10511,10 +10511,10 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" + "chalk": "1.1.3", + "js-base64": "2.5.2", + "source-map": "0.5.7", + "supports-color": "3.2.3" } }, "supports-color": { @@ -10522,7 +10522,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", "requires": { - "has-flag": "^1.0.0" + "has-flag": "1.0.0" } } } @@ -10533,7 +10533,7 @@ "integrity": "sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==", "dev": true, "requires": { - "htmlparser2": "^3.10.0" + "htmlparser2": "3.10.1" } }, "postcss-import": { @@ -10541,11 +10541,11 @@ "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-10.0.0.tgz", "integrity": "sha1-TIXJewmRNsxeoCQNwd/b/eTi674=", "requires": { - "object-assign": "^4.0.1", - "postcss": "^6.0.1", - "postcss-value-parser": "^3.2.3", - "read-cache": "^1.0.0", - "resolve": "^1.1.7" + "object-assign": "4.1.1", + "postcss": "6.0.23", + "postcss-value-parser": "3.3.1", + "read-cache": "1.0.0", + "resolve": "1.17.0" } }, "postcss-js": { @@ -10553,8 +10553,8 @@ "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz", "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==", "requires": { - "camelcase-css": "^2.0.1", - "postcss": "^7.0.18" + "camelcase-css": "2.0.1", + "postcss": "7.0.35" }, "dependencies": { "ansi-styles": { @@ -10562,7 +10562,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -10570,9 +10570,9 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -10580,7 +10580,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10590,9 +10590,9 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz", "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==", "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -10605,7 +10605,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10616,7 +10616,7 @@ "integrity": "sha512-jwO/7qWUvYuWYnpOb0+4bIIgJt7003pgU3P6nETBLaOyBXuTD55ho21xnals5nBrlpTIFodyd3/jBi6UO3dHvA==", "dev": true, "requires": { - "@babel/core": ">=7.2.2" + "@babel/core": "7.9.6" } }, "postcss-less": { @@ -10625,7 +10625,7 @@ "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==", "dev": true, "requires": { - "postcss": "^7.0.14" + "postcss": "7.0.30" }, "dependencies": { "ansi-styles": { @@ -10634,7 +10634,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -10643,9 +10643,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -10654,7 +10654,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10665,9 +10665,9 @@ "integrity": "sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -10682,7 +10682,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10693,8 +10693,8 @@ "integrity": "sha512-rl7fs1r/LNSB2bWRhyZ+lM/0bwKv9fhl38/06gF6mKMo/NPnp55+K1dSTosSVjFZc0e1ppBlu+WT91ba0PMBfQ==", "dev": true, "requires": { - "remark": "^10.0.1", - "unist-util-find-all-after": "^1.0.2" + "remark": "10.0.1", + "unist-util-find-all-after": "1.0.5" } }, "postcss-media-minmax": { @@ -10702,7 +10702,7 @@ "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-3.0.0.tgz", "integrity": "sha1-Z1JWA3pD70C8Twdgv9BtTcadSNI=", "requires": { - "postcss": "^6.0.1" + "postcss": "6.0.23" } }, "postcss-media-query-parser": { @@ -10721,11 +10721,11 @@ "resolved": "https://registry.npmjs.org/postcss-mixins/-/postcss-mixins-6.2.3.tgz", "integrity": "sha512-gfH5d09YilzDn/CLGFA9Lwv7GTezuyHgnAyXC8AfvhUMpl67ZTewhcpNuOgawClCOD+76XePE2IHO1xMgsOlvA==", "requires": { - "globby": "^8.0.1", - "postcss": "^7.0.21", - "postcss-js": "^2.0.3", - "postcss-simple-vars": "^5.0.2", - "sugarss": "^2.0.0" + "globby": "8.0.2", + "postcss": "7.0.35", + "postcss-js": "2.0.3", + "postcss-simple-vars": "5.0.2", + "sugarss": "2.0.0" }, "dependencies": { "ansi-styles": { @@ -10733,7 +10733,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -10741,9 +10741,9 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -10751,7 +10751,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10761,9 +10761,9 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz", "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==", "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -10776,7 +10776,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10786,8 +10786,8 @@ "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-2.1.2.tgz", "integrity": "sha512-CU7KjbFOZSNrbFwrl8+KJHTj29GjCEhL86kCKyvf+k633fc+FQA6IuhGyPze5e+a4O5d2fP7hDlMOlVDXia1Xg==", "requires": { - "postcss": "^6.0.9", - "postcss-selector-parser": "^2.2.3" + "postcss": "6.0.23", + "postcss-selector-parser": "2.2.3" } }, "postcss-nesting": { @@ -10795,7 +10795,7 @@ "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-4.2.1.tgz", "integrity": "sha512-IkyWXICwagCnlaviRexi7qOdwPw3+xVVjgFfGsxmztvRVaNxAlrypOIKqDE5mxY+BVxnId1rnUKBRQoNE2VDaA==", "requires": { - "postcss": "^6.0.11" + "postcss": "6.0.23" } }, "postcss-partial-import": { @@ -10803,8 +10803,8 @@ "resolved": "https://registry.npmjs.org/postcss-partial-import/-/postcss-partial-import-4.1.0.tgz", "integrity": "sha1-9sPnjnu+2k2dq5bTYDZ7kLNT+aQ=", "requires": { - "glob": "^7.1.1", - "postcss-import": "^10.0.0" + "glob": "7.1.6", + "postcss-import": "10.0.0" } }, "postcss-property-lookup": { @@ -10812,9 +10812,9 @@ "resolved": "https://registry.npmjs.org/postcss-property-lookup/-/postcss-property-lookup-1.2.1.tgz", "integrity": "sha1-MEUKE2G3qudYu+3VIB++BXu4Jws=", "requires": { - "object-assign": "^4.0.1", - "postcss": "^5.0.4", - "tcomb": "^2.5.1" + "object-assign": "4.1.1", + "postcss": "5.2.18", + "tcomb": "2.7.0" }, "dependencies": { "has-flag": { @@ -10827,10 +10827,10 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-5.2.18.tgz", "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" + "chalk": "1.1.3", + "js-base64": "2.5.2", + "source-map": "0.5.7", + "supports-color": "3.2.3" } }, "supports-color": { @@ -10838,7 +10838,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-3.2.3.tgz", "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", "requires": { - "has-flag": "^1.0.0" + "has-flag": "1.0.0" } } } @@ -10849,10 +10849,10 @@ "integrity": "sha512-LpmQjfRWyabc+fRygxZjpRxfhRf9u/fdlKf4VHG4TSPbV2XNsuISzYW1KL+1aQzx53CAppa1bKG4APIB/DOXXw==", "dev": true, "requires": { - "chalk": "^2.4.1", - "lodash": "^4.17.11", - "log-symbols": "^2.2.0", - "postcss": "^7.0.7" + "chalk": "2.4.2", + "lodash": "4.17.20", + "log-symbols": "2.2.0", + "postcss": "7.0.30" }, "dependencies": { "ansi-styles": { @@ -10861,7 +10861,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -10870,9 +10870,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "postcss": { @@ -10881,9 +10881,9 @@ "integrity": "sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" }, "dependencies": { "supports-color": { @@ -10892,7 +10892,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10909,7 +10909,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10926,7 +10926,7 @@ "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==", "dev": true, "requires": { - "postcss": "^7.0.26" + "postcss": "7.0.30" }, "dependencies": { "ansi-styles": { @@ -10935,7 +10935,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -10944,9 +10944,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -10955,7 +10955,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10966,9 +10966,9 @@ "integrity": "sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -10983,7 +10983,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -10994,8 +10994,8 @@ "integrity": "sha512-B5z2Kob4xBxFjcufFnhQ2HqJQ2y/Zs/ic5EZbCywCkxKd756Q40cIQ/veRDwSrw1BF6+4wUgmpm0sBASqVi65A==", "dev": true, "requires": { - "gonzales-pe": "^4.2.3", - "postcss": "^7.0.1" + "gonzales-pe": "4.3.0", + "postcss": "7.0.30" }, "dependencies": { "ansi-styles": { @@ -11004,7 +11004,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -11013,9 +11013,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -11024,7 +11024,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -11035,9 +11035,9 @@ "integrity": "sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -11052,7 +11052,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -11062,7 +11062,7 @@ "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-1.0.6.tgz", "integrity": "sha512-4EFYGHcEw+H3E06PT/pQQri06u/1VIIPjeJQaM8skB80vZuXMhp4cSNV5azmdNkontnOID/XYWEvEEELLFB1ww==", "requires": { - "postcss": "^6.0.23" + "postcss": "6.0.23" } }, "postcss-selector-matches": { @@ -11070,8 +11070,8 @@ "resolved": "https://registry.npmjs.org/postcss-selector-matches/-/postcss-selector-matches-3.0.1.tgz", "integrity": "sha1-5WNAEeE5UIgYYbvdWMLQER/8lqs=", "requires": { - "balanced-match": "^0.4.2", - "postcss": "^6.0.1" + "balanced-match": "0.4.2", + "postcss": "6.0.23" }, "dependencies": { "balanced-match": { @@ -11086,8 +11086,8 @@ "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-3.0.1.tgz", "integrity": "sha1-Lk2y8JZTNsAefOx9tsYN/3ZzNdk=", "requires": { - "balanced-match": "^0.4.2", - "postcss": "^6.0.1" + "balanced-match": "0.4.2", + "postcss": "6.0.23" }, "dependencies": { "balanced-match": { @@ -11102,9 +11102,9 @@ "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-2.2.3.tgz", "integrity": "sha1-+UN3iGBsPJrO4W/+jYsWKX8nu5A=", "requires": { - "flatten": "^1.0.2", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" + "flatten": "1.0.3", + "indexes-of": "1.0.1", + "uniq": "1.0.1" } }, "postcss-simple-vars": { @@ -11112,7 +11112,7 @@ "resolved": "https://registry.npmjs.org/postcss-simple-vars/-/postcss-simple-vars-5.0.2.tgz", "integrity": "sha512-xWIufxBoINJv6JiLb7jl5oElgp+6puJwvT5zZHliUSydoLz4DADRB3NDDsYgfKVwojn4TDLiseoC65MuS8oGGg==", "requires": { - "postcss": "^7.0.14" + "postcss": "7.0.35" }, "dependencies": { "ansi-styles": { @@ -11120,7 +11120,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -11128,9 +11128,9 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -11138,7 +11138,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -11148,9 +11148,9 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz", "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==", "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -11163,7 +11163,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -11183,22 +11183,22 @@ "resolved": "https://registry.npmjs.org/precss/-/precss-2.0.0.tgz", "integrity": "sha1-f1Z+MxjgbUTI/b+eWEUug1i/S3E=", "requires": { - "postcss": "^6.0.3", + "postcss": "6.0.23", "postcss-advanced-variables": "1.2.2", - "postcss-atroot": "^0.1.3", - "postcss-color-function": "^4.0.0", - "postcss-custom-media": "^6.0.0", - "postcss-custom-properties": "^6.1.0", - "postcss-custom-selectors": "^4.0.1", - "postcss-extend": "^1.0.5", - "postcss-media-minmax": "^3.0.0", - "postcss-mixins": "^6.0.1", - "postcss-nested": "^2.0.2", - "postcss-nesting": "^4.0.1", - "postcss-partial-import": "^4.1.0", - "postcss-property-lookup": "^1.2.1", - "postcss-selector-matches": "^3.0.1", - "postcss-selector-not": "^3.0.1" + "postcss-atroot": "0.1.3", + "postcss-color-function": "4.1.0", + "postcss-custom-media": "6.0.0", + "postcss-custom-properties": "6.3.1", + "postcss-custom-selectors": "4.0.1", + "postcss-extend": "1.0.5", + "postcss-media-minmax": "3.0.0", + "postcss-mixins": "6.2.3", + "postcss-nested": "2.1.2", + "postcss-nesting": "4.2.1", + "postcss-partial-import": "4.1.0", + "postcss-property-lookup": "1.2.1", + "postcss-selector-matches": "3.0.1", + "postcss-selector-not": "3.0.1" } }, "prelude-ls": { @@ -11228,7 +11228,7 @@ "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz", "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==", "requires": { - "asap": "~2.0.3" + "asap": "2.0.6" } }, "proto-list": { @@ -11251,14 +11251,14 @@ "resolved": "https://registry.npmjs.org/pug/-/pug-2.0.4.tgz", "integrity": "sha512-XhoaDlvi6NIzL49nu094R2NA6P37ijtgMDuWE+ofekDChvfKnzFal60bhSdiy8y2PBO6fmz3oMEIcfpBVRUdvw==", "requires": { - "pug-code-gen": "^2.0.2", - "pug-filters": "^3.1.1", - "pug-lexer": "^4.1.0", - "pug-linker": "^3.0.6", - "pug-load": "^2.0.12", - "pug-parser": "^5.0.1", - "pug-runtime": "^2.0.5", - "pug-strip-comments": "^1.0.4" + "pug-code-gen": "2.0.2", + "pug-filters": "3.1.1", + "pug-lexer": "4.1.0", + "pug-linker": "3.0.6", + "pug-load": "2.0.12", + "pug-parser": "5.0.1", + "pug-runtime": "2.0.5", + "pug-strip-comments": "1.0.4" } }, "pug-attrs": { @@ -11266,9 +11266,9 @@ "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-2.0.4.tgz", "integrity": "sha512-TaZ4Z2TWUPDJcV3wjU3RtUXMrd3kM4Wzjbe3EWnSsZPsJ3LDI0F3yCnf2/W7PPFF+edUFQ0HgDL1IoxSz5K8EQ==", "requires": { - "constantinople": "^3.0.1", - "js-stringify": "^1.0.1", - "pug-runtime": "^2.0.5" + "constantinople": "3.1.2", + "js-stringify": "1.0.2", + "pug-runtime": "2.0.5" } }, "pug-code-gen": { @@ -11276,14 +11276,14 @@ "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-2.0.2.tgz", "integrity": "sha512-kROFWv/AHx/9CRgoGJeRSm+4mLWchbgpRzTEn8XCiwwOy6Vh0gAClS8Vh5TEJ9DBjaP8wCjS3J6HKsEsYdvaCw==", "requires": { - "constantinople": "^3.1.2", - "doctypes": "^1.1.0", - "js-stringify": "^1.0.1", - "pug-attrs": "^2.0.4", - "pug-error": "^1.3.3", - "pug-runtime": "^2.0.5", - "void-elements": "^2.0.1", - "with": "^5.0.0" + "constantinople": "3.1.2", + "doctypes": "1.1.0", + "js-stringify": "1.0.2", + "pug-attrs": "2.0.4", + "pug-error": "1.3.3", + "pug-runtime": "2.0.5", + "void-elements": "2.0.1", + "with": "5.1.1" } }, "pug-error": { @@ -11296,13 +11296,13 @@ "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-3.1.1.tgz", "integrity": "sha512-lFfjNyGEyVWC4BwX0WyvkoWLapI5xHSM3xZJFUhx4JM4XyyRdO8Aucc6pCygnqV2uSgJFaJWW3Ft1wCWSoQkQg==", "requires": { - "clean-css": "^4.1.11", - "constantinople": "^3.0.1", + "clean-css": "4.2.3", + "constantinople": "3.1.2", "jstransformer": "1.0.0", - "pug-error": "^1.3.3", - "pug-walk": "^1.1.8", - "resolve": "^1.1.6", - "uglify-js": "^2.6.1" + "pug-error": "1.3.3", + "pug-walk": "1.1.8", + "resolve": "1.17.0", + "uglify-js": "2.8.29" } }, "pug-lexer": { @@ -11310,9 +11310,9 @@ "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-4.1.0.tgz", "integrity": "sha512-i55yzEBtjm0mlplW4LoANq7k3S8gDdfC6+LThGEvsK4FuobcKfDAwt6V4jKPH9RtiE3a2Akfg5UpafZ1OksaPA==", "requires": { - "character-parser": "^2.1.1", - "is-expression": "^3.0.0", - "pug-error": "^1.3.3" + "character-parser": "2.2.0", + "is-expression": "3.0.0", + "pug-error": "1.3.3" } }, "pug-linker": { @@ -11320,8 +11320,8 @@ "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-3.0.6.tgz", "integrity": "sha512-bagfuHttfQOpANGy1Y6NJ+0mNb7dD2MswFG2ZKj22s8g0wVsojpRlqveEQHmgXXcfROB2RT6oqbPYr9EN2ZWzg==", "requires": { - "pug-error": "^1.3.3", - "pug-walk": "^1.1.8" + "pug-error": "1.3.3", + "pug-walk": "1.1.8" } }, "pug-load": { @@ -11329,8 +11329,8 @@ "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-2.0.12.tgz", "integrity": "sha512-UqpgGpyyXRYgJs/X60sE6SIf8UBsmcHYKNaOccyVLEuT6OPBIMo6xMPhoJnqtB3Q3BbO4Z3Bjz5qDsUWh4rXsg==", "requires": { - "object-assign": "^4.1.0", - "pug-walk": "^1.1.8" + "object-assign": "4.1.1", + "pug-walk": "1.1.8" } }, "pug-parser": { @@ -11338,7 +11338,7 @@ "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-5.0.1.tgz", "integrity": "sha512-nGHqK+w07p5/PsPIyzkTQfzlYfuqoiGjaoqHv1LjOv2ZLXmGX1O+4Vcvps+P4LhxZ3drYSljjq4b+Naid126wA==", "requires": { - "pug-error": "^1.3.3", + "pug-error": "1.3.3", "token-stream": "0.0.1" } }, @@ -11352,7 +11352,7 @@ "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-1.0.4.tgz", "integrity": "sha512-i5j/9CS4yFhSxHp5iKPHwigaig/VV9g+FgReLJWWHEHbvKsbqL0oP/K5ubuLco6Wu3Kan5p7u7qk8A4oLLh6vw==", "requires": { - "pug-error": "^1.3.3" + "pug-error": "1.3.3" } }, "pug-walk": { @@ -11407,7 +11407,7 @@ "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", "integrity": "sha1-5mTvMRYRZsl1HNvo28+GtftY93Q=", "requires": { - "pify": "^2.3.0" + "pify": "2.3.0" } }, "read-chunk": { @@ -11415,8 +11415,8 @@ "resolved": "https://registry.npmjs.org/read-chunk/-/read-chunk-3.2.0.tgz", "integrity": "sha512-CEjy9LCzhmD7nUpJ1oVOE6s/hBkejlcJEgLQHVnQznOSilOPb+kpKktlLfFDK3/WP43+F80xkUTM2VOkYoSYvQ==", "requires": { - "pify": "^4.0.1", - "with-open-file": "^0.1.6" + "pify": "4.0.1", + "with-open-file": "0.1.7" }, "dependencies": { "pify": { @@ -11432,7 +11432,7 @@ "integrity": "sha1-JezP86FTtoCa+ssj7hU4fbng7mE=", "dev": true, "requires": { - "gather-stream": "^1.0.0" + "gather-stream": "1.0.0" } }, "read-metadata": { @@ -11449,9 +11449,9 @@ "integrity": "sha1-jvHAYjxqbbDcZxPEv6xGMysjaPg=", "dev": true, "requires": { - "load-json-file": "^2.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^2.0.0" + "load-json-file": "2.0.0", + "normalize-package-data": "2.5.0", + "path-type": "2.0.0" } }, "read-pkg-up": { @@ -11460,8 +11460,8 @@ "integrity": "sha1-a3KoBImE4MQeeVEP1en6mbO1Sb4=", "dev": true, "requires": { - "find-up": "^2.0.0", - "read-pkg": "^2.0.0" + "find-up": "2.1.0", + "read-pkg": "2.0.0" } }, "readable-stream": { @@ -11469,13 +11469,13 @@ "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz", "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==", "requires": { - "core-util-is": "~1.0.0", - "inherits": "~2.0.3", - "isarray": "~1.0.0", - "process-nextick-args": "~2.0.0", - "safe-buffer": "~5.1.1", - "string_decoder": "~1.1.1", - "util-deprecate": "~1.0.1" + "core-util-is": "1.0.2", + "inherits": "2.0.4", + "isarray": "1.0.0", + "process-nextick-args": "2.0.1", + "safe-buffer": "5.1.2", + "string_decoder": "1.1.1", + "util-deprecate": "1.0.2" }, "dependencies": { "isarray": { @@ -11490,7 +11490,7 @@ "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.5.0.tgz", "integrity": "sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==", "requires": { - "picomatch": "^2.2.1" + "picomatch": "2.2.2" } }, "recursive-readdir": { @@ -11506,8 +11506,8 @@ "resolved": "https://registry.npmjs.org/redent/-/redent-1.0.0.tgz", "integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=", "requires": { - "indent-string": "^2.1.0", - "strip-indent": "^1.0.1" + "indent-string": "2.1.0", + "strip-indent": "1.0.1" } }, "regenerator-runtime": { @@ -11520,8 +11520,8 @@ "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz", "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==", "requires": { - "extend-shallow": "^3.0.2", - "safe-regex": "^1.1.0" + "extend-shallow": "3.0.2", + "safe-regex": "1.1.0" } }, "regexpp": { @@ -11536,9 +11536,9 @@ "integrity": "sha512-E6lMuoLIy2TyiokHprMjcWNJ5UxfGQjaMSMhV+f4idM625UjjK4j798+gPs5mfjzDE6vL0oFKVeZM6gZVSVrzQ==", "dev": true, "requires": { - "remark-parse": "^6.0.0", - "remark-stringify": "^6.0.0", - "unified": "^7.0.0" + "remark-parse": "6.0.3", + "remark-stringify": "6.0.4", + "unified": "7.1.0" } }, "remark-parse": { @@ -11547,21 +11547,21 @@ "integrity": "sha512-QbDXWN4HfKTUC0hHa4teU463KclLAnwpn/FBn87j9cKYJWWawbiLgMfP2Q4XwhxxuuuOxHlw+pSN0OKuJwyVvg==", "dev": true, "requires": { - "collapse-white-space": "^1.0.2", - "is-alphabetical": "^1.0.0", - "is-decimal": "^1.0.0", - "is-whitespace-character": "^1.0.0", - "is-word-character": "^1.0.0", - "markdown-escapes": "^1.0.0", - "parse-entities": "^1.1.0", - "repeat-string": "^1.5.4", - "state-toggle": "^1.0.0", + "collapse-white-space": "1.0.6", + "is-alphabetical": "1.0.4", + "is-decimal": "1.0.4", + "is-whitespace-character": "1.0.4", + "is-word-character": "1.0.4", + "markdown-escapes": "1.0.4", + "parse-entities": "1.2.2", + "repeat-string": "1.6.1", + "state-toggle": "1.0.3", "trim": "0.0.1", - "trim-trailing-lines": "^1.0.0", - "unherit": "^1.0.4", - "unist-util-remove-position": "^1.0.0", - "vfile-location": "^2.0.0", - "xtend": "^4.0.1" + "trim-trailing-lines": "1.1.3", + "unherit": "1.1.3", + "unist-util-remove-position": "1.1.4", + "vfile-location": "2.0.6", + "xtend": "4.0.2" } }, "remark-stringify": { @@ -11570,20 +11570,20 @@ "integrity": "sha512-eRWGdEPMVudijE/psbIDNcnJLRVx3xhfuEsTDGgH4GsFF91dVhw5nhmnBppafJ7+NWINW6C7ZwWbi30ImJzqWg==", "dev": true, "requires": { - "ccount": "^1.0.0", - "is-alphanumeric": "^1.0.0", - "is-decimal": "^1.0.0", - "is-whitespace-character": "^1.0.0", - "longest-streak": "^2.0.1", - "markdown-escapes": "^1.0.0", - "markdown-table": "^1.1.0", - "mdast-util-compact": "^1.0.0", - "parse-entities": "^1.0.2", - "repeat-string": "^1.5.4", - "state-toggle": "^1.0.0", - "stringify-entities": "^1.0.1", - "unherit": "^1.0.4", - "xtend": "^4.0.1" + "ccount": "1.0.5", + "is-alphanumeric": "1.0.0", + "is-decimal": "1.0.4", + "is-whitespace-character": "1.0.4", + "longest-streak": "2.0.4", + "markdown-escapes": "1.0.4", + "markdown-table": "1.1.3", + "mdast-util-compact": "1.0.4", + "parse-entities": "1.2.2", + "repeat-string": "1.6.1", + "state-toggle": "1.0.3", + "stringify-entities": "1.3.2", + "unherit": "1.1.3", + "xtend": "4.0.2" } }, "repeat-element": { @@ -11601,7 +11601,7 @@ "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz", "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=", "requires": { - "is-finite": "^1.0.0" + "is-finite": "1.1.0" } }, "replace-ext": { @@ -11615,26 +11615,26 @@ "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz", "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==", "requires": { - "aws-sign2": "~0.7.0", - "aws4": "^1.8.0", - "caseless": "~0.12.0", - "combined-stream": "~1.0.6", - "extend": "~3.0.2", - "forever-agent": "~0.6.1", - "form-data": "~2.3.2", - "har-validator": "~5.1.3", - "http-signature": "~1.2.0", - "is-typedarray": "~1.0.0", - "isstream": "~0.1.2", - "json-stringify-safe": "~5.0.1", - "mime-types": "~2.1.19", - "oauth-sign": "~0.9.0", - "performance-now": "^2.1.0", - "qs": "~6.5.2", - "safe-buffer": "^5.1.2", - "tough-cookie": "~2.5.0", - "tunnel-agent": "^0.6.0", - "uuid": "^3.3.2" + "aws-sign2": "0.7.0", + "aws4": "1.11.0", + "caseless": "0.12.0", + "combined-stream": "1.0.8", + "extend": "3.0.2", + "forever-agent": "0.6.1", + "form-data": "2.3.3", + "har-validator": "5.1.5", + "http-signature": "1.2.0", + "is-typedarray": "1.0.0", + "isstream": "0.1.2", + "json-stringify-safe": "5.0.1", + "mime-types": "2.1.27", + "oauth-sign": "0.9.0", + "performance-now": "2.1.0", + "qs": "6.5.2", + "safe-buffer": "5.1.2", + "tough-cookie": "2.5.0", + "tunnel-agent": "0.6.0", + "uuid": "3.4.0" }, "dependencies": { "qs": { @@ -11665,8 +11665,8 @@ "integrity": "sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM=", "dev": true, "requires": { - "caller-path": "^0.1.0", - "resolve-from": "^1.0.0" + "caller-path": "0.1.0", + "resolve-from": "1.0.1" } }, "requires-port": { @@ -11679,7 +11679,7 @@ "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", "requires": { - "path-parse": "^1.0.6" + "path-parse": "1.0.6" } }, "resolve-from": { @@ -11698,8 +11698,8 @@ "resolved": "https://registry.npmjs.org/resp-modifier/-/resp-modifier-6.0.2.tgz", "integrity": "sha1-sSTeXE+6/LpUH0j/pzlw9KpFa08=", "requires": { - "debug": "^2.2.0", - "minimatch": "^3.0.2" + "debug": "2.6.9", + "minimatch": "3.0.4" }, "dependencies": { "debug": { @@ -11723,8 +11723,8 @@ "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=", "dev": true, "requires": { - "onetime": "^2.0.0", - "signal-exit": "^3.0.2" + "onetime": "2.0.1", + "signal-exit": "3.0.3" } }, "ret": { @@ -11742,7 +11742,7 @@ "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz", "integrity": "sha1-YTObci/mo1FWiSENJOFMlhSGE+8=", "requires": { - "align-text": "^0.1.1" + "align-text": "0.1.4" } }, "rimraf": { @@ -11750,7 +11750,7 @@ "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz", "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==", "requires": { - "glob": "^7.1.3" + "glob": "7.1.6" } }, "run-async": { @@ -11776,7 +11776,7 @@ "integrity": "sha1-dTuHqJoRyVRnxKwWJsTvxOBcZ74=", "dev": true, "requires": { - "rx-lite": "*" + "rx-lite": "4.0.8" } }, "rxjs": { @@ -11797,7 +11797,7 @@ "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz", "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=", "requires": { - "ret": "~0.1.10" + "ret": "0.1.15" } }, "safer-buffer": { @@ -11810,10 +11810,10 @@ "resolved": "https://registry.npmjs.org/sass-graph/-/sass-graph-2.2.5.tgz", "integrity": "sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag==", "requires": { - "glob": "^7.0.0", - "lodash": "^4.0.0", - "scss-tokenizer": "^0.2.3", - "yargs": "^13.3.2" + "glob": "7.1.6", + "lodash": "4.17.20", + "scss-tokenizer": "0.2.3", + "yargs": "13.3.2" }, "dependencies": { "ansi-regex": { @@ -11826,7 +11826,7 @@ "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz", "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==", "requires": { - "locate-path": "^3.0.0" + "locate-path": "3.0.0" } }, "is-fullwidth-code-point": { @@ -11839,8 +11839,8 @@ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==", "requires": { - "p-locate": "^3.0.0", - "path-exists": "^3.0.0" + "p-locate": "3.0.0", + "path-exists": "3.0.0" } }, "p-limit": { @@ -11848,7 +11848,7 @@ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", "requires": { - "p-try": "^2.0.0" + "p-try": "2.2.0" } }, "p-locate": { @@ -11856,7 +11856,7 @@ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz", "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==", "requires": { - "p-limit": "^2.0.0" + "p-limit": "2.3.0" } }, "string-width": { @@ -11864,9 +11864,9 @@ "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -11874,7 +11874,7 @@ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } }, "yargs": { @@ -11882,16 +11882,16 @@ "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz", "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==", "requires": { - "cliui": "^5.0.0", - "find-up": "^3.0.0", - "get-caller-file": "^2.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^3.0.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^13.1.2" + "cliui": "5.0.0", + "find-up": "3.0.0", + "get-caller-file": "2.0.5", + "require-directory": "2.1.1", + "require-main-filename": "2.0.0", + "set-blocking": "2.0.0", + "string-width": "3.1.0", + "which-module": "2.0.0", + "y18n": "4.0.0", + "yargs-parser": "13.1.2" } } } @@ -11901,8 +11901,8 @@ "resolved": "https://registry.npmjs.org/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz", "integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=", "requires": { - "js-base64": "^2.1.8", - "source-map": "^0.4.2" + "js-base64": "2.5.2", + "source-map": "0.4.4" }, "dependencies": { "source-map": { @@ -11910,7 +11910,7 @@ "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.4.4.tgz", "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=", "requires": { - "amdefine": ">=0.0.4" + "amdefine": "1.0.1" } } } @@ -11930,7 +11930,7 @@ "resolved": "https://registry.npmjs.org/seek-bzip/-/seek-bzip-1.0.5.tgz", "integrity": "sha1-z+kXyz0nS8/6x5J1ivUxc+sfq9w=", "requires": { - "commander": "~2.8.1" + "commander": "2.8.1" }, "dependencies": { "commander": { @@ -11938,7 +11938,7 @@ "resolved": "https://registry.npmjs.org/commander/-/commander-2.8.1.tgz", "integrity": "sha1-Br42f+v9oMMwqh4qBy09yXYkJdQ=", "requires": { - "graceful-readlink": ">= 1.0.0" + "graceful-readlink": "1.0.1" } } } @@ -11954,18 +11954,18 @@ "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==", "requires": { "debug": "2.6.9", - "depd": "~1.1.2", - "destroy": "~1.0.4", - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "etag": "~1.8.1", + "depd": "1.1.2", + "destroy": "1.0.4", + "encodeurl": "1.0.2", + "escape-html": "1.0.3", + "etag": "1.8.1", "fresh": "0.5.2", - "http-errors": "~1.6.2", + "http-errors": "1.6.3", "mime": "1.4.1", "ms": "2.0.0", - "on-finished": "~2.3.0", - "range-parser": "~1.2.0", - "statuses": "~1.4.0" + "on-finished": "2.3.0", + "range-parser": "1.2.1", + "statuses": "1.4.0" }, "dependencies": { "debug": { @@ -11981,10 +11981,10 @@ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", "requires": { - "depd": "~1.1.2", + "depd": "1.1.2", "inherits": "2.0.3", "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" + "statuses": "1.4.0" } }, "inherits": { @@ -12014,13 +12014,13 @@ "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz", "integrity": "sha1-03aNabHn2C5c4FD/9bRTvqEqkjk=", "requires": { - "accepts": "~1.3.4", + "accepts": "1.3.7", "batch": "0.6.1", "debug": "2.6.9", - "escape-html": "~1.0.3", - "http-errors": "~1.6.2", - "mime-types": "~2.1.17", - "parseurl": "~1.3.2" + "escape-html": "1.0.3", + "http-errors": "1.6.3", + "mime-types": "2.1.27", + "parseurl": "1.3.3" }, "dependencies": { "debug": { @@ -12036,10 +12036,10 @@ "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz", "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=", "requires": { - "depd": "~1.1.2", + "depd": "1.1.2", "inherits": "2.0.3", "setprototypeof": "1.1.0", - "statuses": ">= 1.4.0 < 2" + "statuses": "1.5.0" } }, "inherits": { @@ -12069,9 +12069,9 @@ "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz", "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==", "requires": { - "encodeurl": "~1.0.2", - "escape-html": "~1.0.3", - "parseurl": "~1.3.2", + "encodeurl": "1.0.2", + "escape-html": "1.0.3", + "parseurl": "1.3.3", "send": "0.16.2" } }, @@ -12090,10 +12090,10 @@ "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz", "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==", "requires": { - "extend-shallow": "^2.0.1", - "is-extendable": "^0.1.1", - "is-plain-object": "^2.0.3", - "split-string": "^3.0.1" + "extend-shallow": "2.0.1", + "is-extendable": "0.1.1", + "is-plain-object": "2.0.4", + "split-string": "3.1.0" }, "dependencies": { "extend-shallow": { @@ -12101,7 +12101,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } } } @@ -12116,7 +12116,7 @@ "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz", "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=", "requires": { - "shebang-regex": "^1.0.0" + "shebang-regex": "1.0.0" } }, "shebang-regex": { @@ -12150,7 +12150,7 @@ "integrity": "sha512-POqxBK6Lb3q6s047D/XsDVNPnF9Dl8JSaqe9h9lURl0OdNqy/ujDrOiIHtsqXMGbWWTIomRzAMaTyawAU//Reg==", "dev": true, "requires": { - "is-fullwidth-code-point": "^2.0.0" + "is-fullwidth-code-point": "2.0.0" }, "dependencies": { "is-fullwidth-code-point": { @@ -12166,14 +12166,14 @@ "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz", "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==", "requires": { - "base": "^0.11.1", - "debug": "^2.2.0", - "define-property": "^0.2.5", - "extend-shallow": "^2.0.1", - "map-cache": "^0.2.2", - "source-map": "^0.5.6", - "source-map-resolve": "^0.5.0", - "use": "^3.1.0" + "base": "0.11.2", + "debug": "2.6.9", + "define-property": "0.2.5", + "extend-shallow": "2.0.1", + "map-cache": "0.2.2", + "source-map": "0.5.7", + "source-map-resolve": "0.5.3", + "use": "3.1.1" }, "dependencies": { "debug": { @@ -12189,7 +12189,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", "requires": { - "is-descriptor": "^0.1.0" + "is-descriptor": "0.1.6" } }, "extend-shallow": { @@ -12197,7 +12197,7 @@ "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz", "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=", "requires": { - "is-extendable": "^0.1.0" + "is-extendable": "0.1.1" } }, "ms": { @@ -12212,9 +12212,9 @@ "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz", "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==", "requires": { - "define-property": "^1.0.0", - "isobject": "^3.0.0", - "snapdragon-util": "^3.0.1" + "define-property": "1.0.0", + "isobject": "3.0.1", + "snapdragon-util": "3.0.1" }, "dependencies": { "define-property": { @@ -12222,7 +12222,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz", "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=", "requires": { - "is-descriptor": "^1.0.0" + "is-descriptor": "1.0.2" } }, "is-accessor-descriptor": { @@ -12230,7 +12230,7 @@ "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.0.tgz", "integrity": "sha512-m5hnHTkcVsPfqx3AKlyttIPb7J+XykHvJP2B9bZDjlhLIoEq4XoK64Vg7boZlVWYK6LUY94dYPEE7Lh0ZkZKcQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-data-descriptor": { @@ -12238,7 +12238,7 @@ "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.0.tgz", "integrity": "sha512-jbRXy1FmtAoCjQkVmIVYwuuqDFUbaOeDjmed1tOGPrsMhtJA4rD9tkgA0F1qJ3gRFRXcHYVkdeaP50Q5rE/jLQ==", "requires": { - "kind-of": "^6.0.0" + "kind-of": "6.0.3" } }, "is-descriptor": { @@ -12246,9 +12246,9 @@ "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.2.tgz", "integrity": "sha512-2eis5WqQGV7peooDyLmNEPUrps9+SXX5c9pL3xEB+4e9HnGuDa7mB7kHxHw4CbqS9k1T2hOH3miL8n8WtiYVtg==", "requires": { - "is-accessor-descriptor": "^1.0.0", - "is-data-descriptor": "^1.0.0", - "kind-of": "^6.0.2" + "is-accessor-descriptor": "1.0.0", + "is-data-descriptor": "1.0.0", + "kind-of": "6.0.3" } } } @@ -12258,7 +12258,7 @@ "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz", "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==", "requires": { - "kind-of": "^3.2.0" + "kind-of": "3.2.2" }, "dependencies": { "kind-of": { @@ -12266,7 +12266,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -12276,12 +12276,12 @@ "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.1.1.tgz", "integrity": "sha512-rORqq9c+7W0DAK3cleWNSyfv/qKXV99hV4tZe+gGLfBECw3XEhBy7x85F3wypA9688LKjtwO9pX9L33/xQI8yA==", "requires": { - "debug": "~3.1.0", - "engine.io": "~3.2.0", - "has-binary2": "~1.0.2", - "socket.io-adapter": "~1.1.0", + "debug": "3.1.0", + "engine.io": "3.2.1", + "has-binary2": "1.0.3", + "socket.io-adapter": "1.1.2", "socket.io-client": "2.1.1", - "socket.io-parser": "~3.2.0" + "socket.io-parser": "3.2.0" }, "dependencies": { "base64-arraybuffer": { @@ -12304,14 +12304,14 @@ "requires": { "component-emitter": "1.2.1", "component-inherit": "0.0.3", - "debug": "~3.1.0", - "engine.io-parser": "~2.1.1", + "debug": "3.1.0", + "engine.io-parser": "2.1.3", "has-cors": "1.1.0", "indexof": "0.0.1", "parseqs": "0.0.5", "parseuri": "0.0.5", - "ws": "~3.3.1", - "xmlhttprequest-ssl": "~1.5.4", + "ws": "3.3.3", + "xmlhttprequest-ssl": "1.5.5", "yeast": "0.1.2" } }, @@ -12321,10 +12321,10 @@ "integrity": "sha512-6HXPre2O4Houl7c4g7Ic/XzPnHBvaEmN90vtRO9uLmwtRqQmTOw0QMevL1TOfL2Cpu1VzsaTmMotQgMdkzGkVA==", "requires": { "after": "0.8.2", - "arraybuffer.slice": "~0.0.7", + "arraybuffer.slice": "0.0.7", "base64-arraybuffer": "0.1.5", "blob": "0.0.5", - "has-binary2": "~1.0.2" + "has-binary2": "1.0.3" } }, "isarray": { @@ -12342,7 +12342,7 @@ "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz", "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=", "requires": { - "better-assert": "~1.0.0" + "better-assert": "1.0.2" } }, "parseuri": { @@ -12350,7 +12350,7 @@ "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz", "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=", "requires": { - "better-assert": "~1.0.0" + "better-assert": "1.0.2" } }, "socket.io-client": { @@ -12362,15 +12362,15 @@ "base64-arraybuffer": "0.1.5", "component-bind": "1.0.0", "component-emitter": "1.2.1", - "debug": "~3.1.0", - "engine.io-client": "~3.2.0", - "has-binary2": "~1.0.2", + "debug": "3.1.0", + "engine.io-client": "3.2.1", + "has-binary2": "1.0.3", "has-cors": "1.1.0", "indexof": "0.0.1", "object-component": "0.0.3", "parseqs": "0.0.5", "parseuri": "0.0.5", - "socket.io-parser": "~3.2.0", + "socket.io-parser": "3.2.0", "to-array": "0.1.4" } }, @@ -12380,7 +12380,7 @@ "integrity": "sha512-FYiBx7rc/KORMJlgsXysflWx/RIvtqZbyGLlHZvjfmPTPeuD/I8MaW7cfFrj5tRltICJdgwflhfZ3NVVbVLFQA==", "requires": { "component-emitter": "1.2.1", - "debug": "~3.1.0", + "debug": "3.1.0", "isarray": "2.0.1" } }, @@ -12389,9 +12389,9 @@ "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz", "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==", "requires": { - "async-limiter": "~1.0.0", - "safe-buffer": "~5.1.0", - "ultron": "~1.1.0" + "async-limiter": "1.0.1", + "safe-buffer": "5.1.2", + "ultron": "1.1.1" } } } @@ -12408,14 +12408,14 @@ "requires": { "backo2": "1.0.2", "component-bind": "1.0.0", - "component-emitter": "~1.3.0", - "debug": "~3.1.0", - "engine.io-client": "~3.4.0", - "has-binary2": "~1.0.2", + "component-emitter": "1.3.0", + "debug": "3.1.0", + "engine.io-client": "3.4.4", + "has-binary2": "1.0.3", "indexof": "0.0.1", "parseqs": "0.0.6", "parseuri": "0.0.6", - "socket.io-parser": "~3.3.0", + "socket.io-parser": "3.3.1", "to-array": "0.1.4" }, "dependencies": { @@ -12444,8 +12444,8 @@ "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.3.1.tgz", "integrity": "sha512-1QLvVAe8dTz+mKmZ07Swxt+LAo4Y1ff50rlyoEx00TQmDFVQYPfcqGvIDJLGaBdhdNCecXtyKpD+EgKGcmmbuQ==", "requires": { - "component-emitter": "~1.3.0", - "debug": "~3.1.0", + "component-emitter": "1.3.0", + "debug": "3.1.0", "isarray": "2.0.1" }, "dependencies": { @@ -12479,7 +12479,7 @@ "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-1.1.2.tgz", "integrity": "sha1-RBttTTRnmPG05J6JIK37oOVD+a0=", "requires": { - "is-plain-obj": "^1.0.0" + "is-plain-obj": "1.1.0" } }, "sort-keys-length": { @@ -12487,7 +12487,7 @@ "resolved": "https://registry.npmjs.org/sort-keys-length/-/sort-keys-length-1.0.1.tgz", "integrity": "sha1-nLb09OnkgVWmqgZx7dM2/xR5oYg=", "requires": { - "sort-keys": "^1.0.0" + "sort-keys": "1.1.2" } }, "source-map": { @@ -12500,11 +12500,11 @@ "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz", "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==", "requires": { - "atob": "^2.1.2", - "decode-uri-component": "^0.2.0", - "resolve-url": "^0.2.1", - "source-map-url": "^0.4.0", - "urix": "^0.1.0" + "atob": "2.1.2", + "decode-uri-component": "0.2.0", + "resolve-url": "0.2.1", + "source-map-url": "0.4.0", + "urix": "0.1.0" } }, "source-map-url": { @@ -12517,8 +12517,8 @@ "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.1.0.tgz", "integrity": "sha512-lr2EZCctC2BNR7j7WzJ2FpDznxky1sjfxvvYEyzxNyb6lZXHODmEoJeFu4JupYlkfha1KZpJyoqiJ7pgA1qq8Q==", "requires": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" + "spdx-expression-parse": "3.0.0", + "spdx-license-ids": "3.0.5" } }, "spdx-exceptions": { @@ -12531,8 +12531,8 @@ "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.0.tgz", "integrity": "sha512-Yg6D3XpRD4kkOmTpdgbUiEJFKghJH03fiC1OPll5h/0sO6neh2jqRDVHOQ4o/LMea0tgCkbMgea5ip/e+MkWyg==", "requires": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" + "spdx-exceptions": "2.3.0", + "spdx-license-ids": "3.0.5" } }, "spdx-license-ids": { @@ -12552,7 +12552,7 @@ "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==", "dev": true, "requires": { - "through": "2" + "through": "2.3.8" } }, "split-string": { @@ -12560,7 +12560,7 @@ "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz", "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==", "requires": { - "extend-shallow": "^3.0.0" + "extend-shallow": "3.0.2" } }, "sprintf-js": { @@ -12573,15 +12573,15 @@ "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz", "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==", "requires": { - "asn1": "~0.2.3", - "assert-plus": "^1.0.0", - "bcrypt-pbkdf": "^1.0.0", - "dashdash": "^1.12.0", - "ecc-jsbn": "~0.1.1", - "getpass": "^0.1.1", - "jsbn": "~0.1.0", - "safer-buffer": "^2.0.2", - "tweetnacl": "~0.14.0" + "asn1": "0.2.4", + "assert-plus": "1.0.0", + "bcrypt-pbkdf": "1.0.2", + "dashdash": "1.14.1", + "ecc-jsbn": "0.1.2", + "getpass": "0.1.7", + "jsbn": "0.1.1", + "safer-buffer": "2.1.2", + "tweetnacl": "0.14.5" } }, "stat-mode": { @@ -12600,8 +12600,8 @@ "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz", "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=", "requires": { - "define-property": "^0.2.5", - "object-copy": "^0.1.0" + "define-property": "0.2.5", + "object-copy": "0.1.0" }, "dependencies": { "define-property": { @@ -12609,7 +12609,7 @@ "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz", "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=", "requires": { - "is-descriptor": "^0.1.0" + "is-descriptor": "0.1.6" } } } @@ -12624,7 +12624,7 @@ "resolved": "https://registry.npmjs.org/stdout-stream/-/stdout-stream-1.4.1.tgz", "integrity": "sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA==", "requires": { - "readable-stream": "^2.0.1" + "readable-stream": "2.3.7" } }, "stream-combiner": { @@ -12633,8 +12633,8 @@ "integrity": "sha1-rsjLrBd7Vrb0+kec7YwZEs7lKFg=", "dev": true, "requires": { - "duplexer": "~0.1.1", - "through": "~2.3.4" + "duplexer": "0.1.1", + "through": "2.3.8" } }, "stream-throttle": { @@ -12642,8 +12642,8 @@ "resolved": "https://registry.npmjs.org/stream-throttle/-/stream-throttle-0.1.3.tgz", "integrity": "sha1-rdV8jXzHOoFjDTHNVdOWHPr7qcM=", "requires": { - "commander": "^2.2.0", - "limiter": "^1.0.5" + "commander": "2.20.3", + "limiter": "1.1.5" }, "dependencies": { "commander": { @@ -12653,14 +12653,22 @@ } } }, + "string_decoder": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", + "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", + "requires": { + "safe-buffer": "5.1.2" + } + }, "string-width": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz", "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=", "requires": { - "code-point-at": "^1.0.0", - "is-fullwidth-code-point": "^1.0.0", - "strip-ansi": "^3.0.0" + "code-point-at": "1.1.0", + "is-fullwidth-code-point": "1.0.0", + "strip-ansi": "3.0.1" } }, "string.prototype.padend": { @@ -12668,8 +12676,8 @@ "resolved": "https://registry.npmjs.org/string.prototype.padend/-/string.prototype.padend-3.1.0.tgz", "integrity": "sha512-3aIv8Ffdp8EZj8iLwREGpQaUZiPyrWrpzMBHvkiSW/bK/EGve9np07Vwy7IJ5waydpGXzQZu/F8Oze2/IWkBaA==", "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.0-next.1" + "define-properties": "1.1.3", + "es-abstract": "1.17.5" } }, "string.prototype.repeat": { @@ -12682,8 +12690,8 @@ "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.1.tgz", "integrity": "sha512-LRPxFUaTtpqYsTeNKaFOw3R4bxIzWOnbQ837QfBylo8jIxtcbK/A/sMV7Q+OAV/vWo+7s25pOE10KYSjaSO06g==", "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5" + "define-properties": "1.1.3", + "es-abstract": "1.17.5" } }, "string.prototype.trimleft": { @@ -12691,9 +12699,9 @@ "resolved": "https://registry.npmjs.org/string.prototype.trimleft/-/string.prototype.trimleft-2.1.2.tgz", "integrity": "sha512-gCA0tza1JBvqr3bfAIFJGqfdRTyPae82+KTnm3coDXkZN9wnuW3HjGgN386D7hfv5CHQYCI022/rJPVlqXyHSw==", "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5", - "string.prototype.trimstart": "^1.0.0" + "define-properties": "1.1.3", + "es-abstract": "1.17.5", + "string.prototype.trimstart": "1.0.1" } }, "string.prototype.trimright": { @@ -12701,9 +12709,9 @@ "resolved": "https://registry.npmjs.org/string.prototype.trimright/-/string.prototype.trimright-2.1.2.tgz", "integrity": "sha512-ZNRQ7sY3KroTaYjRS6EbNiiHrOkjihL9aQE/8gfQ4DtAC/aEBRHFJa44OmoWxGGqXuJlfKkZW4WcXErGr+9ZFg==", "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5", - "string.prototype.trimend": "^1.0.0" + "define-properties": "1.1.3", + "es-abstract": "1.17.5", + "string.prototype.trimend": "1.0.1" } }, "string.prototype.trimstart": { @@ -12711,16 +12719,8 @@ "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.1.tgz", "integrity": "sha512-XxZn+QpvrBI1FOcg6dIpxUPgWCPuNXvMD72aaRaUQv1eD4e/Qy8i/hFTe0BUmD60p/QA6bh1avmuPTfNjqVWRw==", "requires": { - "define-properties": "^1.1.3", - "es-abstract": "^1.17.5" - } - }, - "string_decoder": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz", - "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==", - "requires": { - "safe-buffer": "~5.1.0" + "define-properties": "1.1.3", + "es-abstract": "1.17.5" } }, "stringify-entities": { @@ -12729,10 +12729,10 @@ "integrity": "sha512-nrBAQClJAPN2p+uGCVJRPIPakKeKWZ9GtBCmormE7pWOSlHat7+x5A8gx85M7HM5Dt0BP3pP5RhVW77WdbJJ3A==", "dev": true, "requires": { - "character-entities-html4": "^1.0.0", - "character-entities-legacy": "^1.0.0", - "is-alphanumerical": "^1.0.0", - "is-hexadecimal": "^1.0.0" + "character-entities-html4": "1.1.4", + "character-entities-legacy": "1.1.4", + "is-alphanumerical": "1.0.4", + "is-hexadecimal": "1.0.4" } }, "strip-ansi": { @@ -12740,7 +12740,7 @@ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz", "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=", "requires": { - "ansi-regex": "^2.0.0" + "ansi-regex": "2.1.1" } }, "strip-bom": { @@ -12754,7 +12754,7 @@ "resolved": "https://registry.npmjs.org/strip-dirs/-/strip-dirs-2.1.0.tgz", "integrity": "sha512-JOCxOeKLm2CAS73y/U4ZeZPTkE+gNVCzKt7Eox84Iej1LT/2pTWYpZKJuxwQpvX1LiZb1xokNR7RLfuBAa7T3g==", "requires": { - "is-natural-number": "^4.0.1" + "is-natural-number": "4.0.1" } }, "strip-indent": { @@ -12762,7 +12762,7 @@ "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-1.0.1.tgz", "integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=", "requires": { - "get-stdin": "^4.0.1" + "get-stdin": "4.0.1" } }, "strip-json-comments": { @@ -12776,7 +12776,7 @@ "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz", "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==", "requires": { - "escape-string-regexp": "^1.0.2" + "escape-string-regexp": "1.0.5" } }, "style-search": { @@ -12791,16 +12791,16 @@ "integrity": "sha1-ZMg+BDimjJ7fRJ6MVSp9mrYAmws=", "dev": true, "requires": { - "browserslist": "^1.1.3", - "chalk": "^1.1.1", - "log-symbols": "^1.0.2", - "minimist": "^1.2.0", - "plur": "^2.1.2", - "postcss": "^5.0.18", - "postcss-reporter": "^1.3.3", - "postcss-selector-parser": "^2.0.0", - "read-file-stdin": "^0.2.1", - "text-table": "^0.2.0", + "browserslist": "1.7.7", + "chalk": "1.1.3", + "log-symbols": "1.0.2", + "minimist": "1.2.5", + "plur": "2.1.2", + "postcss": "5.2.18", + "postcss-reporter": "1.4.1", + "postcss-selector-parser": "2.2.3", + "read-file-stdin": "0.2.1", + "text-table": "0.2.0", "write-file-stdout": "0.0.2" }, "dependencies": { @@ -12810,8 +12810,8 @@ "integrity": "sha1-C9dnBCWL6CmyOYu1Dkti0aFmsLk=", "dev": true, "requires": { - "caniuse-db": "^1.0.30000639", - "electron-to-chromium": "^1.2.7" + "caniuse-db": "1.0.30001055", + "electron-to-chromium": "1.3.434" } }, "has-flag": { @@ -12826,7 +12826,7 @@ "integrity": "sha1-N2/3tY6jCGoPCfrMdGF+ylAeGhg=", "dev": true, "requires": { - "chalk": "^1.0.0" + "chalk": "1.1.3" } }, "postcss": { @@ -12835,10 +12835,10 @@ "integrity": "sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==", "dev": true, "requires": { - "chalk": "^1.1.3", - "js-base64": "^2.1.9", - "source-map": "^0.5.6", - "supports-color": "^3.2.3" + "chalk": "1.1.3", + "js-base64": "2.5.2", + "source-map": "0.5.7", + "supports-color": "3.2.3" } }, "postcss-reporter": { @@ -12847,10 +12847,10 @@ "integrity": "sha1-wTbwpbFhkV83ndN2XGEHX357mvI=", "dev": true, "requires": { - "chalk": "^1.0.0", - "lodash": "^4.1.0", - "log-symbols": "^1.0.2", - "postcss": "^5.0.0" + "chalk": "1.1.3", + "lodash": "4.17.20", + "log-symbols": "1.0.2", + "postcss": "5.2.18" } }, "supports-color": { @@ -12859,7 +12859,7 @@ "integrity": "sha1-ZawFBLOVQXHYpklGsq48u4pfVPY=", "dev": true, "requires": { - "has-flag": "^1.0.0" + "has-flag": "1.0.0" } } } @@ -12870,53 +12870,53 @@ "integrity": "sha512-9UiHxZhOAHEgeQ7oLGwrwoDR8vclBKlSX7r4fH0iuu0SfPwFaLkb1c7Q2j1cqg9P7IDXeAV2TvQML/fRQzGBBQ==", "dev": true, "requires": { - "autoprefixer": "^9.0.0", - "balanced-match": "^1.0.0", - "chalk": "^2.4.1", - "cosmiconfig": "^5.0.0", - "debug": "^4.0.0", - "execall": "^1.0.0", - "file-entry-cache": "^4.0.0", - "get-stdin": "^6.0.0", - "global-modules": "^2.0.0", - "globby": "^9.0.0", - "globjoin": "^0.1.4", - "html-tags": "^2.0.0", - "ignore": "^5.0.4", - "import-lazy": "^3.1.0", - "imurmurhash": "^0.1.4", - "known-css-properties": "^0.11.0", - "leven": "^2.1.0", - "lodash": "^4.17.4", - "log-symbols": "^2.0.0", - "mathml-tag-names": "^2.0.1", - "meow": "^5.0.0", - "micromatch": "^3.1.10", - "normalize-selector": "^0.2.0", - "pify": "^4.0.0", - "postcss": "^7.0.13", - "postcss-html": "^0.36.0", - "postcss-jsx": "^0.36.0", - "postcss-less": "^3.1.0", - "postcss-markdown": "^0.36.0", - "postcss-media-query-parser": "^0.2.3", - "postcss-reporter": "^6.0.0", - "postcss-resolve-nested-selector": "^0.1.1", - "postcss-safe-parser": "^4.0.0", - "postcss-sass": "^0.3.5", - "postcss-scss": "^2.0.0", - "postcss-selector-parser": "^3.1.0", - "postcss-syntax": "^0.36.2", - "postcss-value-parser": "^3.3.0", - "resolve-from": "^4.0.0", - "signal-exit": "^3.0.2", - "slash": "^2.0.0", - "specificity": "^0.4.1", - "string-width": "^3.0.0", - "style-search": "^0.1.0", - "sugarss": "^2.0.0", - "svg-tags": "^1.0.0", - "table": "^5.0.0" + "autoprefixer": "9.7.6", + "balanced-match": "1.0.0", + "chalk": "2.4.2", + "cosmiconfig": "5.2.1", + "debug": "4.1.1", + "execall": "1.0.0", + "file-entry-cache": "4.0.0", + "get-stdin": "6.0.0", + "global-modules": "2.0.0", + "globby": "9.2.0", + "globjoin": "0.1.4", + "html-tags": "2.0.0", + "ignore": "5.1.4", + "import-lazy": "3.1.0", + "imurmurhash": "0.1.4", + "known-css-properties": "0.11.0", + "leven": "2.1.0", + "lodash": "4.17.20", + "log-symbols": "2.2.0", + "mathml-tag-names": "2.1.3", + "meow": "5.0.0", + "micromatch": "3.1.10", + "normalize-selector": "0.2.0", + "pify": "4.0.1", + "postcss": "7.0.30", + "postcss-html": "0.36.0", + "postcss-jsx": "0.36.4", + "postcss-less": "3.1.4", + "postcss-markdown": "0.36.0", + "postcss-media-query-parser": "0.2.3", + "postcss-reporter": "6.0.1", + "postcss-resolve-nested-selector": "0.1.1", + "postcss-safe-parser": "4.0.2", + "postcss-sass": "0.3.5", + "postcss-scss": "2.0.0", + "postcss-selector-parser": "3.1.2", + "postcss-syntax": "0.36.2", + "postcss-value-parser": "3.3.1", + "resolve-from": "4.0.0", + "signal-exit": "3.0.3", + "slash": "2.0.0", + "specificity": "0.4.1", + "string-width": "3.1.0", + "style-search": "0.1.0", + "sugarss": "2.0.0", + "svg-tags": "1.0.0", + "table": "5.4.6" }, "dependencies": { "ansi-regex": { @@ -12931,7 +12931,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "camelcase": { @@ -12946,9 +12946,9 @@ "integrity": "sha1-oqpfsa9oh1glnDLBQUJteJI7m3c=", "dev": true, "requires": { - "camelcase": "^4.1.0", - "map-obj": "^2.0.0", - "quick-lru": "^1.0.0" + "camelcase": "4.1.0", + "map-obj": "2.0.0", + "quick-lru": "1.1.0" } }, "chalk": { @@ -12957,9 +12957,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "dir-glob": { @@ -12968,7 +12968,7 @@ "integrity": "sha512-f9LBi5QWzIW3I6e//uxZoLBlUt9kcp66qo0sSCxL6YZKc75R1c4MFCoe/LaZiBGmgujvQdxc5Bn3QhfyvK5Hsw==", "dev": true, "requires": { - "path-type": "^3.0.0" + "path-type": "3.0.0" } }, "file-entry-cache": { @@ -12977,7 +12977,7 @@ "integrity": "sha512-AVSwsnbV8vH/UVbvgEhf3saVQXORNv0ZzSkvkhQIaia5Tia+JhGTaa/ePUSVoPHQyGayQNmYfkzFi3WZV5zcpA==", "dev": true, "requires": { - "flat-cache": "^2.0.1" + "flat-cache": "2.0.1" } }, "find-up": { @@ -12986,7 +12986,7 @@ "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=", "dev": true, "requires": { - "locate-path": "^2.0.0" + "locate-path": "2.0.0" } }, "flat-cache": { @@ -12995,7 +12995,7 @@ "integrity": "sha512-LoQe6yDuUMDzQAEH8sgmh4Md6oZnc/7PjtwjNFSzveXqSHt6ka9fPBuso7IGf9Rz4uqnSnWiFH2B/zj24a5ReA==", "dev": true, "requires": { - "flatted": "^2.0.0", + "flatted": "2.0.2", "rimraf": "2.6.3", "write": "1.0.3" } @@ -13012,14 +13012,14 @@ "integrity": "sha512-ollPHROa5mcxDEkwg6bPt3QbEf4pDQSNtd6JPL1YvOvAo/7/0VAm9TccUeoTmarjPw4pfUthSCqcyfNB1I3ZSg==", "dev": true, "requires": { - "@types/glob": "^7.1.1", - "array-union": "^1.0.2", - "dir-glob": "^2.2.2", - "fast-glob": "^2.2.6", - "glob": "^7.1.3", - "ignore": "^4.0.3", - "pify": "^4.0.1", - "slash": "^2.0.0" + "@types/glob": "7.1.1", + "array-union": "1.0.2", + "dir-glob": "2.2.2", + "fast-glob": "2.2.7", + "glob": "7.1.6", + "ignore": "4.0.6", + "pify": "4.0.1", + "slash": "2.0.0" }, "dependencies": { "ignore": { @@ -13054,10 +13054,10 @@ "integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=", "dev": true, "requires": { - "graceful-fs": "^4.1.2", - "parse-json": "^4.0.0", - "pify": "^3.0.0", - "strip-bom": "^3.0.0" + "graceful-fs": "4.2.4", + "parse-json": "4.0.0", + "pify": "3.0.0", + "strip-bom": "3.0.0" }, "dependencies": { "pify": { @@ -13074,8 +13074,8 @@ "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=", "dev": true, "requires": { - "p-locate": "^2.0.0", - "path-exists": "^3.0.0" + "p-locate": "2.0.0", + "path-exists": "3.0.0" } }, "map-obj": { @@ -13090,15 +13090,15 @@ "integrity": "sha512-CbTqYU17ABaLefO8vCU153ZZlprKYWDljcndKKDCFcYQITzWCXZAVk4QMFZPgvzrnUQ3uItnIE/LoUOwrT15Ig==", "dev": true, "requires": { - "camelcase-keys": "^4.0.0", - "decamelize-keys": "^1.0.0", - "loud-rejection": "^1.0.0", - "minimist-options": "^3.0.1", - "normalize-package-data": "^2.3.4", - "read-pkg-up": "^3.0.0", - "redent": "^2.0.0", - "trim-newlines": "^2.0.0", - "yargs-parser": "^10.0.0" + "camelcase-keys": "4.2.0", + "decamelize-keys": "1.1.0", + "loud-rejection": "1.6.0", + "minimist-options": "3.0.2", + "normalize-package-data": "2.5.0", + "read-pkg-up": "3.0.0", + "redent": "2.0.0", + "trim-newlines": "2.0.0", + "yargs-parser": "10.1.0" } }, "mkdirp": { @@ -13107,7 +13107,7 @@ "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "dev": true, "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } }, "p-limit": { @@ -13116,7 +13116,7 @@ "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==", "dev": true, "requires": { - "p-try": "^1.0.0" + "p-try": "1.0.0" } }, "p-locate": { @@ -13125,7 +13125,7 @@ "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=", "dev": true, "requires": { - "p-limit": "^1.1.0" + "p-limit": "1.3.0" } }, "p-try": { @@ -13140,8 +13140,8 @@ "integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=", "dev": true, "requires": { - "error-ex": "^1.3.1", - "json-parse-better-errors": "^1.0.1" + "error-ex": "1.3.2", + "json-parse-better-errors": "1.0.2" } }, "path-exists": { @@ -13156,7 +13156,7 @@ "integrity": "sha512-T2ZUsdZFHgA3u4e5PfPbjd7HDDpxPnQb5jN0SrDsjNSuVXHJqtwTnWqG0B1jZrgmJ/7lj1EmVIByWt1gxGkWvg==", "dev": true, "requires": { - "pify": "^3.0.0" + "pify": "3.0.0" }, "dependencies": { "pify": { @@ -13179,9 +13179,9 @@ "integrity": "sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==", "dev": true, "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" }, "dependencies": { "supports-color": { @@ -13190,7 +13190,7 @@ "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -13201,7 +13201,7 @@ "integrity": "sha512-um9zdGKaDZirMm+kZFKKVsnKPF7zF7qBAtIfTSnZXD1jZ0JNZIxdB6TxQOjCnlSzLRInVl2v3YdBh/M881C4ug==", "dev": true, "requires": { - "postcss": "^7.0.0" + "postcss": "7.0.30" } }, "postcss-selector-parser": { @@ -13210,9 +13210,9 @@ "integrity": "sha512-h7fJ/5uWuRVyOtkO45pnt1Ih40CEleeyCHzipqAZO2e5H20g25Y48uYnFUiShvY4rZWNJ/Bib/KVPmanaCtOhA==", "dev": true, "requires": { - "dot-prop": "^5.2.0", - "indexes-of": "^1.0.1", - "uniq": "^1.0.1" + "dot-prop": "5.2.0", + "indexes-of": "1.0.1", + "uniq": "1.0.1" } }, "postcss-syntax": { @@ -13227,9 +13227,9 @@ "integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=", "dev": true, "requires": { - "load-json-file": "^4.0.0", - "normalize-package-data": "^2.3.2", - "path-type": "^3.0.0" + "load-json-file": "4.0.0", + "normalize-package-data": "2.5.0", + "path-type": "3.0.0" } }, "read-pkg-up": { @@ -13238,8 +13238,8 @@ "integrity": "sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=", "dev": true, "requires": { - "find-up": "^2.0.0", - "read-pkg": "^3.0.0" + "find-up": "2.1.0", + "read-pkg": "3.0.0" } }, "redent": { @@ -13248,8 +13248,8 @@ "integrity": "sha1-wbIAe0LVfrE4kHmzyDM2OdXhzKo=", "dev": true, "requires": { - "indent-string": "^3.0.0", - "strip-indent": "^2.0.0" + "indent-string": "3.2.0", + "strip-indent": "2.0.0" } }, "resolve-from": { @@ -13264,7 +13264,7 @@ "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==", "dev": true, "requires": { - "glob": "^7.1.3" + "glob": "7.1.6" } }, "slash": { @@ -13279,9 +13279,9 @@ "integrity": "sha512-Qu+VC3EwYLldKa1fCxuuvULvSJOKEgk9pi8dZeCVK7TqBfUNTH4sFkk4joj8afVSfAYgJoSOetjx9QWOJ5mYoQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.0", - "astral-regex": "^1.0.0", - "is-fullwidth-code-point": "^2.0.0" + "ansi-styles": "3.2.1", + "astral-regex": "1.0.0", + "is-fullwidth-code-point": "2.0.0" } }, "source-map": { @@ -13296,9 +13296,9 @@ "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "dev": true, "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -13307,7 +13307,7 @@ "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "dev": true, "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } }, "strip-bom": { @@ -13328,7 +13328,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } }, "table": { @@ -13337,10 +13337,10 @@ "integrity": "sha512-wmEc8m4fjnob4gt5riFRtTu/6+4rSe12TpAELNSqHMfF3IqnA+CH37USM6/YR3qRZv7e56kAEAtd6nKZaxe0Ug==", "dev": true, "requires": { - "ajv": "^6.10.2", - "lodash": "^4.17.14", - "slice-ansi": "^2.1.0", - "string-width": "^3.0.0" + "ajv": "6.12.2", + "lodash": "4.17.20", + "slice-ansi": "2.1.0", + "string-width": "3.1.0" } }, "trim-newlines": { @@ -13355,7 +13355,7 @@ "integrity": "sha512-/lg70HAjtkUgWPVZhZcm+T4hkL8Zbtp1nFNOn3lRrxnlv50SRBv7cR7RqR+GMsd3hUXy9hWBo4CHTbFTcOYwig==", "dev": true, "requires": { - "mkdirp": "^0.5.1" + "mkdirp": "0.5.5" } }, "yargs-parser": { @@ -13364,7 +13364,7 @@ "integrity": "sha512-VCIyR1wJoEBZUqk5PA+oOBF6ypbwh5aNB3I50guxAL/quggdfs4TtNHQrSazFA3fYZ+tEqfs0zIGlv0c/rgjbQ==", "dev": true, "requires": { - "camelcase": "^4.1.0" + "camelcase": "4.1.0" } } } @@ -13375,7 +13375,7 @@ "integrity": "sha512-bePbF16ei9dCza2SlExRCGYMLVWsw0uQ2WJ5bakuL7lyprlENWz5/3qCZpneRMsFJkq+qtYuvomMoY/VI3AbPw==", "dev": true, "requires": { - "lodash": "^4.17.10" + "lodash": "4.17.20" } }, "stylelint-config-recommended": { @@ -13390,7 +13390,7 @@ "integrity": "sha512-Tdc/TFeddjjy64LvjPau9SsfVRexmTFqUhnMBrzz07J4p2dVQtmpncRF/o8yZn8ugA3Ut43E6o1GtjX80TFytw==", "dev": true, "requires": { - "stylelint-config-recommended": "^2.2.0" + "stylelint-config-recommended": "2.2.0" } }, "stylelint-no-browser-hacks": { @@ -13399,8 +13399,8 @@ "integrity": "sha512-lPcqHx3e/WnrXdw0wdnKtcjcSCAYEXjwSitXRw0OQ2qPF+iLyDFoarbn4qcw38Uuu7q29fhj+w2mECLM0fUOlw==", "dev": true, "requires": { - "stylehacks": "^2.3", - "stylelint": "^9.1" + "stylehacks": "2.3.2", + "stylelint": "9.10.1" } }, "sugarss": { @@ -13408,7 +13408,7 @@ "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz", "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==", "requires": { - "postcss": "^7.0.2" + "postcss": "7.0.30" }, "dependencies": { "ansi-styles": { @@ -13416,7 +13416,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -13424,9 +13424,9 @@ "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" }, "dependencies": { "supports-color": { @@ -13434,7 +13434,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -13444,9 +13444,9 @@ "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.30.tgz", "integrity": "sha512-nu/0m+NtIzoubO+xdAlwZl/u5S5vi/y6BCsoL8D+8IxsD3XvBS8X4YEADNIVXKVuQvduiucnRv+vPIqj56EGMQ==", "requires": { - "chalk": "^2.4.2", - "source-map": "^0.6.1", - "supports-color": "^6.1.0" + "chalk": "2.4.2", + "source-map": "0.6.1", + "supports-color": "6.1.0" } }, "source-map": { @@ -13459,7 +13459,7 @@ "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz", "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==", "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -13486,12 +13486,12 @@ "integrity": "sha512-UUkEAPdSGxtRpiV9ozJ5cMTtYiqz7Ni1OGqLXRCynrvzdtR1p+cfOWe2RJLwvUG8hNanaSRjecIqwOjqeatDsA==", "dev": true, "requires": { - "ajv": "^5.2.3", - "ajv-keywords": "^2.1.0", - "chalk": "^2.1.0", - "lodash": "^4.17.4", + "ajv": "5.5.2", + "ajv-keywords": "2.1.1", + "chalk": "2.4.2", + "lodash": "4.17.20", "slice-ansi": "1.0.0", - "string-width": "^2.1.1" + "string-width": "2.1.1" }, "dependencies": { "ajv": { @@ -13500,10 +13500,10 @@ "integrity": "sha1-c7Xuyj+rZT49P5Qis0GtQiBdyWU=", "dev": true, "requires": { - "co": "^4.6.0", - "fast-deep-equal": "^1.0.0", - "fast-json-stable-stringify": "^2.0.0", - "json-schema-traverse": "^0.3.0" + "co": "4.6.0", + "fast-deep-equal": "1.1.0", + "fast-json-stable-stringify": "2.1.0", + "json-schema-traverse": "0.3.1" } }, "ansi-regex": { @@ -13518,7 +13518,7 @@ "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "dev": true, "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "chalk": { @@ -13527,9 +13527,9 @@ "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "dev": true, "requires": { - "ansi-styles": "^3.2.1", - "escape-string-regexp": "^1.0.5", - "supports-color": "^5.3.0" + "ansi-styles": "3.2.1", + "escape-string-regexp": "1.0.5", + "supports-color": "5.5.0" } }, "co": { @@ -13562,8 +13562,8 @@ "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==", "dev": true, "requires": { - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^4.0.0" + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "4.0.0" } }, "strip-ansi": { @@ -13572,7 +13572,7 @@ "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=", "dev": true, "requires": { - "ansi-regex": "^3.0.0" + "ansi-regex": "3.0.0" } }, "supports-color": { @@ -13581,7 +13581,7 @@ "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "dev": true, "requires": { - "has-flag": "^3.0.0" + "has-flag": "3.0.0" } } } @@ -13591,9 +13591,9 @@ "resolved": "https://registry.npmjs.org/tar/-/tar-2.2.2.tgz", "integrity": "sha512-FCEhQ/4rE1zYv9rYXJw/msRqsnmlje5jHP6huWeBZ704jUTy02c5AZyWujpMR1ax6mVw9NyJMfuK2CMDWVIfgA==", "requires": { - "block-stream": "*", - "fstream": "^1.0.12", - "inherits": "2" + "block-stream": "0.0.9", + "fstream": "1.0.12", + "inherits": "2.0.4" } }, "tar-pack": { @@ -13601,14 +13601,14 @@ "resolved": "https://registry.npmjs.org/tar-pack/-/tar-pack-3.4.1.tgz", "integrity": "sha512-PPRybI9+jM5tjtCbN2cxmmRU7YmqT3Zv/UDy48tAh2XRkLa9bAORtSWLkVc13+GJF+cdTh1yEnHEk3cpTaL5Kg==", "requires": { - "debug": "^2.2.0", - "fstream": "^1.0.10", - "fstream-ignore": "^1.0.5", - "once": "^1.3.3", - "readable-stream": "^2.1.4", - "rimraf": "^2.5.1", - "tar": "^2.2.1", - "uid-number": "^0.0.6" + "debug": "2.6.9", + "fstream": "1.0.12", + "fstream-ignore": "1.0.5", + "once": "1.4.0", + "readable-stream": "2.3.7", + "rimraf": "2.7.1", + "tar": "2.2.2", + "uid-number": "0.0.6" }, "dependencies": { "debug": { @@ -13631,13 +13631,13 @@ "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-1.6.2.tgz", "integrity": "sha512-rzS0heiNf8Xn7/mpdSVVSMAWAoy9bfb1WOTYC78Z0UQKeKa/CWS8FOq0lKGNa8DWKAn9gxjCvMLYc5PGXYlK2A==", "requires": { - "bl": "^1.0.0", - "buffer-alloc": "^1.2.0", - "end-of-stream": "^1.0.0", - "fs-constants": "^1.0.0", - "readable-stream": "^2.3.0", - "to-buffer": "^1.1.1", - "xtend": "^4.0.0" + "bl": "1.2.3", + "buffer-alloc": "1.2.0", + "end-of-stream": "1.4.4", + "fs-constants": "1.0.0", + "readable-stream": "2.3.7", + "to-buffer": "1.1.1", + "xtend": "4.0.2" } }, "tcomb": { @@ -13656,8 +13656,8 @@ "resolved": "https://registry.npmjs.org/tfunk/-/tfunk-4.0.0.tgz", "integrity": "sha512-eJQ0dGfDIzWNiFNYFVjJ+Ezl/GmwHaFTBTjrtqNPW0S7cuVDBrZrmzUz6VkMeCR4DZFqhd4YtLwsw3i2wYHswQ==", "requires": { - "chalk": "^1.1.3", - "dlv": "^1.1.3" + "chalk": "1.1.3", + "dlv": "1.1.3" } }, "through": { @@ -13675,7 +13675,7 @@ "resolved": "https://registry.npmjs.org/thunkify-wrap/-/thunkify-wrap-1.0.4.tgz", "integrity": "sha1-tSvlSN3+/aIOALWMYJZ2K0PdaIA=", "requires": { - "enable": "1" + "enable": "1.3.2" } }, "timed-out": { @@ -13689,7 +13689,7 @@ "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==", "dev": true, "requires": { - "os-tmpdir": "~1.0.2" + "os-tmpdir": "1.0.2" } }, "to-array": { @@ -13712,7 +13712,7 @@ "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz", "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=", "requires": { - "kind-of": "^3.0.2" + "kind-of": "3.2.2" }, "dependencies": { "kind-of": { @@ -13720,7 +13720,7 @@ "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz", "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=", "requires": { - "is-buffer": "^1.1.5" + "is-buffer": "1.1.6" } } } @@ -13730,10 +13730,10 @@ "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz", "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==", "requires": { - "define-property": "^2.0.2", - "extend-shallow": "^3.0.2", - "regex-not": "^1.0.2", - "safe-regex": "^1.1.0" + "define-property": "2.0.2", + "extend-shallow": "3.0.2", + "regex-not": "1.0.2", + "safe-regex": "1.1.0" } }, "to-regex-range": { @@ -13741,8 +13741,8 @@ "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz", "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=", "requires": { - "is-number": "^3.0.0", - "repeat-string": "^1.6.1" + "is-number": "3.0.0", + "repeat-string": "1.6.1" } }, "toidentifier": { @@ -13765,8 +13765,8 @@ "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz", "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==", "requires": { - "psl": "^1.1.28", - "punycode": "^2.1.1" + "psl": "1.8.0", + "punycode": "2.1.1" } }, "traverse": { @@ -13790,7 +13790,7 @@ "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz", "integrity": "sha1-42RqLqTokTEr9+rObPsFOAvAHCE=", "requires": { - "escape-string-regexp": "^1.0.2" + "escape-string-regexp": "1.0.5" } }, "trim-trailing-lines": { @@ -13810,7 +13810,7 @@ "resolved": "https://registry.npmjs.org/true-case-path/-/true-case-path-1.0.3.tgz", "integrity": "sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew==", "requires": { - "glob": "^7.1.2" + "glob": "7.1.6" } }, "tsconfig-paths": { @@ -13819,10 +13819,10 @@ "integrity": "sha512-dRcuzokWhajtZWkQsDVKbWyY+jgcLC5sqJhg2PSgf4ZkH2aHPvaOY8YWGhmjb68b5qqTfasSsDO9k7RUiEmZAw==", "dev": true, "requires": { - "@types/json5": "^0.0.29", - "json5": "^1.0.1", - "minimist": "^1.2.0", - "strip-bom": "^3.0.0" + "@types/json5": "0.0.29", + "json5": "1.0.1", + "minimist": "1.2.5", + "strip-bom": "3.0.0" }, "dependencies": { "json5": { @@ -13831,7 +13831,7 @@ "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", "dev": true, "requires": { - "minimist": "^1.2.0" + "minimist": "1.2.5" } } } @@ -13841,7 +13841,7 @@ "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz", "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=", "requires": { - "safe-buffer": "^5.0.1" + "safe-buffer": "5.1.2" } }, "tweetnacl": { @@ -13854,10 +13854,10 @@ "resolved": "https://registry.npmjs.org/twig/-/twig-1.15.1.tgz", "integrity": "sha512-SPGkUM0p7hjgo+y5Dlm/XCSuZe0G3kfcgRPrxkMFln5e8bvQbxDOsia8QEo8xqXfjLR1Emp9FGkVYHya2b8qdA==", "requires": { - "@babel/runtime": "^7.8.4", - "locutus": "^2.0.11", - "minimatch": "3.0.x", - "walk": "2.3.x" + "@babel/runtime": "7.9.6", + "locutus": "2.0.11", + "minimatch": "3.0.4", + "walk": "2.3.14" } }, "twig-drupal-filters": { @@ -13865,8 +13865,8 @@ "resolved": "https://registry.npmjs.org/twig-drupal-filters/-/twig-drupal-filters-3.1.2.tgz", "integrity": "sha512-95KoXIYvN+aPl9wUCweWgFE7f4JJNVVxDMpxfHWn+3sOO4gxXXmTU4jGnr/MxPNU7avH+BdhkzcAo+L0SyAPrg==", "requires": { - "object-keys": "^1.1.1", - "twig": "^1.15.1" + "object-keys": "1.1.1", + "twig": "1.15.1" } }, "type-check": { @@ -13875,7 +13875,7 @@ "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=", "dev": true, "requires": { - "prelude-ls": "~1.1.2" + "prelude-ls": "1.1.2" } }, "typedarray": { @@ -13899,9 +13899,9 @@ "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-2.8.29.tgz", "integrity": "sha1-KcVzMUgFe7Th913zW3qcty5qWd0=", "requires": { - "source-map": "~0.5.1", - "uglify-to-browserify": "~1.0.0", - "yargs": "~3.10.0" + "source-map": "0.5.7", + "uglify-to-browserify": "1.0.2", + "yargs": "3.10.0" }, "dependencies": { "camelcase": { @@ -13914,8 +13914,8 @@ "resolved": "https://registry.npmjs.org/cliui/-/cliui-2.1.0.tgz", "integrity": "sha1-S0dXYP+AJkx2LDoXGQMukcf+oNE=", "requires": { - "center-align": "^0.1.1", - "right-align": "^0.1.1", + "center-align": "0.1.3", + "right-align": "0.1.3", "wordwrap": "0.0.2" } }, @@ -13924,9 +13924,9 @@ "resolved": "https://registry.npmjs.org/yargs/-/yargs-3.10.0.tgz", "integrity": "sha1-9+572FfdfB0tOMDnTvvWgdFDH9E=", "requires": { - "camelcase": "^1.0.2", - "cliui": "^2.1.0", - "decamelize": "^1.0.0", + "camelcase": "1.2.1", + "cliui": "2.1.0", + "decamelize": "1.2.0", "window-size": "0.1.0" } } @@ -13953,8 +13953,8 @@ "resolved": "https://registry.npmjs.org/unbzip2-stream/-/unbzip2-stream-1.4.2.tgz", "integrity": "sha512-pZMVAofMrrHX6Ik39hCk470kulCbmZ2SWfQLPmTWqfJV/oUm0gn1CblvHdUu4+54Je6Jq34x8kY6XjTy6dMkOg==", "requires": { - "buffer": "^5.2.1", - "through": "^2.3.8" + "buffer": "5.6.0", + "through": "2.3.8" } }, "underscore.string": { @@ -13962,8 +13962,8 @@ "resolved": "https://registry.npmjs.org/underscore.string/-/underscore.string-3.3.5.tgz", "integrity": "sha512-g+dpmgn+XBneLmXXo+sGlW5xQEt4ErkS3mgeN2GFbremYeMBSJKr9Wf2KJplQVaiPY/f7FN6atosWYNm9ovrYg==", "requires": { - "sprintf-js": "^1.0.3", - "util-deprecate": "^1.0.2" + "sprintf-js": "1.0.3", + "util-deprecate": "1.0.2" } }, "unherit": { @@ -13972,8 +13972,8 @@ "integrity": "sha512-Ft16BJcnapDKp0+J/rqFC3Rrk6Y/Ng4nzsC028k2jdDII/rdZ7Wd3pPT/6+vIIxRagwRc9K0IUX0Ra4fKvw+WQ==", "dev": true, "requires": { - "inherits": "^2.0.0", - "xtend": "^4.0.0" + "inherits": "2.0.4", + "xtend": "4.0.2" } }, "unified": { @@ -13982,14 +13982,14 @@ "integrity": "sha512-lbk82UOIGuCEsZhPj8rNAkXSDXd6p0QLzIuSsCdxrqnqU56St4eyOB+AlXsVgVeRmetPTYydIuvFfpDIed8mqw==", "dev": true, "requires": { - "@types/unist": "^2.0.0", - "@types/vfile": "^3.0.0", - "bail": "^1.0.0", - "extend": "^3.0.0", - "is-plain-obj": "^1.1.0", - "trough": "^1.0.0", - "vfile": "^3.0.0", - "x-is-string": "^0.1.0" + "@types/unist": "2.0.3", + "@types/vfile": "3.0.2", + "bail": "1.0.5", + "extend": "3.0.2", + "is-plain-obj": "1.1.0", + "trough": "1.0.5", + "vfile": "3.0.1", + "x-is-string": "0.1.0" } }, "union": { @@ -13997,7 +13997,7 @@ "resolved": "https://registry.npmjs.org/union/-/union-0.5.0.tgz", "integrity": "sha512-N6uOhuW6zO95P3Mel2I2zMsbsanvvtgn6jVqJv4vbVcz/JN0OkL9suomjQGmWtxJQXOCqUJvquc1sMeNz/IwlA==", "requires": { - "qs": "^6.4.0" + "qs": "6.9.4" }, "dependencies": { "qs": { @@ -14012,10 +14012,10 @@ "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz", "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==", "requires": { - "arr-union": "^3.1.0", - "get-value": "^2.0.6", - "is-extendable": "^0.1.1", - "set-value": "^2.0.1" + "arr-union": "3.1.0", + "get-value": "2.0.6", + "is-extendable": "0.1.1", + "set-value": "2.0.1" } }, "uniq": { @@ -14029,7 +14029,7 @@ "integrity": "sha512-lWgIc3rrTMTlK1Y0hEuL+k+ApzFk78h+lsaa2gHf63Gp5Ww+mt11huDniuaoq1H+XMK2lIIjjPkncxXcDp3QDw==", "dev": true, "requires": { - "unist-util-is": "^3.0.0" + "unist-util-is": "3.0.0" } }, "unist-util-is": { @@ -14044,7 +14044,7 @@ "integrity": "sha512-tLqd653ArxJIPnKII6LMZwH+mb5q+n/GtXQZo6S6csPRs5zB0u79Yw8ouR3wTw8wxvdJFhpP6Y7jorWdCgLO0A==", "dev": true, "requires": { - "unist-util-visit": "^1.1.0" + "unist-util-visit": "1.4.1" } }, "unist-util-stringify-position": { @@ -14053,7 +14053,7 @@ "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", "dev": true, "requires": { - "@types/unist": "^2.0.2" + "@types/unist": "2.0.3" } }, "unist-util-visit": { @@ -14062,7 +14062,7 @@ "integrity": "sha512-AvGNk7Bb//EmJZyhtRUnNMEpId/AZ5Ph/KUpTI09WHQuDZHKovQ1oEv3mfmKpWKtoMzyMC4GLBm1Zy5k12fjIw==", "dev": true, "requires": { - "unist-util-visit-parents": "^2.0.0" + "unist-util-visit-parents": "2.1.2" } }, "unist-util-visit-parents": { @@ -14071,7 +14071,7 @@ "integrity": "sha512-DyN5vD4NE3aSeB+PXYNKxzGsfocxp6asDc2XXE3b0ekO2BaRUpBicbbUygfSvYfUz1IkmjFR1YF7dPklraMZ2g==", "dev": true, "requires": { - "unist-util-is": "^3.0.0" + "unist-util-is": "3.0.0" } }, "universalify": { @@ -14089,8 +14089,8 @@ "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz", "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=", "requires": { - "has-value": "^0.3.1", - "isobject": "^3.0.0" + "has-value": "0.3.1", + "isobject": "3.0.1" }, "dependencies": { "has-value": { @@ -14098,9 +14098,9 @@ "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz", "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=", "requires": { - "get-value": "^2.0.3", - "has-values": "^0.1.4", - "isobject": "^2.0.0" + "get-value": "2.0.6", + "has-values": "0.1.4", + "isobject": "2.1.0" }, "dependencies": { "isobject": { @@ -14130,7 +14130,7 @@ "resolved": "https://registry.npmjs.org/unyield/-/unyield-0.0.1.tgz", "integrity": "sha1-FQ5l2kK/d0JEW5WKZOubhdHSsYA=", "requires": { - "co": "~3.1.0" + "co": "3.1.0" } }, "uri-js": { @@ -14138,7 +14138,7 @@ "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz", "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==", "requires": { - "punycode": "^2.1.0" + "punycode": "2.1.1" } }, "urix": { @@ -14156,7 +14156,7 @@ "resolved": "https://registry.npmjs.org/url-parse-lax/-/url-parse-lax-1.0.0.tgz", "integrity": "sha1-evjzA2Rem9eaJy56FKxovAYJ2nM=", "requires": { - "prepend-http": "^1.0.1" + "prepend-http": "1.0.4" } }, "url-polyfill": { @@ -14194,8 +14194,8 @@ "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", "requires": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" + "spdx-correct": "3.1.0", + "spdx-expression-parse": "3.0.0" } }, "verror": { @@ -14203,9 +14203,9 @@ "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz", "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=", "requires": { - "assert-plus": "^1.0.0", + "assert-plus": "1.0.0", "core-util-is": "1.0.2", - "extsprintf": "^1.2.0" + "extsprintf": "1.3.0" } }, "vfile": { @@ -14214,10 +14214,10 @@ "integrity": "sha512-y7Y3gH9BsUSdD4KzHsuMaCzRjglXN0W2EcMf0gpvu6+SbsGhMje7xDc8AEoeXy6mIwCKMI6BkjMsRjzQbhMEjQ==", "dev": true, "requires": { - "is-buffer": "^2.0.0", + "is-buffer": "2.0.4", "replace-ext": "1.0.0", - "unist-util-stringify-position": "^1.0.0", - "vfile-message": "^1.0.0" + "unist-util-stringify-position": "1.1.2", + "vfile-message": "1.1.1" }, "dependencies": { "is-buffer": { @@ -14238,7 +14238,7 @@ "integrity": "sha512-1WmsopSGhWt5laNir+633LszXvZ+Z/lxveBf6yhGsqnQIhlhzooZae7zV6YVM1Sdkw68dtAW3ow0pOdPANugvA==", "dev": true, "requires": { - "unist-util-stringify-position": "^1.1.1" + "unist-util-stringify-position": "1.1.2" } } } @@ -14255,8 +14255,8 @@ "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", "dev": true, "requires": { - "@types/unist": "^2.0.0", - "unist-util-stringify-position": "^2.0.0" + "@types/unist": "2.0.3", + "unist-util-stringify-position": "2.0.3" } }, "void-elements": { @@ -14269,7 +14269,7 @@ "resolved": "https://registry.npmjs.org/walk/-/walk-2.3.14.tgz", "integrity": "sha512-5skcWAUmySj6hkBdH6B6+3ddMjVQYH5Qy9QGbPmN8kVmLteXk+yVXg+yfk1nbX30EYakahLrr8iPcCxJQSCBeg==", "requires": { - "foreachasync": "^3.0.0" + "foreachasync": "3.0.0" } }, "ware": { @@ -14277,7 +14277,7 @@ "resolved": "https://registry.npmjs.org/ware/-/ware-1.3.0.tgz", "integrity": "sha1-0bFPOdLiy0q4xAmPdW/ksWTkc9Q=", "requires": { - "wrap-fn": "^0.1.0" + "wrap-fn": "0.1.5" } }, "what-input": { @@ -14290,7 +14290,7 @@ "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", "requires": { - "isexe": "^2.0.0" + "isexe": "2.0.0" } }, "which-module": { @@ -14303,7 +14303,7 @@ "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz", "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==", "requires": { - "string-width": "^1.0.2 || 2" + "string-width": "1.0.2" } }, "win-fork": { @@ -14321,8 +14321,8 @@ "resolved": "https://registry.npmjs.org/with/-/with-5.1.1.tgz", "integrity": "sha1-+k2qktrzLE6pTtRTyB8EaGtXXf4=", "requires": { - "acorn": "^3.1.0", - "acorn-globals": "^3.0.0" + "acorn": "3.3.0", + "acorn-globals": "3.1.0" } }, "with-open-file": { @@ -14330,9 +14330,9 @@ "resolved": "https://registry.npmjs.org/with-open-file/-/with-open-file-0.1.7.tgz", "integrity": "sha512-ecJS2/oHtESJ1t3ZfMI3B7KIDKyfN0O16miWxdn30zdh66Yd3LsRFebXZXq6GU4xfxLf6nVxp9kIqElb5fqczA==", "requires": { - "p-finally": "^1.0.0", - "p-try": "^2.1.0", - "pify": "^4.0.1" + "p-finally": "1.0.0", + "p-try": "2.2.0", + "pify": "4.0.1" }, "dependencies": { "pify": { @@ -14358,9 +14358,9 @@ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz", "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==", "requires": { - "ansi-styles": "^3.2.0", - "string-width": "^3.0.0", - "strip-ansi": "^5.0.0" + "ansi-styles": "3.2.1", + "string-width": "3.1.0", + "strip-ansi": "5.2.0" }, "dependencies": { "ansi-regex": { @@ -14373,7 +14373,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { - "color-convert": "^1.9.0" + "color-convert": "1.9.3" } }, "is-fullwidth-code-point": { @@ -14386,9 +14386,9 @@ "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz", "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==", "requires": { - "emoji-regex": "^7.0.1", - "is-fullwidth-code-point": "^2.0.0", - "strip-ansi": "^5.1.0" + "emoji-regex": "7.0.3", + "is-fullwidth-code-point": "2.0.0", + "strip-ansi": "5.2.0" } }, "strip-ansi": { @@ -14396,7 +14396,7 @@ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz", "integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==", "requires": { - "ansi-regex": "^4.1.0" + "ansi-regex": "4.1.0" } } } @@ -14420,7 +14420,7 @@ "integrity": "sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c=", "dev": true, "requires": { - "mkdirp": "^0.5.1" + "mkdirp": "0.5.5" }, "dependencies": { "mkdirp": { @@ -14429,7 +14429,7 @@ "integrity": "sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==", "dev": true, "requires": { - "minimist": "^1.2.5" + "minimist": "1.2.5" } } } @@ -14439,9 +14439,9 @@ "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz", "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==", "requires": { - "graceful-fs": "^4.1.11", - "imurmurhash": "^0.1.4", - "signal-exit": "^3.0.2" + "graceful-fs": "4.2.4", + "imurmurhash": "0.1.4", + "signal-exit": "3.0.3" } }, "write-file-stdout": { @@ -14455,12 +14455,12 @@ "resolved": "https://registry.npmjs.org/write-json-file/-/write-json-file-2.3.0.tgz", "integrity": "sha1-K2TIozAE1UuGmMdtWFp3zrYdoy8=", "requires": { - "detect-indent": "^5.0.0", - "graceful-fs": "^4.1.2", - "make-dir": "^1.0.0", - "pify": "^3.0.0", - "sort-keys": "^2.0.0", - "write-file-atomic": "^2.0.0" + "detect-indent": "5.0.0", + "graceful-fs": "4.2.4", + "make-dir": "1.3.0", + "pify": "3.0.0", + "sort-keys": "2.0.0", + "write-file-atomic": "2.4.3" }, "dependencies": { "pify": { @@ -14473,7 +14473,7 @@ "resolved": "https://registry.npmjs.org/sort-keys/-/sort-keys-2.0.0.tgz", "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=", "requires": { - "is-plain-obj": "^1.0.0" + "is-plain-obj": "1.1.0" } } } @@ -14483,7 +14483,7 @@ "resolved": "https://registry.npmjs.org/ws/-/ws-6.1.4.tgz", "integrity": "sha512-eqZfL+NE/YQc1/ZynhojeV8q+H050oR8AZ2uIev7RU10svA9ZnJUddHcOUZTJLinZ9yEfdA2kSATS2qZK5fhJA==", "requires": { - "async-limiter": "~1.0.0" + "async-limiter": "1.0.1" } }, "x-is-string": { @@ -14522,17 +14522,17 @@ "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz", "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==", "requires": { - "cliui": "^6.0.0", - "decamelize": "^1.2.0", - "find-up": "^4.1.0", - "get-caller-file": "^2.0.1", - "require-directory": "^2.1.1", - "require-main-filename": "^2.0.0", - "set-blocking": "^2.0.0", - "string-width": "^4.2.0", - "which-module": "^2.0.0", - "y18n": "^4.0.0", - "yargs-parser": "^18.1.2" + "cliui": "6.0.0", + "decamelize": "1.2.0", + "find-up": "4.1.0", + "get-caller-file": "2.0.5", + "require-directory": "2.1.1", + "require-main-filename": "2.0.0", + "set-blocking": "2.0.0", + "string-width": "4.2.0", + "which-module": "2.0.0", + "y18n": "4.0.0", + "yargs-parser": "18.1.3" }, "dependencies": { "ansi-regex": { @@ -14545,7 +14545,7 @@ "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", "requires": { - "color-convert": "^2.0.1" + "color-convert": "2.0.1" } }, "cliui": { @@ -14553,9 +14553,9 @@ "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz", "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==", "requires": { - "string-width": "^4.2.0", - "strip-ansi": "^6.0.0", - "wrap-ansi": "^6.2.0" + "string-width": "4.2.0", + "strip-ansi": "6.0.0", + "wrap-ansi": "6.2.0" } }, "color-convert": { @@ -14563,7 +14563,7 @@ "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", "requires": { - "color-name": "~1.1.4" + "color-name": "1.1.4" } }, "color-name": { @@ -14581,8 +14581,8 @@ "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", "requires": { - "locate-path": "^5.0.0", - "path-exists": "^4.0.0" + "locate-path": "5.0.0", + "path-exists": "4.0.0" } }, "is-fullwidth-code-point": { @@ -14595,7 +14595,7 @@ "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", "requires": { - "p-locate": "^4.1.0" + "p-locate": "4.1.0" } }, "p-limit": { @@ -14603,7 +14603,7 @@ "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", "requires": { - "p-try": "^2.0.0" + "p-try": "2.2.0" } }, "p-locate": { @@ -14611,7 +14611,7 @@ "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", "requires": { - "p-limit": "^2.2.0" + "p-limit": "2.3.0" } }, "path-exists": { @@ -14624,9 +14624,9 @@ "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.0.tgz", "integrity": "sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg==", "requires": { - "emoji-regex": "^8.0.0", - "is-fullwidth-code-point": "^3.0.0", - "strip-ansi": "^6.0.0" + "emoji-regex": "8.0.0", + "is-fullwidth-code-point": "3.0.0", + "strip-ansi": "6.0.0" } }, "strip-ansi": { @@ -14634,7 +14634,7 @@ "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.0.tgz", "integrity": "sha512-AuvKTrTfQNYNIctbR1K/YGTR1756GycPsg7b9bdV9Duqur4gv6aKqHXah67Z8ImS7WEz5QVcOtlfW2rZEugt6w==", "requires": { - "ansi-regex": "^5.0.0" + "ansi-regex": "5.0.0" } }, "wrap-ansi": { @@ -14642,9 +14642,9 @@ "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz", "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==", "requires": { - "ansi-styles": "^4.0.0", - "string-width": "^4.1.0", - "strip-ansi": "^6.0.0" + "ansi-styles": "4.3.0", + "string-width": "4.2.0", + "strip-ansi": "6.0.0" } }, "yargs-parser": { @@ -14652,8 +14652,8 @@ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz", "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==", "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" + "camelcase": "5.3.1", + "decamelize": "1.2.0" } } } @@ -14663,8 +14663,8 @@ "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz", "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==", "requires": { - "camelcase": "^5.0.0", - "decamelize": "^1.2.0" + "camelcase": "5.3.1", + "decamelize": "1.2.0" } }, "yauzl": { @@ -14672,8 +14672,8 @@ "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz", "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=", "requires": { - "buffer-crc32": "~0.2.3", - "fd-slicer": "~1.1.0" + "buffer-crc32": "0.2.13", + "fd-slicer": "1.1.0" } }, "yeast": { diff --git a/package.json b/package.json index adce673f2..8b79517d2 100644 --- a/package.json +++ b/package.json @@ -11,12 +11,11 @@ "main": "build/index.html", "scripts": { "install": "napa", - "test": "[ \"${CONTEXT}\" = production ] && run-s play redirect || run-s play lint:js", + "test": "[ \"${CONTEXT}\" = production ] && run-s play redirect || run-s play", "posttest": "cp -f download/*.* build/assets/gathercontent", "play": "kalastatic build", "postplay": "find . -type f -name '*[\\?]*' -delete", "redirect": "cp _redirects build/", - "prestart": "run-s lint:js", "start": "http-server ./build", "start-no-lint": "kalastatic start", "lint:js": "node ./node_modules/eslint/bin/eslint.js --quiet .", diff --git a/src/styles/story/_settings--iliaz.scss b/src/styles/story/_settings--iliaz.scss new file mode 100644 index 000000000..f5778f21e --- /dev/null +++ b/src/styles/story/_settings--iliaz.scss @@ -0,0 +1,11 @@ +// Custom color palette: +$foundation-palette: ( + primary: #7EA687, + secondary: #917750, + success: #3adb76, + warning: #ffae00, + alert: #cc4b37 +); + +// Import common settings: +@import "base/settings";