/* This font software is the property of Commercial Type. You may not modify the font software, use it on another website, or install it on a computer. License information is available at http://commercialtype.com/eula For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com Copyright (C) 2017 Schwartzco Inc. License: 1701-EHNIGA */ @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-SemiboldItalic-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-SemiboldItalic-Web.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/Graphik/fonts/Graphik-SemiboldItalic-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-SemiboldItalic-Web.woff') format('woff'); font-weight: 600; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Semibold-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Semibold-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-Semibold-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-Semibold-Web.woff') format('woff'); font-weight: 600; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-MediumItalic-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-MediumItalic-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-MediumItalic-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-MediumItalic-Web.woff') format('woff'); font-weight: 500; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.woff') format('woff'); font-weight: 500; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-RegularItalic-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-RegularItalic-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-RegularItalic-Web.woff') format('woff'); font-weight: 400; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Regular-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-Regular-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-Regular-Web.woff') format('woff'); font-weight: 400; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-LightItalic-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-LightItalic-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-LightItalic-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-LightItalic-Web.woff') format('woff'); font-weight: 300; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Light-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-Light-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-Light-Web.woff') format('woff'); font-weight: 300; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.woff2') format('woff2'),url('../../assets/fonts/Graphik/fonts/Graphik-Medium-Web.woff') format('woff'); font-weight: 500; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-BoldItalic-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-BoldItalic-Web.eot?#iefix') format('embedded-opentype'),url('../../assets/fonts/Graphik/fonts/Graphik-BoldItalic-Web.woff2') format('woff2'), url('../../assets/fonts/Graphik/fonts/Graphik-BoldItalic-Web.woff') format('woff'); font-weight: 700; font-style: italic; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Bold-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/Graphik/fonts/Graphik-Bold-Web.woff2') format('woff2'), url('../../assets/fonts/Graphik/fonts/Graphik-Bold-Web.woff') format('woff'); font-weight: 700; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Black-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Black-Web.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/Graphik/fonts/Graphik-Black-Web.woff2') format('woff2'), url('../../assets/fonts/Graphik/fonts/Graphik-Black-Web.woff') format('woff'); font-weight: 800; font-style: normal; font-stretch: normal; } @font-face { font-family: 'Graphik Web'; src: url('../../assets/fonts/Graphik/fonts/Graphik-Super-Web.eot'); src: url('../../assets/fonts/Graphik/fonts/Graphik-Super-Web.eot?#iefix') format('embedded-opentype'), url('../../assets/fonts/Graphik/fonts/Graphik-Super-Web.woff2') format('woff2'), url('../../assets/fonts/Graphik/fonts/Graphik-Super-Web.woff') format('woff'); font-weight: 900; font-style: normal; font-stretch: normal; } @font-face { font-family: 'icomoon'; src: url('../../assets/fonts/icomoon/fonts/icomoon.eot?n3uc74'); src: url('../../assets/fonts/icomoon/fonts/icomoon.eot?n3uc74#iefix') format('embedded-opentype'), url('../../assets/fonts/icomoon/fonts/icomoon.ttf?n3uc74') format('truetype'), url('../../assets/fonts/icomoon/fonts/icomoon.woff?n3uc74') format('woff'), url('../../assets/fonts/icomoon/fonts/icomoon.svg?n3uc74#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-zoom-glass:before { content: "\e91b"; } .icon-arrow-left:before { content: "\e918"; } .icon-arrow-right:before { content: "\e919"; } .icon-arrow-long-right:before { content: "\e916"; } .icon-arrow-long-left:before { content: "\e917"; } .icon-calendar:before { content: "\e909"; } .icon-envelope:before { content: "\e912"; } .icon-search:before { content: "\e914"; } .icon-envelope-alt:before { content: "\e904"; } .icon-alert:before { content: "\e915"; } .icon-question-mark:before { content: "\e905"; } .icon-cross:before { content: "\e911"; } .icon-leaf:before { content: "\e90a"; } .icon-minus:before { content: "\e90f"; } .icon-plus:before { content: "\e910"; } .icon-chevron-thin-up:before { content: "\e90b"; } .icon-chevron-thin-right:before { content: "\e90c"; } .icon-chevron-thin-left:before { content: "\e90d"; } .icon-chevron-thin-down:before { content: "\e90e"; } .icon-twitter:before { content: "\e907"; } .icon-play:before { content: "\e91a"; } .icon-player:before { content: "\e91a"; } .icon-triangle-up:before { content: "\e900"; } .icon-triangle-right:before { content: "\e901"; } .icon-triangle-left:before { content: "\e902"; } .icon-triangle-down:before { content: "\e903"; } .icon-instagram:before { content: "\e906"; } .icon-facebook:before { content: "\e908"; } .icon-play-circle:before { content: "\e913"; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-Light.eot"); src: url("../../assets/fonts/Produkt/Produkt-Light.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Light.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-Extralight.eot"); src: url("../../assets/fonts/Produkt/Produkt-Extralight.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Extralight.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Extralight.woff") format("woff"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-Black.eot"); src: url("../../assets/fonts/Produkt/Produkt-Black.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Black.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Black.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-ExtralightItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-ExtralightItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-ExtralightItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-ExtralightItalic.woff") format("woff"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-BlackItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-BlackItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-BlackItalic.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-Bold.eot"); src: url("../../assets/fonts/Produkt/Produkt-Bold.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Bold.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-BoldItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-BoldItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-ThinItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-ThinItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-ThinItalic.woff") format("woff"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-RegularItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-RegularItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-RegularItalic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-Medium.eot"); src: url("../../assets/fonts/Produkt/Produkt-Medium.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Medium.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-MediumItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-MediumItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-MediumItalic.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt Super"; src: url("../../assets/fonts/Produkt/Produkt-Super.eot"); src: url("../../assets/fonts/Produkt/Produkt-Super.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Super.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Super.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-LightItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-LightItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-LightItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-LightItalic.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-Thin.eot"); src: url("../../assets/fonts/Produkt/Produkt-Thin.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Thin.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Thin.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt Super"; src: url("../../assets/fonts/Produkt/Produkt-SuperItalic.eot"); src: url("../../assets/fonts/Produkt/Produkt-SuperItalic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-SuperItalic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-SuperItalic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Produkt-Regular.eot"); src: url("../../assets/fonts/Produkt/Produkt-Regular.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Produkt-Regular.woff2") format("woff2"), url("../../assets/fonts/Produkt/Produkt-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/.eot"); src: url("../../assets/fonts/Produkt/.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/.woff2") format("woff2"), url("../../assets/fonts/Produkt/.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Produkt"; src: url("../../assets/fonts/Produkt/Italic.eot"); src: url("../../assets/fonts/Produkt/Italic.eot?#iefix") format("embedded-opentype"), url("../../assets/fonts/Produkt/Italic.woff2") format("woff2"), url("../../assets/fonts/Produkt/Italic.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } :root { --base-background: inherit; --base-color: inherit; --base-font: 16px sans-serif; --base-link-color: #069; --base-link-color-hover: var(--base-link-color); } /** * A thin layer on top of normalize.css that provides a starting point more * suitable for web applications. Removes the default spacing and border for * appropriate elements. */ html { background: var(--base-background); color: var(--base-color); font: var(--base-font); } a { color: var(--base-link-color); text-decoration: none; } a:hover, a:focus, a:active { color: var(--base-link-color-hover); text-decoration: underline; } blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre { margin: 0; } button { background: transparent; border: 0; padding: 0; } /** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. */ button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } fieldset { border: 0; margin: 0; padding: 0; } iframe { border: 0; } ol, ul { list-style: none; margin: 0; padding: 0; } /** * Suppress the focus outline on links that cannot be accessed via keyboard. * This prevents an unwanted focus outline from appearing around elements that * might still respond to pointer events. */ [tabindex="-1"]:focus { outline: none !important; } /** @define Button */ :root { --Button-border-color: currentcolor; --Button-border-width: 1px; --Button-color: inherit; --Button-disabled-opacity: 0.6; --Button-font: inherit; --Button-padding: 0.4em 0.75em; } /** * The button classes are best applied to links and buttons. * These components can be used in forms, as calls to action, or as part of the * general UI of the site/app. */ /** * 1. Normalize `box-sizing` across all elements that this component could be * applied to. * 2. Inherit text color from ancestor. * 3. Inherit font styles from ancestor. * 4. Prevent button text from being selectable. */ .Button { background: transparent; border-color: var(--Button-border-color); border-radius: 0; border-style: solid; border-width: var(--Button-border-width); box-sizing: border-box; /* 1 */ color: var(--Button-color); /* 2 */ display: inline-block; font: var(--Button-font); /* 3 */ margin: 0; padding: var(--Button-padding); position: relative; text-align: center; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* 4 */ } /** * Remove excess padding and border in Firefox 4+ */ .Button::-moz-focus-inner { border: 0; padding: 0; } /** * Work around a Firefox/IE bug where the transparent `button` background * results in a loss of the default `button` focus styles. */ .Button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } /** * UI states */ .Button:hover, .Button:focus, .Button:active { text-decoration: none; } .Button:disabled, .Button.is-disabled { cursor: default; opacity: var(--Button-disabled-opacity); } /** @define Grid; use strict */ :root { --Grid-font-size: 1rem; --Grid-gutter-size: 20px; } /** * Core grid component * * DO NOT apply dimension or offset utilities to the `Grid` element. All cell * widths and offsets should be applied to child grid cells. */ /* Grid container ========================================================================== */ /** * All content must be contained within child `Grid-cell` elements. * * 1. Account for browser defaults of elements that might be the root node of * the component. * 2. Remove inter-cell whitespace that appears between `inline-block` child * elements. * 3. Ensure consistent default alignment. */ .Grid { display: block; /* 1 */ font-size: 0; /* 2 */ margin: 0; /* 1 */ padding: 0; /* 1 */ text-align: left; /* 3 */ } /** * Modifier: center align all grid cells */ .Grid--alignCenter { text-align: center; } /** * Modifier: right align all grid cells */ .Grid--alignRight { text-align: right; } /** * Modifier: middle-align grid cells */ .Grid--alignMiddle > .Grid-cell { vertical-align: middle; } /** * Modifier: bottom-align grid cells */ .Grid--alignBottom > .Grid-cell { vertical-align: bottom; } /** * Modifier: gutters * * NOTE: this can trigger a horizontal scrollbar if the component is as wide as * the viewport. Use padding on a container, or `overflow-x:hidden` to protect * against it. */ .Grid--withGutter { margin: 0 calc(-0.5 * var(--Grid-gutter-size)); } .Grid--withGutter > .Grid-cell { padding: 0 calc(0.5 * var(--Grid-gutter-size)); } /* Grid cell ========================================================================== */ /** * No explicit width by default. Rely on combining `Grid-cell` with a dimension * utility or a component class that extends 'grid'. * * 1. Fundamentals of the non-float grid layout. * 2. Reset font size change made in `Grid`. * 3. Keeps content correctly aligned with the grid direction. * 4. Controls vertical positioning of units. * 5. Make cells full-width by default. */ .Grid-cell { box-sizing: border-box; display: inline-block; /* 1 */ font-size: var(--Grid-font-size); /* 2 */ margin: 0; padding: 0; text-align: left; /* 3 */ vertical-align: top; /* 4 */ width: 100%; /* 5 */ } /** * Modifier: horizontally center one unit * Set a specific unit to be horizontally centered. Doesn't affect * any other units. Can still contain a child `Grid` object. */ .Grid-cell--center { display: block; margin: 0 auto; } /** @define FlexEmbed */ /** * Flexible media embeds * * For use with media embeds – such as videos, slideshows, or even images – * that need to retain a specific aspect ratio but adapt to the width of their * containing element. * * Based on: http://alistapart.com/article/creating-intrinsic-ratios-for-video */ .FlexEmbed { display: block; overflow: hidden; position: relative; } /** * The aspect-ratio hack is applied to an empty element because it allows * the component to respect `max-height`. Default aspect ratio is 1:1. */ .FlexEmbed-ratio { display: block; padding-bottom: 100%; width: 100%; } /** * Modifier: 3:1 aspect ratio */ .FlexEmbed-ratio--3by1 { padding-bottom: calc(100% / 3); } /** * Modifier: 2:1 aspect ratio */ .FlexEmbed-ratio--2by1 { padding-bottom: 50%; } /** * Modifier: 16:9 aspect ratio */ .FlexEmbed-ratio--16by9 { padding-bottom: 56.25%; } /** * Modifier: 4:3 aspect ratio */ .FlexEmbed-ratio--4by3 { padding-bottom: 75%; } /** * Fit the content to the aspect ratio */ .FlexEmbed-content { bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /** * Sizing utilities */ /* Intrinsic widths ========================================================================== */ /** * Make an element shrink wrap its content. */ .u-sizeFit, .u-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-size1of12 { width: calc(100% * 1 / 12) !important; } .u-size1of10 { width: 10% !important; } .u-size1of8 { width: 12.5% !important; } .u-size1of6, .u-size2of12 { width: calc(100% * 1 / 6) !important; } .u-size1of5, .u-size2of10 { width: 20% !important; } .u-size1of4, .u-size2of8, .u-size3of12 { width: 25% !important; } .u-size3of10 { width: 30% !important; } .u-size1of3, .u-size2of6, .u-size4of12 { width: calc(100% * 1 / 3) !important; } .u-size3of8 { width: 37.5% !important; } .u-size2of5, .u-size4of10 { width: 40% !important; } .u-size5of12 { width: calc(100% * 5 / 12) !important; } .u-size1of2, .u-size2of4, .u-size3of6, .u-size4of8, .u-size5of10, .u-size6of12 { width: 50% !important; } .u-size7of12 { width: calc(100% * 7 / 12) !important; } .u-size3of5, .u-size6of10 { width: 60% !important; } .u-size5of8 { width: 62.5% !important; } .u-size2of3, .u-size4of6, .u-size8of12 { width: calc(100% * 2 / 3) !important; } .u-size7of10 { width: 70% !important; } .u-size3of4, .u-size6of8, .u-size9of12 { width: 75% !important; } .u-size4of5, .u-size8of10 { width: 80% !important; } .u-size5of6, .u-size10of12 { width: calc(100% * 5 / 6) !important; } .u-size7of8 { width: 87.5% !important; } .u-size9of10 { width: 90% !important; } .u-size11of12 { width: calc(100% * 11 / 12) !important; } /** * Size: breakpoint 1 (small) */ @media (min-width: 480px) { /** * Make an element shrink wrap its content. */ .u-sm-sizeFit, .u-sm-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-sm-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-sm-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-sm-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-sm-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths: breakpoint 1 (small) ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-sm-size1of12 { width: calc(100% * 1 / 12) !important; } .u-sm-size1of10 { width: 10% !important; } .u-sm-size1of8 { width: 12.5% !important; } .u-sm-size1of6, .u-sm-size2of12 { width: calc(100% * 1 / 6) !important; } .u-sm-size1of5, .u-sm-size2of10 { width: 20% !important; } .u-sm-size1of4, .u-sm-size2of8, .u-sm-size3of12 { width: 25% !important; } .u-sm-size3of10 { width: 30% !important; } .u-sm-size1of3, .u-sm-size2of6, .u-sm-size4of12 { width: calc(100% * 1 / 3) !important; } .u-sm-size3of8 { width: 37.5% !important; } .u-sm-size2of5, .u-sm-size4of10 { width: 40% !important; } .u-sm-size5of12 { width: calc(100% * 5 / 12) !important; } .u-sm-size1of2, .u-sm-size2of4, .u-sm-size3of6, .u-sm-size4of8, .u-sm-size5of10, .u-sm-size6of12 { width: 50% !important; } .u-sm-size7of12 { width: calc(100% * 7 / 12) !important; } .u-sm-size3of5, .u-sm-size6of10 { width: 60% !important; } .u-sm-size5of8 { width: 62.5% !important; } .u-sm-size2of3, .u-sm-size4of6, .u-sm-size8of12 { width: calc(100% * 2 / 3) !important; } .u-sm-size7of10 { width: 70% !important; } .u-sm-size3of4, .u-sm-size6of8, .u-sm-size9of12 { width: 75% !important; } .u-sm-size4of5, .u-sm-size8of10 { width: 80% !important; } .u-sm-size5of6, .u-sm-size10of12 { width: calc(100% * 5 / 6) !important; } .u-sm-size7of8 { width: 87.5% !important; } .u-sm-size9of10 { width: 90% !important; } .u-sm-size11of12 { width: calc(100% * 11 / 12) !important; } } /** * Size: breakpoint 2 (medium) */ @media (min-width: 769px) { /** * Make an element shrink wrap its content. */ .u-md-sizeFit, .u-md-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-md-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-md-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-md-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-md-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths: breakpoint 2 (medium) ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-md-size1of12 { width: calc(100% * 1 / 12) !important; } .u-md-size1of10 { width: 10% !important; } .u-md-size1of8 { width: 12.5% !important; } .u-md-size1of6, .u-md-size2of12 { width: calc(100% * 1 / 6) !important; } .u-md-size1of5, .u-md-size2of10 { width: 20% !important; } .u-md-size1of4, .u-md-size2of8, .u-md-size3of12 { width: 25% !important; } .u-md-size3of10 { width: 30% !important; } .u-md-size1of3, .u-md-size2of6, .u-md-size4of12 { width: calc(100% * 1 / 3) !important; } .u-md-size3of8 { width: 37.5% !important; } .u-md-size2of5, .u-md-size4of10 { width: 40% !important; } .u-md-size5of12 { width: calc(100% * 5 / 12) !important; } .u-md-size1of2, .u-md-size2of4, .u-md-size3of6, .u-md-size4of8, .u-md-size5of10, .u-md-size6of12 { width: 50% !important; } .u-md-size7of12 { width: calc(100% * 7 / 12) !important; } .u-md-size3of5, .u-md-size6of10 { width: 60% !important; } .u-md-size5of8 { width: 62.5% !important; } .u-md-size2of3, .u-md-size4of6, .u-md-size8of12 { width: calc(100% * 2 / 3) !important; } .u-md-size7of10 { width: 70% !important; } .u-md-size3of4, .u-md-size6of8, .u-md-size9of12 { width: 75% !important; } .u-md-size4of5, .u-md-size8of10 { width: 80% !important; } .u-md-size5of6, .u-md-size10of12 { width: calc(100% * 5 / 6) !important; } .u-md-size7of8 { width: 87.5% !important; } .u-md-size9of10 { width: 90% !important; } .u-md-size11of12 { width: calc(100% * 11 / 12) !important; } } /** * Size: breakpoint 3 (large) */ @media (min-width: 990px) { /** * Make an element shrink wrap its content. */ .u-lg-sizeFit, .u-lg-sizeFitAlt { display: block !important; float: left !important; width: auto !important; } .u-lg-sizeFitAlt { float: right !important; } /** * Make an element fill the remaining space. * N.B. This will hide overflow. */ .u-lg-sizeFill { display: block !important; overflow: hidden !important; width: auto !important; } /** * An alternative method to make an element fill the remaining space. * N.B. Do not use if child elements might be wider than the remaining space. * In Chrome, Safari, and Firefox it results in undesired layout. */ .u-lg-sizeFillAlt { display: table-cell !important; max-width: 100% !important; width: 10000px !important; } /** * Make an element the width of its parent. */ .u-lg-sizeFull { box-sizing: border-box !important; display: block !important; width: 100% !important; } /* Proportional widths: breakpoint 3 (large) ========================================================================== */ /** * Specify the proportional width of an object. * Intentional redundancy build into each set of unit classes. * Supports: 2, 3, 4, 5, 6, 8, 10, 12 part */ .u-lg-size1of12 { width: calc(100% * 1 / 12) !important; } .u-lg-size1of10 { width: 10% !important; } .u-lg-size1of8 { width: 12.5% !important; } .u-lg-size1of6, .u-lg-size2of12 { width: calc(100% * 1 / 6) !important; } .u-lg-size1of5, .u-lg-size2of10 { width: 20% !important; } .u-lg-size1of4, .u-lg-size2of8, .u-lg-size3of12 { width: 25% !important; } .u-lg-size3of10 { width: 30% !important; } .u-lg-size1of3, .u-lg-size2of6, .u-lg-size4of12 { width: calc(100% * 1 / 3) !important; } .u-lg-size3of8 { width: 37.5% !important; } .u-lg-size2of5, .u-lg-size4of10 { width: 40% !important; } .u-lg-size5of12 { width: calc(100% * 5 / 12) !important; } .u-lg-size1of2, .u-lg-size2of4, .u-lg-size3of6, .u-lg-size4of8, .u-lg-size5of10, .u-lg-size6of12 { width: 50% !important; } .u-lg-size7of12 { width: calc(100% * 7 / 12) !important; } .u-lg-size3of5, .u-lg-size6of10 { width: 60% !important; } .u-lg-size5of8 { width: 62.5% !important; } .u-lg-size2of3, .u-lg-size4of6, .u-lg-size8of12 { width: calc(100% * 2 / 3) !important; } .u-lg-size7of10 { width: 70% !important; } .u-lg-size3of4, .u-lg-size6of8, .u-lg-size9of12 { width: 75% !important; } .u-lg-size4of5, .u-lg-size8of10 { width: 80% !important; } .u-lg-size5of6, .u-lg-size10of12 { width: calc(100% * 5 / 6) !important; } .u-lg-size7of8 { width: 87.5% !important; } .u-lg-size9of10 { width: 90% !important; } .u-lg-size11of12 { width: calc(100% * 11 / 12) !important; } } .tippy-touch{cursor:pointer!important}.tippy-notransition{-webkit-transition:none!important;transition:none!important}.tippy-popper{max-width:350px;-webkit-perspective:700px;perspective:700px;z-index:9999;outline:0;-webkit-transition-timing-function:cubic-bezier(.165,.84,.44,1);transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none;line-height:1.4}.tippy-popper[data-html]{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] .tippy-backdrop{border-radius:40% 40% 0 0}.tippy-popper[x-placement^=top] .tippy-roundarrow{bottom:-8px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.tippy-popper[x-placement^=top] .tippy-arrow{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 6px;-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=top] .tippy-backdrop{-webkit-transform-origin:0 90%;transform-origin:0 90%}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-50%,25%);transform:scale(6) translate(-50%,25%);opacity:1}.tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,25%);transform:scale(1) translate(-50%,25%);opacity:0}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] .tippy-backdrop{border-radius:0 0 30% 30%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow{top:-8px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(0);transform:rotate(0)}.tippy-popper[x-placement^=bottom] .tippy-arrow{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 6px;-webkit-transform-origin:50% 100%;transform-origin:50% 100%}.tippy-popper[x-placement^=bottom] .tippy-backdrop{-webkit-transform-origin:0 -90%;transform-origin:0 -90%}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-50%,-125%);transform:scale(6) translate(-50%,-125%);opacity:1}.tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1) translate(-50%,-125%);transform:scale(1) translate(-50%,-125%);opacity:0}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] .tippy-backdrop{border-radius:50% 0 0 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow{right:-16px;-webkit-transform-origin:33.33333333% 50%;transform-origin:33.33333333% 50%}.tippy-popper[x-placement^=left] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tippy-popper[x-placement^=left] .tippy-arrow{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:3px 0;-webkit-transform-origin:0 50%;transform-origin:0 50%}.tippy-popper[x-placement^=left] .tippy-backdrop{-webkit-transform-origin:100% 0;transform-origin:100% 0}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(40%,-50%);transform:scale(6) translate(40%,-50%);opacity:1}.tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(40%,-50%);transform:scale(1.5) translate(40%,-50%);opacity:0}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] .tippy-backdrop{border-radius:0 50% 50% 0}.tippy-popper[x-placement^=right] .tippy-roundarrow{left:-16px;-webkit-transform-origin:66.66666666% 50%;transform-origin:66.66666666% 50%}.tippy-popper[x-placement^=right] .tippy-roundarrow svg{position:absolute;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.tippy-popper[x-placement^=right] .tippy-arrow{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:3px 0;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tippy-popper[x-placement^=right] .tippy-backdrop{-webkit-transform-origin:-100% 0;transform-origin:-100% 0}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible]{-webkit-transform:scale(6) translate(-140%,-50%);transform:scale(6) translate(-140%,-50%);opacity:1}.tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden]{-webkit-transform:scale(1.5) translate(-140%,-50%);transform:scale(1.5) translate(-140%,-50%);opacity:0}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden]{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible]{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden]{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible]{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden]{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.9rem;padding:.3rem .6rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip[data-size=small]{padding:.2rem .4rem;font-size:.75rem}.tippy-tooltip[data-size=large]{padding:.4rem .8rem;font-size:1rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-animatefill] .tippy-content{transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);-webkit-transition:-webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98), -webkit-clip-path cubic-bezier(.46,.1,.52,.98);transition:clip-path cubic-bezier(.46,.1,.52,.98),-webkit-clip-path cubic-bezier(.46,.1,.52,.98)}.tippy-tooltip[data-interactive],.tippy-tooltip[data-interactive] path{pointer-events:auto}.tippy-tooltip[data-inertia][data-state=visible]{-webkit-transition-timing-function:cubic-bezier(.53,2,.36,.85);transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip[data-inertia][data-state=hidden]{-webkit-transition-timing-function:ease;transition-timing-function:ease}.tippy-arrow,.tippy-roundarrow{position:absolute;width:0;height:0}.tippy-roundarrow{width:24px;height:8px;fill:#333;pointer-events:none}.tippy-backdrop{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:26%;left:50%;top:50%;z-index:-1;-webkit-transition:all cubic-bezier(.46,.1,.52,.98);transition:all cubic-bezier(.46,.1,.52,.98);-webkit-backface-visibility:hidden;backface-visibility:hidden}.tippy-backdrop:after{content:"";float:left;padding-top:100%}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(100% 100% at 50% 50%);clip-path:ellipse(100% 100% at 50% 50%)}body:not(.tippy-touch) .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(5% 50% at 50% 50%);clip-path:ellipse(5% 50% at 50% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 0 50%);clip-path:ellipse(135% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=right] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(40% 100% at 0 50%);clip-path:ellipse(40% 100% at 0 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=visible] .tippy-content{-webkit-clip-path:ellipse(135% 100% at 100% 50%);clip-path:ellipse(135% 100% at 100% 50%)}body:not(.tippy-touch) .tippy-popper[x-placement=left] .tippy-tooltip[data-animatefill][data-state=hidden] .tippy-content{-webkit-clip-path:ellipse(40% 100% at 100% 50%);clip-path:ellipse(40% 100% at 100% 50%)}@media (max-width:360px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}} .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .drp-calendar.right { margin-left: 0; } .daterangepicker.ltr .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .drp-calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .drp-calendar.right { margin-right: 0; } .daterangepicker.rtl .drp-calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar { text-align: right; float: right; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** * Featherlight – ultra slim jQuery lightbox * Version 1.7.14 - http://noelboss.github.io/featherlight/ * * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ html.with-featherlight { /* disable global scrolling when featherlights are visible */ overflow: hidden; } .featherlight { display: none; /* dimensions: spanning the background from edge to edge */ position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2147483647; /* z-index needs to be >= elements on the site. */ /* position: centering content */ text-align: center; /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */ white-space: nowrap; /* styling */ cursor: pointer; background: #333; /* IE8 "hack" for nested featherlights */ background: rgba(0, 0, 0, 0); } /* support for nested featherlights. Does not work in IE8 (use JS to fix) */ .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); } .featherlight:before { /* position: trick to center content vertically */ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .featherlight .featherlight-content { /* make content container for positioned elements (close button) */ position: relative; /* position: centering vertical and horizontal */ text-align: left; vertical-align: middle; display: inline-block; /* dimensions: cut off images */ overflow: auto; padding: 25px 25px 0; border-bottom: 25px solid transparent; /* dimensions: handling large content */ margin-left: 5%; margin-right: 5%; max-height: 95%; /* styling */ background: #fff; cursor: auto; /* reset white-space wrapping */ white-space: normal; } /* contains the content */ .featherlight .featherlight-inner { /* make sure its visible */ display: block; } /* don't show these though */ .featherlight script.featherlight-inner, .featherlight link.featherlight-inner, .featherlight style.featherlight-inner { display: none; } .featherlight .featherlight-close-icon { /* position: centering vertical and horizontal */ position: absolute; z-index: 9999; top: 0; right: 0; /* dimensions: 25px x 25px */ line-height: 25px; width: 25px; /* styling */ cursor: pointer; text-align: center; font-family: Arial, sans-serif; background: #fff; /* Set the background in case it overlaps the content */ background: rgba(255, 255, 255, 0.3); color: #000; border: none; padding: 0; } /* See http://stackoverflow.com/questions/16077341/how-to-reset-all-default-styles-of-the-html5-button-element */ .featherlight .featherlight-close-icon::-moz-focus-inner { border: 0; padding: 0; } .featherlight .featherlight-image { /* styling */ width: 100%; } .featherlight-iframe .featherlight-content { /* removed the border for image croping since iframe is edge to edge */ border-bottom: 0; padding: 0; -webkit-overflow-scrolling: touch; } .featherlight iframe { /* styling */ border: none; } .featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */ box-sizing: border-box; } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight .featherlight-content { /* dimensions: maximize lightbox with for small screens */ margin-left: 0; margin-right: 0; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } } /* hide non featherlight items when printing */ @media print { html.with-featherlight > * > :not(.featherlight) { display: none; } } /** * Featherlight Gallery – an extension for the ultra slim jQuery lightbox * Version 1.7.14 - http://noelboss.github.io/featherlight/ * * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com) * MIT Licensed. **/ .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; /* preventing text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* IE9 hack, otherwise navigation doesn't appear */ background: rgba(0,0,0,0); } .featherlight-previous { left: 25px; right: 80%; } .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255,255,255,0.25); } .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; /* center horizontally */ text-align: center; font-size: 80px; line-height: 80px; /* center vertically */ margin-top: -40px; text-shadow: 0px 0px 5px #fff; color: #fff; font-style: normal; font-weight: normal; } .featherlight-next span { right: 5%; left: auto; } .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; } .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous { display: none; } /* Hide navigation while loading */ .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display:none; } /* Hide navigation in case of single image */ .featherlight-first-slide.featherlight-last-slide .featherlight-previous, .featherlight-first-slide.featherlight-last-slide .featherlight-next { display:none; } /* Always display arrows on touch devices */ @media only screen and (max-device-width: 1024px){ .featherlight-next:hover, .featherlight-previous:hover { background: none; } .featherlight-next span, .featherlight-previous span { display: block; } } /* handling phones and small screens */ @media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; } .featherlight-previous { left: 10px; right: 85%; } .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } } /*! * OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars * * Version: 1.13.0 * * Copyright KingSora | Rene Haas. * https://github.com/KingSora * * Released under the MIT license. * Date: 02.08.2020 */ /* OVERLAY SCROLLBARS CORE: */ html.os-html, html.os-html > .os-host { display: block; overflow: hidden; box-sizing: border-box; height: 100% !important; width: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ } html.os-html > .os-host > .os-padding { position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ } body.os-dragging, body.os-dragging * { cursor: default; } .os-host, .os-host-textarea { position: relative; overflow: visible !important; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; } .os-host-flexbox { overflow: hidden !important; display: flex; } .os-host-flexbox > .os-size-auto-observer { height: inherit !important; } .os-host-flexbox > .os-content-glue { flex-grow: 1; flex-shrink: 0; } .os-host-flexbox > .os-size-auto-observer, .os-host-flexbox > .os-content-glue { min-height: 0; min-width: 0; flex-grow: 0; flex-shrink: 1; flex-basis: auto; } #os-dummy-scrollbar-size { position: fixed; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility: hidden; overflow: scroll; height: 500px; width: 500px; } #os-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } /* fix restricted measuring */ #os-dummy-scrollbar-size:before, #os-dummy-scrollbar-size:after, .os-content:before, .os-content:after { content: ''; display: table; width: 0.01px; height: 0.01px; line-height: 0; font-size: 0; flex-grow: 0; flex-shrink: 0; visibility: hidden; } #os-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport { scrollbar-width: none !important; } .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; width: 0px !important; height: 0px !important; visibility: hidden !important; background: transparent !important; } .os-content-glue { box-sizing: inherit; max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .os-padding { box-sizing: inherit; direction: inherit; position: absolute; overflow: visible; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .os-host-overflow > .os-padding { overflow: hidden; } .os-viewport { direction: inherit !important; box-sizing: inherit !important; resize: none !important; outline: none !important; position: absolute; overflow: hidden; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .os-content-arrange { position: absolute; z-index: -1; min-height: 1px; min-width: 1px; pointer-events: none; } .os-content { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: 100%; height: 100%; width: 100%; visibility: visible; } .os-content > .os-textarea { box-sizing: border-box !important; direction: inherit !important; background: transparent !important; outline: 0px none transparent !important; overflow: hidden !important; position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; margin: 0 !important; border-radius: 0px !important; float: none !important; filter: none !important; border: none !important; resize: none !important; transform: none !important; max-width: none !important; max-height: none !important; box-shadow: none !important; perspective: none !important; opacity: 1 !important; z-index: 1 !important; clip: auto !important; vertical-align: baseline !important; padding: 0px; } .os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important; } .os-content > .os-textarea-cover { z-index: -1; pointer-events: none; } .os-content > .os-textarea[wrap='off'] { white-space: pre !important; margin: 0px !important; } .os-text-inherit { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; text-transform: inherit; text-decoration: inherit; text-indent: inherit; text-align: inherit; text-shadow: inherit; text-overflow: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; unicode-bidi: inherit; direction: inherit; color: inherit; cursor: text; } .os-resize-observer, .os-resize-observer-host { box-sizing: inherit; display: block; visibility: hidden; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; } .os-resize-observer-host { padding: inherit; border: inherit; border-color: transparent; border-style: solid; box-sizing: border-box; } .os-resize-observer-host.observed { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; } .os-resize-observer-host > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer { height: 200%; width: 200%; padding: inherit; border: inherit; margin: 0; display: block; box-sizing: content-box; } .os-resize-observer-host.observed > .os-resize-observer, .os-resize-observer-host.observed > .os-resize-observer:before { display: flex; position: relative; flex-grow: 1; flex-shrink: 0; flex-basis: auto; box-sizing: border-box; } .os-resize-observer-host.observed > .os-resize-observer:before { content: ''; box-sizing: content-box; padding: inherit; border: inherit; margin: 0; } .os-size-auto-observer { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .os-size-auto-observer > .os-resize-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px; } .os-resize-observer-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; opacity: 0; direction: ltr !important; flex: none !important; } .os-resize-observer-item-final { position: absolute; left: 0; top: 0; transition: none !important; flex: none !important; } .os-resize-observer { animation-duration: 0.001s; animation-name: os-resize-observer-dummy-animation; } object.os-resize-observer { box-sizing: border-box !important; } @keyframes os-resize-observer-dummy-animation { from { cursor: auto; } to { cursor: none; } } /* CUSTOM SCROLLBARS AND CORNER CORE: */ .os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner { transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } html.os-html > .os-host > .os-scrollbar { position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */ z-index: 999999; /* highest z-index of the page */ } .os-scrollbar, .os-scrollbar-corner { position: absolute; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; z-index: 1; } .os-scrollbar-corner { bottom: 0; right: 0; } .os-scrollbar { pointer-events: none; } .os-scrollbar-track { pointer-events: auto; position: relative; height: 100%; width: 100%; padding: 0 !important; border: none !important; } .os-scrollbar-handle { pointer-events: auto; position: absolute; width: 100%; height: 100%; } .os-scrollbar-handle-off, .os-scrollbar-track-off { pointer-events: none; } .os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important; } .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; } .os-scrollbar-horizontal { bottom: 0; left: 0; } .os-scrollbar-vertical { top: 0; right: 0; } .os-host-rtl > .os-scrollbar-horizontal { right: 0; } .os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0; } .os-host-rtl > .os-scrollbar-corner { right: auto; left: 0; } .os-scrollbar-auto-hidden, .os-padding + .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner { opacity: 0; visibility: hidden; pointer-events: none; } .os-scrollbar-corner-resize-both { cursor: nwse-resize; } .os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize; } .os-scrollbar-corner-resize-horizontal { cursor: ew-resize; } .os-scrollbar-corner-resize-vertical { cursor: ns-resize; } .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0; } .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0; } .os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize { opacity: 1 !important; visibility: visible !important; } .os-scrollbar-corner.os-scrollbar-corner-resize { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+); background-repeat: no-repeat; background-position: 100% 100%; pointer-events: auto !important; } .os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize { transform: scale(-1, 1); } .os-host-overflow { overflow: hidden !important; } .os-host-overflow-x { } .os-host-overflow-y { } /* THEMES: */ /* NONE THEME: */ .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical, .os-theme-none > .os-scrollbar-corner { display: none !important; } .os-theme-none > .os-scrollbar-corner-resize { display: block !important; min-width: 10px; min-height: 10px; } /* DARK & LIGHT THEME: */ .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { right: 10px; height: 10px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { bottom: 10px; width: 10px; } .os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal { left: 10px; right: 0; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { height: 10px; width: 10px; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { background-color: transparent; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding: 2px; box-sizing: border-box; background: transparent; } .os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar.os-scrollbar-unusable { background: transparent; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { background: transparent; } .os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { min-width: 30px; } .os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { min-height: 30px; } .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { transition: background-color 0.3s; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track { border-radius: 10px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.4); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.4); } .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, .55); } .os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, .55); } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(0, 0, 0, .7); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(255, 255, 255, .7); } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before { display: none; } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { top: -6px; bottom: -2px; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { left: -6px; right: -2px; } .os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -6px; left: -2px; } @charset "UTF-8";/*! * mmenu.js * mmenujs.com * * Copyright (c) Fred Heusschen * frebsite.nl * * License: CC-BY-NC-4.0 * http://creativecommons.org/licenses/by-nc/4.0/ */:root{--mm-lineheight:22px}.mm-hidden{display:none!important}.mm-wrapper{overflow-x:hidden;position:relative}.mm-menu,.mm-menu *,.mm-menu :after,.mm-menu :before{transition-property:none;transition-duration:.4s;transition-timing-function:ease}:root{--mm-blocker-visibility-delay:0.4s;--mm-blocker-opacity-delay:0s}.mm-blocker{display:block;position:absolute;bottom:100%;top:0;right:0;left:0;z-index:3;opacity:0;background:var(--mm-color-background);transition:bottom 0s ease var(--mm-blocker-visibility-delay),width .4s ease,opacity .4s ease var(--mm-blocker-opacity-delay),transform .4s ease}.mm-blocker:focus-visible{opacity:.75}.mm-btn{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;width:50px;padding:0}.mm-btn--next,[dir=rtl] .mm-btn--prev{--mm-btn-rotate:135deg}.mm-btn--prev,[dir=rtl] .mm-btn--next{--mm-btn-rotate:-45deg}.mm-btn--next:after,.mm-btn--prev:before{content:"";display:block;position:absolute;top:0;bottom:0;width:8px;height:8px;margin:auto;box-sizing:border-box;border:2px solid var(--mm-color-icon);border-bottom:none;border-right:none;transform:rotate(var(--mm-btn-rotate))}.mm-btn--prev:before{inset-inline-start:23px}.mm-btn--next:after{inset-inline-end:23px}.mm-btn--close:before{content:"×";font-size:150%}.mm-btnreset{padding:0;background:0 0;border:none;cursor:pointer}.mm-divider{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:sticky;z-index:2;top:0;min-height:var(--mm-lineheight);padding:calc((var(--mm-listitem-size) * .65 - var(--mm-lineheight)) * .5) 20px;font-size:75%;text-transform:uppercase;background:var(--mm-color-background);background-image:linear-gradient(var(--mm-color-background-highlight),var(--mm-color-background-highlight));opacity:1;transition-property:opacity}.mm-navbar:not(.mm-hidden)~.mm-listview .mm-divider{top:var(--mm-navbar-size)}:root{--mm-listitem-size:50px}.mm-listitem{display:flex;flex-wrap:wrap;position:relative;padding:0;margin:0;color:var(--mm-color-text);border-color:var(--mm-color-border)}.mm-listitem:after{content:"";border-color:inherit;border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;inset-inline-start:20px;inset-inline-end:0;bottom:0}.mm-listitem__btn,.mm-listitem__text{padding:calc((var(--mm-listitem-size) - var(--mm-lineheight))/ 2) 0}.mm-listitem__text{flex-grow:1;flex-basis:10%;display:block;padding-left:20px;padding-right:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-listitem__btn{display:block;position:relative;width:auto;padding-inline-end:50px;border-color:inherit;background:rgba(3,2,1,0)}.mm-listitem__btn:not(.mm-listitem__text){border-left-width:1px;border-left-style:solid}.mm-listitem--selected>.mm-listitem__text{background:var(--mm-color-background-emphasis)}.mm-listitem--opened>.mm-listitem__btn,.mm-listitem--opened>.mm-panel{background:var(--mm-color-background-highlight)}.mm-listview{list-style:none;display:block;padding:0;margin:0}.mm-menu{display:flex;flex-direction:column;padding:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overscroll-behavior:none;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text);line-height:var(--mm-lineheight);-webkit-tap-highlight-color:var(--mm-color-background-emphasis);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mm-menu ::-moz-placeholder{color:var(--mm-color-text-dimmed)}.mm-menu ::placeholder{color:var(--mm-color-text-dimmed)}.mm-menu,.mm-menu *{box-sizing:border-box}.mm-menu :focus,.mm-menu :focus-visible,.mm-menu:focus,.mm-menu:focus-visible{outline:0}.mm-menu a,.mm-menu button,.mm-menu label{color:inherit}.mm-menu a:focus,.mm-menu button:focus,.mm-menu label:focus{outline:0}.mm-menu a:focus-visible,.mm-menu button:focus-visible,.mm-menu label:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:-5px}.mm-menu input:focus,.mm-menu input:focus-visible,.mm-menu select:focus,.mm-menu select:focus-visible,.mm-menu textarea:focus,.mm-menu textarea:focus-visible{outline:2px solid var(--mm-color-focusring);outline-offset:2px}.mm-menu a,.mm-menu a:active,.mm-menu a:hover,.mm-menu a:link,.mm-menu a:visited{text-decoration:none;color:inherit}:root{--mm-navbar-size:50px}.mm-navbar{display:flex;position:sticky;top:0;z-index:2;min-height:var(--mm-navbar-size);padding-top:env(safe-area-inset-top);color:var(--mm-color-text-dimmed);text-align:center;opacity:1;background:var(--mm-color-background);border-bottom:1px solid var(--mm-color-border);transition-property:opacity}.mm-navbar>*{flex-grow:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.mm-navbar__btn{flex-grow:0}.mm-navbar__title{flex:1 1 50%;display:flex;padding:0 20px;overflow:hidden}.mm-navbar__title[href="#"]{pointer-events:none}.mm-navbar__title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mm-btn.mm-hidden+.mm-navbar__title:not(:last-child){padding-inline-start:60px;padding-inline-end:10px}.mm-btn:not(.mm-hidden)+.mm-navbar__title:last-child{padding-inline-start:10px;padding-inline-end:60px}.mm-panel{--mm-panel-child-offset:100%;--mm-panel-parent-offset:-30%;position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;overscroll-behavior:contain;color:var(--mm-color-text);border-color:var(--mm-color-border);background:var(--mm-color-background);transform:translate3d(var(--mm-panel-child-offset),0,0);transition-property:transform,inset-inline-start}[dir=rtl] .mm-panel{--mm-panel-child-offset:-100%;--mm-panel-parent-offset:30%}.mm-panel:after{content:"";display:block;height:var(--mm-listitem-size)}.mm-panel:focus{outline:0}.mm-panel--opened{z-index:2;transform:translate3d(0,0,0);transition-delay:0s}.mm-panel--parent{transform:translate3d(var(--mm-panel-parent-offset),0,0);z-index:0}.mm-panel--highest{z-index:3}.mm-menu--opened .mm-panel--noanimation{transition:none!important;transition-duration:0s!important}.mm-panel__content{padding:20px}.mm-panels{flex-grow:1;position:relative;height:100%;overflow:hidden;background:var(--mm-color-background);border-color:var(--mm-color-border);color:var(--mm-color-text)}.mm-panels:focus{outline:0}:root{--mm-toggle-size:34px}.mm-toggle{display:flex;align-self:center;flex:calc(var(--mm-toggle-size) * 1.75) 0 0;height:var(--mm-toggle-size);margin-inline-end:10px;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:none!important;border-radius:var(--mm-toggle-size);border:var(--mm-color-border);background:var(--mm-color-border);cursor:pointer;transition-property:background-color}.mm-toggle:before{content:"";aspect-ratio:1;margin:2px;border-radius:100%;background:var(--mm-color-background);transition-property:transform}.mm-toggle:checked{background:#4bd963}.mm-toggle:checked:before{transform:translateX(calc(var(--mm-toggle-size) * .75))}[dir=rtl] .mm-toggle:checked:before{transform:translateX(calc(var(--mm-toggle-size) * -.75))}.mm-listitem--vertical>.mm-panel{position:static;width:100%;padding:10px 0 10px 20px;transform:none!important;transition:none!important}.mm-listitem--vertical>.mm-panel:after{content:none;display:none}.mm-listitem--vertical:not(.mm-listitem--opened)>.mm-panel{display:none}.mm-listitem--vertical>.mm-listitem__btn{height:var(--mm-listitem-size);bottom:auto}.mm-listitem--vertical .mm-listitem:last-child:after{border-color:transparent}.mm-listitem--opened>.mm-listitem__btn:after{transform:rotate(225deg);right:19px}:root{--mm-size:80%;--mm-min-size:240px;--mm-max-size:440px}.mm-menu--offcanvas{position:fixed;z-index:0}.mm-page{box-sizing:border-box;min-height:100vh;background:inherit}:where(.mm-slideout){position:relative;z-index:1;width:100%;transition-duration:.4s;transition-timing-function:ease;transition-property:width,transform}.mm-wrapper--opened,.mm-wrapper--opened body{overflow:hidden}.mm-wrapper__blocker{background:rgba(0,0,0,.4)}.mm-wrapper--opened .mm-wrapper__blocker{--mm-blocker-visibility-delay:0s;--mm-blocker-opacity-delay:0.4s;bottom:0;opacity:.5}.mm-menu{--mm-translate-horizontal:0;--mm-translate-vertical:0}.mm-menu--position-left,.mm-menu--position-left-front{right:auto}.mm-menu--position-right,.mm-menu--position-right-front{left:auto}.mm-menu--position-left,.mm-menu--position-left-front,.mm-menu--position-right,.mm-menu--position-right-front{width:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-left-front{--mm-translate-horizontal:-100%}.mm-menu--position-right-front{--mm-translate-horizontal:100%}.mm-menu--position-top{bottom:auto}.mm-menu--position-bottom{top:auto}.mm-menu--position-bottom,.mm-menu--position-top{width:100%;height:clamp(var(--mm-min-size),var(--mm-size),var(--mm-max-size))}.mm-menu--position-top{--mm-translate-vertical:-100%}.mm-menu--position-bottom{--mm-translate-vertical:100%}.mm-menu--position-bottom,.mm-menu--position-left-front,.mm-menu--position-right-front,.mm-menu--position-top{z-index:2;transform:translate3d(var(--mm-translate-horizontal),var(--mm-translate-vertical),0);transition-property:transform}.mm-menu--position-bottom.mm-menu--opened,.mm-menu--position-left-front.mm-menu--opened,.mm-menu--position-right-front.mm-menu--opened,.mm-menu--position-top.mm-menu--opened{transform:translate3d(0,0,0)}.mm-wrapper--position-left{--mm-translate-horizontal:clamp( var(--mm-min-size), var(--mm-size), var(--mm-max-size) )}.mm-wrapper--position-right{--mm-translate-horizontal:clamp( calc(-1 * var(--mm-max-size)), calc(-1 * var(--mm-size)), calc(-1 * var(--mm-min-size)) )}.mm-wrapper--position-left .mm-slideout,.mm-wrapper--position-right .mm-slideout{transform:translate3d(0,0,0)}.mm-wrapper--position-left.mm-wrapper--opened .mm-slideout,.mm-wrapper--position-right.mm-wrapper--opened .mm-slideout{transform:translate3d(var(--mm-translate-horizontal),0,0)}.mm-wrapper--position-bottom .mm-wrapper__blocker,.mm-wrapper--position-left-front .mm-wrapper__blocker,.mm-wrapper--position-right-front .mm-wrapper__blocker,.mm-wrapper--position-top .mm-wrapper__blocker{z-index:1}.mm-menu--theme-light{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.4);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.4);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.75);--mm-color-focusring:#06c}.mm-menu--theme-light-contrast{--mm-color-background:#f3f3f3;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.05);--mm-color-background-emphasis:rgb(255 255 255 / 0.9);--mm-color-focusring:#06c}.mm-menu--theme-dark{--mm-color-background:#333;--mm-color-border:rgb(0, 0, 0, 0.4);--mm-color-icon:rgb(255, 255, 255, 0.4);--mm-color-text:rgb(255, 255, 255, 0.8);--mm-color-text-dimmed:rgb(255, 255, 255, 0.4);--mm-color-background-highlight:rgb(255, 255, 255, 0.08);--mm-color-background-emphasis:rgb(0, 0, 0, 0.1);--mm-color-focusring:#06c}.mm-menu--theme-dark-contrast{--mm-color-background:#333;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.7);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(0 0 0 / 0.3);--mm-color-focusring:#06c}.mm-menu--theme-white{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.15);--mm-color-icon:rgb(0 0 0 / 0.3);--mm-color-text:rgb(0 0 0 / 0.8);--mm-color-text-dimmed:rgb(0 0 0 / 0.3);--mm-color-background-highlight:rgb(0 0 0 / 0.06);--mm-color-background-emphasis:rgb(0 0 0 / 0.03);--mm-color-focusring:#06c}.mm-menu--theme-white-contrast{--mm-color-background:#fff;--mm-color-border:rgb(0 0 0 / 0.5);--mm-color-icon:rgb(0 0 0 / 0.5);--mm-color-text:#000;--mm-color-text-dimmed:rgb(0 0 0 / 0.7);--mm-color-background-highlight:rgb(0 0 0 / 0.07);--mm-color-background-emphasis:rgb(0 0 0 / 0.035);--mm-color-focusring:#06c}.mm-menu--theme-black{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.2);--mm-color-icon:rgb(255 255 255 / 0.4);--mm-color-text:rgb(255 255 255 / 0.7);--mm-color-text-dimmed:rgb(255 255 255 / 0.4);--mm-color-background-highlight:rgb(255 255 255 / 0.1);--mm-color-background-emphasis:rgb(255 255 255 / 0.06);--mm-color-focusring:#06c}.mm-menu--theme-black-contrast{--mm-color-background:#000;--mm-color-border:rgb(255 255 255 / 0.5);--mm-color-icon:rgb(255 255 255 / 0.5);--mm-color-text:#fff;--mm-color-text-dimmed:rgb(255 255 255 / 0.6);--mm-color-background-highlight:rgb(255 255 255 / 0.125);--mm-color-background-emphasis:rgb(255 255 255 / 0.1);--mm-color-focusring:#06c}.mm-counter{display:block;padding-inline-start:20px;float:right;color:var(--mm-color-text-dimmed)}[dir=rtl] .mm-counter{float:left}:root{--mm-iconbar-size:50px}.mm-menu--iconbar-left .mm-navbars,.mm-menu--iconbar-left .mm-panels{margin-left:var(--mm-iconbar-size)}.mm-menu--iconbar-right .mm-navbars,.mm-menu--iconbar-right .mm-panels{margin-right:var(--mm-iconbar-size)}.mm-iconbar{display:none;position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-iconbar-size);overflow:hidden;box-sizing:border-box;border:0 solid;border-color:var(--mm-color-border);background:var(--mm-color-background);color:var(--mm-color-text-dimmed);text-align:center}.mm-menu--iconbar-left .mm-iconbar,.mm-menu--iconbar-right .mm-iconbar{display:flex;flex-direction:column;justify-content:space-between}.mm-menu--iconbar-left .mm-iconbar{border-right-width:1px;left:0}.mm-menu--iconbar-right .mm-iconbar{border-left-width:1px;right:0}.mm-iconbar__bottom,.mm-iconbar__top{width:100%;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}.mm-iconbar__bottom>*,.mm-iconbar__top>*{box-sizing:border-box;display:block;padding:calc((var(--mm-iconbar-size) - var(--mm-lineheight))/ 2) 0}.mm-iconbar__bottom a,.mm-iconbar__bottom a:hover,.mm-iconbar__top a,.mm-iconbar__top a:hover{text-decoration:none}.mm-iconbar__tab--selected{background:var(--mm-color-background-emphasis)}:root{--mm-iconpanel-size:50px}.mm-panel--iconpanel-0{inset-inline-start:calc(0 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-1{inset-inline-start:calc(1 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-2{inset-inline-start:calc(2 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-3{inset-inline-start:calc(3 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-4{inset-inline-start:calc(4 * var(--mm-iconpanel-size))}.mm-panel--iconpanel-first~.mm-panel{inset-inline-start:var(--mm-iconpanel-size)}.mm-menu--iconpanel .mm-panel--parent .mm-divider,.mm-menu--iconpanel .mm-panel--parent .mm-navbar{opacity:0}.mm-menu--iconpanel .mm-panels>.mm-panel--parent{overflow-y:hidden;transform:unset}.mm-menu--iconpanel .mm-panels>.mm-panel:not(.mm-panel--iconpanel-first):not(.mm-panel--iconpanel-0){border-inline-start-width:1px;border-inline-start-style:solid}.mm-navbars{flex-shrink:0}.mm-navbars .mm-navbar{position:relative;padding-top:0;border-bottom:none}.mm-navbars--top{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar:first-child{padding-top:env(safe-area-inset-top)}.mm-navbars--bottom{border-top:1px solid var(--mm-color-border)}.mm-navbars--bottom .mm-navbar:last-child{padding-bottom:env(safe-area-inset-bottom)}.mm-navbar__breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1 1 50%;display:flex;justify-content:flex-start;padding:0 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.mm-navbar__breadcrumbs>*{display:flex;align-items:center;justify-content:center;padding-inline-end:6px}.mm-navbar__breadcrumbs>a{text-decoration:underline}.mm-navbar__breadcrumbs:not(:last-child){padding-inline-end:0}.mm-btn:not(.mm-hidden)+.mm-navbar__breadcrumbs{padding-inline-start:0}.mm-navbar__tab{padding:0 10px;border:1px solid transparent}.mm-navbar__tab--selected{background:var(--mm-color-background)}.mm-navbar__tab--selected:not(:first-child){border-inline-start-color:var(--mm-color-border)}.mm-navbar__tab--selected:not(:last-child){border-inline-end-color:var(--mm-color-border)}.mm-navbars--top.mm-navbars--has-tabs{border-bottom:none}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background)}.mm-navbars--top.mm-navbars--has-tabs .mm-navbar:not(.mm-navbar--tabs):last-child{border-bottom:1px solid var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab{border-bottom-color:var(--mm-color-border)}.mm-navbars--top .mm-navbar__tab--selected{border-top-color:var(--mm-color-border);border-bottom-color:transparent}.mm-navbars--bottom.mm-navbar--has-tabs{border-top:none}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar{background:var(--mm-color-background)}.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs,.mm-navbars--bottom.mm-navbar--has-tabs .mm-navbar--tabs~.mm-navbar{background:var(--mm-color-background-emphasis)}.mm-navbars--bottom .mm-navbar__tab{border-top-color:var(--mm-color-border)}.mm-navbars--bottom .mm-navbar__tab--selected{border-bottom-color:var(--mm-color-border);border-top-color:transparent}.mm-searchfield{display:flex;flex-grow:1;height:var(--mm-navbar-size);padding:0;overflow:hidden}.mm-searchfield__input{display:flex;flex:1;align-items:center;position:relative;width:100%;max-width:100%;padding:0 10px;box-sizing:border-box}.mm-searchfield__input input{display:block;width:100%;max-width:100%;height:calc(var(--mm-navbar-size) * .7);min-height:auto;max-height:auto;margin:0;padding:0 10px;box-sizing:border-box;border:none;border-radius:4px;line-height:calc(var(--mm-navbar-size) * .7);font:inherit;font-size:inherit}.mm-searchfield__input input,.mm-searchfield__input input:focus,.mm-searchfield__input input:hover{background:var(--mm-color-background-highlight);color:var(--mm-color-text)}.mm-menu[class*=-contrast] .mm-searchfield__input input{border:1px solid var(--mm-color-border)}.mm-searchfield__input input::-ms-clear{display:none}.mm-searchfield__btn{display:none;position:absolute;inset-inline-end:0;top:0;bottom:0}.mm-searchfield--searching .mm-searchfield__btn{display:block}.mm-searchfield__cancel{display:block;position:relative;margin-inline-end:-100px;padding-inline-start:5px;padding-inline-end:20px;visibility:hidden;line-height:var(--mm-navbar-size);text-decoration:none;transition-property:visibility,margin}.mm-searchfield--cancelable .mm-searchfield__cancel{visibility:visible;margin-inline-end:0}.mm-panel--search{left:0!important;right:0!important;width:100%!important;border:none!important}.mm-panel__splash{padding:20px}.mm-panel--searching .mm-panel__splash{display:none}.mm-panel__noresults{display:none;padding:40px 20px;color:var(--mm-color-text-dimmed);text-align:center;font-size:150%;line-height:1.4}.mm-panel--noresults .mm-panel__noresults{display:block}:root{--mm-sectionindexer-size:20px}.mm-sectionindexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:var(--mm-sectionindexer-size);position:absolute;top:0;bottom:0;inset-inline-end:calc(-1 * var(--mm-sectionindexer-size));z-index:5;transition-property:inset-inline-end;display:flex;flex-direction:column;justify-content:space-evenly}.mm-sectionindexer a{color:var(--mm-color-text-dimmed);line-height:1;text-decoration:none;display:block}.mm-sectionindexer~.mm-panel{padding-inline-end:0}.mm-sectionindexer--active{right:0}.mm-sectionindexer--active~.mm-panel{padding-inline-end:var(--mm-sectionindexer-size)}.mm-menu--selected-hover .mm-listitem__btn,.mm-menu--selected-hover .mm-listitem__text,.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{transition-property:background-color}@media (hover:hover){.mm-menu--selected-hover .mm-listview:hover>.mm-listitem--selected:not(:hover)>.mm-listitem__text{background:0 0}.mm-menu--selected-hover .mm-listitem__btn:hover,.mm-menu--selected-hover .mm-listitem__text:hover{background:var(--mm-color-background-emphasis)}}.mm-menu--selected-parent .mm-listitem__btn,.mm-menu--selected-parent .mm-listitem__text{transition-delay:.2s}@media (hover:hover){.mm-menu--selected-parent .mm-listitem__btn:hover,.mm-menu--selected-parent .mm-listitem__text:hover{transition-delay:0s}}.mm-menu--selected-parent .mm-panel--parent .mm-listitem:not(.mm-listitem--selected-parent)>.mm-listitem__text{background:0 0}.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__btn,.mm-menu--selected-parent .mm-listitem--selected-parent>.mm-listitem__text{background:var(--mm-color-background-emphasis)}:root{--mm-sidebar-collapsed-size:50px;--mm-sidebar-expanded-size:var(--mm-max-size)}.mm-wrapper--sidebar-collapsed .mm-slideout{width:calc(100% - var(--mm-sidebar-collapsed-size));transform:translate3d(var(--mm-sidebar-collapsed-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-collapsed .mm-slideout{transform:none}.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-divider,.mm-wrapper--sidebar-collapsed:not(.mm-wrapper--opened) .mm-menu--sidebar-collapsed .mm-navbar{opacity:0}.mm-wrapper--sidebar-expanded .mm-menu--sidebar-expanded{width:var(--mm-sidebar-expanded-size);border-right-width:1px;border-right-style:solid}.mm-wrapper--sidebar-expanded.mm-wrapper--opened{overflow:auto}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-wrapper__blocker{display:none}.mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{width:calc(100% - var(--mm-sidebar-expanded-size));transform:translate3d(var(--mm-sidebar-expanded-size),0,0)}[dir=rtl] .mm-wrapper--sidebar-expanded.mm-wrapper--opened .mm-slideout{transform:none} @media (max-width: 768px) { .u-borderTop1--md_Max { border-top: 1px solid #979797; } } .u-borderBottom1 { border-bottom: 1px solid #979797; } @media (min-width: 769px) { .u-borderBottom1--md { border-bottom: 1px solid #979797; } } .u-borderBottom2 { border-bottom: 2px solid #979797; } .u-borderBottom10 { border-bottom: 10px solid #979797; } .u-borderColorBlack { border-color: #1b1b1b; } .u-background1 { background-color: #45af2a; } .u-background2 { background-color: #aac800; } .u-background3 { background-color: #f6f6f6; } .u-background4 { background-color: #eeeeee; } .u-background5 { background-color: #ffffff; } .u-background6 { background-color: #333333; } .u-color1 { color: #45af2a; } .u-color2 { color: #aac800; } .u-color3 { color: #f6f6f6; } .u-colorError { color: #f16a2b; } .u-colorAlert { color: #ff7453; } .u-colorWhite { color: #ffffff; } .u-colorBlack { color: #1b1b1b; } .u-colorText { color: #1b1b1b; } .u-colorPlaceholder { color: #b5b5b5; } a.u-color1:hover, a.u-color1:active, a.u-color1:focus { color: #aac800; } .u-flexCenter { display: flex; } .u-flexCenter > div { margin: auto; } .u-flex { display: flex; } .u-flexSpaceBetween { justify-content: space-between; } .u-flexAlignCenter { align-items: center; } .u-displayBlock { display: block !important; } .u-displayNone, .u-hidden { display: none; } .u-displayInlineBlock { display: inline-block; } .u-inlineBlock--sm { display: none !important; } @media (min-width: 480px) { .u-inlineBlock--sm { display: inline-block !important; } } .u-inlineBlock--md { display: none !important; } @media (min-width: 769px) { .u-inlineBlock--md { display: inline-block !important; } } .u-inlineBlock--lg { display: none !important; } @media (min-width: 990px) { .u-inlineBlock--lg { display: inline-block !important; } } .u-block--sm { display: none !important; } @media (min-width: 480px) { .u-block--sm { display: block !important; } } .u-block--md { display: none !important; } @media (min-width: 769px) { .u-block--md { display: block !important; } } .u-block--lg { display: none !important; } @media (min-width: 990px) { .u-block--lg { display: block !important; } } @media (min-width: 480px) { .u-hidden--sm { display: none !important; } } @media (min-width: 769px) { .u-hidden--md { display: none !important; } } @media (min-width: 990px) { .u-hidden--lg { display: none !important; } } .u-inlineBlock--mobileMenu { display: inline-block; } @media (min-width: 1001px) { .u-inlineBlock--mobileMenu { display: none !important; } } .u-block--mobileMenu { display: block; } @media (min-width: 1001px) { .u-block--mobileMenu { display: none !important; } } .u-inlineBlock--desktopMenu { display: none !important; } @media (min-width: 1001px) { .u-inlineBlock--desktopMenu { display: inline-block !important; } } .u-block--desktopMenu { display: none !important; } @media (min-width: 1001px) { .u-block--desktopMenu { display: block !important; } } .u-sr { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .u-limitWidth { max-width: 690px; } .u-limitWidth--936 { max-width: 936px; } .u-positionRelative { position: relative; } .u-heading1, .ContentArea h1, .ContentArea .u-heading1, .wp-editor h1, .wp-editor .u-heading1, .ContentHeadings h1, .ContentHeadings .u-heading1, .u-heading2, .ContentArea h2, .ContentArea .u-heading2, .wp-editor h2, .wp-editor .u-heading2, .ContentHeadings h2, .ContentHeadings .u-heading2, .u-heading3, .ContentArea h3, .ContentArea .u-heading3, .wp-editor h3, .wp-editor .u-heading3, .ContentHeadings h3, .ContentHeadings .u-heading3, .u-heading4, .ContentArea h4, .ContentArea .u-heading4, .wp-editor h4, .wp-editor .u-heading4, .ContentHeadings h4, .ContentHeadings .u-heading4, .u-heading5, .ContentArea h5, .ContentArea .u-heading5, .wp-editor h5, .wp-editor .u-heading5, .ContentHeadings h5, .ContentHeadings .u-heading5, .u-heading6, .ContentArea h6, .ContentArea .u-heading6, .wp-editor h6, .wp-editor .u-heading6, .ContentHeadings h6, .ContentHeadings .u-heading6, .u-heading7, .ContentArea h7, .ContentArea .u-heading7, .wp-editor h7, .wp-editor .u-heading7, .ContentHeadings h7, .ContentHeadings .u-heading7, .u-heading8, .ContentArea h8, .ContentArea .u-heading8, .wp-editor h8, .wp-editor .u-heading8, .ContentHeadings h8, .ContentHeadings .u-heading8, .u-heading9, .u-heading10 { line-height: 1.2; } .u-heading1, .ContentArea h1, .ContentArea .u-heading1, .wp-editor h1, .wp-editor .u-heading1, .ContentHeadings h1, .ContentHeadings .u-heading1 { font-size: 45.6px; } @media (min-width: 480px) { .u-heading1, .ContentArea h1, .ContentArea .u-heading1, .wp-editor h1, .wp-editor .u-heading1, .ContentHeadings h1, .ContentHeadings .u-heading1 { font-size: 57px; } } .u-heading2, .ContentArea h2, .ContentArea .u-heading2, .wp-editor h2, .wp-editor .u-heading2, .ContentHeadings h2, .ContentHeadings .u-heading2 { font-size: 36.8px; } @media (min-width: 480px) { .u-heading2, .ContentArea h2, .ContentArea .u-heading2, .wp-editor h2, .wp-editor .u-heading2, .ContentHeadings h2, .ContentHeadings .u-heading2 { font-size: 46px; } } .u-heading3, .ContentArea h3, .ContentArea .u-heading3, .wp-editor h3, .wp-editor .u-heading3, .ContentHeadings h3, .ContentHeadings .u-heading3 { font-size: 28px; } @media (min-width: 480px) { .u-heading3, .ContentArea h3, .ContentArea .u-heading3, .wp-editor h3, .wp-editor .u-heading3, .ContentHeadings h3, .ContentHeadings .u-heading3 { font-size: 35px; } } .u-heading4, .ContentArea h4, .ContentArea .u-heading4, .wp-editor h4, .wp-editor .u-heading4, .ContentHeadings h4, .ContentHeadings .u-heading4 { font-size: 20.8px; } @media (min-width: 480px) { .u-heading4, .ContentArea h4, .ContentArea .u-heading4, .wp-editor h4, .wp-editor .u-heading4, .ContentHeadings h4, .ContentHeadings .u-heading4 { font-size: 26px; } } .u-heading5, .ContentArea h5, .ContentArea .u-heading5, .wp-editor h5, .wp-editor .u-heading5, .ContentHeadings h5, .ContentHeadings .u-heading5 { font-size: 24px; } .u-heading6, .ContentArea h6, .ContentArea .u-heading6, .wp-editor h6, .wp-editor .u-heading6, .ContentHeadings h6, .ContentHeadings .u-heading6 { font-size: 16px; } @media (min-width: 480px) { .u-heading6, .ContentArea h6, .ContentArea .u-heading6, .wp-editor h6, .wp-editor .u-heading6, .ContentHeadings h6, .ContentHeadings .u-heading6 { font-size: 20px; } } .u-heading7, .ContentArea h7, .ContentArea .u-heading7, .wp-editor h7, .wp-editor .u-heading7, .ContentHeadings h7, .ContentHeadings .u-heading7 { font-size: 18px; } .u-heading8, .ContentArea h8, .ContentArea .u-heading8, .wp-editor h8, .wp-editor .u-heading8, .ContentHeadings h8, .ContentHeadings .u-heading8 { font-size: 16px; } .u-heading9 { font-size: 14px; } .u-heading10 { font-size: 12px; } .u-sizeReset { font-size: 0; } .u-textStandard, .ContentArea p, .wp-editor p, .ContentArea, .wp-editor { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .u-textStandard, .ContentArea p, .wp-editor p, .ContentArea, .wp-editor { font-size: 18px; line-height: 26px; } } .u-textSmall { font-size: 14px; } .u-textExtraSmall { font-size: 12px; } .u-headingHero { font-size: 40px; } @media (min-width: 769px) { .u-headingHero { font-size: 70px; } } .u-textItalic { font-style: italic; } .u-textUppercase { text-transform: uppercase; } .u-textUnderline { text-decoration: underline; } .u-textNormal { text-transform: none; } .u-letterSpacing0_5 { letter-spacing: 0.5px; } .u-letterSpacing1 { letter-spacing: 1px; } .u-letterSpacing2 { letter-spacing: 2px; } .u-textHyphens { -webkit-hyphens: auto; hyphens: auto; } .u-weightLight { font-weight: 300; } .u-weightNormal { font-weight: 400; } .u-weightMedium { font-weight: 500; } @media (min-width: 769px) { .u-weightMedium--md { font-weight: 500; } } .u-weightSemiBold { font-weight: 600; } .u-weightBold { font-weight: 700; } .u-weightExtraBold { font-weight: 800; } .u-weightBlack { font-weight: 900; } .u-lineHeight_8 { line-height: 0.8 !important; } .u-lineHeight_82 { line-height: 0.82 !important; } .u-lineHeight_86 { line-height: 0.86 !important; } .u-lineHeight_9 { line-height: 0.9 !important; } .u-lineHeight_914 { line-height: 0.914 !important; } .u-lineHeight1 { line-height: 1 !important; } .u-lineHeight1_1 { line-height: 1.1 !important; } .u-lineHeight1_13 { line-height: 1.13 !important; } .u-lineHeight1_17 { line-height: 1.17 !important; } .u-lineHeight1_78 { line-height: 1.78 !important; } .u-lineHeight1_44 { line-height: 1.44 !important; } .u-lineHeight1_2 { line-height: 1.2 !important; } .u-lineHeight1_22 { line-height: 1.22 !important; } .u-lineHeight1_25 { line-height: 1.25 !important; } .u-lineHeight1_29 { line-height: 1.29 !important; } .u-lineHeight1_3 { line-height: 1.3 !important; } .u-lineHeight1_33 { line-height: 1.33 !important; } .u-lineHeight1_35 { line-height: 1.35 !important; } .u-lineHeight1_38 { line-height: 1.38 !important; } .u-lineHeight1_4 { line-height: 1.4 !important; } .u-lineHeight1_5 { line-height: 1.5 !important; } .u-lineHeight1_7 { line-height: 1.7 !important; } .u-lineHeight1_75 { line-height: 1.75 !important; } .u-lineHeight1_88 { line-height: 1.88 !important; } .u-lineHeight2 { line-height: 2 !important; } .u-lineHeightH1 { line-height: 68.4px !important; } .u-lineHeightH2 { line-height: 55.2px !important; } .u-lineHeightH3 { line-height: 42px !important; } .u-lineHeightH4 { line-height: 31.2px !important; } .u-lineHeightH5 { line-height: 28.8px !important; } .u-lineHeightH6 { line-height: 24px !important; } .u-lineHeightH7 { line-height: 21.6px !important; } .u-lineHeightH8 { line-height: 19.2px !important; } .u-lineHeightH9 { line-height: 16.8px !important; } .u-lineHeightH10 { line-height: 14.4px !important; } .u-font1 { font-family: "Graphik Web", sans-serif; } .u-font2 { font-family: "Produkt", serif; } .u-imageLink { font-size: 0; display: block; vertical-align: top; } .u-imageCircle { height: auto; width: 100%; border-radius: 50%; } .u-imageResponsive { max-width: 100%; height: auto; } .u-cf:before, .u-cf:after { content: " "; /* 1 */ display: table; /* 2 */ } .u-floatLeft { float: left; } .u-floatRight { float: right; } .u-tableFill { display: table; width: 100%; height: 100%; } .u-tableCellMiddle { display: table-cell; vertical-align: middle; } .u-tableCellTop { display: table-cell; vertical-align: top; } .u-flex1 { flex: 1; -ms-flex: 1 1 auto; } .u-shiftedUp { transform: translateY(-110px); } @media (min-width: 769px) { .u-shiftedUp { transform: translateY(-40px); } } .u-overflowHidden { overflow: hidden; } a { transition: all 0.2s; } a.u-colorText:hover, a.u-colorText:active, a.u-colorText:focus { color: #45af2a; } a.u-linkPlain { color: #45af2a; text-decoration: underline; } a.u-linkPlain:hover, a.u-linkPlain:active, a.u-linkPlain:focus { color: #1b1b1b; } a.u-linkGray { color: #9B9B9B; } a.u-linkGray:hover, a.u-linkGray:focus, a.u-linkGray:active { color: #1b1b1b; } .u-hoverPointer { cursor: pointer; } .u-underline { text-decoration: underline; } .u-linkOpacity { transition: opacity 0.2s; opacity: 1; } .u-linkOpacity:hover, .u-linkOpacity:active, .u-linkOpacity:focus { opacity: 0.8; } .u-marginT5 { margin-top: 5px; } @media (min-width: 769px) { .u-marginT5--md { margin-top: 5px; } } .u-marginT10 { margin-top: 10px; } .u-marginT15 { margin-top: 15px; } .u-marginT20 { margin-top: 20px; } @media (min-width: 769px) { .u-marginT20--md { margin-top: 20px; } } .u-marginT25 { margin-top: 25px; } @media (min-width: 769px) { .u-marginT25--md { margin-top: 25px; } } .u-marginT30 { margin-top: 30px; } .u-marginT35 { margin-top: 35px; } .u-marginT40 { margin-top: 40px; } .u-marginT55 { margin-top: 55px; } .u-marginT60 { margin-top: 60px; } @media (min-width: 480px) { .u-marginT60--sm { margin-top: 60px; } } .u-marginT65 { margin-top: 65px; } .u-marginT70 { margin-top: 70px; } .u-marginT75 { margin-top: 75px; } .u-marginT80 { margin-top: 80px; } .u-marginT100 { margin-top: 100px; } @media (min-width: 480px) { .u-marginT5--sm { margin-top: 5px; } } @media (max-width: 479px) { .u-marginT10--sm-max { margin-top: 10px; } } @media (min-width: 480px) { .u-marginT20--sm { margin-top: 20px; } } @media (min-width: 480px) { .u-marginT30--sm { margin-top: 30px; } } @media (min-width: 769px) { .u-marginT35--md { margin-top: 35px; } } @media (min-width: 480px) { .u-marginT40--sm { margin-top: 40px; } } @media (min-width: 769px) { .u-marginT40--md { margin-top: 40px; } } .u-marginT50 { margin-top: 50px; } @media (min-width: 990px) { .u-marginT50--lg { margin-top: 50px; } } @media screen and (min-width: 1150px) { .u-marginT50--customBreak { margin-top: 50px; } } @media (min-width: 769px) { .u-marginT50--md { margin-top: 50px; } } @media (min-width: 480px) { .u-marginT60--sm { margin-top: 60px; } } @media (min-width: 769px) { .u-marginT60--md { margin-top: 60px; } } @media (min-width: 769px) { .u-marginT80--md { margin-top: 80px; } } @media (min-width: 480px) { .u-marginT20--sm { margin-top: 20px; } } @media (min-width: 480px) { .u-marginT25--sm { margin-top: 25px; } } @media (max-width: 479px) { .u-marginT30--sm { margin-top: 30px; } } @media (min-width: 480px) { .u-marginT50--sm { margin-top: 50px; } } @media (min-width: 480px) { .u-marginT70--sm { margin-top: 70px; } } @media (min-width: 480px) { .u-marginT80--sm { margin-top: 80px; } } @media (min-width: 769px) { .u-marginT65--md { margin-top: 65px; } } @media (min-width: 769px) { .u-marginT70--md { margin-top: 70px; } } @media (min-width: 769px) { .u-marginT80--md { margin-top: 80px; } } @media (min-width: 769px) { .u-marginT90--md { margin-top: 90px; } } @media (min-width: 769px) { .u-marginT100--md { margin-top: 100px; } } @media (min-width: 769px) { .u-marginT115--md { margin-top: 115px; } } @media (min-width: 769px) { .u-marginT130--md { margin-top: 130px; } } @media (min-width: 480px) { .u-marginT0--sm { margin-top: 0px; } } @media (min-width: 769px) { .u-marginT0--md { margin-top: 0px; } } @media (min-width: 990px) { .u-marginT0--lg { margin-top: 0px; } } @media (min-width: 480px) { .u-marginB0--sm { margin-bottom: 0; } } @media (min-width: 769px) { .u-marginB0--md { margin-bottom: 0; } } @media (min-width: 990px) { .u-marginB0--lg { margin-bottom: 0; } } .u-marginB5 { margin-bottom: 5px; } .u-marginB10 { margin-bottom: 10px; } @media (min-width: 769px) { .u-marginB10--md { margin-bottom: 10px; } } .u-marginB15 { margin-bottom: 15px; } @media (min-width: 769px) { .u-marginB15--md { margin-bottom: 15px; } } .u-marginB15--negative { margin-bottom: -15px; } .u-marginB20 { margin-bottom: 20px; } @media (max-width: 768px) { .u-marginB20--md-max { margin-bottom: 20px; } } @media (max-width: 479px) { .u-marginB20--sm-max { margin-bottom: 20px; } } @media (min-width: 480px) { .u-marginB20--sm { margin-bottom: 20px; } } @media (min-width: 769px) { .u-marginB20--md { margin-bottom: 20px; } } @media (min-width: 769px) { .u-marginB30--md { margin-bottom: 30px; } } .u-marginB25 { margin-bottom: 25px; } .u-marginB30 { margin-bottom: 30px; } .u-marginB35 { margin-bottom: 35px; } .u-marginB40 { margin-bottom: 40px; } .u-marginB50 { margin-bottom: 50px; } .u-marginB55 { margin-bottom: 55px; } .u-marginB60 { margin-bottom: 60px; } .u-marginB65 { margin-bottom: 65px; } .u-marginB80 { margin-bottom: 80px; } @media (min-width: 769px) { .u-marginB80--md { margin-bottom: 80px; } } .u-marginB90 { margin-bottom: 90px; } .u-marginB95 { margin-bottom: 95px; } .u-marginB120 { margin-bottom: 120px; } @media (min-width: 480px) { .u-marginB40--sm { margin-bottom: 40px; } } @media (min-width: 480px) { .u-marginB50--sm { margin-bottom: 50px; } } @media (min-width: 480px) { .u-marginB60--sm { margin-bottom: 60px; } } @media (min-width: 480px) { .u-marginB80--sm { margin-bottom: 80px; } } .u-marginB70 { margin-bottom: 70px; } @media (min-width: 480px) { .u-marginB30--sm { margin-bottom: 30px; } } @media (min-width: 480px) { .u-marginB0--sm { margin-bottom: 0; } } @media (min-width: 480px) { .u-marginB25--sm { margin-bottom: 25px; } } @media (min-width: 480px) { .u-marginB50--sm { margin-bottom: 50px; } } @media (min-width: 769px) { .u-marginB25--md { margin-bottom: 25px; } } @media (min-width: 769px) { .u-marginB40--md { margin-bottom: 40px; } } @media (min-width: 769px) { .u-marginB50--md { margin-bottom: 50px; } } @media (min-width: 480px) { .u-marginB70--sm { margin-bottom: 70px; } } @media (min-width: 769px) { .u-marginB90--md { margin-bottom: 90px; } } @media (min-width: 769px) { .u-marginB60--md { margin-bottom: 60px; } } @media (min-width: 769px) { .u-marginB100--md { margin-bottom: 100px; } } @media (min-width: 480px) { .u-marginB40--sm { margin-bottom: 40px; } } @media (min-width: 480px) { .u-marginB50--sm { margin-bottom: 50px; } } .u-marginL5 { margin-left: 5px; } .u-marginR5 { margin-right: 5px; } .u-marginV5 { margin-top: 5px; margin-bottom: 5px; } .u-marginV10 { margin-top: 10px; margin-bottom: 10px; } .u-marginV20 { margin-top: 20px; margin-bottom: 20px; } .u-marginV25 { margin-top: 25px; margin-bottom: 25px; } .u-marginV30 { margin-top: 30px; margin-bottom: 30px; } .u-marginV40 { margin-top: 40px; margin-bottom: 40px; } .u-marginV50 { margin-top: 50px; margin-bottom: 50px; } @media (min-width: 769px) { .u-marginV40--md { margin-top: 40px; margin-bottom: 40px; } } @media (min-width: 769px) { .u-marginV50--md { margin-top: 50px; margin-bottom: 50px; } } @media (min-width: 769px) { .u-marginV80--md { margin-top: 80px; margin-bottom: 80px; } } .u-paddingT10 { padding-top: 10px; } @media (min-width: 769px) { .u-paddingT10--md { padding-top: 10px; } } .u-paddingT20 { padding-top: 20px; } @media (min-width: 769px) { .u-paddingT20--md { padding-top: 20px; } } .u-paddingT25 { padding-top: 25px; } @media (min-width: 769px) { .u-paddingT25--md { padding-top: 25px; } } @media (min-width: 769px) { .u-paddingT30--md { padding-top: 30px; } } .u-paddingT30 { padding-top: 30px; } .u-paddingT35 { padding-top: 35px; } .u-paddingT40 { padding-top: 40px; } .u-paddingT45 { padding-top: 45px; } .u-paddingT50 { padding-top: 50px; } .u-paddingT55 { padding-top: 55px; } .u-paddingT65 { padding-top: 65px; } .u-paddingT70 { padding-top: 70px; } .u-paddingT80 { padding-top: 80px; } @media (min-width: 480px) { .u-paddingT80--sm { padding-top: 80px; } } @media (min-width: 769px) { .u-paddingT65--md { padding-top: 65px; } } @media (min-width: 769px) { .u-paddingT80--md { padding-top: 80px; } } .u-paddingT85 { padding-top: 85px; } .u-paddingT100 { padding-top: 100px; } @media (min-width: 480px) { .u-paddingT40--sm { padding-top: 40px; } } @media (min-width: 769px) { .u-paddingT40--md { padding-top: 40px; } } @media (min-width: 769px) { .u-paddingT50--md { padding-top: 50px; } } @media (min-width: 769px) { .u-paddingT60--md { padding-top: 60px; } } @media (min-width: 769px) { .u-paddingT70--md { padding-top: 70px; } } @media (min-width: 769px) { .u-paddingT90--md { padding-top: 90px; } } @media (min-width: 769px) { .u-paddingT145--md { padding-top: 145px; } } @media (min-width: 480px) { .u-paddingT70--sm { padding-top: 70px; } } @media (min-width: 480px) { .u-paddingT50--sm { padding-top: 50px; } } @media (min-width: 480px) { .u-paddingT80--sm { padding-top: 80px; } } @media (min-width: 769px) { .u-paddingT100--md { padding-top: 100px; } } @media (min-width: 769px) { .u-paddingT0--md { padding-top: 0; } } @media (min-width: 769px) { .u-paddingB0--md { padding-bottom: 0; } } .u-paddingB5 { padding-bottom: 5px; } .u-paddingB10 { padding-bottom: 10px; } .u-paddingB15 { padding-bottom: 15px; } .u-paddingB20 { padding-bottom: 20px; } @media (min-width: 769px) { .u-paddingB20--md { padding-bottom: 20px; } } .u-paddingB25 { padding-bottom: 25px; } .u-paddingB30 { padding-bottom: 30px; } .u-paddingB35 { padding-bottom: 35px; } .u-paddingB40 { padding-bottom: 40px; } .u-paddingB45 { padding-bottom: 45px; } .u-paddingB50 { padding-bottom: 50px; } .u-paddingB60 { padding-bottom: 60px; } .u-paddingB65 { padding-bottom: 65px; } .u-paddingB70 { padding-bottom: 70px; } .u-paddingB80 { padding-bottom: 80px; } @media (min-width: 769px) { .u-paddingB90--md { padding-bottom: 90px; } } .u-paddingB95 { padding-bottom: 95px; } .u-paddingB100 { padding-bottom: 100px; } .u-paddingB125 { padding-bottom: 125px; } @media (min-width: 769px) { .u-paddingB105--md { padding-bottom: 105px; } } .u-paddingB180 { padding-bottom: 180px; } @media (min-width: 480px) { .u-paddingB40--sm { padding-bottom: 40px; } } @media (min-width: 480px) { .u-paddingB50--sm { padding-bottom: 50px; } } @media (min-width: 480px) { .u-paddingB60--sm { padding-bottom: 60px; } } @media (min-width: 480px) { .u-paddingB70--sm { padding-bottom: 70px; } } @media (min-width: 480px) { .u-paddingB80--sm { padding-bottom: 80px; } } @media (min-width: 769px) { .u-paddingB80--md { padding-bottom: 80px; } } @media (min-width: 769px) { .u-paddingB95--md { padding-bottom: 95px; } } @media (min-width: 769px) { .u-paddingB100--md { padding-bottom: 100px; } } @media (min-width: 480px) { .u-paddingB25--sm { padding-bottom: 25px; } } @media (min-width: 480px) { .u-paddingB30--sm { padding-bottom: 30px; } } @media (min-width: 769px) { .u-paddingB40--md { padding-bottom: 40px; } } @media (min-width: 769px) { .u-paddingB50--md { padding-bottom: 50px; } } @media (min-width: 769px) { .u-paddingB325--md { padding-bottom: 325px; } } .u-paddingT--header { padding-top: 120px; } @media (min-width: 769px) { .u-paddingT--header { padding-top: 180px; } } .u-paddingT--noHeader { padding-top: 45px; } @media (min-width: 769px) { .u-paddingT--noHeader { padding-top: 90px; } } .u-paddingB--button { padding-bottom: 120px; } @media (min-width: 769px) { .u-paddingB--button { padding-bottom: 180px; } } .u-paddingB--buttonWithMargin { padding-bottom: 102px; } @media (min-width: 480px) { .u-paddingB--buttonWithMargin { padding-bottom: 115px; } } @media (min-width: 769px) { .u-paddingB--buttonWithMargin { padding-bottom: 162px; } } .u-paddingB--noButton { padding-bottom: 45px; } @media (min-width: 769px) { .u-paddingB--noButton { padding-bottom: 90px; } } .u-paddingB--noButtonWithMargin { padding-bottom: 25px; } @media (min-width: 769px) { .u-paddingB--noButtonWithMargin { padding-bottom: 70px; } } .u-paddingB--buttonSlider { padding-bottom: 120px; } @media (min-width: 769px) { .u-paddingB--buttonSlider { padding-bottom: 160px; } } .u-paddingB--noButtonSlider { padding-bottom: 45px; } @media (min-width: 769px) { .u-paddingB--noButtonSlider { padding-bottom: 70px; } } .u-paddingT--centeredPost { padding-top: 45px; } @media (min-width: 769px) { .u-paddingT--centeredPost { padding-top: 180px; } } .u-paddingB--centeredPost { padding-bottom: 45px; } @media (min-width: 769px) { .u-paddingB--centeredPost { padding-bottom: 180px; } } .u-paddingV0 { padding-top: 0 !important; padding-bottom: 0 !important; } .u-paddingV1 { padding-top: 12.5px !important; padding-bottom: 12.5px !important; } @media (min-width: 769px) { .u-paddingV1 { padding-top: 25px !important; padding-bottom: 25px !important; } } .u-paddingV2 { padding-top: 45px !important; padding-bottom: 45px !important; } @media (min-width: 769px) { .u-paddingV2 { padding-top: 90px !important; padding-bottom: 90px !important; } } .u-paddingV3 { padding-top: 50px !important; padding-bottom: 50px !important; } @media (min-width: 769px) { .u-paddingV3 { padding-top: 100px !important; padding-bottom: 100px !important; } } .u-paddingV10 { padding-top: 10px; padding-bottom: 10px; } .u-paddingV15 { padding-top: 15px; padding-bottom: 15px; } .u-paddingV20 { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 480px) { .u-paddingV20--sm { padding-top: 20px; padding-bottom: 20px; } } .u-paddingV25 { padding-top: 25px; padding-bottom: 25px; } @media (min-width: 480px) { .u-paddingV25--sm { padding-top: 25px; padding-bottom: 25px; } } .u-paddingV30 { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 480px) { .u-paddingV30--sm { padding-top: 30px; padding-bottom: 30px; } } @media (min-width: 769px) { .u-paddingV30--md { padding-top: 30px; padding-bottom: 30px; } } .u-paddingV35 { padding-top: 35px; padding-bottom: 35px; } .u-paddingV40 { padding-top: 40px; padding-bottom: 40px; } @media (min-width: 480px) { .u-paddingV40--sm { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 769px) { .u-paddingV40--md { padding-top: 40px; padding-bottom: 40px; } } .u-paddingV50 { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .u-paddingV50--sm { padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 480px) { .u-paddingV60--sm { padding-top: 60px; padding-bottom: 60px; } } @media (min-width: 480px) { .u-paddingV70--sm { padding-top: 70px; padding-bottom: 70px; } } @media (min-width: 480px) { .u-paddingV80--sm { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 769px) { .u-paddingV70--md { padding-top: 70px; padding-bottom: 70px; } } @media (min-width: 769px) { .u-paddingV80--md { padding-top: 80px; padding-bottom: 80px; } } @media (min-width: 769px) { .u-paddingV100--md { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 480px) { .u-paddingV100--sm { padding-top: 100px; padding-bottom: 100px; } } @media (min-width: 990px) { .u-paddingV100--lg { padding-top: 100px; padding-bottom: 100px; } } .u-paddingH15 { padding-left: 15px; padding-right: 15px; } .u-textCenter { text-align: center; } .u-textRight { text-align: right; } .u-textLeft { text-align: left; } @media (min-width: 480px) { .u-textRight--sm { text-align: right; } } @media (min-width: 480px) { .u-textCenter--sm { text-align: center; } } @media (min-width: 480px) { .u-textLeft--sm { text-align: left; } } @media (min-width: 769px) { .u-textLeft--md { text-align: left; } } @media (min-width: 769px) { .u-textCenter--md { text-align: center; } } @media (min-width: 769px) { .u-textRight--md { text-align: right; } } @media (min-width: 990px) { .u-textLeft--lg { text-align: left; } } :root { --Grid-gutter-size: 30px; } *, *:before, *:after { box-sizing: border-box; } body { font-family: "Graphik Web", sans-serif; font-weight: normal; overflow-x: hidden; background: #ffffff; color: #1b1b1b; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /** * These values will not show up in content, but can be * queried by JavaScript to know which breakpoint is active. */ body:before { display: none; /* Prevent from displaying. */ } @media (min-width: 480px) { body:before { content: "480"; } } @media (min-width: 769px) { body:before { content: "769"; } } @media (min-width: 990px) { body:before { content: "992"; } } a { color: #1b1b1b; text-decoration: none; transition: all 0.2s; } a:hover, a:active, a:focus { color: #45af2a; text-decoration: none; } strong, b, .strong, .b { font-weight: 500; } strong em, strong i, b em, b i, .strong em, .strong i, .b em, .b i { font-weight: 600; } img { border: 0; max-width: 100%; height: auto; vertical-align: middle; } .Container { width: 100%; padding-left: 15px; padding-right: 15px; margin: 0 auto; } @media (min-width: 480px) { .Container { padding-left: 30px; padding-right: 30px; } } .Container--small { max-width: 700px; } @media (min-width: 740px) { .Container--small { padding: 0; } } .Container--medium { max-width: 920px; } @media (min-width: 950px) { .Container--medium { padding: 0; } } .Container--map { max-width: 995px; } @media (min-width: 1025px) { .Container--map { padding: 0; } } .Container--full { max-width: 100%; padding: 0; } .Container--noPadding { padding: 0 !important; } .Container .Container--maintainPadding { padding: 0 15px; } .Container .Container--small { padding: 0; } .Container--wrapper { max-width: 1400px; padding: 0; } .Container--content, .Container--large { max-width: 1200px; } @media all and (min-width: 1230px) { .Container--content, .Container--large { padding: 0; } } @media (max-width: 479px) { .Container--flush_smMax { padding: 0; } } @media (max-width: 768px) { .Container--flush_mdMax { padding: 0; } } @media (max-width: 991px) { .Container--flush_lgMax { padding: 0; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /* * Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ========================================================================== Import our individual components ========================================================================== */ .Button { font-family: "Graphik Web", sans-serif; font-weight: 500; display: inline-block; padding: 15px 20px; transition: all 0.2s; color: #1b1b1b; border-width: 1px; border-style: solid; font-size: 16px; } .Button:hover, .Button:active, .Button:focus { color: #fff; } .Button--small { font-size: 14px; padding: 8px 12px; } .Button--normalWeight { font-weight: 400; } .Button--center { margin: 0 auto; } .Button--wide { min-width: 190px; } .Button--transparent { background-color: transparent; color: #ffffff; border-color: #ffffff; } .Button--transparent:hover, .Button--transparent:focus, .Button--transparent:active { background-color: #ffffff; color: #1b1b1b; } .Button--white { color: white; } .Button--arrow { font-weight: 500; position: relative; padding: 0; padding-right: 35px; border: none; text-align: left; min-width: 0; font-size: 16px; font-size: 1rem; } .Button--arrow:before, .Button--arrow:after { content: ""; transition: all 0.2s; position: absolute; top: 62%; bottom: 62%; } .Button--arrow:before { width: 25px; height: 1px; transform: translateY(-0.5px); right: -1px; background-color: #1b1b1b; } .Button--arrow:after { position: absolute; transform: rotate(45deg); right: 0; width: 8px; height: 8px; margin-top: -4px; border-top: 1px solid #1b1b1b; border-right: 1px solid #1b1b1b; } .Button--arrow:hover, .Button--arrow:active, .Button--arrow:focus { background: transparent; padding-right: 45px; color: #45af2a; } .Button--arrow:hover:before, .Button--arrow:active:before, .Button--arrow:focus:before { background-color: #45af2a; width: 25px; } .Button--arrow:hover:after, .Button--arrow:active:after, .Button--arrow:focus:after { border-color: #45af2a; } .Button--arrow.Button--arrow--flipped { padding-left: 35px; text-align: right; } .Button--arrow.Button--arrow--flipped:before { left: -1px; } .Button--arrow.Button--arrow--flipped:after { transform: rotate(225deg); left: 0; } .Button--arrow.Button--arrow--flipped:hover:before, .Button--arrow.Button--arrow--flipped:hover:after, .Button--arrow.Button--arrow--flipped:active:before, .Button--arrow.Button--arrow--flipped:active:after, .Button--arrow.Button--arrow--flipped:focus:before, .Button--arrow.Button--arrow--flipped:focus:after { margin-left: -10px; } @media (max-width: 479px) { .Button--arrow.Button--arrow--blog { font-size: 14px; line-height: 15px; } } .Button--arrow.Button--1 { background-color: transparent; color: #45af2a; } .Button--arrow.Button--1:after { border-top: 1px solid #45af2a; border-right: 1px solid #45af2a; } .Button--arrow.Button--1:before { background-color: #45af2a; } .Button--arrow.Button--1:hover, .Button--arrow.Button--1:active, .Button--arrow.Button--1:focus { color: #1b1b1b; } .Button--arrow.Button--1:hover:before, .Button--arrow.Button--1:active:before, .Button--arrow.Button--1:focus:before { background-color: #1b1b1b; } .Button--arrow.Button--1:hover:after, .Button--arrow.Button--1:active:after, .Button--arrow.Button--1:focus:after { border-color: #1b1b1b; } .Button--arrow.Button--2 { background-color: transparent; color: #aac800; } .Button--arrow.Button--2:before { background-color: #aac800; } .Button--arrow.Button--2:after { border-top: 1px solid #aac800; border-right: 1px solid #aac800; } .Button--arrow.Button--2:hover, .Button--arrow.Button--2:active, .Button--arrow.Button--2:focus { color: #ffffff; } .Button--arrow.Button--2:hover:before, .Button--arrow.Button--2:active:before, .Button--arrow.Button--2:focus:before { background-color: #ffffff; } .Button--arrow.Button--2:hover:after, .Button--arrow.Button--2:active:after, .Button--arrow.Button--2:focus:after { border-color: #ffffff; } .Button--arrow.Button--3 { background-color: transparent; color: #1b1b1b; } .Button--arrow.Button--3:before { background-color: #1b1b1b; } .Button--arrow.Button--3:after { border-top: 1px solid #1b1b1b; border-right: 1px solid #1b1b1b; } .Button--arrow.Button--3:hover:before, .Button--arrow.Button--3:active:before, .Button--arrow.Button--3:focus:before { background-color: #1b1b1b; } .Button--arrow.Button--3:hover:after, .Button--arrow.Button--3:active:after, .Button--arrow.Button--3:focus:after { border-color: #1b1b1b; } .Button--arrow.Button--4 { background-color: transparent; color: #27501c; } .Button--arrow.Button--4:before { background-color: #27501c; } .Button--arrow.Button--4:after { border-top: 1px solid #27501c; border-right: 1px solid #27501c; } .Button--arrow.Button--4:hover, .Button--arrow.Button--4:active, .Button--arrow.Button--4:focus { color: #ffffff; } .Button--arrow.Button--4:hover:before, .Button--arrow.Button--4:active:before, .Button--arrow.Button--4:focus:before { background-color: #ffffff; } .Button--arrow.Button--4:hover:after, .Button--arrow.Button--4:active:after, .Button--arrow.Button--4:focus:after { border-color: #ffffff; } .Button--link { color: #45af2a; background-color: transparent; border: none; padding: 0; font-size: 22px; font-weight: 600; } .Button--link:hover, .Button--link:focus, .Button--link:active { color: #1b1b1b; } .Alert-buttonClose { font-size: 16px; line-height: 18px; } @media (min-width: 480px) { .Alert-buttonClose { font-size: 22px; line-height: normal; } } .Button--link.Button--1:hover, .Button--link.Button--1:focus, .Button--link.Button--1:active, .Button--link.Button--2:hover, .Button--link.Button--2:focus, .Button--link.Button--2:active, .Button--link.Button--4:hover, .Button--link.Button--4:focus, .Button--link.Button--4:active { color: #1b1b1b; } .Button--link.Button--1 { color: #45af2a; background-color: transparent; } .Button--link.Button--2 { color: #aac800; background-color: transparent; } .Button--link.Button--3 { color: #1b1b1b; background-color: transparent; } .Button--link.Button--3:hover, .Button--link.Button--3:focus, .Button--link.Button--3:active { color: #45af2a; } .Button--link.Button--4 { color: #27501c; background-color: transparent; } .Button--apple { background-color: #45af2a; } .Button--1 { color: #ffffff; background-color: #45af2a; border-color: #45af2a; } .Button--1:not(.Button--arrow, .Button--link) { min-width: 190px; } .Button--1:not(.Button--arrow, .Button--link):hover, .Button--1:not(.Button--arrow, .Button--link):focus, .Button--1:not(.Button--arrow, .Button--link):active { background-color: transparent; color: #45af2a; border-color: #45af2a; } .Button--2 { color: #ffffff; background-color: #aac800; border-color: #aac800; } .Button--2:not(.Button--arrow, .Button--link):hover, .Button--2:not(.Button--arrow, .Button--link):focus, .Button--2:not(.Button--arrow, .Button--link):active { background-color: transparent; color: #aac800; border-color: #aac800; } .Button--3 { color: #ffffff; background-color: #1b1b1b; border-color: #1b1b1b; } .Button--3:not(.Button--arrow, .Button--link):hover, .Button--3:not(.Button--arrow, .Button--link):focus, .Button--3:not(.Button--arrow, .Button--link):active { background-color: transparent; color: #1b1b1b; border-color: #1b1b1b; } .Button--4 { color: #ffffff; background-color: #27501c; border-color: #27501c; } .Button--4:not(.Button--arrow, .Button--link):hover, .Button--4:not(.Button--arrow, .Button--link):focus, .Button--4:not(.Button--arrow, .Button--link):active { background-color: transparent; color: #27501c; border-color: #27501c; } .Button--soloArrow { padding-right: 25px; } .Button--soloArrow:hover, .Button--soloArrow:focus, .Button--soloArrow:active { padding-right: 25px; } .Button--block { width: 100%; min-width: auto !important; } .Block-1Bg { background-color: #ffffff; color: #1b1b1b; } .Block-1Bg .ArtListCard, .Block-1Bg .Teaser, .Block-1Bg .CardListCard, .Block-1Bg .Card--eventList { background-color: #f6f6f6; } .Block-1Bg .Product-Teaser-body { background-color: #eeeeee; } .Block-2Bg { background-color: #f6f6f6; color: #1b1b1b; } .Block-2Bg .ArtListCard, .Block-2Bg .Teaser, .Block-2Bg .CardListCard, .Block-2Bg .Card--eventList { background-color: #ffffff; } .Block-2Bg .Product-Teaser-body { background-color: #ffffff; } .Block-3Bg { background-color: #aaaaaa; color: #1b1b1b; } .Block-3Bg .ArtListCard, .Block-3Bg .Teaser, .Block-3Bg .CardListCard, .Block-3Bg .Card--EventList { background-color: #ffffff; } .Block-3Bg .Product-Teaser-body { background-color: #ffffff; } .Block-4Bg { background-color: #aac800; color: #1b1b1b; } .Block-4Bg .ArtListCard, .Block-4Bg .Teaser, .Block-4Bg .CardListCard, .Block-4Bg .Card--eventList { background-color: #ffffff; } .Block-4Bg .Product-Teaser-body { background-color: #ffffff; } .SiteLogo { display: inline-block; } .SiteLogo img { width: 100%; height: auto; } .Block-anchor-wrapper { position: relative; } .Block-anchor { position: absolute; visibility: hidden; pointer-events: none; width: 0px; height: 0px; top: -100px; } @media (max-width: 479px) { .Block-anchor { top: -60px; } } .Grid--flex { display: flex; flex-wrap: wrap; } .Grid--flex > .Grid-cell { display: flex; flex-direction: column; } .Grid--flex .slick-track > .Grid-cell { display: flex; flex-direction: column; } .Grid--flex.Grid--alignCenter { justify-content: center; } .Grid-cell--hasBackgroundImage { background-position: center center; background-size: cover; } @media (min-width: 990px) { .u-md-sizeFill[class*=u-lg-] { display: inline-block !important; } } .Grid-block { transform: translateY(0); transition: all 0.25s; } .Grid-block:hover, .Grid-block:active, .Grid-block:focus { transform: translateY(-5px); transition: all 0.25s; box-shadow: 2px 4px 5px #e7e7e7; } .Grid-link .Grid-title:hover, .Grid-link .Grid-title:active, .Grid-link .Grid-title:focus { color: #45af2a; transition: all 0.2s ease 0s; } .Grid-link .Grid-moreLink:hover, .Grid-link .Grid-moreLink:active, .Grid-link .Grid-moreLink:focus { color: #45af2a; } @media (max-width: 768px) { .Grid--mobileSlider .slick-track > .Grid-cell { padding: 0 5px; display: none; } .Grid--mobileSlider.slick-initialized .slick-track > .Grid-cell { display: block; } .Grid--mobileSlider.Slider--flex .slick-track { display: flex; } .Grid--mobileSlider.Slider--flex .slick-slide { display: flex !important; height: auto; } } @media (max-width: 768px) { .Grid--mobileSlider--largerGutter .slick-track > .Grid-cell { padding: 0 8px; } } .Grid--gutterMedium { margin: 0 -30px; } .Grid--gutterMedium > .Grid-cell { padding: 0 30px; } .Grid--gutterLarge { margin: 0 -60px; } .Grid--gutterLarge > .Grid-cell { padding: 0 60px; } .Grid--gutterXLarge { margin: 0 -80px; } .Grid--gutterXLarge > .Grid-cell { padding: 0 80px; } .Grid--gutterXXLarge { margin: 0 -50; } .Grid--gutterXXLarge > .Grid-cell { padding: 0 50px; } @media (min-width: 990px) { .Grid--gutterXXLarge > .Grid-cell { padding: 0 110px; } } @media (min-width: 990px) { .Grid--gutterXXLarge { margin: 0 -110px; } } .Grid--gutterSmall { margin: 0 -8px; } .Grid--gutterSmall > .Grid-cell { padding: 0 8px; } .Grid--gutterSmallMobile { margin: 0 -1px; } .Grid--gutterSmallMobile > .Grid-cell { padding: 1px; } @media (min-width: 480px) { .Grid--gutterSmallMobile { margin: 0 -8px; } .Grid--gutterSmallMobile > .Grid-cell { padding: 0 8px; } } .Grid--gutterBricks { margin: 0 -10px; } .Grid--gutterBricks > .Grid-cell { padding: 0 10px; } @media (max-width: 991px) { .Grid--gutterBricks > .Grid-cell { margin-bottom: 20px; } } .BlockHeading { position: absolute; left: 0; right: 0; margin: 0 auto; font-size: 21px; line-height: 19px; padding-left: 60px; padding-right: 60px; } @media (min-width: 769px) { .BlockHeading { font-size: 24px; line-height: 26px; } } .BlockHeading-headline { font-size: 21px; line-height: 19px; } @media (min-width: 769px) { .BlockHeading-headline { font-size: 24px; line-height: 26px; } } .BlockHeading--withBorder { top: 45px; } @media (min-width: 769px) { .BlockHeading--withBorder { top: 65px; } } .BlockHeading--withSubheading { top: 24px; padding-left: 30px; padding-right: 30px; } @media (min-width: 769px) { .BlockHeading--withSubheading { top: 53px; } } .BlockHeading--noBorder { font-size: 16px; line-height: 19px !important; max-width: 210px; position: absolute; top: 50px; left: 0; right: auto; padding: 0; } @media (min-width: 769px) { .BlockHeading--noBorder { font-size: 26px; line-height: 32px !important; max-width: 700px; top: 75px; } } .BlockHeading--gallery { padding: 0 10px !important; top: 45%; left: 50%; transform: translate(-50%, -50%); width: 80%; } .BlockHeading--gardenZone, .BlockHeading--gardenZone.BlockHeading--withBorder { top: 50%; transform: translateY(-50%); } @media (max-width: 768px) { .BlockHeading--gardenZone, .BlockHeading--gardenZone.BlockHeading--withBorder { padding-left: 30px; padding-right: 30px; } } .BlockHeading--center { top: 45%; transform: translateY(-50%); } @media (min-width: 769px) { .BlockHeading--center { top: 45%; } } @media (max-width: 768px) { .BlockHeading--gardenZone { top: 50%; padding-left: 30px; padding-right: 30px; transform: translateY(-50%); } } .BlockButton { position: absolute; left: 0; right: 0; margin: 0 auto; } .BlockButton--withMargin { height: 135px; bottom: 0; } @media (min-width: 769px) { .BlockButton--withMargin { height: 180px; } } .BlockButton--withMargin .Button { transform: translateY(-50%); position: relative; top: 50%; } .MediaContainer { margin: 0 auto; } .MediaContainer iframe { width: 100%; height: 100%; } .FlexEmbed-ratio--1by1 { padding-bottom: 100%; } .List li { display: block; margin-bottom: 10px; } .List li:last-of-type { margin-bottom: 0; } .List--small > li { margin-bottom: 15px; } .List--medium > li { margin-bottom: 30px; } .List--large > li { margin-bottom: 60px; } .List--plain > li { line-height: 1.4; font-size: 18px; font-size: 1.125rem; } .List-label { float: left; margin-right: 5px; } .List--horizontal { font-size: 0; list-style-type: none; } .List--horizontal > li { display: inline-block; } ul.List--icons { margin: 0 -8px; } ul.List--icons a { font-size: 18px; display: block; margin: 0 8px; text-align: center; color: #1b1b1b; } ul.List--icons a:hover, ul.List--icons a:active, ul.List--icons a:focus { color: #45af2a; } .List--share a { background-color: black; color: white; border: 1px solid #ffffff; height: 22px; width: 22px; border-radius: 100%; display: inline-block; vertical-align: middle; position: relative; font-size: 10px; } @media (min-width: 769px) { .List--share a { height: 33px; width: 33px; font-size: 16px; } } .List--share a:hover, .List--share a:focus, .List--share a:active { color: #1b1b1b; background-color: transparent; border-color: #1b1b1b; } .List--share i { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .List--share li { display: inline-block; } @media (min-width: 769px) { .List--share li { display: block; } } hr { background: #1b1b1b; margin: 40px 0; } .Quote { font-style: italic; font-size: 26px; line-height: 32px; } @media (max-width: 768px) { .Quote { padding: 0 20px; } } @media (min-width: 769px) { .Quote { font-size: 42px; line-height: 52px; } } .Quote p { position: relative; } .Quotation--beginLow { padding-bottom: 20px; transform: rotate(200deg); display: inline-block; vertical-align: top; height: 0; } @media (min-width: 769px) { .Quotation--beginLow { padding-bottom: 35px; } } .Quotation--beginHigh { padding-bottom: 20px; transform: rotate(200deg); position: absolute; vertical-align: top; height: 0; } @media (min-width: 769px) { .Quotation--beginHigh { padding-bottom: 35px; } } .Quote-end { position: absolute; } .Quotation--endLow { transform: rotate(20deg); display: inline-block; vertical-align: top; height: 0; width: 0; position: relative; bottom: 2px; } @media (min-width: 769px) { .Quotation--endLow { bottom: 0; padding-bottom: 5px; } } .Quotation--endLow::after { content: "'"; position: absolute; vertical-align: top; height: 0; padding-bottom: 5px; top: -2px; left: 6px; } @media (min-width: 769px) { .Quotation--endLow::after { top: -4px; left: 10px; } } .Quote--source { font-size: 14px; line-height: 15px; } @media (min-width: 769px) { .Quote--source { font-size: 26px; line-height: 35px; } } .Spotlight--dark .Spotlight-content { background-color: #333333; } .Spotlight--dark .Spotlight-themed, .Spotlight--dark .Spotlight-themed a { color: #ffffff; } .Spotlight--dark .Spotlight-themed a:hover, .Spotlight--dark .Spotlight-themed a:focus, .Spotlight--dark .Spotlight-themed a:active { color: #45af2a; } .Spotlight--dark .Teaser-link:hover, .Spotlight--dark .Teaser-link:active, .Spotlight--dark .Teaser-link:focus { color: #aac800; transition: all 0.2s ease 0s; } .Spotlight--dark .Teaser-link:hover h1, .Spotlight--dark .Teaser-link:active h1, .Spotlight--dark .Teaser-link:focus h1 { color: #aac800; transition: all 0.2s ease 0s; } .Spotlight--light .Spotlight-content { background-color: #f6f6f6; } .Spotlight--light .Spotlight-themed a { color: #1b1b1b; } .Spotlight--light .Spotlight-themed a:hover, .Spotlight--light .Spotlight-themed a:focus, .Spotlight--light .Spotlight-themed a:active { color: #45af2a; } .Spotlight-media { z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-position: center center !important; background-size: cover !important; padding-bottom: 73.0569948187%; } @media (min-width: 769px) { .Spotlight-media { height: auto; position: absolute; right: auto; width: 50%; padding-bottom: 0; } } .Spotlight-heading { font-size: 32px; line-height: 27px; } @media (min-width: 480px) { .Spotlight-heading { font-size: 57px; line-height: 0.82; } } .Spotlight-date { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .Spotlight-date { font-size: 26px; line-height: 1.35; } } .Spotlight > .Container { position: relative; } .Spotlight > .Container .Container { padding: 0 15px; } @media (min-width: 480px) { .Spotlight > .Container .Container { padding: 0 30px; } } @media (min-width: 769px) { .Spotlight-cell { min-height: 590px; } } .Spotlight-body { position: relative; height: 100%; } .Spotlight-link { position: absolute; bottom: 30px; left: 0; } @media (min-width: 769px) { .Spotlight-link { bottom: 50px; } } .Spotlight-button { position: absolute; bottom: 35px; left: 0; } @media (min-width: 769px) { .Spotlight-button { bottom: 70px; } } @media (min-width: 769px) { .Spotlight--imageRight .Spotlight-media { right: 0; left: auto; } .Spotlight--imageRight .Spotlight-cell { right: 50%; position: relative; } .Spotlight--imageRight .Spotlight-body { padding-left: 50px; } .Spotlight--imageRight .Spotlight-button { left: 50px; } } .Spotlight-body--hasLink { padding-top: 25px; padding-bottom: 100px; } @media (min-width: 769px) { .Spotlight-body--hasLink { padding-top: 70px; padding-bottom: 140px; } } .Spotlight-body--hasButton { padding-top: 25px; padding-bottom: 110px; } @media (min-width: 769px) { .Spotlight-body--hasButton { padding-top: 70px; padding-bottom: 180px; } } .SplitMedia-content { font-size: 22px; line-height: 28px; } .Spotlight-label { font-size: 10.2px; line-height: 11px; color: #1b1b1b; font-weight: 600; } @media (min-width: 480px) { .Spotlight-label { font-size: 16px; line-height: 2; font-weight: 500; } } .Media { position: relative; z-index: 1; height: 100%; width: 100%; } .Media--hasBackgroundImage { background-position: center center; background-size: cover; } .Media-source { position: relative; z-index: 2; } .Media-caption { color: #1b1b1b; font-size: 10px; font-weight: normal; margin-top: 5px; position: absolute; top: 100%; width: 95%; z-index: 3; } .Media-caption--indented { padding-left: 10px; } .Centered-Post-Image { display: block; margin: auto; height: 170px; width: 291px; } @media (min-width: 769px) { .Centered-Post-Image { height: 311px; width: 532px; } } .Hero { position: relative; overflow: hidden; } .Hero.Hero-theme--1 { color: #ffffff; } .Hero.Hero-theme--2 { color: #1b1b1b; } .Hero:hover .Hero-credit, .Hero:focus .Hero-credit, .Hero:active .Hero-credit { opacity: 1; } .Hero-media { position: absolute; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background-position: center center; background-size: cover; background-repeat: no-repeat; } .Hero-credit { position: absolute; bottom: 0; right: 0; left: 0; z-index: 3; padding-bottom: 25px; text-align: right; opacity: 0; transition: opacity 0.2s; } .Hero-credit span { line-height: 13px; } .Hero-widthLimiter { max-width: 450px; } .Hero-content { position: relative; z-index: 3; } .Hero--story { height: auto; padding-bottom: 69.0176322418%; } @media (min-width: 769px) { .Hero--story { padding-bottom: 53.125%; } } .Hero-navigation { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 100%; } .Hero-navigation a { width: 32px; height: 32px; display: block; background-color: rgba(51, 51, 51, 0.63); border-radius: 100%; display: flex; } @media (min-width: 769px) { .Hero-navigation a { width: 50px; height: 50px; } } .Hero-navigation a:hover, .Hero-navigation a:focus { background-color: rgba(51, 51, 51, 0.85); } .Hero-navigation svg { width: 13px; height: 13px; margin: auto; } @media (min-width: 769px) { .Hero-navigation svg { width: 21px; height: 21px; } } .Hero--home { min-height: 300px; } @media (min-width: 480px) { .Hero--home { min-height: 600px; } } .Hero--home .Hero-body { padding: 40px 0; } @media (min-width: 480px) { .Hero--home .Hero-body { padding: 100px 0; } } .Hero-card { position: relative; background-color: #fff; padding: 30px; max-width: 420px; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.32); } @media (min-width: 480px) { .Hero-card { box-shadow: none; } } @media (min-width: 990px) { .Hero-card .Hero-caption { position: relative; top: -7px; } } .Hero-card--wide { max-width: 100%; padding: 30px; } @media (min-width: 769px) { .Hero-card--wide { padding: 60px; } } .Hero--card .Hero-media { min-height: 300px; position: relative; } @media (min-width: 480px) { .Hero--card .Hero-media { position: absolute; min-height: 600px; } } .Hero--card .Hero-content { transform: translateY(-20%); } @media (min-width: 480px) { .Hero--card .Hero-content { transform: none; top: 30px; } } @media (min-width: 480px) { .Hero--cta { margin-bottom: -10%; } } .Hero--cta .Button { margin-bottom: 10px; margin-right: 25px; } .Hero--cta .Hero-media { min-height: 244px; position: relative; padding-bottom: 41.6666666667%; } @media (min-width: 480px) { .Hero--cta .Hero-media { min-height: 350px; } } .Hero--cta .Hero-card { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.32); } @media (max-width: 479px) { .Hero--cta .Hero-caption { font-size: 14px; line-height: 19px; } } @media (max-width: 479px) { .Hero--cta .Hero-heading { font-size: 26px; line-height: 23px; } } @media (max-width: 479px) { .Hero--cta .Hero-subheading { font-size: 16px; line-height: 20px; } } @media (max-width: 479px) { .Hero--cta .Hero-card { padding: 20px; } } .Hero--cta .Hero-content { transform: translateY(-10%); margin-bottom: -5%; } @media (min-width: 480px) { .Hero--cta .Hero-content { margin-bottom: 0; transform: translateY(-50%); } } @media all and (min-width: 2000px) { .Hero--cta .Hero-content { transform: translateY(-60%); } } @media all and (min-width: 2500px) { .Hero--cta .Hero-content { transform: translateY(-75%); } } @media all and (min-width: 3000px) { .Hero--cta .Hero-content { transform: translateY(-85%); } } .Hero--divider { min-height: 300px; display: flex; align-items: center; justify-content: center; } @media (min-width: 480px) { .Hero--divider { min-height: 600px; } } .Hero--divider .Hero-body { background-color: #ffffff; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.32); padding: 40px 15px; } @media (min-width: 480px) { .Hero--divider .Hero-body { padding: 40px 100px; box-shadow: none; } } .Hero--divider .Hero-body .Hero-cta { line-height: 23px; font-size: 26px; } @media (min-width: 480px) { .Hero--divider .Hero-body .Hero-cta { font-size: 35px; line-height: 32px; } } @media (max-width: 479px) { .Hero--divider .Hero-body h3 { line-height: 23px; font-size: 26px; } } .Hero--divider .Hero-caption { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .Hero--divider .Hero-caption { font-size: 22px; line-height: 28px; } } .Hero--divider .Hero--maxWidth { max-width: 772px; } .Hero--hasCta.Hero--hasImage { min-height: 600px; padding: 0; padding-bottom: 200px; } .Hero--hasCta.Hero--hasImage .Hero-media { top: auto; bottom: 200px; } .Hero--hasCta.Hero--hasImage .Hero-content { top: 195px; } @media (min-width: 480px) { .Hero--hasCta.Hero--hasImage { padding: 0; } .Hero--hasCta.Hero--hasImage .Hero-body { padding: 40px; } .Hero--hasCta.Hero--hasImage .Hero-media { bottom: auto; } .Hero--hasCta.Hero--hasImage .Hero-content { top: auto; } } @media screen and (min-width: 600px) { .Hero--hasCta.Hero--hasImage { padding: 100px 50px; } .Hero--hasCta.Hero--hasImage .Hero-body { padding: 40px 50px; } } @media (min-width: 990px) { .Hero--hasCta.Hero--hasImage { padding: 100px 0; } .Hero--hasCta.Hero--hasImage .Hero-body { padding: 40px 100px; } } .Hero--hasSubmenu { height: auto; padding-bottom: 50%; } @media (min-width: 769px) { .Hero--hasSubmenu { padding-bottom: 31.25%; } } .Hero--confirmation { height: 160px; } @media (min-width: 769px) { .Hero--confirmation { height: 590px; } } ul.List--social a { height: 40px; width: 40px; line-height: 45px; color: #ffffff; background-color: #1b1b1b; border-radius: 100%; } ul.List--social a:hover, ul.List--social a:focus, ul.List--social a:active { color: #ffffff; background-color: #45af2a; } ul.List--dotted li { padding-left: 15px; position: relative; } ul.List--dotted li:before { content: "-"; position: absolute; top: 0; left: 0; } .Heading--borderBottom span, .Heading--borderBottom div { position: relative; display: inline-block; } .Heading--borderBottom span:after, .Heading--borderBottom div:after { position: absolute; bottom: -10px; height: 3px; background-color: #1b1b1b; content: ""; left: 10%; right: 10%; } @media (min-width: 769px) { .Heading--borderBottom span:after, .Heading--borderBottom div:after { bottom: -20px; height: 6px; left: 5%; right: 5%; } } .Teaser-link:hover, .Teaser-link:active, .Teaser-link:focus { color: #45af2a; } .Teaser-link:hover h1, .Teaser-link:hover h2, .Teaser-link:hover h3, .Teaser-link:hover h4, .Teaser-link:active h1, .Teaser-link:active h2, .Teaser-link:active h3, .Teaser-link:active h4, .Teaser-link:focus h1, .Teaser-link:focus h2, .Teaser-link:focus h3, .Teaser-link:focus h4 { color: #45af2a; transition: all 0.2s ease 0s; } .Teaser, .TeaserShopProducts { position: relative; } .Teaser--artGrid { min-height: 295px; } .Teaser--artGrid .Teaser-body { position: static; padding: 15px; padding-bottom: 50px; } @media (min-width: 769px) { .Teaser--artGrid .Teaser-body { padding: 20px 30px; padding-bottom: 70px; } } .Teaser--artGrid .Teaser-more { position: absolute; bottom: 23px; } .Teaser--gardenZoneGrid { min-height: 295px; } .Teaser--gardenZoneGrid .Teaser-body { position: static; padding-bottom: 20px; } @media (min-width: 480px) { .Teaser--gardenZoneGrid .Teaser-body { padding-bottom: 50px; } } @media (min-width: 769px) { .Teaser--gardenZoneGrid .Teaser-body { padding-bottom: 70px; } } .Teaser-image { padding-bottom: 76.4248704663%; background-size: cover; background-position: center center; position: relative; z-index: 2; } .Teaser-image.Teaser-image--postGrid { padding-bottom: 68.75%; } @media (min-width: 769px) { .Teaser-image.Teaser-image--postGrid { padding-bottom: 76.4248704663%; } } .Teaser-body { position: relative; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 100px; } .Teaser-body.Product-Teaser-body { padding-top: 15px; padding-bottom: 40px; min-height: 0; } @media (max-width: 768px) { .Teaser-body.Product-Teaser-body { height: 75px; } } .Teaser-body.Grid-Teaser-body { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0; } .Teaser-body.SingleEvent-Teaser-body { padding-top: 10px; padding-left: 35px; padding-right: 35px; padding-bottom: 20px; } .Teaser-body.Teaser-body--eventCategories { padding: 15px; padding-top: 30px; padding-bottom: 90px; } @media (min-width: 769px) { .Teaser-body.Teaser-body--eventCategories { padding: 30px; padding-bottom: 90px; } } .Teaser-body.VenueCards-Teaser-body { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 30px; } .Teaser-body.Teaser-body--postGrid { padding: 15px; padding-bottom: 60px; position: static; } @media (min-width: 769px) { .Teaser-body.Teaser-body--postGrid { padding-top: 20px; padding-left: 30px; padding-right: 30px; } } @media (min-width: 769px) { .Teaser-body { padding: 30px; padding-bottom: 150px; min-height: 295px; } } .Teaser--largeCard { font-size: 0; position: relative; } .Teaser--largeCard .Teaser-body { padding-bottom: 40px; } @media (min-width: 769px) { .Teaser--largeCard .Teaser-body { min-height: 200px; } } .Teaser--largeCard .Teaser-body h3 { font-size: 28px; line-height: 1.2; } @media (min-width: 769px) { .Teaser--largeCard .Teaser-body h3 { font-size: 42px; line-height: 37px; } } @media (max-width: 768px) { .Teaser--largeCard .Teaser-imageLink { display: inline-block; width: 33.33%; } } @media (max-width: 768px) { .Teaser--largeCard .Teaser-image { padding-bottom: 100%; } } @media (max-width: 768px) { .Teaser--largeCard .Teaser-body { display: inline-block; vertical-align: top; width: 66.66%; padding-bottom: 15px; padding-right: 20px; } .Teaser--largeCard .Teaser-body p { display: none; } } @media (max-width: 479px) { .Teaser--largeCard .Teaser-body h3 { font-size: 16px; line-height: 14px; } } .Teaser--largeCard .Teaser-arrow { position: absolute; bottom: 15px; left: 33.33%; margin-left: 5px; display: inline-block; } @media (min-width: 769px) { .Teaser--largeCard .Teaser-arrow { display: none; } } .Teaser--largeCard .Teaser-arrow:hover, .Teaser--largeCard .Teaser-arrow:focus, .Teaser--largeCard .Teaser-arrow:active { padding-right: 35px; } .Teaser-button { position: absolute; left: 15px; bottom: 15px; } @media (min-width: 769px) { .Teaser-button { left: 30px; bottom: 30px; } } .Teaser-badge { position: absolute; top: 10px; left: 10px; z-index: 3; font-size: 20px; height: 75px; width: 75px; border-radius: 100%; line-height: 70px; color: #ffffff; background-color: #1b1b1b; text-align: center; font-weight: 500; } .Teaser--postGrid { min-height: 295px; } .Teaser--postGrid .Teaser-more { position: absolute; bottom: 23px; } .Stamp { background-color: #333333; color: #ffffff; text-align: left; padding: 20px 30px 90px; position: relative; } @media (min-width: 769px) { .Stamp { padding-bottom: 100px; } } @media (max-width: 479px) { .Stamp h3 { font-size: 40px !important; line-height: 34px !important; } } @media (max-width: 768px) { .Stamp h3 { font-size: 46px !important; line-height: 39px !important; } } .Stamp .Stamp-link { position: absolute; bottom: 25px; left: 30px; } .CallOutCard.CallOutCard--green { background-color: #aac800; color: #ffffff; } .CallOutCard.CallOutCard--green .CallOutCard-theme { color: #ffffff; } .CallOutCard.CallOutCard--white { background-color: #ffffff; color: #1b1b1b; } .CallOutCard.CallOutCard--white .CallOutCard-theme { color: #1b1b1b; } .CallOutCard-heading { line-height: 0.88; } @media (max-width: 479px) { .CallOutCard-heading { font-size: 40px !important; line-height: 34px !important; } } @media (max-width: 768px) { .CallOutCard-heading { font-size: 46px !important; line-height: 39px !important; } } .CallOutCard-body { padding: 25px 30px 90px; position: relative; } @media (min-width: 769px) { .CallOutCard-body { padding-bottom: 100px; } } @media (min-width: 990px) { .CallOutCard-body { min-height: 290px; } } .CallOutCard-image { padding-bottom: 68.75%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } @media (min-width: 769px) { .CallOutCard-image { padding-bottom: 50%; } } .CallOutCard-link { position: absolute; bottom: 25px; left: 30px; } .Strip { position: relative; background-color: #ffffff; } .Strip.Strip--gray { background-color: #f6f6f6; } .Strip-body { padding: 25px 30px 90px; position: relative; } @media (min-width: 769px) { .Strip-body { min-height: 300px; padding-bottom: 100px; } } .Strip-link { position: absolute; left: 30px; bottom: 25px; } @media (min-width: 769px) { .Strip-media { position: absolute; height: 100%; top: 0; bottom: 0; } } .Strip-image { height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding-bottom: 68.75%; } @media (min-width: 769px) { .Strip-image { padding-bottom: 0; } } @media (min-width: 769px) { .Strip--imageRight .Strip-media { right: 0; left: auto; } } @media (min-width: 769px) { .Strip--imageLeft .Strip-media { right: auto; left: 0; } .Strip--imageLeft .Strip-content { left: 66.6666666667%; position: relative; } } .PostCard { background-color: #ffffff; } .PostCard.PostCard--gray { background-color: #f6f6f6; } .PostCard-body { padding: 25px 30px 90px; position: relative; } @media (min-width: 769px) { .PostCard-body { padding-bottom: 100px; } } .PostCard-link { position: absolute; left: 30px; bottom: 30px; } .PostCard-image { background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 68.75%; } @media (min-width: 769px) { .PostCard-image { padding-bottom: 73.0569948187%; } } .Split .Split-theme { color: #ffffff; } .Split.Split--green { background-color: #aac800; color: #ffffff; } .Split.Split--gray { background-color: #333333; color: #ffffff; } .Split.Split--gray .Button--arrow.Button--1 { color: #aac800; } .Split.Split--gray .Button--arrow.Button--1:before { background-color: #aac800; } .Split.Split--gray .Button--arrow.Button--1:after { border-top: 1px solid #aac800; border-right: 1px solid #aac800; } .Split.Split--gray .Button--arrow.Button--1:hover { color: #ffffff; } .Split.Split--gray .Button--arrow.Button--1:hover:before { background-color: #ffffff; } .Split.Split--gray .Button--arrow.Button--1:hover:after { border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; } .Split.Split--white { background-color: #f6f6f6; color: #1b1b1b; } .Split.Split--white .Split-theme { color: #1b1b1b; } .Split { position: relative; } .Split h3 { line-height: 0.88; } @media (max-width: 479px) { .Split h3 { font-size: 40px !important; line-height: 34px !important; } } @media (max-width: 768px) { .Split h3 { font-size: 46px !important; line-height: 39px !important; } } .Split-grid, .Strip-grid { height: 100%; } @media (min-width: 769px) { .Split-media { position: absolute; left: 0; right: 50%; bottom: 0; top: 0; } } @media (min-width: 769px) { .Split-content { position: relative; left: 50%; } } .Split-image { padding-bottom: 73.0569948187%; background-size: cover; background-position: center center; position: relative; } @media (min-width: 769px) { .Split-image { padding-bottom: 0; height: 100%; } } .Split-body { padding-top: 25px; padding-left: 30px; padding-right: 30px; padding-bottom: 90px; } @media (min-width: 769px) { .Split-body { padding-bottom: 100px; } } .Split-link { position: absolute; left: 30px; bottom: 30px; } .MediaPanel-image { height: 300px; background-size: cover; background-position: center center; position: relative; } @media (min-width: 769px) { .MediaPanel-image { height: 600px; } } .MediaPanel-link { position: absolute; bottom: 40px; left: 40px; } .MiniHero-image { background-size: cover; background-position: center center; position: relative; } @media (min-width: 769px) { .MiniHero-image { height: 600px; } } .MiniHero-body { padding: 50px; padding-bottom: 200px; } .MiniHero-link { position: absolute; bottom: 50px; left: 50px; } .Sidebar { width: 100%; } @media (min-width: 990px) { .Sidebar { max-width: 305px; } } .Sidebar--donate { padding: 30px 20px 55px 20px; } .Sidebar--donate .Sidebar-image { width: 40%; padding-left: 5px; text-align: center; } .Sidebar--donate .Sidebar-content { width: 60%; float: left; padding-right: 5px; } .Sidebar--donate .Sidebar-image, .Sidebar--donate .Sidebar-content { display: inline-block; } .Section { position: relative; } .Sidebar--price { margin-bottom: 40px; margin-top: 10px; } @media (min-width: 769px) { .Sidebar--price { margin-top: 0; margin-bottom: 0; } } .Sidebar--garden, .Sidebar--artwork { position: absolute; } .Sidebar.Sidebar--narrow { max-width: 270px; } @media (min-width: 769px) { .Sidebar.Sidebar--intro, .Sidebar.Sidebar--content { display: inline-block; text-align: left; right: 0; max-width: 280px; } } @media (min-width: 769px) { .Sidebar--donate { max-width: 305px; } } @media (min-width: 990px) { .Sidebar--donate { position: absolute; right: 0; } } @media (min-width: 769px) { .Sidebar--price { width: 150px; } } @media (min-width: 990px) { .Sidebar--price { width: 210px; } } .Sidebar-arrow { position: relative; } @media (min-width: 769px) { .Sidebar-arrow .Button { position: absolute; left: 35px; min-width: 121px; } } @media (min-width: 990px) { .Sidebar-arrow .Button { left: 67px; } } .Plant-anchor { position: relative; } .Plant-anchor span { display: block; position: absolute; top: -120px; } @media (min-width: 1001px) { .Plant-anchor span { top: -180px; } } .HighlineH { height: 66px; width: 33px; } .HighlineH img { max-height: 66px; } .HighlineH--large { height: 119px; width: 69px; } .HighlineH--large img { max-height: 119px; } .CardGrid h3, .CardGrid .Button--arrow { margin-left: 15px; font-size: 14px; } @media (min-width: 480px) { .CardGrid h3, .CardGrid .Button--arrow { margin-left: 30px; font-size: 16px; } } .CardGrid h3 { padding-top: 15px; margin-right: 15px; font-size: 16px; } @media (min-width: 480px) { .CardGrid h3 { padding-top: 24px; padding-right: 40px; font-size: 35px; } } .CardGrid .Button--arrow { font-weight: 600px; } .CardGrid .Teaser-body { height: 90px; padding-bottom: 60px; } @media (min-width: 480px) { .CardGrid .Teaser-body { height: auto; min-height: 200px; } } .CardGrid .Teaser-more { margin-top: 50px; position: absolute; bottom: 23px; } .CardGrid .CardGrid-ButtonWrapper { text-align: center; } .CardGrid .Button:not(.Button--arrow) { display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 18px; } .ArtGrid h3 { line-height: 30px; } .ArtGrid p { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .ArtGrid p { font-size: 18px; line-height: 26px; } } .ArtGrid a:not(.Button, .Teaser-link) { font-size: 18px; line-height: 32px; bottom: 20px; position: absolute; } .ArtList .ArtList-ButtonWrapper { text-align: center; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 80px; } .ArtList .ArtListCard:last-of-type { margin-bottom: 0; } .ArtListCard .Button--arrow { background: transparent; } .ArtListCard { position: relative; min-height: 295px; } .ArtListImage { display: block; width: 100%; padding-bottom: 76.124567474%; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 769px) { .ArtListImage { position: absolute; top: 0; left: 0; bottom: 0; width: 33%; padding-bottom: 0; } } @media (max-width: 768px) { .ArtListContent { margin-top: 20px; margin-left: 15px; margin-right: 15px; padding-bottom: 45px; } } @media (min-width: 769px) { .ArtListContent { margin-left: 45px; padding-bottom: 75px; } } .ArtListContent h4 { line-height: 24px; } @media (min-width: 769px) { .ArtListContent h4 { line-height: 32px; } } .ArtListContent p { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .ArtListContent p { font-size: 18px; line-height: 24px; } } @media (min-width: 769px) { .ArtListContent .ArtListDescription { margin-right: 60px; } } .ArtListContent .ArtListLink { position: absolute; bottom: 30px; } @media (max-width: 479px) { .SinglePage-category, .SinglePage-location { font-size: 11px; line-height: 32px !important; } } .SinglePage-heading { font-size: 22px; line-height: 24px; } @media (min-width: 480px) { .SinglePage-heading { font-size: 46px; line-height: 52px; } } @media (max-width: 479px) { .SinglePage-subheading, .SinglePage-date { font-size: 16px; line-height: 20px; } } .EventAlert, .ParkAlert { visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 0.2s; height: 0; padding: 0; } .EventAlert.is-active, .ParkAlert.is-active { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 0.2s; height: auto; } .EventAlert, .ParkAlert { background-color: #ff7453; color: #ffffff; font-size: 16px; position: relative; line-height: 26px; } .EventAlert.is-active, .ParkAlert.is-active { padding: 15px 0; } .EventAlert a, .ParkAlert a { color: #ffffff; cursor: pointer; } .EventAlert a:hover, .EventAlert a:focus, .EventAlert a:active, .ParkAlert a:hover, .ParkAlert a:focus, .ParkAlert a:active { color: #1b1b1b; } .EventAlert-content, .ParkAlert-content { position: relative; padding-right: 25px; } .EventAlert-content a, .ParkAlert-content a { text-decoration: underline; } .EventAlert-content > span, .ParkAlert-content > span { display: inline-block; position: relative; text-align: left; } .EventAlert--styled .EventAlert-content > span, .EventAlert--styled .ParkAlert-content > span, .ParkAlert--styled .EventAlert-content > span, .ParkAlert--styled .ParkAlert-content > span { display: inline-block; position: relative; text-align: left; } @media (min-width: 769px) { .EventAlert--styled .EventAlert-content > span, .EventAlert--styled .ParkAlert-content > span, .ParkAlert--styled .EventAlert-content > span, .ParkAlert--styled .ParkAlert-content > span { padding-left: 25px; } .EventAlert--styled .EventAlert-content > span:before, .EventAlert--styled .ParkAlert-content > span:before, .ParkAlert--styled .EventAlert-content > span:before, .ParkAlert--styled .ParkAlert-content > span:before { content: "\e915"; font-family: "icomoon"; position: absolute; top: 12px; left: 0; transform: translateY(-50%); } } .EventAlert-close, .ParkAlert-close { position: absolute; color: #ffffff; text-decoration: none; font-weight: 100; font-size: 18px; top: 15px; right: 15px; } @media (min-width: 769px) { .EventAlert-close, .ParkAlert-close { top: 50%; font-size: 28px; transform: translateY(-50%); right: 20px; } } .EventAlert-close:before, .ParkAlert-close:before { content: "\e911"; font-family: "icomoon"; } .EventCard { background-color: #ffffff; border: 1px solid #979797; position: relative; padding: 25px; padding-bottom: 160px; min-height: 400px; } @media (min-width: 769px) { .EventCard { padding-bottom: 200px; min-height: 640px; padding: 30px; } } @media (max-width: 479px) { .EventCard-category { font-size: 14px; line-height: 15px; } } .EventCard-title { font-size: 24px; line-height: 26px; } @media (min-width: 480px) { .EventCard-title { line-height: 33px; } } @media (min-width: 769px) { .EventCard-title { font-size: 32px; } } .EventCard-title a { color: #1b1b1b; } .EventCard-title a:hover { color: #45af2a; } @media (max-width: 479px) { .EventCard-description { font-size: 16px; line-height: 22px; } } .EventCard-link { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 25px; } @media (min-width: 769px) { .EventCard-link { padding: 15px 30px; } } .EventCard-link:hover, .EventCard-link:focus, .EventCard-link:active { color: #1b1b1b; } .EventCard-link:hover .Button--arrow, .EventCard-link:focus .Button--arrow, .EventCard-link:active .Button--arrow { padding-right: 45px; color: #1b1b1b; } .EventCard-link:hover .Button--arrow:before, .EventCard-link:focus .Button--arrow:before, .EventCard-link:active .Button--arrow:before { width: 25px; background-color: #1b1b1b; } .EventCard-link:hover .Button--arrow:after, .EventCard-link:focus .Button--arrow:after, .EventCard-link:active .Button--arrow:after { border-color: #1b1b1b; } .EventCard-date { position: absolute; bottom: 50px; left: 25px; right: 30px; padding-bottom: 20px; } @media (min-width: 769px) { .EventCard-date { padding-bottom: 40px; left: 30px; } } .LargeDate { color: #1b1b1b; } .LargeDate--flex { display: flex; } .LargeDate-right { margin-top: auto; padding-left: 20px; } .LargeDate-giantText { font-size: 50px; line-height: 55px; } @media (min-width: 480px) { .LargeDate-giantText { font-size: 90px; } } .LargeDate-mediumText { font-size: 57px; line-height: 64px; } .LargeDate-month { font-size: 16px; font-weight: 600; line-height: 1.4; } @media (min-width: 480px) { .LargeDate-month { font-size: 26px; line-height: 32px; } } @media (max-width: 479px) { .EventCard-date .LargeDate-giantText { position: relative; top: 9px; } } .LargeDate-time { font-size: 14px; line-height: 1.1; } @media (min-width: 480px) { .LargeDate-time { font-size: 16px; } } @media (max-width: 768px) { .LargeDate--horizontalMobile { position: relative; padding-bottom: 50px; } .LargeDate--horizontalMobile div:nth-child(2) { position: absolute; left: 0; top: -5px; } .LargeDate--horizontalMobile div:last-child, .LargeDate--horizontalMobile div:first-child { position: relative; left: 90px; } } .LargeDate--letterSpaceHack { letter-spacing: -4px; } .EventList { padding-bottom: 20px; } .Card--eventList { position: relative; min-height: 295px; padding-bottom: 70px; } @media (min-width: 769px) { .Card--eventList { padding-bottom: 0; } .Card--eventList .Button--1 { background: transparent; } } .Card--eventList i, .Card--eventList .Card-link--eventList { background: transparent; } @media only screen and (min-width: 480px) and (max-width: 768px) { .Card--eventList i, .Card--eventList .Card-link--eventList { padding-top: 10px; } } .Card-image--eventList { display: block; width: 100%; padding-bottom: 76.124567474%; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 769px) { .Card-image--eventList { position: absolute; top: 0; left: 0; bottom: 0; width: 33%; padding-bottom: 0; } } .Card-content--eventList { background: none; } @media (max-width: 768px) { .Card-content--eventList { margin-left: 15px; margin-right: 15px; margin-top: 25px; } } @media (min-width: 769px) { .Card-content--eventList { margin-left: 55px; margin-top: 30px; margin-right: 80px; padding-bottom: 75px; } } .Card-content--eventList .Card-label--eventList { font-size: 12px; line-height: 28px; } .Card-content--eventList h3 { line-height: 19px; font-weight: 800; font-size: 21px; } @media (min-width: 769px) { .Card-content--eventList h3 { font-size: 35px; line-height: 32px; margin-bottom: 10px; } } .Card-content--eventList .Card-date--eventList { font-size: 14px; line-height: 28px; font-weight: 400; } @media (min-width: 769px) { .Card-content--eventList .Card-date--eventList { font-size: 22px; font-weight: 500; } } .Card-content--eventList .Card-link--eventList { position: absolute; bottom: 20px; } @media (min-width: 769px) { .Card-content--eventList .Card-link--eventList { bottom: 30px; } } .BlankDivider--white { background-color: #ffffff; } .BlankDivider--lightgray { background-color: #f6f6f6; } .BlankDivider { height: 90px; } @media (max-width: 479px) { .BlankDivider { height: 45px; } } .BlankDivider--default { height: 90px; } @media (max-width: 479px) { .BlankDivider--default { height: 45px; } } .BlankDivider--large { height: 180px; } @media (max-width: 479px) { .BlankDivider--large { height: 120px; } } .Alert { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.45); z-index: 1001; padding: 40px 20px; } @media (min-width: 769px) { .Alert { position: relative; background-color: transparent; padding: 0; z-index: 98; top: 0; bottom: auto; } } .Alert-heading, .Alert-caption { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .Alert-heading, .Alert-caption { font-size: 22px; line-height: 26px; } } .Alert-caption a { color: #45af2a; } .Alert-caption a:hover, .Alert-caption a:focus, .Alert-caption a:active { color: #1b1b1b; } .Alert-caption a:visited { color: #45af2a; } .Alert-caption a:visited:hover, .Alert-caption a:visited:focus, .Alert-caption a:visited:active { color: #1b1b1b; } @media (max-width: 479px) { .Alert-subheading { font-size: 21px; line-height: 19px; } } .Alert-header { font-size: 26px; line-height: 23px; } @media (min-width: 480px) { .Alert-header { line-height: 47px; font-size: 57px; } } .Alert-body { background-color: #ffffff; padding: 30px 15px; position: relative; text-align: left; overflow: hidden; z-index: 1003; display: inline-block; vertical-align: middle; } @media (min-width: 769px) { .Alert-body { min-height: 380px; transform: none; top: auto; left: auto; display: block; padding: 70px 0 80px; position: relative; } } .Alert-amounts { display: flex; flex-wrap: wrap; } .Alert-amounts li { background-color: #f6f6f6; font-size: 36px; font-weight: 300; font-family: "Graphik Web", sans-serif; color: #1b1b1b; width: 50%; text-align: center; padding: 15px 10px; border: 1px solid #ffffff; cursor: pointer; transition: all 0.2s; position: relative; margin-bottom: 0; } @media (min-width: 769px) { .Alert-amounts li { flex-grow: 1; flex-basis: 0; font-size: 48px; width: auto; padding: 50px 20px; } } @media (min-width: 769px) { .Alert-amounts li.is-default span { display: inline-block; position: relative; } .Alert-amounts li.is-default span:after { position: absolute; bottom: -20px; width: 100px; content: "Most Popular!"; font-size: 14px; font-style: italic; font-weight: 500; color: #45af2a; left: 50%; right: 50%; transform: translateX(-50%); text-align: center; font-family: "Graphik Web", sans-serif; } } .Alert-amounts li:last-child { background-color: #aac800; color: #ffffff; font-size: 24px; padding: 20px; width: 100%; } @media (min-width: 769px) { .Alert-amounts li:last-child { font-size: 32px; width: auto; } } .Alert-amounts li:last-child i { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } .Alert-amounts li:last-child:hover, .Alert-amounts li:last-child:focus, .Alert-amounts li:last-child:active { border-color: #aac800; } .Alert-amounts li:hover, .Alert-amounts li:focus, .Alert-amounts li:active, .Alert-amounts li.is-active { border-color: #45af2a; } .Alert-close { position: absolute; text-decoration: none; font-weight: 100; cursor: pointer; color: #ffffff; top: 60px; right: 15px; font-size: 24px; z-index: 1004; } @media (min-width: 769px) { .Alert-close { font-size: 28px; top: 15px; right: 20px; color: #979797; } } .Alert-close:hover, .Alert-close:focus, .Alert-close:active { color: #aac800; } .Alert-close:before { content: "\e911"; font-family: "icomoon"; } @media (max-width: 768px) { body.alert-visible { overflow: hidden; } body.alert-visible .Alert { overflow-x: hidden; overflow-y: auto; opacity: 0; text-align: center; transform: translateZ(0); -webkit-overflow-scrolling: touch; } body.alert-visible .Alert.is-active { padding: 40px 20px; opacity: 1; } body.alert-visible .ParkAlert-close { display: none; } } @media (max-width: 768px) { body.page-template-template-donate { overflow: auto; } } .Alert { visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 0.2s; height: 0; } .Alert.is-active { visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 0.2s; height: auto; } .Alert.is-active .Alert-body { border-bottom: 1px solid #979797; margin: 60px auto 0; } @media (min-width: 769px) { .Alert.is-active .Alert-body { margin: 0 auto; } } .page-template-template-donate .Alert, .page-template-template-donate .ParkAlert { display: none; } @media (max-width: 479px) { .Alert-amounts li { font-size: 16px; line-height: 35px; } } .Alert--cta .Container, .Alert--email .Container { padding: 0 15px; max-width: 1100px; } @media (min-width: 1130px) { .Alert--cta .Container, .Alert--email .Container { padding: 0; } } .EventCategories .Grid-cell:nth-last-child(1) .Teaser--card, .EventCategories .Grid-cell:nth-last-child(2) .Teaser--card, .EventCategories .Grid-cell:nth-last-child(3) .Teaser--card { margin-bottom: 0px; } @media (max-width: 479px) { .EventCategories .Grid-cell:nth-last-child(1) .Teaser--card, .EventCategories .Grid-cell:nth-last-child(2) .Teaser--card, .EventCategories .Grid-cell:nth-last-child(3) .Teaser--card { margin-bottom: 0px; } } .EventCategories h4 { font-size: 20px; line-height: 22px; } @media (min-width: 480px) { .EventCategories h4 { font-size: 26px; line-height: 32px; } } .EventCategories p { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .EventCategories p { font-size: 18px; line-height: 26px; } } .EventCategories .Teaser-more { position: absolute; bottom: 30px; left: 15px; } @media (min-width: 769px) { .EventCategories .Teaser-more { left: 30px; } } .GardenZoneGrid .GardenZoneGrid-subheading { line-height: 28px; } .GardenZoneGrid .GardenZoneGrid-subheading:after { content: " "; width: 200px; display: block; margin: 10px auto 0; border-bottom: 3px solid #1b1b1b; } @media (min-width: 769px) { .GardenZoneGrid .GardenZoneGrid-subheading:after { border-bottom: 6px solid #1b1b1b; margin: 10px auto 0 auto; } } .GardenZoneGrid .BlockHeading--noSubHeading { padding-bottom: 10px; } @media (min-width: 769px) { .GardenZoneGrid .BlockHeading--noSubHeading { padding-bottom: 20px; } } @media (max-width: 479px) { .GardenZoneGrid .Teaser--card { margin-bottom: 15px; width: 100%; } } .GardenZoneGrid h4 { font-size: 20px; line-height: 22px; } @media (min-width: 769px) { .GardenZoneGrid h4 { font-size: 24px; line-height: 32px; } } .GardenZoneGrid p { font-size: 16px; line-height: 20px; } @media (min-width: 769px) { .GardenZoneGrid p { font-size: 18px; line-height: 26px; } } .GardenZoneGrid .GardenZoneGrid-Link-Wrapper a { display: inline-block; } @media (min-width: 480px) { .GardenZoneGrid .GardenZoneGrid-Link-Wrapper a { bottom: 30px; position: absolute; } } .VenueCards .Teaser-body { margin-left: 30px; } .VenueCards h4 { line-height: 32px; } .VenueCards ul { margin-left: 10px; list-style: disc inside none; } .VenueCards .Button { background-color: #45af2a; color: #ffffff; font-size: 16px; line-height: 18px; padding-left: 30px; padding-right: 30px; } .VenueCards .Button:hover, .VenueCards .Button:focus { background-color: #ffffff; color: #45af2a; border: 1px solid #45af2a; } .CardList h4 { line-height: 32px; } .CardList .CardList-ButtonWrapper { text-align: center; } .CardList .Button:not(.Button--arrow) { display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 18px; } .CardListCard { padding-bottom: 70px; position: relative; min-height: 295px; } @media (min-width: 769px) { .CardListCard { padding-bottom: 0; } } .CardList-mobile-heading { font-size: 16px; } .CardListImage { display: block; width: 100%; padding-bottom: 76.124567474%; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (min-width: 769px) { .CardListImage { position: absolute; top: 0; left: 0; bottom: 0; width: 33%; padding-bottom: 0; } } @media (max-width: 768px) { .CardListContent { margin-top: 20px; margin-left: 15px; margin-right: 15px; } } @media (min-width: 769px) { .CardListContent { margin-left: 55px; margin-right: 80px; padding-bottom: 75px; } } .CardListContent .Button--arrow { position: absolute; bottom: 20px; } .CardListContent .Button:not(.Button--arrow) { padding-left: 50px; padding-right: 50px; } @media (min-width: 769px) { .CardListContent .Button--arrow { bottom: 30px; } } .CardList-fine-print { line-height: 20px; } @media (max-width: 479px) { .CardList-fine-print { font-size: 12px; } } @media (min-width: 769px) { .CardList-fine-print { font-size: 16px; margin-top: 10px; } } .CardList-mobile-caption { line-height: 18px; } .PostsArchive .Button--arrow .Button--1 { position: absolute; bottom: 20px; } @media (max-width: 479px) { .PostsArchive { background-color: #f6f6f6; } } .PostsArchive .Accordion-Content { display: none; } .PostsArchive .Accordion-Content.is-active { display: block !important; } .FilterComponent { background-color: #ffffff; } .FilterComponent:hover { cursor: pointer; } .FilterComponent-buttonWrapper a { color: #1b1b1b; font-size: 20px; line-height: 22px; } @media (max-width: 479px) { .FilterComponent-buttonWrapper a { font-size: 14px; line-height: 14px; } } .FilterComponent-button .icon-chevron-thin-up, .FilterComponent-button .icon-chevron-thin-down { font-size: 11px; } .FilterComponent-button .icon-chevron-thin-up { display: none; } .FilterComponent-button .icon-chevron-thin-down { display: inline; } .FilterComponent-button.is-active .icon-chevron-thin-up { display: inline; } .FilterComponent-button.is-active .icon-chevron-thin-down { display: none; } .FilterComponent-list a { padding-right: 10px; color: #1b1b1b; } .FilterComponent-list a:not(.active, .FilterComponent-clearFilter) { font-size: 16px; line-height: 30px; font-weight: normal; color: #aaaaaa; } .FilterComponent-list a:not(.active, .FilterComponent-clearFilter):hover, .FilterComponent-list a:not(.active, .FilterComponent-clearFilter):active, .FilterComponent-list a:not(.active, .FilterComponent-clearFilter):focus { color: #45af2a; text-decoration: underline; } @media (max-width: 479px) { .FilterComponent-list a:not(.active, .FilterComponent-clearFilter) { font-size: 14px; line-height: 26px; } } .FilterComponent-list .active { color: #45af2a; font-size: 34px; line-height: 35px; font-weight: normal; margin-bottom: 28px; } @media (max-width: 479px) { .FilterComponent-list .active { font-size: 16px; line-height: 22px; margin-bottom: 0; } } .FilterComponent-list .FilterComponent-clearFilter { margin-left: 10px; color: #1b1b1b !important; } @media (max-width: 479px) { .FilterComponent-list .FilterComponent-clearFilter { margin-left: 5px; } } .PostsArchive-card { position: relative; background-color: #ffffff; } @media (max-width: 479px) { .PostsArchive-card { padding-bottom: 29px; } } .PostsArchive-card :not(.PostsArchiveImage) { background-color: #ffffff; } @media (min-width: 769px) { .PostsArchive-card.PostsArchive-card--noImage { min-height: 295px; } } @media only screen and (max-width: 479px) { .PostsArchive-card--noImage .PostsArchive-content { padding-top: 10px; } } @media only screen and (min-width: 769px) and (max-width: 928px) { .PostsArchive-card--noImage .PostsArchive-content { padding-bottom: 45px; } } .PostsArchive-card .PostArchive-link { position: absolute; bottom: 15px; } @media (min-width: 769px) { .PostsArchive-card .PostArchive-link { bottom: 30px; } } .PostsArchive-image { background-size: cover; background-position: center center; position: relative; padding-bottom: 68.75%; } @media (min-width: 769px) { .PostsArchive-image { padding-bottom: 76.4248704663%; height: 100%; } } @media (max-width: 479px) { .PostsArchive-content { padding-left: 15px; padding-right: 30px; } } @media (min-width: 769px) { .PostsArchive-content { margin-top: 35px; margin-left: 45px; margin-right: 60px; } } @media only screen and (min-width: 480px) and (max-width: 768px) { .PostsArchive-content { padding-top: 20px; padding-left: 15px; padding-right: 30px; margin-bottom: 10px; padding-bottom: 20px; } } @media (min-width: 769px) { .PostsArchive-content { padding-bottom: 75px; } } @media (min-width: 990px) { .PostsArchive-content { padding-bottom: 50px; } } .People { padding-top: 80px; padding-bottom: 50px; } .People h4:before { content: ""; max-width: 990px; display: block; margin: 0 auto 0 0; border-bottom: 9px solid #1b1b1b; margin-bottom: 10px; } .People h1 { font-size: 57px; line-height: 47px; } .PeopleName { font-size: 18px; line-height: 26px; } .PeoplePosition { font-size: 18px; } .Teaser--plantGrid { min-height: 295px; } .Teaser--plantGrid h3 { line-height: 30px; } .Teaser--plantGrid p { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .Teaser--plantGrid p { font-size: 18px; line-height: 26px; } } .Teaser--plantGrid a:not(.Button, .Teaser-link) { font-size: 18px; line-height: 32px; bottom: 20px; position: absolute; } .Teaser--plantGrid .Teaser-body { position: static; padding: 15px; padding-bottom: 50px; } @media (min-width: 769px) { .Teaser--plantGrid .Teaser-body { padding: 20px 30px; padding-bottom: 70px; } } .Teaser--plantGrid .Teaser-more { position: absolute; bottom: 23px; } .TeaserShopProducts .Teaser-image { padding-bottom: 96.6408268734%; } .TeaserShopProducts-heading { font-size: 16px; font-weight: 500; } @media (min-width: 769px) { .TeaserShopProducts-heading { font-size: 22px; } } .TeaserShopProducts-price { padding-top: 4px; line-height: 1.2; font-size: 14px; } @media (min-width: 769px) { .TeaserShopProducts-price { font-size: 18px; } } .ShopProducts-button { background-color: #1b1b1b; color: #ffffff; padding-top: 15px; padding-left: 40px; padding-right: 40px; padding-bottom: 15px; font-size: 16px; line-height: 18px; } .ShopProducts-button:hover { background-color: #45af2a; color: #ffffff; } .Products-caption { font-size: 14px; padding-top: 15px; padding-left: 15px; padding-right: 15px; } @media (min-width: 480px) { .Products-caption { font-size: 22px; } } @media (min-width: 769px) { .Products-caption { font-size: 26px; padding: 0; } } .Accordion { border-top: 1px solid #979797; } .Accordion--bottomBorder { border-bottom: 1px solid #979797; } .AccordionHeading h4 { position: relative; } @media (min-width: 769px) { .Accordion-image { max-width: 800px; margin: 0 auto; } } .AccordionHeading { width: 100%; text-align: left; } @media (max-width: 479px) { .AccordionHeading h4 { font-size: 18px; line-height: 32px; } } .AccordionHeading .AccordionHeadingSymbol--open { display: none; } .AccordionHeading .AccordionHeadingSymbol--closed { display: block; } .AccordionHeading.is-active .AccordionHeadingSymbol--open { display: block; } .AccordionHeading.is-active .AccordionHeadingSymbol--closed { display: none; } .AccordionHeading--transport { margin-top: 30px !important; } @media screen and (min-width: 1150px) { .AccordionHeading--transport { margin-top: 60px !important; position: absolute; } } @media screen and (min-width: 1150px) { .AccordionHeading--hiddenCustom { display: none; } } .AccordionHeading--showCustom { display: none; } @media screen and (min-width: 1150px) { .AccordionHeading--showCustom { display: block; } } .AccordionHeadingSymbol { font-size: 46px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } @media (max-width: 479px) { .AccordionHeadingSymbol { font-size: 35px; } } .AccordionHeadingSymbol:hover { cursor: pointer; } .AccordionContent { display: none; } .AccordionContent.is-active { display: block !important; } @media (max-width: 479px) { .AccordionContent.is-active { padding-bottom: 30px; } } @media (min-width: 769px) { .AccordionContent.is-active { padding-bottom: 100px; } } .Partner-wrapper { background-color: #ffffff; padding: 15px; opacity: 1; transition: all 0.2s; } .Partner-wrapper:hover, .Partner-wrapper:focus, .Partner-wrapper:active { opacity: 0.6; } .Partner-image { background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 100%; } .IntroHeading { font-family: "Produkt", serif; font-weight: 900; text-transform: uppercase; } @media (max-width: 479px) { .IntroHeading { font-size: 32px; line-height: 27px; } } @media only screen and (min-width: 480px) { .IntroHeading { font-size: 57px; line-height: 47px; } } .IntroHeading--lined { padding-top: 40px; } @media (max-width: 479px) { .IntroHeading--lined { font-size: 32px; line-height: 27px; } } @media only screen and (min-width: 480px) { .IntroHeading--lined { font-size: 48px; line-height: 40px; } } .IntroHeading--lined span { position: relative; display: inline-block; } .IntroHeading--lined span:before { position: absolute; top: -25px; height: 16px; background-color: #1b1b1b; content: ""; left: 0; right: 0; } @media (min-width: 480px) { .IntroHeading--lined span:before { top: -40px; height: 24px; } } .MemberBenefits-list ul li { margin-bottom: 16px !important; line-height: 22px !important; font-weight: 400 !important; } .MemberBenfits-image span { display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; height: 175px; width: 175px; } @media (max-width: 768px) { .Sidebar--content { background-color: #f6f6f6; padding-top: 15px; padding-left: 15px; padding-right: 15px; text-align: center; } .Sidebar--content.Sidebar--noContent { background-color: transparent; padding: 0; } .Sidebar--content .Sidebar-heading { text-align: left; } } @media (max-width: 768px) { .Sidebar-wrapper--content { margin-left: -15px; margin-right: -15px; } } .SidebarStory-image { background-size: cover; background-position: center center; position: relative; z-index: 2; padding-bottom: 67.2473867596%; } @media (max-width: 479px) { .SidebarStory-image { padding-bottom: 114.8760330579%; } } .SidebarStory-category { font-size: 12px; line-height: 13px; } .SidebarStory-content { font-size: 16px; line-height: 22px; } .SidebarStory--mobile .SidebarStory-image { padding-bottom: 114.8760330579%; } .SidebarStory--mobile .SidebarStory-content { padding-left: 30px; } @media (max-width: 479px) { .SidebarStory--mobile .SidebarStory-content { padding-left: 15px; padding-right: 20px; } } .SidebarStory--mobile .SidebarStory-category { font-size: 18px; margin-top: 30px; margin-bottom: 5px; } @media (max-width: 479px) { .SidebarStory--mobile .SidebarStory-category { font-size: 10px; margin-top: 15px; } } .SidebarStory--mobile .SidebarStory-title { font-size: 22px; } @media (max-width: 479px) { .SidebarStory--mobile .SidebarStory-title { font-size: 14px; } } .SidebarStory--mobile .Button { position: absolute; bottom: 40px; margin-left: -15px; } @media (max-width: 479px) { .SidebarStory--mobile .Button { bottom: 20px; } } .GardenZone-Content { margin-right: 75px; } .GardenZone-Image { height: 350px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative; } .GardenZone-FeaturedPlants-Image { height: 300px; background-size: cover; background-position: center center; position: relative; display: block; z-index: 1; } .GardenZone-FeaturedPlants-Image:before { position: absolute; z-index: 2; content: "\e91b"; font-family: "icomoon"; font-size: 28px; left: 30px; bottom: 20px; opacity: 0; transition: all 0.2s; color: #fff; } .GardenZone-FeaturedPlants-Card { position: relative; } .GardenZone-FeaturedPlants-Card :not(.GardenZone-FeaturedPlants-Image) { background-color: #f6f6f6; } .GardenZone-FeaturedPlants-Card .Button--arrow { position: absolute; bottom: 20px; } .GardenZone-FeaturedPlants-Card .Button--arrow.GardenZone-NoImage { bottom: 0; } .GardenZone-FeaturedPlants-CardContent { margin-left: 15px; margin-right: 15px; padding-bottom: 25px; } @media (min-width: 769px) { .GardenZone-FeaturedPlants-CardContent { margin-left: 45px; margin-right: 57px; padding-bottom: 0; } } .GardenZone-CTA { margin-top: 60px; margin-bottom: 60px; text-align: center; } @media (min-width: 769px) { .GardenZone-CTA { margin-top: 160px; margin-left: 150px; margin-right: 150px; margin-bottom: 160px; } } .GardenZone-CTA h3 { line-height: 32px; } .GardenZone-CTA p { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .GardenZone-CTA p { font-size: 22px; line-height: 28px; } } .GardenZone-CTA .Button { padding-left: 30px; padding-right: 30px; } .SingleEvent h3 { font-size: 32px; } .SingleEvent-UpcomingEvents { padding-top: 85px; } .SingleEvent-UpcomingEvents h5 { line-height: 32px; text-align: center; } .SingleEvent-UpcomingEvents h4 { line-height: 32px; } .SingleEvent-UpcomingEvents .Teaser--card { margin-bottom: 20px; } .SingleEvent-UpcomingEvents .SingleEvent-CardLabel { font-size: 12px; line-height: 32px; } .SingleEvent-UpcomingEvents p:not(.SingleEvent-CardLabel) { font-size: 22px; line-height: 28px; } .SingleEvent-UpcomingEvents .SingleEvent-ButtonWrapper { text-align: center; } .SingleEvent-UpcomingEvents .SingleEvent-ButtonWrapper .Button { display: inline-block; padding-left: 30px; padding-right: 30px; line-height: 18px; background-color: #45af2a; color: #ffffff; } .SingleEvent-UpcomingEvents .SingleEvent-ButtonWrapper .Button:active, .SingleEvent-UpcomingEvents .SingleEvent-ButtonWrapper .Button:focus, .SingleEvent-UpcomingEvents .SingleEvent-ButtonWrapper .Button:hover { border: 1px solid #45af2a; background-color: #ffffff; color: #45af2a; } .Sidebar--article { position: relative; } @media (min-width: 990px) { .Sidebar--share { left: 0; } } .Location-image { height: 350px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: relative; } .EnvelopeIcon.icon-envelope-alt { font-size: 7px; } @media (min-width: 769px) { .EnvelopeIcon.icon-envelope-alt { font-size: 12px; } } .Teaser--art { background-color: #f6f6f6; margin-bottom: 16px; } .Teaser--art .Teaser-image { padding-bottom: 76.0416666667%; } .Teaser--art .Teaser-body { padding: 25px 20px 30px 20px; } @media (min-width: 769px) { .Teaser--art .Teaser-body { padding-bottom: 60px; } } .CenteredPost-wrapper { max-width: 532px; margin: auto; } .PostImage { padding-bottom: 49.1666666667%; background-size: cover; background-position: center center; position: relative; z-index: 2; } @media (max-width: 479px) { .PostImage { padding-bottom: 64.3598615917%; } } .PostImage-credit { color: #aaaaaa; line-height: 13px; } .Pagination-button-wrapper { height: 18px; } .Pagination-button { font-size: 18px; position: absolute; } @media (max-width: 479px) { .Pagination-button { font-size: 14px; } } .Pagination-button .Pagination-button--right { margin-left: -135px; } @media (max-width: 479px) { .Pagination-button .Pagination-button--right { margin-left: -110px; } } .Pagination--postsArchive { right: 0; } .MapContainer { position: relative; z-index: 1; } .MapContainer-map { width: 100%; height: 600px; margin: 0 auto; } @media (min-width: 480px) { .MapContainer-map { height: 650px; } } .MapContainer-credit { position: absolute; z-index: 3; top: 0; left: 0; padding: 0 6px; font-size: 0; background-color: rgba(255, 255, 255, 0.7); font-family: Roboto, Arial, sans-serif; } .MapContainer-credit a { color: rgb(68, 68, 68); font-size: 10px; display: inline-block; } .MapContainer-button { margin-top: 20px; margin-left: 15px; } @media (min-width: 480px) { .MapContainer-button { margin-left: 0; } } @media (max-width: 479px) { .Donate-anon { font-size: 18px; line-height: 24px; } } .FloatingDonation { padding: 40px 0; } @media (min-width: 769px) { .FloatingDonation { padding: 166px 0; } } .FloatingDonation .Grid > .Grid-cell { position: relative; } .FloatingDonation .Grid > .Grid-cell:first-of-type { margin-bottom: 40px; text-align: center; } @media (min-width: 990px) { .FloatingDonation .Grid > .Grid-cell:first-of-type { margin-bottom: 0; text-align: left; left: 33.333%; } } @media (min-width: 990px) { .FloatingDonation .Grid > .Grid-cell:last-of-type { right: 66.666%; } } .DonationWidget--sidebar { min-width: 184px; } .DonationWidget--sidebar .Form--widget .Form-body { padding: 16px; } .DonationWidget--sidebar .Form--widget .Button { margin-bottom: 0; min-width: 0px; } .DonateWidget-heading { font-weight: 600; font-size: 18px; line-height: 20px; margin-bottom: 12px; font-family: "Graphik Web", sans-serif; color: #1b1b1b; } .DonateWidget-caption { font-size: 14px; font-weight: 300; font-family: "Graphik Web", sans-serif; color: #1b1b1b; line-height: 19px; margin-bottom: 20px; } .Filler { background-color: #f6f6f6; padding: 30px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: flex; } @media (min-width: 769px) { .Filler { padding: 60px 50px; } } .Filler-wrap { padding: 20px; background-color: #ffffff; position: relative; padding-bottom: 100px; } @media (min-width: 769px) { .Filler-wrap { padding: 30px; padding-bottom: 120px; } } .Filler-button { position: absolute; left: 20px; right: 20px; bottom: 20px; min-width: 0 !important; } @media (min-width: 769px) { .Filler-button { left: 30px; right: 30px; bottom: 30px; } } .Teaser-image--video { padding-bottom: 61.2403100775%; } .Teaser--randomArt .Teaser-body { padding: 15px; min-height: 0; } .Randomize { opacity: 0; transition: all 0.2s; } .Randomize.is-randomized { opacity: 1; } .w-66 { width: 66.66%; } /* wpeecpro styling */ button[id^=eventbrite-widget-modal-trigger] { border-style: solid; border-width: 1px; border-color: #45af2a; color: #ffffff; background-color: #45af2a; display: inline-block; font-family: Graphik Web, sans-serif; font-size: 16px; font-weight: 500; text-align: center; padding: 1rem 2rem; min-width: 190px; transition: all 0.2s; margin-bottom: 1rem; } .inline-style-button button[id^=eventbrite-widget-modal-trigger] { border-style: none; color: #45af2a; background-color: transparent; display: inline-block; font-family: Graphik Web, sans-serif; font-size: 16px; font-weight: 400; text-align: left; padding: 0; min-width: 0; transition: all 0.2s; margin-bottom: 0; } button[id^=eventbrite-widget-modal-trigger]:hover { color: #45af2a; background-color: #ffffff; } .inline-style-button button[id^=eventbrite-widget-modal-trigger]:hover { color: #1b1b1b; background-color: transparent; } .Filter { position: relative; } .Filter-options { display: none; background-color: rgba(255, 255, 255, 0.9); z-index: 3; width: 100%; } .Filter-options.is-active { display: block; } @media (min-width: 769px) { .Filter-options { position: absolute; top: 30px; } } .Filter-options .Filter-falseInput { position: absolute; height: 0; border: 0; padding: 0; } .Filter-options--padded { padding: 10px 0; } .Filter-button { color: #45af2a; font-weight: 600; font-size: 16px; cursor: pointer; position: relative; transition: all 0.2s; padding: 5px 0; } @media (min-width: 769px) { .Filter-button { font-size: 20px; } } .Filter-button i { font-size: 14px; position: absolute; right: 0; } @media (min-width: 769px) { .Filter-button i { margin-left: 5px; position: relative; } } .Filter-button:hover, .Filter-button:focus, .Filter-button:active { color: #1b1b1b; } .Filter-button.is-active i:before { content: "\e911"; } .Filter-mobileBorder { display: none; } @media (max-width: 768px) { .Filter-mobileBorder { display: block; padding-top: 5px; margin-bottom: 10px; border-bottom: 1px solid #979797; } } .Filter-value { color: #1b1b1b; font-size: 16px; margin: 8px 0; display: none; position: relative; padding-right: 5px; } @media (min-width: 990px) { .Filter-value { font-size: 34px; margin: 15px 0; } } .Filter-value.is-active { display: block; } .Filter-value span { display: inline; position: relative; } @media (min-width: 990px) { .Filter-value span { padding-bottom: 5px; } .Filter-value span:after { background-position: top; background-image: linear-gradient(to right, #1b1b1b 50%, rgba(255, 255, 255, 0) 0%); background-size: 8px 4px; background-repeat: repeat-x; height: 1px; left: 0; right: 0; content: ""; position: absolute; bottom: 0; } .ie9 .Filter-value span:after { border-top: 1px dotted #1b1b1b; } } @media (max-width: 991px) { .Filter-value:last-child { margin-bottom: 0; } } .Filter-value--default.is-active { display: none; } @media (min-width: 990px) { .Filter-value--default.is-active { display: block; } } .Filter-clear { color: #979797; font-size: 12px; padding: 5px; cursor: pointer; position: absolute; bottom: -4px; right: -30px; } @media (min-width: 990px) { .Filter-clear { font-size: 14px; bottom: 5px; } } .Filter-clear:hover, .Filter-clear:focus, .Filter-clear:active { color: #45af2a; } .Filter-listItem { color: #1b1b1b; font-size: 16px; padding: 5px 0; transition: all 0.2s; cursor: pointer; } .Filter-listItem:hover, .Filter-listItem:focus, .Filter-listItem:active { color: #45af2a; } .daterangepicker { background-color: #e8eaea; } .daterangepicker:after, .daterangepicker:before { display: none; } .daterangepicker .calendar-table { border-color: #e8eaea; background-color: #e8eaea; } .daterangepicker .calendar-table th { font-size: 15px; font-weight: 600; font-family: "Graphik Web", sans-serif; color: #1b1b1b; } .daterangepicker .calendar-table th.month { padding-bottom: 5px; } .daterangepicker .calendar-table th.prev span, .daterangepicker .calendar-table th.next span { position: relative; top: -5px; transition: all 0.2s; } .daterangepicker .calendar-table th.prev:hover, .daterangepicker .calendar-table th.prev:focus, .daterangepicker .calendar-table th.prev:active, .daterangepicker .calendar-table th.next:hover, .daterangepicker .calendar-table th.next:focus, .daterangepicker .calendar-table th.next:active { background-color: transparent; } .daterangepicker .calendar-table th.prev:hover span, .daterangepicker .calendar-table th.prev:focus span, .daterangepicker .calendar-table th.prev:active span, .daterangepicker .calendar-table th.next:hover span, .daterangepicker .calendar-table th.next:focus span, .daterangepicker .calendar-table th.next:active span { border-color: #aac800; } .daterangepicker .calendar-table td { font-size: 13px; font-family: "Graphik Web", sans-serif; color: #1b1b1b; border-radius: 0; } .daterangepicker .calendar-table td.off { background-color: transparent; color: #9B9B9B; } .daterangepicker .calendar-table td.in-range { background-color: rgba(170, 200, 0, 0.5); } .daterangepicker .calendar-table td.active { background-color: #aac800; } /* ========================================================================== Standard Menu Styling ========================================================================== */ ul.menu { font-size: 0; } ul.menu li { list-style-type: none; display: block; } ul.menu a { display: block; text-decoration: none; } ul.menu--heroSubmenu li.current-menu-item a { color: #45af2a; } ul.menu--heroSubmenu > li { display: inline-block; } @media (min-width: 1001px) { ul.menu--heroSubmenu > li { margin-right: 15px; } } ul.menu--heroSubmenu > li.is-active a { color: #45af2a; } @media (min-width: 769px) { ul.menu--heroSubmenu > li.is-active { display: none; } } @media (max-width: 768px) { ul.menu--heroSubmenu > li.current-menu-item { display: none; } } ul.menu--heroSubmenu a { font-size: 14px; color: #1b1b1b; display: inline-block; font-weight: 500; padding: 5px 10px; } ul.menu--heroSubmenu a:hover, ul.menu--heroSubmenu a:focus, ul.menu--heroSubmenu a:active { color: #45af2a; } .SlidingMenu-wrap { display: flex; align-items: center; position: relative; } .SlidingMenu-container { border-bottom: 1px solid #979797; background-color: #fff; position: relative; z-index: 1; } @media (max-width: 768px) { .SlidingMenu-container:before { content: ""; right: 0; width: 50px; top: 0; bottom: 0; left: auto; z-index: 999; position: absolute; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */ } } @media (max-width: 1000px) { .SlidingMenu-container .Container { padding-right: 0 !important; } } .SlidingMenu { /* Make this scrollable when needed */ overflow-x: auto; /* We don't want vertical scrolling */ overflow-y: hidden; /* Make an auto-hiding scroller for the 3 people using a IE */ -ms-overflow-style: -ms-autohiding-scrollbar; /* For WebKit implementations, provide inertia scrolling */ -webkit-overflow-scrolling: touch; /* We don't want internal inline elements to wrap */ white-space: nowrap; /* Remove the default scrollbar for WebKit implementations */ scrollbar-width: none; } .SlidingMenu::-webkit-scrollbar { display: none; } .SlidingMenu-menu { float: left; transition: transform 0.2s ease-in-out; } .SlidingMenu-menu--noTransition { transition: none; } .SlidingMenu-label { font-size: 14px; line-height: 17px; text-transform: uppercase; font-weight: 700; font-family: "Graphik Web", sans-serif; padding: 10px 0; margin: 5px 0; margin-right: 20px; position: relative; } .SlidingMenu-label:before { content: ""; position: absolute; bottom: -7px; left: 0; right: 0; height: 4px; background-color: #aac800; } .SlidingMenu-label a:before, .SlidingMenu-label span:before { right: -15px; top: 5px; bottom: 5px; width: 1px; left: auto; position: absolute; content: ""; background-color: #979797; z-index: 2; } @media (min-width: 480px) { .SlidingMenu-label a:before, .SlidingMenu-label span:before { z-index: auto; } } @media (min-width: 1001px) { .SlidingMenu-label a:before, .SlidingMenu-label span:before { right: -25px; } } @media (min-width: 769px) { .SlidingMenu-label { font-size: 18px; line-height: 22px; } } @media (max-width: 768px) { .SlidingMenu-label.is-wrapped { font-size: 14px; line-height: 12px; height: 37px; padding-top: 7px; } } @media (min-width: 1001px) { .SlidingMenu-label { margin-right: 35px; } } .SlidingMenu-label a { color: #1b1b1b; } .SlidingMenu-label a:hover, .SlidingMenu-label a:focus, .SlidingMenu-label a:active { color: #aac800; } .SlidingMenu-arrow { visibility: hidden; pointer-events: none; font-size: 14px; font-weight: 500; padding: 5px 0; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0; color: #45af2a; width: 50px; text-align: center; background-color: #fff; height: 51px; line-height: 48px; transition: all 0.2s; z-index: 99; } @media (max-width: 768px) { .SlidingMenu-arrow { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } } .SlidingMenu-arrow i { font-size: 16px; position: relative; top: -1px; } .SlidingMenu-arrow:hover, .SlidingMenu-arrow:focus, .SlidingMenu-arrow:active { cursor: pointer; color: #1b1b1b; } .SlidingMenu-arrow:before { position: absolute; content: ""; top: 0; left: auto; width: 50px; right: auto; bottom: 0; } .SlidingMenu-arrow--left { left: 0; } .SlidingMenu-arrow--left:before { right: -50px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#00ffffff",GradientType=1 ); /* IE6-9 */ } @media (min-width: 769px) { .SlidingMenu-arrow--right { right: 0; width: 80px; text-align: right; } } .SlidingMenu-arrow--right:before { left: -50px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */ } .SlidingMenu-more { display: none; } @media (min-width: 769px) { .SlidingMenu-more { display: inline-block; margin-right: 5px; position: relative; top: -4px; line-height: 1; } } .SlidingMenu[data-overflowing=both] .SlidingMenu-arrow--left, .SlidingMenu[data-overflowing=left] .SlidingMenu-arrow--left { opacity: 1; visibility: visible; pointer-events: auto; } .SlidingMenu[data-overflowing=both]:before, .SlidingMenu[data-overflowing=left]:before { opacity: 1; visibility: visible; pointer-events: auto; } .SlidingMenu[data-overflowing=both] .SlidingMenu-arrow--right, .SlidingMenu[data-overflowing=right] .SlidingMenu-arrow--right { opacity: 1; visibility: visible; pointer-events: auto; } .menu--headerDesktop ul { display: none; } .menu--headerDesktop a { font-size: 16px; letter-spacing: 0.06px; line-height: 18px; font-weight: 400; font-family: "Graphik Web", sans-serif; color: #171717; position: relative; cursor: pointer; padding: 15px 0px; } .menu--headerDesktop a:hover, .menu--headerDesktop a:focus, .menu--headerDesktop a:active { color: #45af2a; border-color: #1b1b1b; } .menu--headerDesktop li { display: inline-block !important; margin-right: 30px; } .menu--headerDesktop li:last-of-type { margin: 0; } .menu--cta ul { display: none; } .menu--cta a { font-size: 16px; font-weight: 600; font-family: "Graphik Web", sans-serif; color: #1b1b1b; text-transform: uppercase; position: relative; cursor: pointer; border: 2px solid #45af2a; padding: 15px 30px; } .menu--cta a:hover, .menu--cta a:focus, .menu--cta a:active { color: #45af2a; border-color: #1b1b1b; } .menu--cta li { margin-right: 30px; } .menu--cta li:last-of-type { margin: 0; } .menu-item-type-custom a[href$="#"] { pointer-events: none; } .mm-listitem a[href$="#"] { pointer-events: auto; } header.Header { height: 60px; position: relative; z-index: 99; } @media (min-width: 1001px) { header.Header { height: 100px; } } .Header-skipLink { background: #45af2a; color: #ffffff !important; font-weight: 600; max-height: 35px; font-size: 14px; left: 50%; padding: 8px; position: absolute; transform: translateY(-100%); transition: transform 0.3s; opacity: 0; pointer-events: none; z-index: 1010; } .Header-skipLink:focus { transform: translateY(0%); opacity: 1; pointer-events: auto; } .Header-wrap { height: 60px; width: 100%; position: fixed; bottom: auto; z-index: 1000; left: 0; right: 0; padding-top: 10px; padding-bottom: 5px; -webkit-transform: translateZ(0); transition: all 0.2s; background: #ffffff; border-bottom: 1px solid #aaaaaa; } @media (min-width: 1001px) { .Header-wrap { padding: 0; height: 100px; } } .Header--hasParkAlert .Header-wrap { position: absolute; } body.is-fixed-header .Header--hasParkAlert .Header-wrap { position: fixed; top: 0; } .Header-interior { transition: all 0.2s; } @media (min-width: 1001px) { .Header-interior { padding-bottom: 5px; } } /* After scrolling past this, our header becomes fixed */ .Header-anchor { height: 0px; display: block; position: absolute; top: 0; } .Header-anchor--bottom { top: auto; bottom: 0; } body.is-fixed-header .Header-wrap { box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } .SiteLogo--header { display: inline-block; width: 135px; transition: width 0.2s; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } @media (min-width: 1001px) { .SiteLogo--header { width: 211px; } } .Header-menu { position: absolute; top: 50%; transform: translateY(-50%); } .Header-menu ul, .Header-menu .Header-icon { display: inline-block; vertical-align: middle; } .Header-menu ul { display: none; } @media (min-width: 1001px) { .Header-menu ul { display: inline-block; } } @media (min-width: 1001px) { .Header-menu .Header-icon--mobile { display: none; } } .Header-menu--left { display: none; } @media (min-width: 1001px) { .Header-menu--left { left: 105px; display: inline-block; } } .Header-menu--right { right: 0; } @media (min-width: 1001px) { .Header-menu--right { right: 40px; } } .Header-icon { color: #1b1b1b; font-size: 40px; cursor: pointer; } .Header-icon:hover, .Header-icon:focus, .Header-icon:active { color: #45af2a; } .Header-icon + ul { margin-left: 30px; } .Header-icon--search { font-size: 38px; } @media (min-width: 1001px) { .Header-icon--search { font-size: 44px; } } .Header-icon--mobileSearch { position: relative; top: 1px; } i.icon-calendar { font-size: 34px; position: relative; top: 1px; } .is-checkout .MenuToggle, .is-checkout .Header-menu { display: none; } .is-fixed-sub-header .SlidingMenu-container { position: fixed; left: 0; right: 0; top: 60px; z-index: 1000; } @media (min-width: 1001px) { .is-fixed-sub-header .SlidingMenu-container { top: 100px; } } .SubMenu { position: relative; min-height: 53px; height: auto; } .SubMenu-anchor { position: absolute; top: -60px; } @media (min-width: 1001px) { .SubMenu-anchor { top: -100px; } } .SubMenu--media .SlidingMenu-label { white-space: nowrap; } .ContentMargins p, .ContentMargins ul, .ContentMargins ol, .ContentMargins h1, .ContentMargins h2, .ContentMargins h3, .ContentMargins h4, .ContentMargins h5, .ContentMargins h6, .ContentMargins h7, .ContentMargins h8, .ContentMargins address, .ContentMargins figure, .ContentMargins iframe, .ContentMargins .MediaContainer, .ContentMargins .Button { margin-bottom: 30px; margin-top: 0; } .ContentMargins *:last-child { margin-bottom: 0px; } .ContentHeadings h1, .ContentHeadings .u-heading1 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h1 span, .ContentHeadings .u-heading1 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings a { color: #45af2a; } .ContentHeadings a:hover, .ContentHeadings a:focus, .ContentHeadings a:active { color: #1b1b1b; } .ContentHeadings a:visited { color: #45af2a; } .ContentHeadings a:visited:hover, .ContentHeadings a:visited:focus, .ContentHeadings a:visited:active { color: #1b1b1b; } .ContentHeadings a.Button--1:not(.Button--arrow):not(.Button--link) { color: #ffffff; } .ContentHeadings a.Button--1:not(.Button--arrow):not(.Button--link):hover, .ContentHeadings a.Button--1:not(.Button--arrow):not(.Button--link):focus, .ContentHeadings a.Button--1:not(.Button--arrow):not(.Button--link):active { color: #45af2a; } .ContentHeadings h2, .ContentHeadings .u-heading2 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h2 span, .ContentHeadings .u-heading2 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h3, .ContentHeadings .u-heading3 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h3 span, .ContentHeadings .u-heading3 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h4, .ContentHeadings .u-heading4 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h4 span, .ContentHeadings .u-heading4 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h5, .ContentHeadings .u-heading5 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h5 span, .ContentHeadings .u-heading5 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h6, .ContentHeadings .u-heading6 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h6 span, .ContentHeadings .u-heading6 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h7, .ContentHeadings .u-heading7 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h7 span, .ContentHeadings .u-heading7 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h8, .ContentHeadings .u-heading8 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentHeadings h8 span, .ContentHeadings .u-heading8 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea, .wp-editor { font-weight: 300; color: #1b1b1b; /** * 14.2 Galleries */ /** * 8.0 Alignments * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * 4.0 Elements * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ } .ContentArea.u-colorWhite, .wp-editor.u-colorWhite { color: #ffffff; } .ContentArea p, .ContentArea ul, .ContentArea ol, .ContentArea h1, .ContentArea h2, .ContentArea h3, .ContentArea h4, .ContentArea h5, .ContentArea h6, .ContentArea h7, .ContentArea h8, .ContentArea address, .ContentArea figure, .ContentArea iframe, .ContentArea .MediaContainer, .ContentArea .Button, .wp-editor p, .wp-editor ul, .wp-editor ol, .wp-editor h1, .wp-editor h2, .wp-editor h3, .wp-editor h4, .wp-editor h5, .wp-editor h6, .wp-editor h7, .wp-editor h8, .wp-editor address, .wp-editor figure, .wp-editor iframe, .wp-editor .MediaContainer, .wp-editor .Button { margin-bottom: 30px; margin-top: 0; } .ContentArea p.margin-small, .ContentArea ul.margin-small, .ContentArea ol.margin-small, .ContentArea h1.margin-small, .ContentArea h2.margin-small, .ContentArea h3.margin-small, .ContentArea h4.margin-small, .ContentArea h5.margin-small, .ContentArea h6.margin-small, .ContentArea h7.margin-small, .ContentArea h8.margin-small, .ContentArea address.margin-small, .ContentArea figure.margin-small, .ContentArea iframe.margin-small, .ContentArea .MediaContainer.margin-small, .ContentArea .Button.margin-small, .wp-editor p.margin-small, .wp-editor ul.margin-small, .wp-editor ol.margin-small, .wp-editor h1.margin-small, .wp-editor h2.margin-small, .wp-editor h3.margin-small, .wp-editor h4.margin-small, .wp-editor h5.margin-small, .wp-editor h6.margin-small, .wp-editor h7.margin-small, .wp-editor h8.margin-small, .wp-editor address.margin-small, .wp-editor figure.margin-small, .wp-editor iframe.margin-small, .wp-editor .MediaContainer.margin-small, .wp-editor .Button.margin-small { margin-bottom: 5px; } .ContentArea .op-is-open-shortcode, .wp-editor .op-is-open-shortcode { color: #1b1b1b; margin-bottom: 25px !important; } .ContentArea .op-is-open-shortcode .op-closed, .ContentArea .op-is-open-shortcode .op-open, .wp-editor .op-is-open-shortcode .op-closed, .wp-editor .op-is-open-shortcode .op-open { color: #1b1b1b; font-size: 20px; font-weight: 600; line-height: 22px; display: block; margin-bottom: 10px; } .ContentArea .op-is-open-shortcode .op-next-period, .ContentArea .op-is-open-shortcode .op-today, .wp-editor .op-is-open-shortcode .op-next-period, .wp-editor .op-is-open-shortcode .op-today { font-weight: 300; color: #1b1b1b; font-size: 20px; } .ContentArea .Post-slider, .wp-editor .Post-slider { overflow: hidden; width: 100vw; margin-left: calc(-50vw + 50%); } @media (min-width: 769px) { .ContentArea .Post-slider, .wp-editor .Post-slider { margin-left: calc(-48vw + 45.3%); } } @media (min-width: 990px) { .ContentArea .Post-slider, .wp-editor .Post-slider { margin-left: calc(-46vw + 53%); } } @media all and (min-width: 2200px) { .ContentArea .Post-slider, .wp-editor .Post-slider { margin-left: calc(-48vw + 53%); } } .ContentArea *:last-child, .wp-editor *:last-child { margin-bottom: 0px; } .ContentArea ul li, .ContentArea ol li, .wp-editor ul li, .wp-editor ol li { margin-bottom: 20px; } .ContentArea ul li:last-child, .ContentArea ol li:last-child, .wp-editor ul li:last-child, .wp-editor ol li:last-child { margin-bottom: 0; } .ContentArea p, .wp-editor p { font-weight: 300; } .ContentArea img, .wp-editor img { max-width: 100%; height: auto; } .ContentArea a:not(.Button), .wp-editor a:not(.Button) { color: #45af2a; } .ContentArea a:not(.Button):hover, .ContentArea a:not(.Button):focus, .ContentArea a:not(.Button):active, .wp-editor a:not(.Button):hover, .wp-editor a:not(.Button):focus, .wp-editor a:not(.Button):active { color: #1b1b1b; } .ContentArea a:not(.Button):visited, .wp-editor a:not(.Button):visited { color: #45af2a; } .ContentArea a:not(.Button):visited:hover, .ContentArea a:not(.Button):visited:focus, .ContentArea a:not(.Button):visited:active, .wp-editor a:not(.Button):visited:hover, .wp-editor a:not(.Button):visited:focus, .wp-editor a:not(.Button):visited:active { color: #1b1b1b; } .ContentArea h1, .ContentArea .u-heading1, .wp-editor h1, .wp-editor .u-heading1 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h1 span, .ContentArea .u-heading1 span, .wp-editor h1 span, .wp-editor .u-heading1 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h2, .ContentArea .u-heading2, .wp-editor h2, .wp-editor .u-heading2 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h2 span, .ContentArea .u-heading2 span, .wp-editor h2 span, .wp-editor .u-heading2 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h3, .ContentArea .u-heading3, .wp-editor h3, .wp-editor .u-heading3 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h3 span, .ContentArea .u-heading3 span, .wp-editor h3 span, .wp-editor .u-heading3 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h4, .ContentArea .u-heading4, .wp-editor h4, .wp-editor .u-heading4 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h4 span, .ContentArea .u-heading4 span, .wp-editor h4 span, .wp-editor .u-heading4 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h5, .ContentArea .u-heading5, .wp-editor h5, .wp-editor .u-heading5 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h5 span, .ContentArea .u-heading5 span, .wp-editor h5 span, .wp-editor .u-heading5 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h6, .ContentArea .u-heading6, .wp-editor h6, .wp-editor .u-heading6 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h6 span, .ContentArea .u-heading6 span, .wp-editor h6 span, .wp-editor .u-heading6 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h7, .ContentArea .u-heading7, .wp-editor h7, .wp-editor .u-heading7 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h7 span, .ContentArea .u-heading7 span, .wp-editor h7 span, .wp-editor .u-heading7 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h8, .ContentArea .u-heading8, .wp-editor h8, .wp-editor .u-heading8 { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea h8 span, .ContentArea .u-heading8 span, .wp-editor h8 span, .wp-editor .u-heading8 span { font-family: "Graphik Web", sans-serif; font-weight: 600; } .ContentArea blockquote, .wp-editor blockquote { font-size: 40px; font-size: 2.5rem; color: #1b1b1b; line-height: 1.5; font-family: "Graphik Web", sans-serif; font-style: italic; font-weight: 700; margin: 20px 0; padding: 20px; position: relative; text-transform: uppercase; } .ContentArea blockquote p, .wp-editor blockquote p { font-size: 40px; font-size: 2.5rem; line-height: 46px; font-style: italic; font-weight: 700; } .ContentArea blockquote p:last-of-type, .wp-editor blockquote p:last-of-type { margin-bottom: 0; } .ContentArea blockquote p:before, .ContentArea blockquote p:after, .wp-editor blockquote p:before, .wp-editor blockquote p:after { content: '"'; } .ContentArea blockquote cite, .wp-editor blockquote cite { font-size: 16px; font-size: 1rem; font-weight: 700; font-style: normal; color: #1b1b1b; margin-top: 5px; } .ContentArea blockquote footer, .ContentArea blockquote cite, .wp-editor blockquote footer, .wp-editor blockquote cite { line-height: 1.2; } .ContentArea blockquote.alignleft, .wp-editor blockquote.alignleft { max-width: 385px; float: left; display: inline-block; padding-left: 0; } .ContentArea blockquote.alignright, .wp-editor blockquote.alignright { max-width: 385px; float: right; display: inline-block; padding-right: 0; text-align: right; } .ContentArea .gallery, .wp-editor .gallery { margin-bottom: 1.6em; } .ContentArea .gallery-item, .wp-editor .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; } .ContentArea .gallery-columns-2 .gallery-item, .wp-editor .gallery-columns-2 .gallery-item { max-width: 50%; } .ContentArea .gallery-columns-3 .gallery-item, .wp-editor .gallery-columns-3 .gallery-item { max-width: 33.33%; } .ContentArea .gallery-columns-4 .gallery-item, .wp-editor .gallery-columns-4 .gallery-item { max-width: 25%; } .ContentArea .gallery-columns-5 .gallery-item, .wp-editor .gallery-columns-5 .gallery-item { max-width: 20%; } .ContentArea .gallery-columns-6 .gallery-item, .wp-editor .gallery-columns-6 .gallery-item { max-width: 16.66%; } .ContentArea .gallery-columns-7 .gallery-item, .wp-editor .gallery-columns-7 .gallery-item { max-width: 14.28%; } .ContentArea .gallery-columns-8 .gallery-item, .wp-editor .gallery-columns-8 .gallery-item { max-width: 12.5%; } .ContentArea .gallery-columns-9 .gallery-item, .wp-editor .gallery-columns-9 .gallery-item { max-width: 11.11%; } .ContentArea .gallery-icon img, .wp-editor .gallery-icon img { margin: 0 auto; } .ContentArea .gallery-caption, .wp-editor .gallery-caption { color: #707070; color: rgba(51, 51, 51, 0.7); display: block; font-size: 12px; font-size: 1.2rem; line-height: 1.5; padding: 0.5em 0; } .ContentArea .gallery-columns-6 .gallery-caption, .ContentArea .gallery-columns-7 .gallery-caption, .ContentArea .gallery-columns-8 .gallery-caption, .ContentArea .gallery-columns-9 .gallery-caption, .wp-editor .gallery-columns-6 .gallery-caption, .wp-editor .gallery-columns-7 .gallery-caption, .wp-editor .gallery-columns-8 .gallery-caption, .wp-editor .gallery-columns-9 .gallery-caption { display: none; } .ContentArea .alignleft, .wp-editor .alignleft { display: inline; float: left; } .ContentArea .alignright, .wp-editor .alignright { display: inline; float: right; } .ContentArea .aligncenter, .wp-editor .aligncenter { display: block; margin-right: auto; margin-left: auto; } .ContentArea .wp-caption.alignleft, .ContentArea img.alignleft, .wp-editor .wp-caption.alignleft, .wp-editor img.alignleft { margin: 0.4em 1.6em 0 0; } .ContentArea .wp-caption.alignright, .ContentArea img.alignright, .wp-editor .wp-caption.alignright, .wp-editor img.alignright { margin: 0.4em 0 0 1.6em; } .ContentArea blockquote.aligncenter, .ContentArea .wp-caption.aligncenter, .ContentArea img.aligncenter, .wp-editor blockquote.aligncenter, .wp-editor .wp-caption.aligncenter, .wp-editor img.aligncenter { clear: both; margin-top: 5px; } .ContentArea .wp-caption.alignleft, .ContentArea .wp-caption.alignright, .ContentArea .wp-caption.aligncenter, .wp-editor .wp-caption.alignleft, .wp-editor .wp-caption.alignright, .wp-editor .wp-caption.aligncenter { margin-bottom: 20px; } .ContentArea audio, .ContentArea canvas, .wp-editor audio, .wp-editor canvas { display: inline-block; } .ContentArea p > embed, .ContentArea p > iframe, .ContentArea p > object, .ContentArea p > video, .wp-editor p > embed, .wp-editor p > iframe, .wp-editor p > object, .wp-editor p > video { margin-bottom: 0; } .ContentArea .wp-audio-shortcode, .ContentArea .wp-video, .ContentArea .wp-playlist.wp-audio-playlist, .wp-editor .wp-audio-shortcode, .wp-editor .wp-video, .wp-editor .wp-playlist.wp-audio-playlist { font-size: 15px; font-size: 1.5rem; margin-top: 0; margin-bottom: 1.6em; } .ContentArea .wp-playlist.wp-playlist, .wp-editor .wp-playlist.wp-playlist { padding-bottom: 0; } .ContentArea .wp-playlist .wp-playlist-tracks, .wp-editor .wp-playlist .wp-playlist-tracks { margin-top: 0; } .ContentArea .wp-playlist-item .wp-playlist-caption, .wp-editor .wp-playlist-item .wp-playlist-caption { border-bottom: 0; padding: 10px 0; } .ContentArea .wp-playlist-item .wp-playlist-item-length, .wp-editor .wp-playlist-item .wp-playlist-item-length { top: 10px; } .ContentArea .wp-caption, .wp-editor .wp-caption { margin-bottom: 20px; max-width: 100%; } .ContentArea .wp-caption img[class*=wp-image-], .wp-editor .wp-caption img[class*=wp-image-] { display: block; margin: 0; } .ContentArea .wp-caption-text, .ContentArea .wp-caption-dd, .wp-editor .wp-caption-text, .wp-editor .wp-caption-dd { font-size: 18px; font-size: 1.125rem; line-height: 1.4; font-style: italic; padding-top: 15px; margin-bottom: 0; } .ContentArea .wp-caption-text span, .ContentArea .wp-caption-dd span, .wp-editor .wp-caption-text span, .wp-editor .wp-caption-dd span { color: #b5b5b5; } .ContentArea dfn, .ContentArea em, .wp-editor dfn, .wp-editor em { font-style: italic; } .ContentArea blockquote small, .wp-editor blockquote small { color: #333; font-size: 15px; font-size: 1.5rem; line-height: 1.6; } .ContentArea blockquote em, .ContentArea blockquote i, .wp-editor blockquote em, .wp-editor blockquote i { font-style: normal; } .ContentArea blockquote strong, .ContentArea blockquote b, .wp-editor blockquote strong, .wp-editor blockquote b { font-weight: 900; } .ContentArea code, .ContentArea kbd, .ContentArea tt, .ContentArea var, .ContentArea samp, .ContentArea pre, .wp-editor code, .wp-editor kbd, .wp-editor tt, .wp-editor var, .wp-editor samp, .wp-editor pre { font-family: Inconsolata, monospace; -webkit-hyphens: none; hyphens: none; } .ContentArea pre, .wp-editor pre { background-color: transparent; background-color: rgba(0, 0, 0, 0.01); border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); line-height: 1.2; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 0.8em; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } .ContentArea abbr[title], .wp-editor abbr[title] { border-bottom: 1px dotted #eaeaea; border-bottom: 1px dotted rgba(51, 51, 51, 0.1); cursor: help; } .ContentArea mark, .ContentArea ins, .wp-editor mark, .wp-editor ins { background-color: #fff9c0; text-decoration: none; } .ContentArea sup, .ContentArea sub, .wp-editor sup, .wp-editor sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } .ContentArea sup, .wp-editor sup { bottom: 1ex; } .ContentArea sub, .wp-editor sub { top: 0.5ex; } .ContentArea small, .wp-editor small { font-size: 75%; } .ContentArea big, .wp-editor big { font-size: 125%; } .ContentArea hr, .wp-editor hr { position: relative; background: none; color: #979797; height: 1px; border: 1px solid transparent; display: block; margin-bottom: 30px; } .ContentArea hr:after, .wp-editor hr:after { position: absolute; bottom: 0; background: #979797; left: 0; right: 0; height: 1px; content: ""; } @media (min-width: 1275px) { .ContentArea hr:after, .wp-editor hr:after { margin: 0; left: -132.5px; right: -132.5px; } } .ContentArea ul, .ContentArea ol, .wp-editor ul, .wp-editor ol { margin: 0 0 1.6em 1.3333em; } .ContentArea ul, .wp-editor ul { list-style: disc; } .ContentArea ol, .wp-editor ol { list-style: decimal; } .ContentArea li > ul, .ContentArea li > ol, .wp-editor li > ul, .wp-editor li > ol { margin-bottom: 0; } .ContentArea dl, .wp-editor dl { margin-bottom: 1.6em; } .ContentArea dt, .wp-editor dt { font-weight: bold; } .ContentArea dd, .wp-editor dd { margin-bottom: 1.6em; } .ContentArea table, .ContentArea th, .ContentArea td, .wp-editor table, .wp-editor th, .wp-editor td { border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1); } .ContentArea table, .wp-editor table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%; } .ContentArea caption, .ContentArea th, .ContentArea td, .wp-editor caption, .wp-editor th, .wp-editor td { font-weight: normal; text-align: left; } .ContentArea th, .wp-editor th { border-width: 0 1px 1px 0; font-weight: 700; } .ContentArea td, .wp-editor td { border-width: 0 1px 1px 0; } .ContentArea th, .ContentArea td, .wp-editor th, .wp-editor td { padding: 0.4em; } .ContentArea figure, .wp-editor figure { margin: 0; } .ContentArea del, .wp-editor del { opacity: 0.8; } .ContentArea.ContentArea--sidebar h1, .ContentArea.ContentArea--sidebar h2, .ContentArea.ContentArea--sidebar h3, .ContentArea.ContentArea--sidebar h4, .ContentArea.ContentArea--sidebar h5, .ContentArea.ContentArea--sidebar h6, .wp-editor.ContentArea--sidebar h1, .wp-editor.ContentArea--sidebar h2, .wp-editor.ContentArea--sidebar h3, .wp-editor.ContentArea--sidebar h4, .wp-editor.ContentArea--sidebar h5, .wp-editor.ContentArea--sidebar h6 { line-height: 21px !important; } .ContentArea.ContentArea--sidebar h6, .wp-editor.ContentArea--sidebar h6 { margin-bottom: 10px !important; } .ContentArea.ContentArea--sidebar p, .wp-editor.ContentArea--sidebar p { font-size: 16px !important; line-height: 21px !important; } @media (max-width: 479px) { .ContentArea.ContentArea--sidebar p, .wp-editor.ContentArea--sidebar p { line-height: 22px !important; } } .ContentArea.ContentArea--sidebar .Sidebar--lineHeight p, .wp-editor.ContentArea--sidebar .Sidebar--lineHeight p { line-height: 22px !important; } @media (max-width: 479px) { .ContentArea.ContentArea--largerMobile p, .wp-editor.ContentArea--largerMobile p { font-size: 16px !important; } } .ContentArea.ContentArea--spotlight p, .wp-editor.ContentArea--spotlight p { font-size: 16px; line-height: 22px; } @media (min-width: 480px) { .ContentArea.ContentArea--spotlight p, .wp-editor.ContentArea--spotlight p { font-size: 22px !important; font-weight: 300 !important; line-height: 28px !important; } } .wp-editor { font-family: "Graphik Web", sans-serif; } .Sidebar-content { font-size: 16px; color: #171717; line-height: 26px; } .Sidebar-content * { margin-bottom: 10px; } .TextAlert { position: relative; color: #ff7453; font-size: 16px; line-height: 22px; font-weight: 400; } .TextAlert span { display: inline-block; font-weight: 600; } .TextAlert--styled { padding-left: 25px; } .TextAlert--styled:before { content: "\e915"; font-family: "icomoon"; position: absolute; top: 10px; left: 0; transform: translateY(-50%); } .Footer { background-color: #2d292a; color: #aaaaaa; } .Footer-symbol { font-size: 48px; color: #aaaaaa; } ul.menu--footer > li { margin-bottom: 30px; } ul.menu--footer > li:last-child { margin-bottom: 0; } ul.menu--footer > li > a { font-weight: 600; text-transform: uppercase; } ul.menu--footer > li ul { display: block; } ul.menu--footer > li ul li a { font-weight: 400; } ul.menu--footer li { display: block; } ul.menu--footer li li { margin-bottom: 5px; } ul.menu--footer li li:last-child { margin-bottom: 0; } ul.menu--footer a { color: #ffffff; font-size: 16px; font-family: "Graphik Web", sans-serif; padding: 5px 0; } ul.menu--footer a:hover, ul.menu--footer a:focus, ul.menu--footer a:active { color: #979797; } .Footer-about { font-size: 16px; line-height: 26px; } .Footer-about p { margin-bottom: 10px; } .Footer-about p:last-child { margin-bottom: 0; } ul.Footer-finePrint > li { display: block; } @media (min-width: 990px) { ul.Footer-finePrint > li { display: inline-block; margin-right: 12px; } ul.Footer-finePrint > li:after { content: "|"; position: relative; right: -6px; } ul.Footer-finePrint > li:last-child:after, ul.Footer-finePrint > li.List-item--noDivider:after { display: none; } } ul.Footer-finePrintMenu, ul.Footer-finePrint { color: #aaaaaa; } ul.Footer-finePrintMenu li, ul.Footer-finePrint li { font-size: 14px; } ul.Footer-finePrintMenu a, ul.Footer-finePrint a { color: #aaaaaa; } ul.Footer-finePrintMenu a:hover, ul.Footer-finePrintMenu a:focus, ul.Footer-finePrintMenu a:active, ul.Footer-finePrint a:hover, ul.Footer-finePrint a:focus, ul.Footer-finePrint a:active { color: #ffffff; } ul.Footer-finePrintMenu { display: block; margin-top: 30px; } @media (min-width: 990px) { ul.Footer-finePrintMenu { margin-top: 0; margin-left: 20px; } } ul.Footer-finePrintMenu > li { margin-right: 12px; } ul.Footer-finePrintMenu > li:after { content: "|"; position: relative; right: -6px; } ul.Footer-finePrintMenu > li:last-child:after, ul.Footer-finePrintMenu > li.List-item--noDivider:after { display: none; } .MenuToggle { position: absolute; top: 15px; left: 10px; width: 45px; height: 32px; display: flex; align-items: center; } @media (min-width: 1001px) { .MenuToggle { top: 10px; left: 0; padding-left: 25px; width: 95px; height: 80px; border-right: 1px solid #aaaaaa; } } .MenuToggle .top-menu { width: 20px; top: 7px; } .MenuToggle .mid-menu { width: 27px; top: 14px; } .MenuToggle .bottom-menu { top: 21px; width: 25px; } .MenuToggle .menui { transition: all 0.2s ease; transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01); background: #333333; height: 3px; left: 6px; right: 5px; position: absolute; } .mm-wrapper--opened .MenuToggle .top-menu { transform: rotate(45deg); top: 12px !important; } .mm-wrapper--opened .MenuToggle .menui { transition: 0.5s ease; width: 25px; } .mm-wrapper--opened .MenuToggle .mid-menu { opacity: 0; } .mm-wrapper--opened .MenuToggle .bottom-menu { transform: rotate(-225deg); top: 12px !important; } .MenuToggle:hover .menui, .MenuToggle:focus .menui, .MenuToggle:active .menui { background-color: #45af2a; } .MenuToggle:hover .MenuToggle-text, .MenuToggle:focus .MenuToggle-text, .MenuToggle:active .MenuToggle-text { color: #45af2a; } .MenuToggle-left { position: relative; width: 45px; height: 34px; } .MenuToggle-text { font-weight: 600; text-transform: uppercase; color: #333333; font-size: 12px; padding: 20px; transition: all 0.2s ease; } .MenuToggle-right { display: none; } @media (min-width: 1001px) { .MenuToggle-right { display: block; } } .mm-menu, .mm-blocker, body.is-fixed-header .mm-menu { top: 60px; } @media (min-width: 1001px) { .mm-menu, .mm-blocker, body.is-fixed-header .mm-menu { top: 100px; } } .mm-menu { max-width: 355px; width: 100%; background-color: #333333; padding: 0 15px; } .mm-menu::before { display: none; position: absolute; top: 0; left: 0; z-index: 9999; background-color: red; width: 60px; height: 60px; transform: translateY(-100%); pointer-events: none; font-family: "icomoon"; font-size: 24px; display: flex; justify-content: center; align-items: center; font-weight: 900; } @media (min-width: 1001px) { .mm-menu::before { height: 100px; } } .mm-menu .mm-navbar { display: none; } .mm-menu > .mm-panels > .mm-panel { padding-top: 40px; } .mm-menu .mm-panel { padding-left: 0; padding-right: 0; } .mm-menu .mm-listview .mm-btn { border: none; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; width: 45px; } .mm-menu .mm-listview .mm-btn::after { border-color: #ffffff; transform: rotate(225deg); right: 19px; width: 9px; height: 9px; } .mm-menu .mm-listview .mm-btn:focus::after { color: #979797; } .mm-menu .mm-listitem::after { content: none; } .mm-menu .mm-listitem--opened .mm-btn, .mm-menu .mm-listitem--opened .mm-panel { background-color: #333333; } .mm-menu .mm-listitem--opened .mm-btn::after { transform: rotate(45deg); right: 20px; top: 5px; left: auto; } .mm-menu ul.menu--mobile a { color: #ffffff; } .mm-menu ul.menu--mobile a:hover, .mm-menu ul.menu--mobile a:focus, .mm-menu ul.menu--mobile a:active { color: #979797; } .mm-menu ul.menu--mobile > li { margin-bottom: 12px; } .mm-menu ul.menu--mobile > li:after { border: none; } .mm-menu ul.menu--mobile > li > a { font-size: 30px; font-size: 1.875rem; font-family: "Produkt", serif; font-weight: 500; padding: 10px 0; } .mm-menu ul.menu--mobile > li > .mm-panel .mm-panel { padding-left: 10px; } .mm-menu ul.menu--mobile ul a { font-size: 18px; font-family: "Graphik Web", sans-serif; font-weight: 400; padding: 10px 0 !important; } .mm-menu ul.menu--mobileFooter, ul.menu--mobileFooter { margin-top: -5px; margin-bottom: 40px; } .mm-menu ul.menu--mobileFooter li, ul.menu--mobileFooter li { margin-bottom: 5px; } .mm-menu ul.menu--mobileFooter li:last-child, ul.menu--mobileFooter li:last-child { margin-bottom: 0; } .mm-menu ul.menu--mobileFooter a, ul.menu--mobileFooter a { font-size: 16px; font-weight: 500; text-transform: uppercase; padding: 5px 0; color: #ffffff; } .mm-menu ul.menu--mobileFooter a:hover, .mm-menu ul.menu--mobileFooter a:focus, .mm-menu ul.menu--mobileFooter a:active, ul.menu--mobileFooter a:hover, ul.menu--mobileFooter a:focus, ul.menu--mobileFooter a:active { color: #979797; } .List--mobileIcons li { margin-right: 15px; margin-bottom: 0; display: inline-block; vertical-align: middle; } .List--mobileIcons li:last-child { margin-right: 0; } .List--mobileIcons li > a { height: 33px; width: 33px; border-radius: 100%; color: #1b1b1b !important; background-color: #ffffff; border: 1px solid #ffffff; display: block; position: relative; } .List--mobileIcons li > a i { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .List--mobileIcons li > a:hover, .List--mobileIcons li > a:focus, .List--mobileIcons li > a:active { color: #ffffff !important; background-color: transparent; border-color: #ffffff; } .op-is-open-shortcode { font-weight: 500; font-size: 16px; color: #aac800; } .op-is-open-shortcode .op-open { color: #aac800; } .op-is-open-shortcode .op-closed { color: #aac800; } .op-is-open-shortcode .op-closed + .op-today { color: #aac800; } .ParkHours-content { text-align: left; display: inline-block; } .ParkHours--green { color: #aac800; } .ParkHours--orange { color: #ff7453; } .MobileFooter-top { padding-bottom: 40px; border-bottom: 1px solid #ffffff; } .MobileFooter-middle { padding: 40px 0; } html.Modal-is-active { overflow: hidden; } .Modal { position: absolute; top: 0; left: -9999%; z-index: 1001; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; text-align: center; opacity: 0; background-color: rgba(0, 0, 0, 0.5); } .Modal:before { display: inline-block; vertical-align: middle; width: 0; height: 100%; content: ""; } .Modal.Modal-is-active { position: fixed; right: 0; bottom: 0; left: 0; opacity: 1; } .Modal.Modal-is-above { z-index: 1002; } .no-js .Modal { opacity: 1; } .no-js .Modal:before { display: none; } .no-js .Modal.Modal-is-active { position: static; left: auto; overflow: visible; opacity: 1; background-color: transparent; } .Modal[data-size] > .Modal-content { width: 95%; } .Modal[data-size=s] > .Modal-content { max-width: 480px; } .Modal[data-size=m] > .Modal-content { max-width: 787px; } .Modal[data-size=l] > .Modal-content { max-width: 960px; } .Modal-content { overflow: hidden; position: relative; z-index: 1001; background: #fff; display: inline-block; vertical-align: middle; margin: 10px auto; padding: 5px; } .Modal-body { padding: 15px; } .Modal-close { position: absolute; height: 20px; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; top: 30px; right: 20px; } @media (min-width: 480px) { .Modal-close { top: 25px; right: 15px; } } .Modal-close:before { content: "\e911"; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; } /* ========================================================================== Fade Actions ========================================================================== */ .Modal[data-effect=fade] { transition: opacity 0.3s; } /* ========================================================================== Story Modal ========================================================================== */ .Modal--story .Modal-close { position: static; border-radius: 100%; border: 1px solid #000; width: 24px; height: 24px; display: flex; margin-left: auto; } .Modal--story .Modal-close::before { font-size: 13px; margin: auto; } .Modal--story .Modal-content { padding: 20px; } .Modal--story .Modal-body { margin-top: 25px; padding: 0; } .Modal--story .Modal-description li { text-align: left; font-family: "Graphik Web", sans-serif; font-weight: 400; font-size: 16px; color: #000; margin-bottom: 15px; line-height: 1.5; } .Modal--story .Button { position: static; border-radius: 0; border: 1px solid #45AF2A; width: auto; height: auto; display: inline-block; margin-left: 0; } .Modal--story .Button::before { content: none; } .Post--thread { position: relative; overflow: hidden; } .Post--thread .Post-body { padding: 20px 15px; } @media (min-width: 480px) { .Post--thread .Post-body { padding: 20px 0; } } @media (min-width: 480px) { .Post--thread { padding-bottom: 35px; } } .Post--thread .Post-image { float: left; width: 130px; position: absolute; top: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; } @media (min-width: 480px) { .Post--thread .Post-image { height: 130px; position: relative; } } @media (min-width: 769px) { .Post--thread .Post-image { width: 180px; height: 180px; } } .Post--hasImage .Post-body { max-width: 660px; margin-left: 150px; padding-right: 20px; padding-left: 0; } @media (min-width: 769px) { .Post--hasImage .Post-body { margin-left: 230px; } } .Post-tags a { display: inline-block; margin-right: 10px; } .Post-tags a:last-of-type { margin-right: 0; } .Post-tags a:hover, .Post-tags a:active, .Post-tags a:focus { color: #45af2a; } .Post-linkImage { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; } .Post--spotlight { position: relative; } .Post--spotlight .Post-media { position: absolute; top: 0; right: 0; bottom: 0; left: auto; background-size: cover; background-position: center center; width: 50%; } .Post--spotlight .Post-source { font-size: 12px; font-size: 0.75rem; font-weight: 400; color: #b1b1b1; } .Post--spotlight .Post-title { transition: all 0.2s; } .Post--spotlight .Post-title:hover, .Post--spotlight .Post-title:active, .Post--spotlight .Post-title:focus { color: #aac800; } .Post--spotlight .Post-link { border-bottom: 1px solid #45af2a; color: #45af2a; font-size: 15px; font-weight: 500; transition: all 0.2s; display: inline-block; } .Post--spotlight .Post-link:hover, .Post--spotlight .Post-link:active, .Post--spotlight .Post-link:focus { color: #fff; border-bottom-color: #fff; z-index: 7; } .Post--spotlight .Media { margin: 0; } @media (max-width: 768px) { .Post--spotlight .Media { width: auto; } } .Featured-link { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .Pagination a, .Pagination span { font-size: 13px; font-size: 0.8125rem; line-height: 36px; line-height: 2.25rem; font-weight: 500; color: #1b1b1b; display: inline-block; height: 35px; width: 35px; text-align: center; margin: 0 5px; vertical-align: middle; transition: background 0.2s; } .Pagination a:hover, .Pagination a:active, .Pagination a:focus, .Pagination span:hover, .Pagination span:active, .Pagination span:focus { color: #45af2a; } .Pagination a.dots:hover, .Pagination a.dots:active, .Pagination a.dots:focus, .Pagination span.dots:hover, .Pagination span.dots:active, .Pagination span.dots:focus { color: initial; transition: none; } .Pagination .prev i { right: 9px; } .Pagination .next i { left: 9px; } .Pagination .next, .Pagination .prev { position: relative; height: 35px; width: 35px; } .Pagination i { font-size: 20px; font-size: 1.25rem; position: absolute; top: 7px; } .Pagination .current { color: #45af2a; } @media (min-width: 480px) { .Pagination-placeholder { width: 35px; height: 35px; display: inline-block; vertical-align: middle; } } .Pagination--search .page-numbers { display: none; } .Pagination--search .page-numbers.next, .Pagination--search .page-numbers.prev { display: inline-block; width: 74px; } .Pagination--search .Pagination-placeholder { width: 74px; } .Pagination--search .next, .Pagination--search .prev { width: auto; } .Pagination--search .next { text-align: left; padding-right: 20px; } .Pagination--search .next i { right: 0; left: auto; } .Pagination--search .next div { text-align: right; } .Pagination--search .prev { text-align: right; padding-left: 20px; margin-right: 25px; } .Pagination--search .prev i { left: 0; right: auto; } .Teaser--event { display: flex; flex-direction: column; } @media (min-width: 769px) { .Teaser--event { flex-direction: row; } } @media (min-width: 769px) { .Teaser--event .Teaser-date { min-width: 182px; border-right: 1px solid #979797; } } @media (min-width: 769px) { .Teaser--event .Teaser-content { padding-left: 15px; } } @media (min-width: 480px) { .Teaser--event .Teaser-content .ContentArea { line-height: 22px; } } .Post-CategoryLinks { color: #9B9B9B; text-decoration: underline; } .ExpandedImage { font-size: 0; text-align: center; padding-top: 15px; padding-bottom: 30px; } @media (min-width: 769px) { .ExpandedImage { padding-top: 30px; padding-bottom: 60px; } } @media all and (min-width: 1220px) { .ExpandedImage { position: relative; margin-left: -95px; margin-right: -270px; padding-right: 180px; } } .ExpandedImage .wp-caption { position: relative; width: auto !important; } @media all and (min-width: 1220px) { .ExpandedImage .wp-caption { display: inline-block; margin: 0 auto; margin-bottom: 0; text-align: left; } } .ExpandedImage .wp-credit { display: block; font-size: 12px; color: #5E5E5E; line-height: 19px; margin-top: 8px; font-weight: 400; } .ExpandedImage .wp-caption-text { text-align: left; font-style: normal; font-size: 14px; color: #5E5E5E; font-weight: 500; } @media all and (min-width: 1220px) { .ExpandedImage .wp-caption-text { width: 160px; position: absolute; right: -180px; bottom: 0; } } .ExpandedVideo { font-size: 0; text-align: center; padding-top: 15px; padding-bottom: 30px; position: relative; } @media (min-width: 769px) { .ExpandedVideo { padding-top: 30px; padding-bottom: 60px; } } @media all and (min-width: 1220px) { .ExpandedVideo { position: relative; margin-left: -95px; margin-right: -270px; padding-right: 180px; } } .ExpandedVideo .wp-caption-text { text-align: left; bottom: 30px; font-size: 12px; line-height: 19px; font-style: normal; font-weight: 400; color: #5E5E5E; padding: 0; } @media (min-width: 769px) { .ExpandedVideo .wp-caption-text { bottom: 90px; } } @media all and (min-width: 1220px) { .ExpandedVideo .wp-caption-text { width: 160px; position: absolute; right: 0; } } .EventMonth--exists .EventMonth-heading { display: none; } .Teaser--press { background-color: #f6f6f6; margin-bottom: 16px; } .Teaser--press .Teaser-body { padding-bottom: 60px; } .Teaser--press .Teaser-date { position: absolute; bottom: 25px; left: 15px; } @media (min-width: 480px) { .Teaser--press .Teaser-date { left: 30px; } } @media (max-width: 479px) { .SinglePost-heading { font-size: 22px; line-height: 24px; } } .FullImage { position: relative; width: 100vw; left: calc(-50vw + 50%); } @media (min-width: 769px) { .FullImage { left: calc(-51vw + 50%); } } @media (min-width: 990px) { .FullImage { left: calc(-44vw + 50%); } } @media all and (min-width: 1550px) { .FullImage { left: calc(-46vw + 50%); } } input::-ms-clear { display: none; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #b5b5b5; } :-moz-placeholder { color: #b5b5b5; } ::-moz-placeholder { opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ color: #b5b5b5; } :-ms-input-placeholder { color: #b5b5b5 !important; } ::-ms-input-placeholder { color: #b5b5b5 !important; } input[type=text], .gform_wrapper input[type=text], input[type=url], input[type=email], input[type=tel], input[type=number], input[type=tel], input[type=password], textarea, select, .StripeElement { font-family: "Graphik Web", sans-serif; width: 100%; padding: 10px; transition: all 0.2s; border: 1px solid #1b1b1b; outline: none; background-color: #fff; border-radius: 0; font-size: 16px; font-size: 1rem; } input[type=text]:focus, .gform_wrapper input[type=text]:focus, input[type=url]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=password]:focus, textarea:focus, select:focus, .StripeElement:focus { transition: box-shadow 0.1s ease-in; border-color: #aac800; box-shadow: inset 0 1px 1px rgba(69, 175, 42, 0.075); } label, .gform_wrapper label.gfield_label, .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label { font-weight: 500; font-size: 14px; color: #1b1b1b; font-family: "Graphik Web", sans-serif; text-transform: uppercase; margin-bottom: 8px; display: block; } label span, .gform_wrapper label.gfield_label span, .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label span, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label span, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label span, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label span, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label span, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label span { text-transform: none; font-weight: 400; } input[type=submit] { display: inline-block; font-family: "Graphik Web", sans-serif; font-size: 16px !important; font-weight: 500; line-height: 16px !important; padding: 15px 20px; text-align: center; color: #fff; background-color: #45af2a; border-color: #45af2a; border-width: 1px; border-style: solid; height: 48px; transition: all 0.2s; min-width: 190px; width: auto !important; } input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus { color: #45af2a; background-color: transparent; } @media (min-width: 769px) { .Donate-errors { padding-left: 40px; padding-right: 40px; } } .Donate-errors label.error { min-width: 0 !important; } .Form--slim { position: relative; } .Form--slim .Form-message { margin-bottom: 20px; } .Form--slim .Form-submit { position: absolute; top: 10px; right: 0; padding: 8px 15px; } .Form--newsletter .Button { position: static; margin-top: 10px; padding: 8px; min-width: 150px; } .Form-container { max-width: 438px; } .Form-group { margin-bottom: 25px; } .Form-loader { display: none; position: absolute; top: 38px; width: 20px; height: 20px; right: 90px; z-index: 9; } @media (min-width: 480px) { .Form-loader { top: 43px; } } @media (min-width: 769px) { .Form-loader { top: 9px; } } .Form--standard .Form-group { position: relative; } .Form-message--success { display: none; } .Form-message--error { display: none; margin-top: 10px; } .Form.is-success .Form-message--success { display: block; } .Form.is-success .Form-message--initial { display: none; } .Form.is-success .Form-group { display: none; } .Form.is-error .Form-message--error { display: block; } .Form.is-loading .Form-loader { display: block; } .Form--donate fieldset { max-width: 910px; } @media (max-width: 479px) { .Form-label { font-size: 16px !important; } } .Form--dark input { background-color: #4D4D4D; border: none; } .Form--dark .Form-submit { color: #ffffff; } .Form--dark .Form-message { color: #ffffff; font-weight: 400; font-family: "Graphik Web", sans-serif; font-size: 14px; } .Form--hasSubmitIcon .Form-submit { border: none; background-color: transparent; font-size: 32px; right: 5px; } .Form-submit { position: relative; } .Form-submit i { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); } .Form--sidebarEmail input[type=email] { color: #1b1b1b; font-style: normal; width: calc(100% - 46px); } .Form--sidebarEmail input[type=email]:focus { border-color: #45af2a; } .Form--sidebarEmail .Form-submit { position: absolute; top: 0; right: 0; bottom: 0; width: 47px; background-color: #333333; color: #ffffff; border: 1px solid #333; font-size: 12px; transition: all 0.2s; } .Form--sidebarEmail .Form-submit:hover, .Form--sidebarEmail .Form-submit:focus, .Form--sidebarEmail .Form-submit:active { background-color: #ffffff; color: #333333; } .Form--widget { background-color: #E8EAEA; } .Form--widget .Form-label { display: block; background-color: #333333; font-size: 16px; font-weight: 600; font-family: "Graphik Web", sans-serif; color: #ffffff; padding: 20px 25px; text-transform: none; } .Form--widget .Form-input { position: relative; z-index: 1; } .Form--widget .Form-input input { border: none; font-weight: 600; font-family: "Graphik Web", sans-serif; padding: 13px; padding-left: 25px; } .Form--widget .Form-input:after, .Form--widget .Form-input:before { position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); } .Form--widget .Form-input:after { content: "USD"; font-size: 15px; font-weight: 400; right: 13px; } .Form--widget .Form-input:before { content: "$"; font-size: 15px; font-weight: 600; left: 13px; } .Form--widget input[type=number]::-webkit-inner-spin-button, .Form--widget input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .Form--widget .Form-body { padding: 16px 25px; } .Form--widget .Button { padding: 11px 20px; width: 100%; margin: 15px 0; } .Form-checkbox { font-size: 14px; padding-left: 35px; position: relative; } .Form-checkbox input { display: none; } .Form-checkbox label { font-size: 14px; font-weight: 400; text-transform: none; line-height: 33px; margin: 0; } .Form-checkbox label:hover { cursor: pointer; } .Form-checkbox span { height: 24px; width: 24px; background-color: #ffffff; display: inline-block; position: absolute; left: 0; top: 3px; } .Form-checkbox span:after { font-family: "icomoon"; position: absolute; top: 0; right: 0; bottom: 0; line-height: 24px; font-size: 23px; color: #45af2a; } .Form-checkbox input:checked + span:after { content: "\e911"; } .StripeElement--focus { border-color: #aac800; } .StripeElement--invalid { border-color: #f16a2b; } .StripeElement--webkit-autofill { background-color: #fefde5 !important; } input.error { border-color: #f16a2b; } label.error { color: #f16a2b; font-weight: 500; text-transform: none; font-size: 16px; margin-top: 10px; min-width: 300px; } .Form-errors { padding: 20px; color: #f16a2b; font-weight: 500; } .OptionBox { background-color: #f6f6f6; display: flex; flex-wrap: wrap; margin-right: -8px; margin-bottom: -8px; } @media (min-width: 769px) { .OptionBox { margin-right: -4px; margin-bottom: -4px; } } .OptionBox label, .OptionBox input { font-size: 22px; } .OptionBox label { text-align: center; display: flex; align-items: center; font-weight: 600; margin-bottom: 0; } .OptionBox label em { display: block; margin-top: 5px; font-size: 16px; font-weight: 400; } .OptionBox label input { opacity: 0; width: 0; height: 0; } .OptionBox label input:checked + .OptionBox-select { border: 3px solid #aac800; } @media (min-width: 480px) { .OptionBox label input:checked + .OptionBox-select { background-color: #aac800; color: #ffffff; } } .OptionBox label input:checked + .OptionBox-select span.OptionBox-discount { color: #45af2a; } @media (min-width: 480px) { .OptionBox label input:checked + .OptionBox-select span.OptionBox-discount { color: #ffffff; } } .OptionBox label:hover, .OptionBox label:focus, .OptionBox label:active { cursor: pointer; } @media (min-width: 769px) { .OptionBox label:hover .OptionBox-select, .OptionBox label:focus .OptionBox-select, .OptionBox label:active .OptionBox-select { border: 3px solid #aac800; } } .OptionBox-select { width: 100%; padding: 40px; font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; text-transform: none; border: 1px solid #979797; transition: all 0.2s; } @media (min-width: 769px) { .OptionBox-select { border: 3px solid transparent; } } .OptionBox-select span { font-weight: 400; } .OptionBox-name { font-size: 18px; font-weight: 400; } .OptionBox-name--large { font-size: 22px; margin: 0 auto; } span.OptionBox-original, span.OptionBox-discount { font-weight: 600; transition: none; } span.OptionBox-original { transition: all 0s !important; color: #1b1b1b; } span.OptionBox-original::after { content: ""; width: 100%; height: 1px; color: #1b1b1b; background: #000000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); transition: all 0s !important; } span.OptionBox-discount { color: #45af2a; } .OptionBox-option { width: 100%; border-bottom: 8px solid #fff; border-right: 8px solid #fff; } @media (min-width: 769px) { .OptionBox-option { border-bottom: 4px solid #fff; border-right: 4px solid #fff; } } @media (min-width: 480px) { .OptionBox-option:last-child { width: 50%; } } .OptionBox-option--customValue { position: relative; width: 100%; border-top: 8px #fff solid; margin-top: -8px; } @media (min-width: 769px) { .OptionBox-option--customValue { border-top: none; margin: 0; width: 33.333%; } } .OptionBox-option--customValue input[type=text] { padding-left: 40px; font-weight: normal; border: 2px solid transparent; } .OptionBox-option--customValue input[type=text].error { border-color: #f16a2b; } @media (max-width: 479px) { .OptionBox-option--customValue input[type=text] { padding-left: 35px; } } .OptionBox-option--customValue .OptionBox-select { display: block; position: relative; } .OptionBox-option--customValue .OptionBox-select:before { position: absolute; content: "$"; top: 50%; transform: translateY(-50%); left: 50px; font-weight: 600; font-size: 22px; } @media (max-width: 479px) { .OptionBox-option--customValue .OptionBox-select:before { left: 25px; } } @media (max-width: 479px) { .OptionBox-option--customValue .OptionBox-select { padding: 16px !important; } } .OptionBox-option--customValue.is-monthly .OptionBox-select:after { position: absolute; content: "/mo"; top: 50%; transform: translateY(-50%); right: 60px; font-weight: 400; font-size: 22px; } @media (max-width: 479px) { .OptionBox-option--customValue.is-monthly .OptionBox-select:after { right: 30px; } } .OptionBox--option--donateCustom .OptionBox-select { padding: 30px 25px; } @media (min-width: 769px) { .OptionBox--option--donateCustom { width: auto; } } .OptionBox--option--donateCustom input[type=text] { padding-left: 60px; } @media (max-width: 479px) { .OptionBox--mobileWide .OptionBox-select { flex-direction: row; padding: 20px 26px; justify-content: left; } } @media (max-width: 479px) { .OptionBox--mobileWide .OptionBox-name { margin-left: 0; top: 2px; margin-left: 40px; position: relative; } } @media (max-width: 479px) { .OptionBox--mobileWide .OptionBox-name--placeholder { margin-left: 0; font-size: 18px; } } @media (max-width: 479px) { .OptionBox--mobileWide .OptionBox-value { min-width: 110px; text-align: left; margin-left: 0; } } .PriceSection-footer { font-size: 16px; color: #aaaaaa; max-width: 400px; font-style: italic; margin-top: 10px; line-height: 26px; text-align: left; display: none; } .PriceSection-footer.is-active { display: inline-block; } .Form-radios label, .Form-radios ul.gfield_radio li label, .Form-radios ul.gfield_checkbox li label, .ginput_container_radio label, .ginput_container_radio ul.gfield_radio li label, .ginput_container_radio ul.gfield_checkbox li label, .ginput_container_checkbox label, .ginput_container_checkbox ul.gfield_radio li label, .ginput_container_checkbox ul.gfield_checkbox li label { position: relative; cursor: pointer; display: inline-block; margin-right: 30px; padding-left: 30px; font-size: 18px; text-transform: none; font-weight: 400; line-height: 26px; } .Form-radios label:last-of-type, .Form-radios ul.gfield_radio li label:last-of-type, .Form-radios ul.gfield_checkbox li label:last-of-type, .ginput_container_radio label:last-of-type, .ginput_container_radio ul.gfield_radio li label:last-of-type, .ginput_container_radio ul.gfield_checkbox li label:last-of-type, .ginput_container_checkbox label:last-of-type, .ginput_container_checkbox ul.gfield_radio li label:last-of-type, .ginput_container_checkbox ul.gfield_checkbox li label:last-of-type { margin-right: 0; } .Form-radios input, .Form-radios .gfield_checkbox li input[type=checkbox], .Form-radios .gfield_radio li input[type=radio], .ginput_container_radio input, .ginput_container_radio .gfield_checkbox li input[type=checkbox], .ginput_container_radio .gfield_radio li input[type=radio], .ginput_container_checkbox input, .ginput_container_checkbox .gfield_checkbox li input[type=checkbox], .ginput_container_checkbox .gfield_radio li input[type=radio] { opacity: 0; width: 0; height: 0; } .Form-radios input:focus + span, .Form-radios .gfield_checkbox li input[type=checkbox]:focus + span, .Form-radios .gfield_radio li input[type=radio]:focus + span, .ginput_container_radio input:focus + span, .ginput_container_radio .gfield_checkbox li input[type=checkbox]:focus + span, .ginput_container_radio .gfield_radio li input[type=radio]:focus + span, .ginput_container_checkbox input:focus + span, .ginput_container_checkbox .gfield_checkbox li input[type=checkbox]:focus + span, .ginput_container_checkbox .gfield_radio li input[type=radio]:focus + span { border: 1px solid #45AF2A; } .Form-radios input:checked + span, .Form-radios .gfield_checkbox li input[type=checkbox]:checked + span, .Form-radios .gfield_radio li input[type=radio]:checked + span, .ginput_container_radio input:checked + span, .ginput_container_radio .gfield_checkbox li input[type=checkbox]:checked + span, .ginput_container_radio .gfield_radio li input[type=radio]:checked + span, .ginput_container_checkbox input:checked + span, .ginput_container_checkbox .gfield_checkbox li input[type=checkbox]:checked + span, .ginput_container_checkbox .gfield_radio li input[type=radio]:checked + span { background-color: #aac800; } .Form-radios span, .Form-radios .gfield_checkbox li input[type=checkbox], .Form-radios .gfield_radio li input[type=radio], .ginput_container_radio span, .ginput_container_radio .gfield_checkbox li input[type=checkbox], .ginput_container_radio .gfield_radio li input[type=radio], .ginput_container_checkbox span, .ginput_container_checkbox .gfield_checkbox li input[type=checkbox], .ginput_container_checkbox .gfield_radio li input[type=radio] { transition: all 0.2s; display: inline-block; width: 15px; height: 15px; border: 1px solid #1b1b1b; position: absolute; left: 0; top: 3px; } .Form-radios--wide label { margin-right: 50px; } @media (max-width: 479px) { .Donate-heading { font-size: 22px; } } @media (max-width: 479px) { .Donate-caption p { font-size: 16px; } } .selectize-control, .ginput_container_select { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input, li .ginput_container_select select.gfield_select, .ginput_complex select { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .selectize-input, li .ginput_container_select select.gfield_select, .ginput_complex select { border: 1px solid #1b1b1b; padding: 8px 8px; display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; } .Form-input.has-error .selectize-input { border-color: #f16a2b; } .selectize-input.focus { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: " "; display: block; clear: left; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #1b1b1b; background: #ffffff; margin: -1px 0 0 0; } .selectize-dropdown [data-selectable], .gform_wrapper select { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .optgroup:first-child .optgroup-header { border-top: 0 none; } .selectize-dropdown .optgroup-header { color: #303030; background: #ffffff; cursor: default; } .selectize-dropdown .active { background-color: #45af2a; color: #ffffff; } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch; } .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input { cursor: pointer; } .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input { cursor: text; } .selectize-control.single .selectize-input:after { border-bottom: 2px solid #AAAAAA; border-right: 2px solid #AAAAAA; content: ""; display: block; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 17px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; width: 5px; } .selectize-control.single .selectize-input:before, .ginput_container_select .gfield_select:before, li .ginput_container_select select.gfield_select:before { content: " "; display: block; position: absolute; right: 35px; border-left: 1px solid #AAAAAA; top: 5px; bottom: 5px; width: 1px; } .selectize-control.single .selectize-input.dropdown-active:after { transform: rotate(-135deg); } .selectize-control.rtl.single .selectize-input:after { left: 15px; right: auto; } .selectize-control.rtl .selectize-input > input { margin: 0 4px 0 -2px !important; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } .Popover { color: #45af2a; font-size: 18px; margin-left: 5px; } .Popover:hover, .Popover:focus, .Popover:active { cursor: pointer; color: #1b1b1b; } .Popover--bumpleft { position: relative; margin-left: 0; left: -45px; } .tippy-popper { bottom: 40px !important; top: auto !important; transform: none !important; z-index: 999 !important; } @media (min-width: 769px) { .tippy-popper { max-width: 575px; } } .tippy-popper .tippy-tooltip { border-radius: 0px; color: #1b1b1b; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25); } .tippy-popper .tippy-backdrop { background-color: #D8D8D8; } .tippy-popper .tippy-content { padding: 20px; text-align: left; font-size: 16px; font-weight: 400; line-height: 26px; -webkit-transform: translateZ(0); } .Form-group--conditional { display: none; } .Form-group--conditional.is-active { display: block; } .Progress { color: #979797; font-size: 0; } .Progress-bubble { height: 12px; width: 12px; border-radius: 100%; border: 2px solid; border-color: #979797; display: inline-block; background-color: #ffffff; } .Progress-label { font-size: 12px; font-weight: 600; letter-spacing: 1px; font-family: "Graphik Web", sans-serif; display: block; margin-top: 10px; text-transform: uppercase; } .Progress-step { position: relative; display: inline-block; text-align: center; padding: 0 30px; } @media all and (min-width: 350px) { .Progress-step { padding: 0 40px; } } .Progress-step:before, .Progress-step:after { height: 2px; position: absolute; z-index: 1; top: 5px; background-color: #979797; content: ""; width: 100%; } .Progress-step:before { left: 0; } .Progress-step:after { right: 0; } .Progress-step:first-of-type { text-align: left; padding-left: 0; } .Progress-step:first-of-type:before { display: none; } .Progress-step:last-of-type { text-align: right; padding-right: 0; } .Progress-step:last-of-type:after { display: none; } .Progress-step a, .Progress-step span { position: relative; z-index: 2; } .Progress-step a { color: #979797; display: inline-block; } .Progress-step a:hover, .Progress-step a:focus, .Progress-step a:active { cursor: pointer; color: #45af2a; } .Progress-step a:hover .Progress-bubble, .Progress-step a:focus .Progress-bubble, .Progress-step a:active .Progress-bubble { border-color: #45af2a; } .Progress-step.is-active { color: #45af2a; } .Progress-step.is-active .Progress-bubble { border-color: #45af2a; } body .gform_wrapper ul li.gfield { margin-top: 0 !important; margin-bottom: 25px; } .gform_wrapper .gsection { border: none; } .gform_wrapper h2.gsection_title { font-size: 24px; font-weight: 500; line-height: 1.2; margin-bottom: 20px; text-transform: none; } .gform_wrapper .top_label .gfield_label { display: -moz-inline-stack; display: block; line-height: 1; } .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label { font-weight: 400; margin-top: 0; margin-bottom: 4px; text-transform: none; } .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container span input, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container span input, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container span input { margin-bottom: 25px !important; } .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container span:last-of-type input, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container span:last-of-type input, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container span:last-of-type input { margin-bottom: 0px !important; } .gform_wrapper .ginput_container span:not(.ginput_price) { display: block; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea { font-size: 16px; padding: 10px; } li .ginput_container_select select.gfield_select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } .gform_wrapper select option { font-size: 14px; padding: 8px 8px; } .gform_wrapper select option:checked { background: #45af2a -webkit-linear-gradient(bottom, #45af2a 0%, #45af2a 100%); } .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label, .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .gchoice_select_all { font-weight: 400; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { display: inline; margin-right: 30px; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio] { width: 15px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .gfield_checkbox li input[type=checkbox], .gfield_radio li input[type=radio] { margin-top: 3px !important; } .gfield_checkbox li input[type=checkbox]:checked, .gfield_radio li input[type=radio]:checked { background-color: #aac800; } input[type=file] { font-size: 14px; } @media (min-width: 769px) { div.ginput_complex.ginput_container.gf_name_has_2 span { display: inline-block; } } .gform_wrapper { margin: 0; } .gform_wrapper div.validation_error { color: #b94a48; background-color: #f2dede; border: 2px solid #eed3d7; text-align: left; font-weight: 500; padding: 20px; } .gform_wrapper .validation_message, .gform_wrapper .gfield_error .gfield_label { color: #f16a2b !important; font-weight: 500 !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper .gfield_error .gfield_label { background-color: initial; border: none; } .gform_wrapper .field_description_below .gfield_description { padding-top: 0; } .gform_wrapper ul.gfield_checkbox li { display: block; } @media all and (min-width: 641px) { .gform_wrapper ul.gfield_checkbox li { width: 50%; display: inline-block; margin: 0; margin-bottom: 25px; } } .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { font-size: 16px; margin-top: 10px; } .gform_wrapper .gfield_required { color: #1b1b1b; } .gform_wrapper .gfield_error .gfield_required { color: #f16a2b; } .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border-color: #f16a2b; } .Form-divider hr { margin: 35px 0 !important; background-color: #1B1B1B; border: none; } @media (min-width: 769px) { .Form-divider hr { margin: 70px 0 !important; } } .gform_wrapper h2.gsection_title { font-size: 20.8px; line-height: 1.2; font-weight: 600; } @media (min-width: 480px) { .gform_wrapper h2.gsection_title { font-size: 26px; margin-bottom: 30px !important; } } .gfield_checkbox input:focus { outline: none; } body img.gform_ajax_spinner { width: 30px; } .gform_wrapper .Form--newsletterLanding { margin-top: 30px; } @media (min-width: 769px) { .gform_wrapper .Form--newsletterLanding { margin-top: -30px; } } .gform_wrapper .Form--newsletterLanding input[type=email] { width: 100%; } .Form-anchor { position: absolute; visibility: hidden; pointer-events: none; width: 0px; height: 0px; top: -200px; } @media (max-width: 479px) { .Form-anchor { top: -135px; } } .Form--story .gform_wrapper input[type=file] { display: none; } .Form--story .gform_wrapper label { font-family: "Graphik Web", sans-serif; font-weight: 400; font-size: 14px; color: #000; line-height: 1.1; margin-bottom: 9px; } .Form--story .gform_wrapper label .gfield_required { display: none; } .Form--story .gform_wrapper label.file_upload { font-family: "Graphik Web", sans-serif; font-size: 16px; color: #000; line-height: 1; padding: 17px 15px; background-color: #e5e5e5; display: inline-block; transition: all 0.25s ease-in-out; cursor: pointer; text-transform: none; margin: 0; width: 140px; text-align: center; position: relative; } .Form--story .gform_wrapper label.file_upload::after { content: attr(fileText); font-family: "Graphik Web", sans-serif; font-size: 16px; font-weight: 400; color: #000; position: absolute; left: 100%; margin-left: 15px; width: 100%; } .Form--story .gform_wrapper label.file_upload:hover, .Form--story .gform_wrapper label.file_upload:focus { background-color: #cdcdcd; } .Form--story .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .Form--story .gform_wrapper textarea { font-size: 16px; line-height: 1.13; margin: 0; } .Form--story .gform_wrapper textarea { height: 200px; } .Form--story .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 10px 12px; } .Form--story .gform_wrapper p { color: #000; font-family: "Graphik Web", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 25px; } .Form--story .gform_wrapper p > button { color: #45AF2A; text-decoration: underline; transition: all 0.25s ease; } .Form--story .gform_wrapper p > button:hover, .Form--story .gform_wrapper p > button:focus { color: #000; } @media (min-width: 769px) { .Form--story .gform_wrapper p { margin-top: 15px; } } .Form--story .gform_wrapper ul.gform_fields { margin: 0; } @media (min-width: 769px) { .Form--story .gform_wrapper ul.gform_fields { margin-left: -25px !important; margin-right: -25px !important; } } .Form--story .gform_wrapper ul.gform_fields div.ginput_container { margin: 0; } .Form--story .gform_wrapper ul.gform_fields div.ginput_container .gform_fileupload_rules { color: #000; font-family: "Graphik Web", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-top: 15px; margin-bottom: 40px; } .Form--story .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex { width: 100%; } .Form--story .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex span { margin-bottom: 0; } .Form--story .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex span.name_first { margin-bottom: 20px; margin-right: 50px; } @media (min-width: 769px) { .Form--story .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex span.name_first { margin-bottom: 0; } } .Form--story .gform_wrapper ul.gform_fields li.gfield { margin: 0; padding: 0; width: 100%; } .Form--story .gform_wrapper ul.gform_fields li.gfield .name_first, .Form--story .gform_wrapper ul.gform_fields li.gfield .name_last { width: 100%; padding: 0 !important; } @media (min-width: 769px) { .Form--story .gform_wrapper ul.gform_fields li.gfield { padding-left: 25px; padding-right: 25px; } } @media (min-width: 990px) { .Form--story .gform_wrapper ul.gform_fields li.gfield_modal { display: none; } } .Form--story .gform_wrapper .gfmc-column { width: 100%; margin-bottom: 20px; } @media (min-width: 769px) { .Form--story .gform_wrapper .gfmc-column { margin-bottom: 30px; } } @media (min-width: 769px) { .Form--story .gform_wrapper .gfmc-column.gfmc-column50 { width: 50%; } } @media (min-width: 769px) { .Form--story .gform_wrapper .gfmc-column.gfmc-column33 { width: 33%; } } @media (min-width: 769px) { .Form--story .gform_wrapper .gfmc-column.gfmc-rowName { width: 66.66%; } } @media (min-width: 769px) { .Form--story .gform_wrapper .gfmc-column.gfmc-rowName .ginput_complex { display: flex; } } @media (min-width: 769px) { .Form--story .gform_wrapper .gfmc-column.gfmc-rowNameLast { width: 33.33%; } } .Form--story .gform_wrapper .gform_limit { margin-bottom: 25px !important; } .Form--story .gform_wrapper .gform_limit label::after { content: "(1,500 Character Limit)"; text-transform: none; margin-left: 5px; } .Form--story .gform_wrapper .gform_limit .charleft { display: none; } .Form--story .gform_footer { padding: 0; margin-top: 15px; } .Form--story .gform_footer input.button { font-weight: 400; } .Form--story .gform_confirmation_wrapper { margin-top: 15px; } .Form--signup { margin-top: 50px; } .Form--signup .gform_wrapper input[type=file] { display: none; } .Form--signup .gform_wrapper label { font-family: "Graphik Web", sans-serif; font-weight: 400; font-size: 14px; color: #fff; line-height: 1.1; margin-bottom: 9px; } .Form--signup .gform_wrapper label .gfield_required { display: none; } .Form--signup .gform_wrapper label.file_upload { font-family: "Graphik Web", sans-serif; font-size: 16px; color: #000; line-height: 1; padding: 17px 15px; background-color: #e5e5e5; display: inline-block; transition: all 0.25s ease-in-out; cursor: pointer; text-transform: none; margin: 0; width: 140px; text-align: center; position: relative; } .Form--signup .gform_wrapper label.file_upload::after { content: attr(fileText); font-family: "Graphik Web", sans-serif; font-size: 16px; font-weight: 400; color: #000; position: absolute; left: 100%; margin-left: 15px; width: 100%; } .Form--signup .gform_wrapper label.file_upload:hover, .Form--signup .gform_wrapper label.file_upload:focus { background-color: #cdcdcd; } .Form--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .Form--signup .gform_wrapper textarea { font-size: 16px; line-height: 1.13; color: #333; margin: 0; } .Form--signup .gform_wrapper textarea { height: 200px; } .Form--signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 10px 12px; } .Form--signup .gform_wrapper p { color: #000; font-family: "Graphik Web", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 25px; } .Form--signup .gform_wrapper p > button { color: #45AF2A; text-decoration: underline; transition: all 0.25s ease; } .Form--signup .gform_wrapper p > button:hover, .Form--signup .gform_wrapper p > button:focus { color: #000; } @media (min-width: 769px) { .Form--signup .gform_wrapper p { margin-top: 15px; } } .Form--signup .gform_wrapper ul.gform_fields { margin: 0; } @media (min-width: 769px) { .Form--signup .gform_wrapper ul.gform_fields { margin-left: -25px !important; margin-right: -25px !important; } } .Form--signup .gform_wrapper ul.gform_fields div.ginput_container { margin: 0; } .Form--signup .gform_wrapper ul.gform_fields div.ginput_container .gform_fileupload_rules { color: #000; font-family: "Graphik Web", sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-top: 15px; margin-bottom: 40px; } .Form--signup .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex { width: 100%; } .Form--signup .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex span { margin-bottom: 0; } .Form--signup .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex span.name_first { margin-bottom: 20px; margin-right: 50px; } @media (min-width: 769px) { .Form--signup .gform_wrapper ul.gform_fields div.ginput_container.ginput_complex span.name_first { margin-bottom: 0; } } .Form--signup .gform_wrapper ul.gform_fields li.gfield { margin: 0; padding: 0; width: 100%; } .Form--signup .gform_wrapper ul.gform_fields li.gfield .name_first, .Form--signup .gform_wrapper ul.gform_fields li.gfield .name_last { width: 100%; padding: 0 !important; } @media (min-width: 769px) { .Form--signup .gform_wrapper ul.gform_fields li.gfield { padding-left: 25px; padding-right: 25px; } } @media (min-width: 990px) { .Form--signup .gform_wrapper ul.gform_fields li.gfield_modal { display: none; } } .Form--signup .gform_wrapper .gfmc-column { width: 100%; margin-bottom: 20px; } @media (min-width: 769px) { .Form--signup .gform_wrapper .gfmc-column { margin-bottom: 30px; } } @media (min-width: 769px) { .Form--signup .gform_wrapper .gfmc-column.gfmc-column50 { width: 50%; } } @media (min-width: 769px) { .Form--signup .gform_wrapper .gfmc-column.gfmc-column33 { width: 33%; } } @media (min-width: 769px) { .Form--signup .gform_wrapper .gfmc-column.gfmc-rowName { width: 66.66%; } } @media (min-width: 769px) { .Form--signup .gform_wrapper .gfmc-column.gfmc-rowName .ginput_complex { display: flex; } } @media (min-width: 769px) { .Form--signup .gform_wrapper .gfmc-column.gfmc-rowNameLast { width: 33.33%; } } .Form--signup .gform_wrapper .gform_limit { margin-bottom: 25px !important; } .Form--signup .gform_wrapper .gform_limit label::after { content: "(1,500 Character Limit)"; text-transform: none; margin-left: 5px; } .Form--signup .gform_wrapper .gform_limit .charleft { display: none; } .Form--signup .gform_footer { padding: 0; margin-top: 15px; } .Form--signup .gform_footer input.button { font-weight: 400; } .Form--signup .gform_confirmation_wrapper { margin-top: 15px; } .ginput_container_checkbox input, .ginput_container_checkbox .gfield_checkbox li input[type=checkbox], .ginput_container_radio .gfield_radio li input[type=radio], .ginput_container_radio input { opacity: 1; } #gform_wrapper_36.gform_wrapper .gfield_radio li { display: inline-block; } #gform_wrapper_36.gform_legacy_markup_wrapper li.gfield ul.gfield_radio li input[type=radio] + input[type=text] { margin-left: 30px; } .SearchBox { transition: visibility 0s linear 200ms, opacity 200ms; position: absolute; top: 0; left: -9999%; z-index: 1001; width: 100%; } .search-is-active .SearchBox { right: 0; bottom: 1px; left: 0; opacity: 1; background: #fff; transition: visibility 0s linear 0s, opacity 200ms; } .SearchBox-wrap { padding-top: 17px; padding-bottom: 15px; position: relative; } @media (min-width: 1001px) { .SearchBox-wrap { padding-top: 35px; padding-bottom: 35px; } } input[type=text].SearchBox-input { font-size: 18px; font-size: 1.125rem; font-weight: 400; color: #1b1b1b; border: none; background: transparent; width: 100%; text-align: left; height: auto; padding: 0; } @media (min-width: 1001px) { input[type=text].SearchBox-input { font-size: 26px; font-size: 1.625rem; } } input[type=text].SearchBox-input:hover, input[type=text].SearchBox-input:active, input[type=text].SearchBox-input:focus { outline: none; box-shadow: none; } button.SearchBox-close { position: absolute; height: 25px; width: 25px; right: 15px; top: 15px; font-size: 0; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; transition: opacity 0.2s; } @media (min-width: 1001px) { button.SearchBox-close { right: 20px; } } button.SearchBox-close:hover, button.SearchBox-close:active, button.SearchBox-close:focus { opacity: 0.8; text-decoration: none; cursor: pointer; } button.SearchBox-close:before { content: "\e911"; font-family: "icomoon"; color: #979797; font-weight: 400; font-size: 22px; font-size: 1.375rem; } @media (min-width: 1001px) { button.SearchBox-close:before { font-size: 28px; font-size: 1.75rem; } } .SearchBox-form { position: relative; margin: 0 auto; } @media (min-width: 769px) { .search-results .PostsArchive-card { min-height: 195px; height: 195px; } } .Sidebar { font-size: 18px; font-family: "Graphik Web", sans-serif; font-weight: 400; line-height: 1.5; text-decoration: none; } .Sidebar p { margin-bottom: 25px; } @media (min-width: 769px) { .Sidebar p.textLarge { font-size: 26px; margin-bottom: 15px; } } .Sidebar li { margin-bottom: 15px; } .Sidebar ul { list-style: disc; margin-left: 25px; } .Sidebar-inner { background: #F5F5F5; padding: 25px 30px; } .Sidebar-backLink { color: #45AF2A; font-size: 16px; padding: 25px 30px; display: inline-block; } .Slide-image { text-align: center; } .Slide-image img { width: 100%; height: auto; } .Slide-image { font-size: 0; position: relative; } .Slider--flex.Grid--gutterMediumSmaller { margin-left: -60px; } @media (min-width: 769px) { .Slider--flex.Grid--gutterMediumSmaller { margin: 0 -20px; } } .Slider--flex .slick-track { display: flex; } .Slider--flex .slick-slide { display: flex; height: auto; } .Slider--horizontalGallery .slick-list { padding: 0 10% !important; } @media (min-width: 769px) { .Slider--horizontalGallery .slick-list { padding: 0 20% !important; } } .Slider--horizontalGallery .Slider-slides { margin-left: -8px; margin-right: -8px; } .Slider--horizontalGallery .Slide { padding: 0 8px; } .Slider--horizontalGallery .slick-slide { position: relative; margin: 0; } .Slider--horizontalGallery .slick-slide:before { background-color: rgba(0, 0, 0, 0.4); content: ""; position: absolute; top: 0; right: 8px; left: 8px; bottom: 0; z-index: 5; opacity: 0; transition: all 0.2s; } .Slider--horizontalGallery .slick-next, .Slider--horizontalGallery .slick-prev { background-color: rgba(0, 0, 0, 0.4); opacity: 0; } .Slider--horizontalGallery .slick-next:hover, .Slider--horizontalGallery .slick-next:focus, .Slider--horizontalGallery .slick-next:active, .Slider--horizontalGallery .slick-prev:hover, .Slider--horizontalGallery .slick-prev:focus, .Slider--horizontalGallery .slick-prev:active { opacity: 1; } .Slider--horizontalGallery .slick-center:before { display: none; } .Slider--horizontalGallery .is-changing .slick-next, .Slider--horizontalGallery .is-changing .slick-prev { opacity: 0; } .Slider--horizontalGallery .Slide-image { padding-bottom: 62.5%; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; min-height: 220px; } .Slider--horizontalGallery .Slide-image a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99; } .Slider-slides { opacity: 0; } .Slider-slides.slick-initialized { opacity: 1; } .slick-arrow { position: absolute; z-index: 2; top: 0; bottom: 0; padding: 0; font-size: 0; display: inline-block; transition: all 0.2s; width: 10%; left: auto; } .slick-arrow:focus { outline: none; } @media (min-width: 769px) { .slick-arrow { padding: 40px; width: 20%; } } .slick-prev { left: -8px; } .slick-next { right: -8px; } .Slider--contentSlider .Slide-image { background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 45.8333333333%; } .Slider--contentSlider .Slide { position: relative; } .Slider--contentSlider .slick-arrow { display: none !important; } @media (min-width: 769px) { .Slider--contentSlider .Slide-wrap { position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 3; } } .Slider--contentSlider .Slide-content { padding: 30px 15px; padding-bottom: 90px; background-color: #ffffff; position: relative; } @media (min-width: 769px) { .Slider--contentSlider .Slide-content { padding: 30px; padding-bottom: 80px; display: inline-block; width: 420px; } } .Slider--contentSlider video, .Slider--contentSlider object, .Slider--contentSlider iframe { display: none; position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; transform: translateX(-50%) translateY(-50%); } @media (min-width: 769px) { .Slider--contentSlider video, .Slider--contentSlider object, .Slider--contentSlider iframe { display: block; } } .Slide-heading { line-height: 1; } .Slide-subheading { font-size: 17.6px; line-height: 1.18; } @media (min-width: 769px) { .Slide-subheading { font-size: 22px; } } .Slide-link { position: absolute; left: 15px; bottom: 25px; } @media (min-width: 769px) { .Slide-link { left: 30px; } } ul.slick-dots { position: absolute; bottom: -25px; width: 100%; text-align: center; z-index: 3; } @media (min-width: 769px) { ul.slick-dots { bottom: -35px; } } ul.slick-dots li { display: inline-block; width: 13px; height: 13px; border-radius: 100%; background-color: #fff; margin-right: 5px; vertical-align: middle; cursor: pointer; transition: 0.2s; font-size: 0; border: 1px solid #AAAAAA; } ul.slick-dots li.slick-active, ul.slick-dots li:hover, ul.slick-dots li:active, ul.slick-dots li:focus { background-color: #AAAAAA; } ul.slick-dots li:last-of-type { margin-right: 0; } .StoryHeading { font-family: "Produkt", serif; font-size: 24px; text-transform: uppercase; line-height: 1.5; } @media (min-width: 769px) { .StoryHeading { font-size: 48px; margin-bottom: 10px; } } .StorySubheading { font-family: "Graphik Web", sans-serif; font-weight: 400; font-size: 18px; line-height: 1.5; } .StorySubheading > strong { font-weight: 700; } @media (min-width: 769px) { .StorySubheading { font-size: 26px; } } .jscroll-inner { -moz-column-count: 1; column-count: 1; -moz-column-gap: 20px; column-gap: 20px; -moz-column-fill: balance; column-fill: balance; } @media (min-width: 769px) { .jscroll-inner { -moz-column-count: 2; column-count: 2; } } @media (min-width: 990px) { .jscroll-inner { -moz-column-count: 3; column-count: 3; } } .StoryCard { margin-bottom: 20px; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; width: 100%; padding: 30px; color: white; position: relative; } .StoryCard .StoryCard-content, .StoryCard .StoryCard-contentOverlay { z-index: 1; visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; } .StoryCard .StoryCard-content { opacity: 1; visibility: visible; } .StoryCard .StoryCard-content > div { z-index: 10; position: relative; } .StoryCard .StoryCard-content::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.9) 100%); bottom: 0; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 3; } .StoryCard .StoryCard-overlay p { font-size: 18px; color: #fff; line-height: 1.5; font-weight: 400; } @media (min-width: 769px) { .StoryCard .StoryCard-overlay p { font-size: 20px; } } .StoryCard .StoryCard-overlay::before { background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(0, 0, 0, 0.9) 100%); bottom: 0; content: ""; height: 100%; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; width: 100%; z-index: 3; } .StoryCard .StoryCard-contentOverlay { opacity: 0; visibility: hidden; position: absolute; bottom: 0; left: 0; padding: 30px; cursor: pointer; height: 100%; display: flex; justify-content: flex-end; flex-direction: column; } @media (min-width: 769px) { .StoryCard:hover .StoryCard-contentOverlay { opacity: 1; visibility: visible; } } @media (min-width: 769px) { .StoryCard:hover .StoryCard-content { opacity: 0; visibility: hidden; } } .StoryCard-anchor { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99; } .StoryCard.StoryCard--cta { padding: 55px 35px; background-color: #fff; } @media (min-width: 769px) { .StoryCard.StoryCard--cta { padding: 60px 45px; } } .StoryCard.StoryCard--cta p { font-size: 18px; color: #000; line-height: 1.5; font-weight: 400; } @media (min-width: 769px) { .StoryCard.StoryCard--cta p { font-size: 26px; } } .StoryCard.StoryCard--image::before { content: none !important; } .StoryCard.StoryCard--story, .StoryCard.StoryCard--image { background-size: cover; background-position: center; background-repeat: no-repeat; padding: 15px; padding-top: 200px; position: relative; transition: all 0.25s ease; } .StoryCard.StoryCard--story:hover::before, .StoryCard.StoryCard--story:focus::before, .StoryCard.StoryCard--image:hover::before, .StoryCard.StoryCard--image:focus::before { opacity: 1; } @media (min-width: 769px) { .StoryCard.StoryCard--story::before, .StoryCard.StoryCard--image::before { content: ""; background-color: rgba(0, 0, 0, 0.88); z-index: 0; position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.25s ease; } } @media (min-width: 769px) { .StoryCard.StoryCard--story, .StoryCard.StoryCard--image { padding: 30px; padding-top: 350px; } } .StoryCard.StoryCard--story h5, .StoryCard.StoryCard--image h5 { font-size: 18px; font-family: "Produkt", serif; text-transform: uppercase; line-height: 1.15; margin-bottom: 10px; } @media (min-width: 769px) { .StoryCard.StoryCard--story h5, .StoryCard.StoryCard--image h5 { font-size: 26px; margin-bottom: 15px; } } .StoryCard.StoryCard--story p, .StoryCard.StoryCard--image p { font-size: 12px; line-height: 1.25; font-weight: 400; font-family: "Graphik Web", sans-serif; position: relative; z-index: 5; } @media (min-width: 769px) { .StoryCard.StoryCard--story p, .StoryCard.StoryCard--image p { font-size: 16px; } } .StoryCard.StoryCard--story svg, .StoryCard.StoryCard--image svg { width: 32px; height: 8px; } .StoryCard.StoryCard--text { background-color: #45af2a; } .StoryCard.StoryCard--tweet { background: #696969; } .StoryCard-inner { position: relative; z-index: 10; } .StoryCard.StoryCard--tweet, .StoryCard.StoryCard--text, .StoryCard.StoryCard--image { color: #fff !important; } .StoryCard.StoryCard--tweet svg, .StoryCard.StoryCard--text svg, .StoryCard.StoryCard--image svg { display: flex; width: 37px; height: 27px; margin-left: auto; } .StoryCard.StoryCard--tweet p, .StoryCard.StoryCard--tweet span, .StoryCard.StoryCard--text p, .StoryCard.StoryCard--text span, .StoryCard.StoryCard--image p, .StoryCard.StoryCard--image span { font-family: "Graphik Web", sans-serif; font-size: 18px; font-weight: 400px; line-height: 1.78; } .StoryCard.StoryCard--tweet strong, .StoryCard.StoryCard--text strong, .StoryCard.StoryCard--image strong { font-weight: 700; text-transform: uppercase; } .StoryCard.StoryCard--tweet span, .StoryCard.StoryCard--text span, .StoryCard.StoryCard--image span { font-size: 16px; line-height: 1.25; } .StoryCard-tweetText, .StoryCard-text { margin-bottom: 10px; } .StoryStatic:last-child .StoryStatic-inner { padding-bottom: 0; border-bottom: none; } .StoryStatic h4 { font-size: 22px; font-family: "Produkt", serif; text-transform: uppercase; line-height: 1; margin-bottom: 5px; } @media (min-width: 769px) { .StoryStatic h4 { font-size: 26px; } } .StoryStatic p { font-size: 18px; color: #000; line-height: 1.5; font-weight: 400; } @media (min-width: 769px) { .StoryStatic p { font-size: 20px; } } .StoryStatic-inner { padding: 50px 25px; border-bottom: 1px solid #000; } @media (min-width: 769px) { .StoryStatic-inner { padding: 0; border: none; } } .u-link { font-size: 16px; color: #45af2a; display: flex; align-items: center; } .u-link svg { width: 32px; height: 8px; } .u-link:hover, .u-link:focus { color: #000; } .u-link:hover path, .u-link:focus path { fill: #000 !important; } .u-linkOpaque { opacity: 0; visibility: hidden; } .u-linkAll svg { width: 20px; height: 20px; } .Story-subscribe .Form-message { font-size: 14px; font-family: "Graphik Web", sans-serif; font-weight: 400; } .Story-subscribe .Form-message--error { color: #ed4337; } .Story-subscribe .Form-message--success { color: #1cc074; } .Story-subscribe.is-error .Form-message--error { display: block; } .Story-subscribe.is-success .Form-message--success { display: block; } .jscroll-loading { text-align: center; padding-top: 15px; padding-bottom: 100px; } .StoryGrid, .StoryGrid .jscroll-inner { font-size: 0; } .GalleryGrid > .Grid-cell { padding: 10px; } @media (max-width: 479px) { .GalleryGrid .Grid-cell .GalleryGrid-cell { position: relative; } .GalleryGrid .Grid-cell .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 76.0309278351%; } } @media (min-width: 480px) { .GalleryGrid [class*=size1of2] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*=size1of2] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 100%; } .GalleryGrid [class*=size1of3] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*=size1of3] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 76.0309278351%; } .GalleryGrid [class*=size2of3] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*=size2of3] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 36.523929471%; } .GalleryGrid [class*=size1of1] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*=size1of1] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 49.1666666667%; } .GalleryGrid [class*="size1of1 Grid-cell--short"] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*="size1of1 Grid-cell--short"] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 24.5833333333%; } .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 158.0310880829%; } .GalleryGrid [class*="size2of3 Grid-cell--tall"] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*="size2of3 Grid-cell--tall"] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 74.3073047859%; } } @media screen and (min-width: 570px) { .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 155.4404145078%; } } @media (min-width: 769px) { .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 154.4041450777%; } } @media (min-width: 990px) { .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell { position: relative; } .GalleryGrid [class*="size1of3 Grid-cell--tall"] .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 152.5906735751%; } } .Gallery-header { font-size: 18px; padding-bottom: 10px; margin-bottom: 10px; } @media (min-width: 769px) { .Gallery-header { font-size: 26px; padding-bottom: 20px; margin-bottom: 20px; } } @media (min-width: 769px) { .GalleryGrid--1 .Grid-cell { width: 100%; } .GalleryGrid--1 .Grid-cell .GalleryGrid-cell { position: relative; } .GalleryGrid--1 .Grid-cell .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 49.1666666667%; } } @media (min-width: 769px) { .GalleryGrid--2 .Grid-cell:nth-of-type(1), .GalleryGrid--2 .Grid-cell:nth-of-type(2) { width: 50%; } .GalleryGrid--2 .Grid-cell:nth-of-type(1) .GalleryGrid-cell, .GalleryGrid--2 .Grid-cell:nth-of-type(2) .GalleryGrid-cell { position: relative; } .GalleryGrid--2 .Grid-cell:nth-of-type(1) .GalleryGrid-cell:before, .GalleryGrid--2 .Grid-cell:nth-of-type(2) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 100%; } } @media (min-width: 769px) { .GalleryGrid--3 .Grid-cell:nth-of-type(1), .GalleryGrid--3 .Grid-cell:nth-of-type(2) { width: 50%; } .GalleryGrid--3 .Grid-cell:nth-of-type(1) .GalleryGrid-cell, .GalleryGrid--3 .Grid-cell:nth-of-type(2) .GalleryGrid-cell { position: relative; } .GalleryGrid--3 .Grid-cell:nth-of-type(1) .GalleryGrid-cell:before, .GalleryGrid--3 .Grid-cell:nth-of-type(2) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 100%; } .GalleryGrid--3 .Grid-cell:nth-of-type(3) .GalleryGrid-cell { position: relative; } .GalleryGrid--3 .Grid-cell:nth-of-type(3) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 49.1666666667%; } } @media (min-width: 769px) { .GalleryGrid--4 .Grid-cell:nth-of-type(1), .GalleryGrid--4 .Grid-cell:nth-of-type(2) { width: 50%; } .GalleryGrid--4 .Grid-cell:nth-of-type(1) .GalleryGrid-cell, .GalleryGrid--4 .Grid-cell:nth-of-type(2) .GalleryGrid-cell { position: relative; } .GalleryGrid--4 .Grid-cell:nth-of-type(1) .GalleryGrid-cell:before, .GalleryGrid--4 .Grid-cell:nth-of-type(2) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 100%; } .GalleryGrid--4 .Grid-cell:nth-of-type(3) { width: 33.33%; } .GalleryGrid--4 .Grid-cell:nth-of-type(3) .GalleryGrid-cell { position: relative; } .GalleryGrid--4 .Grid-cell:nth-of-type(3) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 76.0309278351%; } .GalleryGrid--4 .Grid-cell:nth-of-type(4) { width: 66.67%; } .GalleryGrid--4 .Grid-cell:nth-of-type(4) .GalleryGrid-cell { position: relative; } .GalleryGrid--4 .Grid-cell:nth-of-type(4) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 36.523929471%; } } @media (min-width: 769px) { .GalleryGrid--5 .Grid-cell:nth-of-type(1), .GalleryGrid--5 .Grid-cell:nth-of-type(2) { width: 50%; } .GalleryGrid--5 .Grid-cell:nth-of-type(1) .GalleryGrid-cell, .GalleryGrid--5 .Grid-cell:nth-of-type(2) .GalleryGrid-cell { position: relative; } .GalleryGrid--5 .Grid-cell:nth-of-type(1) .GalleryGrid-cell:before, .GalleryGrid--5 .Grid-cell:nth-of-type(2) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 100%; } .GalleryGrid--5 .Grid-cell:nth-of-type(3), .GalleryGrid--5 .Grid-cell:nth-of-type(4), .GalleryGrid--5 .Grid-cell:nth-of-type(5) { width: 33.33%; } .GalleryGrid--5 .Grid-cell:nth-of-type(3) .GalleryGrid-cell, .GalleryGrid--5 .Grid-cell:nth-of-type(4) .GalleryGrid-cell, .GalleryGrid--5 .Grid-cell:nth-of-type(5) .GalleryGrid-cell { position: relative; } .GalleryGrid--5 .Grid-cell:nth-of-type(3) .GalleryGrid-cell:before, .GalleryGrid--5 .Grid-cell:nth-of-type(4) .GalleryGrid-cell:before, .GalleryGrid--5 .Grid-cell:nth-of-type(5) .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 76.0309278351%; } } @media (max-width: 768px) { .Grid--mobileSlider .Grid-cell .GalleryGrid-cell { position: relative; } .Grid--mobileSlider .Grid-cell .GalleryGrid-cell:before { display: block; content: ""; width: 100%; padding-top: 76.0309278351%; } } .GalleryGrid--archive .GalleryGrid-image:before { content: "See more"; } .GalleryGrid--archive .GalleryGrid-image { margin-bottom: 30px; } .Grid-cell--videoTeaser .GalleryGrid-image:hover:before, .Grid-cell--videoTeaser .GalleryGrid-image:focus:before, .Grid-cell--videoTeaser .GalleryGrid-image:active:before { font-family: "Graphik Web", sans-serif; font-size: 36px; content: "See Videos"; } .GalleryGrid-image { background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .GalleryGrid-image:hover, .GalleryGrid-image:focus, .GalleryGrid-image:active { cursor: pointer; } .GalleryGrid-image:hover:before, .GalleryGrid-image:hover:after, .GalleryGrid-image:focus:before, .GalleryGrid-image:focus:after, .GalleryGrid-image:active:before, .GalleryGrid-image:active:after { opacity: 1; } .GalleryGrid-image:before { font-size: 26px; font-family: "Graphik Web", sans-serif; font-weight: 600; color: #fff; position: absolute; top: 50%; text-align: center; right: 0; left: 0; transform: translateY(-50%); z-index: 10; } .GalleryGrid-image:after { content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); } .GalleryGrid-image:after, .GalleryGrid-image:before { position: absolute; opacity: 0; transition: opacity 0.2s; } .GalleryGrid--video .GalleryGrid-image:before { font-family: "icomoon"; content: "\e91a"; opacity: 0.7; font-size: 100px; } .GalleryGrid--video .GalleryGrid-image:hover:before, .GalleryGrid--video .GalleryGrid-image:focus:before, .GalleryGrid--video .GalleryGrid-image:active:before { font-family: "Graphik Web", sans-serif; font-size: 36px; content: "Play Video"; } html.with-featherlight { overflow: hidden; } html.with-featherlight body { overflow-x: hidden; overflow-y: auto; } .featherlight-media { background-size: contain; width: 100%; height: 70vh; background-position: center center; background-repeat: no-repeat; } @media (min-width: 990px) { .featherlight-media { height: 80vh; } } .featherlight.Gallery { overflow: auto; background-color: rgba(49, 49, 49, 0.9); } @media (min-width: 990px) { .featherlight.Gallery { overflow: hidden; } } .featherlight.Gallery .featherlight-body { position: relative; } .featherlight.Gallery .featherlight-content { overflow: visible; border: none; background: transparent; margin: 0; padding: 0; width: 95%; } @media (min-width: 769px) { .featherlight.Gallery .featherlight-content { width: 90%; } } .featherlight.Gallery .featherlight-caption { font-size: 15px; line-height: 20px; position: absolute; bottom: auto; left: 0; display: block; padding: 15px 0; padding-top: 40px; right: 0; color: #ffffff; } @media (min-width: 769px) { .featherlight.Gallery .featherlight-caption { line-height: 1.33; padding: 20px 0; padding-right: 200px; left: 80px; } } .featherlight.Gallery .featherlight-caption span { font-size: 9px; } .featherlight.Gallery .featherlight-next { right: 0; left: auto; } @media (min-width: 769px) { .featherlight.Gallery .featherlight-next { left: 85%; } } @media (max-width: 768px) { .featherlight.Gallery .featherlight-previous { left: auto; right: 50px; } } .featherlight.Gallery .featherlight-footer { padding-right: 100px; position: relative; } .featherlight.Gallery .featherlight-base { position: relative; } .featherlight.Gallery .featherlight-pagination { position: absolute; right: 0; bottom: 0; left: 0; } @media (min-width: 769px) { .featherlight.Gallery .featherlight-pagination { bottom: -15px; left: auto; right: 10px; width: 100px; } } @media (min-width: 990px) { .featherlight.Gallery .featherlight-pagination { bottom: 0; } } .featherlight.Gallery .featherlight-next span, .featherlight.Gallery .featherlight-previous span { color: #aac800; display: inline-block; text-shadow: none; font-size: 18px; margin: 0; position: relative; line-height: 1; width: auto; transition: all 0.2s; } .featherlight.Gallery .featherlight-next span:hover, .featherlight.Gallery .featherlight-next span:focus, .featherlight.Gallery .featherlight-next span:active, .featherlight.Gallery .featherlight-previous span:hover, .featherlight.Gallery .featherlight-previous span:focus, .featherlight.Gallery .featherlight-previous span:active { color: #ffffff; } .featherlight.Gallery .featherlight-close-icon { font-size: 24px; top: -50px; right: 0; width: auto; color: #b1b1b1; background-color: transparent; } @media all and (max-height: 350px) { .featherlight.Gallery .featherlight-close-icon { top: -25px; } } @media (min-width: 769px) { .featherlight.Gallery .featherlight-close-icon { font-size: 30px; } } .featherlight.Gallery .featherlight-count { position: absolute; top: 13px; color: #AAAAAA; font-size: 12px; text-align: right; } @media (min-width: 769px) { .featherlight.Gallery .featherlight-count { top: 40px; right: -5px; left: -50px; } } @media (min-width: 990px) { .featherlight.Gallery .featherlight-count { top: 60px; } } .featherlight.Gallery .featherlight-credit { color: #AAAAAA; font-size: 12px; margin-top: 10px; line-height: 1; } .featherlight.Gallery.Gallery--video .featherlight-close { top: -30px; right: 0; } @media all and (min-width: 1440px) { .featherlight.Gallery.is-portrait { text-align: center; } .featherlight.Gallery.is-portrait .featherlight-footer { vertical-align: bottom; padding-right: 0; } .featherlight.Gallery.is-portrait .featherlight-caption { padding-left: 20px; bottom: 0; padding-right: 0; text-align: left; width: 240px; padding-bottom: 0; right: 0px; left: auto; } } .AjaxPagination { position: relative; } .AjaxPagination-loader { position: absolute; width: 75px; height: 75px; display: none; left: 0; right: 0; margin: 0 auto; top: -80px; } .AjaxPagination-loader.is-loading { display: inline-block; } .AjaxPagination--archive .AjaxPagination-loader { right: 0; left: 150px; top: -13px; width: 50px; height: 50px; } .AjaxPagination-button.Button--link:active, .AjaxPagination-button.Button--link:focus { color: #45af2a; } .AjaxPagination-button.Button--link:active:hover, .AjaxPagination-button.Button--link:focus:hover { color: #1b1b1b; } .whr-items { display: flex !important; flex-wrap: wrap; margin: -8px; } .whr-item { width: 100%; background-color: #ffffff; margin: 8px; min-height: 295px; justify-content: space-between; padding: 15px; } @media (min-width: 769px) { .whr-item { width: calc(50% - 16px); padding: 15px 30px; } } @media (min-width: 990px) { .whr-item { width: calc(33.33% - 16px); } } .whr-date, .whr-toggle, .whr-location > span, .whr-dept > span, .whr-group { display: none; } .whr-item, .whr-info { display: flex; flex-direction: column; } .whr-title, .whr-info { background-color: #ffffff; } .whr-title { line-height: 30px; margin-bottom: 5px; font-weight: 600; font-size: 21px; } @media (min-width: 769px) { .whr-title { font-size: 26px; } } .whr-info { height: 100%; } .whr-dept { font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 600; order: 1; margin-top: auto; } .whr-location { font-size: 16px; line-height: 22px; font-weight: 300; } @media (min-width: 769px) { .whr-location { font-size: 18px; line-height: 26px; } }