@font-face { font-family: 'Moderat-Bold'; src: url("/assets/fonts/Moderat-Bold.eot"); src: url("/assets/fonts/Moderat-Bold.woff2") format("woff2"), url("/assets/fonts/Moderat-Bold.woff") format("woff"); }

/** 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, picture, 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 { -webkit-box-sizing: content-box; 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"] { -webkit-box-sizing: border-box; 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-adjust-hue-button, input[type="number"]::-webkit-outer-adjust-hue-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 */ -webkit-box-sizing: content-box; 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; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, button, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

* :before, * :after { -webkit-box-sizing: border-box; box-sizing: border-box; }

input, textarea, button, select, label, a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; }

ul, ol, dl { list-style: none; }

em { font-style: italic; }

body { height: 100vh; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: block; width: 100%; max-width: 100%; height: auto; }

pre { border-radius: 0.3rem; padding: 1rem; }

code { padding: 0.2rem 0.4rem; }

textarea { vertical-align: top; resize: vertical; max-width: 100%; }

iframe { max-width: 100%; }

.u--accent-hm { color: #1ea73f; }

.u--accent-ac { color: #00b2ef; }

.u--align-center { text-align: center; }

@media screen and (min-width: 768px) { .u--align-right { text-align: right; } }

.u--bg-teal { background-color: #33c4b2; }

.u--bg-teal-very-light { background-color: #eff4f4; }

.u--bg-teal-light { background-color: #e4eced; }

.u--bg-half-teal-very-light { background: linear-gradient(to bottom, #ffffff, #ffffff 50%, #eff4f4 50%); }

.u--bg-cyan { background-color: #6abad2; }

.u--bg-blue-dark { background-color: #3c70b3; }

.u--bg-blue-very-dark { background-color: #1a2679; }

.u--bg-green { background-color: #1ea73f; }

.u--bold { font-family: "Moderat-Bold", sans-serif; }

.u--block { display: block; }

.u--capitalized { font-size: 0.812rem; text-transform: uppercase; }

.u--full-width { width: 100%; }

.u--gray-text { color: #818181; }

.u--margin-top-default { margin-top: 1.5rem; }

@media screen and (min-width: 768px) { .u--margin-top-default { margin-top: 3rem; } }

.u--margin-top-big { margin-top: 3rem; }

@media screen and (min-width: 768px) { .u--margin-top-big { margin-top: 6rem; } }

.u--margin-top-huge { margin-top: 3rem; }

@media screen and (min-width: 768px) { .u--margin-top-huge { margin-top: 10rem; } }

.u--tiny-text { font-size: 0.812rem; }

.u--visually-hidden { position: absolute; height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden; }

@media screen and (max-width: 767px) { .u--mobile-hidden { display: none; } }

@media screen and (min-width: 768px) { .u--tablet-hidden { display: none; } }

.u--vertical-padding { padding-top: 3rem; padding-bottom: 3rem; }

.u--vertically-centered { display: inline-block; margin-top: 50%; transform: translateY(-50%); }

.logo--hm, .logo--hm-vertical, .icon-search, .icon-search-close { fill: #818181; }

[data-current="airbeam"] .logo--hm, [data-current="donate"] .logo--hm, [data-current="airbeam"] .logo--hm-vertical, [data-current="donate"] .logo--hm-vertical, [data-current="airbeam"] .icon-search, [data-current="donate"] .icon-search, [data-current="airbeam"] .icon-search-close, [data-current="donate"] .icon-search-close { fill: #1ea73f; }

[data-current="faq"] .logo--hm, [data-current="about"] .logo--hm, [data-current="blog"] .logo--hm, [data-current="faq"] .logo--hm-vertical, [data-current="about"] .logo--hm-vertical, [data-current="blog"] .logo--hm-vertical, [data-current="faq"] .icon-search, [data-current="about"] .icon-search, [data-current="blog"] .icon-search, [data-current="faq"] .icon-search-close, [data-current="about"] .icon-search-close, [data-current="blog"] .icon-search-close { fill: #ffffff; }

[data-current="aircasting"] .logo--hm, [data-current="aircasting"] .logo--hm-vertical, [data-current="aircasting"] .icon-search, [data-current="aircasting"] .icon-search-close { fill: #00b2ef; }

[data-current="about"] .sticky .logo--hm, [data-current="about"] .sticky .logo--hm-vertical, [data-current="about"] .sticky .icon-search, [data-current="about"] .sticky .icon-search-close { fill: #33c4b2; }

[data-current="blog"] .sticky .logo--hm, [data-current="blog"] .sticky .logo--hm-vertical, [data-current="blog"] .sticky .icon-search, [data-current="blog"] .sticky .icon-search-close { fill: #00b2ef; }

[data-current="faq"] .sticky .logo--hm, [data-current="faq"] .sticky .logo--hm-vertical, [data-current="faq"] .sticky .icon-search, [data-current="faq"] .sticky .icon-search-close { fill: #1ea73f; }

@media screen and (max-width: 1024px) { .header--nav-expanded .logo--hm, .header--nav-expanded .logo--hm-vertical, .header--nav-expanded .icon-search, .header--nav-expanded .icon-search-close { fill: #ffffff !important; } }

.logo--hm { width: 8rem; display: none; }

@media screen and (min-width: 1025px) { .logo--hm { display: block; } }

.logo--hm-vertical { margin-top: 3px; }

@media screen and (min-width: 1025px) { .logo--hm-vertical { display: none; } }

.header, .search-form { background-color: #e4eced; }

[data-current="airbeam"] .header, [data-current="aircasting"] .header, [data-current="donate"] .header, [data-current="airbeam"] .search-form, [data-current="aircasting"] .search-form, [data-current="donate"] .search-form { background-color: #ffffff; }

[data-current="faq"] .header, [data-current="faq"] .search-form { background-color: #1ea73f; }

[data-current="about"] .header, [data-current="about"] .search-form { background-color: #33c4b2; }

[data-current="blog"] .header, [data-current="blog"] .search-form { background-color: #00b2ef; }

.header.sticky, .sticky .header, .search-form.sticky, .sticky .search-form { background-color: #ffffff; }

@media screen and (max-width: 1024px) { .header.header--nav-expanded, .header--nav-expanded .header, .search-form.header--nav-expanded, .header--nav-expanded .search-form { background-color: #818181; } }

.nav-list__link { color: #818181; }

.nav-list__link[data-current="current page"] { opacity: 0.55; color: inherit; }

[data-current="airbeam"] .nav-list__link, [data-current="donate"] .nav-list__link { color: #1ea73f; }

[data-current="aircasting"] .nav-list__link { color: #00b2ef; }

[data-current="faq"] .nav-list__link, [data-current="about"] .nav-list__link, [data-current="blog"] .nav-list__link { color: #ffffff; }

[data-current="about"] .sticky .nav-list__link { color: #33c4b2; }

[data-current="blog"] .sticky .nav-list__link { color: #00b2ef; }

[data-current="faq"] .sticky .nav-list__link { color: #1ea73f; }

@media screen and (max-width: 1024px) { .header--nav-expanded .nav-list__link { color: #ffffff !important; } }

.nav-list__link--search { line-height: 1; }

.subnav-list__link { background-color: #ffffff; color: #818181; }

.subnav-list__link:hover, .subnav-list__link:focus { color: rgba(129, 129, 129, 0.75); }

[data-current="airbeam"] .subnav-list__link, [data-current="donate"] .subnav-list__link { background-color: #1ea73f; color: #ffffff; }

[data-current="airbeam"] .subnav-list__link:hover, [data-current="airbeam"] .subnav-list__link:focus, [data-current="donate"] .subnav-list__link:hover, [data-current="donate"] .subnav-list__link:focus { color: rgba(255, 255, 255, 0.75); }

[data-current="aircasting"] .subnav-list__link { background-color: #00b2ef; color: #ffffff; }

[data-current="aircasting"] .subnav-list__link:hover, [data-current="aircasting"] .subnav-list__link:focus { color: rgba(255, 255, 255, 0.75); }

[data-current="about"] .subnav-list__link { background-color: #ffffff; color: #33c4b2; }

[data-current="about"] .subnav-list__link:hover, [data-current="about"] .subnav-list__link:focus { color: rgba(51, 196, 178, 0.75); }

[data-current="faq"] .subnav-list__link { background-color: #ffffff; color: #1ea73f; }

[data-current="faq"] .subnav-list__link:hover, [data-current="faq"] .subnav-list__link:focus { color: rgba(30, 167, 63, 0.75); }

[data-current="blog"] .subnav-list__link { background-color: #ffffff; color: #00b2ef; }

[data-current="blog"] .subnav-list__link:hover, [data-current="blog"] .subnav-list__link:focus { color: rgba(0, 178, 239, 0.75); }

@media screen and (max-width: 1024px) { .header--nav-expanded .subnav-list__link { background: none; color: #ffffff; } .header--nav-expanded .subnav-list__link:hover, .header--nav-expanded .subnav-list__link:focus { color: rgba(255, 255, 255, 0.55); } }

.header__button { background: #e4eced; border-color: #818181; color: #818181; }

.header__button:hover, .header__button:focus { background: #818181; color: #e4eced; }

[data-current="airbeam"] .header__button, [data-current="donate"] .header__button { background: #ffffff; border-color: #1ea73f; color: #1ea73f; }

[data-current="airbeam"] .header__button:hover, [data-current="airbeam"] .header__button:focus, [data-current="donate"] .header__button:hover, [data-current="donate"] .header__button:focus { background: #1ea73f; color: #ffffff; }

[data-current="aircasting"] .header__button { background: #ffffff; border-color: #00b2ef; color: #00b2ef; }

[data-current="aircasting"] .header__button:hover, [data-current="aircasting"] .header__button:focus { background: #00b2ef; color: #ffffff; }

[data-current="about"] .header__button { background: #33c4b2; border-color: #ffffff; color: #ffffff; }

[data-current="about"] .header__button:hover, [data-current="about"] .header__button:focus { background: #ffffff; color: #33c4b2; }

[data-current="faq"] .header__button { background: #1ea73f; border-color: #ffffff; color: #ffffff; }

[data-current="faq"] .header__button:hover, [data-current="faq"] .header__button:focus { background: #ffffff; color: #1ea73f; }

[data-current="blog"] .header__button { background: #00b2ef; border-color: #ffffff; color: #ffffff; }

[data-current="blog"] .header__button:hover, [data-current="blog"] .header__button:focus { background: #ffffff; color: #00b2ef; }

[data-current="about"] .sticky .header__button { background: #ffffff; border-color: #33c4b2; color: #33c4b2; color: #33c4b2; }

[data-current="about"] .sticky .header__button:hover, [data-current="about"] .sticky .header__button:focus { background: #33c4b2; color: #ffffff; }

[data-current="blog"] .sticky .header__button { background: #ffffff; border-color: #00b2ef; color: #00b2ef; }

[data-current="blog"] .sticky .header__button:hover, [data-current="blog"] .sticky .header__button:focus { background: #00b2ef; color: #ffffff; }

[data-current="faq"] .sticky .header__button { background: #ffffff; border-color: #1ea73f; color: #1ea73f; }

[data-current="faq"] .sticky .header__button:hover, [data-current="faq"] .sticky .header__button:focus { background: #1ea73f; color: #ffffff; }

[data-current="home"] .sticky .header__button { background: #ffffff; border-color: #818181; color: #818181; }

[data-current="home"] .sticky .header__button:hover, [data-current="home"] .sticky .header__button:focus { background: #818181; color: #ffffff; }

@media screen and (max-width: 1024px) { [data-current="about"] .header--nav-expanded .header__button, [data-current="airbeam"] .header--nav-expanded .header__button, [data-current="aircasting"] .header--nav-expanded .header__button, [data-current="donate"] .header--nav-expanded .header__button, [data-current="blog"] .header--nav-expanded .header__button, [data-current="home"] .header--nav-expanded .header__button, [data-current="faq"] .header--nav-expanded .header__button { background: #818181; border-color: #ffffff; color: #ffffff; } [data-current="about"] .header--nav-expanded .header__button:hover, [data-current="about"] .header--nav-expanded .header__button:focus, [data-current="airbeam"] .header--nav-expanded .header__button:hover, [data-current="airbeam"] .header--nav-expanded .header__button:focus, [data-current="aircasting"] .header--nav-expanded .header__button:hover, [data-current="aircasting"] .header--nav-expanded .header__button:focus, [data-current="donate"] .header--nav-expanded .header__button:hover, [data-current="donate"] .header--nav-expanded .header__button:focus, [data-current="blog"] .header--nav-expanded .header__button:hover, [data-current="blog"] .header--nav-expanded .header__button:focus, [data-current="home"] .header--nav-expanded .header__button:hover, [data-current="home"] .header--nav-expanded .header__button:focus, [data-current="faq"] .header--nav-expanded .header__button:hover, [data-current="faq"] .header--nav-expanded .header__button:focus { background: #ffffff; color: #818181; } }

.icon-nav-open { stroke: #818181; }

[data-current="airbeam"] .icon-nav-open, [data-current="donate"] .icon-nav-open { stroke: #1ea73f; }

[data-current="faq"] .icon-nav-open, [data-current="about"] .icon-nav-open, [data-current="blog"] .icon-nav-open { stroke: #ffffff; }

[data-current="aircasting"] .icon-nav-open { stroke: #00b2ef; }

[data-current="about"] .sticky .icon-nav-open { stroke: #33c4b2; }

[data-current="blog"] .sticky .icon-nav-open { stroke: #00b2ef; }

[data-current="faq"] .sticky .icon-nav-open { stroke: #1ea73f; }

html { font-size: 16px; }

body { font-family: "Muli", sans-serif; color: #727272; }

.heading, .post-content__intro, .post-content h2 { font-family: "Moderat-Bold", sans-serif; line-height: 1.2; }

.heading--large { font-size: 1.75rem; }

@media screen and (min-width: 768px) { .heading--large { font-size: 2.75rem; } }

.heading--medium, .post-content__intro, .post-content h2 { font-size: 1.75rem; margin: 0 0 1.5rem; }

.heading--small { font-size: 1.187rem; line-height: 1.3; }

.read-more-button + .heading--small { margin-top: 1rem; }

.heading--body { margin-bottom: 1rem; }

.heading--capitilized { font-size: 0.875rem; margin-bottom: 1.5rem; text-transform: uppercase; }

.heading--overlined { border-top: 1px solid #727272; padding-top: 1.5rem; }

.heading--underlined { border-bottom: 1px solid #1ea73f; display: block; margin-bottom: 1rem; padding-bottom: 1rem; }

.heading--underlined--ac { border-color: #00b2ef; }

.caption { font-family: "Moderat-Bold", sans-serif; font-size: 0.875rem; line-height: 1.3; }

p { line-height: 1.6; }

.p--body { margin-bottom: 3rem; }

.p--large { font-family: "Moderat-Bold", sans-serif; font-size: 1.187rem; margin-bottom: 1.5rem; line-height: 1.2; }

@media screen and (min-width: 768px) { .p--large { font-size: 1.75rem; } }

.p--xlarge { font-family: "Moderat-Bold", sans-serif; font-size: 1.5rem; margin-bottom: 1.5rem; line-height: 1.2; }

@media screen and (min-width: 768px) { .p--xlarge { font-size: 2rem; } }

.page-title { margin-bottom: 3rem; }

strong { font-family: "Moderat-Bold", sans-serif; }

a, .link { text-decoration: none; color: #00b2ef; }

[data-current="about"] .post-list__item a, [data-current="about"] .post-list__item .link { color: #33c4b2; }

[data-current="airbeam"] .post-list__item a, [data-current="donate"] .post-list__item a, [data-current="airbeam"] .post-list__item .link, [data-current="donate"] .post-list__item .link { color: #1ea73f; }

[data-current="about"] .p--body a, [data-current="about"] .post-nav a, [data-current="about"] .p--body .link, [data-current="about"] .post-nav .link { color: #33c4b2; }

[data-current="airbeam"] .p--body a, [data-current="donate"] .p--body a, [data-current="airbeam"] .post-nav a, [data-current="donate"] .post-nav a, [data-current="airbeam"] .p--body .link, [data-current="donate"] .p--body .link, [data-current="airbeam"] .post-nav .link, [data-current="donate"] .post-nav .link { color: #1ea73f; }

.link:hover { color: #7fd8f7; }

.link--light { color: #ffffff; }

.link--light:hover { color: #ffffff; }

picture { width: 100%; /* stretch to fit its containing element */ }

picture img { width: 100%; /* stretch to fill the picture element */ }

img.lazyloaded, .panel--banner.lazyloaded, .img-full-width.lazyloaded { transition: 0.5s filter; }

img.lazyloading, .panel--banner.lazyloading, .img-full-width.lazyloading { filter: blur(20px); }

.anchor { display: block; position: relative; top: -80px; visibility: hidden; }

@media screen and (max-width: 1024px) { .anchor { top: -6.5rem; } }

.ac-intro__button { width: 100%; }

@media screen and (min-width: 480px) { .ac-intro__button { width: 11.25rem; } }

.ac-intro__button + .ac-intro__button { margin-top: 1.5rem; }

@media screen and (min-width: 480px) { .ac-intro__button + .ac-intro__button { margin-left: 1.5rem; } }

@-webkit-keyframes fadein { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes fadein { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes fadein { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes fadein { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fadein { 0% { opacity: 0; }
  40% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes slide-down { 0% { opacity: 0;
    transform: translateY(-3rem); }
  100% { opacity: 1;
    transform: translateY(0); } }

@-moz-keyframes slide-down { 0% { opacity: 0;
    transform: translateY(-3rem); }
  100% { opacity: 1;
    transform: translateY(0); } }

@-ms-keyframes slide-down { 0% { opacity: 0; transform: translateY(-3rem); }
  100% { opacity: 1; transform: translateY(0); } }

@-o-keyframes slide-down { 0% { opacity: 0;
    transform: translateY(-3rem); }
  100% { opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down { 0% { opacity: 0;
    transform: translateY(-3rem); }
  100% { opacity: 1;
    transform: translateY(0); } }

.arc-background { background-repeat: no-repeat; background-size: 10rem 10rem; }

@media screen and (min-width: 768px) { .arc-background { background-size: 19rem 19rem; } }

.arc-background--right-opacity-15 { background-image: url("/assets/img/svg/Air-Icon_right--opacity15.svg"); }

.arc-background--left-opacity-15 { background-image: url("/assets/img/svg/Air-Icon_left--opacity15.svg"); }

.arc-background--right-opacity-50 { background-image: url("/assets/img/svg/Air-Icon_right--opacity50.svg"); }

.arc-background--left-opacity-50 { background-image: url("/assets/img/svg/Air-Icon_left--opacity50.svg"); }

.arc-background--right-white { background-image: url("/assets/img/svg/Air-Icon_right--white.svg"); }

.arc-background--left-white { background-image: url("/assets/img/svg/Air-Icon_left--white.svg"); }

.arc-background--right-teal-light { background-image: url("/assets/img/svg/Air-Icon_right--teal-light.svg"); }

.arc-background--left-teal-light { background-image: url("/assets/img/svg/Air-Icon_left--teal-light.svg"); }

.arc-background--left-quote { background-position: top 4rem left; }

@media screen and (min-width: 768px) { .arc-background--left-quote { background-position: top 9rem left 8vw; } }

@media screen and (min-width: 1366px) { .arc-background--left-quote { background-position: top 9rem left 13vw; } }

.arc-background--right-quote { background-position: top 4rem right; }

@media screen and (min-width: 768px) { .arc-background--right-quote { background-position: top 14rem right 8vw; } }

@media screen and (min-width: 1366px) { .arc-background--right-quote { background-position: top 14rem right 13vw; } }

.arc-background--right-bottom-quote { background-position: top 4rem right; }

@media screen and (min-width: 768px) { .arc-background--right-bottom-quote { background-position: bottom 4rem right 8vw; } }

@media screen and (min-width: 1366px) { .arc-background--right-bottom-quote { background-position: bottom 4rem right 13vw; } }

.arc-background--left-center { background-position: top 40% left; }

@media screen and (min-width: 768px) { .arc-background--left-center { background-position: top 40% left 8vw; } }

@media screen and (min-width: 1366px) { .arc-background--left-center { background-position: top 40% left 13vw; } }

.arc-background--right-center { background-position: top 60% right; }

@media screen and (min-width: 768px) { .arc-background--right-center { background-position: top 55% right 8vw; } }

@media screen and (min-width: 1366px) { .arc-background--right-center { background-position: center right 13vw; } }

.arc-background--right-bottom { background-position: bottom right; }

@media screen and (min-width: 768px) { .arc-background--right-bottom { background-position: bottom right 8vw; } }

@media screen and (min-width: 1366px) { .arc-background--right-bottom { background-position: bottom right 13vw; } }

.arc-background--how-it-works { background-position: bottom 28rem right; }

@media screen and (min-width: 768px) { .arc-background--how-it-works { background-position: bottom 20rem right 5vw; } }

@media screen and (min-width: 1025px) { .arc-background--how-it-works { background-position: bottom 5rem right 5vw; } }

@media screen and (min-width: 1366px) { .arc-background--how-it-works { background-position: bottom 3rem right 10vw; } }

@media screen and (min-width: 1420px) { .arc-background--how-it-works { background-position: bottom -2rem right 10vw; } }

@media screen and (min-width: 1920px) { .arc-background--how-it-works { background-position: bottom 0 right 16vw; } }

@media screen and (max-width: 1024px) { .arc-background--history { background: none; } }

@media screen and (min-width: 1025px) { .arc-background--history { background-position: top 3rem right 4vw; } }

.badge-links { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; vertical-align: top; }

.badge-link { border-radius: 50%; border-width: 1px; border-style: solid; display: inline-block; font-family: "Moderat-Bold", sans-serif; font-size: 1.5rem; height: 10rem; line-height: 1.2; padding: 0.9rem; text-align: center; width: 10rem; margin: 0.5rem; }

@media screen and (min-width: 768px) { .badge-link { height: 13rem; width: 13rem; } }

.badge-link--hm, [data-current="airbeam"] .badge-link--hm { background: #1ea73f; border-color: #1ea73f; color: #ffffff; }

.badge-link--hm:hover, .badge-link--hm:focus, [data-current="airbeam"] .badge-link--hm:hover, [data-current="airbeam"] .badge-link--hm:focus { background: #ffffff; color: #1ea73f; }

.badge-link--light-hm, [data-current="airbeam"] .badge-link--light-hm { background: #ffffff; border-color: #ffffff; color: #1ea73f; }

.badge-link--light-hm:hover, .badge-link--light-hm:focus, [data-current="airbeam"] .badge-link--light-hm:hover, [data-current="airbeam"] .badge-link--light-hm:focus { background: none; color: #ffffff; }

.badge-link--ac, [data-current="airbeam"] .badge-link--ac { background: #00b2ef; border-color: #ffffff; color: #ffffff; }

.badge-link--ac:hover, .badge-link--ac:focus, [data-current="airbeam"] .badge-link--ac:hover, [data-current="airbeam"] .badge-link--ac:focus { background: #ffffff; color: #00b2ef; }

.badge-link--light-ac, [data-current="airbeam"] .badge-link--light-ac { background: #ffffff; border-color: #ffffff; color: #00b2ef; }

.badge-link--light-ac:hover, .badge-link--light-ac:focus, [data-current="airbeam"] .badge-link--light-ac:hover, [data-current="airbeam"] .badge-link--light-ac:focus { background: none; color: #ffffff; }

.categories { -webkit-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; }

@media screen and (min-width: 1025px) { .category-list { margin-top: 6rem; } }

.category-list li { display: inline-block; }

.category-list__link { height: auto; margin: 0 0.5rem 0.5rem 0; padding: 0.35rem 0.5rem 0.45rem; }

.panel.featured-post { position: relative; }

@media screen and (min-width: 1025px) { .panel.featured-post { padding-top: 6rem; } }

@media screen and (min-width: 1366px) { .panel.featured-post { padding-top: 10rem; } }

.post-content { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 47rem; margin: 0 auto; }

.post-content p { margin: 0 0 1.5rem; }

.post-content ul, .post-content ol { margin-left: 1rem; }

.post-content ul { list-style: initial; }

.post-content ol { list-style: decimal; }

.post-content li { margin-bottom: 1rem; line-height: 1.6; }

.post-content a { text-decoration: underline; }

.post-content a:hover, .post-content a:focus { opacity: 0.5; }

.post-content blockquote { font-family: "IBM Plex Serif", serif; font-size: 1.187rem; }

.post-content__featured-image { margin: 0 0 1.5rem; }

@media screen and (min-width: 1366px) { .post-content__featured-image { margin: 0 0 3rem; } }

.post-footer { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 1.5rem; font-family: "Moderat-Bold", sans-serif; font-size: 0.875rem; line-height: 1.6; }

.post-footer__link { text-decoration: none; }

.post-footer__link:hover, .post-footer__link:focus { opacity: 0.5; }

.post-header { font-family: "Moderat-Bold", sans-serif; }

.post-header__category { text-decoration: underline; }

.post-header__title { margin: 1.5rem 0 6rem; }

.post-header__title--featured { margin-bottom: 1.5rem; }

.post-header__read-more { color: #ffffff; text-decoration: underline; }

.post-header__image { -webkit-animation: fadein 2s forwards; -moz-animation: fadein 2s forwards; -ms-animation: fadein 2s forwards; -o-animation: fadein 2s forwards; animation: fadein 2s forwards; }

@media screen and (min-width: 768px) { .post-header__image { left: 50%; position: absolute; bottom: -1rem; width: 50%; max-width: 47rem; } }

@media screen and (min-width: 1025px) { .post-header__image { bottom: -5rem; } }

.posts-index.posts-index--with-arc { background-image: url("/assets/img/svg/Air-Icon_left--teal-light.svg"); background-repeat: no-repeat; background-size: 10rem 10rem; background-position: top 10rem left 1vw; }

@media screen and (min-width: 768px) { .posts-index.posts-index--with-arc { background-size: 19rem 19rem; background-position: top 12rem left 2vw; } }

@media screen and (min-width: 1366px) { .posts-index.posts-index--with-arc { background-position: top 10rem left 6vw; } }

.post-list { max-width: 47rem; }

.post-list--grid-view { max-width: none; width: 100%; }

@media screen and (min-width: 768px) { .post-list--grid-view { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } }

.post-list__item { margin-bottom: 3rem; }

@media screen and (min-width: 768px) { .post-list--grid-view .post-list__item { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 1.5rem; } }

.post-list__thumbnail { display: none; }

.post-list--grid-view .post-list__thumbnail { display: block; margin-bottom: 1.5rem; overflow: hidden; padding-bottom: 60.5%; position: relative; }

.post-list__thumbnail-img { -webkit-animation: fadein 1s forwards; -moz-animation: fadein 1s forwards; -ms-animation: fadein 1s forwards; -o-animation: fadein 1s forwards; animation: fadein 1s forwards; position: absolute; top: 0; left: 0; }

.post-list__category { display: none; }

.post-list--grid-view .post-list__category { display: inline-block; margin: 0 0 1.5rem; }

a.post-list__category { text-decoration: underline; }

.post-list__read-more { display: none; }

.post-list--grid-view .post-list__read-more { display: inline-block; margin-top: 1.5rem; }

.post-list__title { margin-bottom: 1rem; }

.post-nav { border-top: 1px solid #e4eced; display: flex; font-family: "Moderat-Bold", sans-serif; font-size: 0.875rem; padding: 3rem 0; width: 100%; }

.post-nav li { flex: 0 0 33.33%; }

.post-nav li:nth-child(2) { text-align: center; }

.post-nav li:nth-child(3) { text-align: right; }

.post-view-toggle { background: none; color: #3c70b3; font-family: "Moderat-Bold", sans-serif; padding: 1rem; }

.post-view-toggle:after { content: "grid view"; }

.post-view-toggle.post-view-toggle--grid:after { content: "list view"; }

.button { border-width: 1px; border-style: solid; display: inline-block; font-family: "Moderat-Bold", sans-serif; font-size: 1.1rem; height: 50px; padding: 0.8rem 1.2rem; text-align: center; }

.button--hm { background: #ffffff; border-color: #1ea73f; color: #1ea73f; }

.button--hm:hover, .button--hm:focus { background: #1ea73f; color: #ffffff; }

.button--ac { background: #ffffff; border-color: #00b2ef; color: #00b2ef; }

.button--ac:hover, .button--ac:focus { background: #00b2ef; color: #ffffff; }

.button--ac[data-current] { background: #ffffff; border-color: rgba(0, 178, 239, 0.6); color: rgba(0, 178, 239, 0.6); }

.button--ac[data-current]:hover, .button--ac[data-current]:focus { background: rgba(0, 178, 239, 0.6); color: #ffffff; }

@media screen and (min-width: 768px) { .button--ac-about { margin-top: 1.6rem; } }

.button--ac-on-light-teal { background: #eff4f4; border-color: #00b2ef; color: #00b2ef; }

.button--ac-on-light-teal:hover, .button--ac-on-light-teal:focus { background: #00b2ef; color: #eff4f4; }

.button--small { height: 43px; }

.faq { margin-top: 3rem; min-height: 26.5vh; }

.faq__category { border-top: 1px solid #1ea73f; flex: 0 0 100%; max-height: 3.8rem; overflow: hidden; }

.faq__category.open { max-height: none; }

.faq__category-name { color: #1ea73f; margin-bottom: 1.5rem; padding-bottom: 1.5rem; padding-top: 1.5rem; position: relative; }

.faq__category-name:hover { cursor: pointer; }

.faq__category-name:after { background: url("/assets/img/svg/Btn-Expand.svg") no-repeat center center; background-size: 1.5rem 1.5rem; content: ""; display: inline-block; height: 1.5rem; position: absolute; right: 0; top: 1.1rem; width: 1.5rem; }

.open .faq__category-name:after { background: url("/assets/img/svg/Btn-Contract.svg") no-repeat center center; background-size: 1.5rem 1.5rem; }

.faq__question { margin-bottom: 0.5rem; }

.footer { background-color: #1ea73f; background-image: url("/assets/img/svg/HabitatMap-Monogram-Footer-White.svg"); background-position: bottom 3rem right 3rem, bottom right; background-repeat: no-repeat; color: white; }

@media screen and (min-width: 768px) { .footer { background-image: url("/assets/img/svg/HabitatMap-Monogram-Footer-White.svg"), linear-gradient(to right, #727272, #727272 50%, #1ea73f 50%); } }

.footer__nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #727272; }

@media screen and (min-width: 768px) { .footer__nav { padding-right: 3rem; } }

@media screen and (max-width: 767px) { .footer__nav { padding: 3rem 4vw; } }

@media screen and (min-width: 1025px) { .footer__nav { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } }

.footer-column { -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px solid #ffffff; font-size: 0.812rem; margin-bottom: 3rem; vertical-align: top; }

@media screen and (min-width: 1025px) { .footer-column { margin-right: 1.3rem; } }

.footer-column--newsletter { margin: 0; }

@media screen and (min-width: 1025px) { .footer-column--newsletter { -webkit-box-flex: 0 0 35%; -moz-box-flex: 0 0 35%; -webkit-flex: 0 0 35%; -ms-flex: 0 0 35%; flex: 0 0 35%; } }

.footer-column__heading { margin: 1rem 0 2rem; }

.footer-links { font-family: "Moderat-Bold", sans-serif; }

.footer a { display: inline-block; color: #ffffff; }

.footer a:hover, .footer a:focus { color: inherit; opacity: 0.7; }

.footer-links__element { padding: 0.35rem 0; }

.footer__address { background: #727272; }

@media screen and (max-width: 767px) { .footer__address { padding: 0 4vw 3rem; } }

@media screen and (min-width: 768px) { .footer__address { margin-top: 1.5rem; } }

.footer__brand { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

@media screen and (min-width: 768px) { .footer__brand { padding-left: 3rem; } }

@media screen and (max-width: 767px) { .footer__brand { padding: 3rem 4vw 12rem; } }

@media screen and (min-width: 1025px) { .footer__brand { padding-bottom: 0; } }

.footer__brand-tagline { font-size: 1.5rem; margin: 0 0 3rem; }

body { padding-top: 6rem; }

@media screen and (max-width: 1024px) { body { padding-top: 72px; } }

.container--narrow { max-width: 18.75rem; }

@media screen and (min-width: 768px) { .container--centered { margin: 0 auto; } }

.header { -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; font-family: "Moderat-Bold", sans-serif; font-size: 1.5rem; padding: 2rem 0 0.9rem; position: fixed; top: 0; width: 100%; z-index: 999; }

@media screen and (max-width: 1024px) { .header { padding: 0.5rem 0; } .header.header--nav-expanded { height: 100%; overflow-y: auto; position: fixed; width: 100%; } }

@media screen and (min-width: 1025px) { .header { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; font-size: 1.125rem; height: auto; } .header.sticky { padding: 1rem 0 0.5rem; } }

.header__brand { height: 3.5rem; }

@media screen and (max-width: 1365px) { .header__brand { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; padding-left: 1rem; padding-right: 1rem; } }

.header__logo { padding-left: 1.5rem; }

@media screen and (max-width: 1024px) { .header__logo { padding-left: 0; padding-right: 25px; margin: 0 auto; } .header--nav-expanded .header__logo { padding-right: 20px; } }

@media screen and (min-width: 1366px) { .header__logo { height: 3.75rem; } }

@media screen and (min-width: 1366px) { .header__logo { margin-right: 0; padding-left: 3rem; width: 15vw; } }

@media screen and (min-width: 1920px) { .header__logo { width: 21vw; } }

.header--nav-expanded .icon-nav-open { display: none; }

@media screen and (min-width: 1025px) { .icon-nav-open { display: none; } }

.icon-nav-close { display: none; }

@media screen and (max-width: 1024px) { .header--nav-expanded .icon-nav-close { display: block; } }

@media screen and (min-width: 1025px) { .icon-nav-close { display: none; } }

.nav { padding: 0 1.5rem; display: none; }

@media screen and (max-width: 1024px) { .header--nav-expanded .nav { -webkit-animation: slide-down 1s ease 1; -moz-animation: slide-down 1s ease 1; -ms-animation: slide-down 1s ease 1; -o-animation: slide-down 1s ease 1; animation: slide-down 1s ease 1; display: block; margin-top: 3rem; } }

@media screen and (min-width: 1025px) { .nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0; padding-right: 1.5rem; } }

@media screen and (min-width: 1366px) { .nav { padding-right: 3rem; } }

.nav-main { -webkit-box-flex: 0 1 40rem; -moz-box-flex: 0 1 40rem; -webkit-flex: 0 1 40rem; -ms-flex: 0 1 40rem; flex: 0 1 40rem; }

.nav-sub { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -ms-align-items: center; align-items: center; -webkit-box-flex: 0 0 17rem; -moz-box-flex: 0 0 17rem; -webkit-flex: 0 0 17rem; -ms-flex: 0 0 17rem; flex: 0 0 17rem; border-top: 1px solid #ffffff; padding-top: 1.5rem; position: relative; }

@media screen and (min-width: 1025px) { .nav-sub { padding: 0; margin-left: 1.5rem; border: none; } }

@media screen and (min-width: 1025px) { .nav-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } }

.nav-list__link { display: block; padding: 0.5rem 0; }

.nav-list__link.nav-list__link--donate { border: none; display: inline-block; }

.nav-list__link:hover, .nav-list__link:focus { opacity: 0.55; }

@media screen and (min-width: 1025px) { .nav-list__link { display: inline-block; padding: 0.5rem; vertical-align: middle; } }

.subnav-list { -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; min-width: 14rem; }

@media screen and (max-width: 1024px) { .subnav-list { padding: 0.5rem 0 1rem; } }

@media screen and (min-width: 1025px) { .subnav-list { opacity: 0; left: 0; padding: 0.5rem 0 0; position: absolute; pointer-events: none; top: 100%; } }

.nav-list__element { position: relative; }

@media screen and (min-width: 1025px) { .nav-list__element:hover .subnav-list { opacity: 1; pointer-events: auto; } }

@media screen and (max-width: 1024px) { .nav-list__element { border-top: 1px solid #ffffff; } }

.subnav-list__element { margin-bottom: 4px; }

@media screen and (min-width: 1025px) { .subnav-list__element { max-width: 0px; overflow: hidden; } .nav-list__element:hover .subnav-list__element { -moz-transition: max-width 0.5s ease-in-out; -o-transition: max-width 0.5s ease-in-out; -webkit-transition: max-width 0.5s ease-in-out; transition: max-width 0.5s ease-in-out; max-width: 12rem; } .nav-list__element:hover .subnav-list__element:nth-child(2) { transition-delay: 300ms; } .nav-list__element:hover .subnav-list__element:nth-child(3) { transition-delay: 450ms; } .nav-list__element:hover .subnav-list__element:nth-child(4) { transition-delay: 600ms; } .nav-list__element:hover .subnav-list__element:nth-child(5) { transition-delay: 750ms; } .nav-list__element:hover .subnav-list__element:nth-child(6) { transition-delay: 900ms; } }

.subnav-list__link { display: inline-block; padding: 0.5rem; white-space: nowrap; }

@media screen and (max-width: 1024px) { .subnav-list__link { font-size: 1.187rem; padding: 0.25rem 0; } }

.header__button { font-size: 0.812rem; margin-left: 1.5rem; text-transform: uppercase; }

.header__nav-toggle-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; }

@media screen and (min-width: 1025px) { .header__nav-toggle-button { display: none; } }

.img { display: inline-block; }

@media screen and (min-width: 768px) { .img--margin-top { margin-top: 3rem; } }

.img--alternate-medium { max-width: 500px; }

.img--alternate-small { max-width: 380px; }

.img-full-width { background-size: cover; background-position: center center; padding-bottom: 40%; }

@media screen and (min-width: 1920px) { .img-full-width { padding-bottom: 30%; } }

.img-full-width.lazyloaded { background-image: url("/assets/img/pages/about-habitatmap/hero.jpg"); }

@media screen and (max-width: 1366px) { .img-full-width.lazyloaded { background-image: url("/assets/img/pages/about-habitatmap/hero.jpg?nf_resize=fit&w=2050"); } }

@media screen and (max-width: 1024px) { .img-full-width.lazyloaded { background-image: url("/assets/img/pages/about-habitatmap/hero.jpg?nf_resize=fit&w=1536"); } }

@media screen and (max-width: 480px) { .img-full-width.lazyloaded { background-image: url("/assets/img/pages/about-habitatmap/hero.jpg?nf_resize=fit&w=720"); } }

.logo { display: block; }

.logo--body { height: 40px; width: auto; margin-bottom: 1.5rem; }

@media screen and (min-width: 768px) { .logo--airbeam { height: auto; } }

.logo--aircasting { margin-bottom: 17px; margin-top: 3rem; }

@media screen and (min-width: 768px) { .logo--aircasting { height: auto; margin-top: 0; } }

.list { line-height: 1.6; list-style-type: initial; margin-bottom: 1.5rem; }

.list li { margin-bottom: 1rem; }

.list--ordered, .list--unordered { margin-left: 1rem; }

.list--ordered { list-style-type: decimal; }

.list--unordered { list-style-type: disc; }

.contents-list { font-family: "Moderat-Bold", sans-serif; list-style-type: none; }

.panel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; padding: 3rem 4vw; }

@media screen and (min-width: 768px) { .panel { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 10vw; padding-right: 10vw; } }

@media screen and (min-width: 1366px) { .panel { padding-left: 15vw; padding-right: 15vw; } }

@media screen and (min-width: 1920px) { .panel { padding-left: 21vw; padding-right: 21vw; } }

.panel--column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media screen and (min-width: 1025px) { .panel--user-stories { padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } }

.panel--big-padding { padding-top: 6rem; padding-bottom: 6rem; }

.panel--leading-text { padding-top: 1.5rem; padding-bottom: 0; }

@media screen and (min-width: 1025px) { .panel--leading-text { padding-top: 3rem; padding-bottom: 1.5rem; } }

@media screen and (max-width: 767px) { .panel--footer { padding: 0; } }

.panel--hero { background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 65%; }

.panel--hero.lazyloaded { background-image: url("/assets/img/habitatmap-home-airbeam-aircasting.jpg"); }

@media screen and (max-width: 480px) { .panel--hero.lazyloaded { background-image: url("/assets/img/habitatmap-home-airbeam-aircasting.jpg?nf_resize=fit&w=720"); } }

@media screen and (min-width: 768px) { .panel--hero { background-position: center top; background-size: cover; } }

@media screen and (min-width: 768px) { .panel--hero { padding-bottom: 5.5rem; } }

@media screen and (min-width: 1025px) { .panel--hero { background-position: center right; background-size: 50% auto; } }

@media screen and (min-width: 1920px) { .panel--hero { padding-top: 9rem; padding-bottom: 9rem; } }

.panel--banner { background-position: center; background-size: cover; padding-bottom: 11rem; padding-top: 4rem; }

.panel--banner.lazyloaded { background-image: url("/assets/img/pages/user-stories/airbeam-userstories-footer-banner.jpg"); }

@media screen and (max-width: 480px) { .panel--banner.lazyloaded { background-image: url("/assets/img/pages/user-stories/airbeam-userstories-footer-banner.jpg?nf_resize=fit&w=720"); } }

@media screen and (min-width: 768px) { .panel--airbeam { background-color: #e4eced; } }

.panel--about-intro, .panel--history-intro, .panel--faq-intro, .panel--blog-hero, .panel--blog-category, .panel--user-story-hero { color: #ffffff; }

.panel--about-intro a, .panel--history-intro a, .panel--faq-intro a, .panel--blog-hero a, .panel--blog-category a, .panel--user-story-hero a { color: #ffffff; }

.panel--about-intro a:hover, .panel--history-intro a:hover, .panel--faq-intro a:hover, .panel--blog-hero a:hover, .panel--blog-category a:hover, .panel--user-story-hero a:hover { text-decoration: underline; }

@media screen and (min-width: 768px) { .panel--faq-intro, .panel--history-intro, .panel--blog-category { padding-top: 6rem; padding-bottom: 6rem; } }

.panel--blog-hero, .panel--blog-category { background-color: #00b2ef; }

.panel--user-story-hero { background-color: #1ea73f; }

.panel--align-center { -webkit-align-items: center; -ms-align-items: center; align-items: center; }

.panel__heading { max-width: 27rem; }

@media screen and (min-width: 768px) and (max-width: 1024px) { .panel__heading { font-size: 2.25rem; } }

.panel--quote, .panel--testimonial { color: #ffffff; }

@media screen and (min-width: 768px) { .panel--quote { padding-top: 6rem; padding-bottom: 10rem; } }

@media screen and (min-width: 768px) { .panel--testimonial { padding-top: 6rem; padding-bottom: 6rem; } }

@media screen and (max-width: 767px) { .panel--search { padding: 1rem 4vw 0; } }

.panel--faq-intro { min-height: 28vh; }

.panel--history { flex-direction: column; }

.panel--history .p--body { max-width: 700px; }

.paypal-donate-form { height: 13rem; margin-bottom: 2rem; }

.paypal-checkout-form { height: 26rem; }

.paypal-button-container { height: 13rem; width: 13rem; position: relative; }

.paypal-button-container [type="image"] { width: 100%; }

.paypal-button-default { position: absolute; }

.paypal-button-container:hover .paypal-button-default { opacity: 0; }

.paypal-button-hover { position: absolute; opacity: 0; }

.paypal-button-container:hover .paypal-button-hover { opacity: 1; }

.press-article { margin-bottom: 3rem; max-width: 700px; padding-top: 1.5rem; }

.press-article__link { color: #727272; }

.press-article__link:hover { text-decoration: underline; }

.quote__heading { margin-bottom: 1.5rem; }

.quote__body { font-family: "IBM Plex Serif", serif; font-size: 1.187rem; line-height: 1.3; }

@media screen and (min-width: 768px) { .quote__body { font-size: 1.5rem; } }

.quote__name { margin-top: 1.5rem; }

.read-more-button { color: #ffffff; background: none; font-family: "Moderat-Bold", sans-serif; margin-top: 1rem; text-decoration: underline; }

.read-more-button + .heading--small { margin-top: 1rem; }

.icon-search { width: 1.5rem; cursor: pointer; margin-right: 0.5rem; }

.searchbar-container { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 3rem; }

.search-container { min-height: 40.5vh; }

.ais-Highlight { background: #e4eced; font-family: "Moderat-Bold", sans-serif; font-style: normal; }

.searchbar-container .ais-search-box--input { background: none; border: 1px solid #818181; border-radius: 3px; box-shadow: none; -webkit-appearance: none; }

.searchbar-container .ais-search-box--input:focus { border: 1px solid #00b2ef; }

.shop-airbeam { margin-bottom: 3rem; }

@media screen and (min-width: 768px) { .shop-airbeam .arc-background { background-position: top 150px right 8vw; } }

@media screen and (min-width: 1025px) { .shop-airbeam .arc-background { background-position: top 220px right 8vw; } }

@media screen and (min-width: 1366px) { .shop-airbeam .arc-background { background-position: top 190px right 10vw; } }

@media screen and (min-width: 1920px) { .shop-airbeam .arc-background { background-position: top 230px right 13vw; } }

.shop-airbeam__caption { margin: 1.5rem 0 3rem; }

.slider { color: #ffffff; position: relative; }

.slider a { color: #ffffff; }

.slide { overflow: hidden; position: relative; }

@media screen and (max-width: 1024px) { .slide { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media screen and (max-width: 767px) { .slide { padding-bottom: 0; } }

.slide__story { padding: 3rem 0 0.5rem; }

@media screen and (min-width: 768px) { .slide__story { padding: 3rem 0; } }

@media screen and (min-width: 1025px) { .slide__story { padding: 6rem 3rem 6rem 10vw; } }

@media screen and (min-width: 1366px) { .slide__story { padding: 6rem 3rem 6rem 15vw; } }

@media screen and (min-width: 1920px) { .slide__story { padding: 6rem 3rem 6rem 21vw; } }

.slide__image { position: relative; }

@media screen and (min-width: 768px) { .slide__image { overflow: hidden; } }

@media screen and (max-width: 767px) { .slide__image img { margin-left: -4vw; margin-top: 2.5rem; max-width: none; width: calc(100% + 8vw); } }

@media screen and (min-width: 1025px) { .slide__image img { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-height: none; max-width: none; min-height: 100%; min-width: 100%; transform: translate(-50%, -50%); } }

.tns-controls { position: absolute; color: transparent; z-index: 1; }

@media screen and (min-width: 1025px) { .tns-controls { top: 50%; right: 60px; } }

.slider--quote .tns-controls { right: -5vw; }

@media screen and (min-width: 768px) and (max-width: 1024px) { .slider--user-stories .tns-controls { top: 85px; right: 5vw; } }

[data-controls="prev"] { display: none; }

[data-controls="next"] { background: url("/assets/img/svg/Slider-Right.svg") center no-repeat; height: 40px; width: 40px; }

@media screen and (max-width: 767px) { [data-controls="next"] { display: none; } }

.tns-nav { position: absolute; z-index: 1; }

[data-nav] { border-radius: 50%; height: 8px; width: 8px; margin-right: 9px; }

[data-nav]:not(.tns-nav-active) { background: #ffffff; }

.tns-nav-active { background: transparent; border: 1px solid #ffffff; position: relative; top: -1px; }

.slider--user-stories { min-height: 32rem; }

.slider--user-stories .tns-nav { left: 4vw; top: 2rem; }

@media screen and (min-width: 768px) { .slider--user-stories .tns-nav { left: 10vw; } }

@media screen and (min-width: 1366px) { .slider--user-stories .tns-nav { left: 15vw; } }

@media screen and (min-width: 1920px) { .slider--user-stories .tns-nav { left: 21vw; } }

@media screen and (min-width: 1025px) { .slider--user-stories .split--50 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

.slider--quote { max-width: 100%; margin-bottom: 6rem; }

@media screen and (min-width: 768px) { .slider--quote { margin-bottom: 3rem; max-width: 60%; } }

.slider--quote .tns-nav { left: 0; bottom: -3rem; }

@media screen and (min-width: 768px) { .split--50 { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

@media screen and (min-width: 768px) { .split--60 { -webkit-box-flex: 0 0 60%; -moz-box-flex: 0 0 60%; -webkit-flex: 0 0 60%; -ms-flex: 0 0 60%; flex: 0 0 60%; } }

@media screen and (min-width: 768px) { .split--40 { -webkit-box-flex: 0 0 40%; -moz-box-flex: 0 0 40%; -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } }

.split--25 { margin-bottom: 3rem; }

@media screen and (min-width: 768px) { .split--25 { -webkit-box-flex: 0 0 48%; -moz-box-flex: 0 0 48%; -webkit-flex: 0 0 48%; -ms-flex: 0 0 48%; flex: 0 0 48%; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } }

@media screen and (min-width: 1025px) { .split--25 { -webkit-box-flex: 0 0 21%; -moz-box-flex: 0 0 21%; -webkit-flex: 0 0 21%; -ms-flex: 0 0 21%; flex: 0 0 21%; -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } }

.split--25 img { margin: 2rem auto; max-width: 13rem; width: 95%; }

@media screen and (max-width: 767px) { .split--padding-right { padding-bottom: 1.5rem; } .split--padding-right.split--order-secondary { padding-bottom: 0; padding-top: 1.5rem; } }

@media screen and (min-width: 768px) { .split--padding-right { padding-bottom: 0; padding-right: 1.5rem; } }

@media screen and (min-width: 768px) { .split--padding-left { padding-left: 1.5rem; } }

@media screen and (max-width: 767px) { .split--order-secondary { order: 2; } }

.not-found { flex-direction: column; padding-bottom: 6rem; }

.not-found__image { margin: 0 auto; max-width: 300px; }

.not-found__copy { text-align: center; }

.not-found__search-bar { text-align: center; }

.not-found__search-bar .ais-search-box { max-width: 500px; }

.not-found__search-results { display: block; }

.label { display: block; margin-bottom: 0.5rem; }

.input { background: none; border: 1px solid #818181; border-radius: 3px; box-shadow: none; height: 36px; padding: 0 0.5rem; -webkit-appearance: none; }

.input:focus { border: 1px solid #1ea73f; }

.input--light { border-color: #ffffff; border-radius: 0; margin-top: 1.5rem; }

.input--light::placeholder { color: #f5f5f5; opacity: 1; }

.input--light:-ms-input-placeholder { color: #f5f5f5; }

.input--light::-ms-input-placeholder { color: #f5f5f5; }

.input--light:focus { border: 1px solid #ffffff; }

.input--full-width { width: 100%; }

.input--quantity { background-image: url("/assets/img/svg/Triangles.svg"); background-repeat: no-repeat; background-position: center right 0.5rem; margin-bottom: 1.5rem; width: 19rem; }

.input--submit { display: block; }

.input--currency { -moz-appearance: textfield; max-width: 19rem; }

.input--currency::-webkit-outer-spin-button, .input--currency::-webkit-inner-spin-button { -webkit-appearance: none; }

.currency-wrapper { margin-bottom: 3rem; }

.currency-wrapper:after { content: "$"; margin-left: -1.5rem; }

/*# sourceMappingURL=main.css.map */