/* .css merger for https://heartbeat.schellbrothers.com ./content/merger/publish-page_https-1e94d65ee53f5b1b856fd95b561fe28a-1775750852.css u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/normalize.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_functions.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/themes/schellbrothers/settings.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_global.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_type.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_buttons.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_button-groups.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_dropdown.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_dropdown-buttons.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_progress-bars.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_labels.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_visibility.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/_flex-video.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/element.style.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/element-mq.style.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/templates/default/default.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/heading/heading.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/nav-bar/nav-bar.scss u!vega/modules/photoswipe/4.1.1/photoswipe.css u!vega/modules/photoswipe/4.1.1/default-skin/default-skin.css u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/media-masonry/media-masonry.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/text-block/text-block.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/account-menu/account-menu.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/div-block/div-block.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/employee-card/employee-card.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/form/form.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/form-quiz/form-quiz.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/data-nav-bar/data-nav-bar.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/paragraph/paragraph.scss u!vega/modules/jquery-modal/jquery.modal.css u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/modal/modal.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/inactivity/inactivity.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/button/button.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/youtube/youtube.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/gallery/OwlCarousel2-2.3.4/dist/assets/owl.carousel.css u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/gallery/OwlCarousel2-2.3.4/dist/assets/owl.theme.default.css u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/gallery/gallery.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/lot-info/lot-info.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/issuu/issuu.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/division-cards/division-cards.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/hero/hero.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/map/map.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/floor-plan-cards/floor-plan-cards.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/employee-team/employee-team.scss u!vega/modules/jquery-justified-gallery/3.8.1/dist/css/justifiedGallery.css u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/justified-gallery/justified-gallery.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/image-block/image-block.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/community-info/community-info.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/community-siteplan/community-siteplan.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/promotion/promotion.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/mortgage-calculator/mortgage-calculator.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/slideshow/slideshow.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/community-cards/community-cards.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/tab-block/tab-block.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/inline-frame/inline-frame.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/interactive-image/interactive-image.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/snow-flack/snow-flack.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/soundcloud/soundcloud.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/elements/volunteer-leaderboard/volunteer-leaderboard.scss u!vega/modules/data-warehouse/widgets/admin/page-designer/themes/schellbrothers/schellbrothers.scss [filter: merger_scss] */ /* SITE_DIR = ., Sass compile: 0.375 */ /*! 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"], 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; } /*$success-color: #adff2f;*/ meta.foundation-version { font-family: "/5.5.2/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; } meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #fff; color: #223347; cursor: auto; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .invisible { visibility: hidden; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } @media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; } .small-only-text-right { text-align: right !important; } .small-only-text-center { text-align: center !important; } .small-only-text-justify { text-align: justify !important; } } @media only screen { .small-text-left { text-align: left !important; } .small-text-right { text-align: right !important; } .small-text-center { text-align: center !important; } .small-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .medium-only-text-left { text-align: left !important; } .medium-only-text-right { text-align: right !important; } .medium-only-text-center { text-align: center !important; } .medium-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.0625em) { .medium-text-left { text-align: left !important; } .medium-text-right { text-align: right !important; } .medium-text-center { text-align: center !important; } .medium-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.0625em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; } .large-only-text-right { text-align: right !important; } .large-only-text-center { text-align: center !important; } .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.0625em) { .large-text-left { text-align: left !important; } .large-text-right { text-align: right !important; } .large-text-center { text-align: center !important; } .large-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.0625em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; } .xlarge-only-text-right { text-align: right !important; } .xlarge-only-text-center { text-align: center !important; } .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.0625em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.0625em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ a { color: #d21d40; line-height: inherit; text-decoration: none; } a:hover, a:focus { color: #b51937; } a img { border: none; } /* Default paragraph styles */ p { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; } p.lead { font-size: 1.21875rem; line-height: 1.6; } p aside { font-size: 0.875rem; font-style: italic; line-height: 1.35; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { color: #223347; font-family: "Raleway", sans-serif; font-style: normal; font-weight: 500; line-height: 1.4; margin-bottom: 1rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #5078a7; font-size: 60%; line-height: 0; } h1 { font-size: 1.875rem; } h2 { font-size: 1.5625rem; } h3 { font-size: 1.25rem; } h4 { font-size: 0.9375rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } .subheader { line-height: 1.4; color: #5078a7; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { background-color: #f8f8f8; border-color: #dfdfdf; border-style: solid; border-width: 1px; color: #333333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem; } /* Lists */ ul, ol, dl { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; } ul { margin-left: 1.1rem; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } /* Ordered Lists */ ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } .no-bullet { list-style-type: none; margin-left: 0; } .no-bullet li ul, .no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #223347; cursor: help; } abbr { text-transform: none; } abbr[title] { border-bottom: 1px dotted #DDDDDD; } /* Blockquotes */ blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; } blockquote cite { display: block; font-size: 0.8125rem; color: #406086; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #406086; } blockquote, blockquote p { line-height: 1.6; color: #5078a7; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } @media only screen and (min-width: 40.0625em) { h1, h2, h3, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.5rem; } h2 { font-size: 2.1875rem; } h3 { font-size: 1.5625rem; } h4 { font-size: 1.25rem; } h5 { font-size: 1.125rem; } h6 { font-size: 1rem; } } button, .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #d21d40; border-color: #a81733; color: #FFFFFF; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #a81733; } button:hover, button:focus, .button:hover, .button:focus { color: #FFFFFF; } button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; } button.alert, .button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #FFFFFF; } button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #FFFFFF; } button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #FFFFFF; } button.large, .button.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding: 0.625rem 1.25rem 0.6875rem 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; padding-bottom: 1.0625rem; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #d21d40; border-color: #a81733; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #a81733; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #FFFFFF; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #d21d40; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #FFFFFF; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #FFFFFF; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #FFFFFF; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; } button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #FFFFFF; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; } button::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.0625em) { button, .button { display: inline-block; } } .button-group { list-style: none; margin: 0; left: 0; } .button-group:before, .button-group:after { content: " "; display: table; } .button-group:after { clear: both; } .button-group.even-2 li { display: inline-block; margin: 0 -2px; width: 50%; } .button-group.even-2 li > button, .button-group.even-2 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button { border-left: 0; } .button-group.even-2 li button, .button-group.even-2 li .button { width: 100%; } .button-group.even-3 li { display: inline-block; margin: 0 -2px; width: 33.33333%; } .button-group.even-3 li > button, .button-group.even-3 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button { border-left: 0; } .button-group.even-3 li button, .button-group.even-3 li .button { width: 100%; } .button-group.even-4 li { display: inline-block; margin: 0 -2px; width: 25%; } .button-group.even-4 li > button, .button-group.even-4 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button { border-left: 0; } .button-group.even-4 li button, .button-group.even-4 li .button { width: 100%; } .button-group.even-5 li { display: inline-block; margin: 0 -2px; width: 20%; } .button-group.even-5 li > button, .button-group.even-5 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button { border-left: 0; } .button-group.even-5 li button, .button-group.even-5 li .button { width: 100%; } .button-group.even-6 li { display: inline-block; margin: 0 -2px; width: 16.66667%; } .button-group.even-6 li > button, .button-group.even-6 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button { border-left: 0; } .button-group.even-6 li button, .button-group.even-6 li .button { width: 100%; } .button-group.even-7 li { display: inline-block; margin: 0 -2px; width: 14.28571%; } .button-group.even-7 li > button, .button-group.even-7 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button { border-left: 0; } .button-group.even-7 li button, .button-group.even-7 li .button { width: 100%; } .button-group.even-8 li { display: inline-block; margin: 0 -2px; width: 12.5%; } .button-group.even-8 li > button, .button-group.even-8 li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button { border-left: 0; } .button-group.even-8 li button, .button-group.even-8 li .button { width: 100%; } .button-group > li { display: inline-block; margin: 0 -2px; } .button-group > li > button, .button-group > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group > li:first-child button, .button-group > li:first-child .button { border-left: 0; } .button-group.stack > li { display: block; margin: 0; float: none; } .button-group.stack > li > button, .button-group.stack > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-left: 0; } .button-group.stack > li > button, .button-group.stack > li .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; } .button-group.stack > li > button { width: 100%; } .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button { border-top: 0; } .button-group.stack-for-small > li { display: inline-block; margin: 0 -2px; } .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; } @media only screen and (max-width: 40em) { .button-group.stack-for-small > li { display: block; margin: 0; width: 100%; } .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-left: 0; } .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; } .button-group.stack-for-small > li > button { width: 100%; } .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button { border-top: 0; } } .button-group.radius > * { display: inline-block; margin: 0 -2px; } .button-group.radius > * > button, .button-group.radius > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button { border-left: 0; } .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button { border-radius: 0; } .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .button-group.radius.stack > * { display: block; margin: 0; } .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-left: 0; } .button-group.radius.stack > * > button, .button-group.radius.stack > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; } .button-group.radius.stack > * > button { width: 100%; } .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button { border-top: 0; } .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button { border-radius: 0; } .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button { -webkit-top-left-radius: 3px; -webkit-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button { -webkit-bottom-left-radius: 3px; -webkit-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } @media only screen and (min-width: 40.0625em) { .button-group.radius.stack-for-small > * { display: inline-block; margin: 0 -2px; } .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; } .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; } .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } } @media only screen and (max-width: 40em) { .button-group.radius.stack-for-small > * { display: block; margin: 0; } .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-left: 0; } .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; } .button-group.radius.stack-for-small > * > button { width: 100%; } .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button { border-top: 0; } .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button { border-radius: 0; } .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 3px; -webkit-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 3px; -webkit-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } } .button-group.round > * { display: inline-block; margin: 0 -2px; } .button-group.round > * > button, .button-group.round > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round > *:first-child button, .button-group.round > *:first-child .button { border-left: 0; } .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button { border-radius: 0; } .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } .button-group.round.stack > * { display: block; margin: 0; } .button-group.round.stack > * > button, .button-group.round.stack > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-left: 0; } .button-group.round.stack > * > button, .button-group.round.stack > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; } .button-group.round.stack > * > button { width: 100%; } .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button { border-top: 0; } .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button { border-radius: 0; } .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } @media only screen and (min-width: 40.0625em) { .button-group.round.stack-for-small > * { display: inline-block; margin: 0 -2px; } .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; } .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; } .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } } @media only screen and (max-width: 40em) { .button-group.round.stack-for-small > * { display: block; margin: 0; } .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-left: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-left: 0; } .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button { border-color: rgba(255, 255, 255, 0.5); border-left-width: 0; border-top: 1px solid; display: block; margin: 0; } .button-group.round.stack-for-small > * > button { width: 100%; } .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button { border-top: 0; } .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button { border-radius: 0; } .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button { -webkit-top-left-radius: 1rem; -webkit-top-right-radius: 1rem; border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button { -webkit-bottom-left-radius: 1rem; -webkit-bottom-right-radius: 1rem; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } } .button-bar:before, .button-bar:after { content: " "; display: table; } .button-bar:after { clear: both; } .button-bar .button-group { float: left; margin-right: 0.625rem; } .button-bar .button-group div { overflow: hidden; } /* Foundation Dropdowns */ .f-dropdown { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 2px; max-width: 200px; } .f-dropdown.open { display: block; } .f-dropdown > *:first-child { margin-top: 0; } .f-dropdown > *:last-child { margin-bottom: 0; } .f-dropdown:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #FFFFFF transparent; border-bottom-style: solid; position: absolute; top: -12px; left: 10px; z-index: 89; } .f-dropdown:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent #cccccc transparent; border-bottom-style: solid; position: absolute; top: -14px; left: 9px; z-index: 88; } .f-dropdown.right:before { left: auto; right: 10px; } .f-dropdown.right:after { left: auto; right: 9px; } .f-dropdown.drop-right { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 0; margin-left: 2px; max-width: 200px; } .f-dropdown.drop-right.open { display: block; } .f-dropdown.drop-right > *:first-child { margin-top: 0; } .f-dropdown.drop-right > *:last-child { margin-bottom: 0; } .f-dropdown.drop-right:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent #FFFFFF transparent transparent; border-right-style: solid; position: absolute; top: 10px; left: -12px; z-index: 89; } .f-dropdown.drop-right:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent #cccccc transparent transparent; border-right-style: solid; position: absolute; top: 9px; left: -14px; z-index: 88; } .f-dropdown.drop-left { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-top: 0; margin-left: -2px; max-width: 200px; } .f-dropdown.drop-left.open { display: block; } .f-dropdown.drop-left > *:first-child { margin-top: 0; } .f-dropdown.drop-left > *:last-child { margin-bottom: 0; } .f-dropdown.drop-left:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent #FFFFFF; border-left-style: solid; position: absolute; top: 10px; right: -12px; left: auto; z-index: 89; } .f-dropdown.drop-left:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: transparent transparent transparent #cccccc; border-left-style: solid; position: absolute; top: 9px; right: -14px; left: auto; z-index: 88; } .f-dropdown.drop-top { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; width: 100%; z-index: 89; margin-left: 0; margin-top: -2px; max-width: 200px; } .f-dropdown.drop-top.open { display: block; } .f-dropdown.drop-top > *:first-child { margin-top: 0; } .f-dropdown.drop-top > *:last-child { margin-bottom: 0; } .f-dropdown.drop-top:before { border: inset 6px; content: ""; display: block; height: 0; width: 0; border-color: #FFFFFF transparent transparent transparent; border-top-style: solid; bottom: -12px; position: absolute; top: auto; left: 10px; right: auto; z-index: 89; } .f-dropdown.drop-top:after { border: inset 7px; content: ""; display: block; height: 0; width: 0; border-color: #cccccc transparent transparent transparent; border-top-style: solid; bottom: -14px; position: absolute; top: auto; left: 9px; right: auto; z-index: 88; } .f-dropdown li { cursor: pointer; font-size: 0.875rem; line-height: 1.125rem; margin: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background: #EEEEEE; } .f-dropdown li a { display: block; padding: 0.5rem; color: #555555; } .f-dropdown.content { display: none; left: -9999px; list-style: none; margin-left: 0; position: absolute; background: #FFFFFF; border: solid 1px #cccccc; font-size: 0.875rem; height: auto; max-height: none; padding: 1.25rem; width: 100%; z-index: 89; max-width: 200px; } .f-dropdown.content.open { display: block; } .f-dropdown.content > *:first-child { margin-top: 0; } .f-dropdown.content > *:last-child { margin-bottom: 0; } .f-dropdown.radius { border-radius: 3px; } .f-dropdown.tiny { max-width: 200px; } .f-dropdown.small { max-width: 300px; } .f-dropdown.medium { max-width: 500px; } .f-dropdown.large { max-width: 800px; } .f-dropdown.mega { width: 100% !important; max-width: 100% !important; } .f-dropdown.mega.open { left: 0 !important; } .dropdown.button, button.dropdown { position: relative; padding-right: 3.5625rem; } .dropdown.button::after, button.dropdown::after { border-color: #FFFFFF transparent transparent transparent; border-style: solid; content: ""; display: block; height: 0; position: absolute; top: 50%; width: 0; } .dropdown.button::after, button.dropdown::after { border-width: 0.375rem; right: 1.40625rem; margin-top: -0.15625rem; } .dropdown.button::after, button.dropdown::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.tiny, button.dropdown.tiny { padding-right: 2.625rem; } .dropdown.button.tiny:after, button.dropdown.tiny:after { border-width: 0.375rem; right: 1.125rem; margin-top: -0.125rem; } .dropdown.button.tiny::after, button.dropdown.tiny::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.small, button.dropdown.small { padding-right: 3.0625rem; } .dropdown.button.small::after, button.dropdown.small::after { border-width: 0.4375rem; right: 1.3125rem; margin-top: -0.15625rem; } .dropdown.button.small::after, button.dropdown.small::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.large, button.dropdown.large { padding-right: 3.625rem; } .dropdown.button.large::after, button.dropdown.large::after { border-width: 0.3125rem; right: 1.71875rem; margin-top: -0.15625rem; } .dropdown.button.large::after, button.dropdown.large::after { border-color: #FFFFFF transparent transparent transparent; } .dropdown.button.secondary:after, button.dropdown.secondary:after { border-color: #333333 transparent transparent transparent; } /* Progress Bar */ .progress { background-color: #F6F6F6; border: 1px solid white; height: 1.5625rem; margin-bottom: 0.625rem; padding: 0.125rem; } .progress .meter { background: #d21d40; display: block; height: 100%; float: left; width: 0%; } .progress .meter.secondary { background: #e7e7e7; display: block; height: 100%; float: left; width: 0%; } .progress .meter.success { background: #43AC6A; display: block; height: 100%; float: left; width: 0%; } .progress .meter.alert { background: #f04124; display: block; height: 100%; float: left; width: 0%; } .progress.secondary .meter { background: #e7e7e7; display: block; height: 100%; float: left; width: 0%; } .progress.success .meter { background: #43AC6A; display: block; height: 100%; float: left; width: 0%; } .progress.alert .meter { background: #f04124; display: block; height: 100%; float: left; width: 0%; } .progress.radius { border-radius: 3px; } .progress.radius .meter { border-radius: 2px; } .progress.round { border-radius: 1000px; } .progress.round .meter { border-radius: 999px; } .label { display: inline-block; font-family: "Open Sans", sans-serif; font-weight: normal; line-height: 1; margin-bottom: auto; position: relative; text-align: center; text-decoration: none; white-space: nowrap; padding: 0.25rem 0.5rem 0.25rem; font-size: 0.6875rem; background-color: #d21d40; color: #FFFFFF; } .label.radius { border-radius: 3px; } .label.round { border-radius: 1000px; } .label.alert { background-color: #f04124; color: #FFFFFF; } .label.warning { background-color: #f08a24; color: #FFFFFF; } .label.success { background-color: #43AC6A; color: #FFFFFF; } .label.secondary { background-color: #e7e7e7; color: #333333; } .label.info { background-color: #a0d3e8; color: #333333; } /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ table.hide-for-touch { display: table !important; } .touch table.show-for-touch { display: table !important; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Screen reader-specific classes */ .show-for-sr { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus:focus, .show-on-focus:active { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; box-shadow: none !important; color: #000000 !important; /* Black prints faster: h5bp.com/s */ text-shadow: none !important; } .show-for-print { display: block; } .hide-for-print { display: none; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: .5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } .hide-for-print { display: none !important; } .show-for-print { display: inherit !important; } } /* Print visibility */ @media print { .show-for-print { display: block; } .hide-for-print { display: none; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } } @media not print { .show-for-print { display: none !important; } } .flex-video { height: 0; margin-bottom: 1rem; overflow: hidden; padding-bottom: 67.5%; padding-top: 1.5625rem; position: relative; } .flex-video.widescreen { padding-bottom: 56.34%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { height: 100%; position: absolute; top: 0; width: 100%; left: 0; } @property --text-color { syntax: ""; inherits: false; initial-value: inherit; } @property --text-align { syntax: ""; inherits: false; initial-value: inherit; } @property --bg-color { syntax: ""; inherits: false; initial-value: inherit; } @property --bg-gradient-angle { syntax: ""; inherits: false; initial-value: 0deg; } @property --bg-gradient-start { syntax: ""; inherits: false; initial-value: transparent; } @property --bg-gradient-end { syntax: ""; inherits: false; initial-value: transparent; } @property --bg-src { syntax: ""; inherits: false; initial-value: none; } @property --bg-size { syntax: ""; inherits: false; initial-value: cover; } @property --bg-repeat { syntax: ""; inherits: false; initial-value: no-repeat; } @property --bg-position { syntax: ""; inherits: false; initial-value: center; } [style].style__text-color { color: var(--text-color); } [style].style__text-align { text-align: var(--text-align); } [style].style__bg-color { background-color: var(--bg-color); } [style].style__bg-gradient { background: linear-gradient(var(--bg-gradient-angle), var(--bg-gradient-start), var(--bg-gradient-end)); } [style].style__bg-image { background-image: var(--bg-src); background-size: var(--bg-size); background-repeat: var(--bg-repeat); background-position: var(--bg-position); } [style].style__bg-image.style__bg-color { background-image: linear-gradient(to bottom, var(--bg-color), var(--bg-color)), var(--bg-src); } [style].style__bg-image[style*="--bg-cover-area:"] { position: relative; --bg-cover-src: var(--bg-src); --bg-cover-size: var(--bg-size); --bg-cover-repeat: var(--bg-repeat); --bg-cover-position: var(--bg-position); --bg-cover-area: var(--bg-cover-area); background-image: none; } [style].style__bg-image[style*="--bg-cover-area:"]::before { content: ""; position: absolute; top: 0; left: var(--bg-cover-area); bottom: 0; width: 50%; background-image: var(--bg-cover-src); background-size: var(--bg-cover-size); background-repeat: var(--bg-cover-repeat); background-position: var(--bg-cover-position); } .layout-display__grid { display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); grid-gap: 1rem; /* includes media queries */ } .layout-display__grid.grid-align-y__top { align-items: start; } .layout-display__grid.grid-align-y__center { align-items: center; } .layout-display__grid.grid-align-y__bottom { align-items: end; } .layout-display__grid.grid-align-y__stretch { align-items: stretch; } .layout-display__grid.grid-align-y__baseline { align-items: baseline; } .layout-display__flex { display: flex; flex-wrap: wrap; flex-direction: row; gap: 1rem; /* includes media queries */ } .layout-display__flex > * { min-width: 0; } .layout-display__flex.flex-dir__row-rev { flex-direction: row-reverse; } .layout-display__flex.flex-dir__col { flex-direction: column; } .layout-display__flex.flex-dir__col-rev { flex-direction: column-reverse; } .layout-display__flex.flex-wrap__nowrap { flex-wrap: nowrap; } .layout-display__flex.flex-wrap__wrap { flex-wrap: wrap; } .layout-display__flex.flex-wrap__rev { flex-wrap: wrap-reverse; } .layout-display__flex.flex-align-x__left { justify-content: flex-start; } .layout-display__flex.flex-align-x__center { justify-content: center; } .layout-display__flex.flex-align-x__right { justify-content: flex-end; } .layout-display__flex.flex-align-x__between { justify-content: space-between; } .layout-display__flex.flex-align-x__around { justify-content: space-around; } .layout-display__flex.flex-align-y__top { align-items: flex-start; } .layout-display__flex.flex-align-y__center { align-items: center; } .layout-display__flex.flex-align-y__bottom { align-items: flex-end; } .layout-display__flex.flex-align-y__stretch { align-items: stretch; } .layout-display__flex.flex-align-y__baseline { align-items: baseline; } .layout-display__block { display: block; /* includes media queries */ } .layout-display__inline { display: inline; } .layout-display__inline-block { display: inline-block; } .layout-display__none { display: none !important; } @media only screen and (max-width: 40em) { .layout-display__grid.grid-columns__mobile__1 { grid-template-columns: repeat(1, 1fr); } .layout-display__grid.grid-columns__mobile__2 { grid-template-columns: repeat(2, 1fr); } .layout-display__grid.grid-columns__mobile__3 { grid-template-columns: repeat(3, 1fr); } .layout-display__grid.grid-columns__mobile__4 { grid-template-columns: repeat(4, 1fr); } .layout-display__grid.grid-columns__mobile__5 { grid-template-columns: repeat(5, 1fr); } .layout-display__grid.grid-columns__mobile__6 { grid-template-columns: repeat(6, 1fr); } .layout-display__grid.grid-columns__1 { grid-template-columns: repeat(1, 1fr); } .layout-display__grid.grid-gap__mobile__0 { grid-gap: 0; } .layout-display__grid.grid-gap__mobile__0_25 { grid-gap: 0.25rem; } .layout-display__grid.grid-gap__mobile__0_5 { grid-gap: 0.5rem; } .layout-display__grid.grid-gap__mobile__1 { grid-gap: 1rem; } .layout-display__grid.grid-rows__mobile__1 { grid-template-rows: repeat(1, 1fr); } .layout-display__grid.grid-rows__mobile__2 { grid-template-rows: repeat(2, 1fr); } .layout-display__grid.grid-rows__mobile__3 { grid-template-rows: repeat(3, 1fr); } .layout-display__grid.grid-rows__mobile__4 { grid-template-rows: repeat(4, 1fr); } .layout-display__grid.grid-rows__mobile__5 { grid-template-rows: repeat(5, 1fr); } .layout-display__grid.grid-rows__mobile__6 { grid-template-rows: repeat(6, 1fr); } .layout-display__grid.grid-align-y__mobile__top { align-items: start; } .layout-display__grid.grid-align-y__mobile__center { align-items: center; } .layout-display__grid.grid-align-y__mobile__bottom { align-items: end; } .layout-display__grid.grid-align-y__mobile__stretch { align-items: stretch; } .layout-display__grid.grid-align-y__mobile__baseline { align-items: baseline; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .layout-display__grid.grid-columns__tablet__1 { grid-template-columns: repeat(1, 1fr); } .layout-display__grid.grid-columns__tablet__2 { grid-template-columns: repeat(2, 1fr); } .layout-display__grid.grid-columns__tablet__3 { grid-template-columns: repeat(3, 1fr); } .layout-display__grid.grid-columns__tablet__4 { grid-template-columns: repeat(4, 1fr); } .layout-display__grid.grid-columns__tablet__5 { grid-template-columns: repeat(5, 1fr); } .layout-display__grid.grid-columns__tablet__6 { grid-template-columns: repeat(6, 1fr); } .layout-display__grid.grid-columns__1 { grid-template-columns: repeat(1, 1fr); } .layout-display__grid.grid-gap__tablet__0 { grid-gap: 0; } .layout-display__grid.grid-gap__tablet__0_25 { grid-gap: 0.25rem; } .layout-display__grid.grid-gap__tablet__0_5 { grid-gap: 0.5rem; } .layout-display__grid.grid-gap__tablet__1 { grid-gap: 1rem; } .layout-display__grid.grid-rows__tablet__1 { grid-template-rows: repeat(1, 1fr); } .layout-display__grid.grid-rows__tablet__2 { grid-template-rows: repeat(2, 1fr); } .layout-display__grid.grid-rows__tablet__3 { grid-template-rows: repeat(3, 1fr); } .layout-display__grid.grid-rows__tablet__4 { grid-template-rows: repeat(4, 1fr); } .layout-display__grid.grid-rows__tablet__5 { grid-template-rows: repeat(5, 1fr); } .layout-display__grid.grid-rows__tablet__6 { grid-template-rows: repeat(6, 1fr); } .layout-display__grid.grid-align-y__tablet__top { align-items: start; } .layout-display__grid.grid-align-y__tablet__center { align-items: center; } .layout-display__grid.grid-align-y__tablet__bottom { align-items: end; } .layout-display__grid.grid-align-y__tablet__stretch { align-items: stretch; } .layout-display__grid.grid-align-y__tablet__baseline { align-items: baseline; } } @media only screen and (min-width: 64.0625em) { .layout-display__grid.grid-columns__desktop__1 { grid-template-columns: repeat(1, 1fr); } .layout-display__grid.grid-columns__desktop__2 { grid-template-columns: repeat(2, 1fr); } .layout-display__grid.grid-columns__desktop__3 { grid-template-columns: repeat(3, 1fr); } .layout-display__grid.grid-columns__desktop__4 { grid-template-columns: repeat(4, 1fr); } .layout-display__grid.grid-columns__desktop__5 { grid-template-columns: repeat(5, 1fr); } .layout-display__grid.grid-columns__desktop__6 { grid-template-columns: repeat(6, 1fr); } .layout-display__grid.grid-columns__1 { grid-template-columns: repeat(1, 1fr); } .layout-display__grid.grid-gap__desktop__0 { grid-gap: 0; } .layout-display__grid.grid-gap__desktop__0_25 { grid-gap: 0.25rem; } .layout-display__grid.grid-gap__desktop__0_5 { grid-gap: 0.5rem; } .layout-display__grid.grid-gap__desktop__1 { grid-gap: 1rem; } .layout-display__grid.grid-rows__desktop__1 { grid-template-rows: repeat(1, 1fr); } .layout-display__grid.grid-rows__desktop__2 { grid-template-rows: repeat(2, 1fr); } .layout-display__grid.grid-rows__desktop__3 { grid-template-rows: repeat(3, 1fr); } .layout-display__grid.grid-rows__desktop__4 { grid-template-rows: repeat(4, 1fr); } .layout-display__grid.grid-rows__desktop__5 { grid-template-rows: repeat(5, 1fr); } .layout-display__grid.grid-rows__desktop__6 { grid-template-rows: repeat(6, 1fr); } .layout-display__grid.grid-align-y__desktop__top { align-items: start; } .layout-display__grid.grid-align-y__desktop__center { align-items: center; } .layout-display__grid.grid-align-y__desktop__bottom { align-items: end; } .layout-display__grid.grid-align-y__desktop__stretch { align-items: stretch; } .layout-display__grid.grid-align-y__desktop__baseline { align-items: baseline; } } @media only screen and (max-width: 40em) { .layout-display__flex.flex-dir__mobile__row { flex-direction: row; } .layout-display__flex.flex-dir__mobile__row-rev { flex-direction: row-reverse; } .layout-display__flex.flex-dir__mobile__col { flex-direction: column; } .layout-display__flex.flex-dir__mobile__col-rev { flex-direction: column-reverse; } .layout-display__flex.flex-align-x__mobile__left { justify-content: flex-start; } .layout-display__flex.flex-align-x__mobile__center { justify-content: center; } .layout-display__flex.flex-align-x__mobile__right { justify-content: flex-end; } .layout-display__flex.flex-align-x__mobile__between { justify-content: space-between; } .layout-display__flex.flex-align-x__mobile__around { justify-content: space-around; } .layout-display__flex.flex-align-y__mobile__top { align-items: flex-start; } .layout-display__flex.flex-align-y__mobile__center { align-items: center; } .layout-display__flex.flex-align-y__mobile__bottom { align-items: flex-end; } .layout-display__flex.flex-align-y__mobile__stretch { align-items: stretch; } .layout-display__flex.flex-align-y__mobile__baseline { align-items: baseline; } .layout-display__flex.flex-gap__mobile__0 { gap: 0; } .layout-display__flex.flex-items-grow__mobile__1 > * { flex-basis: 0; flex-grow: 1; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .layout-display__flex.flex-dir__tablet__row { flex-direction: row; } .layout-display__flex.flex-dir__tablet__row-rev { flex-direction: row-reverse; } .layout-display__flex.flex-dir__tablet__col { flex-direction: column; } .layout-display__flex.flex-dir__tablet__col-rev { flex-direction: column-reverse; } .layout-display__flex.flex-align-x__tablet__left { justify-content: flex-start; } .layout-display__flex.flex-align-x__tablet__center { justify-content: center; } .layout-display__flex.flex-align-x__tablet__right { justify-content: flex-end; } .layout-display__flex.flex-align-x__tablet__between { justify-content: space-between; } .layout-display__flex.flex-align-x__tablet__around { justify-content: space-around; } .layout-display__flex.flex-align-y__tablet__top { align-items: flex-start; } .layout-display__flex.flex-align-y__tablet__center { align-items: center; } .layout-display__flex.flex-align-y__tablet__bottom { align-items: flex-end; } .layout-display__flex.flex-align-y__tablet__stretch { align-items: stretch; } .layout-display__flex.flex-align-y__tablet__baseline { align-items: baseline; } .layout-display__flex.flex-gap__tablet__0 { gap: 0; } .layout-display__flex.flex-items-grow__tablet__1 > * { flex-basis: 0; flex-grow: 1; } } @media only screen and (min-width: 64.0625em) { .layout-display__flex.flex-dir__desktop__row { flex-direction: row; } .layout-display__flex.flex-dir__desktop__row-rev { flex-direction: row-reverse; } .layout-display__flex.flex-dir__desktop__col { flex-direction: column; } .layout-display__flex.flex-dir__desktop__col-rev { flex-direction: column-reverse; } .layout-display__flex.flex-align-x__desktop__left { justify-content: flex-start; } .layout-display__flex.flex-align-x__desktop__center { justify-content: center; } .layout-display__flex.flex-align-x__desktop__right { justify-content: flex-end; } .layout-display__flex.flex-align-x__desktop__between { justify-content: space-between; } .layout-display__flex.flex-align-x__desktop__around { justify-content: space-around; } .layout-display__flex.flex-align-y__desktop__top { align-items: flex-start; } .layout-display__flex.flex-align-y__desktop__center { align-items: center; } .layout-display__flex.flex-align-y__desktop__bottom { align-items: flex-end; } .layout-display__flex.flex-align-y__desktop__stretch { align-items: stretch; } .layout-display__flex.flex-align-y__desktop__baseline { align-items: baseline; } .layout-display__flex.flex-gap__desktop__0 { gap: 0; } .layout-display__flex.flex-items-grow__desktop__1 > * { flex-basis: 0; flex-grow: 1; } } @media only screen and (max-width: 40em) { .layout-display__block.block-text-align__mobile__left { text-align: left; } .layout-display__block.block-text-align__mobile__center { text-align: center; } .layout-display__block.block-text-align__mobile__right { text-align: right; } .layout-display__block.block-text-align__mobile__justify { text-align: justify; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .layout-display__block.block-text-align__tablet__left { text-align: left; } .layout-display__block.block-text-align__tablet__center { text-align: center; } .layout-display__block.block-text-align__tablet__right { text-align: right; } .layout-display__block.block-text-align__tablet__justify { text-align: justify; } } @media only screen and (min-width: 64.0625em) { .layout-display__block.block-text-align__desktop__left { text-align: left; } .layout-display__block.block-text-align__desktop__center { text-align: center; } .layout-display__block.block-text-align__desktop__right { text-align: right; } .layout-display__block.block-text-align__desktop__justify { text-align: justify; } } @media only screen and (max-width: 40em) { .layout-display__mobile__none { display: none !important; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .layout-display__tablet__none { display: none !important; } } /* Width */ @media only screen and (max-width: 40em) { .layout-width__mobile__20 { width: 20%; margin-left: auto; margin-right: auto; } .layout-width__mobile__25 { width: 25%; margin-left: auto; margin-right: auto; } .layout-width__mobile__33 { width: 33%; margin-left: auto; margin-right: auto; } .layout-width__mobile__50 { width: 50%; margin-left: auto; margin-right: auto; } .layout-width__mobile__66 { width: 66%; margin-left: auto; margin-right: auto; } .layout-width__mobile__75 { width: 75%; margin-left: auto; margin-right: auto; } .layout-width__mobile__80 { width: 80%; margin-left: auto; margin-right: auto; } .layout-width__mobile__100 { width: 100%; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .layout-width__tablet__20 { width: 20%; margin-left: auto; margin-right: auto; } .layout-width__tablet__25 { width: 25%; margin-left: auto; margin-right: auto; } .layout-width__tablet__33 { width: 33%; margin-left: auto; margin-right: auto; } .layout-width__tablet__50 { width: 50%; margin-left: auto; margin-right: auto; } .layout-width__tablet__66 { width: 66%; margin-left: auto; margin-right: auto; } .layout-width__tablet__75 { width: 75%; margin-left: auto; margin-right: auto; } .layout-width__tablet__80 { width: 80%; margin-left: auto; margin-right: auto; } .layout-width__tablet__100 { width: 100%; } } @media only screen and (min-width: 64.0625em) { .layout-width__desktop__20 { width: 20%; margin-left: auto; margin-right: auto; } .layout-width__desktop__25 { width: 25%; margin-left: auto; margin-right: auto; } .layout-width__desktop__33 { width: 33%; margin-left: auto; margin-right: auto; } .layout-width__desktop__50 { width: 50%; margin-left: auto; margin-right: auto; } .layout-width__desktop__66 { width: 66%; margin-left: auto; margin-right: auto; } .layout-width__desktop__75 { width: 75%; margin-left: auto; margin-right: auto; } .layout-width__desktop__80 { width: 80%; margin-left: auto; margin-right: auto; } .layout-width__desktop__100 { width: 100%; } } /* Padding */ @media only screen and (min-width: 64.0625em) { .padding-top__desktop__0 { padding-top: 0; } .padding-top__desktop__XS { padding-top: 0.5rem; } .padding-top__desktop__S { padding-top: 1rem; } .padding-top__desktop__M { padding-top: 2rem; } .padding-top__desktop__L { padding-top: 4rem; } .padding-top__desktop__XL { padding-top: 8rem; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .padding-top__tablet__0 { padding-top: 0; } .padding-top__tablet__XS { padding-top: 0.5rem; } .padding-top__tablet__S { padding-top: 1rem; } .padding-top__tablet__M { padding-top: 2rem; } .padding-top__tablet__L { padding-top: 4rem; } .padding-top__tablet__XL { padding-top: 8rem; } } @media only screen and (max-width: 40em) { .padding-top__mobile__0 { padding-top: 0; } .padding-top__mobile__XS { padding-top: 0.5rem; } .padding-top__mobile__S { padding-top: 1rem; } .padding-top__mobile__M { padding-top: 2rem; } .padding-top__mobile__L { padding-top: 4rem; } .padding-top__mobile__XL { padding-top: 8rem; } } @media only screen and (min-width: 64.0625em) { .padding-right__desktop__0 { padding-right: 0; } .padding-right__desktop__XS { padding-right: 0.5rem; } .padding-right__desktop__S { padding-right: 1rem; } .padding-right__desktop__M { padding-right: 2rem; } .padding-right__desktop__L { padding-right: 4rem; } .padding-right__desktop__XL { padding-right: 8rem; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .padding-right__tablet__0 { padding-right: 0; } .padding-right__tablet__XS { padding-right: 0.5rem; } .padding-right__tablet__S { padding-right: 1rem; } .padding-right__tablet__M { padding-right: 2rem; } .padding-right__tablet__L { padding-right: 4rem; } .padding-right__tablet__XL { padding-right: 8rem; } } @media only screen and (max-width: 40em) { .padding-right__mobile__0 { padding-right: 0; } .padding-right__mobile__XS { padding-right: 0.5rem; } .padding-right__mobile__S { padding-right: 1rem; } .padding-right__mobile__M { padding-right: 2rem; } .padding-right__mobile__L { padding-right: 4rem; } .padding-right__mobile__XL { padding-right: 8rem; } } @media only screen and (min-width: 64.0625em) { .padding-bottom__desktop__0 { padding-bottom: 0; } .padding-bottom__desktop__XS { padding-bottom: 0.5rem; } .padding-bottom__desktop__S { padding-bottom: 1rem; } .padding-bottom__desktop__M { padding-bottom: 2rem; } .padding-bottom__desktop__L { padding-bottom: 4rem; } .padding-bottom__desktop__XL { padding-bottom: 8rem; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .padding-bottom__tablet__0 { padding-bottom: 0; } .padding-bottom__tablet__XS { padding-bottom: 0.5rem; } .padding-bottom__tablet__S { padding-bottom: 1rem; } .padding-bottom__tablet__M { padding-bottom: 2rem; } .padding-bottom__tablet__L { padding-bottom: 4rem; } .padding-bottom__tablet__XL { padding-bottom: 8rem; } } @media only screen and (max-width: 40em) { .padding-bottom__mobile__0 { padding-bottom: 0; } .padding-bottom__mobile__XS { padding-bottom: 0.5rem; } .padding-bottom__mobile__S { padding-bottom: 1rem; } .padding-bottom__mobile__M { padding-bottom: 2rem; } .padding-bottom__mobile__L { padding-bottom: 4rem; } .padding-bottom__mobile__XL { padding-bottom: 8rem; } } @media only screen and (min-width: 64.0625em) { .padding-left__desktop__0 { padding-left: 0; } .padding-left__desktop__XS { padding-left: 0.5rem; } .padding-left__desktop__S { padding-left: 1rem; } .padding-left__desktop__M { padding-left: 2rem; } .padding-left__desktop__L { padding-left: 4rem; } .padding-left__desktop__XL { padding-left: 8rem; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { .padding-left__tablet__0 { padding-left: 0; } .padding-left__tablet__XS { padding-left: 0.5rem; } .padding-left__tablet__S { padding-left: 1rem; } .padding-left__tablet__M { padding-left: 2rem; } .padding-left__tablet__L { padding-left: 4rem; } .padding-left__tablet__XL { padding-left: 8rem; } } @media only screen and (max-width: 40em) { .padding-left__mobile__0 { padding-left: 0; } .padding-left__mobile__XS { padding-left: 0.5rem; } .padding-left__mobile__S { padding-left: 1rem; } .padding-left__mobile__M { padding-left: 2rem; } .padding-left__mobile__L { padding-left: 4rem; } .padding-left__mobile__XL { padding-left: 8rem; } } @media only screen and (max-width: 40em) { [style].style__bg-image[style*="--bg-cover-area: 0;"], [style].style__bg-image[style*="--bg-cover-area: 50%;"] { padding-top: 20rem; } [style].style__bg-image[style*="--bg-cover-area: 0;"]::before, [style].style__bg-image[style*="--bg-cover-area: 50%;"]::before { top: 0; left: 0; bottom: auto; width: 100%; height: 20rem; } } /* Button Groups */ html, body { height: auto; } .site-header { background: #000; color: #fff; } .page-element-heading { color: inherit; } .nav-bar { background: #fff; } .nav-bar .nav-bar__wrapper { display: flex; } .nav-bar .nav-bar__logo { flex-grow: 0; align-items: center; display: flex; } .nav-bar .nav-bar__toggle { display: flex; } @media only screen and (min-width: 64.0625em) { .nav-bar .nav-bar__toggle { display: none; } } .nav-bar .nav-bar__toggle .nav-bar__toggle__button { background: transparent; border: none; font-size: 1.5rem; cursor: pointer; color: #fff; margin: 0; padding: 1rem; } .nav-bar .nav-bar__toggle .nav-bar__toggle__button .nav-bar__toggle__button-icon { color: #fff; } .nav-bar .nav-bar__toggle .nav-bar__toggle__button .nav-bar__toggle__button-icon span { display: block; width: 1.5rem; height: 2px; background: #fff; margin: 0.25rem 0; } .nav-bar .nav-bar__links { flex-grow: 1; } .nav-bar .nav-bar__links ul { display: flex; flex-wrap: nowrap; justify-content: center; text-align: center; list-style: none; margin: 0; padding: 0; width: 100%; } .nav-bar .nav-bar__links ul li { margin: 0; padding: 0; display: flex; flex-grow: 1; } .nav-bar .nav-bar__links ul li a { display: flex; align-items: center; flex-basis: 0; flex-grow: 1; justify-content: center; text-decoration: none; } /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*