@charset "UTF-8";
/* Styles, which don't generate any output and can be safely imported from all root level stylesheets */
/** Selectors to target specific browsers without affecting specificity or limiting use in media queries */
/** Target Internet Explorer @example div { @include browser-ie () { // ... } } */
/** Target Firefox */
/** Target Safari */
/** Target all WebKit browsers */
/** Image rendering quality In Chrome background image quality is not the best when using background-size */
/** Set input placeholder styles @example input { @include placeholder () { color: #000; } } */
/** Spacer mixin Applies spacer to the elements @param {string} [$property=margin] CSS property which will be set @param {boolean} [$reset-first-last=true] Reset first and last children values to 0 @param {number} [$multiplier=1] Spacer value multiplier @example h1, h2, h3, h4, h5 { @include spacer(); } */
/** Mixin sets property value as 100vh and in case of iOS in pixels On iOS vh unit includes toolbar and in case page doesn't have a scroll it makes page look like broken. Sets property value in px, but without toolbar. Should be used only when page has custom scroll @example body { @include media-all-100vh-body-fix (); } section { @include media-all-100vh ('min-height'); } */
/* Move content so that there is no blank space at the bottom on iPhone5 Must be applied to the BODY */
/* Link normal state style mixin Sets styles to link normal state */
/* Link hover state style mixin Sets styles to link hover and focused states */
/* Link active state style mixin Sets styles to link active state */
/* Link hover and active state style mixin Sets styles to link hover, focused and active states */
/* Link disabled state style mixin Sets styles to link disabled state */
/* Button normal state style mixin Sets styles to button normal state 1. We overwrite disabled state too because if classname is used, then :hover, :active will take precedent */
/* Button hover state style mixin Sets styles to button hover, focused states */
/* Button hover state style mixin Sets styles to button hover state */
/* Button active state style mixin Sets styles to active state */
/* Button hover + active state style mixin Sets styles to button active, hover, focused states */
/* Button disabled state style mixin */
/* Button style Sets hover, active, focus, disabled styles */
/** Grid Grid system settings All resolution styles cascade up from mobile to desktop */
/** Animation & transition options @param {string} $easing-in Easing function for elements, which disappear @param {string} $easing-out Easing function for elements, which appear @param {string} $easing-in-out Easing function for elements, which move @param {string} $easing-in-subtle Subtle easing function for elements, which disappear @param {string} $easing-out-subtle Subtle easing function for elements, which appear @param {string} $easing-in-out-subtle Subtle easing function for elements, which move @param {time} $duration-normal Default animation duration @param {time} $duration-fast Small element animation duration @param {time} $duration-slow Large element animation duration */
/** Colors */
/** Body Settings for the `` element @param {color} $body-bg Background color */
/* Text Settings for text, fonts, sizes @param {string} $text-default-font Text font family @param {string} $text-heading-font Heading font family @param {string} $text-code-font Code element font family */
/** Text styles Resolution specific font sizes, line height, etc. All styles cascade up @param (map) $text-styles Text sizes */
/** Link styles Settings for the anchor elements For each theme is generated "%link-style-NAME" placeholder selector For each decoration is generated "%link-decoration-NAME" placeholder selector @param {map} $link-styles Link colors @param {map} $link-decorations Link decoration styles */
/** Spacing Settings for spacing between most of the elements @param {object} $spacer Spacing */
/** Input styles, sizes Settings for input sizes, paddings, etc All resolution styles cascade up from mobile to desktop @param {map} $input Input styles */
/** Button styles, sizes Settings for button sizes, paddings, etc All resolution styles cascade up from mobile to desktop @param {map} $button Button styles */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
@import url("//fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700");
@import url("//fonts.googleapis.com/css?family=Merriweather:400,700");
html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }
/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }
/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }
/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1, .h1 { font-size: 2em; margin: 0.67em 0; }
/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }
/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }
/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }
/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }
/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }
/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }
/** Add the correct background and color in IE 9-. */
mark { background-color: #ffff00; color: #000000; }
/** Add the correct font size in all browsers. */
small { font-size: 80%; }
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }
/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }
/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }
/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }
/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }
/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }
/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }
/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }
/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }
/* Add the correct display in all browsers. */
summary { display: list-item; }
/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }
/** Add the correct display in IE. */
template { display: none; }
/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }
/* Owl Carousel - Core */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
/* No Js */
.no-js .owl-carousel { display: block; }
/* Owl Carousel - Animate Plugin */
.owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut { 0% { opacity: 1; }
100% { opacity: 0; } }
/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }
/* The main calendar widget. DIV containing a table. */
div.calendar { position: relative; z-index: 1000; }
.calendar, .calendar table { font-size: 10px; color: #000; cursor: default; background: #fff; font-family: tahoma,verdana,sans-serif; }
.calendar { border: 1px solid #555; }
.calendar table { border: 1px solid #e3e3e3; border-collapse: collapse; margin: 10px; }
.calendar td { font-size: 15px; }
/* Header part -- contains navigation buttons and day names. */
.calendar td.button { /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; /* They are the navigation buttons */ padding: 2px; /* Make the buttons seem like they're pressing */ background: #c9c9c9; border: 1px solid #e3e3e3; }
.calendar .nav { background: #778 url(menuarrow.gif) no-repeat 100% 100%; }
.calendar thead .title { /* This holds the current "month, year" */ font-weight: bold; /* Pressing it will take you to the current date */ text-align: center; background: #fff; color: #000; padding: 2px; }
.calendar thead .headrow { /* Row containing navigation buttons */ background: #778; color: #fff; }
.calendar thead .daynames { /* Row containing the day names */ background: #fff; }
.calendar thead .name { /* Cells containing the day names */ border: 1px solid #e3e3e3; padding: 2px; text-align: center; color: #000; }
.calendar thead .weekend { /* How a weekend day name shows in header */ color: #a66; }
.calendar thead .hilite { /* How do the buttons in header appear when hover */ background-color: #EAF6FF; color: #000; border: 1px solid #e3e3e3; }
.calendar thead .active { /* Active (pressed) buttons in header */ background-color: #EAF6FF; padding: 2px 0px 0px 2px; }
/* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells containing month days dates */ width: 2.5em; color: #456; text-align: center; padding: 2px 4px 2px 2px; border: 1px solid #e3e3e3; }
.calendar tbody .day.othermonth { font-size: 80%; color: #bbb; }
.calendar tbody .day.othermonth.oweekend { color: #fbb; }
.calendar table .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #bdf; }
.calendar tbody .rowhilite td { background: #efefef; }
.calendar tbody .rowhilite td.wn { background: #eef; }
.calendar tbody td.hilite { /* Hovered cells */ background: #EAF6FF; }
.calendar tbody td.active { /* Active (pressed) cells */ background: #cde; padding: 2px 2px 0px 2px; }
.calendar tbody td.selected { /* Cell showing selected date */ font-weight: bold; padding: 2px 4px 2px 2px; background: #EAF6FF; color: #000; }
.calendar tbody td.weekend { /* Cells showing weekend days */ color: #a66; }
.calendar tbody td.today { /* Cell showing today date */ font-weight: bold; background-color: #efefef; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; border: 1px solid #e3e3e3; }
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; border: 1px solid #e3e3e3; }
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The in footer (only one right now) */ text-align: center; background: #556; color: #fff; }
.calendar tfoot .ttip { /* Tooltip (status bar) cell */ background: #fff; color: #445; border-top: 1px solid #e3e3e3; padding: 1px; }
.calendar tfoot .hilite { /* Hover style for buttons in footer */ background: #aaf; border: 1px solid #04f; color: #000; padding: 1px; }
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ background: #77c; padding: 2px 0px 0px 2px; }
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; cursor: default; border: 1px solid #655; background: #fff; color: #000; font-size: 90%; z-index: 100; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; font-family: tahoma,verdana,sans-serif; }
.calendar .combo .label-IEfix { font-family: tahoma,verdana,sans-serif; }
.calendar .combo .hilite { background: #acf; }
.calendar .combo .active { border-top: 1px solid #46a; border-bottom: 1px solid #46a; background: #eef; font-weight: bold; }
.calendar td.time { border-top: 1px solid #e3e3e3; padding: 1px 0px; text-align: center; background-color: #fff; }
.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #e3e3e3; font-weight: bold; background-color: #fff; }
.calendar td.time .ampm { text-align: center; }
.calendar td.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar td.time span.hilite { border-color: #000; background-color: #EAF6FF; color: #000; }
.calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; }
.clearfix::after { content: ""; display: table; clear: both; }
/** Animations @example .icon { @extend %transition; } */
a, button, input[type="submit"], .events-list .event-image img, .hub-page-navigation-item-background img, .inner-page-navigation-item img, .image-tiles .image-tile__img img, .layout-tiles .tile img, .images-grid-header img, .mobile-nav, .success-stories-columns .success-stories-list .success-story-background img, .success-stories-row .success-stories-list .success-story-image img, .home-page .wizard-type-item-img img, .home-page-v2 .solutions__item__img img, .home-page-v2 .involved__item__bg img, .year-review-page .projects .projects-list .project-item .project-img img, .urban-success-stories-page .hub-page-navigation-item-background:after, .urban-success-stories-page .mobile-filters, .master-plan .involved__item__bg img, .conservation-projects .hub-page-navigation-item-background:after, .our-work-page .involved__item__bg img, .our-work-page .our-work__important .investments__list .investments__item__icon { transition: all 0.4s cubic-bezier(0.25, 0.74, 0.22, 0.99); }
.fade { opacity: 0; transition: opacity 0.15s linear; }
.fade.in, .fade.show { opacity: 1; }
.collapse { display: none; }
.collapse.show { display: block; }
.collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease; }
@font-face { font-family: 'weather'; src: url("/themes/theme_openspace/assets/fonts/artill_clean_icons-webfont.eot"); src: url("/themes/theme_openspace/assets/fonts/artill_clean_icons-webfont.eot?#iefix") format("embedded-opentype"), url("/themes/theme_openspace/assets/fonts/artill_clean_icons-webfont.woff") format("woff"), url("/themes/theme_openspace/assets/fonts/artill_clean_icons-webfont.ttf") format("truetype"), url("/themes/theme_openspace/assets/fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg") format("svg"); font-weight: normal; font-style: normal; }
/* Body styles */
body { background: #efede8 url("/themes/theme_openspace/assets/images/pattern-overlay.jpg") 0 0 repeat; }
/* Fix box sizing nightmare */
*, *:after, *:before { box-sizing: border-box; }
/* Responsive Images */
img { max-width: 100%; height: auto; }
.video-responsive { padding-top: 0 !important; }
/** Disable all animations @markup ...
*/
.disable-transitions * { transition: none !important; }
/** Disable interaction with element @markup ...
*/
.disable-interactions { pointer-events: none; }
/** Hide element @markup Hidden element
Element hidden only on mobile
*/
.hidden, .has-hover .hidden-has-hover { display: none !important; }
@media screen and (max-width: 567px) { .hidden-xs { display: none !important; } }
.hidden-xs-up { display: none !important; }
@media screen and (max-width: 567px) { .hidden-xs-down { display: none !important; } }
@media screen and (min-width: 568px) and (max-width: 767px) { .hidden-sm { display: none !important; } }
@media screen and (min-width: 568px) { .hidden-sm-up { display: none !important; } }
@media screen and (max-width: 767px) { .hidden-sm-down { display: none !important; } }
@media screen and (min-width: 768px) and (max-width: 959px) { .hidden-md { display: none !important; } }
@media screen and (min-width: 768px) { .hidden-md-up { display: none !important; } }
@media screen and (max-width: 959px) { .hidden-md-down { display: none !important; } }
@media screen and (min-width: 960px) and (max-width: 1199px) { .hidden-lg { display: none !important; } }
@media screen and (min-width: 960px) { .hidden-lg-up { display: none !important; } }
@media screen and (max-width: 1199px) { .hidden-lg-down { display: none !important; } }
@media screen and (min-width: 1200px) { .hidden-lgl { display: none !important; } }
@media screen and (min-width: 1200px) { .hidden-lgl-up { display: none !important; } }
.hidden-lgl-down { display: none !important; }
@media print { .hidden-print { display: none !important; } }
.invisible { opacity: 0; visibility: hidden; pointer-events: none; }
.space-top { padding-top: 30px; }
.space-bottom { padding-bottom: 30px; }
.space-top-lg { padding-top: 60px; }
@media print { .space-top-lg { padding-top: 30px; } }
.space-bottom-lg { padding-bottom: 60px; }
@media print { .space-bottom-lg { padding-bottom: 30px; } }
@media screen and (max-width: 767px) { .space-top { padding-top: 20px; }
.space-bottom { padding-bottom: 20px; }
.space-top-lg { padding-top: 40px; }
.space-bottom-lg { padding-bottom: 40px; } }
.container { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; max-width: 1200px; }
@media screen and (min-width: 768px) { .container { padding-left: 30px; padding-right: 30px; } }
@media screen and (min-width: 1200px) { .container { padding-left: 120px; padding-right: 120px; } }
.container-lg { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; max-width: 1200px; }
@media screen and (min-width: 768px) { .container-lg { padding-left: 30px; padding-right: 30px; } }
@media screen and (min-width: 1200px) { .container-lg { padding-left: 40px; padding-right: 40px; } }
.container-fluid { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
@media screen and (min-width: 768px) { .container-fluid { padding-left: 30px; padding-right: 30px; } }
@media screen and (min-width: 1200px) { .container-fluid { padding-left: 120px; padding-right: 120px; } }
.container-fluid-lg { margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
@media screen and (min-width: 768px) { .container-fluid-lg { padding-left: 30px; padding-right: 30px; } }
@media screen and (min-width: 1200px) { .container-fluid-lg { padding-left: 40px; padding-right: 40px; } }
.row { display: flex; flex-wrap: nowrap; margin-left: 0; margin-right: 0; }
.col { flex: 1 1 100%; }
/** Button */
/** Buttons Creates a button. Can be used with either , or Default button Disabled state */
.btn { display: inline-block; border: 1px solid transparent; border-radius: 0; box-shadow: none; background-color: transparent; position: relative; margin: 0; padding: 0; text-align: center; letter-spacing: 1px; font-family: "PT Sans Narrow", sans-serif; text-transform: uppercase; user-select: none; vertical-align: middle; white-space: nowrap; }
.btn.disabled, .btn:disabled, .btn[disabled] { opacity: 0.5; }
.btn .icon { fill: currentColor; }
.btn .icon-chevron-right { width: 9px; height: 14px; }
.btn.arrow:after { content: ""; background: url("/themes/theme_openspace/assets/images/chevron-right.svg") no-repeat top left; margin-top: -4px; display: inline-block; margin-left: 30px; vertical-align: middle; width: 9px; height: 14px; }
.btn.map:before { content: ""; background: url("/themes/theme_openspace/assets/images/location-map.svg") no-repeat top left; margin-top: -4px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-right: 15px; }
.btn-block { display: block; width: 100%; }
.btn-flex { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; }
.btn-icon .icon { margin-left: 30px; vertical-align: middle; }
@media screen and (max-width: 767px) { .btn-icon .icon { margin-left: 10px; } }
/** Button sizes Generated from configuration @markup Small button Default button Large button */
.btn { height: 40px; line-height: 28px; padding: 6px 15px; font-size: 13px; }
.btn-lg { height: 60px; line-height: 28px; padding: 16px 15px; font-size: 14px; }
@media screen and (min-width: 768px) { .btn-lg { height: 60px; line-height: 28px; padding: 16px 25px; font-size: 14px; } }
/** Call to action button style modifier @markup Call to action button style */
.has-hover .btn-blue:hover, .has-hover .btn-blue:focus, .btn-blue:active, .has-hover .btn-blue:active, .btn-blue.active { color: #ffffff; background-color: #29688f; }
.has-hover .btn-blue:hover, .has-hover .btn-blue:hover:before, .has-hover .btn-blue:focus, .has-hover .btn-blue:focus:before, .btn-blue:active, .btn-blue:active:before, .has-hover .btn-blue:active, .has-hover .btn-blue:active:before, .btn-blue.active, .btn-blue.active:before { border-color: #29688f; }
.btn-blue, .btn-blue.disabled, .btn-blue:disabled, .btn-blue[disabled] { color: #ffffff; background-color: #5d87a1; }
.btn-blue, .btn-blue:before, .btn-blue.disabled, .btn-blue.disabled:before, .btn-blue:disabled, .btn-blue:disabled:before, .btn-blue[disabled], .btn-blue[disabled]:before { border-color: #5d87a1; }
.btn-blue.loading { color: transparent !important; }
/** Call to action button style modifier @markup Call to action button style */
.has-hover .btn-orange:hover, .has-hover .btn-orange:focus, .btn-orange:active, .has-hover .btn-orange:active, .btn-orange.active { color: #ffffff; background-color: #eeb111; }
.has-hover .btn-orange:hover, .has-hover .btn-orange:hover:before, .has-hover .btn-orange:focus, .has-hover .btn-orange:focus:before, .btn-orange:active, .btn-orange:active:before, .has-hover .btn-orange:active, .has-hover .btn-orange:active:before, .btn-orange.active, .btn-orange.active:before { border-color: #eeb111; }
.btn-orange, .btn-orange.disabled, .btn-orange:disabled, .btn-orange[disabled] { color: #ffffff; background-color: #e86d1f; }
.btn-orange, .btn-orange:before, .btn-orange.disabled, .btn-orange.disabled:before, .btn-orange:disabled, .btn-orange:disabled:before, .btn-orange[disabled], .btn-orange[disabled]:before { border-color: #e86d1f; }
.btn-orange.loading { color: transparent !important; }
/** Call to action button style modifier @markup Call to action button style */
.has-hover .btn-yellow:hover, .has-hover .btn-yellow:focus, .btn-yellow:active, .has-hover .btn-yellow:active, .btn-yellow.active { color: #ffffff; background-color: #e86d1f; }
.has-hover .btn-yellow:hover, .has-hover .btn-yellow:hover:before, .has-hover .btn-yellow:focus, .has-hover .btn-yellow:focus:before, .btn-yellow:active, .btn-yellow:active:before, .has-hover .btn-yellow:active, .has-hover .btn-yellow:active:before, .btn-yellow.active, .btn-yellow.active:before { border-color: #e86d1f; }
.btn-yellow, .btn-yellow.disabled, .btn-yellow:disabled, .btn-yellow[disabled] { color: #ffffff; background-color: #eeb111; }
.btn-yellow, .btn-yellow:before, .btn-yellow.disabled, .btn-yellow.disabled:before, .btn-yellow:disabled, .btn-yellow:disabled:before, .btn-yellow[disabled], .btn-yellow[disabled]:before { border-color: #eeb111; }
.btn-yellow.loading { color: transparent !important; }
/** Call to action button style modifier @markup Call to action button style */
.has-hover .btn-green:hover, .has-hover .btn-green:focus, .btn-green:active, .has-hover .btn-green:active, .btn-green.active { color: #ffffff; background-color: #7c8f22; }
.has-hover .btn-green:hover, .has-hover .btn-green:hover:before, .has-hover .btn-green:focus, .has-hover .btn-green:focus:before, .btn-green:active, .btn-green:active:before, .has-hover .btn-green:active, .has-hover .btn-green:active:before, .btn-green.active, .btn-green.active:before { border-color: #7c8f22; }
.btn-green, .btn-green.disabled, .btn-green:disabled, .btn-green[disabled] { color: #ffffff; background-color: #94a545; }
.btn-green, .btn-green:before, .btn-green.disabled, .btn-green.disabled:before, .btn-green:disabled, .btn-green:disabled:before, .btn-green[disabled], .btn-green[disabled]:before { border-color: #94a545; }
.btn-green.loading { color: transparent !important; }
/** Button looking like a link @markup Link button */
.form-group { display: block; margin-bottom: 35px; }
.form-horizontal .form-group { display: flex; flex-flow: row nowrap; }
.form-horizontal .form-group label { margin-bottom: 0; margin-top: 12px; }
.form-group label { margin-bottom: 10px; display: block; font-weight: normal; }
.form-group.has-error .form-control, .form-group.has-error .jq-selectbox .jq-selectbox__select { border-color: #c43c00; }
.form-group .text-small { color: #6d6e71; margin-top: 8px; padding-left: 5px; }
@media screen and (max-width: 959px) { .form-horizontal .form-group { flex-flow: column nowrap; }
.form-horizontal .form-group label { margin-bottom: 5px; margin-top: 0; } }
.form-control { display: block; width: 100%; outline: none; color: #000000; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0; transition: border-color 0.2s; }
.form-control.disabled, .form-control[disabled] { pointer-events: none; opacity: .5; }
.form-control-static { margin: 0; }
.form-control-error { color: #c43c00; margin-top: 5px; }
.form-control-error p.error { font-size: 14px !important; }
.form-control::-webkit-input-placeholder { color: #6d6e71; }
.form-control::-moz-placeholder { color: #6d6e71; }
.form-control:-ms-input-placeholder { color: #6d6e71; }
.form-control:placeholder-shown { color: #6d6e71; }
.form-control { height: 40px; line-height: 24px; padding: 7px 14px; font-size: 13px; }
.form-control-sm { height: 30px; line-height: 22px; padding: 3px 6px; font-size: 13px; }
.form-control-lg { height: 80px; line-height: 16px; padding: 30px; font-size: 26px; }
.input-group { position: relative; width: 100%; display: flex; flex-flow: row nowrap; }
.input-group .form-control { flex: 1; position: relative; z-index: 2; }
.input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group .form-control:not(:last-child), .input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group > .btn, .input-group-btn:not(:last-child) > .dropdown-toggle, .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group .form-control:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn:not(:first-child), .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.input-group-btn { vertical-align: middle; position: relative; font-size: 0; white-space: nowrap; }
.input-group-btn > .btn { position: relative; }
.has-hover .input-group-btn > .btn:hover, .has-hover .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn.active { z-index: 3; }
.input-group-btn:not(:last-child) > .btn, .input-group-btn:not(:last-child) > .btn-group { margin-right: -2px; }
.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group { z-index: 2; margin-left: -2px; }
.has-hover .input-group-btn:not(:first-child) > .btn:hover, .has-hover .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn.active, .has-hover .input-group-btn:not(:first-child) > .btn-group:hover, .has-hover .input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group.active { z-index: 3; }
.form-control-group { display: flex; flex-flow: column nowrap; background: #ffffff; /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* disabled checkbox */ }
.form-control-group > label { padding: 6px 12px; margin: 0; display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-between; }
.form-control-group > label .icon { width: 14px; min-width: 14px; height: 8px; fill: #b9b098; }
.form-control-group-item { border-top: 1px solid #f0eee9; padding: 6px 12px; display: flex; flex-flow: row nowrap; align-items: center; }
.form-control-group-item label { margin-bottom: 0; margin-left: 10px; }
.form-control-group-item.text-field { display: block; }
.form-control-group-item.text-field .input-container { display: flex; flex-flow: row nowrap; align-items: center; }
.form-control-group-item.has-error .form-control, .form-control-group-item.has-error .jq-selectbox .jq-selectbox__select { border-color: #c43c00; }
.form-control-group [type="checkbox"]:not(:checked), .form-control-group [type="checkbox"]:checked { position: absolute; left: -9999px; }
.form-control-group [type="checkbox"]:not(:checked) + label, .form-control-group [type="checkbox"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; margin-left: 0; }
.form-control-group [type="checkbox"]:not(:checked) + label:before, .form-control-group [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -7.5px; width: 15px; height: 15px; border: 2px solid #b9b199; background: #ffffff; }
.form-control-group [type="checkbox"]:not(:checked) + label:after, .form-control-group [type="checkbox"]:checked + label:after { content: ''; position: absolute; top: 50%; left: 2px; margin-top: -5.5px; width: 11px; height: 11px; background: #93a445; transition: all .2s; }
.form-control-group [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.form-control-group [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
.form-control-group [type="checkbox"]:disabled:not(:checked) + label:before, .form-control-group [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbbbbb; background-color: #dddddd; }
.form-control-group [type="checkbox"]:disabled:checked + label:after { color: #999999; }
.form-control-group [type="checkbox"]:disabled + label { color: #aaaaaa; }
.form-control-group [type="radio"]:not(:checked), .form-control-group [type="radio"]:checked { position: absolute; left: -9999px; }
.form-control-group [type="radio"]:not(:checked) + label, .form-control-group [type="radio"]:checked + label { position: relative; padding-left: 25px; cursor: pointer; margin-left: 0; }
.form-control-group [type="radio"]:not(:checked) + label:before, .form-control-group [type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -7.5px; width: 15px; height: 15px; border: 2px solid #b9b199; border-radius: 50%; background: #ffffff; }
.form-control-group [type="radio"]:not(:checked) + label:after, .form-control-group [type="radio"]:checked + label:after { content: ''; position: absolute; top: 50%; left: 2px; margin-top: -5.5px; width: 11px; height: 11px; background: #93a445; border-radius: 50%; transition: all .2s; }
.form-control-group [type="radio"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.form-control-group [type="radio"]:checked + label:after { opacity: 1; transform: scale(1); }
.form-control-group [type="radio"]:disabled:not(:checked) + label:before, .form-control-group [type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbbbbb; background-color: #dddddd; }
.form-control-group [type="radio"]:disabled:checked + label:after { color: #999999; }
.form-control-group [type="radio"]:disabled + label { color: #aaaaaa; }
/* Uploader */
.uploader-queue div.file { font-size: 11px; border: 1px solid #7F99C5; padding: 3px; background-color: #DEE7F6; margin-bottom: 2px; }
.uploader-queue .left { float: left; vertical-align: top; }
.uploader-queue .file-label { margin-left: 5px; }
.uploader-queue .preview .delete-checkbox { margin-top: -3px; }
.uploader-queue .progress-container { margin: 2px 5px 0px 5px; }
.uploader-queue .progress-empty { width: 150px; height: 9px; border: 1px solid black; background: url("/themes/theme_openspace/assets/images/uploader/progress_left.gif") repeat-x; }
.uploader-queue .progress-full { height: 9px; background: url("/themes/theme_openspace/assets/images/uploader/progress_done.gif"); }
.uploader-queue .thumbnail { /*margin-bottom: 2px;*/ border: 1px solid black; background-color: grey; }
/* Text styles */
/** Text style placeholder classname generator @see variables/_text.scss @example .class { @extend %text-style-h1; } */
body, input, textarea, select, button, .heading-with-link a, .jq-selectbox__select-text, .jq-selectbox li, .jq-file__browse, .jq-file__name, .home-page-v2 .solutions__intro p a { font-size: 15px; line-height: 1.667; }
.text-intro p { font-size: 17px; line-height: 1.7; }
small, .text-small, .hubspot-subscribe-label, .timeline .timeline-text, .timechart-text, .opportunities-item-header-content p, .info-cards-text, .volunteer-of-month-info, #search-modal form p, .preserves-page .preserves-item-text { font-size: 13px; line-height: 1.7; }
.text-lead, .excerption-text, .quote { font-size: 17px; line-height: 1.7; }
h1, .h1 { font-size: 30px; font-weight: bold; line-height: 1.1; }
h2, .h2 { font-size: 20px; font-weight: bold; line-height: 1.1; }
h3, .h3 { font-size: 20px; font-weight: bold; }
h4, .h4 { font-size: 16px; font-weight: bold; line-height: 1.2; }
h5, .h5 { font-size: 16px; font-weight: bold; }
code, kbd, pre, samp { font-size: 13px; }
.breadcrumbs-divider, .breadcrumbs-item, .breadcrumbs .login { font-size: 11px; line-height: 1; }
.header-nav-sub ul > li a { font-size: 12px; line-height: 1; letter-spacing: 0.1em; font-family: PT Sans Narrow, sans-serif; }
.header-nav-primary > ul > li > a { font-size: 14px; line-height: 1; letter-spacing: 0.1em; font-family: PT Sans Narrow, sans-serif; }
.header .search { font-size: 12px; line-height: 1; letter-spacing: 0.1em; font-family: PT Sans Narrow, sans-serif; }
.header .mobile-nav-toggle > span { font-size: 14px; line-height: 1; letter-spacing: 0.1em; font-family: PT Sans Narrow, sans-serif; }
.header-nav-primary .dropdown-menu > ul > li > a { font-size: 12px; line-height: 1.4; letter-spacing: 0.1em; font-family: PT Sans Narrow, sans-serif; }
.footer-nav nav h4, .footer-nav nav .h4 { font-size: 16px; line-height: 1; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.footer-nav nav > a { font-size: 13px; }
.footer-socials { font-size: 12px; font-family: PT Sans Narrow, sans-serif; }
.footer-ribbon { font-size: 12px; letter-spacing: 1px; font-family: PT Sans Narrow, sans-serif; }
.hero-screen .slide-custom-content h3, .hero-screen .slide-custom-content .h3, .hero-screen .slide-custom-content h4, .hero-screen .slide-custom-content .h4, .hero-screen-content-title { font-size: 22px; line-height: 1; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.hero-screen-title p { font-size: 16px; line-height: 1.583; font-family: PT Sans Narrow, sans-serif; letter-spacing: 1px; }
.hero-screen-title nav a { font-size: 14px; font-family: PT Sans Narrow, sans-serif; }
.hero-screen-content-temperature { font-size: 18px; line-height: 1; font-family: PT Sans Narrow, sans-serif; font-weight: normal; }
.hero-screen-content-preserve-open, .hero-screen-content-preserve-type, .hero-screen-content-preserve-links ul li a, .hero-screen-content-preserve-links ul li span, .master-plan .home-hero .hero-screen-content-preserve-links li a { font-size: 16px; font-family: PT Sans Narrow, sans-serif; }
.home-page .wizard-type-item-title { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page .wizard-type-item-levels p { font-size: 15px; font-style: italic; }
.home-page .wizard-type-item-levels ul li a { font-size: 24px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page .wizard-trails-header-title { font-size: 30px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.3; }
.home-page .wizard-trails-info-item-details-label, .home-page .wizard-trails-info-item-details-value { font-size: 15px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page .wizard-trails-info-item p { font-size: 13px; }
.navigation-link, .volunteer-thank-you-block a.back-link, .home-page .wizard-back { font-size: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.trails-list li a, .home-page .wizard-trails-info-item-header { font-size: 15px; }
.trails-list li a span, .trail-maps-preserve-number span, .home-page .wizard-trails-info-item-header-icon span { font-size: 15px; font-family: PT Sans Narrow, sans-serif; }
.events-list .event-date-day { font-size: 30px; line-height: 1; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.events-list .event-date-month { font-size: 30px; line-height: 1; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.events-list .event-date-year { font-size: 15px; line-height: 1.5; font-family: PT Sans Narrow, sans-serif; }
.events-list .event-title { font-size: 22px; line-height: 1.4; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.03em; }
.events-list .event-preserve { font-size: 14px; font-family: PT Sans Narrow, sans-serif; letter-spacing: 0.04em; }
.events-list .event:first-child .event-date-day { font-size: 30px; line-height: 1; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.events-list .event:first-child .event-date-month { font-size: 30px; line-height: 1; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.events-list .event:first-child .event-date-year { font-size: 15px; line-height: 1.5; font-family: PT Sans Narrow, sans-serif; }
.events-list .event:first-child .event-title { font-size: 22px; line-height: 1.4; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.03em; }
.events-list .event:first-child .event-preserve { font-size: 14px; font-family: PT Sans Narrow, sans-serif; letter-spacing: 0.04em; }
.success-stories-columns .success-stories-list-all, .home-page .events-all, .preserve-page .events-all { font-size: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.layout-tiles .tile-header { font-size: 30px; font-family: PT Sans Narrow, sans-serif; line-height: 1.1; font-weight: bold; letter-spacing: 1px; }
.layout-tiles .tile-sub-header { font-size: 13px; font-style: italic; }
.home-page .our-mission .initiatives-item a { font-size: 15px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 1px; }
.hint { font-size: 15px; font-style: italic; }
.pagination-item { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.profile-name, .profile-bio-name { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.profile-content, .profile-bio-content, .master-plan .contact form p, .community-engagement-page .contact form p { font-size: 14px; line-height: 1.7; }
.figures .figure-title { font-size: 45px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.figures .figure-descr { font-size: 12px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.2; letter-spacing: 1px; }
.directions-content p, .directions-list ul li span { font-size: 18px; font-family: PT Sans Narrow, sans-serif; line-height: 1.222; }
.directions-list ul li { font-size: 15px; line-height: 1.667; }
.numbered-list li:before, .images-grid .num-block .counter { font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.numbered-list.text-small li:before { line-height: 1.6; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.nav-tabs .nav-link { font-size: 14px; line-height: 1.429; font-family: PT Sans Narrow, sans-serif; }
.trail-maps-features-list li .map-icon { font-size: 15px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.trail-maps-features-list li, .trail-maps-preserve-link a, .trail-maps-preserve-description p { font-size: 13px; }
.trail-maps-preserve-title { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.facts-item-header { font-size: 15px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.facts-item-content p { font-size: 15px; }
.label { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.5; }
.conditions-list-updated { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.text-intro .text-intro-heading-small { font-size: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.04em; }
.success-stories-columns .success-stories-list .success-story a, .year-review-page .projects .projects-list .project-item a { font-size: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.04em; }
.success-story-page .success-story-split-panels .split-panel-facts-item h2, .success-story-page .success-story-split-panels .split-panel-facts-item .h2 { font-size: 40px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.1; }
.volunteer-of-month-facts-item > p, .success-story-page .success-story-split-panels .split-panel-facts-item p { font-size: 12px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.3; }
.success-story-page .success-story-split-panels .project-subscribe p { font-size: 13px; }
.hub-page-navigation-item-title { font-size: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.04em; line-height: 1.2; }
.hub-page-navigation-item-title-big { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.04em; }
.hub-page-navigation-item-icon-number { font-size: 18px; font-family: PT Sans Narrow, sans-serif; line-height: 1; }
.volunteer-of-month-facts-item h2.volunteer-of-month-facts-item-number, .volunteer-of-month-facts-item .volunteer-of-month-facts-item-number.h2 { font-size: 60px; }
.workshops-item-title, .workshops-item-online { font-size: 20px; font-family: PT Sans Narrow, sans-serif; line-height: 1.2; }
.timeline .timeline-date { font-size: 20px; font-family: PT Sans Narrow, sans-serif; line-height: 1.3; }
.timechart-date { font-size: 20px; font-family: PT Sans Narrow, sans-serif; line-height: 1.3; font-weight: bold; }
.sitemap .sitemap-navigation a { font-size: 18px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.sitemap .sitemap-navigation ul a { font-size: 14px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.5; }
.datetime .date-day { font-size: 48px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.datetime .date-month { font-size: 26px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.datetime .date-year { font-size: 12px; font-family: PT Sans Narrow, sans-serif; line-height: 1; }
.datetime .time-format { font-size: 15px; font-family: PT Sans Narrow, sans-serif; line-height: 1.4; }
.datetime .time-hours { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.committee-title { font-size: 18px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.4; }
.committee-name, .committee-available { font-size: 15px; }
.agenda-packets-item .agenda-packets-special { font-size: 24px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.facts-and-accomplishments-item p { font-size: 14px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.4; }
.layout-panels-2-1 ul li a { font-size: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.warning-title { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.2; }
.warning-actions a { font-size: 14px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.hubspot-subscribe form .hs-input { font-size: 13px; }
.hubspot-subscribe form .hs-button { font-size: 14px; font-family: PT Sans Narrow, sans-serif; letter-spacing: 1px; }
.get-involved-page .get-involved-as p { font-size: 15px; }
.get-involved-page .get-involved-as-tabs a { font-size: 14px; font-family: PT Sans Narrow, sans-serif; }
.get-involved-page .get-involved form .fieldset-title, .get-involved-page .get-involved form p:not(.text-small), .get-involved-page .get-involved form label { font-size: 15px; line-height: 1.3; }
.form-group .text-small, .form-control-error { font-size: 14px; line-height: 1.3; }
.mobile-nav-preserves a, .mobile-nav-primary .dropdown-menu a, .mobile-nav-sub a { font-size: 18px; font-family: PT Sans Narrow, sans-serif; letter-spacing: 1px; }
.mobile-nav-primary a { font-size: 20px; font-family: PT Sans Narrow, sans-serif; letter-spacing: 1px; }
.small-panel-header h4, .small-panel-header .h4 { font-size: 20px; }
.small-panel-content { font-size: 15px; }
.info-cards-name { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.info-cards-acquired { font-size: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.info-cards-area { font-size: 14px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.info-cards-area span { font-size: 40px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.excerption-quote-before, .excerption-quote-after, .quote:before, .quote:after { font-size: 30px; line-height: 1; }
.recommendations-number { font-size: 40px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.recommendations-text { font-size: 15px; }
.images-grid-header h4 span, .images-grid-header .h4 span { font-size: 40px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1; }
.meetings-item-date { font-size: 15px; font-family: PT Sans Narrow, sans-serif; }
.meetings-item-title { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.preserves-page .preserves-item-title { font-size: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; line-height: 1.2; }
.preserves-page .preserves-item-number { font-size: 15px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .notifications__item__title, .master-plan .notifications__item__title { font-size: 18px; line-height: 22px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; text-transform: uppercase; }
.home-page-v2 .notifications__item__date, .master-plan .notifications__item__date { font-size: 14px; line-height: 26px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .solutions__intro p { font-size: 17px; line-height: 30px; }
.home-page-v2 .solutions__item__title { font-size: 16px; line-height: 16px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .solutions__item__detailed .text h3, .home-page-v2 .solutions__item__detailed .text .h3 { font-size: 18px; line-height: 22px; }
.home-page-v2 .solutions__item__detailed .text p { font-size: 15px; line-height: 22px; }
.home-page-v2 .responsibilities__item__title { font-size: 18px; line-height: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .responsibilities__item__detailed h3, .home-page-v2 .responsibilities__item__detailed .h3 { font-size: 18px; line-height: 22px; }
.home-page-v2 .initiatives__item__progress { font-size: 30px; line-height: 48px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .initiatives__item__title { font-size: 16px; line-height: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.045em; text-transform: uppercase; }
.home-page-v2 .investments__item__title, .master-plan .investments__item__title, .our-work-page .investments__item__title { font-size: 18px; line-height: 22px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; text-transform: uppercase; }
.home-page-v2 .involved__item__number, .master-plan .involved__item__number, .our-work-page .involved__item__number { font-size: 40px; line-height: 52px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .involved__item__title, .master-plan .involved__item__title, .our-work-page .involved__item__title { font-size: 20px; line-height: 28px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .work__item__title, .our-work-page .work__item__title { font-size: 16px; line-height: 20px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; text-transform: uppercase; }
.home-page-v2 .work__item__cover__detailed__title, .our-work-page .work__item__cover__detailed__title { font-size: 20px; line-height: 34px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .testimonials__item__name, .master-plan .testimonials__item__name, .community-engagement-page .testimonials__item__name { font-size: 27px; line-height: 30px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; }
.home-page-v2 .testimonials__item__post, .master-plan .testimonials__item__post, .community-engagement-page .testimonials__item__post { font-size: 14px; line-height: 30px; }
.home-page-v2 .testimonials__item__text, .master-plan .testimonials__item__text, .community-engagement-page .testimonials__item__text { font-size: 17px; line-height: 30px; }
.home-page-v2 .testimonials__item__text p:after, .home-page-v2 .testimonials__item__text p:before, .master-plan .testimonials__item__text p:after, .master-plan .testimonials__item__text p:before, .community-engagement-page .testimonials__item__text p:after, .community-engagement-page .testimonials__item__text p:before { font-size: 50px; line-height: 52px; }
.timeline-v2 .timeline-text { font-size: 18px; line-height: 22px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; text-transform: uppercase; }
.timeline-v2 .timeline-date { font-size: 17px; line-height: 25px; }
.conservation-projects .hub-page-navigation-item.conservation-projects__main .hub-page-navigation-item-title { font-size: 30px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.04em; }
.image-tiles .image-tile__title, .conservation-projects .hub-page-navigation-item .hub-page-navigation-item-title { font-size: 30px; line-height: 36px; font-family: PT Sans Narrow, sans-serif; font-weight: bold; letter-spacing: 0.04em; }
@media screen and (min-width: 768px) { .text-intro p { font-size: 20px; line-height: 1.5; }
small, .text-small, .hubspot-subscribe-label, .timeline .timeline-text, .timechart-text, .opportunities-item-header-content p, .info-cards-text, .volunteer-of-month-info, #search-modal form p, .preserves-page .preserves-item-text { font-size: 15px; }
.text-lead, .excerption-text, .quote { font-size: 20px; line-height: 1.5; }
h1, .h1 { font-size: 40px; }
h2, .h2 { font-size: 35px; }
h3, .h3 { font-size: 26px; }
h4, .h4 { font-size: 20px; }
.breadcrumbs-divider, .breadcrumbs-item, .breadcrumbs .login { line-height: 1.8; }
.header .mobile-nav-toggle > span { font-size: 17px; }
.hero-screen .slide-custom-content h3, .hero-screen .slide-custom-content .h3, .hero-screen .slide-custom-content h4, .hero-screen .slide-custom-content .h4, .hero-screen-content-title { font-size: 28px; }
.hero-screen-title nav a { font-size: 20px; }
.hero-screen-content-temperature { font-size: 28px; }
.hero-screen-content-preserve-open, .hero-screen-content-preserve-type, .hero-screen-content-preserve-links ul li a, .hero-screen-content-preserve-links ul li span, .master-plan .home-hero .hero-screen-content-preserve-links li a { font-size: 18px; }
.home-page .wizard-type-item-title { font-size: 16px; }
.home-page .wizard-type-item-levels ul li a { font-size: 20px; }
.home-page .wizard-trails-header-title { font-size: 35px; }
.events-list .event:first-child .event-date-day { font-size: 60px; }
.events-list .event:first-child .event-date-month { font-size: 26px; }
.events-list .event:first-child .event-date-year { font-size: 12px; line-height: 1; }
.events-list .event:first-child .event-title { font-size: 26px; }
.events-list .event:first-child .event-preserve { font-size: 15px; }
.home-page .our-mission .initiatives-item a { font-size: 16px; }
.profile-name, .profile-bio-name { font-size: 26px; }
.figures .figure-title { line-height: 1.7; }
.success-stories-columns .success-stories-list .success-story a, .year-review-page .projects .projects-list .project-item a { font-size: 20px; }
.workshops-item-title, .workshops-item-online { line-height: 1.7; }
.timechart-date { font-size: 26px; }
.sitemap .sitemap-navigation a { font-size: 25px; }
.sitemap .sitemap-navigation ul a { font-size: 16px; }
.datetime .date-day { font-size: 60px; }
.datetime .time-hours { font-size: 26px; }
.committee-title { font-size: 20px; }
.agenda-packets-item .agenda-packets-special { font-size: 26px; }
.warning-title { line-height: 1.7; }
.get-involved-page .get-involved-as p { font-size: 18px; }
.get-involved-page .get-involved-as-tabs a { font-size: 16px; }
.get-involved-page .get-involved form .fieldset-title, .get-involved-page .get-involved form p:not(.text-small), .get-involved-page .get-involved form label { font-size: 18px; }
.info-cards-area span { font-size: 60px; }
.excerption-quote-before, .excerption-quote-after, .quote:before, .quote:after { font-size: 36px; }
.meetings-item-date { font-size: 20px; }
.meetings-item-title { font-size: 26px; }
.home-page-v2 .responsibilities__item__title { font-size: 26px; line-height: 32px; }
.home-page-v2 .involved__item__title, .master-plan .involved__item__title, .our-work-page .involved__item__title { font-size: 21px; line-height: 28px; }
.home-page-v2 .work__item__cover__detailed__title, .our-work-page .work__item__cover__detailed__title { font-size: 26px; line-height: 40px; }
.home-page-v2 .testimonials__item__text, .master-plan .testimonials__item__text, .community-engagement-page .testimonials__item__text { font-size: 24px; line-height: 36px; } }
@media screen and (min-width: 960px) { body, input, textarea, select, button, .heading-with-link a, .jq-selectbox__select-text, .jq-selectbox li, .jq-file__browse, .jq-file__name, .home-page-v2 .solutions__intro p a { font-size: 17px; line-height: 1.765; }
.text-intro p { font-size: 24px; }
.text-lead, .excerption-text, .quote { font-size: 24px; }
h1, .h1 { font-size: 70px; }
h2, .h2 { font-size: 40px; }
.hero-screen .slide-custom-content h3, .hero-screen .slide-custom-content .h3, .hero-screen .slide-custom-content h4, .hero-screen .slide-custom-content .h4, .hero-screen-content-title { font-size: 40px; }
.hero-screen-title p { font-size: 24px; }
.hero-screen-content-temperature { font-size: 30px; }
.hero-screen-content-preserve-open, .hero-screen-content-preserve-type, .hero-screen-content-preserve-links ul li a, .hero-screen-content-preserve-links ul li span, .master-plan .home-hero .hero-screen-content-preserve-links li a { font-size: 20px; }
.home-page .wizard-type-item-levels ul li a { font-size: 24px; }
.home-page .wizard-trails-header-title { font-size: 40px; }
.events-list .event-date-day { font-size: 60px; }
.events-list .event-date-month { font-size: 26px; }
.events-list .event-date-year { font-size: 12px; line-height: 1; }
.events-list .event-title { font-size: 26px; }
.events-list .event-preserve { font-size: 15px; }
.layout-tiles .tile-header { font-size: 40px; }
.layout-tiles .tile-sub-header { font-size: 15px; }
.figures .figure-title { font-size: 60px; }
.hub-page-navigation-item-title { font-size: 20px; }
.hub-page-navigation-item-title-big { font-size: 30px; }
.facts-and-accomplishments-item p { font-size: 15px; }
.excerption-quote-before, .excerption-quote-after, .quote:before, .quote:after { font-size: 48px; }
.home-page-v2 .notifications__item__title, .master-plan .notifications__item__title { line-height: 28px; }
.home-page-v2 .solutions__intro p { font-size: 24px; line-height: 36px; }
.home-page-v2 .solutions__item__detailed .text h3, .home-page-v2 .solutions__item__detailed .text .h3 { font-size: 26px; line-height: 32px; }
.home-page-v2 .solutions__item__detailed .text p { font-size: 17px; line-height: 24px; }
.home-page-v2 .responsibilities__item__detailed h3, .home-page-v2 .responsibilities__item__detailed .h3 { font-size: 26px; line-height: 32px; }
.home-page-v2 .initiatives__item__progress { font-size: 40px; line-height: 48px; }
.home-page-v2 .initiatives__item__title { font-size: 18px; line-height: 24px; }
.home-page-v2 .involved__item__title, .master-plan .involved__item__title, .our-work-page .involved__item__title { font-size: 24px; line-height: 32px; }
.home-page-v2 .work__item__title, .our-work-page .work__item__title { font-size: 18px; line-height: 28px; }
.conservation-projects .hub-page-navigation-item.conservation-projects__main .hub-page-navigation-item-title { font-size: 40px; } }
/** Default text and font styles @markup Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Paragraph text
Small paragraph text
*/
body, input, textarea, select, button { font-family: "Merriweather", sans-serif; font-kerning: normal; color: #000000; }
/* Headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .text-heading { color: #000000; font-family: "PT Sans Narrow", sans-serif; text-transform: uppercase; }
/* Margins and paddings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, hr, p, blockquote, table, hr, iframe, object, pre { margin-top: 0.8rem; margin-bottom: 0.8rem; }
h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, hr:first-child, p:first-child, blockquote:first-child, table:first-child, hr:first-child, iframe:first-child, object:first-child, pre:first-child { margin-top: 0; }
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, hr:last-child, p:last-child, blockquote:last-child, table:last-child, hr:last-child, iframe:last-child, object:last-child, pre:last-child { margin-bottom: 0; }
@media screen and (min-width: 768px) { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, hr, p, blockquote, table, hr, iframe, object, pre { margin-top: 1rem; margin-bottom: 1rem; }
h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, hr:first-child, p:first-child, blockquote:first-child, table:first-child, hr:first-child, iframe:first-child, object:first-child, pre:first-child { margin-top: 0; }
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, hr:last-child, p:last-child, blockquote:last-child, table:last-child, hr:last-child, iframe:last-child, object:last-child, pre:last-child { margin-bottom: 0; } }
@media screen and (min-width: 1200px) { h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, hr, p, blockquote, table, hr, iframe, object, pre { margin-top: 1.5rem; margin-bottom: 1.5rem; }
h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, hr:first-child, p:first-child, blockquote:first-child, table:first-child, hr:first-child, iframe:first-child, object:first-child, pre:first-child { margin-top: 0; }
h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, hr:last-child, p:last-child, blockquote:last-child, table:last-child, hr:last-child, iframe:last-child, object:last-child, pre:last-child { margin-bottom: 0; } }
/* Default link @markup Standard link */
/** Link themes and decoration style placeholder classname generator @see variables/_colors.scss @example a { @extend %link-style-default; @extend %link-decoration-default; } nav a { @extend %link-style-default; @extend %link-decoration-none; } */
a { text-decoration: none; }
.has-hover a:hover { text-decoration: none; }
a:active, a.active { text-decoration: none; }
.btn, .layout-panels-2-1 ul li a { text-decoration: none; }
.has-hover .btn:hover, .has-hover .layout-panels-2-1 ul li a:hover, .layout-panels-2-1 ul li .has-hover a:hover { text-decoration: none; }
.btn:active, .layout-panels-2-1 ul li a:active, .active.btn, .layout-panels-2-1 ul li a.active { text-decoration: none; }
.breadcrumbs a, .meetings-item-title a, .layout-split-raised-panels .split-panel:first-child a:not(.btn), .layout-split-panels .split-panel a:not(.btn), .layout-split-panels-2-1 .split-panel a:not(.btn), .trail-maps-preserve-link a, #search-modal form p a, .year-review-page .year-review-review .review-text a[data-toggle="collapse"], .year-review-page .initiatives .split-panel a[data-toggle="collapse"], .urban-success-stories-page .urban-success-stories-intro-more a { text-decoration: underline; }
.has-hover .breadcrumbs a:hover, .breadcrumbs .has-hover a:hover, .has-hover .meetings-item-title a:hover, .meetings-item-title .has-hover a:hover, .has-hover .layout-split-raised-panels .split-panel:first-child a:hover:not(.btn), .layout-split-raised-panels .split-panel:first-child .has-hover a:hover:not(.btn), .has-hover .layout-split-panels .split-panel a:hover:not(.btn), .layout-split-panels .split-panel .has-hover a:hover:not(.btn), .has-hover .layout-split-panels-2-1 .split-panel a:hover:not(.btn), .layout-split-panels-2-1 .split-panel .has-hover a:hover:not(.btn), .has-hover .trail-maps-preserve-link a:hover, .trail-maps-preserve-link .has-hover a:hover, .has-hover #search-modal form p a:hover, #search-modal form p .has-hover a:hover, .has-hover .year-review-page .year-review-review .review-text a[data-toggle="collapse"]:hover, .year-review-page .year-review-review .review-text .has-hover a[data-toggle="collapse"]:hover, .has-hover .year-review-page .initiatives .split-panel a[data-toggle="collapse"]:hover, .year-review-page .initiatives .split-panel .has-hover a[data-toggle="collapse"]:hover, .has-hover .urban-success-stories-page .urban-success-stories-intro-more a:hover, .urban-success-stories-page .urban-success-stories-intro-more .has-hover a:hover { text-decoration: underline; }
.breadcrumbs a:active, .meetings-item-title a:active, .layout-split-raised-panels .split-panel:first-child a:active:not(.btn), .layout-split-panels .split-panel a:active:not(.btn), .layout-split-panels-2-1 .split-panel a:active:not(.btn), .trail-maps-preserve-link a:active, #search-modal form p a:active, .year-review-page .year-review-review .review-text a[data-toggle="collapse"]:active, .year-review-page .initiatives .split-panel a[data-toggle="collapse"]:active, .urban-success-stories-page .urban-success-stories-intro-more a:active, .breadcrumbs a.active, .meetings-item-title a.active, .layout-split-raised-panels .split-panel:first-child a.active:not(.btn), .layout-split-panels .split-panel a.active:not(.btn), .layout-split-panels-2-1 .split-panel a.active:not(.btn), .trail-maps-preserve-link a.active, #search-modal form p a.active, .year-review-page .year-review-review .review-text a.active[data-toggle="collapse"], .year-review-page .initiatives .split-panel a.active[data-toggle="collapse"], .urban-success-stories-page .urban-success-stories-intro-more a.active { text-decoration: underline; }
a, .across-panel-blue .split-panel a, .across-panel-orange .split-panel a, .across-panel-yellow .split-panel a, .across-panel-green .split-panel a { color: #5d87a1; }
.has-hover a:hover { color: #e86d1f; }
a:focus, .across-panel-blue .split-panel a:focus, .across-panel-orange .split-panel a:focus, .across-panel-yellow .split-panel a:focus, .across-panel-green .split-panel a:focus { color: #e86d1f; }
a:active, .across-panel-blue .split-panel a:active, .across-panel-orange .split-panel a:active, .across-panel-yellow .split-panel a:active, .across-panel-green .split-panel a:active, a.active, .across-panel-blue .split-panel a.active, .across-panel-orange .split-panel a.active, .across-panel-yellow .split-panel a.active, .across-panel-green .split-panel a.active { color: #eeb111; }
.nav-panels .nav-panel a, .layout-tiles .tile a, .layout-split-panels .split-panel .split-panel-more, .success-stories-columns .success-stories-list .success-story a, .home-page-v2 .involved__item a, .year-review-page .projects .projects-list .project-item a, .year-review-page .projects .projects-info-list .project-info .close, .master-plan .involved__item a, .our-work-page .involved__item a { color: #ffffff; }
.has-hover .nav-panels .nav-panel a:hover, .nav-panels .nav-panel .has-hover a:hover, .has-hover .layout-tiles .tile a:hover, .layout-tiles .tile .has-hover a:hover, .has-hover .layout-split-panels .split-panel .split-panel-more:hover, .layout-split-panels .split-panel .has-hover .split-panel-more:hover, .has-hover .success-stories-columns .success-stories-list .success-story a:hover, .success-stories-columns .success-stories-list .success-story .has-hover a:hover, .has-hover .home-page-v2 .involved__item a:hover, .home-page-v2 .involved__item .has-hover a:hover, .has-hover .year-review-page .projects .projects-list .project-item a:hover, .year-review-page .projects .projects-list .project-item .has-hover a:hover, .has-hover .year-review-page .projects .projects-info-list .project-info .close:hover, .year-review-page .projects .projects-info-list .project-info .has-hover .close:hover, .has-hover .master-plan .involved__item a:hover, .master-plan .involved__item .has-hover a:hover, .has-hover .our-work-page .involved__item a:hover, .our-work-page .involved__item .has-hover a:hover { color: #ffffff; }
.nav-panels .nav-panel a:focus, .layout-tiles .tile a:focus, .layout-split-panels .split-panel .split-panel-more:focus, .success-stories-columns .success-stories-list .success-story a:focus, .home-page-v2 .involved__item a:focus, .year-review-page .projects .projects-list .project-item a:focus, .year-review-page .projects .projects-info-list .project-info .close:focus, .master-plan .involved__item a:focus, .our-work-page .involved__item a:focus { color: #ffffff; }
.nav-panels .nav-panel a:active, .layout-tiles .tile a:active, .layout-split-panels .split-panel .split-panel-more:active, .success-stories-columns .success-stories-list .success-story a:active, .home-page-v2 .involved__item a:active, .year-review-page .projects .projects-list .project-item a:active, .year-review-page .projects .projects-info-list .project-info .close:active, .master-plan .involved__item a:active, .our-work-page .involved__item a:active, .nav-panels .nav-panel a.active, .layout-tiles .tile a.active, .layout-split-panels .split-panel .active.split-panel-more, .success-stories-columns .success-stories-list .success-story a.active, .home-page-v2 .involved__item a.active, .year-review-page .projects .projects-list .project-item a.active, .year-review-page .projects .projects-info-list .project-info .active.close, .master-plan .involved__item a.active, .our-work-page .involved__item a.active { color: #ffffff; }
.urban-success-stories-page .urban-success-stories-filters-item .dropdown > a, .urban-success-stories-page .urban-success-stories-download a, .urban-success-stories-page .mobile-filters .urban-success-stories-mobile-filters-item .mobile-filters-dropdown-toggle { color: #000000; }
.has-hover .urban-success-stories-page .urban-success-stories-filters-item .dropdown > a:hover, .urban-success-stories-page .urban-success-stories-filters-item .has-hover .dropdown > a:hover, .has-hover .urban-success-stories-page .urban-success-stories-download a:hover, .urban-success-stories-page .urban-success-stories-download .has-hover a:hover, .has-hover .urban-success-stories-page .mobile-filters .urban-success-stories-mobile-filters-item .mobile-filters-dropdown-toggle:hover, .urban-success-stories-page .mobile-filters .urban-success-stories-mobile-filters-item .has-hover .mobile-filters-dropdown-toggle:hover { color: #e86d1f; }
.urban-success-stories-page .urban-success-stories-filters-item .dropdown > a:focus, .urban-success-stories-page .urban-success-stories-download a:focus, .urban-success-stories-page .mobile-filters .urban-success-stories-mobile-filters-item .mobile-filters-dropdown-toggle:focus { color: #e86d1f; }
.urban-success-stories-page .urban-success-stories-filters-item .dropdown > a:active, .urban-success-stories-page .urban-success-stories-download a:active, .urban-success-stories-page .mobile-filters .urban-success-stories-mobile-filters-item .mobile-filters-dropdown-toggle:active, .urban-success-stories-page .urban-success-stories-filters-item .dropdown > a.active, .urban-success-stories-page .urban-success-stories-download a.active, .urban-success-stories-page .mobile-filters .urban-success-stories-mobile-filters-item .active.mobile-filters-dropdown-toggle { color: #e86d1f; }
.footer-nav nav h4 a, .footer-nav nav .h4 a { color: #eeb111; }
.has-hover .footer-nav nav h4 a:hover, .footer-nav nav h4 .has-hover a:hover, .has-hover .footer-nav nav .h4 a:hover, .footer-nav nav .h4 .has-hover a:hover { color: #e86d1f; }
.footer-nav nav h4 a:focus, .footer-nav nav .h4 a:focus { color: #e86d1f; }
.footer-nav nav h4 a:active, .footer-nav nav .h4 a:active, .footer-nav nav h4 a.active, .footer-nav nav .h4 a.active { color: #eeb111; }
.header-nav-primary > ul > li > a { color: #ffffff; }
.has-hover .header-nav-primary > ul > li > a:hover { color: #e86d1f; }
.header-nav-primary > ul > li > a:focus { color: #e86d1f; }
.header-nav-primary > ul > li > a:active, .header-nav-primary > ul > li > a.active { color: #94a545; }
.footer-nav nav > a, .footer-socials a, .footer-ribbon a { color: #ffffff; }
.has-hover .footer-nav nav > a:hover, .footer-nav .has-hover nav > a:hover, .has-hover .footer-socials a:hover, .footer-socials .has-hover a:hover, .has-hover .footer-ribbon a:hover, .footer-ribbon .has-hover a:hover { color: #e86d1f; }
.footer-nav nav > a:focus, .footer-socials a:focus, .footer-ribbon a:focus { color: #e86d1f; }
.footer-nav nav > a:active, .footer-socials a:active, .footer-ribbon a:active, .footer-nav nav > a.active, .footer-socials a.active, .footer-ribbon a.active { color: #eeb111; }
.inner-page-hero .breadcrumbs a, .across-panel .file-link, .split-panel .file-link, .across-panel .icon-link, .split-panel.split-panel-blue .icon-link, .split-panel.split-panel-orange .icon-link, .split-panel.split-panel-yellow .icon-link, .split-panel.split-panel-green .icon-link, .across-panel .shortcut-link, .split-panel .shortcut-link, .layout-split-raised-panels .split-panel:first-child a:not(.btn), .layout-split-panels .split-panel a:not(.btn), .layout-split-panels-2-1 .split-panel a:not(.btn), .across-panel a, .across-panel-blue .split-panel.split-panel-blue a, .across-panel-blue .split-panel.split-panel-orange a, .across-panel-blue .split-panel.split-panel-yellow a, .across-panel-blue .split-panel.split-panel-green a, .across-panel-orange .split-panel.split-panel-blue a, .across-panel-orange .split-panel.split-panel-orange a, .across-panel-orange .split-panel.split-panel-yellow a, .across-panel-orange .split-panel.split-panel-green a, .across-panel-yellow .split-panel.split-panel-blue a, .across-panel-yellow .split-panel.split-panel-orange a, .across-panel-yellow .split-panel.split-panel-yellow a, .across-panel-yellow .split-panel.split-panel-green a, .across-panel-green .split-panel.split-panel-blue a, .across-panel-green .split-panel.split-panel-orange a, .across-panel-green .split-panel.split-panel-yellow a, .across-panel-green .split-panel.split-panel-green a, .mobile-nav-preserves a { color: #ffffff; }
.has-hover .inner-page-hero .breadcrumbs a:hover, .inner-page-hero .breadcrumbs .has-hover a:hover, .has-hover .across-panel .file-link:hover, .across-panel .has-hover .file-link:hover, .has-hover .split-panel .file-link:hover, .split-panel .has-hover .file-link:hover, .has-hover .across-panel .icon-link:hover, .across-panel .has-hover .icon-link:hover, .has-hover .split-panel.split-panel-blue .icon-link:hover, .split-panel.split-panel-blue .has-hover .icon-link:hover, .has-hover .split-panel.split-panel-orange .icon-link:hover, .split-panel.split-panel-orange .has-hover .icon-link:hover, .has-hover .split-panel.split-panel-yellow .icon-link:hover, .split-panel.split-panel-yellow .has-hover .icon-link:hover, .has-hover .split-panel.split-panel-green .icon-link:hover, .split-panel.split-panel-green .has-hover .icon-link:hover, .has-hover .across-panel .shortcut-link:hover, .across-panel .has-hover .shortcut-link:hover, .has-hover .split-panel .shortcut-link:hover, .split-panel .has-hover .shortcut-link:hover, .has-hover .layout-split-raised-panels .split-panel:first-child a:hover:not(.btn), .layout-split-raised-panels .split-panel:first-child .has-hover a:hover:not(.btn), .has-hover .layout-split-panels .split-panel a:hover:not(.btn), .layout-split-panels .split-panel .has-hover a:hover:not(.btn), .has-hover .layout-split-panels-2-1 .split-panel a:hover:not(.btn), .layout-split-panels-2-1 .split-panel .has-hover a:hover:not(.btn), .has-hover .across-panel a:hover, .across-panel .has-hover a:hover, .has-hover .across-panel-blue .split-panel.split-panel-blue a:hover, .across-panel-blue .split-panel.split-panel-blue .has-hover a:hover, .has-hover .across-panel-blue .split-panel.split-panel-orange a:hover, .across-panel-blue .split-panel.split-panel-orange .has-hover a:hover, .has-hover .across-panel-blue .split-panel.split-panel-yellow a:hover, .across-panel-blue .split-panel.split-panel-yellow .has-hover a:hover, .has-hover .across-panel-blue .split-panel.split-panel-green a:hover, .across-panel-blue .split-panel.split-panel-green .has-hover a:hover, .has-hover .across-panel-orange .split-panel.split-panel-blue a:hover, .across-panel-orange .split-panel.split-panel-blue .has-hover a:hover, .has-hover .across-panel-orange .split-panel.split-panel-orange a:hover, .across-panel-orange .split-panel.split-panel-orange .has-hover a:hover, .has-hover .across-panel-orange .split-panel.split-panel-yellow a:hover, .across-panel-orange .split-panel.split-panel-yellow .has-hover a:hover, .has-hover .across-panel-orange .split-panel.split-panel-green a:hover, .across-panel-orange .split-panel.split-panel-green .has-hover a:hover, .has-hover .across-panel-yellow .split-panel.split-panel-blue a:hover, .across-panel-yellow .split-panel.split-panel-blue .has-hover a:hover, .has-hover .across-panel-yellow .split-panel.split-panel-orange a:hover, .across-panel-yellow .split-panel.split-panel-orange .has-hover a:hover, .has-hover .across-panel-yellow .split-panel.split-panel-yellow a:hover, .across-panel-yellow .split-panel.split-panel-yellow .has-hover a:hover, .has-hover .across-panel-yellow .split-panel.split-panel-green a:hover, .across-panel-yellow .split-panel.split-panel-green .has-hover a:hover, .has-hover .across-panel-green .split-panel.split-panel-blue a:hover, .across-panel-green .split-panel.split-panel-blue .has-hover a:hover, .has-hover .across-panel-green .split-panel.split-panel-orange a:hover, .across-panel-green .split-panel.split-panel-orange .has-hover a:hover, .has-hover .across-panel-green .split-panel.split-panel-yellow a:hover, .across-panel-green .split-panel.split-panel-yellow .has-hover a:hover, .has-hover .across-panel-green .split-panel.split-panel-green a:hover, .across-panel-green .split-panel.split-panel-green .has-hover a:hover, .has-hover .mobile-nav-preserves a:hover, .mobile-nav-preserves .has-hover a:hover { color: rgba(255, 255, 255, 0.6); }
.inner-page-hero .breadcrumbs a:focus, .across-panel .file-link:focus, .split-panel .file-link:focus, .across-panel .icon-link:focus, .split-panel.split-panel-blue .icon-link:focus, .split-panel.split-panel-orange .icon-link:focus, .split-panel.split-panel-yellow .icon-link:focus, .split-panel.split-panel-green .icon-link:focus, .across-panel .shortcut-link:focus, .split-panel .shortcut-link:focus, .layout-split-raised-panels .split-panel:first-child a:focus:not(.btn), .layout-split-panels .split-panel a:focus:not(.btn), .layout-split-panels-2-1 .split-panel a:focus:not(.btn), .across-panel a:focus, .across-panel-blue .split-panel.split-panel-blue a:focus, .across-panel-blue .split-panel.split-panel-orange a:focus, .across-panel-blue .split-panel.split-panel-yellow a:focus, .across-panel-blue .split-panel.split-panel-green a:focus, .across-panel-orange .split-panel.split-panel-blue a:focus, .across-panel-orange .split-panel.split-panel-orange a:focus, .across-panel-orange .split-panel.split-panel-yellow a:focus, .across-panel-orange .split-panel.split-panel-green a:focus, .across-panel-yellow .split-panel.split-panel-blue a:focus, .across-panel-yellow .split-panel.split-panel-orange a:focus, .across-panel-yellow .split-panel.split-panel-yellow a:focus, .across-panel-yellow .split-panel.split-panel-green a:focus, .across-panel-green .split-panel.split-panel-blue a:focus, .across-panel-green .split-panel.split-panel-orange a:focus, .across-panel-green .split-panel.split-panel-yellow a:focus, .across-panel-green .split-panel.split-panel-green a:focus, .mobile-nav-preserves a:focus { color: rgba(255, 255, 255, 0.6); }
.inner-page-hero .breadcrumbs a:active, .across-panel .file-link:active, .split-panel .file-link:active, .across-panel .icon-link:active, .split-panel.split-panel-blue .icon-link:active, .split-panel.split-panel-orange .icon-link:active, .split-panel.split-panel-yellow .icon-link:active, .split-panel.split-panel-green .icon-link:active, .across-panel .shortcut-link:active, .split-panel .shortcut-link:active, .layout-split-raised-panels .split-panel:first-child a:active:not(.btn), .layout-split-panels .split-panel a:active:not(.btn), .layout-split-panels-2-1 .split-panel a:active:not(.btn), .across-panel a:active, .across-panel-blue .split-panel.split-panel-blue a:active, .across-panel-blue .split-panel.split-panel-orange a:active, .across-panel-blue .split-panel.split-panel-yellow a:active, .across-panel-blue .split-panel.split-panel-green a:active, .across-panel-orange .split-panel.split-panel-blue a:active, .across-panel-orange .split-panel.split-panel-orange a:active, .across-panel-orange .split-panel.split-panel-yellow a:active, .across-panel-orange .split-panel.split-panel-green a:active, .across-panel-yellow .split-panel.split-panel-blue a:active, .across-panel-yellow .split-panel.split-panel-orange a:active, .across-panel-yellow .split-panel.split-panel-yellow a:active, .across-panel-yellow .split-panel.split-panel-green a:active, .across-panel-green .split-panel.split-panel-blue a:active, .across-panel-green .split-panel.split-panel-orange a:active, .across-panel-green .split-panel.split-panel-yellow a:active, .across-panel-green .split-panel.split-panel-green a:active, .mobile-nav-preserves a:active, .inner-page-hero .breadcrumbs a.active, .across-panel .active.file-link, .split-panel .active.file-link, .across-panel .active.icon-link, .split-panel.split-panel-blue .active.icon-link, .split-panel.split-panel-orange .active.icon-link, .split-panel.split-panel-yellow .active.icon-link, .split-panel.split-panel-green .active.icon-link, .across-panel .active.shortcut-link, .split-panel .active.shortcut-link, .layout-split-raised-panels .split-panel:first-child a.active:not(.btn), .layout-split-panels .split-panel a.active:not(.btn), .layout-split-panels-2-1 .split-panel a.active:not(.btn), .across-panel a.active, .across-panel-blue .split-panel.split-panel-blue a.active, .across-panel-blue .split-panel.split-panel-orange a.active, .across-panel-blue .split-panel.split-panel-yellow a.active, .across-panel-blue .split-panel.split-panel-green a.active, .across-panel-orange .split-panel.split-panel-blue a.active, .across-panel-orange .split-panel.split-panel-orange a.active, .across-panel-orange .split-panel.split-panel-yellow a.active, .across-panel-orange .split-panel.split-panel-green a.active, .across-panel-yellow .split-panel.split-panel-blue a.active, .across-panel-yellow .split-panel.split-panel-orange a.active, .across-panel-yellow .split-panel.split-panel-yellow a.active, .across-panel-yellow .split-panel.split-panel-green a.active, .across-panel-green .split-panel.split-panel-blue a.active, .across-panel-green .split-panel.split-panel-orange a.active, .across-panel-green .split-panel.split-panel-yellow a.active, .across-panel-green .split-panel.split-panel-green a.active, .mobile-nav-preserves a.active { color: rgba(255, 255, 255, 0.6); }
.across-panel .floating-panel a { color: #5d87a1; }
.has-hover .across-panel .floating-panel a:hover, .across-panel .floating-panel .has-hover a:hover { color: #e86d1f; }
.across-panel .floating-panel a:focus { color: #e86d1f; }
.across-panel .floating-panel a:active, .across-panel .floating-panel a.active { color: #eeb111; }
.header-nav-sub ul > li a, .header .search a { color: rgba(255, 255, 255, 0.6); }
.has-hover .header-nav-sub ul > li a:hover, .header-nav-sub ul > li .has-hover a:hover, .has-hover .header .search a:hover, .header .search .has-hover a:hover { color: #e86d1f; }
.header-nav-sub ul > li a:focus, .header .search a:focus { color: #e86d1f; }
.header-nav-sub ul > li a:active, .header .search a:active, .header-nav-sub ul > li a.active, .header .search a.active { color: #94a545; }
.inner-page .header-nav-sub ul > li a, .hub-page .header-nav-sub ul > li a, .home-page-v2 .header-nav-sub ul > li a, .master-plan .header-nav-sub ul > li a, .inner-page .header-nav-primary > ul > li > a, .hub-page .header-nav-primary > ul > li > a, .home-page-v2 .header-nav-primary > ul > li > a, .master-plan .header-nav-primary > ul > li > a, .inner-page .header .search a, .hub-page .header .search a, .home-page-v2 .header .search a, .master-plan .header .search a { color: rgba(0, 0, 0, 0.6); }
.has-hover .inner-page .header-nav-sub ul > li a:hover, .inner-page .header-nav-sub ul > li .has-hover a:hover, .has-hover .hub-page .header-nav-sub ul > li a:hover, .hub-page .header-nav-sub ul > li .has-hover a:hover, .has-hover .home-page-v2 .header-nav-sub ul > li a:hover, .home-page-v2 .header-nav-sub ul > li .has-hover a:hover, .has-hover .master-plan .header-nav-sub ul > li a:hover, .master-plan .header-nav-sub ul > li .has-hover a:hover, .has-hover .inner-page .header-nav-primary > ul > li > a:hover, .inner-page .has-hover .header-nav-primary > ul > li > a:hover, .has-hover .hub-page .header-nav-primary > ul > li > a:hover, .hub-page .has-hover .header-nav-primary > ul > li > a:hover, .has-hover .home-page-v2 .header-nav-primary > ul > li > a:hover, .home-page-v2 .has-hover .header-nav-primary > ul > li > a:hover, .has-hover .master-plan .header-nav-primary > ul > li > a:hover, .master-plan .has-hover .header-nav-primary > ul > li > a:hover, .has-hover .inner-page .header .search a:hover, .inner-page .header .search .has-hover a:hover, .has-hover .hub-page .header .search a:hover, .hub-page .header .search .has-hover a:hover, .has-hover .home-page-v2 .header .search a:hover, .home-page-v2 .header .search .has-hover a:hover, .has-hover .master-plan .header .search a:hover, .master-plan .header .search .has-hover a:hover { color: #e86d1f; }
.inner-page .header-nav-sub ul > li a:focus, .hub-page .header-nav-sub ul > li a:focus, .home-page-v2 .header-nav-sub ul > li a:focus, .master-plan .header-nav-sub ul > li a:focus, .inner-page .header-nav-primary > ul > li > a:focus, .hub-page .header-nav-primary > ul > li > a:focus, .home-page-v2 .header-nav-primary > ul > li > a:focus, .master-plan .header-nav-primary > ul > li > a:focus, .inner-page .header .search a:focus, .hub-page .header .search a:focus, .home-page-v2 .header .search a:focus, .master-plan .header .search a:focus { color: #e86d1f; }
.inner-page .header-nav-sub ul > li a:active, .hub-page .header-nav-sub ul > li a:active, .home-page-v2 .header-nav-sub ul > li a:active, .master-plan .header-nav-sub ul > li a:active, .inner-page .header-nav-primary > ul > li > a:active, .hub-page .header-nav-primary > ul > li > a:active, .home-page-v2 .header-nav-primary > ul > li > a:active, .master-plan .header-nav-primary > ul > li > a:active, .inner-page .header .search a:active, .hub-page .header .search a:active, .home-page-v2 .header .search a:active, .master-plan .header .search a:active, .inner-page .header-nav-sub ul > li a.active, .hub-page .header-nav-sub ul > li a.active, .home-page-v2 .header-nav-sub ul > li a.active, .master-plan .header-nav-sub ul > li a.active, .inner-page .header-nav-primary > ul > li > a.active, .hub-page .header-nav-primary > ul > li > a.active, .home-page-v2 .header-nav-primary > ul > li > a.active, .master-plan .header-nav-primary > ul > li > a.active, .inner-page .header .search a.active, .hub-page .header .search a.active, .home-page-v2 .header .search a.active, .master-plan .header .search a.active { color: #94a545; }
.mobile-nav-primary a, .mobile-nav-sub a { color: rgba(0, 0, 0, 0.6); }
.has-hover .mobile-nav-primary a:hover, .mobile-nav-primary .has-hover a:hover, .has-hover .mobile-nav-sub a:hover, .mobile-nav-sub .has-hover a:hover { color: #e86d1f; }
.mobile-nav-primary a:focus, .mobile-nav-sub a:focus { color: #e86d1f; }
.mobile-nav-primary a:active, .mobile-nav-sub a:active, .mobile-nav-primary a.active, .mobile-nav-sub a.active { color: #e86d1f; }
.breadcrumbs a { color: rgba(0, 0, 0, 0.6); }
.has-hover .breadcrumbs a:hover, .breadcrumbs .has-hover a:hover { color: #e86d1f; }
.breadcrumbs a:focus { color: #e86d1f; }
.breadcrumbs a:active, .breadcrumbs a.active { color: #eeb111; }
.hero-screen-content-preserve-links ul li a, .master-plan .home-hero .hero-screen-content-preserve-links li a { color: #6c9bb6; }
.has-hover .hero-screen-content-preserve-links ul li a:hover, .hero-screen-content-preserve-links ul li .has-hover a:hover, .has-hover .master-plan .home-hero .hero-screen-content-preserve-links li a:hover, .master-plan .home-hero .hero-screen-content-preserve-links li .has-hover a:hover { color: #e86d1f; }
.hero-screen-content-preserve-links ul li a:focus, .master-plan .home-hero .hero-screen-content-preserve-links li a:focus { color: #e86d1f; }
.hero-screen-content-preserve-links ul li a:active, .master-plan .home-hero .hero-screen-content-preserve-links li a:active, .hero-screen-content-preserve-links ul li a.active, .master-plan .home-hero .hero-screen-content-preserve-links li a.active { color: #eeb111; }
.header-nav-primary .dropdown-menu > ul > li > a { color: #6d6e71; }
.has-hover .header-nav-primary .dropdown-menu > ul > li > a:hover, .header-nav-primary .has-hover .dropdown-menu > ul > li > a:hover { color: #e86d1f; }
.header-nav-primary .dropdown-menu > ul > li > a:focus { color: #e86d1f; }
.header-nav-primary .dropdown-menu > ul > li > a:active, .header-nav-primary .dropdown-menu > ul > li > a.active { color: #e86d1f; }
.home-page .wizard-type-item-level-easy, .home-page .wizard-trails-header-title [data-level=easy] { color: #94a545; }
.has-hover .home-page .wizard-type-item-level-easy:hover, .home-page .has-hover .wizard-type-item-level-easy:hover, .has-hover .home-page .wizard-trails-header-title [data-level=easy]:hover, .home-page .wizard-trails-header-title .has-hover [data-level=easy]:hover { color: #000000; }
.home-page .wizard-type-item-level-easy:focus, .home-page .wizard-trails-header-title [data-level=easy]:focus { color: #000000; }
.home-page .wizard-type-item-level-easy:active, .home-page .wizard-trails-header-title [data-level=easy]:active, .home-page .active.wizard-type-item-level-easy, .home-page .wizard-trails-header-title .active[data-level=easy] { color: #000000; }
.home-page .wizard-type-item-level-moderate, .home-page .wizard-trails-header-title [data-level=moderate] { color: #eeb111; }
.has-hover .home-page .wizard-type-item-level-moderate:hover, .home-page .has-hover .wizard-type-item-level-moderate:hover, .has-hover .home-page .wizard-trails-header-title [data-level=moderate]:hover, .home-page .wizard-trails-header-title .has-hover [data-level=moderate]:hover { color: #000000; }
.home-page .wizard-type-item-level-moderate:focus, .home-page .wizard-trails-header-title [data-level=moderate]:focus { color: #000000; }
.home-page .wizard-type-item-level-moderate:active, .home-page .wizard-trails-header-title [data-level=moderate]:active, .home-page .active.wizard-type-item-level-moderate, .home-page .wizard-trails-header-title .active[data-level=moderate] { color: #000000; }
.home-page .wizard-type-item-level-hard, .home-page .wizard-trails-header-title [data-level=hard] { color: #e86d1f; }
.has-hover .home-page .wizard-type-item-level-hard:hover, .home-page .has-hover .wizard-type-item-level-hard:hover, .has-hover .home-page .wizard-trails-header-title [data-level=hard]:hover, .home-page .wizard-trails-header-title .has-hover [data-level=hard]:hover { color: #000000; }
.home-page .wizard-type-item-level-hard:focus, .home-page .wizard-trails-header-title [data-level=hard]:focus { color: #000000; }
.home-page .wizard-type-item-level-hard:active, .home-page .wizard-trails-header-title [data-level=hard]:active, .home-page .active.wizard-type-item-level-hard, .home-page .wizard-trails-header-title .active[data-level=hard] { color: #000000; }
.pagination-item a { color: #5d87a1; }
.has-hover .pagination-item a:hover, .pagination-item .has-hover a:hover { color: #ffffff; }
.pagination-item a:focus { color: #ffffff; }
.pagination-item a:active, .pagination-item a.active { color: #ffffff; }
.home-page .home-carousel .hero-screen-content-title a { color: #ffffff; }
.has-hover .home-page .home-carousel .hero-screen-content-title a:hover, .home-page .home-carousel .hero-screen-content-title .has-hover a:hover { color: #5d87a1; }
.home-page .home-carousel .hero-screen-content-title a:focus { color: #5d87a1; }
.home-page .home-carousel .hero-screen-content-title a:active, .home-page .home-carousel .hero-screen-content-title a.active { color: #5d87a1; }
.trail-maps-preserve-link a { color: #6d6e71; }
.has-hover .trail-maps-preserve-link a:hover, .trail-maps-preserve-link .has-hover a:hover { color: #e86d1f; }
.trail-maps-preserve-link a:focus { color: #e86d1f; }
.trail-maps-preserve-link a:active, .trail-maps-preserve-link a.active { color: #eeb111; }
.events-list .event-title a, .nav-tabs .nav-link, .card-header a, .hub-page-navigation-item a, .info-cards-name a, .image-tiles .image-tile > a, .warning-actions a { color: currentColor; }
.has-hover .events-list .event-title a:hover, .events-list .event-title .has-hover a:hover, .has-hover .nav-tabs .nav-link:hover, .nav-tabs .has-hover .nav-link:hover, .has-hover .card-header a:hover, .card-header .has-hover a:hover, .has-hover .hub-page-navigation-item a:hover, .hub-page-navigation-item .has-hover a:hover, .has-hover .info-cards-name a:hover, .info-cards-name .has-hover a:hover, .has-hover .image-tiles .image-tile > a:hover, .image-tiles .has-hover .image-tile > a:hover, .has-hover .warning-actions a:hover, .warning-actions .has-hover a:hover { color: currentColor; }
.events-list .event-title a:focus, .nav-tabs .nav-link:focus, .card-header a:focus, .hub-page-navigation-item a:focus, .info-cards-name a:focus, .image-tiles .image-tile > a:focus, .warning-actions a:focus { color: currentColor; }
.events-list .event-title a:active, .nav-tabs .nav-link:active, .card-header a:active, .hub-page-navigation-item a:active, .info-cards-name a:active, .image-tiles .image-tile > a:active, .warning-actions a:active, .events-list .event-title a.active, .nav-tabs .active.nav-link, .card-header a.active, .hub-page-navigation-item a.active, .info-cards-name a.active, .image-tiles .image-tile > a.active, .warning-actions a.active { color: currentColor; }
a { -webkit-tap-highlight-color: transparent; }
/* Cursors */
a, button, input[type="submit"] { cursor: pointer; }
/** Link animations */
/* Focused state */
a:focus, button:focus, input[type="submit"]:focus { outline: none; }
::-moz-focus-inner { border: 0; padding: 0; }
/** Disabled state @markup Disabled state */
.disabled, :disabled, [disabled] { pointer-events: none; }
/** Code element @markup <input type="submit" /> */
code, kbd, pre, samp { color: #333333; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
code, pre { display: inline-block; background: transparent; border-radius: 2px; }
pre { display: block; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); }
code { padding: 2px 4px; }
pre code, code pre { font-size: inherit; padding: 0; background: none; border: 0; border-radius: 0; margin: 0; }
/** List styles By default none of the lists are styled */
ul, ol { list-style: none; padding: 0; margin: 0; }
/** Text alignment @markup Left aligned text
Center aligned text
Right aligned text
*/
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
/** Text colors */
.text-muted { color: #6d6e71; }
.text-blue { color: #5d87a1; }
.text-orange { color: #e86d1f; }
.text-yellow { color: #eeb111; }
.text-green { color: #94a545; }
.text-inverted { color: #ffffff; }
/** Capitalize text @markup Lorem ipsum dolor sit amet
*/
.caps { text-transform: uppercase !important; }
/** Prevent text wrapping @markup Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pharetra sed erat convallis suscipit. Vestibulum at interdum neque.
*/
.nowrap { white-space: nowrap !important; }
/** Truncate text adding dots at the end of the line if needed @markup Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pharetra sed erat convallis suscipit. Vestibulum at interdum neque.
*/
.truncate { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
/** Heading styles for elements @markup Looks like first level heading Looks like any other text */
/** Text styles for elements @markup Lead intro text
*/
.text-lead { margin-top: 2.08rem; margin-bottom: 2.08rem; }
@media screen and (min-width: 768px) { .text-lead { margin-top: 2.6rem; margin-bottom: 2.6rem; } }
@media screen and (min-width: 1200px) { .text-lead { margin-top: 3.9rem; margin-bottom: 3.9rem; } }
@media screen and (max-width: 767px) { .text-lead { margin-top: 0.8rem; margin-bottom: 0.8rem; } }
@media screen and (max-width: 767px) and (min-width: 768px) { .text-lead { margin-top: 1rem; margin-bottom: 1rem; } }
@media screen and (max-width: 767px) and (min-width: 1200px) { .text-lead { margin-top: 1.5rem; margin-bottom: 1.5rem; } }
/** Heading font family @markup I look similar to heading
*/
/** Font size styles for elements @markup Small text size
Small text size
*/
/** Horizontal ruler @param {number} $hr-spacer-multiplier Multiplier for HR margins @markup