@charset "UTF-8";

html {
  opacity: 1;
  visibility: visible;
}

/* Color palette */

/* Text styles */

@font-face {
  font-display: swap;
  font-family: 'Poynter Oldstyle';
  font-style: normal;
  font-weight: 400;
  src: url("/_resources/themes/ocf/fonts/poynter-old-style-regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Poynter Oldstyle';
  font-style: italic;
  font-weight: 400;
  src: url("/_resources/themes/ocf/fonts/poynter-old-style-regular-italic.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: 'Poynter Oldstyle';
  font-style: normal;
  font-weight: 700;
  src: url("/_resources/themes/ocf/fonts/poynter-old-style-bold.woff2") format("woff2");
}

/**
    * This injects Tailwind's base styles, which is a combination of
    * Normalize.css and some additional base styles.
    *
    * You can see the styles here:
    * https://github.com/tailwindcss/tailwindcss/blob/master/css/preflight.css
    *
    * If using `postcss-import`, use this import instead:
    *
    * @import "tailwindcss/preflight";
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 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
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * 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 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
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 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;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 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;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: .35em .75em .625em;
}

/**
 * 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 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

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 in Chrome and Safari on macOS.
 */

[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 Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * 1. Prevent padding and border from affecting element width
 * https://goo.gl/pYtbK7
 * 2. Change the default font family in all browsers (opinionated)
 */

html {
  box-sizing: border-box; /* 1 */
  font-family: sans-serif; /* 2 */
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
figure,
p,
pre {
  margin: 0;
}

button {
  background: transparent;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  margin: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * Allow adding a border to an element by just adding a border-width.
 *
 * By default, the way the browser specifies that an element should have no
 * border is by setting it's border-style to `none` in the user-agent
 * stylesheet.
 *
 * In order to easily add borders to elements by just setting the `border-width`
 * property, we change the default border-style for all elements to `solid`, and
 * use border-width to hide them instead. This way our `border` utilities only
 * need to set the `border-width` property instead of the entire `border`
 * shorthand, making our border utilities much more straightforward to compose.
 *
 * https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
*::before,
*::after {
  border-width: 0;
  border-style: solid;
  border-color: #dae1e7;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

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

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: inherit;
  opacity: .5;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: inherit;
  opacity: .5;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: inherit;
  opacity: .5;
}

input::placeholder,
textarea::placeholder {
  color: inherit;
  opacity: .5;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

/**
    * This injects any component classes registered by plugins.
    *
    * @import "tailwindcss/components";
*/

.container {
  width: 100%;
}

@media (min-width: 560px) {
  .container {
    max-width: 560px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1025px) {
  .container {
    max-width: 1025px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

@media (min-width: 1440px) {
  .container {
    max-width: 1440px;
  }
}

/**
    * Here you would add any of your custom component classes; stuff that you'd
    * want loaded *before* the utilities so that the utilities could still
    * override them.
    *
    * Example:
    *
    * .btn { ... }
    * .form-input { ... }
    *
    * Or if using a preprocessor or `postcss-import`:
    *
    * @import "components/buttons";
    * @import "components/forms";
*/

.btn {
  font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-width: 2px;
  border-style: solid;
  border-color: #231f20;
  padding: 11px 17px;
  transition: color .3s, background-color .3s;
}

.btn:hover {
  color: #fff;
  background-color: #231f20;
}

.btn-red {
  color: #f15b3c;
  border-color: #f15b3c;
}

.btn-red:hover {
  color: #fff;
  background-color: #f15b3c;
}

.btn-white {
  color: #fff;
  border-color: #fff;
}

.btn-white:hover {
  color: #231f20;
  background-color: #fff;
}

.btn-select {
  padding-left: 24px;
  padding-right: 24px;
  transition: background-color .2s;
}

.btn-select svg {
  pointer-events: none;
}

.select-container:hover .btn-select,
.select-container.active .btn-select {
  background-color: #f15b3c;
}

.btn-icon {
  position: absolute;
  bottom: -32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  min-width: 325px;
  height: 69px;
  text-align: center;
}

.btn-icon.btn-icon-inline {
  position: relative;
  bottom: auto;
  left: auto;
  -webkit-transform: inherit;
          transform: inherit;
  font-size: 14px;
  line-height: 1.15;
}

.btn-icon.btn-icon-inline::before {
  display: none;
}

.btn-icon.btn-icon-inline .button-info {
  width: auto;
}

.btn-icon.btn-icon-inline:hover .button-info.bg-ocf-blue {
  background-color: #f15b3c;
}

.btn-icon .button-info {
  width: 100%;
  z-index: 1;
  padding-top: 25px;
  padding-bottom: 25px;
  transition: background-color .3s;
}

.btn-icon:before {
  content: '';
  position: absolute;
  top: calc(50% + 4px);
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: calc(100% + 30px);
  height: 4px;
  background-color: #f3f3f5;
  pointer-events: none;
}

.btn-icon:hover .button-info {
  background-color: #1c1d44;
}

.btn-icon:hover .icon-box-arrow .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (max-width: 1024px) {
  .btn-icon {
    min-width: 250px;
  }

  .btn-icon:before {
    background-color: #fff;
  }
}

.btn-download {
  display: flex;
  width: 240px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.btn-download .button-info {
  padding: 28px 40px 25px 40px;
  transition: color .3s;
}

.btn-download .icon-container {
  padding: 25px 30px;
  background-color: #fff;
  transition: background-color .3s;
}

.btn-download:hover .button-info {
  color: #1c1d44;
}

.btn-download:hover .icon-container {
  background-color: #1c1d44;
}

.btn-download:hover .icon-download-arrow {
  border-color: #fff;
}

.btn-download:hover .arrow-line {
  background-color: #fff;
  transition-duration: .3s;
}

.btn-download:hover .arrow-head:before,
.btn-download:hover .arrow-head:after {
  background-color: #fff;
  transition-duration: .3s;
}

@media screen and (max-width: 1024px) {
  .btn-download:before {
    background-color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .btn-download {
    width: 208px;
  }

  .btn-download:before {
    width: 248px;
  }
}

.btn-cta {
  display: inline-block;
  position: relative;
  margin-left: calc(26px - 2px);
  padding: 20px 30px 18px;
  color: #000;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.15;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 1.5px;
}

.btn-cta .corner {
  position: absolute;
  top: calc((26px - 2px) * -1);
  left: calc((26px - 2px) * -1);
  width: 26px;
  height: 26px;
  border: 2px solid #000;
}

.btn-cta .border-x,
.btn-cta .border-y {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-cta .border-x:before,
.btn-cta .border-x:after,
.btn-cta .border-y:before,
.btn-cta .border-y:after {
  content: '';
  position: absolute;
  background-color: #000;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
}

.btn-cta .border-x:before,
.btn-cta .border-x:after {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.btn-cta .border-x:before {
  top: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #1c1d44;
  -webkit-transform: scaleX(.5);
          transform: scaleX(.5);
  transition-duration: .2s;
  transition-delay: .3s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.btn-cta .border-x:after {
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 2px solid #1c1d44;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.btn-cta .border-y:before,
.btn-cta .border-y:after {
  -webkit-transform-origin: center top;
          transform-origin: center top;
}

.btn-cta .border-y:before {
  top: 0;
  left: 0;
  border-left: 2px solid #1c1d44;
  height: 100%;
  -webkit-transform: scaleY(.5);
          transform: scaleY(.5);
  transition-duration: .2s;
  transition-delay: .3s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.btn-cta .border-y:after {
  top: 0;
  right: 0;
  border-left: 2px solid #1c1d44;
  height: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.btn-cta:hover {
  color: #000;
}

.btn-cta:hover .border-x:before,
.btn-cta:hover .border-x:after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.btn-cta:hover .border-y:before,
.btn-cta:hover .border-y:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.btn-cta:hover .border-x:before,
.btn-cta:hover .border-y:before {
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(.55, .055, .675, .19);
}

.btn-cta:hover .border-x:after,
.btn-cta:hover .border-y:after {
  transition-delay: .2s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

@media screen and (max-width: 1024px) {
  .btn-cta {
    margin-left: 13px;
    padding: 16px 18px 14px;
  }

  .btn-cta .corner {
    top: -13px;
    left: -13px;
    width: 15px;
    height: 15px;
  }

  .btn-cta .border-x:before,
  .btn-cta .border-x:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }

  .btn-cta .border-y:before,
  .btn-cta .border-y:after {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

.btn-cta-ocf-red {
  color: #f15b3c;
}

.btn-cta-ocf-red .corner {
  border-color: #f15b3c;
}

.btn-cta-ocf-red .border-x:before,
.btn-cta-ocf-red .border-x:after,
.btn-cta-ocf-red .border-y:before,
.btn-cta-ocf-red .border-y:after {
  border-color: #f15b3c;
}

.btn-cta-ocf-red:hover {
  color: #f15b3c;
}

.btn-cta-ocf-blue {
  color: #1c1d44;
}

.btn-cta-ocf-blue .corner {
  border-color: #1c1d44;
}

.btn-cta-ocf-blue .border-x:before,
.btn-cta-ocf-blue .border-x:after,
.btn-cta-ocf-blue .border-y:before,
.btn-cta-ocf-blue .border-y:after {
  border-color: #1c1d44;
}

.btn-cta-ocf-blue:hover {
  color: #1c1d44;
}

.btn-cta-white {
  color: #fff;
}

.btn-cta-white .corner {
  border-color: #fff;
}

.btn-cta-white .border-x:before,
.btn-cta-white .border-x:after,
.btn-cta-white .border-y:before,
.btn-cta-white .border-y:after {
  border-color: #fff;
}

.btn-cta-white:hover {
  color: #fff;
}

/**
    * This injects all of Tailwind's utility classes, generated based on your
    * config file.
    *
    * @import "tailwindcss/utilities";
*/

.list-reset {
  list-style: none;
  padding: 0;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

.bg-transparent {
  background-color: transparent;
}

.bg-grey-darker {
  background-color: #606f7b;
}

.bg-grey-dark {
  background-color: #8795a1;
}

.bg-grey-light {
  background-color: #dae1e7;
}

.bg-grey-lighter {
  background-color: #f3f3f5;
}

.bg-white {
  background-color: #fff;
}

.bg-ocf-red {
  background-color: #f15b3c;
}

.bg-ocf-blue {
  background-color: #1c1d44;
}

.bg-ocf-blue-overlay {
  background-color: #343677;
}

.bg-ocf-blue-background {
  background-color: #f3f3f5;
}

.bg-portlandmetro {
  background-color: #189046;
}

.bg-centraloregon {
  background-color: #03a1b1;
}

.bg-northcoast {
  background-color: #8dcfb3;
}

.bg-southcoast {
  background-color: #4d62ad;
}

.bg-southernoregon {
  background-color: #006a84;
}

.bg-nwillamettevalley {
  background-color: #13542b;
}

.bg-easternoregon {
  background-color: #fed536;
}

.bg-swillamettevalley {
  background-color: #fbac36;
}

.bg-copper {
  background-color: #a46b33;
}

.bg-mint {
  background-color: #eff5e5;
}

.bg-black {
  background-color: #231f20;
}

.hover\:bg-transparent:hover {
  background-color: transparent;
}

.hover\:bg-grey-darker:hover {
  background-color: #606f7b;
}

.hover\:bg-grey-dark:hover {
  background-color: #8795a1;
}

.hover\:bg-grey-light:hover {
  background-color: #dae1e7;
}

.hover\:bg-grey-lighter:hover {
  background-color: #f3f3f5;
}

.hover\:bg-white:hover {
  background-color: #fff;
}

.hover\:bg-ocf-red:hover {
  background-color: #f15b3c;
}

.hover\:bg-ocf-blue:hover {
  background-color: #1c1d44;
}

.hover\:bg-ocf-blue-overlay:hover {
  background-color: #343677;
}

.hover\:bg-ocf-blue-background:hover {
  background-color: #f3f3f5;
}

.hover\:bg-portlandmetro:hover {
  background-color: #189046;
}

.hover\:bg-centraloregon:hover {
  background-color: #03a1b1;
}

.hover\:bg-northcoast:hover {
  background-color: #8dcfb3;
}

.hover\:bg-southcoast:hover {
  background-color: #4d62ad;
}

.hover\:bg-southernoregon:hover {
  background-color: #006a84;
}

.hover\:bg-nwillamettevalley:hover {
  background-color: #13542b;
}

.hover\:bg-easternoregon:hover {
  background-color: #fed536;
}

.hover\:bg-swillamettevalley:hover {
  background-color: #fbac36;
}

.hover\:bg-copper:hover {
  background-color: #a46b33;
}

.hover\:bg-mint:hover {
  background-color: #eff5e5;
}

.hover\:bg-black:hover {
  background-color: #231f20;
}

.focus\:bg-transparent:focus {
  background-color: transparent;
}

.focus\:bg-grey-darker:focus {
  background-color: #606f7b;
}

.focus\:bg-grey-dark:focus {
  background-color: #8795a1;
}

.focus\:bg-grey-light:focus {
  background-color: #dae1e7;
}

.focus\:bg-grey-lighter:focus {
  background-color: #f3f3f5;
}

.focus\:bg-white:focus {
  background-color: #fff;
}

.focus\:bg-ocf-red:focus {
  background-color: #f15b3c;
}

.focus\:bg-ocf-blue:focus {
  background-color: #1c1d44;
}

.focus\:bg-ocf-blue-overlay:focus {
  background-color: #343677;
}

.focus\:bg-ocf-blue-background:focus {
  background-color: #f3f3f5;
}

.focus\:bg-portlandmetro:focus {
  background-color: #189046;
}

.focus\:bg-centraloregon:focus {
  background-color: #03a1b1;
}

.focus\:bg-northcoast:focus {
  background-color: #8dcfb3;
}

.focus\:bg-southcoast:focus {
  background-color: #4d62ad;
}

.focus\:bg-southernoregon:focus {
  background-color: #006a84;
}

.focus\:bg-nwillamettevalley:focus {
  background-color: #13542b;
}

.focus\:bg-easternoregon:focus {
  background-color: #fed536;
}

.focus\:bg-swillamettevalley:focus {
  background-color: #fbac36;
}

.focus\:bg-copper:focus {
  background-color: #a46b33;
}

.focus\:bg-mint:focus {
  background-color: #eff5e5;
}

.focus\:bg-black:focus {
  background-color: #231f20;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

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

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.border-transparent {
  border-color: transparent;
}

.border-grey-darker {
  border-color: #606f7b;
}

.border-grey-dark {
  border-color: #8795a1;
}

.border-grey-light {
  border-color: #dae1e7;
}

.border-grey-lighter {
  border-color: #f3f3f5;
}

.border-white {
  border-color: #fff;
}

.border-ocf-red {
  border-color: #f15b3c;
}

.border-ocf-blue {
  border-color: #1c1d44;
}

.border-ocf-blue-overlay {
  border-color: #343677;
}

.border-ocf-blue-background {
  border-color: #f3f3f5;
}

.border-portlandmetro {
  border-color: #189046;
}

.border-centraloregon {
  border-color: #03a1b1;
}

.border-northcoast {
  border-color: #8dcfb3;
}

.border-southcoast {
  border-color: #4d62ad;
}

.border-southernoregon {
  border-color: #006a84;
}

.border-nwillamettevalley {
  border-color: #13542b;
}

.border-easternoregon {
  border-color: #fed536;
}

.border-swillamettevalley {
  border-color: #fbac36;
}

.border-copper {
  border-color: #a46b33;
}

.border-mint {
  border-color: #eff5e5;
}

.border-black {
  border-color: #231f20;
}

.hover\:border-transparent:hover {
  border-color: transparent;
}

.hover\:border-grey-darker:hover {
  border-color: #606f7b;
}

.hover\:border-grey-dark:hover {
  border-color: #8795a1;
}

.hover\:border-grey-light:hover {
  border-color: #dae1e7;
}

.hover\:border-grey-lighter:hover {
  border-color: #f3f3f5;
}

.hover\:border-white:hover {
  border-color: #fff;
}

.hover\:border-ocf-red:hover {
  border-color: #f15b3c;
}

.hover\:border-ocf-blue:hover {
  border-color: #1c1d44;
}

.hover\:border-ocf-blue-overlay:hover {
  border-color: #343677;
}

.hover\:border-ocf-blue-background:hover {
  border-color: #f3f3f5;
}

.hover\:border-portlandmetro:hover {
  border-color: #189046;
}

.hover\:border-centraloregon:hover {
  border-color: #03a1b1;
}

.hover\:border-northcoast:hover {
  border-color: #8dcfb3;
}

.hover\:border-southcoast:hover {
  border-color: #4d62ad;
}

.hover\:border-southernoregon:hover {
  border-color: #006a84;
}

.hover\:border-nwillamettevalley:hover {
  border-color: #13542b;
}

.hover\:border-easternoregon:hover {
  border-color: #fed536;
}

.hover\:border-swillamettevalley:hover {
  border-color: #fbac36;
}

.hover\:border-copper:hover {
  border-color: #a46b33;
}

.hover\:border-mint:hover {
  border-color: #eff5e5;
}

.hover\:border-black:hover {
  border-color: #231f20;
}

.focus\:border-transparent:focus {
  border-color: transparent;
}

.focus\:border-grey-darker:focus {
  border-color: #606f7b;
}

.focus\:border-grey-dark:focus {
  border-color: #8795a1;
}

.focus\:border-grey-light:focus {
  border-color: #dae1e7;
}

.focus\:border-grey-lighter:focus {
  border-color: #f3f3f5;
}

.focus\:border-white:focus {
  border-color: #fff;
}

.focus\:border-ocf-red:focus {
  border-color: #f15b3c;
}

.focus\:border-ocf-blue:focus {
  border-color: #1c1d44;
}

.focus\:border-ocf-blue-overlay:focus {
  border-color: #343677;
}

.focus\:border-ocf-blue-background:focus {
  border-color: #f3f3f5;
}

.focus\:border-portlandmetro:focus {
  border-color: #189046;
}

.focus\:border-centraloregon:focus {
  border-color: #03a1b1;
}

.focus\:border-northcoast:focus {
  border-color: #8dcfb3;
}

.focus\:border-southcoast:focus {
  border-color: #4d62ad;
}

.focus\:border-southernoregon:focus {
  border-color: #006a84;
}

.focus\:border-nwillamettevalley:focus {
  border-color: #13542b;
}

.focus\:border-easternoregon:focus {
  border-color: #fed536;
}

.focus\:border-swillamettevalley:focus {
  border-color: #fbac36;
}

.focus\:border-copper:focus {
  border-color: #a46b33;
}

.focus\:border-mint:focus {
  border-color: #eff5e5;
}

.focus\:border-black:focus {
  border-color: #231f20;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.border-dotted {
  border-style: dotted;
}

.border-none {
  border-style: none;
}

.border-0 {
  border-width: 0;
}

.border-2 {
  border-width: 2px;
}

.border-3 {
  border-width: 3px;
}

.border-4 {
  border-width: 4px;
}

.border-5 {
  border-width: 5px;
}

.border-6 {
  border-width: 6px;
}

.border-7 {
  border-width: 7px;
}

.border-8 {
  border-width: 8px;
}

.border {
  border-width: 1px;
}

.border-t-0 {
  border-top-width: 0;
}

.border-r-0 {
  border-right-width: 0;
}

.border-b-0 {
  border-bottom-width: 0;
}

.border-l-0 {
  border-left-width: 0;
}

.border-t-2 {
  border-top-width: 2px;
}

.border-r-2 {
  border-right-width: 2px;
}

.border-b-2 {
  border-bottom-width: 2px;
}

.border-l-2 {
  border-left-width: 2px;
}

.border-t-3 {
  border-top-width: 3px;
}

.border-r-3 {
  border-right-width: 3px;
}

.border-b-3 {
  border-bottom-width: 3px;
}

.border-l-3 {
  border-left-width: 3px;
}

.border-t-4 {
  border-top-width: 4px;
}

.border-r-4 {
  border-right-width: 4px;
}

.border-b-4 {
  border-bottom-width: 4px;
}

.border-l-4 {
  border-left-width: 4px;
}

.border-t-5 {
  border-top-width: 5px;
}

.border-r-5 {
  border-right-width: 5px;
}

.border-b-5 {
  border-bottom-width: 5px;
}

.border-l-5 {
  border-left-width: 5px;
}

.border-t-6 {
  border-top-width: 6px;
}

.border-r-6 {
  border-right-width: 6px;
}

.border-b-6 {
  border-bottom-width: 6px;
}

.border-l-6 {
  border-left-width: 6px;
}

.border-t-7 {
  border-top-width: 7px;
}

.border-r-7 {
  border-right-width: 7px;
}

.border-b-7 {
  border-bottom-width: 7px;
}

.border-l-7 {
  border-left-width: 7px;
}

.border-t-8 {
  border-top-width: 8px;
}

.border-r-8 {
  border-right-width: 8px;
}

.border-b-8 {
  border-bottom-width: 8px;
}

.border-l-8 {
  border-left-width: 8px;
}

.border-t {
  border-top-width: 1px;
}

.border-r {
  border-right-width: 1px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-l {
  border-left-width: 1px;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-move {
  cursor: move;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.table {
  display: table;
}

.table-row {
  display: table-row;
}

.table-cell {
  display: table-cell;
}

.hidden {
  display: none;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-no-wrap {
  flex-wrap: nowrap;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-grow {
  flex-grow: 1;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-no-grow {
  flex-grow: 0;
}

.flex-no-shrink {
  flex-shrink: 0;
}

.font-sans {
  font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.font-serif {
  font-family: poynter-oldstyle-text, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
}

.font-mono {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.font-bold {
  font-weight: 700;
}

.hover\:font-bold:hover {
  font-weight: 700;
}

.focus\:font-bold:focus {
  font-weight: 700;
}

.h-20 {
  height: 20px;
}

.h-30 {
  height: 30px;
}

.h-60 {
  height: 60px;
}

.h-67 {
  height: 67px;
}

.h-87 {
  height: 87px;
}

.h-auto {
  height: auto;
}

.h-half {
  height: 50%;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.leading-lh4 {
  line-height: 1.31;
}

.m-0 {
  margin: 0;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-20 {
  margin: 20px;
}

.m-30 {
  margin: 30px;
}

.m-40 {
  margin: 40px;
}

.m-50 {
  margin: 50px;
}

.m-60 {
  margin: 60px;
}

.m-67 {
  margin: 67px;
}

.m-87 {
  margin: 87px;
}

.m-120 {
  margin: 120px;
}

.m-auto {
  margin: auto;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-67 {
  margin-top: 67px;
  margin-bottom: 67px;
}

.mx-67 {
  margin-left: 67px;
  margin-right: 67px;
}

.my-87 {
  margin-top: 87px;
  margin-bottom: 87px;
}

.mx-87 {
  margin-left: 87px;
  margin-right: 87px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mx-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.mt-0 {
  margin-top: 0;
}

.mr-0 {
  margin-right: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.ml-0 {
  margin-left: 0;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px;
}

.mb-5 {
  margin-bottom: 5px;
}

.ml-5 {
  margin-left: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mr-10 {
  margin-right: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.ml-10 {
  margin-left: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mr-20 {
  margin-right: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.ml-20 {
  margin-left: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mr-40 {
  margin-right: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-40 {
  margin-left: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mt-67 {
  margin-top: 67px;
}

.mr-67 {
  margin-right: 67px;
}

.mb-67 {
  margin-bottom: 67px;
}

.ml-67 {
  margin-left: 67px;
}

.mt-87 {
  margin-top: 87px;
}

.mr-87 {
  margin-right: 87px;
}

.mb-87 {
  margin-bottom: 87px;
}

.ml-87 {
  margin-left: 87px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.max-w-600 {
  max-width: 600px;
}

.max-w-full {
  max-width: 100%;
}

.max-w-sm {
  max-width: 415px;
}

.max-w-md {
  max-width: 768px;
}

.max-w-lg {
  max-width: 1024px;
}

.max-w-xl {
  max-width: 1440px;
}

.min-h-0 {
  min-height: 0;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.-m-0 {
  margin: 0;
}

.-m-10 {
  margin: -10px;
}

.-m-20 {
  margin: -20px;
}

.-m-30 {
  margin: -30px;
}

.-m-50 {
  margin: -50px;
}

.-m-60 {
  margin: -60px;
}

.-m-67 {
  margin: -67px;
}

.-m-87 {
  margin: -87px;
}

.-my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.-mx-0 {
  margin-left: 0;
  margin-right: 0;
}

.-my-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.-mx-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.-my-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.-mx-20 {
  margin-left: -20px;
  margin-right: -20px;
}

.-my-30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.-mx-30 {
  margin-left: -30px;
  margin-right: -30px;
}

.-my-50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.-mx-50 {
  margin-left: -50px;
  margin-right: -50px;
}

.-my-60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.-mx-60 {
  margin-left: -60px;
  margin-right: -60px;
}

.-my-67 {
  margin-top: -67px;
  margin-bottom: -67px;
}

.-mx-67 {
  margin-left: -67px;
  margin-right: -67px;
}

.-my-87 {
  margin-top: -87px;
  margin-bottom: -87px;
}

.-mx-87 {
  margin-left: -87px;
  margin-right: -87px;
}

.-mt-0 {
  margin-top: 0;
}

.-mr-0 {
  margin-right: 0;
}

.-mb-0 {
  margin-bottom: 0;
}

.-ml-0 {
  margin-left: 0;
}

.-mt-10 {
  margin-top: -10px;
}

.-mr-10 {
  margin-right: -10px;
}

.-mb-10 {
  margin-bottom: -10px;
}

.-ml-10 {
  margin-left: -10px;
}

.-mt-20 {
  margin-top: -20px;
}

.-mr-20 {
  margin-right: -20px;
}

.-mb-20 {
  margin-bottom: -20px;
}

.-ml-20 {
  margin-left: -20px;
}

.-mt-30 {
  margin-top: -30px;
}

.-mr-30 {
  margin-right: -30px;
}

.-mb-30 {
  margin-bottom: -30px;
}

.-ml-30 {
  margin-left: -30px;
}

.-mt-50 {
  margin-top: -50px;
}

.-mr-50 {
  margin-right: -50px;
}

.-mb-50 {
  margin-bottom: -50px;
}

.-ml-50 {
  margin-left: -50px;
}

.-mt-60 {
  margin-top: -60px;
}

.-mr-60 {
  margin-right: -60px;
}

.-mb-60 {
  margin-bottom: -60px;
}

.-ml-60 {
  margin-left: -60px;
}

.-mt-67 {
  margin-top: -67px;
}

.-mr-67 {
  margin-right: -67px;
}

.-mb-67 {
  margin-bottom: -67px;
}

.-ml-67 {
  margin-left: -67px;
}

.-mt-87 {
  margin-top: -87px;
}

.-mr-87 {
  margin-right: -87px;
}

.-mb-87 {
  margin-bottom: -87px;
}

.-ml-87 {
  margin-left: -87px;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-none {
  -o-object-fit: none;
     object-fit: none;
}

.object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.opacity-0 {
  opacity: 0;
}

.opacity-10 {
  opacity: .1;
}

.opacity-20 {
  opacity: .2;
}

.opacity-25 {
  opacity: .25;
}

.opacity-30 {
  opacity: .3;
}

.opacity-40 {
  opacity: .4;
}

.opacity-50 {
  opacity: .5;
}

.opacity-60 {
  opacity: .6;
}

.opacity-70 {
  opacity: .7;
}

.opacity-75 {
  opacity: .75;
}

.opacity-80 {
  opacity: .8;
}

.opacity-90 {
  opacity: .9;
}

.opacity-100 {
  opacity: 1;
}

.outline-none {
  outline: 0;
}

.focus\:outline-none:focus {
  outline: 0;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.scrolling-touch {
  -webkit-overflow-scrolling: touch;
}

.scrolling-auto {
  -webkit-overflow-scrolling: auto;
}

.p-0 {
  padding: 0;
}

.p-5 {
  padding: 5px;
}

.p-10 {
  padding: 10px;
}

.p-20 {
  padding: 20px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.p-50 {
  padding: 50px;
}

.p-60 {
  padding: 60px;
}

.p-67 {
  padding: 67px;
}

.p-87 {
  padding: 87px;
}

.p-100 {
  padding: 100px;
}

.p-120 {
  padding: 120px;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.px-0 {
  padding-left: 0;
  padding-right: 0;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-67 {
  padding-top: 67px;
  padding-bottom: 67px;
}

.px-67 {
  padding-left: 67px;
  padding-right: 67px;
}

.py-87 {
  padding-top: 87px;
  padding-bottom: 87px;
}

.px-87 {
  padding-left: 87px;
  padding-right: 87px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.px-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.pt-0 {
  padding-top: 0;
}

.pr-0 {
  padding-right: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

.pt-5 {
  padding-top: 5px;
}

.pr-5 {
  padding-right: 5px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pr-10 {
  padding-right: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-left: 10px;
}

.pt-20 {
  padding-top: 20px;
}

.pr-20 {
  padding-right: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-left: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pr-40 {
  padding-right: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-left: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pt-67 {
  padding-top: 67px;
}

.pr-67 {
  padding-right: 67px;
}

.pb-67 {
  padding-bottom: 67px;
}

.pl-67 {
  padding-left: 67px;
}

.pt-87 {
  padding-top: 87px;
}

.pr-87 {
  padding-right: 87px;
}

.pb-87 {
  padding-bottom: 87px;
}

.pl-87 {
  padding-left: 87px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.pin-none {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.pin {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.pin-y {
  top: 0;
  bottom: 0;
}

.pin-x {
  right: 0;
  left: 0;
}

.pin-t {
  top: 0;
}

.pin-r {
  right: 0;
}

.pin-b {
  bottom: 0;
}

.pin-l {
  left: 0;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-transparent {
  color: transparent;
}

.text-grey-darker {
  color: #606f7b;
}

.text-grey-dark {
  color: #8795a1;
}

.text-grey-light {
  color: #dae1e7;
}

.text-grey-lighter {
  color: #f3f3f5;
}

.text-white {
  color: #fff;
}

.text-ocf-red {
  color: #f15b3c;
}

.text-ocf-blue {
  color: #1c1d44;
}

.text-ocf-blue-overlay {
  color: #343677;
}

.text-ocf-blue-background {
  color: #f3f3f5;
}

.text-portlandmetro {
  color: #189046;
}

.text-centraloregon {
  color: #03a1b1;
}

.text-northcoast {
  color: #8dcfb3;
}

.text-southcoast {
  color: #4d62ad;
}

.text-southernoregon {
  color: #006a84;
}

.text-nwillamettevalley {
  color: #13542b;
}

.text-easternoregon {
  color: #fed536;
}

.text-swillamettevalley {
  color: #fbac36;
}

.text-copper {
  color: #a46b33;
}

.text-mint {
  color: #eff5e5;
}

.text-black {
  color: #231f20;
}

.hover\:text-transparent:hover {
  color: transparent;
}

.hover\:text-grey-darker:hover {
  color: #606f7b;
}

.hover\:text-grey-dark:hover {
  color: #8795a1;
}

.hover\:text-grey-light:hover {
  color: #dae1e7;
}

.hover\:text-grey-lighter:hover {
  color: #f3f3f5;
}

.hover\:text-white:hover {
  color: #fff;
}

.hover\:text-ocf-red:hover {
  color: #f15b3c;
}

.hover\:text-ocf-blue:hover {
  color: #1c1d44;
}

.hover\:text-ocf-blue-overlay:hover {
  color: #343677;
}

.hover\:text-ocf-blue-background:hover {
  color: #f3f3f5;
}

.hover\:text-portlandmetro:hover {
  color: #189046;
}

.hover\:text-centraloregon:hover {
  color: #03a1b1;
}

.hover\:text-northcoast:hover {
  color: #8dcfb3;
}

.hover\:text-southcoast:hover {
  color: #4d62ad;
}

.hover\:text-southernoregon:hover {
  color: #006a84;
}

.hover\:text-nwillamettevalley:hover {
  color: #13542b;
}

.hover\:text-easternoregon:hover {
  color: #fed536;
}

.hover\:text-swillamettevalley:hover {
  color: #fbac36;
}

.hover\:text-copper:hover {
  color: #a46b33;
}

.hover\:text-mint:hover {
  color: #eff5e5;
}

.hover\:text-black:hover {
  color: #231f20;
}

.focus\:text-transparent:focus {
  color: transparent;
}

.focus\:text-grey-darker:focus {
  color: #606f7b;
}

.focus\:text-grey-dark:focus {
  color: #8795a1;
}

.focus\:text-grey-light:focus {
  color: #dae1e7;
}

.focus\:text-grey-lighter:focus {
  color: #f3f3f5;
}

.focus\:text-white:focus {
  color: #fff;
}

.focus\:text-ocf-red:focus {
  color: #f15b3c;
}

.focus\:text-ocf-blue:focus {
  color: #1c1d44;
}

.focus\:text-ocf-blue-overlay:focus {
  color: #343677;
}

.focus\:text-ocf-blue-background:focus {
  color: #f3f3f5;
}

.focus\:text-portlandmetro:focus {
  color: #189046;
}

.focus\:text-centraloregon:focus {
  color: #03a1b1;
}

.focus\:text-northcoast:focus {
  color: #8dcfb3;
}

.focus\:text-southcoast:focus {
  color: #4d62ad;
}

.focus\:text-southernoregon:focus {
  color: #006a84;
}

.focus\:text-nwillamettevalley:focus {
  color: #13542b;
}

.focus\:text-easternoregon:focus {
  color: #fed536;
}

.focus\:text-swillamettevalley:focus {
  color: #fbac36;
}

.focus\:text-copper:focus {
  color: #a46b33;
}

.focus\:text-mint:focus {
  color: #eff5e5;
}

.focus\:text-black:focus {
  color: #231f20;
}

.text-2xs {
  font-size: 12px;
}

.text-xs {
  font-size: 14px;
}

.text-sm {
  font-size: 16px;
}

.text-base {
  font-size: 18px;
}

.text-md {
  font-size: 22px;
}

.text-lg {
  font-size: 24px;
}

.text-xl {
  font-size: 26px;
}

.text-2xl {
  font-size: 28px;
}

.text-3xl {
  font-size: 30px;
}

.text-4xl {
  font-size: 36px;
}

.text-5xl {
  font-size: 48px;
}

.text-6xl {
  font-size: 78px;
}

.italic {
  font-style: italic;
}

.roman {
  font-style: normal;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.hover\:italic:hover {
  font-style: italic;
}

.hover\:roman:hover {
  font-style: normal;
}

.hover\:uppercase:hover {
  text-transform: uppercase;
}

.hover\:lowercase:hover {
  text-transform: lowercase;
}

.hover\:capitalize:hover {
  text-transform: capitalize;
}

.hover\:normal-case:hover {
  text-transform: none;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.hover\:line-through:hover {
  text-decoration: line-through;
}

.hover\:no-underline:hover {
  text-decoration: none;
}

.hover\:antialiased:hover {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hover\:subpixel-antialiased:hover {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.focus\:italic:focus {
  font-style: italic;
}

.focus\:roman:focus {
  font-style: normal;
}

.focus\:uppercase:focus {
  text-transform: uppercase;
}

.focus\:lowercase:focus {
  text-transform: lowercase;
}

.focus\:capitalize:focus {
  text-transform: capitalize;
}

.focus\:normal-case:focus {
  text-transform: none;
}

.focus\:underline:focus {
  text-decoration: underline;
}

.focus\:line-through:focus {
  text-decoration: line-through;
}

.focus\:no-underline:focus {
  text-decoration: none;
}

.focus\:antialiased:focus {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.focus\:subpixel-antialiased:focus {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

.tracking-2xl {
  letter-spacing: 1px;
}

.tracking-4xl {
  letter-spacing: 1.5px;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-no-wrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-words {
  word-wrap: break-word;
}

.break-normal {
  word-wrap: normal;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.w-20 {
  width: 20px;
}

.w-30 {
  width: 30px;
}

.w-60 {
  width: 60px;
}

.w-67 {
  width: 67px;
}

.w-87 {
  width: 87px;
}

.w-auto {
  width: auto;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.33%;
}

.w-2\/3 {
  width: 66.67%;
}

.w-1\/4 {
  width: 25%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/6 {
  width: 16.67%;
}

.w-5\/6 {
  width: 83.33%;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-1\/12 {
  width: 8.333%;
}

.w-2\/12 {
  width: 16.67%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.33%;
}

.w-5\/12 {
  width: 41.67%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.33%;
}

.w-8\/12 {
  width: 66.67%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.33%;
}

.w-11\/12 {
  width: 91.67%;
}

.w-12\/12 {
  width: 100%;
}

.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

.aspect-ratio-square {
  padding-top: 100%;
}

.aspect-ratio-16\/9 {
  padding-top: 56.25%;
}

.aspect-ratio-9\/16 {
  padding-top: 177.78%;
}

.aspect-ratio-4\/3 {
  padding-top: 75%;
}

.aspect-ratio-3\/4 {
  padding-top: 133.33%;
}

.aspect-ratio-21\/9 {
  padding-top: 42.86%;
}

/**
    * Here you would add any custom utilities you need that don't come out of the
    * box with Tailwind.
    *
    * Example :
    *
    * .bg-pattern-graph-paper { ... }
    * .skew-45 { ... }
    *
    * Or if using a preprocessor or `postcss-import`:
    *
    * @import "utilities/background-patterns";
    * @import "utilities/skew-transforms";
*/

body {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Poynter Oldstyle", serif;
  font-size: 18px;
  color: #1c1d44;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color .2s;
}

a.ocf-underline {
  display: inline-block;
  position: relative;
}

a.ocf-underline:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #f15b3c;
}

a:hover {
  color: #f15b3c;
}

p,
li {
  line-height: 32px;
}

pre {
  white-space: pre-wrap;
}

ul {
  margin-bottom: 30px;
  list-style: none;
}

ul.no-bullets {
  list-style: none;
}

ul:not(.no-bullets) li {
  position: relative;
}

ul:not(.no-bullets) li:before {
  content: "•";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -30px;
  width: 1em;
  color: #f15b3c;
  text-align: right;
  direction: rtl;
}

ul ul {
  padding-left: 50px;
}

ul ul:not(.no-bullets) li:before {
  color: #1c1d44;
}

ol:not(.flickity-page-dots) {
  margin-bottom: 30px;
  list-style: none;
  counter-reset: li;
}

ol:not(.flickity-page-dots) li {
  position: relative;
  counter-increment: li;
}

ol:not(.flickity-page-dots) li:before {
  content: "." counter(li);
  display: inline-block;
  position: absolute;
  top: 0;
  left: -30px;
  width: 1em;
  color: #f15b3c;
  -webkit-font-feature-settings: "tnum";
          font-feature-settings: "tnum";
  text-align: right;
  direction: rtl;
}

ol:not(.flickity-page-dots) ol:not(.flickity-page-dots) {
  padding-left: 50px;
  list-style-type: lower-alpha;
}

ol:not(.flickity-page-dots) ol:not(.flickity-page-dots) li {
  padding-left: 10px;
}

ol:not(.flickity-page-dots) ol:not(.flickity-page-dots) li:before {
  content: none;
}

sup,
sub,
.footnote {
  font-size: 12px;
}

.footnote {
  vertical-align: super;
}

.flickity-page-dots {
  list-style: none;
}

.flickity-page-dots li {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}

.flickity-page-dots li:not(:last-of-type) {
  margin-right: 15px;
}

.flickity-page-dots li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #1c1d44;
  background-color: transparent;
  transition: border-color .3s, background-color .3s;
  cursor: pointer;
}

.flickity-page-dots li:not(.is-selected):hover:before {
  border-color: #f15b3c;
}

.flickity-page-dots .is-selected:before {
  background-color: #1c1d44;
}

.txt-display {
  font-size: 78px;
}

h1 {
  font-size: 48px;
  font-weight: normal;
  line-height: 58px;
}

h2 {
  font-size: 36px;
  font-weight: normal;
  line-height: 46px;
}

h3 {
  font-size: 28px;
  font-weight: normal;
  line-height: 40px;
}

h4 {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
}

h5 {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase;
}

h6 {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}

@media screen and (max-width: 812px) {
  body {
    font-size: 16px;
  }

  p,
  li {
    line-height: 28px;
  }

  .txt-display {
    font-size: 50px;
  }

  h1 {
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
  }

  h2 {
    font-size: 26px;
    font-weight: normal;
    line-height: 34px;
  }

  h3 {
    font-size: 22px;
    font-weight: normal;
    line-height: 30px;
  }

  h4 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
  }

  h5 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
  }

  h6 {
    font-size: 12px;
    font-weight: bold;
  }
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  overflow-x: hidden;
  padding: 0;
}

body.has-overlay {
  height: 100vh;
  overflow-y: hidden;
}

.cover {
  background-color: rgba(0, 0, 0, .67);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s;
}

@media screen and (max-width: 1024px) {
  body.cover-show {
    height: 100vh;
    overflow: hidden;
  }
}

body.cover-show .cover {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 1024px) {
  .main {
    position: relative;
  }
}

img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}

.core-logo {
  height: 100%;
  width: 100%;
}

.core-logo--lg {
  aspect-ratio: 1 / 1;
  display: block;
  height: 100%;
  max-height: 128px;
  max-width: 152px;
  width: 100%;
}

@media screen and (max-width: 1024px) {
  .core-logo--lg {
    margin-top: 35px;
    max-width: 120px;
  }
}

.core-logo--sm {
  aspect-ratio: 1 / .29;
  max-width: 113px;
}

@media screen and (max-width: 767px) {
  .core-logo--sm {
    max-width: 88px;
  }
}

.core-logo img {
  height: 100%;
  width: auto;
}

.core-logo-icon {
  max-width: 113px;
}

input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

.ocf-select {
  width: 100%;
}

.ocf-select .select {
  height: 78px;
}

.ocf-select .select-value {
  pointer-events: none;
}

.ocf-select .options {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  padding-top: 2px;
}

.ocf-select li:not(:last-of-type) {
  margin-bottom: 25px;
}

.ocf-select .option {
  transition: color .2s;
}

.ocf-select .option.selected {
  color: #f15b3c;
}

@media screen and (min-width: 600px) {
  .ocf-select {
    width: 49%;
  }

  .ocf-select.region-select {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 559px) {
  .ocf-select .select {
    height: 70px;
    padding: 20px;
  }
}

.styled-hr {
  display: inline-block;
  position: relative;
  width: calc(100% - 25px);
  height: 25px;
  margin-top: 30px;
  margin-left: 23px;
}

.styled-hr .corner {
  position: absolute;
  top: -23px;
  left: -23px;
  width: 25px;
  height: 25px;
  border: 2px solid #f15b3c;
}

.styled-hr .border-x,
.styled-hr .border-y {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.styled-hr .border-x:before,
.styled-hr .border-y:before {
  content: '';
  position: absolute;
  background-color: #f15b3c;
}

.styled-hr .border-x:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.styled-hr .border-y:before {
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
}

@media screen and (max-width: 1024px) {
  .styled-hr {
    width: calc(100% - 15px);
    height: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 13px;
  }

  .styled-hr .corner {
    top: -13px;
    left: -13px;
    width: 15px;
    height: 15px;
  }
}

blockquote {
  position: relative;
  width: 100%;
  max-width: 522px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px 20px 30px;
  color: #1c1d44;
  font-size: 24px;
  line-height: 36px;
}

blockquote:before,
blockquote:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background-position: left center;
  overflow: hidden;
}

blockquote:before {
  top: 0;
  height: 21px;
  background-image: url(../../../themes/ocf/images/ui/styled_line-top.svg);
}

blockquote:after {
  bottom: 0;
  height: 3px;
  background-image: url(../../../themes/ocf/images/ui/styled_line-bottom.svg);
}

@media screen and (max-width: 1024px) {
  blockquote {
    font-size: 20px;
    line-height: 32px;
  }
}

table {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  margin-bottom: 30px;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

table thead {
  color: #fff;
  text-transform: uppercase;
  background-color: #1c1d44;
}

table tbody {
  overflow: auto;
  color: #343677;
  text-transform: uppercase;
}

table th,
table td {
  padding: 10px;
  border: 1px solid #4d62ad;
}

table th p,
table td p {
  margin-bottom: 20px;
  line-height: 1.3em;
}

table th p:last-of-type,
table td p:last-of-type {
  margin-bottom: 0;
}

table,
th,
td {
  border-collapse: collapse;
}

h1 a:not(.no-underline),
h2 a:not(.no-underline),
h3 a:not(.no-underline),
h4 a:not(.no-underline),
h5 a:not(.no-underline),
h6 a:not(.no-underline),
p a:not(.no-underline),
ul a:not(.no-underline),
ol a:not(.no-underline),
blockquote a:not(.no-underline),
table a:not(.no-underline) {
  padding-bottom: 2px;
  box-shadow: inset 0 -0.075em 0 #f15b3c;
}

h1 a:not(.no-underline):hover,
h1 a:not(.no-underline):focus,
h2 a:not(.no-underline):hover,
h2 a:not(.no-underline):focus,
h3 a:not(.no-underline):hover,
h3 a:not(.no-underline):focus,
h4 a:not(.no-underline):hover,
h4 a:not(.no-underline):focus,
h5 a:not(.no-underline):hover,
h5 a:not(.no-underline):focus,
h6 a:not(.no-underline):hover,
h6 a:not(.no-underline):focus,
p a:not(.no-underline):hover,
p a:not(.no-underline):focus,
ul a:not(.no-underline):hover,
ul a:not(.no-underline):focus,
ol a:not(.no-underline):hover,
ol a:not(.no-underline):focus,
blockquote a:not(.no-underline):hover,
blockquote a:not(.no-underline):focus,
table a:not(.no-underline):hover,
table a:not(.no-underline):focus {
  color: #f15b3c;
}

h4 a {
  line-height: 32px;
}

h5 a {
  line-height: 28px;
}

.element.contentblock h1 a:not(.no-underline),
.element.contentblock h2 a:not(.no-underline),
.element.contentblock h3 a:not(.no-underline),
.element.contentblock h4 a:not(.no-underline),
.element.contentblock h5 a:not(.no-underline),
.element.contentblock h6 a:not(.no-underline),
.element.contentblock p a:not(.no-underline),
.element.contentblock ul a:not(.no-underline),
.element.contentblock ol a:not(.no-underline),
.element.contentblock blockquote a:not(.no-underline),
.element.contentblock table a:not(.no-underline) {
  padding-bottom: .075em;
  box-shadow: inset 0 -0.075em 0 #f15b3c;
}

.element.contentblock h1 a:not(.no-underline):hover,
.element.contentblock h1 a:not(.no-underline):focus,
.element.contentblock h2 a:not(.no-underline):hover,
.element.contentblock h2 a:not(.no-underline):focus,
.element.contentblock h3 a:not(.no-underline):hover,
.element.contentblock h3 a:not(.no-underline):focus,
.element.contentblock h4 a:not(.no-underline):hover,
.element.contentblock h4 a:not(.no-underline):focus,
.element.contentblock h5 a:not(.no-underline):hover,
.element.contentblock h5 a:not(.no-underline):focus,
.element.contentblock h6 a:not(.no-underline):hover,
.element.contentblock h6 a:not(.no-underline):focus,
.element.contentblock p a:not(.no-underline):hover,
.element.contentblock p a:not(.no-underline):focus,
.element.contentblock ul a:not(.no-underline):hover,
.element.contentblock ul a:not(.no-underline):focus,
.element.contentblock ol a:not(.no-underline):hover,
.element.contentblock ol a:not(.no-underline):focus,
.element.contentblock blockquote a:not(.no-underline):hover,
.element.contentblock blockquote a:not(.no-underline):focus,
.element.contentblock table a:not(.no-underline):hover,
.element.contentblock table a:not(.no-underline):focus {
  color: #f15b3c;
}

.element.contentblock h1 a.footnote,
.element.contentblock h2 a.footnote,
.element.contentblock h3 a.footnote,
.element.contentblock h4 a.footnote,
.element.contentblock h5 a.footnote,
.element.contentblock h6 a.footnote,
.element.contentblock p a.footnote,
.element.contentblock ul a.footnote,
.element.contentblock ol a.footnote,
.element.contentblock blockquote a.footnote,
.element.contentblock table a.footnote {
  padding-bottom: 0;
  box-shadow: none;
}

.element.contentblock li {
  margin-bottom: 5px;
}

.link-arrow:hover .icon-box-arrow .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

.icon-box-arrow-back {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  margin-right: 10px;
  transition: border-color .2s;
}

.icon-box-arrow-back .arrow-line {
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  right: 50%;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
  width: 26px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transform-origin: right center;
          transform-origin: right center;
  transition: width .2s, background-color .2s;
}

.icon-box-arrow-back .arrow-head {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
}

.icon-box-arrow-back .arrow-head:before,
.icon-box-arrow-back .arrow-head:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 8px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: background-color .2s;
}

.icon-box-arrow-back .arrow-head:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.icon-box-arrow-back .arrow-head:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.icon-box-arrow {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  border: 2px solid #fff;
  margin-left: 10px;
  transition: border-color .2s;
}

.icon-box-arrow .arrow-line {
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 50%;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
  width: 26px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: width .2s, background-color .2s;
}

.icon-box-arrow .arrow-head {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
}

.icon-box-arrow .arrow-head:before,
.icon-box-arrow .arrow-head:after {
  content: '';
  position: absolute;
  top: -1px;
  right: 0;
  width: 8px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: background-color .2s;
}

.icon-box-arrow .arrow-head:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

.icon-box-arrow .arrow-head:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.icon-arrow-left {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

@media screen and (min-width: 560px) {
  .icon-arrow-left {
    margin-right: 20px;
  }
}

.icon-arrow-left .arrow-line {
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
  width: 26px;
  height: 2px;
  background-color: #1c1d44;
  border-radius: 2px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: width .2s, background-color .2s;
}

.icon-arrow-left .arrow-head {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
}

.icon-arrow-left .arrow-head:before,
.icon-arrow-left .arrow-head:after {
  content: '';
  position: absolute;
  top: -1px;
  left: 0;
  width: 8px;
  height: 2px;
  background-color: #1c1d44;
  border-radius: 2px;
  transition: background-color .2s;
}

.icon-arrow-left .arrow-head:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.icon-arrow-left .arrow-head:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.icon-arrow-left:hover .arrow-line {
  background-color: #f15b3c;
}

.icon-arrow-left:hover .arrow-head:before,
.icon-arrow-left:hover .arrow-head:after {
  background-color: #f15b3c;
}

.icon-arrow-right {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin-left: 5px;
}

@media screen and (min-width: 560px) {
  .icon-arrow-right {
    margin-left: 20px;
  }
}

.icon-arrow-right .arrow-line {
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
  width: 26px;
  height: 2px;
  background-color: #1c1d44;
  border-radius: 2px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: width .2s, background-color .2s;
}

.icon-arrow-right .arrow-head {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: transformY(-50%);
          transform: transformY(-50%);
}

.icon-arrow-right .arrow-head:before,
.icon-arrow-right .arrow-head:after {
  content: '';
  position: absolute;
  top: -1px;
  right: 0;
  width: 8px;
  height: 2px;
  background-color: #1c1d44;
  border-radius: 2px;
  transition: background-color .2s;
}

.icon-arrow-right .arrow-head:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

.icon-arrow-right .arrow-head:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.icon-arrow-right:hover .arrow-line {
  background-color: #f15b3c;
}

.icon-arrow-right:hover .arrow-head:before,
.icon-arrow-right:hover .arrow-head:after {
  background-color: #f15b3c;
}

.icon-download-arrow {
  display: inline-block;
  position: relative;
  top: 3px;
  width: 10px;
  height: 18px;
  border-bottom: 2px solid #f15b3c;
  transition: border-color .2s;
}

.icon-download-arrow .arrow-line {
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
  -webkit-transform: transformX(-50%);
          transform: transformX(-50%);
  width: 2px;
  height: 13px;
  background-color: #f15b3c;
  border-radius: 2px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: width .2s, background-color .2s;
}

.icon-download-arrow .arrow-head {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: transformX(-50%);
          transform: transformX(-50%);
}

.icon-download-arrow .arrow-head:before,
.icon-download-arrow .arrow-head:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -1px;
  width: 2px;
  height: 8px;
  background-color: #f15b3c;
  border-radius: 2px;
  transition: background-color .2s;
}

.icon-download-arrow .arrow-head:before {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

.icon-download-arrow .arrow-head:after {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.icon-plus-minus {
  position: relative;
  width: 16px;
  height: 16px;
}

.icon-plus-minus:before,
.icon-plus-minus:after {
  content: '';
  position: absolute;
  background-color: #fff;
}

.icon-plus-minus:before {
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
}

.icon-plus-minus:after {
  top: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 100%;
  border-radius: 2px;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  transition: -webkit-transform .75s cubic-bezier(.645, .045, .355, 1);
  transition: transform .75s cubic-bezier(.645, .045, .355, 1);
  transition: transform .75s cubic-bezier(.645, .045, .355, 1), -webkit-transform .75s cubic-bezier(.645, .045, .355, 1);
}

.menu-open > .icon-plus-minus:after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.pagination .page-break,
.pagination .page-number {
  width: 30px;
  height: 30px;
  color: #1c1d44;
}

.pagination .page-number {
  border-radius: 100%;
  background-color: transparent;
  border: 2px solid transparent;
  transition: color .3s, background-color .3s, border-color .3s;
}

.pagination .page-number:hover {
  border-color: #f15b3c;
}

.pagination .page-number.active {
  background-color: #f15b3c;
  color: #fff;
}

.pagination .value {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  margin-top: 1px;
  text-align: center;
}

.pagination .page-break .value {
  line-height: 0;
  margin-top: -3px;
  letter-spacing: .03em;
  cursor: default;
}

.core-header-nav header {
  min-height: 77px;
}

.core-header-nav header nav li:not(:last-of-type) {
  margin-right: 30px;
}

@media screen and (max-width: 900px) {
  .core-header-nav header nav li:not(:last-of-type) {
    margin-right: 15px;
  }
}

@media screen and (min-width: 1025px) {
  .core-header-nav {
    min-height: 176px;
  }
}

.core-header-nav nav a.current,
.core-header-nav nav a.section {
  color: #f15b3c;
}

.core-header-nav .nav-container {
  height: 110px;
}

@media screen and (min-width: 1025px) {
  .core-header-nav .nav-container {
    top: 120px;
  }

  .core-header-nav .nav-container.search-open .core-nav li:not(.search-container),
  .core-header-nav .nav-container.search-open .subnav-container,
  .core-header-nav .nav-container.search-open .search {
    display: none;
  }

  .core-header-nav .nav-container.search-open .search-container,
  .core-header-nav .nav-container.search-open .search-go,
  .core-header-nav .nav-container.search-open #Form_SiteSearchForm_action_searchRedirect,
  .core-header-nav .nav-container.search-open .search-close {
    display: block;
  }

  .core-header-nav .nav-container.search-open .core-nav ul {
    padding-left: 40px;
    padding-right: 0;
  }
}

.core-header-nav .nav-container a.current,
.core-header-nav .nav-container a.section,
.core-header-nav .nav-container a.active {
  color: #f15b3c;
}

.core-header-nav .nav-container .search {
  width: 114px;
  height: 110px;
  background-color: #292961;
  outline: none;
  transition: background-color .2s;
}

.core-header-nav .nav-container .search:hover {
  background-color: #f15b3c;
}

.core-header-nav .nav-container .search img {
  pointer-events: none;
  width: 32px;
  height: 32px;
}

.core-header-nav .nav-container .search-go,
.core-header-nav .nav-container #Form_SiteSearchForm_action_searchRedirect {
  display: none;
  height: 110px;
  padding-left: 75px;
  padding-right: 75px;
  outline: none;
  transition: color .2s, background-color .2s;
}

.core-header-nav .nav-container .search-go:hover,
.core-header-nav .nav-container #Form_SiteSearchForm_action_searchRedirect:hover {
  background-color: #f15b3c;
  color: #fff;
}

.core-header-nav .nav-container .search-close {
  display: none;
  width: 114px;
  height: 110px;
  background-color: #292961;
  outline: none;
  transition: background-color .2s;
}

.core-header-nav .nav-container .search-close:hover {
  background-color: #f15b3c;
}

.core-header-nav .nav-container .search-close img {
  width: 20px;
}

.core-header-nav .nav-container .core-nav a {
  max-width: 118px;
}

.core-header-nav .nav-container .core-nav a.active:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.core-header-nav .nav-container .core-nav a:before {
  bottom: -10px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  transition: -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
  transition: transform .2s cubic-bezier(.215, .61, .355, 1);
  transition: transform .2s cubic-bezier(.215, .61, .355, 1), -webkit-transform .2s cubic-bezier(.215, .61, .355, 1);
}

.core-header-nav .nav-container .subnav {
  width: calc(100% - 114px);
  height: 110px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .15s .25s;
}

.core-header-nav .nav-container .subnav.show {
  opacity: 1;
  pointer-events: auto;
  transition-duration: .4s;
  transition-delay: 0s;
}

.core-header-nav .nav-container .subnav li:not(:last-of-type) {
  margin-right: 30px;
}

.core-header-nav .nav-container .subnav a {
  max-width: 118px;
  font-size: 16px;
}

.core-header-nav .nav-container .subnav a:hover {
  color: #f15b3c;
}

.core-header-nav .nav-container .search-container form {
  display: flex;
  align-items: center;
  width: 100%;
}

.core-header-nav .nav-container .search-container label {
  width: 34px;
  height: 34px;
}

.core-header-nav .nav-container .search-container input {
  outline: none;
}

.core-header-nav .nav-container .search-container input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}

.core-header-nav .nav-container .search-container input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}

.core-header-nav .nav-container .search-container input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}

.core-header-nav .nav-container .search-container input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}

.core-header-nav .nav-container .search-container fieldset {
  width: 100%;
  padding-right: 30px;
}

.core-header-nav .nav-container .search-container input[type="text"] {
  width: 100%;
  font-size: 28px;
  color: #4d62ad;
  outline: none;
}

.core-header-nav .nav-container .search-container input[type="submit"] {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  text-transform: uppercase;
  color: #1c1d44;
  background-color: #f3f3f5;
  outline: none;
}

@media screen and (max-width: 812px) {
  .core-header-nav .nav-container .search-container input[type="submit"] {
    font-size: 12px;
    font-weight: bold;
  }
}

.core-header-nav .nav-container #Form_SiteSearchFormMobile_error {
  display: none !important;
}

@media screen and (max-width: 1024px) {
  .core-header-nav .nav-container {
    height: 78px;
  }

  .core-header-nav .nav-container .buttons button {
    padding: 27px;
  }

  .core-header-nav .nav-container .buttons .img-container {
    width: 28px;
  }

  .core-header-nav .nav-container .my-ocf-mobile {
    padding: 30px;
  }

  .core-header-nav .nav-container.search-open .search-mobile {
    display: none;
  }

  .core-header-nav .nav-container.search-open .search-close-mobile {
    display: block;
  }

  .core-header-nav .nav-container.search-open .search-menu-mobile {
    pointer-events: auto;
  }

  .core-header-nav .nav-container .search-menu-mobile,
  .core-header-nav .nav-container .nav-menu-mobile {
    top: 77px;
    height: calc(100vh - 77px);
    padding-bottom: 110px;
    opacity: 0;
    pointer-events: none;
  }

  .core-header-nav .nav-container .search-menu-mobile form {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .core-header-nav .nav-container .search-menu-mobile .field {
    position: relative;
  }

  .core-header-nav .nav-container .search-menu-mobile .field:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="text"] {
    width: 100%;
    padding-left: 40px;
    background: transparent url(../../../themes/ocf/images/ui/icon-search-southcoast-mobile.svg) no-repeat left center;
    font-size: 24px;
    color: #fff;
    outline: 0;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 1;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 1;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 1;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    opacity: 1;
  }

  .core-header-nav .nav-container .search-menu-mobile .btn-toolbar {
    position: absolute;
    bottom: -48px;
    right: 30px;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    width: 100%;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="submit"] {
    padding-right: 50px;
    font-family: "brandon-grotesque", sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: transparent url(../../../themes/ocf/images/ui/icon-arrow_enter-white-mobile.svg) no-repeat right center;
    transition: color .2s;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="submit"]:focus {
    outline: 0;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="submit"]:hover {
    color: #f15b3c;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="submit"] span {
    margin-top: 2px;
  }

  .core-header-nav .nav-container .search-menu-mobile input[type="submit"] img {
    margin-left: 15px;
  }

  .core-header-nav .nav-container .search-learn-more {
    bottom: -48px;
    transition: color .2s;
  }

  .core-header-nav .nav-container .search-learn-more:focus {
    outline: 0;
  }

  .core-header-nav .nav-container .search-learn-more span {
    margin-top: 2px;
  }

  .core-header-nav .nav-container .search-learn-more img {
    margin-left: 15px;
  }

  .core-header-nav .nav-container.menu-open .nav-menu {
    display: none;
  }

  .core-header-nav .nav-container.menu-open .nav-menu-close {
    display: block;
  }

  .core-header-nav .nav-container.menu-open .nav-menu-mobile {
    pointer-events: auto;
  }

  .core-header-nav .nav-container .nav-menu-mobile a {
    line-height: 30px;
  }

  .core-header-nav .nav-container .top-level-menu-link,
  .core-header-nav .nav-container .top-level-menu-placeholder {
    padding: 28px;
    transition: background-color .3s;
  }

  .core-header-nav .nav-container .top-level-menu-link.open {
    background-color: #f15b3c;
  }

  .core-header-nav .nav-container .top-level-menu-link.open .icon-expand {
    display: none;
  }

  .core-header-nav .nav-container .top-level-menu-link.open .icon-collapse {
    display: block;
  }

  .core-header-nav .nav-container .no-children {
    margin-left: 69px;
  }

  .core-header-nav .nav-container .icon-accordion,
  .core-header-nav .nav-container .icon-placeholder {
    pointer-events: none;
    width: 13px;
    height: 12px;
  }
}

@media screen and (min-width: 840px) {
  .core-header-nav .nav-container .subnav li:not(:last-of-type) {
    margin-right: 35px;
  }
}

@media screen and (min-width: 1025px) {
  .core-header-nav .nav-container a {
    font-size: 18px;
  }

  .core-header-nav .nav-container nav ul {
    padding-left: 45px;
    padding-right: 45px;
  }

  .core-header-nav .nav-container .subnav li:not(:last-of-type) {
    margin-right: 45px;
  }
}

@media screen and (min-width: 1068px) {
  .core-header-nav .nav-container nav ul {
    padding-left: 65px;
    padding-right: 65px;
  }

  .core-header-nav .nav-container .subnav li:not(:last-of-type) {
    margin-right: 65px;
  }
}

.core-footer {
  margin-top: 180px;
}

.core-footer .copyright {
  line-height: 1.5em;
}

.core-footer nav a {
  line-height: 1.5em;
}

.core-footer nav a.current {
  color: #f15b3c;
}

.core-footer .location {
  line-height: 1.5;
}

.core-footer .logo {
  width: 113px;
  height: 35px;
}

.core-footer .logo svg {
  width: 100%;
  height: auto;
}

.core-footer .logo svg path {
  transition: fill .2s;
}

.core-footer .logo:hover svg path {
  fill: #f15b3c;
}

.core-footer .text-link:first-of-type {
  margin-left: 0;
}

.core-footer .social-link {
  width: 24px;
  height: 20px;
}

.core-footer .social-link svg {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
  transition: transform .3s cubic-bezier(.645, .045, .355, 1);
  transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
}

.core-footer .social-link svg path {
  transition: fill .2s;
}

.core-footer .social-link:hover svg {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.core-footer .social-link:hover svg path {
  fill: #4d62ad;
}

@media screen and (min-width: 1025px) {
  .core-footer {
    margin-top: 200px;
  }

  .core-footer .location:first-of-type {
    margin-left: 0;
  }

  .core-footer .location:last-of-type {
    margin-right: 0;
  }

  .core-footer .text-links {
    padding-top: 4px;
  }
}

@media screen and (max-width: 370px) {
  .core-footer .social-link.ml-50 {
    margin-left: 42px;
  }
}

.footer-newsletter .wrapper {
  padding-bottom: 39px;
}

.footer-newsletter .form-container #footer-newsletter-sign-up {
  display: flex;
}

.footer-newsletter .form-container input {
  width: 100%;
  height: 78px;
  padding: 30px;
  font-size: 28px;
  color: #4d62ad;
  outline: none;
}

.footer-newsletter .form-container input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}

.footer-newsletter .form-container input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}

.footer-newsletter .form-container input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}

.footer-newsletter .form-container input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}

.footer-newsletter .form-container button {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  padding-left: 75px;
  padding-right: 75px;
  text-transform: uppercase;
  color: #1c1d44;
  background-color: #f3f3f5;
  outline: none;
  transition: color .2s, background-color .2s;
}

.footer-newsletter .form-container button:hover {
  background-color: #f15b3c;
  color: #fff;
}

@media screen and (max-width: 812px) {
  .footer-newsletter {
    margin-top: 90px;
  }

  .footer-newsletter .wrapper {
    top: -90px;
  }
}

@media screen and (min-width: 768px) {
  .footer-newsletter {
    margin-top: 100px;
  }

  .footer-newsletter .wrapper {
    top: -100px;
    padding-bottom: 55px;
  }

  .footer-newsletter .form-container input {
    height: 110px;
  }
}

@media screen and (max-width: 1024px) {
  .footer-newsletter .form-container #footer-newsletter-sign-up {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .footer-newsletter .form-container #footer-newsletter-sign-up {
    max-width: 420px;
  }

  .footer-newsletter .form-container input {
    font-size: 16px;
  }

  .footer-newsletter .form-container button {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.modal-footer-newsletter {
  display: none;
}

.modal-footer-newsletter.show {
  display: block;
}

.modal-footer-newsletter .wrapper {
  padding-bottom: 3px;
}

.modal-footer-newsletter .wrapper:before,
.modal-footer-newsletter .wrapper:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  background-position: left center;
  overflow: hidden;
}

.modal-footer-newsletter .wrapper:before {
  top: 90px;
  height: 21px;
  background-image: url(../../../themes/ocf/images/ui/styled_line-top.svg);
}

.modal-footer-newsletter .wrapper:after {
  bottom: 0;
  height: 3px;
  background-image: url(../../../themes/ocf/images/ui/styled_line-bottom.svg);
}

.modal-footer-newsletter .btn-close {
  width: 40px;
}

.modal-footer-newsletter .btn-close svg {
  width: 100%;
  height: auto;
}

.modal-footer-newsletter .btn-close svg g {
  transition: stroke .3s;
}

.modal-footer-newsletter .btn-close:hover svg g {
  stroke: #f15b3c;
}

@media screen and (min-width: 768px) {
  .modal-footer-newsletter {
    min-height: 516px;
  }

  .modal-footer-newsletter .content-container {
    min-height: 264px;
    padding-top: 14px;
  }
}

@media screen and (max-width: 767px) {
  .modal-footer-newsletter .btn-close {
    width: 20px;
  }

  .modal-footer-newsletter .wrapper:before {
    top: 60px;
  }

  .modal-footer-newsletter .content-container {
    margin-top: 12px;
  }
}

.cookies-notice.show {
  display: block !important;
}

.cookies-notice .message {
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

.cookies-notice .message a {
  display: inline-block;
  text-decoration: underline;
}

.cookies-notice .message a:hover {
  color: #343677;
}

.cookies-notice .btn-agree {
  max-width: 154px;
  padding-left: 47px;
  padding-right: 47px;
  transition: background-color .3s;
}

.cookies-notice .btn-agree:hover {
  background-color: #343677;
}

.cookies-notice .btn-agree:hover .copy {
  color: #fff;
}

.cookies-notice .copy {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  transition: color .3s;
}

.layout-CharitySelectionPage .main {
  background-color: #fff;
}

.logic-flow .start-over {
  top: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.logic-flow .start-over button {
  transition: color .2s;
}

.logic-flow .restart button {
  transition: color .2s;
}

.logic-flow .start-over .icon-box-arrow-back {
  border-color: #f15b3c;
}

.logic-flow .start-over .icon-box-arrow-back .arrow-line {
  background-color: #f15b3c;
}

.logic-flow .start-over .icon-box-arrow-back .arrow-head:before,
.logic-flow .start-over .icon-box-arrow-back .arrow-head:after {
  background-color: #f15b3c;
}

.logic-flow .start-over button:hover .icon-box-arrow-back {
  border-color: #1c1d44;
}

.logic-flow .start-over button:hover .link-arrow {
  color: #1c1d44;
}

.logic-flow .start-over button:hover .arrow-line {
  width: 37px;
  transition-duration: .2s;
  background-color: #1c1d44;
}

.logic-flow .start-over button:hover .arrow-head:before,
.logic-flow .start-over button:hover .arrow-head:after {
  background-color: #1c1d44;
}

.logic-flow .no-results .icon-box-arrow,
.logic-flow .restart-message .icon-box-arrow {
  border-color: #fff;
}

.logic-flow .no-results .icon-box-arrow .arrow-line,
.logic-flow .restart-message .icon-box-arrow .arrow-line {
  background-color: #fff;
}

.logic-flow .no-results .icon-box-arrow .arrow-head:before,
.logic-flow .no-results .icon-box-arrow .arrow-head:after,
.logic-flow .restart-message .icon-box-arrow .arrow-head:before,
.logic-flow .restart-message .icon-box-arrow .arrow-head:after {
  background-color: #fff;
}

.logic-flow .no-results button:hover .icon-box-arrow,
.logic-flow .restart-message button:hover .icon-box-arrow {
  border-color: #343677;
}

.logic-flow .no-results button:hover .link-arrow,
.logic-flow .restart-message button:hover .link-arrow {
  color: #343677;
}

.logic-flow .no-results button:hover .arrow-line,
.logic-flow .restart-message button:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
  background-color: #343677;
}

.logic-flow .no-results button:hover .arrow-head:before,
.logic-flow .no-results button:hover .arrow-head:after,
.logic-flow .restart-message button:hover .arrow-head:before,
.logic-flow .restart-message button:hover .arrow-head:after {
  background-color: #343677;
}

.logic-flow .step-1:not(.open),
.logic-flow .step-2:not(.open),
.logic-flow .step-3:not(.open) {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}

.logic-flow .options {
  transition: min-height 1s;
}

.logic-flow .option {
  transition: opacity .5s;
}

.logic-flow .icon {
  height: 66px;
}

.logic-flow .icon img,
.logic-flow .icon svg {
  width: auto;
  height: 100%;
}

.logic-flow .ocf-radio {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.logic-flow .ocf-radio-label {
  display: block;
  transition: color .3s;
}

.logic-flow .ocf-radio-label:before {
  content: '';
  position: relative;
  top: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  border: solid 2px #8dcfb3;
  border-radius: 13px;
  background-color: transparent;
  transition: border-color .3s, background-color .3s;
}

.logic-flow .ocf-radio-label .label-text {
  min-height: 36px;
}

.logic-flow .ocf-radio-label:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.logic-flow .ocf-radio:checked ~ .ocf-radio-label {
  color: #8dcfb3;
}

.logic-flow .ocf-radio:checked ~ .ocf-radio-label:before {
  background-color: #8dcfb3;
}

.logic-flow .step-3 .ocf-radio-label:before {
  position: absolute;
  top: -3px;
  left: 0;
}

.logic-flow .results:after {
  content: '';
  flex: auto;
  display: none;
}

.logic-flow .result {
  transition: opacity .5s;
}

.logic-flow .result.hide {
  display: none !important;
}

.logic-flow .divider {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #8dcfb3;
}

.logic-flow .link-arrow {
  color: #1c1d44;
}

.logic-flow .icon-box-arrow {
  border-color: #1c1d44;
}

.logic-flow .arrow-line {
  background-color: #1c1d44;
}

.logic-flow .arrow-head:before,
.logic-flow .arrow-head:after {
  background-color: #1c1d44;
}

.logic-flow .link-arrow:hover {
  color: #f15b3c;
}

.logic-flow .link-arrow:hover .icon-box-arrow {
  border-color: #f15b3c;
}

.logic-flow .link-arrow:hover .arrow-line {
  background-color: #f15b3c;
}

.logic-flow .link-arrow:hover .arrow-head:before,
.logic-flow .link-arrow:hover .arrow-head:after {
  background-color: #f15b3c;
}

.logic-flow .link-arrow:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (min-width: 768px) {
  .logic-flow .step-1 .option,
  .logic-flow .step-2 .option {
    width: 32%;
  }

  .logic-flow .results:not(.mod3):after {
    display: block;
  }

  .logic-flow .results:after,
  .logic-flow .result {
    max-width: 32%;
  }
}

@media screen and (min-width: 560px) and (max-width: 767px) {
  .logic-flow .result {
    max-width: 49%;
  }
}

@media screen and (max-width: 767px) {
  .logic-flow .start-over {
    top: -40px;
    left: 20px;
    -webkit-transform: none;
            transform: none;
  }

  .logic-flow .icon {
    height: 44px;
  }
}

@media screen and (max-width: 559px) {
  .logic-flow .result:last-of-type {
    margin-bottom: 0;
  }
}

.resources-holder {
  max-width: 1084px;
  padding-left: 30px;
  padding-right: 30px;
}

.resources-holder .resource-section:not(:last-of-type) {
  margin-bottom: 67px;
}

.resources-holder .resource-icon {
  width: auto;
  height: 54px;
}

@media screen and (min-width: 768px) {
  .resources-holder .resource:nth-child(3n+1) {
    padding-right: 20px;
  }

  .resources-holder .resource:nth-child(3n+2) {
    padding-left: 10px;
    padding-right: 10px;
  }

  .resources-holder .resource:nth-child(3n+3) {
    padding-left: 20px;
  }
}

@media screen and (min-width: 560px) and (max-width: 767px) {
  .resources-holder .resource:nth-child(odd) {
    padding-right: 20px;
  }

  .resources-holder .resource:nth-child(even) {
    padding-left: 20px;
  }
}

@media screen and (max-width: 559px) {
  .resources-holder .resource:last-of-type {
    margin-bottom: 0;
  }
}

body.layout-CommunityImpactHolder {
  background-color: #fff;
}

body.layout-CommunityImpactHolder .community-impact-areas .wrapper {
  max-width: 1084px;
}

body.layout-CommunityImpactHolder .community-impact-areas .accent-bg {
  width: 150px;
  height: 150px;
}

body.layout-CommunityImpactHolder .community-impact-areas .icon {
  height: 90px;
}

body.layout-CommunityImpactHolder .community-impact-areas .title {
  font-size: 26px;
  font-weight: normal;
  line-height: 34px;
}

body.layout-CommunityImpactHolder .community-impact-areas .link-arrow {
  color: #1c1d44;
  transition: color .2s;
}

body.layout-CommunityImpactHolder .community-impact-areas .icon-box-arrow {
  border-color: #1c1d44;
}

body.layout-CommunityImpactHolder .community-impact-areas .arrow-line {
  background-color: #1c1d44;
}

body.layout-CommunityImpactHolder .community-impact-areas .arrow-head:before,
body.layout-CommunityImpactHolder .community-impact-areas .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-CommunityImpactHolder .community-impact-areas .impact-area-link:hover .link-arrow {
  color: #f15b3c;
}

body.layout-CommunityImpactHolder .community-impact-areas .impact-area-link:hover .link-arrow .icon-box-arrow {
  border-color: #f15b3c;
}

body.layout-CommunityImpactHolder .community-impact-areas .impact-area-link:hover .link-arrow .arrow-line {
  background-color: #f15b3c;
}

body.layout-CommunityImpactHolder .community-impact-areas .impact-area-link:hover .link-arrow .arrow-head:before,
body.layout-CommunityImpactHolder .community-impact-areas .impact-area-link:hover .link-arrow .arrow-head:after {
  background-color: #f15b3c;
}

body.layout-CommunityImpactHolder .community-impact-areas .impact-area-link:hover .link-arrow .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

body.layout-CommunityImpactHolder .community-impact-areas .impact-area-image {
  height: 154px;
}

@media screen and (min-width: 1441px) {
  body.layout-CommunityImpactHolder .community-impact-areas .title {
    font-size: 36px;
    font-weight: normal;
    line-height: 46px;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
  body.layout-CommunityImpactHolder .community-impact-areas .title {
    font-size: 2.5vw;
    line-height: 1.28;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  body.layout-CommunityImpactHolder .community-impact-areas .title {
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) {
  body.layout-CommunityImpactHolder .community-impact-areas .title {
    min-height: 92px;
  }
}

@media screen and (max-width: 767px) {
  body.layout-CommunityImpactHolder .community-impact-areas a.impact-area-link:first-of-type {
    margin-top: 0 !important;
  }

  body.layout-CommunityImpactHolder .community-impact-areas a.impact-area-link:last-of-type {
    margin-bottom: 0 !important;
  }
}

.social-share {
  max-width: 676px;
}

.social-share svg {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
  transition: transform .4s cubic-bezier(.645, .045, .355, 1);
  transition: transform .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
}

.social-share svg path {
  transition: fill .3s;
}

.social-share a:hover svg {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.social-share a:hover svg path {
  fill: #f15b3c;
}

.social-follow {
  max-width: 676px;
}

.social-follow svg {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
  transition: transform .4s cubic-bezier(.645, .045, .355, 1);
  transition: transform .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
}

.social-follow svg path {
  transition: fill .3s;
}

.social-follow a:hover svg {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.social-follow a:hover svg path {
  fill: #f15b3c;
}

.alertBlock {
  background-color: #4d62ad;
  padding: 30px 28px;
}

@media screen and (min-width: 1024px) {
  .alertBlock {
    padding: 27px 30px;
  }
}

.alertBlock.show {
  display: block !important;
}

.alertBlock__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  letter-spacing: 0;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
}

.alertBlock__content > * + * {
  margin-top: 22px;
}

@media screen and (min-width: 1024px) {
  .alertBlock__content {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    text-align: left;
    justify-content: space-between;
  }

  .alertBlock__content > * + * {
    margin-top: 0;
  }
}

.alertBlock__body p {
  line-height: 150%;
}

.alertBlock__body p a {
  text-decoration: underline;
  padding-bottom: 0;
  box-shadow: none;
}

@media screen and (min-width: 1024px) {
  .alertBlock__body {
    max-width: 735px;
    font-size: 16px;
  }

  .alertBlock__body p {
    line-height: 119.41%;
  }
}

.alertBlock__link {
  display: flex;
  align-items: center;
  line-height: 119.41%;
  letter-spacing: .12em;
}

.alertBlock__link > * + * {
  margin-left: 9px;
}

@media screen and (min-width: 1024px) {
  .alertBlock__link {
    font-size: 16px;
    line-height: 119.41%;
  }
}

.alertBlock__link .alertBlock__linkIcon {
  width: 16px;
  height: 16px;
}

@media screen and (min-width: 1024px) {
  .alertBlock__link .alertBlock__linkIcon {
    width: 18px;
    height: 18px;
  }
}

.alertBlock__link .alertBlock__linkIcon .stroke {
  stroke: #fff;
  transition: stroke .2s;
}

.alertBlock__link:hover .alertBlock__linkIcon .stroke {
  stroke: #f15b3c;
}

.default-content-block + .contentblock .default-content-block {
  padding-top: 0;
}

.default-content-block {
  overflow: auto;
}

.default-content-block h1,
.default-content-block h2,
.default-content-block h3,
.default-content-block h4,
.default-content-block h5,
.default-content-block h6,
.default-content-block p {
  margin-bottom: 30px;
}

.default-content-block p:last-of-type:last-child {
  margin-bottom: 0;
}

.default-content-block ul:last-of-type:last-child {
  margin-bottom: 0;
}

.default-content-block ul:last-of-type:last-child + p:last-of-type {
  margin-top: 30px;
}

.default-content-block ul:last-of-type:last-child li:last-child {
  margin-bottom: 15px;
}

.default-content-block img {
  width: auto;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.default-content-block img.leftAlone {
  display: block;
  margin-right: auto;
}

.default-content-block img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.default-content-block img.rightAlone {
  display: block;
  margin-left: auto;
}

.default-content-block img.left {
  float: left;
  max-width: 50%;
  margin: 8px 20px 8px 0;
}

.default-content-block img.right {
  float: right;
  max-width: 50%;
  margin: 8px 0 8px 20px;
}

.default-content-block .caption {
  position: relative;
  width: 100%;
  margin-top: 22px;
  margin-bottom: 20px;
  padding-top: 20px;
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.default-content-block .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

.default-content-block .caption:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 152px;
  border-top: 2px solid #1c1d44;
}

@media screen and (min-width: 768px) {
  .default-content-block .caption {
    margin-bottom: 50px;
  }
}

.default-content-block .captionImage {
  margin-bottom: 20px;
}

.default-content-block .captionImage img {
  margin-bottom: 0;
}

.default-content-block .captionImage img.left,
.default-content-block .captionImage img.right {
  max-width: 100%;
}

.default-content-block .captionImage .caption {
  width: 100%;
}

.default-content-block .captionImage.center {
  width: 100% !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.default-content-block .captionImage.center img {
  max-width: 100%;
}

.default-content-block .captionImage.center .caption {
  float: none;
  clear: both;
  text-align: center;
}

.default-content-block .captionImage.center .caption:before {
  left: 50%;
  right: auto;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.default-content-block .captionImage.leftAlone,
.default-content-block .captionImage.rightAlone {
  display: block;
  float: left;
  clear: both;
  max-width: 100% !important;
  width: 100% !important;
}

.default-content-block .captionImage.leftAlone img,
.default-content-block .captionImage.rightAlone img {
  max-width: 100%;
}

.default-content-block .captionImage.leftAlone .caption,
.default-content-block .captionImage.rightAlone .caption {
  float: left;
  clear: both;
}

.default-content-block .captionImage.leftAlone .caption {
  text-align: left;
}

.default-content-block .captionImage.rightAlone .caption {
  text-align: right;
}

.default-content-block .captionImage.rightAlone .caption:before {
  left: auto;
  right: 0;
}

.default-content-block .captionImage.left {
  float: left;
  max-width: 50%;
  margin-right: 20px;
}

.default-content-block .captionImage.left .caption {
  float: left;
  clear: left;
  margin-right: 20px;
}

.default-content-block .captionImage.right {
  float: right;
  max-width: 50%;
  margin-left: 20px;
}

.default-content-block .captionImage.right .caption {
  float: right;
  clear: right;
  text-align: right;
  margin-left: 20px;
}

.default-content-block .captionImage.right .caption:before {
  left: auto;
  right: 0;
}

@media screen and (max-width: 600px) {
  .default-content-block .captionImage.left,
  .default-content-block .captionImage.right {
    width: 100%;
    max-width: 100%;
  }

  .default-content-block .captionImage.leftAlone img,
  .default-content-block .captionImage.rightAlone img {
    width: 100%;
    max-width: 100%;
  }
}

.blockquote-block blockquote {
  max-width: 100%;
}

@media screen and (max-width: 683px) {
  .blockquote-block blockquote {
    width: 100%;
  }
}

.layout-StaffMemberPage .blockquote-block {
  padding-left: 0;
  padding-right: 0;
}

.layout-StaffMemberPage .blockquote-block blockquote {
  width: 100%;
}

.two-column-statement-image-block .content h1,
.two-column-statement-image-block .content h2,
.two-column-statement-image-block .content h3,
.two-column-statement-image-block .content h4,
.two-column-statement-image-block .content h5,
.two-column-statement-image-block .content h6,
.two-column-statement-image-block .content p {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .two-column-statement-image-block .wrapper {
    max-width: calc(66.67% + 50px);
  }
}

.bg-white .styled-cta-block .btn-icon:before {
  background-color: #fff;
}

.styled-cta-block .content a {
  color: #f15b3c;
}

.styled-cta-block .content a:hover {
  color: #1c1d44;
}

.styled-cta-block .outline-border {
  margin-left: 25px;
  border: 2px solid #f15b3c;
}

.styled-cta-block .corner {
  position: absolute;
  top: -25px;
  left: -25px;
  width: 25px;
  height: 25px;
  border: 2px solid #f15b3c;
}

.styled-cta-block .icon-box-arrow {
  border-color: #fff !important;
  transition: color .2s;
}

.styled-cta-block .icon-box-arrow .icon-box-arrow {
  border-color: #fff;
}

.styled-cta-block .icon-box-arrow .arrow-line {
  background-color: #fff;
}

.styled-cta-block .icon-box-arrow .arrow-head:before,
.styled-cta-block .icon-box-arrow .arrow-head:after {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .styled-cta-block .outline-border {
    margin-left: 15px;
  }

  .styled-cta-block .corner {
    top: -15px;
    left: -15px;
    width: 15px;
    height: 15px;
  }
}

.statistics-block .statistics-image {
  display: none;
  top: -67px;
  right: -87px;
  height: 538px;
}

@media screen and (min-width: 1200px) {
  .statistics-block {
    padding-top: 110px;
  }

  .statistics-block .content {
    min-height: 538px;
  }

  .statistics-block .statistics-image {
    display: block;
  }
}

@media screen and (max-width: 1199px) {
  .bg-white .statistics-block .content {
    background-color: #f3f3f5;
  }
}

.related-stories .headline {
  padding-bottom: 45px;
}

.related-stories .wrapper {
  margin-top: 95px;
}

.related-stories .content {
  top: -95px;
}

.related-stories .related-story:hover .heading {
  text-decoration: underline;
}

.related-stories .related-story:hover .link-arrow {
  color: #f15b3c;
}

.related-stories .related-story:hover .icon-box-arrow {
  border-color: #f15b3c;
}

.related-stories .related-story:hover .arrow-line {
  background-color: #f15b3c;
}

.related-stories .related-story:hover .arrow-head:before,
.related-stories .related-story:hover .arrow-head:after {
  background-color: #f15b3c;
}

.related-stories .related-story:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (min-width: 870px) {
  .related-stories .headline .wrapper {
    max-width: 1024px;
  }

  .related-stories .content {
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .related-stories .related-story {
    width: 33.33%;
    margin-top: 0;
  }

  .related-stories .related-story:nth-child(even) {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (max-width: 869px) {
  .related-stories .related-story:first-of-type {
    margin-top: 0;
  }
}

.image-block img {
  width: auto;
}

.image-block .accent-line {
  width: 152px;
}

.image-block .caption {
  max-width: 676px;
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.image-block .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

.video-block .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-block .embed-container iframe,
.video-block .embed-container object,
.video-block .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-block .accent-line {
  width: 152px;
}

.video-block .caption {
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.video-block .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

.text-image-block .text-container h1,
.text-image-block .text-container h2,
.text-image-block .text-container h3,
.text-image-block .text-container h4,
.text-image-block .text-container h5,
.text-image-block .text-container h6,
.text-image-block .text-container p {
  margin-bottom: 30px;
}

.text-image-block .text-container p {
  font-size: 24px;
  line-height: 1.5em;
}

.text-image-block .text-container > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .text-image-block.layout-text-right .accent-bg {
    margin-left: -50px;
  }

  .text-image-block.layout-text-right .image-container {
    order: 1;
    margin-left: 87px;
  }

  .text-image-block.layout-text-right .text-container {
    order: 2;
    margin-left: 87px;
    padding-left: 0;
  }

  .text-image-block.layout-text-left .accent-bg {
    margin-left: 50px;
  }

  .text-image-block.layout-text-left .text-container {
    order: 1;
    margin-right: 87px;
    padding-right: 0;
  }

  .text-image-block.layout-text-left .image-container {
    order: 2;
    margin-right: 87px;
  }
}

@media screen and (min-width: 1025px) {
  .text-image-block.layout-text-right .accent-bg {
    margin-left: -87px;
  }

  .text-image-block.layout-text-left .accent-bg {
    margin-left: 87px;
  }
}

@media screen and (max-width: 1024px) {
  .text-image-block .text-container {
    padding-left: 30px;
  }
}

@media screen and (max-width: 767px) {
  .text-image-block .text-container p {
    font-size: 20px;
    line-height: 1.5em;
  }
}

.offset-cta-block .accent-bg {
  width: 150px;
  height: 150px;
}

.offset-cta-block h1,
.offset-cta-block h2,
.offset-cta-block h3,
.offset-cta-block h4,
.offset-cta-block h5,
.offset-cta-block h6,
.offset-cta-block p {
  margin-bottom: 30px;
}

.offset-cta-block p {
  font-size: 24px;
  line-height: 32px;
}

.offset-cta-block p:last-of-type {
  margin-bottom: 0;
}

.offset-cta-block .link-arrow {
  color: #1c1d44;
}

.offset-cta-block .icon-box-arrow {
  border-color: #1c1d44;
}

.offset-cta-block .arrow-line {
  background-color: #1c1d44;
}

.offset-cta-block .arrow-head:before,
.offset-cta-block .arrow-head:after {
  background-color: #1c1d44;
}

.offset-cta-block .link-arrow:hover {
  color: #f15b3c;
}

.offset-cta-block .link-arrow:hover .icon-box-arrow {
  border-color: #f15b3c;
}

.offset-cta-block .link-arrow:hover .arrow-line {
  background-color: #f15b3c;
}

.offset-cta-block .link-arrow:hover .arrow-head:before,
.offset-cta-block .link-arrow:hover .arrow-head:after {
  background-color: #f15b3c;
}

.offset-cta-block .link-arrow:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (max-width: 414px) {
  .offset-cta-block p {
    font-size: 18px;
  }
}

.featured-story-block.full-width {
  padding-top: 87px;
  padding-bottom: 87px;
}

.featured-story-block.full-width .image-bg {
  display: none;
}

.featured-story-block.full-width .content,
.featured-story-block.full-width .filter-1,
.featured-story-block.full-width .filter-2 {
  color: #fff;
}

.featured-story-block .content h1,
.featured-story-block .content h2,
.featured-story-block .content h3,
.featured-story-block .content h4,
.featured-story-block .content h5,
.featured-story-block .content h6,
.featured-story-block .content p {
  margin-bottom: 30px;
}

.featured-story-block .divider {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #f15b3c;
}

.featured-story-block h6.filter-1 {
  margin-bottom: 0;
}

.featured-story-block h6.filter-2 {
  margin-top: 5px;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .featured-story-block {
    padding-bottom: 40px;
  }

  .featured-story-block.full-width {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

.story-list .story-title {
  max-width: 415px;
  transition: color .2s;
}

.story-list .divider {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #f15b3c;
}

.story-list .impact-area {
  margin-top: 5px;
}

.story-list .story .link-arrow {
  color: #1c1d44;
  transition: color .2s;
}

.story-list .story .icon-box-arrow {
  border-color: #1c1d44;
}

.story-list .story .arrow-line {
  background-color: #1c1d44;
}

.story-list .story .arrow-head:before,
.story-list .story .arrow-head:after {
  background-color: #1c1d44;
}

.story-list .story:hover .story-title {
  color: #f15b3c;
}

.story-list .story:hover .link-arrow {
  color: #f15b3c;
}

.story-list .story:hover .icon-box-arrow {
  border-color: #f15b3c;
}

.story-list .story:hover .arrow-line {
  background-color: #f15b3c;
}

.story-list .story:hover .arrow-head:before,
.story-list .story:hover .arrow-head:after {
  background-color: #f15b3c;
}

.story-list .story:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (min-width: 600px) {
  .story-list .story {
    width: 49%;
  }
}

@media screen and (max-width: 559px) {
  .story-list .story:last-of-type {
    margin-bottom: 0;
  }
}

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: 0;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

.regional-stories-block .flickity-viewport {
  transition: height .2s;
}

.regional-stories-block .carousel {
  max-width: 1184px;
  padding-left: 80px;
  padding-right: 80px;
  outline: none;
}

.regional-stories-block .carousel-cell {
  opacity: 1;
  transition: opacity 1s .3s;
}

.regional-stories-block .carousel-cell:not(.is-selected) {
  opacity: 0;
}

.regional-stories-block .flickity-page-dots {
  position: absolute;
  top: 0;
  left: calc(41.67% + 186px);
  padding-left: 0;
}

.regional-stories-block .flickity-button {
  position: absolute;
  top: 324px;
  width: 22px;
  height: 42px;
}

.regional-stories-block .flickity-button:before,
.regional-stories-block .flickity-button:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 30px;
  background-color: #1c1d44;
  border-radius: 2px;
  opacity: 1;
  transition: background-color .3s, opacity .5s .5s;
}

.regional-stories-block .flickity-button[disabled] {
  pointer-events: none;
}

.regional-stories-block .flickity-button[disabled]:before,
.regional-stories-block .flickity-button[disabled]:after {
  opacity: 0;
}

.regional-stories-block .flickity-button:before {
  top: 0;
  right: 0;
  width: 2px;
  height: 30px;
  -webkit-transform: rotate(42deg);
          transform: rotate(42deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.regional-stories-block .flickity-button:after {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(-42deg);
          transform: rotate(-42deg);
  -webkit-transform-origin: right bottom;
          transform-origin: right bottom;
}

.regional-stories-block .flickity-button.previous {
  left: 0;
}

.regional-stories-block .flickity-button.next {
  right: 0;
}

.regional-stories-block .flickity-button.next:before,
.regional-stories-block .flickity-button.next:after {
  left: 0;
  right: auto;
}

.regional-stories-block .flickity-button.next:before {
  -webkit-transform: rotate(-42deg);
          transform: rotate(-42deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.regional-stories-block .flickity-button.next:after {
  -webkit-transform: rotate(42deg);
          transform: rotate(42deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}

.regional-stories-block .flickity-button:hover:before,
.regional-stories-block .flickity-button:hover:after {
  background-color: #f15b3c;
}

.regional-stories-block .flickity-button svg {
  display: none;
}

.regional-stories-block .accent-line {
  width: 152px;
}

.regional-stories-block .caption {
  padding-top: 22px;
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.regional-stories-block .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

@media screen and (min-width: 1200px) {
  .regional-stories-block .carousel-cell {
    margin-right: 81px;
  }

  .regional-stories-block .accent-bg {
    margin-left: -87px;
  }

  .regional-stories-block .image-container {
    margin-left: 87px;
    padding-bottom: 60px;
  }

  .regional-stories-block .text-container {
    margin-left: 87px;
    padding-left: 0;
    padding-bottom: 1px;
  }
}

@media screen and (max-width: 1199px) {
  .regional-stories-block .carousel {
    padding-left: 0;
    padding-right: 0;
  }

  .regional-stories-block .flickity-button {
    top: calc(75% - 115px);
    -webkit-transform: scale(.35);
            transform: scale(.35);
  }

  .regional-stories-block .flickity-button:before,
  .regional-stories-block .flickity-button:after {
    width: 5px;
  }

  .regional-stories-block .flickity-button[disabled]:before,
  .regional-stories-block .flickity-button[disabled]:after {
    opacity: .2;
  }

  .regional-stories-block .flickity-button.previous {
    left: calc(50% - 68px);
  }

  .regional-stories-block .flickity-button.next {
    right: calc(50% - 68px);
  }

  .regional-stories-block .flickity-page-dots {
    top: calc(75% - 103px);
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .regional-stories-block .flickity-page-dots li {
    width: 15px;
    height: 15px;
  }

  .regional-stories-block .flickity-page-dots li:not(:last-of-type) {
    margin-right: 10px;
  }

  .regional-stories-block .image-container {
    padding-bottom: 0;
  }

  .regional-stories-block .image-container .wrapper {
    padding-top: 35px;
  }

  .regional-stories-block .accent-bg {
    height: calc(100% - 35px);
  }

  .regional-stories-block .caption {
    margin-top: 20px;
  }

  .regional-stories-block .text-container {
    padding-left: 30px;
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1157px) {
  .regional-stories-block .flickity-button {
    top: calc(70vw - 35px);
  }

  .regional-stories-block .flickity-page-dots {
    top: calc(70vw - 23px);
  }
}

@media screen and (max-width: 1024px) {
  .regional-stories-block .flickity-button {
    top: calc(75vw + 7px);
  }

  .regional-stories-block .flickity-page-dots {
    top: calc(75vw + 20px);
  }
}

@media screen and (max-width: 767px) {
  .regional-stories-block .text-container p {
    font-size: 20px;
    line-height: 1.5em;
  }
}

.faq-block {
  max-width: 840px;
}

.faq-block.format-list .question-text {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 24px;
  padding-bottom: 24px;
}

.faq-block.format-list .answer-text ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.faq-block.format-list .answer-text h6 {
  padding-top: 5px;
  padding-bottom: 10px;
}

.faq-block.format-list .answer-text h6 br {
  line-height: 35px;
}

.faq-block .faq.open .indicator {
  background-color: #f15b3c;
}

.faq-block .faq.open .icon-accordion {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-block .question-text {
  padding: 17px 34px;
  font-size: 24px;
  line-height: 1.5em;
}

.faq-block .indicator {
  width: 67px;
  transition: background-color .3s;
  cursor: pointer;
}

.faq-block .indicator:hover {
  background-color: #f15b3c;
}

.faq-block .icon-accordion {
  transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
  transition: transform .4s cubic-bezier(.645, .045, .355, 1);
  transition: transform .4s cubic-bezier(.645, .045, .355, 1), -webkit-transform .4s cubic-bezier(.645, .045, .355, 1);
}

.faq-block .icon-accordion:before,
.faq-block .icon-accordion:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 16px;
  border-radius: 2px;
  background-color: #fff;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}

.faq-block .icon-accordion:before {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
          transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.faq-block .icon-accordion:after {
  left: calc(50% - 1px);
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
          transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.faq-block .answer {
  padding-right: 67px;
}

.faq-block .answer-text {
  padding: 0 34px 24px;
}

@media screen and (max-width: 767px) {
  .faq-block .indicator {
    width: 56px;
  }

  .faq-block .question-text {
    padding: 15px 20px;
    font-size: 20px;
    line-height: 1.3em;
  }

  .faq-block .answer {
    padding-right: 56px;
  }

  .faq-block .answer-text {
    padding: 15px 20px;
  }
}

.staff-profile .wrapper {
  max-width: 1000px;
}

.staff-profile .photo {
  width: 320px;
  min-height: 240px;
}

.staff-profile .job-title {
  margin-top: 2px;
}

.staff-profile .name a,
.staff-profile .email a,
.staff-profile .phone a {
  box-shadow: none;
}

.staff-profile .phone {
  margin-top: 5px;
}

.staff-profile .divider {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #f15b3c;
}

.staff-profile .department {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .staff-profile .photo {
    width: 100%;
  }

  .staff-profile .job-title {
    margin-top: 10px;
  }

  .staff-profile .email {
    margin-top: 25px;
  }

  .staff-profile .phone {
    margin-top: 15px;
  }
}

.zip-code-cta-block .header {
  top: -67px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.zip-code-cta-block .form-container input {
  max-width: 650px;
  font-size: 36px;
  font-weight: normal;
  line-height: 46px;
}

.zip-code-cta-block .form-container input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
  transition: opacity .3s;
}

.zip-code-cta-block .form-container input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  transition: opacity .3s;
}

.zip-code-cta-block .form-container input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
  transition: opacity .3s;
}

.zip-code-cta-block .form-container input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  transition: opacity .3s;
}

.zip-code-cta-block .form-container input:focus::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: .25;
}

.zip-code-cta-block .form-container input:focus::-moz-placeholder {
  /* Firefox 19+ */
  opacity: .25;
}

.zip-code-cta-block .form-container input:focus:-ms-input-placeholder {
  /* IE 10+ */
  opacity: .25;
}

.zip-code-cta-block .form-container input:focus:-moz-placeholder {
  /* Firefox 18- */
  opacity: .25;
}

.zip-code-cta-block .form-container input:-webkit-autofill,
.zip-code-cta-block .form-container input:-webkit-autofill:hover,
.zip-code-cta-block .form-container input:-webkit-autofill:focus,
.zip-code-cta-block .form-container input:-webkit-autofill:active {
  -webkit-animation-name: autofill;
          animation-name: autofill;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

@-webkit-keyframes autofill {
  from {
    color: #fff;
    background-color: transparent;
  }

  to {
    color: #fff;
    background-color: transparent;
  }
}

@keyframes autofill {
  from {
    color: #fff;
    background-color: transparent;
  }

  to {
    color: #fff;
    background-color: transparent;
  }
}

.zip-code-cta-block .form-container .link-arrow {
  color: #fff;
  transition: color .2s;
}

.zip-code-cta-block .form-container .link-arrow .zip-code-submit-text {
  color: #fff;
  transition: color .2s;
}

.zip-code-cta-block .form-container .link-arrow .icon-box-arrow {
  border-color: #fff;
}

.zip-code-cta-block .form-container .link-arrow .arrow-line {
  background-color: #fff;
}

.zip-code-cta-block .form-container .link-arrow .arrow-head:before,
.zip-code-cta-block .form-container .link-arrow .arrow-head:after {
  background-color: #fff;
}

.zip-code-cta-block .form-container .link-arrow:hover {
  color: #f15b3c;
}

.zip-code-cta-block .form-container .link-arrow:hover .zip-code-submit-text {
  color: #f15b3c;
}

.zip-code-cta-block .form-container .link-arrow:hover .icon-box-arrow {
  border-color: #f15b3c;
}

.zip-code-cta-block .form-container .link-arrow:hover .arrow-line {
  background-color: #f15b3c;
}

.zip-code-cta-block .form-container .link-arrow:hover .arrow-head:before,
.zip-code-cta-block .form-container .link-arrow:hover .arrow-head:after {
  background-color: #f15b3c;
}

.zip-code-cta-block .form-container .link-arrow:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

.zip-code-cta-block .form-container hr {
  max-width: 650px;
}

.zip-code-cta-block .result-secondary-message {
  max-width: 500px;
}

@media screen and (min-width: 1025px) {
  .zip-code-cta-block {
    margin-top: 165px;
  }
}

@media screen and (max-width: 1024px) {
  .zip-code-cta-block .form-container #zip-code-search {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .zip-code-cta-block .header {
    top: -55px;
  }

  .zip-code-cta-block .form-container #zip-code-search {
    max-width: 500px;
  }

  .zip-code-cta-block .form-container input {
    font-size: 24px;
  }

  .zip-code-cta-block .form-container hr {
    max-width: 500px;
  }

  .zip-code-cta-block .form-container button {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.grants-and-scholarships-cta-block .cta-link:hover .cta {
  background-color: #f15b3c;
}

.grants-and-scholarships-cta-block .content {
  padding: 80px 60px;
}

.grants-and-scholarships-cta-block .icon {
  width: 72px;
  margin-right: 40px;
}

.grants-and-scholarships-cta-block .cta {
  width: 243px;
  padding: 45px;
  background-color: #1c1d44;
  transition: background-color .3s;
}

.grants-and-scholarships-cta-block .icon-box-arrow {
  border-color: #fff !important;
  transition: color .2s;
}

.grants-and-scholarships-cta-block .icon-box-arrow .icon-box-arrow {
  border-color: #fff;
}

.grants-and-scholarships-cta-block .icon-box-arrow .arrow-line {
  background-color: #fff;
}

.grants-and-scholarships-cta-block .icon-box-arrow .arrow-head:before,
.grants-and-scholarships-cta-block .icon-box-arrow .arrow-head:after {
  background-color: #fff;
}

.grants-and-scholarships-cta-block .cta-link:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (max-width: 1062px) {
  .grants-and-scholarships-cta-block .info br {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .grants-and-scholarships-cta-block .content {
    flex-wrap: wrap;
    padding: 40px 50px 50px;
  }

  .grants-and-scholarships-cta-block .info {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }

  .grants-and-scholarships-cta-block .icon {
    margin-right: 0;
  }

  .grants-and-scholarships-cta-block .cta {
    width: 100%;
    padding: 30px;
  }
}

.pdf-download-block.layout-text {
  text-align: center;
}

.pdf-download-block .cta-link {
  padding: 30px 50px;
}

.pdf-download-block .cta-link:hover .cta {
  color: #fff;
}

.pdf-download-block .cta-link:hover .icon-download-arrow {
  border-color: #fff;
}

.pdf-download-block .cta-link:hover .arrow-line {
  background-color: #fff;
  transition-duration: .3s;
}

.pdf-download-block .cta-link:hover .arrow-head:before,
.pdf-download-block .cta-link:hover .arrow-head:after {
  background-color: #fff;
  transition-duration: .3s;
}

.pdf-download-block .info-container {
  max-width: 850px;
}

.pdf-download-block .photo,
.pdf-download-block .icon-pdf-container {
  width: 140px;
  margin-right: 50px;
}

.pdf-download-block .icon {
  width: 82px;
}

.pdf-download-block .info {
  margin-top: 10px;
}

.pdf-download-block .cta {
  margin-top: 30px;
  transition: color .2s;
}

@media screen and (min-width: 661px) {
  .pdf-download-block .photo,
  .pdf-download-block .icon-pdf-container {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media screen and (max-width: 660px) {
  .pdf-download-block .cta-link {
    padding: 30px 30px 60px;
  }

  .pdf-download-block .content {
    flex-wrap: wrap;
  }

  .pdf-download-block .info-container {
    width: 100%;
    margin-top: 40px;
    text-align: center;
  }

  .pdf-download-block .photo {
    margin-right: 0;
  }

  .pdf-download-block .icon-pdf-container {
    margin-right: 0;
  }

  .pdf-download-block .info {
    margin-top: 20px;
  }

  .pdf-download-block .cta {
    margin-top: 40px;
  }
}

.research-block .logo-research {
  width: 194px;
}

.research-block .summary-text p {
  line-height: 1.8;
}

.research-block .icon-grants {
  width: 53px;
}

.research-block .icon-stories {
  position: relative;
  top: -2px;
  width: 55px;
}

.research-block .link-arrow {
  color: #1c1d44;
}

.research-block .icon-box-arrow {
  border-color: #1c1d44;
}

.research-block .arrow-line {
  background-color: #1c1d44;
}

.research-block .arrow-head:before,
.research-block .arrow-head:after {
  background-color: #1c1d44;
}

.research-block .link-arrow:hover {
  color: #f15b3c;
}

.research-block .link-arrow:hover .icon-box-arrow {
  border-color: #f15b3c;
}

.research-block .link-arrow:hover .arrow-line {
  background-color: #f15b3c;
}

.research-block .link-arrow:hover .arrow-head:before,
.research-block .link-arrow:hover .arrow-head:after {
  background-color: #f15b3c;
}

.research-block .link-arrow:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (max-width: 400px) {
  .research-block .link-arrow {
    padding-right: 60px;
  }
}

.campaign-monitor-block {
  margin-top: 70px;
}

.campaign-monitor-block.blue {
  background-color: #343677;
  color: #fff;
}

.campaign-monitor-block.blue p,
.campaign-monitor-block.blue h1,
.campaign-monitor-block.blue h2,
.campaign-monitor-block.blue h3,
.campaign-monitor-block.blue h4,
.campaign-monitor-block.blue h5,
.campaign-monitor-block.blue h6,
.campaign-monitor-block.blue ol,
.campaign-monitor-block.blue ol li,
.campaign-monitor-block.blue ul,
.campaign-monitor-block.blue ul li {
  color: #fff;
}

.campaign-monitor-block form {
  margin: 1.4em 0;
  min-width: 285px;
}

@media screen and (min-width: 400px) {
  .campaign-monitor-block form {
    min-width: 350px;
  }
}

@media screen and (min-width: 500px) {
  .campaign-monitor-block form {
    min-width: 450px;
  }
}

@media screen and (min-width: 600px) {
  .campaign-monitor-block form {
    font-size: 20px;
    min-width: 550px;
  }
}

.campaign-monitor-block label {
  color: #1c1d44;
  display: block;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
  margin: 34px 0 5px;
}

.campaign-monitor-block.blue label {
  color: #fff;
}

.campaign-monitor-block fieldset > label {
  margin-top: 34px;
}

.campaign-monitor-block fieldset > div {
  margin-top: 24px;
}

.campaign-monitor-block fieldset > div > label {
  display: inline-block;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 0;
  max-width: 85%;
  text-transform: none;
}

.campaign-monitor-block input,
.campaign-monitor-block input[type="text"],
.campaign-monitor-block input[type="password"],
.campaign-monitor-block input[type="number"],
.campaign-monitor-block input[type="tel"],
.campaign-monitor-block input[type="url"],
.campaign-monitor-block input[type="email"] {
  width: 100%;
  max-width: 550px;
  margin-bottom: 10px;
  padding: 8px 22px;
  font-size: 22px;
  color: #4d62ad;
  outline: 1px solid #1c1d44;
}

@media screen and (max-width: 1024px) {
  .campaign-monitor-block input,
  .campaign-monitor-block input[type="text"],
  .campaign-monitor-block input[type="password"],
  .campaign-monitor-block input[type="number"],
  .campaign-monitor-block input[type="tel"],
  .campaign-monitor-block input[type="url"],
  .campaign-monitor-block input[type="email"] {
    font-size: 20px;
  }
}

.campaign-monitor-block.blue input {
  outline: 0;
}

.campaign-monitor-block input[type="checkbox"],
.campaign-monitor-block input[type="radio"] {
  background-color: #fff;
  color: #4d62ad;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-family: inherit;
  font-size: inherit;
  line-height: normal;
  margin: 3px 17px 0 0;
  outline: 2px solid #1c1d44;
  padding: 9px;
  width: auto;
  max-width: 25px;
          box-sizing: border-box;
     -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0px -15px 10px -12px rgba(0, 0, 0, .05);
  oposition: relative;
}

.campaign-monitor-block input[type="checkbox"]:checked {
  background-color: #1c1d44;
}

.campaign-monitor-block.blue input[type="checkbox"]:checked {
  background-color: #f15b3c;
}

.campaign-monitor-block input[type="radio"] {
  border: 2px solid #1c1d44;
  border-radius: 45px;
  outline: 0;
}

.campaign-monitor-block input[type="radio"]:checked {
  background-color: #1c1d44;
}

.campaign-monitor-block.blue input[type="radio"]:checked {
  background-color: #f15b3c;
}

.campaign-monitor-block button,
.campaign-monitor-block input[type="submit"] {
  padding: 22px 40px;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  background-color: #292961;
  cursor: pointer;
  margin-top: 30px;
  transition: background-color .3s;
  outline: 0;
}

.campaign-monitor-block button:hover,
.campaign-monitor-block input[type="submit"]:hover {
  background-color: #f15b3c;
}

.campaign-monitor-block.blue button,
.campaign-monitor-block.blue input[type="submit"] {
  background-color: #fff;
  color: #1c1d44;
}

.campaign-monitor-block.blue button:hover,
.campaign-monitor-block.blue input[type="submit"]:hover {
  background-color: #1c1d44;
  color: #fff;
}

.campaign-monitor-block select {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  border: 1px solid #1c1d44;
  color: #1c1d44;
  margin-bottom: 24px;
  max-width: 80%;
  padding: 8px;
}

.tableau-block .tableauPlaceholder {
  overflow: scroll !important;
  -webkit-overflow-scrolling: touch;
}

.event-block .event-image {
  width: 160px;
}

.event-block .event-right {
  width: 240px;
}

.event-block .event-info {
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
}

.event-block .event-accordion {
  display: none;
}

@media screen and (min-width: 768px) {
  .event-block .event-accordion {
    display: inline-block;
  }
}

.event-block .icon-accordion {
  margin-left: 8px;
}

.event-block .icon-accordion .icon-stroke {
  stroke: #f15b3c;
}

.event-block .event-description * + *,
.event-block .event-description-more * + * {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .event-block .event-description-more {
    display: none;
  }
}

.event-block .link-arrow {
  color: #1c1d44;
}

.event-block .icon-box-arrow {
  border-color: #1c1d44;
}

.event-block .arrow-line {
  background-color: #1c1d44;
}

.event-block .arrow-head:before,
.event-block .arrow-head:after {
  background-color: #1c1d44;
}

.event-block .link-arrow:hover {
  color: #f15b3c;
}

.event-block .link-arrow:hover .icon-box-arrow {
  border-color: #f15b3c;
}

.event-block .link-arrow:hover .arrow-line {
  background-color: #f15b3c;
}

.event-block .link-arrow:hover .arrow-head:before,
.event-block .link-arrow:hover .arrow-head:after {
  background-color: #f15b3c;
}

.event-block .link-arrow:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (max-width: 767px) {
  .event-block .event-right {
    width: 100%;
  }
}

.event-block .event.expanded .icon-accordion .icon-stroke.icon-stroke-vertical {
  stroke: #fff;
}

.event-block .event.expanded .event-description-more {
  display: inline-block;
}

.video-grid-block .btn-play:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .34);
  transition: background-color .3s;
}

.video-grid-block .btn-play:hover:before {
  background-color: rgba(0, 0, 0, .44);
}

.video-grid-block .btn-play:hover .play-container svg circle {
  stroke: #f15b3c;
}

.video-grid-block .btn-play:hover .play-container svg polygon {
  fill: #f15b3c;
}

.video-grid-block .play-container {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.video-grid-block .play-container svg circle {
  transition: stroke .3s;
}

.video-grid-block .play-container svg polygon {
  transition: fill .3s;
}

.video-grid-block .video-duration {
  padding-top: 10px;
  padding-bottom: 7px;
}

.overlay-video-grid {
  display: none;
  background-color: rgba(28, 29, 68, .95);
}

.overlay-video-grid.show {
  display: flex;
}

.overlay-video-grid .btn-close svg g {
  transition: stroke .3s;
}

.overlay-video-grid .btn-close:hover svg g {
  stroke: #f15b3c;
}

.overlay-video-grid .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.overlay-video-grid .embed-container iframe,
.overlay-video-grid .embed-container object,
.overlay-video-grid .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Videos Grid */

.videos-grid {
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr;
}

@media screen and (min-width: 660px) {
  .videos-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 900px) {
  .videos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.story-grid {
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr;
}

.story-card > *:not(:last-child) {
  margin-bottom: 20px;
}

.story-card .icon-box-arrow {
  border-color: #1c1d44;
}

.story-card .icon-box-arrow .arrow-line {
  background-color: #1c1d44;
}

.story-card .icon-box-arrow .arrow-head::before,
.story-card .icon-box-arrow .arrow-head::after {
  background-color: #1c1d44;
}

.story-card__title a.story-card__link {
  box-shadow: none;
}

@media screen and (min-width: 600px) {
  .story-grid--2-cols,
  .story-grid--3-cols {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 1025px) {
  .story-grid--3-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}

.security-login {
  /* Outer box of the fake checkbox *//* Checkmark of the fake checkbox *//* Hide the checkmark by default *//* Unhide on the checked state *//* Adding focus styles on the outer-box of the fake checkbox */
}

.security-login .message {
  display: inline-block;
  margin-bottom: 60px;
  padding: 5px 20px;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  color: #fff;
  text-transform: uppercase;
  background-color: #f15b3c;
}

.security-login label {
  display: inline-block;
  margin-bottom: 20px;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  text-transform: uppercase;
  color: #1c1d44;
}

@media screen and (max-width: 812px) {
  .security-login label {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
  }
}

.security-login input[type="text"],
.security-login input[type="password"],
.security-login input[type="email"] {
  width: 100%;
  max-width: 415px;
  margin-bottom: 40px;
  padding: 22px;
  background-color: #fff;
  font-size: 28px;
  color: #4d62ad;
  outline: none;
}

@media screen and (max-width: 1024px) {
  .security-login input[type="text"],
  .security-login input[type="password"],
  .security-login input[type="email"] {
    font-size: 24px;
    background-color: #f3f3f5;
  }
}

.security-login input[type="submit"] {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 22px 40px;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
  text-transform: uppercase;
  background-color: #292961;
  cursor: pointer;
  transition: background-color .3s;
}

.security-login input[type="submit"]:hover {
  background-color: #f15b3c;
}

.security-login #ForgotPassword {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #1c1d44;
  text-transform: uppercase;
}

.security-login #ForgotPassword a:before {
  bottom: -5px;
}

.security-login .field.checkbox {
  position: relative;
}

.security-login .field.checkbox input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

.security-login .field.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  cursor: pointer;
}

.security-login .field.checkbox label:before,
.security-login .field.checkbox label:after {
  content: "";
  display: inline-block;
  position: absolute;
}

.security-login .field.checkbox label:before {
  width: 20px;
  height: 20px;
  border: 2px solid #1c1d44;
  top: -1px;
  left: 0;
}

.security-login .field.checkbox label:after {
  top: 6px;
  left: 5px;
  width: 9px;
  height: 5px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.security-login .field.checkbox input[type="checkbox"] + label:after {
  content: none;
}

.security-login .field.checkbox input[type="checkbox"]:checked + label:after {
  content: "";
}

.security-login .field.checkbox input[type="checkbox"]:focus + label:before {
  outline: #3b99fc auto 5px;
}

.style-guide {
  margin-top: 100px;
}

.style-guide .core-logo {
  width: auto;
  height: auto;
}

.style-guide .color-info {
  padding-top: 5px;
  padding-bottom: 5px;
}

.style-guide .color-name {
  white-space: nowrap;
  text-overflow: ellipsis;
}

.style-guide .content-block-link {
  display: block;
  position: relative;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  text-align: center;
  background-color: #f3f3f5;
  transition: background-color .4s;
}

.style-guide .content-block-link:before {
  content: '\2913';
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f15b3c;
}

.style-guide .content-block-link:after {
  content: '\2913';
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #f15b3c;
}

.style-guide .content-block-link:hover {
  background-color: #1c1d44;
}

@media screen and (min-width: 1025px) {
  .style-guide .content-block-link {
    padding-left: 0;
    padding-right: 0;
  }
}

.style-guide .content-block-title {
  margin-bottom: 30px;
  padding: 30px;
  color: #f15b3c;
}

@media screen and (min-width: 1025px) {
  .style-guide .content-block-title {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 1024px) {
  .style-guide .content-block-title {
    padding: 30px 60px;
  }
}

@media screen and (max-width: 1024px) {
  .style-guide {
    margin-top: 50px;
  }
}

body.layout-HomePage .core-header-nav {
  position: absolute;
  top: 0;
  z-index: 30;
  height: 100vh;
  background-color: transparent;
}

@media screen and (max-width: 1024px) {
  body.layout-HomePage .core-header-nav .core-logo {
    display: none;
  }
}

body.layout-HomePage .core-header-nav .nav-container {
  position: absolute;
  top: auto;
  bottom: 0;
}

body.layout-HomePage .core-header-nav .nav-container .core-nav {
  margin-bottom: 110px;
}

body.layout-HomePage .core-header-nav .nav-container .subnav {
  top: auto;
  bottom: 0;
}

body.layout-HomePage .core-header-nav header nav a:not(.btn) {
  color: #1c1d44;
}

body.layout-HomePage .core-header-nav header nav a:not(.btn):hover {
  color: #f15b3c;
}

body.layout-HomePage .hero-home .heading-container h1,
body.layout-HomePage .hero-home .heading-container h2,
body.layout-HomePage .hero-home .heading-container h3,
body.layout-HomePage .hero-home .heading-container h4,
body.layout-HomePage .hero-home .heading-container h5,
body.layout-HomePage .hero-home .heading-container h6,
body.layout-HomePage .hero-home .heading-container p {
  color: #fff;
}

body.layout-HomePage .hero-home .heading-container .text-ocf-red {
  color: #f15b3c;
}

body.layout-HomePage .hero-home .heading-container .icon-box-arrow {
  border: 2px solid #f15b3c;
}

body.layout-HomePage .hero-home .heading-container .icon-box-arrow .arrow-line {
  background-color: #f15b3c;
}

body.layout-HomePage .hero-home .heading-container .icon-box-arrow .arrow-head:before,
body.layout-HomePage .hero-home .heading-container .icon-box-arrow .arrow-head:after {
  background-color: #f15b3c;
}

body.layout-HomePage .hero-home .heading-container .link-arrow:hover .text-ocf-red {
  color: #fff;
}

body.layout-HomePage .hero-home .heading-container .link-arrow:hover .icon-box-arrow {
  border-color: #fff;
}

body.layout-HomePage .hero-home .heading-container .link-arrow:hover .arrow-line {
  background-color: #fff;
}

body.layout-HomePage .hero-home .heading-container .link-arrow:hover .arrow-head:before,
body.layout-HomePage .hero-home .heading-container .link-arrow:hover .arrow-head:after {
  background-color: #fff;
}

@media screen and (min-width: 1025px) {
  body.layout-HomePage .core-header-nav {
    min-height: 815px;
    pointer-events: none;
  }

  body.layout-HomePage .core-header-nav header {
    pointer-events: auto;
  }

  body.layout-HomePage .nav-container {
    pointer-events: auto;
    height: 220px;
  }
}

@media screen and (max-width: 1024px) {
  body.layout-HomePage .header-spacer {
    width: 100%;
    height: 77px;
  }

  body.layout-HomePage .core-header-nav {
    top: auto;
    height: auto;
  }
}

body.layout-BasicPage {
  background-color: #fff;
}

body.layout-ProductPage {
  background-color: #fff;
}

body.layout-StoryPage {
  background-color: #fff;
}

body.layout-StoryPage .author-byline,
body.layout-PAStoryPage .author-byline {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0;
}

body.layout-StoryPage .author-byline-title,
body.layout-PAStoryPage .author-byline-title {
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  margin-top: 0;
  letter-spacing: 0;
}

body.layout-StaffMemberHolder {
  background-color: #fff;
}

body.layout-StaffMemberHolder .hero-basic.desktop-image .accent-color {
  height: 132px;
}

body.layout-StaffMemberHolder .filters-and-search fieldset {
  padding: 0;
}

body.layout-StaffMemberHolder .filters-and-search form {
  position: relative;
  width: 100%;
  padding-left: 10px;
}

body.layout-StaffMemberHolder .filters-and-search label {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  text-indent: 20px;
  overflow: hidden;
  background-image: url(../../../themes/ocf/images/ui/icon-search-southcoast-mobile.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 20px 20px;
}

body.layout-StaffMemberHolder .filters-and-search input {
  position: relative;
  width: 100%;
  padding: 0 145px 10px 35px;
  border-bottom: 2px solid #4d62ad;
  color: #4d62ad;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  outline: none;
}

body.layout-StaffMemberHolder .filters-and-search input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  opacity: 1;
}

body.layout-StaffMemberHolder .filters-and-search input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
}

body.layout-StaffMemberHolder .filters-and-search input:-ms-input-placeholder {
  /* IE 10+ */
  opacity: 1;
}

body.layout-StaffMemberHolder .filters-and-search input:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
}

body.layout-StaffMemberHolder .filters-and-search input:-webkit-autofill,
body.layout-StaffMemberHolder .filters-and-search input:-webkit-autofill:hover,
body.layout-StaffMemberHolder .filters-and-search input:-webkit-autofill:focus,
body.layout-StaffMemberHolder .filters-and-search input:-webkit-autofill:active {
  -webkit-text-fill-color: #4d62ad !important;
  box-shadow: 0 0 0px 1000px #fff inset;
}

body.layout-StaffMemberHolder .filters-and-search button[type=submit] {
  position: absolute;
  bottom: 15px;
  right: 0;
  height: 18px;
  padding: 0 55px 0 0;
  border: none;
  color: #1c1d44;
  font-family: "brandon-grotesque", sans-serif;
  letter-spacing: 1px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  background-image: url(../../../themes/ocf/images/ui/icon-box-arrow.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 35px 18px;
  outline: none;
}

body.layout-StaffMemberHolder .filters-and-search button[type=submit]:hover {
  background-color: transparent;
  color: #f15b3c;
}

body.layout-StaffMemberHolder .result-container:after {
  content: '';
  flex: auto;
  display: none;
}

body.layout-StaffMemberHolder .job-title {
  line-height: 1.3em;
  transition: color .2s;
}

body.layout-StaffMemberHolder .member:hover .job-title {
  color: #f15b3c;
}

body.layout-StaffMemberHolder .divider {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #f15b3c;
}

body.layout-StaffMemberHolder .department {
  margin-top: 5px;
}

@media screen and (min-width: 768px) {
  body.layout-StaffMemberHolder .result-container:not(.mod3):after {
    display: none;
  }

  body.layout-StaffMemberHolder .result-container:after,
  body.layout-StaffMemberHolder .member {
    max-width: 32%;
  }
}

@media screen and (min-width: 560px) and (max-width: 767px) {
  body.layout-StaffMemberHolder .member {
    max-width: 49%;
  }
}

@media screen and (max-width: 767px) {
  body.layout-StaffMemberHolder .filters-and-search form {
    padding-left: 0;
  }

  body.layout-StaffMemberHolder .filters-and-search label {
    left: 0;
  }

  body.layout-StaffMemberHolder .filters-and-search input {
    margin-top: 30px;
  }
}

@media screen and (max-width: 559px) {
  body.layout-StaffMemberHolder .member:last-of-type {
    margin-bottom: 0;
  }
}

body.layout-StaffMemberPage {
  background-color: #fff;
}

body.layout-StaffMemberPage .hero-basic.desktop-image .accent-color {
  height: 132px;
}

body.layout-StaffMemberPage .email,
body.layout-StaffMemberPage .phone {
  margin-top: 5px;
  box-shadow: none;
}

body.layout-StaffMemberPage .linkedin:hover .message {
  background-color: #1c1d44;
}

body.layout-StaffMemberPage .message {
  transition: background-color .3s;
}

body.layout-StoryHolder {
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  body.layout-StoryHolder .hero-basic .accent-color {
    display: none;
  }
}

body.layout-ResearchStoryHolder {
  background-color: #fff;
}

body.layout-ResearchStoryHolder .no-hero {
  margin-bottom: 45px;
}

@media screen and (min-width: 1025px) {
  .layout-EcosystemPage .core-footer {
    margin-top: -100px;
  }
}

@media screen and (max-width: 1024px) {
  .layout-EcosystemPage .core-footer {
    margin-top: 100px;
  }
}

.ecosystem {
  margin-top: 131px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 100px;
}

.ecosystem .container {
  max-width: 1025px;
}

.ecosystem .content {
  max-width: 687px;
  padding-top: 67px;
  padding-bottom: 67px;
}

.ecosystem .line {
  width: auto;
}

.ecosystem .intro-content {
  max-width: 687px;
}

.ecosystem .intro-text p {
  line-height: 1.4em;
}

.ecosystem .block-left {
  padding-left: 87px;
  padding-right: 174px;
}

.ecosystem .block-right {
  padding-left: 174px;
  padding-right: 87px;
}

.ecosystem .block-info {
  max-width: 440px;
}

.ecosystem .block-title {
  font-size: 22px;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 10px;
  font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.ecosystem .image-small {
  z-index: 1;
  width: 127px;
  border-radius: 50%;
  -webkit-animation: ecoFloat 6s forwards infinite;
          animation: ecoFloat 6s forwards infinite;
}

.ecosystem .image-large {
  z-index: 1;
  width: 175px;
  border-radius: 50%;
  -webkit-animation: ecoFloat 6s .5s forwards infinite;
          animation: ecoFloat 6s .5s forwards infinite;
}

@-webkit-keyframes ecoFloat {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
            animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  }

  40% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }

  60% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
            animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes ecoFloat {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
            animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  }

  40% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }

  60% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
            animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.ecosystem .block {
  padding-top: 87px;
  padding-bottom: 87px;
}

.ecosystem .block-1 .image-small {
  top: 60px;
  left: -10px;
}

.ecosystem .block-1 .image-large {
  bottom: -20px;
  left: -87px;
}

.ecosystem .block-2 .image-large {
  top: 30px;
  right: -125px;
}

.ecosystem .block-2 .image-small {
  bottom: 20px;
  right: 20px;
}

.ecosystem .block-3 .image-small {
  top: 130px;
  left: -360px;
}

.ecosystem .block-3 .image-large {
  top: 50px;
  left: -75px;
}

.ecosystem .outro {
  margin-top: 67px;
}

.ecosystem .outro-logo {
  width: 160px;
}

.ecosystem .outro p {
  line-height: 36px;
}

.ecosystem .base-container {
  height: 490px;
}

.ecosystem .base-image {
  top: -100px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1440px;
  max-width: 1440px;
}

.ecosystem .icon-b1-tl {
  position: absolute;
  top: 200px;
  left: -150px;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ecosystem #icon-donors-box-left {
  -webkit-transform-origin: 22px 38px;
          transform-origin: 22px 38px;
  -webkit-animation: iconDonorsBox 3s forwards infinite;
          animation: iconDonorsBox 3s forwards infinite;
}

.ecosystem #icon-donors-box-center {
  -webkit-transform-origin: 41px 29px;
          transform-origin: 41px 29px;
  -webkit-animation: iconDonorsBox 3s .15s forwards infinite;
          animation: iconDonorsBox 3s .15s forwards infinite;
}

.ecosystem #icon-donors-box-right {
  -webkit-transform-origin: 62px 38px;
          transform-origin: 62px 38px;
  -webkit-animation: iconDonorsBox 3s .3s forwards infinite;
          animation: iconDonorsBox 3s .3s forwards infinite;
}

.ecosystem #icon-donors-line-left {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-animation: iconDonorsLines 3s .15s forwards infinite;
          animation: iconDonorsLines 3s .15s forwards infinite;
}

.ecosystem #icon-donors-line-center {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-animation: iconDonorsLines 3s .3s forwards infinite;
          animation: iconDonorsLines 3s .3s forwards infinite;
}

.ecosystem #icon-donors-line-right {
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  -webkit-animation: iconDonorsLines 3s .45s forwards infinite;
          animation: iconDonorsLines 3s .45s forwards infinite;
}

@-webkit-keyframes iconDonorsBox {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0turn);
            transform: scale(1) rotate(0turn);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }

  10% {
    opacity: .5;
    -webkit-transform: scale(.5) rotate(0turn);
            transform: scale(.5) rotate(0turn);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  25% {
    opacity: 1;
    -webkit-transform: scale(1.25) rotate(1turn);
            transform: scale(1.25) rotate(1turn);
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
            animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  }

  35% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(1turn);
            transform: scale(1) rotate(1turn);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(1turn);
            transform: scale(1) rotate(1turn);
  }
}

@keyframes iconDonorsBox {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0turn);
            transform: scale(1) rotate(0turn);
    -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
  }

  10% {
    opacity: .5;
    -webkit-transform: scale(.5) rotate(0turn);
            transform: scale(.5) rotate(0turn);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  25% {
    opacity: 1;
    -webkit-transform: scale(1.25) rotate(1turn);
            transform: scale(1.25) rotate(1turn);
    -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
            animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  }

  35% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(1turn);
            transform: scale(1) rotate(1turn);
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1) rotate(1turn);
            transform: scale(1) rotate(1turn);
  }
}

@-webkit-keyframes iconDonorsLines {
  0% {
    opacity: 0;
    stroke-dashoffset: 50;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    stroke-dashoffset: 50;
  }
}

@keyframes iconDonorsLines {
  0% {
    opacity: 0;
    stroke-dashoffset: 50;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    stroke-dashoffset: 50;
  }
}

.ecosystem .icon-b2-br {
  position: absolute;
  bottom: 120px;
  right: -180px;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ecosystem #icon-nonprofits-line-1 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s .15s forwards infinite;
          animation: iconNonprofitLines 6s .15s forwards infinite;
}

.ecosystem #icon-nonprofits-line-2 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s .3s forwards infinite;
          animation: iconNonprofitLines 6s .3s forwards infinite;
}

.ecosystem #icon-nonprofits-line-3 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s .45s forwards infinite;
          animation: iconNonprofitLines 6s .45s forwards infinite;
}

.ecosystem #icon-nonprofits-line-4 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s .6s forwards infinite;
          animation: iconNonprofitLines 6s .6s forwards infinite;
}

.ecosystem #icon-nonprofits-line-5 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s .75s forwards infinite;
          animation: iconNonprofitLines 6s .75s forwards infinite;
}

.ecosystem #icon-nonprofits-line-6 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s .9s forwards infinite;
          animation: iconNonprofitLines 6s .9s forwards infinite;
}

.ecosystem #icon-nonprofits-line-7 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s 1.05s forwards infinite;
          animation: iconNonprofitLines 6s 1.05s forwards infinite;
}

.ecosystem #icon-nonprofits-line-8 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s 1.2s forwards infinite;
          animation: iconNonprofitLines 6s 1.2s forwards infinite;
}

.ecosystem #icon-nonprofits-line-9 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s 1.35s forwards infinite;
          animation: iconNonprofitLines 6s 1.35s forwards infinite;
}

.ecosystem #icon-nonprofits-line-10 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s 1.5s forwards infinite;
          animation: iconNonprofitLines 6s 1.5s forwards infinite;
}

.ecosystem #icon-nonprofits-line-11 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconNonprofitLines 6s 1.65s forwards infinite;
          animation: iconNonprofitLines 6s 1.65s forwards infinite;
}

@-webkit-keyframes iconNonprofitLines {
  0% {
    opacity: 1;
    stroke-dashoffset: 30;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    stroke-dashoffset: 0;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

@keyframes iconNonprofitLines {
  0% {
    opacity: 1;
    stroke-dashoffset: 30;
  }

  20% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    stroke-dashoffset: 0;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

.ecosystem .icon-b3-bl {
  position: absolute;
  bottom: 100px;
  left: -130px;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ecosystem #icon-community-line-1 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .1s forwards infinite;
          animation: iconCommunityLines 6s .1s forwards infinite;
}

.ecosystem #icon-community-line-2 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .2s forwards infinite;
          animation: iconCommunityLines 6s .2s forwards infinite;
}

.ecosystem #icon-community-line-3 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .3s forwards infinite;
          animation: iconCommunityLines 6s .3s forwards infinite;
}

.ecosystem #icon-community-line-4 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .4s forwards infinite;
          animation: iconCommunityLines 6s .4s forwards infinite;
}

.ecosystem #icon-community-line-5 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .5s forwards infinite;
          animation: iconCommunityLines 6s .5s forwards infinite;
}

.ecosystem #icon-community-line-6 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .6s forwards infinite;
          animation: iconCommunityLines 6s .6s forwards infinite;
}

.ecosystem #icon-community-line-7 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .7s forwards infinite;
          animation: iconCommunityLines 6s .7s forwards infinite;
}

.ecosystem #icon-community-line-8 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .8s forwards infinite;
          animation: iconCommunityLines 6s .8s forwards infinite;
}

.ecosystem #icon-community-line-9 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s .9s forwards infinite;
          animation: iconCommunityLines 6s .9s forwards infinite;
}

.ecosystem #icon-community-line-10 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s 1s forwards infinite;
          animation: iconCommunityLines 6s 1s forwards infinite;
}

.ecosystem #icon-community-line-11 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s 1.1s forwards infinite;
          animation: iconCommunityLines 6s 1.1s forwards infinite;
}

.ecosystem #icon-community-line-12 {
  stroke-dasharray: 30;
  stroke-dashoffset: 30;
  -webkit-animation: iconCommunityLines 6s 1.2s forwards infinite;
          animation: iconCommunityLines 6s 1.2s forwards infinite;
}

@-webkit-keyframes iconCommunityLines {
  0% {
    opacity: 0;
    stroke-dashoffset: 40;
  }

  10% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  90% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  100% {
    opacity: 0;
    stroke-dashoffset: 40;
  }
}

@keyframes iconCommunityLines {
  0% {
    opacity: 0;
    stroke-dashoffset: 40;
  }

  10% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  90% {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  100% {
    opacity: 0;
    stroke-dashoffset: 40;
  }
}

.ecosystem .box {
  width: 20px;
  height: 20px;
  background-color: #f15b3c;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-animation: iconEcoBox 5s forwards infinite;
          animation: iconEcoBox 5s forwards infinite;
}

.ecosystem .box-b1-tr {
  position: absolute;
  top: -10px;
  right: 220px;
}

.ecosystem .box-b1-bl {
  position: absolute;
  bottom: 36px;
  left: -176px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.ecosystem .box-b2-tr {
  position: absolute;
  top: -70px;
  right: -150px;
}

.ecosystem .box-b2-bl {
  position: absolute;
  bottom: -60px;
  left: 190px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

.ecosystem .box-b3-br {
  position: absolute;
  bottom: -10px;
  right: 300px;
}

.ecosystem .box-outro-tr {
  position: absolute;
  top: 253px;
  right: 84px;
}

.ecosystem .box-outro-bl {
  position: absolute;
  bottom: 240px;
  left: 38px;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes iconEcoBox {
  0% {
    -webkit-transform: rotate(0turn) translateZ(0);
            transform: rotate(0turn) translateZ(0);
  }

  25% {
    -webkit-transform: rotate(.5turn) translateZ(0);
            transform: rotate(.5turn) translateZ(0);
  }

  75% {
    -webkit-transform: rotate(.5turn) translateZ(0);
            transform: rotate(.5turn) translateZ(0);
  }

  100% {
    -webkit-transform: rotate(0turn) translateZ(0);
            transform: rotate(0turn) translateZ(0);
  }
}

@keyframes iconEcoBox {
  0% {
    -webkit-transform: rotate(0turn) translateZ(0);
            transform: rotate(0turn) translateZ(0);
  }

  25% {
    -webkit-transform: rotate(.5turn) translateZ(0);
            transform: rotate(.5turn) translateZ(0);
  }

  75% {
    -webkit-transform: rotate(.5turn) translateZ(0);
            transform: rotate(.5turn) translateZ(0);
  }

  100% {
    -webkit-transform: rotate(0turn) translateZ(0);
            transform: rotate(0turn) translateZ(0);
  }
}

.ecosystem .line {
  z-index: 1;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ecosystem .line-intro-tl {
  position: absolute;
  top: 79px;
  left: 86px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 266px;
  max-width: 266px;
}

.ecosystem .line-intro-tl-vertical {
  position: absolute;
  top: 101px;
  left: 2px;
  width: 2px;
  height: calc(100% - 100px);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  background-color: #343677;
}

.ecosystem .line-intro-tl-mobile {
  position: absolute;
  top: 6px;
  left: 64px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 38px;
  max-width: 38px;
}

.ecosystem .line-intro-bl-mobile {
  position: absolute;
  bottom: -60px;
  left: 148px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 122px;
  max-width: 122px;
}

.ecosystem .line-b1-tl {
  position: absolute;
  top: -1px;
  left: 412px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 412px;
  max-width: 412px;
}

.ecosystem .line-b1-tl-2 {
  position: absolute;
  top: 40px;
  left: -30px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 271px;
  max-width: 271px;
}

.ecosystem .line-b1-tr {
  position: absolute;
  top: -47px;
  right: -54px;
  width: 173px;
  max-width: 173px;
}

.ecosystem .line-b1-bl {
  position: absolute;
  bottom: -220px;
  left: 310px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 939px;
  max-width: 939px;
}

.ecosystem .line-b1-tl-mobile {
  position: absolute;
  top: 60px;
  left: 167px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 167px;
  max-width: 167px;
}

.ecosystem .line-b1-tr-mobile {
  position: absolute;
  top: -70px;
  right: 30px;
  width: 52px;
  max-width: 52px;
}

.ecosystem .line-b1-bl-mobile {
  position: absolute;
  bottom: -107px;
  left: 177px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 178px;
  max-width: 178px;
}

.ecosystem .line-b1-br-mobile {
  position: absolute;
  bottom: 140px;
  right: 0;
  width: 66px;
  max-width: 66px;
}

.ecosystem .line-b2-tr {
  position: absolute;
  top: -210px;
  right: -340px;
  width: 117px;
  max-width: 117px;
}

.ecosystem .line-b2-bl {
  position: absolute;
  bottom: -130px;
  left: 570px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 756px;
  max-width: 756px;
}

.ecosystem .line-b2-br {
  position: absolute;
  bottom: -158px;
  right: -550px;
  width: 599px;
  max-width: 599px;
}

.ecosystem .line-b2-tl-mobile {
  position: absolute;
  top: -50px;
  left: 110px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 114px;
  max-width: 114px;
}

.ecosystem .line-b2-tr-mobile {
  position: absolute;
  top: -100px;
  right: -60px;
  width: 252px;
  max-width: 252px;
}

.ecosystem .line-b2-bl-mobile {
  position: absolute;
  bottom: -115px;
  left: 170px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 176px;
  max-width: 176px;
}

.ecosystem .line-b2-br-mobile {
  position: absolute;
  bottom: 130px;
  right: -25px;
  width: 100px;
  max-width: 100px;
}

.ecosystem .line-b3-tl {
  position: absolute;
  top: -150px;
  left: -250px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 82px;
  max-width: 82px;
}

.ecosystem .line-b3-bl {
  position: absolute;
  bottom: -100px;
  left: 260px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 539px;
  max-width: 539px;
}

.ecosystem .line-b3-br {
  position: absolute;
  bottom: -100px;
  right: -60px;
  width: 248px;
  max-width: 248px;
}

.ecosystem .line-b3-tr-mobile {
  position: absolute;
  top: -80px;
  right: 0;
  width: 160px;
  max-width: 160px;
}

.ecosystem .line-b3-bl-mobile {
  position: absolute;
  bottom: -110px;
  left: 340px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 345px;
  max-width: 345px;
}

.ecosystem .line-b3-br-mobile {
  position: absolute;
  bottom: -20px;
  right: 30px;
  width: 130px;
  max-width: 130px;
}

.ecosystem .line-outro-tl {
  position: absolute;
  top: -265px;
  left: 160px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 376px;
  max-width: 376px;
}

.ecosystem .line-outro-tr {
  position: absolute;
  top: 20px;
  right: -200px;
  width: 470px;
  max-width: 470px;
}

.ecosystem .line-outro-tl-mobile {
  position: absolute;
  top: -15px;
  left: 45px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  width: 48px;
  max-width: 48px;
}

@media screen and (max-width: 1024px) {
  .ecosystem {
    margin-top: 30px;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 813px) {
  .ecosystem .intro {
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
  }

  .ecosystem .line-desktop {
    display: block;
  }

  .ecosystem .line-mobile {
    display: none;
  }
}

@media screen and (max-width: 812px) {
  .ecosystem {
    padding-left: 0;
    padding-right: 0;
  }

  .ecosystem .intro {
    padding: 0 60px 30px;
  }

  .ecosystem .block {
    padding-top: 200px;
    padding-bottom: 0;
  }

  .ecosystem .block-1 {
    padding-top: 100px;
  }

  .ecosystem .block .content {
    padding-bottom: 100px;
  }

  .ecosystem .block-left {
    max-width: 560px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .ecosystem .block-right {
    max-width: 560px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .ecosystem .block-info {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .ecosystem .block-title {
    font-size: 16px;
  }

  .ecosystem .block-1 .image-small,
  .ecosystem .block-2 .image-small {
    top: -20px;
    left: auto;
    right: 87px;
    width: 100px;
  }

  .ecosystem .block-1 .image-large,
  .ecosystem .block-2 .image-large {
    top: auto;
    bottom: -60px;
    left: auto;
    right: 30px;
    width: 135px;
  }

  .ecosystem .block-3 .image-small {
    top: -60px;
    left: 30px;
  }

  .ecosystem .block-3 .image-large {
    top: auto;
    bottom: -80px;
    left: 30px;
  }

  .ecosystem .outro {
    margin-top: 200px;
  }

  .ecosystem .line-desktop {
    display: none;
  }

  .ecosystem .line-mobile {
    display: block;
  }

  .ecosystem .line-intro-tl-vertical {
    top: 23px;
    left: 28px;
    height: calc(100% - 29px);
  }

  .ecosystem .box-b1-tr {
    top: 50px;
    right: 35px;
  }

  .ecosystem .box-b2-tr {
    right: auto;
    left: 30px;
  }

  .ecosystem .box-b2-bl {
    bottom: -130px;
    left: 158px;
  }

  .ecosystem .box-b3-br {
    bottom: -117px;
    right: 38px;
  }

  .ecosystem .outro .box {
    display: none;
  }
}

body.layout-ResearchCampaignHolder .research-campaign .link-return-home,
body.layout-ResearchCampaignPage .research-campaign .link-return-home {
  color: #1c1d44;
}

body.layout-ResearchCampaignHolder .research-campaign .link-return-home:hover,
body.layout-ResearchCampaignPage .research-campaign .link-return-home:hover {
  color: #f15b3c;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .link-return-home,
body.layout-ResearchCampaignPage .research-campaign.no-toc .link-return-home {
  color: #1c1d44;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .link-return-home:hover,
body.layout-ResearchCampaignPage .research-campaign.no-toc .link-return-home:hover {
  color: #f15b3c;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .icon-return-home g,
body.layout-ResearchCampaignPage .research-campaign.no-toc .icon-return-home g {
  stroke: #f15b3c;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .intro-text,
body.layout-ResearchCampaignPage .research-campaign.no-toc .intro-text {
  width: 100%;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .intro-text.no-image,
body.layout-ResearchCampaignPage .research-campaign.no-toc .intro-text.no-image {
  padding-bottom: 67px;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .description,
body.layout-ResearchCampaignPage .research-campaign.no-toc .description {
  max-width: 870px;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .section-nav,
body.layout-ResearchCampaignPage .research-campaign.no-toc .section-nav {
  display: none;
}

body.layout-ResearchCampaignHolder .research-campaign.no-toc .featured-image,
body.layout-ResearchCampaignPage .research-campaign.no-toc .featured-image {
  margin-top: -193px;
}

@media screen and (max-width: 1024px) {
  body.layout-ResearchCampaignHolder .research-campaign.no-toc .featured-image,
  body.layout-ResearchCampaignPage .research-campaign.no-toc .featured-image {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  body.layout-ResearchCampaignHolder .research-campaign.no-toc .intro-text,
  body.layout-ResearchCampaignPage .research-campaign.no-toc .intro-text {
    margin-bottom: 0;
  }
}

body.layout-ResearchCampaignHolder .research-campaign .logo-research-campaign,
body.layout-ResearchCampaignPage .research-campaign .logo-research-campaign {
  position: absolute;
  top: 40px;
  left: 0;
  width: 193px;
}

body.layout-ResearchCampaignHolder .research-campaign .link-return-home,
body.layout-ResearchCampaignPage .research-campaign .link-return-home {
  position: absolute;
  top: 40px;
  right: 0;
}

body.layout-ResearchCampaignHolder .research-campaign .icon-return-home g,
body.layout-ResearchCampaignPage .research-campaign .icon-return-home g {
  transition: stroke .3s;
}

body.layout-ResearchCampaignHolder .research-campaign .intro-text,
body.layout-ResearchCampaignPage .research-campaign .intro-text {
  width: calc(50% + 90px);
  padding-top: 170px;
  padding-bottom: 170px;
}

body.layout-ResearchCampaignHolder .research-campaign .description,
body.layout-ResearchCampaignPage .research-campaign .description {
  max-width: 500px;
}

body.layout-ResearchCampaignHolder .research-campaign .icon-menu,
body.layout-ResearchCampaignPage .research-campaign .icon-menu {
  display: block;
  height: 18px;
}

body.layout-ResearchCampaignHolder .research-campaign .icon-close,
body.layout-ResearchCampaignPage .research-campaign .icon-close {
  display: none;
  height: 18px;
}

body.layout-ResearchCampaignHolder .research-campaign .btn-section-toggle.menu-open .icon-menu,
body.layout-ResearchCampaignPage .research-campaign .btn-section-toggle.menu-open .icon-menu {
  display: none;
}

body.layout-ResearchCampaignHolder .research-campaign .btn-section-toggle.menu-open .icon-close,
body.layout-ResearchCampaignPage .research-campaign .btn-section-toggle.menu-open .icon-close {
  display: block;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav,
body.layout-ResearchCampaignPage .research-campaign .section-nav {
  width: 50%;
  padding-top: 170px;
  padding-bottom: 170px;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav .section-title,
body.layout-ResearchCampaignPage .research-campaign .section-nav .section-title {
  font-size: 48px;
  font-weight: normal;
  line-height: 58px;
  padding: 50px 100px;
  border-bottom: 2px solid #fff;
}

@media screen and (max-width: 812px) {
  body.layout-ResearchCampaignHolder .research-campaign .section-nav .section-title,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .section-title {
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
  }
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav .btn-section-toggle,
body.layout-ResearchCampaignPage .research-campaign .section-nav .btn-section-toggle {
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 32px;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav .btn-section-toggle img,
body.layout-ResearchCampaignPage .research-campaign .section-nav .btn-section-toggle img {
  width: 26px;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav .secondary li:last-of-type a,
body.layout-ResearchCampaignPage .research-campaign .section-nav .secondary li:last-of-type a {
  margin-bottom: 0;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav .section-sub-nav a,
body.layout-ResearchCampaignPage .research-campaign .section-nav .section-sub-nav a {
  line-height: 1.5;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav .icon-box-arrow,
body.layout-ResearchCampaignPage .research-campaign .section-nav .icon-box-arrow {
  position: absolute;
  top: 6px;
  right: 7px;
  border: none;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
  transition: transform .3s cubic-bezier(.645, .045, .355, 1);
  transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav .icon-box-arrow .arrow-head:before,
body.layout-ResearchCampaignHolder .research-campaign .section-nav .icon-box-arrow .arrow-head:after,
body.layout-ResearchCampaignPage .research-campaign .section-nav .icon-box-arrow .arrow-head:before,
body.layout-ResearchCampaignPage .research-campaign .section-nav .icon-box-arrow .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .icon-box-arrow,
body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .icon-box-arrow {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:before,
body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:after,
body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:before,
body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:after {
  background-color: #fff;
}

body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .arrow-head:before,
body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .arrow-head:after,
body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .arrow-head:before,
body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-ResearchCampaignHolder .research-campaign .featured-image,
body.layout-ResearchCampaignPage .research-campaign .featured-image {
  margin-top: -100px;
}

@media screen and (min-width: 1025px) {
  body.layout-ResearchCampaignHolder .research-campaign .section-nav,
  body.layout-ResearchCampaignPage .research-campaign .section-nav {
    order: 2;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav .section-heading,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .section-heading {
    margin-left: 100px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .intro-text,
  body.layout-ResearchCampaignPage .research-campaign .intro-text {
    order: 1;
  }
}

@media screen and (max-width: 1024px) {
  body.layout-ResearchCampaignHolder .research-campaign .header,
  body.layout-ResearchCampaignPage .research-campaign .header {
    padding: 20px 30px 30px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .logo-research-campaign,
  body.layout-ResearchCampaignPage .research-campaign .logo-research-campaign {
    position: static;
    width: 123px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .link-return-home,
  body.layout-ResearchCampaignPage .research-campaign .link-return-home {
    top: 20px;
    right: 30px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .icon-return-home,
  body.layout-ResearchCampaignPage .research-campaign .icon-return-home {
    width: 29px;
    height: auto;
  }

  body.layout-ResearchCampaignHolder .research-campaign .icon-return-home g,
  body.layout-ResearchCampaignPage .research-campaign .icon-return-home g {
    stroke-width: 3px;
    stroke: #f15b3c;
  }

  body.layout-ResearchCampaignHolder .research-campaign .intro-text,
  body.layout-ResearchCampaignPage .research-campaign .intro-text {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 40px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .description,
  body.layout-ResearchCampaignPage .research-campaign .description {
    max-width: 100%;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav,
  body.layout-ResearchCampaignPage .research-campaign .section-nav {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav .section-title,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .section-title {
    padding: 20px 30px 20px 82px;
    font-size: 26px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav .section-sub-nav,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .section-sub-nav {
    z-index: 1;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav .section-heading,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .section-heading {
    max-width: 536px;
    padding-top: 40px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav .icon-box-arrow,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .icon-box-arrow {
    position: relative;
    top: 2px;
    right: auto;
    width: 7px;
    margin-left: 4px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav .icon-box-arrow .arrow-head:before,
  body.layout-ResearchCampaignHolder .research-campaign .section-nav .icon-box-arrow .arrow-head:after,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .icon-box-arrow .arrow-head:before,
  body.layout-ResearchCampaignPage .research-campaign .section-nav .icon-box-arrow .arrow-head:after {
    background-color: #fff;
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .icon-box-arrow,
  body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .icon-box-arrow {
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
  }

  body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:before,
  body.layout-ResearchCampaignHolder .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:after,
  body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:before,
  body.layout-ResearchCampaignPage .research-campaign .section-nav a:hover .icon-box-arrow .arrow-head:after {
    background-color: #1c1d44;
  }

  body.layout-ResearchCampaignHolder .research-campaign .featured-image,
  body.layout-ResearchCampaignPage .research-campaign .featured-image {
    margin-top: 0;
  }
}

@media screen and (max-width: 812px) {
  body.layout-ResearchCampaignHolder .research-campaign .intro-text,
  body.layout-ResearchCampaignPage .research-campaign .intro-text {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 1025px) {
  body.layout-ResearchCampaignHolder .research-campaign .link-return-home {
    color: #fff;
  }

  body.layout-ResearchCampaignHolder .research-campaign .link-return-home:hover {
    color: #1c1d44;
  }
}

@media screen and (min-width: 1025px) {
  body.layout-ResearchCampaignHolder .research-campaign .intro-text {
    padding-bottom: 190px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .intro-text.no-image {
    padding-bottom: 67px;
  }

  body.layout-ResearchCampaignHolder .research-campaign .intro-text.no-toc {
    padding-bottom: 267px;
  }
}

body.layout-ResearchCampaignPage .research-campaign .hero-image {
  padding-top: 56.25%;
}

body.layout-ResearchCampaignPage .research-campaign .content.description {
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  body.layout-ResearchCampaignPage .section-sub-nav a:hover {
    color: #1c1d44;
  }
}

body.layout-ResearchCampaignPage .section-sub-nav a.current,
body.layout-ResearchCampaignPage .section-sub-nav a.section {
  color: #fff;
}

@media screen and (max-width: 1024px) {
  body.layout-ResearchCampaignPage .section-sub-nav a.current,
  body.layout-ResearchCampaignPage .section-sub-nav a.section {
    color: #1c1d44;
  }
}

body.layout-ResearchCampaignPage .section-sub-nav a.current .icon-box-arrow .arrow-head:before,
body.layout-ResearchCampaignPage .section-sub-nav a.current .icon-box-arrow .arrow-head:after,
body.layout-ResearchCampaignPage .section-sub-nav a.section .icon-box-arrow .arrow-head:before,
body.layout-ResearchCampaignPage .section-sub-nav a.section .icon-box-arrow .arrow-head:after {
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  body.layout-ResearchCampaignPage .section-sub-nav a.current .icon-box-arrow .arrow-head:before,
  body.layout-ResearchCampaignPage .section-sub-nav a.current .icon-box-arrow .arrow-head:after,
  body.layout-ResearchCampaignPage .section-sub-nav a.section .icon-box-arrow .arrow-head:before,
  body.layout-ResearchCampaignPage .section-sub-nav a.section .icon-box-arrow .arrow-head:after {
    background-color: #1c1d44;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1120px) {
  body.layout-ResearchCampaignPage .research-campaign .section-sub-nav:not(.has-image) {
    width: calc(100% - 67px);
  }
}

@media screen and (min-width: 1025px) {
  body.layout-ResearchCampaignPage header {
    height: 176px;
    margin-bottom: 0;
  }

  body.layout-ResearchCampaignPage .research-campaign .hero-image {
    min-height: 530px;
  }

  body.layout-ResearchCampaignPage .research-campaign .hero-image.no-toc {
    padding-top: 0;
  }

  body.layout-ResearchCampaignPage .research-campaign .section-nav {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  body.layout-ResearchCampaignPage .research-campaign .intro-text {
    padding-top: 30px;
    padding-bottom: 87px;
  }

  body.layout-ResearchCampaignPage .research-campaign .secondary {
    max-width: 567px;
  }

  body.layout-ResearchCampaignPage .research-campaign .has-image .secondary {
    padding-right: 60px;
  }
}

body.layout-ResearchCampaignPage .icon-box-arrow-back {
  border-color: #1c1d44;
}

body.layout-ResearchCampaignPage .icon-box-arrow-back .arrow-line {
  background-color: #1c1d44;
}

body.layout-ResearchCampaignPage .icon-box-arrow-back .arrow-head:before,
body.layout-ResearchCampaignPage .icon-box-arrow-back .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-ResearchCampaignPage .breadcrumb:hover .icon-box-arrow-back {
  border-color: #f15b3c;
}

body.layout-ResearchCampaignPage .breadcrumb:hover .link-arrow {
  color: #f15b3c;
}

body.layout-ResearchCampaignPage .breadcrumb:hover .arrow-line {
  width: 37px;
  transition-duration: .2s;
  background-color: #f15b3c;
}

body.layout-ResearchCampaignPage .breadcrumb:hover .arrow-head:before,
body.layout-ResearchCampaignPage .breadcrumb:hover .arrow-head:after {
  background-color: #f15b3c;
}

body.layout-ServiceLinePage {
  background-color: #fff;
}

body.layout-ServiceLinePage .nav-mobile {
  background-color: #fff;
}

.service-line-hero .service-logo {
  width: auto;
}

.service-line-hero .service-logo.lpp {
  width: 100%;
  max-width: 297px;
}

.service-line-hero .wrapper {
  padding-top: 94px;
}

.service-line-hero .accent-color {
  height: calc(50% + 140px);
}

.service-line-hero .accent-line {
  width: 152px;
}

.service-line-hero .hero-image {
  margin-top: 40px;
}

@media screen and (max-width: 1024px) {
  .service-line-hero .wrapper {
    padding-top: 30px;
  }

  .service-line-hero .accent-color {
    height: calc(50% + 87px);
  }

  .service-line-hero .service-logo.research {
    max-width: 200px;
  }

  .service-line-hero .service-logo.lpp {
    max-width: 247px;
  }

  .service-line-hero .service-logo.fg {
    max-width: 276px;
  }

  .service-line-hero .hero-image {
    margin-top: 30px;
  }
}

body.layout-GrantsHolder {
  background-color: #fff;
}

body.layout-GrantsHolder .container {
  max-width: 1025px;
}

body.layout-GrantsHolder .intro-content {
  max-width: 687px;
}

body.layout-GrantsHolder .intro-text p {
  line-height: 1.4em;
}

@media screen and (min-width: 813px) {
  body.layout-GrantsHolder .intro {
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 812px) {
  body.layout-GrantsHolder .intro {
    padding: 0 60px 30px;
  }
}

body.layout-GrantsHolder .grant-title {
  max-width: 415px;
  transition: color .2s;
}

body.layout-GrantsHolder .divider {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
}

body.layout-GrantsHolder .impact-area {
  margin-top: 5px;
}

body.layout-GrantsHolder .grant .link-arrow {
  color: #1c1d44;
  transition: color .2s;
}

body.layout-GrantsHolder .grant .icon-box-arrow {
  border-color: #1c1d44;
}

body.layout-GrantsHolder .grant .arrow-line {
  background-color: #1c1d44;
}

body.layout-GrantsHolder .grant .arrow-head:before,
body.layout-GrantsHolder .grant .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-GrantsHolder .grant:hover .grant-title {
  color: #f15b3c;
}

body.layout-GrantsHolder .grant:hover .link-arrow {
  color: #f15b3c;
}

body.layout-GrantsHolder .grant:hover .icon-box-arrow {
  border-color: #f15b3c;
}

body.layout-GrantsHolder .grant:hover .arrow-line {
  background-color: #f15b3c;
}

body.layout-GrantsHolder .grant:hover .arrow-head:before,
body.layout-GrantsHolder .grant:hover .arrow-head:after {
  background-color: #f15b3c;
}

body.layout-GrantsHolder .grant:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (min-width: 1025px) {
  body.layout-GrantsHolder .grant {
    width: 33.33%;
  }

  body.layout-GrantsHolder .grant {
    padding-right: 20px;
  }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
  body.layout-GrantsHolder .grant {
    width: 50%;
  }

  body.layout-GrantsHolder .grant:nth-child(odd) {
    padding-right: 10px;
  }

  body.layout-GrantsHolder .grant:nth-child(even) {
    padding-left: 10px;
  }
}

@media screen and (max-width: 559px) {
  body.layout-GrantsHolder .grant {
    margin-bottom: 30px;
  }

  body.layout-GrantsHolder .grant:last-of-type {
    margin-bottom: 0;
  }
}

body.layout-CommunityImpactPage {
  background-color: #fff;
}

body.layout-CommunityImpactPage .nav-mobile {
  background: #fff;
}

body.layout-CommunityImpactPage .hero .logo {
  width: 73%;
  padding-bottom: 42%;
}

body.layout-CommunityImpactPage .hero .logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  max-width: 140px;
}

body.layout-CommunityImpactPage .initiative:nth-child(odd) {
  padding-right: 10px;
}

body.layout-CommunityImpactPage .initiative:nth-child(even) {
  padding-left: 10px;
}

@media screen and (min-width: 651px) {
  body.layout-CommunityImpactPage .initiative {
    width: 50%;
  }
}

body.layout-CommunityImpactPage .link-arrow {
  color: #1c1d44;
}

body.layout-CommunityImpactPage .icon-box-arrow {
  border-color: #1c1d44;
}

body.layout-CommunityImpactPage .arrow-line {
  background-color: #1c1d44;
}

body.layout-CommunityImpactPage .arrow-head:before,
body.layout-CommunityImpactPage .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-CommunityImpactPage .link-arrow:hover {
  color: #f15b3c;
}

body.layout-CommunityImpactPage .link-arrow:hover .icon-box-arrow {
  border-color: #f15b3c;
}

body.layout-CommunityImpactPage .link-arrow:hover .arrow-line {
  background-color: #f15b3c;
}

body.layout-CommunityImpactPage .link-arrow:hover .arrow-head:before,
body.layout-CommunityImpactPage .link-arrow:hover .arrow-head:after {
  background-color: #f15b3c;
}

body.layout-CommunityImpactPage .link-arrow:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

body.layout-BlogPostHolder {
  background-color: #fff;
}

body.layout-BlogPostHolder .btn-icon:before {
  background-color: #fff;
}

body.layout-BlogPostHolder .featured:before {
  content: '';
  position: absolute;
  top: 90px;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 31%;
  max-height: 272px;
  background-color: #343677;
}

body.layout-BlogPostHolder .content-type {
  min-width: 154px;
  padding-top: 10px;
  padding-bottom: 7px;
}

body.layout-BlogPostHolder .social-follow {
  margin-top: 20px;
}

body.layout-BlogPostHolder .story-title {
  max-width: 415px;
  line-height: 1.3em;
  transition: color .2s;
}

body.layout-BlogPostHolder .divider {
  width: 66px;
  height: 2px;
  margin-top: 15px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #f15b3c;
}

body.layout-BlogPostHolder .impact-area {
  margin-top: 5px;
}

body.layout-BlogPostHolder .story .link-arrow {
  color: #1c1d44;
  transition: color .2s;
}

body.layout-BlogPostHolder .story .icon-box-arrow {
  border-color: #1c1d44;
}

body.layout-BlogPostHolder .story .arrow-line {
  background-color: #1c1d44;
}

body.layout-BlogPostHolder .story .arrow-head:before,
body.layout-BlogPostHolder .story .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-BlogPostHolder .story:hover .link-arrow {
  color: #f15b3c;
}

body.layout-BlogPostHolder .story:hover .icon-box-arrow {
  border-color: #f15b3c;
}

body.layout-BlogPostHolder .story:hover .arrow-line {
  background-color: #f15b3c;
}

body.layout-BlogPostHolder .story:hover .arrow-head:before,
body.layout-BlogPostHolder .story:hover .arrow-head:after {
  background-color: #f15b3c;
}

body.layout-BlogPostHolder .story:hover .arrow-line {
  width: 37px;
  transition-duration: .3s;
}

@media screen and (min-width: 600px) {
  body.layout-BlogPostHolder .story {
    width: 49%;
  }

  body.layout-BlogPostHolder .featured .story {
    width: 32%;
  }
}

@media screen and (max-width: 890px) {
  body.layout-BlogPostHolder .featured:before {
    height: 23%;
  }
}

@media screen and (max-width: 559px) {
  body.layout-BlogPostHolder .story {
    margin-bottom: 60px;
  }

  body.layout-BlogPostHolder .featured .story:last-of-type {
    margin-bottom: 0;
  }
}

body.layout-BlogPostPage {
  background-color: #fff;
}

body.layout-LandingPage {
  background-color: #fff;
}

body.layout-EventPage {
  background-color: #fff;
}

body.layout-PublicationsHolder {
  background-color: #fff;
}

@media screen and (max-width: 1024px) {
  body.layout-PublicationsHolder .hero-basic .accent-color {
    display: none;
  }
}

body.layout-CampaignLandingPage .hero-home .hero-text,
body.layout-CampaignPage .hero-home .hero-text {
  line-height: 30px;
}

@media screen and (min-width: 1025px) {
  body.layout-CampaignLandingPage .hero-home,
  body.layout-CampaignPage .hero-home {
    height: 100vh;
    max-height: 700px;
  }

  body.layout-CampaignLandingPage .hero-home .copy-container,
  body.layout-CampaignLandingPage .hero-home .copy,
  body.layout-CampaignLandingPage .hero-home .background,
  body.layout-CampaignLandingPage .hero-home .heading-container,
  body.layout-CampaignPage .hero-home .copy-container,
  body.layout-CampaignPage .hero-home .copy,
  body.layout-CampaignPage .hero-home .background,
  body.layout-CampaignPage .hero-home .heading-container {
    height: 100vh;
    max-height: 700px;
  }
}

@media screen and (max-width: 1024px) {
  body.layout-CampaignLandingPage .hero-home,
  body.layout-CampaignPage .hero-home {
    margin-bottom: 53px;
  }

  body.layout-CampaignLandingPage .hero-home.no-toc,
  body.layout-CampaignPage .hero-home.no-toc {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  body.layout-CampaignLandingPage .hero-home .copy,
  body.layout-CampaignPage .hero-home .copy {
    padding-top: 35px;
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 812px) {
  body.layout-CampaignLandingPage .hero-home,
  body.layout-CampaignPage .hero-home {
    margin-bottom: 59px;
  }
}

body.layout-CampaignLandingPage .hero-landing .hero-text,
body.layout-CampaignPage .hero-landing .hero-text {
  padding-top: 87px;
  padding-bottom: 212px;
}

@media screen and (max-width: 1024px) {
  body.layout-CampaignLandingPage .hero-landing .hero-text,
  body.layout-CampaignPage .hero-landing .hero-text {
    padding-top: 30px;
    padding-bottom: 87px;
  }
}

body.layout-CampaignLandingPage .hero-landing .hero-text .page-title,
body.layout-CampaignPage .hero-landing .hero-text .page-title {
  max-width: 850px;
}

body.layout-CampaignLandingPage .hero-landing.no-toc .section-copy,
body.layout-CampaignPage .hero-landing.no-toc .section-copy {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 1024px) {
  body.layout-CampaignLandingPage .hero-landing.no-toc .section-copy,
  body.layout-CampaignPage .hero-landing.no-toc .section-copy {
    padding-bottom: 40px;
  }
}

body.layout-CampaignLandingPage .hero-landing .icon-menu,
body.layout-CampaignPage .hero-landing .icon-menu {
  display: block;
  height: 18px;
}

body.layout-CampaignLandingPage .hero-landing .icon-close,
body.layout-CampaignPage .hero-landing .icon-close {
  display: none;
  height: 18px;
}

body.layout-CampaignLandingPage .hero-landing .btn-section-toggle.menu-open .icon-menu,
body.layout-CampaignPage .hero-landing .btn-section-toggle.menu-open .icon-menu {
  display: none;
}

body.layout-CampaignLandingPage .hero-landing .btn-section-toggle.menu-open .icon-close,
body.layout-CampaignPage .hero-landing .btn-section-toggle.menu-open .icon-close {
  display: block;
}

body.layout-CampaignLandingPage .hero-landing .section-nav,
body.layout-CampaignPage .hero-landing .section-nav {
  margin-top: -106px;
}

body.layout-CampaignLandingPage .hero-landing .section-title,
body.layout-CampaignPage .hero-landing .section-title {
  font-size: 36px;
  font-weight: normal;
  line-height: 46px;
}

@media screen and (max-width: 812px) {
  body.layout-CampaignLandingPage .hero-landing .section-title,
  body.layout-CampaignPage .hero-landing .section-title {
    font-size: 26px;
    font-weight: normal;
    line-height: 34px;
  }
}

body.layout-CampaignLandingPage .hero-landing .section-title,
body.layout-CampaignLandingPage .hero-landing .secondary,
body.layout-CampaignPage .hero-landing .section-title,
body.layout-CampaignPage .hero-landing .secondary {
  padding: 30px 60px;
}

@media screen and (max-width: 1024px) {
  body.layout-CampaignLandingPage .hero-landing .section-title,
  body.layout-CampaignLandingPage .hero-landing .secondary,
  body.layout-CampaignPage .hero-landing .section-title,
  body.layout-CampaignPage .hero-landing .secondary {
    padding: 20px 30px 20px 82px;
  }
}

@media screen and (max-width: 1024px) {
  body.layout-CampaignLandingPage .hero-landing .section-copy,
  body.layout-CampaignPage .hero-landing .section-copy {
    padding-top: 0;
    max-width: calc(66.67% + 20px);
  }
}

@media screen and (max-width: 767px) {
  body.layout-CampaignLandingPage .hero-landing .section-copy,
  body.layout-CampaignPage .hero-landing .section-copy {
    max-width: 100%;
  }
}

body.layout-CampaignLandingPage .hero-landing .btn-section-toggle,
body.layout-CampaignPage .hero-landing .btn-section-toggle {
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 32px;
}

body.layout-CampaignLandingPage .hero-landing .btn-section-toggle img,
body.layout-CampaignPage .hero-landing .btn-section-toggle img {
  width: 26px;
}

body.layout-CampaignLandingPage .core-logo {
  display: block;
  height: 128px;
  left: 0;
  position: absolute;
  top: 35px;
  width: 152px;
  z-index: 99;
}

@media screen and (max-width: 1024px) {
  body.layout-CampaignLandingPage .core-logo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    position: static;
    width: 100%;
  }
}

body.layout-CampaignPage .icon-box-arrow-back {
  border-color: #1c1d44;
}

body.layout-CampaignPage .icon-box-arrow-back .arrow-line {
  background-color: #1c1d44;
}

body.layout-CampaignPage .icon-box-arrow-back .arrow-head:before,
body.layout-CampaignPage .icon-box-arrow-back .arrow-head:after {
  background-color: #1c1d44;
}

body.layout-CampaignPage .breadcrumb:hover .icon-box-arrow-back {
  border-color: #f15b3c;
}

body.layout-CampaignPage .breadcrumb:hover .link-arrow {
  color: #f15b3c;
}

body.layout-CampaignPage .breadcrumb:hover .arrow-line {
  width: 37px;
  transition-duration: .2s;
  background-color: #f15b3c;
}

body.layout-CampaignPage .breadcrumb:hover .arrow-head:before,
body.layout-CampaignPage .breadcrumb:hover .arrow-head:after {
  background-color: #f15b3c;
}

body.layout-CampaignPage .section-sub-nav a.current,
body.layout-CampaignPage .section-sub-nav a.section {
  color: #1c1d44;
}

body.layout-CampaignPage .section-sub-nav a.current .icon-box-arrow .arrow-head:before,
body.layout-CampaignPage .section-sub-nav a.current .icon-box-arrow .arrow-head:after,
body.layout-CampaignPage .section-sub-nav a.section .icon-box-arrow .arrow-head:before,
body.layout-CampaignPage .section-sub-nav a.section .icon-box-arrow .arrow-head:after {
  background-color: #1c1d44;
}

@media screen and (min-width: 1025px) {
  body.layout-CampaignPage .core-header-nav header {
    min-height: 176px;
  }
}

@media screen and (max-width: 1024px) {
  body.layout-CampaignPage .hero-landing .section-nav {
    margin-top: -40px;
  }
}

body.layout-SearchResultsPage {
  background-color: #fff;
}

body .search-results-page .result-image {
  order: 1;
}

@media screen and (min-width: 1024px) {
  body .search-results-page .result-image {
    order: 2;
    max-width: 270px;
  }
}

body .search-results-page .result-image img {
  width: auto;
}

body .search-results-page .result-content {
  order: 2;
}

@media screen and (min-width: 1024px) {
  body .search-results-page .result-content {
    order: 1;
  }
}

body .search-results-page .divider {
  width: 66px;
  height: 2px;
  margin-top: 20px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #1c1d44;
}

body .search-results-page .tag {
  margin-top: 5px;
}

@media screen and (min-width: 1025px) {
  .hero-home {
    height: calc(100vh - 165px);
    min-height: 653px;
  }

  body:not(.layout-CampaignLandingPage) .hero-home {
    margin-bottom: 150px;
  }

  .hero-home .copy-container,
  .hero-home .copy,
  .hero-home .background,
  .hero-home .heading-container {
    height: calc(100vh - 165px);
    min-height: 653px;
  }
}

@media screen and (max-width: 1024px) {
  .hero-home .copy {
    padding-top: 35px;
    padding-bottom: 45px;
  }
}

.hero-landing .section-nav {
  margin-top: -158px;
}

.hero-landing .section-title {
  font-size: 48px;
  font-weight: normal;
  line-height: 58px;
  padding: 50px 100px;
  border-bottom: 2px solid #fff;
}

@media screen and (max-width: 812px) {
  .hero-landing .section-title {
    font-size: 30px;
    font-weight: normal;
    line-height: 40px;
  }
}

.hero-landing .btn-section-toggle {
  top: 50%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 32px;
}

.hero-landing .secondary {
  padding: 10px 100px 50px;
}

.hero-landing .icon-box-arrow {
  position: relative;
  top: 1px;
  border: none;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  transition: -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
  transition: transform .3s cubic-bezier(.645, .045, .355, 1);
  transition: transform .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
}

.hero-landing a:hover .icon-box-arrow {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.hero-landing a:hover .arrow-head:before,
.hero-landing a:hover .arrow-head:after {
  background-color: #1c1d44;
}

.hero-landing .section-copy {
  max-width: 590px;
}

@media screen and (max-width: 1250px) {
  .hero-landing .section-title,
  .hero-landing .secondary {
    padding-left: 50px;
  }
}

@media screen and (min-width: 1025px) {
  .hero-landing .background {
    height: 544px;
  }

  .hero-landing .section-copy {
    margin-left: 100px;
  }
}

@media screen and (max-width: 1024px) {
  .hero-landing .section-nav {
    margin-top: -50px;
  }

  .hero-landing .section-title {
    padding: 20px 30px;
    font-size: 26px;
    line-height: 1.2;
  }

  .hero-landing .section-sub-nav {
    z-index: 1;
  }

  .hero-landing .icon-menu {
    display: block;
    width: auto;
    height: 18px;
  }

  .hero-landing .icon-close {
    display: none;
    width: auto;
    height: 18px;
  }

  .hero-landing .btn-section-toggle.menu-open .icon-menu {
    display: none;
  }

  .hero-landing .btn-section-toggle.menu-open .icon-close {
    display: block;
  }

  .hero-landing .icon-box-arrow {
    margin-left: 4px;
    width: 7px;
  }

  .hero-landing .secondary {
    padding: 10px 30px;
  }
}

@media screen and (max-width: 812px) {
  .hero-landing .section-nav {
    margin-top: -40px;
  }
}

.hero-basic .wrapper {
  padding-top: 131px;
}

.hero-basic .accent-color {
  height: 100%;
}

.hero-basic.desktop-image .wrapper {
  padding-top: 100px;
}

.hero-basic.desktop-image .accent-color {
  height: calc(50% + 100px);
}

.hero-basic .caption {
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.hero-basic .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

.hero-basic .accent-line {
  width: 152px;
}

@media screen and (max-width: 1024px) {
  .hero-basic.desktop-image .wrapper,
  .hero-basic .wrapper {
    padding-top: 30px;
  }

  .hero-basic.desktop-image .accent-color {
    height: calc(50% + 30px);
  }
}

.hero-story .wrapper {
  padding-top: 131px;
}

.hero-story .accent-color {
  height: 100%;
}

.hero-story .caption {
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.hero-story .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

.hero-story.desktop-image .wrapper {
  padding-top: 100px;
}

.hero-story.desktop-image .accent-color {
  height: calc(50% + 100px);
}

.hero-story .accent-line {
  width: 152px;
}

@media screen and (max-width: 1024px) {
  .hero-story.desktop-image .wrapper,
  .hero-story .wrapper {
    padding-top: 30px;
  }

  .hero-story.desktop-image .accent-color {
    height: calc(50% + 30px);
  }
}

.hero-blog-post-caption .caption {
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.hero-blog-post-caption .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

.hero-blog-post-caption .accent-line {
  width: 152px;
}

.hero-blog-post .wrapper {
  padding-top: 131px;
}

.hero-blog-post .hero .caption {
  font-family: "Poynter Oldstyle", serif;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  text-transform: none;
}

.hero-blog-post .hero .caption .caption-inner {
  display: inline-block;
  max-width: 676px;
}

.hero-blog-post .accent-color {
  height: calc(100% - 118px);
}

.hero-blog-post.no-photo .info {
  width: 100%;
  padding-bottom: 67px;
}

.hero-blog-post.no-photo .accent-color {
  height: 100%;
}

.hero-blog-post .accent-line {
  width: 152px;
}

@media screen and (max-width: 1024px) {
  .hero-blog-post .wrapper {
    padding-top: 30px;
  }

  .hero-blog-post.no-photo .info {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 1023px) {
  .hero-blog-post .accent-color {
    height: calc(100% - 156px);
  }
}

@media (min-width: 560px) {
  .sm\:list-reset {
    list-style: none;
    padding: 0;
  }

  .sm\:bg-fixed {
    background-attachment: fixed;
  }

  .sm\:bg-local {
    background-attachment: local;
  }

  .sm\:bg-scroll {
    background-attachment: scroll;
  }

  .sm\:bg-transparent {
    background-color: transparent;
  }

  .sm\:bg-grey-darker {
    background-color: #606f7b;
  }

  .sm\:bg-grey-dark {
    background-color: #8795a1;
  }

  .sm\:bg-grey-light {
    background-color: #dae1e7;
  }

  .sm\:bg-grey-lighter {
    background-color: #f3f3f5;
  }

  .sm\:bg-white {
    background-color: #fff;
  }

  .sm\:bg-ocf-red {
    background-color: #f15b3c;
  }

  .sm\:bg-ocf-blue {
    background-color: #1c1d44;
  }

  .sm\:bg-ocf-blue-overlay {
    background-color: #343677;
  }

  .sm\:bg-ocf-blue-background {
    background-color: #f3f3f5;
  }

  .sm\:bg-portlandmetro {
    background-color: #189046;
  }

  .sm\:bg-centraloregon {
    background-color: #03a1b1;
  }

  .sm\:bg-northcoast {
    background-color: #8dcfb3;
  }

  .sm\:bg-southcoast {
    background-color: #4d62ad;
  }

  .sm\:bg-southernoregon {
    background-color: #006a84;
  }

  .sm\:bg-nwillamettevalley {
    background-color: #13542b;
  }

  .sm\:bg-easternoregon {
    background-color: #fed536;
  }

  .sm\:bg-swillamettevalley {
    background-color: #fbac36;
  }

  .sm\:bg-copper {
    background-color: #a46b33;
  }

  .sm\:bg-mint {
    background-color: #eff5e5;
  }

  .sm\:bg-black {
    background-color: #231f20;
  }

  .sm\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .sm\:hover\:bg-grey-darker:hover {
    background-color: #606f7b;
  }

  .sm\:hover\:bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .sm\:hover\:bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .sm\:hover\:bg-grey-lighter:hover {
    background-color: #f3f3f5;
  }

  .sm\:hover\:bg-white:hover {
    background-color: #fff;
  }

  .sm\:hover\:bg-ocf-red:hover {
    background-color: #f15b3c;
  }

  .sm\:hover\:bg-ocf-blue:hover {
    background-color: #1c1d44;
  }

  .sm\:hover\:bg-ocf-blue-overlay:hover {
    background-color: #343677;
  }

  .sm\:hover\:bg-ocf-blue-background:hover {
    background-color: #f3f3f5;
  }

  .sm\:hover\:bg-portlandmetro:hover {
    background-color: #189046;
  }

  .sm\:hover\:bg-centraloregon:hover {
    background-color: #03a1b1;
  }

  .sm\:hover\:bg-northcoast:hover {
    background-color: #8dcfb3;
  }

  .sm\:hover\:bg-southcoast:hover {
    background-color: #4d62ad;
  }

  .sm\:hover\:bg-southernoregon:hover {
    background-color: #006a84;
  }

  .sm\:hover\:bg-nwillamettevalley:hover {
    background-color: #13542b;
  }

  .sm\:hover\:bg-easternoregon:hover {
    background-color: #fed536;
  }

  .sm\:hover\:bg-swillamettevalley:hover {
    background-color: #fbac36;
  }

  .sm\:hover\:bg-copper:hover {
    background-color: #a46b33;
  }

  .sm\:hover\:bg-mint:hover {
    background-color: #eff5e5;
  }

  .sm\:hover\:bg-black:hover {
    background-color: #231f20;
  }

  .sm\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .sm\:focus\:bg-grey-darker:focus {
    background-color: #606f7b;
  }

  .sm\:focus\:bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .sm\:focus\:bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .sm\:focus\:bg-grey-lighter:focus {
    background-color: #f3f3f5;
  }

  .sm\:focus\:bg-white:focus {
    background-color: #fff;
  }

  .sm\:focus\:bg-ocf-red:focus {
    background-color: #f15b3c;
  }

  .sm\:focus\:bg-ocf-blue:focus {
    background-color: #1c1d44;
  }

  .sm\:focus\:bg-ocf-blue-overlay:focus {
    background-color: #343677;
  }

  .sm\:focus\:bg-ocf-blue-background:focus {
    background-color: #f3f3f5;
  }

  .sm\:focus\:bg-portlandmetro:focus {
    background-color: #189046;
  }

  .sm\:focus\:bg-centraloregon:focus {
    background-color: #03a1b1;
  }

  .sm\:focus\:bg-northcoast:focus {
    background-color: #8dcfb3;
  }

  .sm\:focus\:bg-southcoast:focus {
    background-color: #4d62ad;
  }

  .sm\:focus\:bg-southernoregon:focus {
    background-color: #006a84;
  }

  .sm\:focus\:bg-nwillamettevalley:focus {
    background-color: #13542b;
  }

  .sm\:focus\:bg-easternoregon:focus {
    background-color: #fed536;
  }

  .sm\:focus\:bg-swillamettevalley:focus {
    background-color: #fbac36;
  }

  .sm\:focus\:bg-copper:focus {
    background-color: #a46b33;
  }

  .sm\:focus\:bg-mint:focus {
    background-color: #eff5e5;
  }

  .sm\:focus\:bg-black:focus {
    background-color: #231f20;
  }

  .sm\:bg-bottom {
    background-position: bottom;
  }

  .sm\:bg-center {
    background-position: center;
  }

  .sm\:bg-left {
    background-position: left;
  }

  .sm\:bg-left-bottom {
    background-position: left bottom;
  }

  .sm\:bg-left-top {
    background-position: left top;
  }

  .sm\:bg-right {
    background-position: right;
  }

  .sm\:bg-right-bottom {
    background-position: right bottom;
  }

  .sm\:bg-right-top {
    background-position: right top;
  }

  .sm\:bg-top {
    background-position: top;
  }

  .sm\:bg-repeat {
    background-repeat: repeat;
  }

  .sm\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .sm\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .sm\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .sm\:bg-auto {
    background-size: auto;
  }

  .sm\:bg-cover {
    background-size: cover;
  }

  .sm\:bg-contain {
    background-size: contain;
  }

  .sm\:border-transparent {
    border-color: transparent;
  }

  .sm\:border-grey-darker {
    border-color: #606f7b;
  }

  .sm\:border-grey-dark {
    border-color: #8795a1;
  }

  .sm\:border-grey-light {
    border-color: #dae1e7;
  }

  .sm\:border-grey-lighter {
    border-color: #f3f3f5;
  }

  .sm\:border-white {
    border-color: #fff;
  }

  .sm\:border-ocf-red {
    border-color: #f15b3c;
  }

  .sm\:border-ocf-blue {
    border-color: #1c1d44;
  }

  .sm\:border-ocf-blue-overlay {
    border-color: #343677;
  }

  .sm\:border-ocf-blue-background {
    border-color: #f3f3f5;
  }

  .sm\:border-portlandmetro {
    border-color: #189046;
  }

  .sm\:border-centraloregon {
    border-color: #03a1b1;
  }

  .sm\:border-northcoast {
    border-color: #8dcfb3;
  }

  .sm\:border-southcoast {
    border-color: #4d62ad;
  }

  .sm\:border-southernoregon {
    border-color: #006a84;
  }

  .sm\:border-nwillamettevalley {
    border-color: #13542b;
  }

  .sm\:border-easternoregon {
    border-color: #fed536;
  }

  .sm\:border-swillamettevalley {
    border-color: #fbac36;
  }

  .sm\:border-copper {
    border-color: #a46b33;
  }

  .sm\:border-mint {
    border-color: #eff5e5;
  }

  .sm\:border-black {
    border-color: #231f20;
  }

  .sm\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .sm\:hover\:border-grey-darker:hover {
    border-color: #606f7b;
  }

  .sm\:hover\:border-grey-dark:hover {
    border-color: #8795a1;
  }

  .sm\:hover\:border-grey-light:hover {
    border-color: #dae1e7;
  }

  .sm\:hover\:border-grey-lighter:hover {
    border-color: #f3f3f5;
  }

  .sm\:hover\:border-white:hover {
    border-color: #fff;
  }

  .sm\:hover\:border-ocf-red:hover {
    border-color: #f15b3c;
  }

  .sm\:hover\:border-ocf-blue:hover {
    border-color: #1c1d44;
  }

  .sm\:hover\:border-ocf-blue-overlay:hover {
    border-color: #343677;
  }

  .sm\:hover\:border-ocf-blue-background:hover {
    border-color: #f3f3f5;
  }

  .sm\:hover\:border-portlandmetro:hover {
    border-color: #189046;
  }

  .sm\:hover\:border-centraloregon:hover {
    border-color: #03a1b1;
  }

  .sm\:hover\:border-northcoast:hover {
    border-color: #8dcfb3;
  }

  .sm\:hover\:border-southcoast:hover {
    border-color: #4d62ad;
  }

  .sm\:hover\:border-southernoregon:hover {
    border-color: #006a84;
  }

  .sm\:hover\:border-nwillamettevalley:hover {
    border-color: #13542b;
  }

  .sm\:hover\:border-easternoregon:hover {
    border-color: #fed536;
  }

  .sm\:hover\:border-swillamettevalley:hover {
    border-color: #fbac36;
  }

  .sm\:hover\:border-copper:hover {
    border-color: #a46b33;
  }

  .sm\:hover\:border-mint:hover {
    border-color: #eff5e5;
  }

  .sm\:hover\:border-black:hover {
    border-color: #231f20;
  }

  .sm\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .sm\:focus\:border-grey-darker:focus {
    border-color: #606f7b;
  }

  .sm\:focus\:border-grey-dark:focus {
    border-color: #8795a1;
  }

  .sm\:focus\:border-grey-light:focus {
    border-color: #dae1e7;
  }

  .sm\:focus\:border-grey-lighter:focus {
    border-color: #f3f3f5;
  }

  .sm\:focus\:border-white:focus {
    border-color: #fff;
  }

  .sm\:focus\:border-ocf-red:focus {
    border-color: #f15b3c;
  }

  .sm\:focus\:border-ocf-blue:focus {
    border-color: #1c1d44;
  }

  .sm\:focus\:border-ocf-blue-overlay:focus {
    border-color: #343677;
  }

  .sm\:focus\:border-ocf-blue-background:focus {
    border-color: #f3f3f5;
  }

  .sm\:focus\:border-portlandmetro:focus {
    border-color: #189046;
  }

  .sm\:focus\:border-centraloregon:focus {
    border-color: #03a1b1;
  }

  .sm\:focus\:border-northcoast:focus {
    border-color: #8dcfb3;
  }

  .sm\:focus\:border-southcoast:focus {
    border-color: #4d62ad;
  }

  .sm\:focus\:border-southernoregon:focus {
    border-color: #006a84;
  }

  .sm\:focus\:border-nwillamettevalley:focus {
    border-color: #13542b;
  }

  .sm\:focus\:border-easternoregon:focus {
    border-color: #fed536;
  }

  .sm\:focus\:border-swillamettevalley:focus {
    border-color: #fbac36;
  }

  .sm\:focus\:border-copper:focus {
    border-color: #a46b33;
  }

  .sm\:focus\:border-mint:focus {
    border-color: #eff5e5;
  }

  .sm\:focus\:border-black:focus {
    border-color: #231f20;
  }

  .sm\:border-solid {
    border-style: solid;
  }

  .sm\:border-dashed {
    border-style: dashed;
  }

  .sm\:border-dotted {
    border-style: dotted;
  }

  .sm\:border-none {
    border-style: none;
  }

  .sm\:border-0 {
    border-width: 0;
  }

  .sm\:border-2 {
    border-width: 2px;
  }

  .sm\:border-3 {
    border-width: 3px;
  }

  .sm\:border-4 {
    border-width: 4px;
  }

  .sm\:border-5 {
    border-width: 5px;
  }

  .sm\:border-6 {
    border-width: 6px;
  }

  .sm\:border-7 {
    border-width: 7px;
  }

  .sm\:border-8 {
    border-width: 8px;
  }

  .sm\:border {
    border-width: 1px;
  }

  .sm\:border-t-0 {
    border-top-width: 0;
  }

  .sm\:border-r-0 {
    border-right-width: 0;
  }

  .sm\:border-b-0 {
    border-bottom-width: 0;
  }

  .sm\:border-l-0 {
    border-left-width: 0;
  }

  .sm\:border-t-2 {
    border-top-width: 2px;
  }

  .sm\:border-r-2 {
    border-right-width: 2px;
  }

  .sm\:border-b-2 {
    border-bottom-width: 2px;
  }

  .sm\:border-l-2 {
    border-left-width: 2px;
  }

  .sm\:border-t-3 {
    border-top-width: 3px;
  }

  .sm\:border-r-3 {
    border-right-width: 3px;
  }

  .sm\:border-b-3 {
    border-bottom-width: 3px;
  }

  .sm\:border-l-3 {
    border-left-width: 3px;
  }

  .sm\:border-t-4 {
    border-top-width: 4px;
  }

  .sm\:border-r-4 {
    border-right-width: 4px;
  }

  .sm\:border-b-4 {
    border-bottom-width: 4px;
  }

  .sm\:border-l-4 {
    border-left-width: 4px;
  }

  .sm\:border-t-5 {
    border-top-width: 5px;
  }

  .sm\:border-r-5 {
    border-right-width: 5px;
  }

  .sm\:border-b-5 {
    border-bottom-width: 5px;
  }

  .sm\:border-l-5 {
    border-left-width: 5px;
  }

  .sm\:border-t-6 {
    border-top-width: 6px;
  }

  .sm\:border-r-6 {
    border-right-width: 6px;
  }

  .sm\:border-b-6 {
    border-bottom-width: 6px;
  }

  .sm\:border-l-6 {
    border-left-width: 6px;
  }

  .sm\:border-t-7 {
    border-top-width: 7px;
  }

  .sm\:border-r-7 {
    border-right-width: 7px;
  }

  .sm\:border-b-7 {
    border-bottom-width: 7px;
  }

  .sm\:border-l-7 {
    border-left-width: 7px;
  }

  .sm\:border-t-8 {
    border-top-width: 8px;
  }

  .sm\:border-r-8 {
    border-right-width: 8px;
  }

  .sm\:border-b-8 {
    border-bottom-width: 8px;
  }

  .sm\:border-l-8 {
    border-left-width: 8px;
  }

  .sm\:border-t {
    border-top-width: 1px;
  }

  .sm\:border-r {
    border-right-width: 1px;
  }

  .sm\:border-b {
    border-bottom-width: 1px;
  }

  .sm\:border-l {
    border-left-width: 1px;
  }

  .sm\:cursor-auto {
    cursor: auto;
  }

  .sm\:cursor-default {
    cursor: default;
  }

  .sm\:cursor-pointer {
    cursor: pointer;
  }

  .sm\:cursor-wait {
    cursor: wait;
  }

  .sm\:cursor-move {
    cursor: move;
  }

  .sm\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .sm\:block {
    display: block;
  }

  .sm\:inline-block {
    display: inline-block;
  }

  .sm\:inline {
    display: inline;
  }

  .sm\:table {
    display: table;
  }

  .sm\:table-row {
    display: table-row;
  }

  .sm\:table-cell {
    display: table-cell;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:flex {
    display: flex;
  }

  .sm\:inline-flex {
    display: inline-flex;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .sm\:flex-col {
    flex-direction: column;
  }

  .sm\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .sm\:flex-wrap {
    flex-wrap: wrap;
  }

  .sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .sm\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .sm\:items-start {
    align-items: flex-start;
  }

  .sm\:items-end {
    align-items: flex-end;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:items-baseline {
    align-items: baseline;
  }

  .sm\:items-stretch {
    align-items: stretch;
  }

  .sm\:self-auto {
    align-self: auto;
  }

  .sm\:self-start {
    align-self: flex-start;
  }

  .sm\:self-end {
    align-self: flex-end;
  }

  .sm\:self-center {
    align-self: center;
  }

  .sm\:self-stretch {
    align-self: stretch;
  }

  .sm\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

  .sm\:justify-center {
    justify-content: center;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .sm\:justify-around {
    justify-content: space-around;
  }

  .sm\:content-center {
    align-content: center;
  }

  .sm\:content-start {
    align-content: flex-start;
  }

  .sm\:content-end {
    align-content: flex-end;
  }

  .sm\:content-between {
    align-content: space-between;
  }

  .sm\:content-around {
    align-content: space-around;
  }

  .sm\:flex-1 {
    flex: 1 1 0%;
  }

  .sm\:flex-auto {
    flex: 1 1 auto;
  }

  .sm\:flex-initial {
    flex: 0 1 auto;
  }

  .sm\:flex-none {
    flex: none;
  }

  .sm\:flex-grow {
    flex-grow: 1;
  }

  .sm\:flex-shrink {
    flex-shrink: 1;
  }

  .sm\:flex-no-grow {
    flex-grow: 0;
  }

  .sm\:flex-no-shrink {
    flex-shrink: 0;
  }

  .sm\:font-sans {
    font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .sm\:font-serif {
    font-family: poynter-oldstyle-text, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .sm\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .sm\:font-bold {
    font-weight: 700;
  }

  .sm\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .sm\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .sm\:h-20 {
    height: 20px;
  }

  .sm\:h-30 {
    height: 30px;
  }

  .sm\:h-60 {
    height: 60px;
  }

  .sm\:h-67 {
    height: 67px;
  }

  .sm\:h-87 {
    height: 87px;
  }

  .sm\:h-auto {
    height: auto;
  }

  .sm\:h-half {
    height: 50%;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:h-screen {
    height: 100vh;
  }

  .sm\:leading-lh4 {
    line-height: 1.31;
  }

  .sm\:m-0 {
    margin: 0;
  }

  .sm\:m-5 {
    margin: 5px;
  }

  .sm\:m-10 {
    margin: 10px;
  }

  .sm\:m-20 {
    margin: 20px;
  }

  .sm\:m-30 {
    margin: 30px;
  }

  .sm\:m-40 {
    margin: 40px;
  }

  .sm\:m-50 {
    margin: 50px;
  }

  .sm\:m-60 {
    margin: 60px;
  }

  .sm\:m-67 {
    margin: 67px;
  }

  .sm\:m-87 {
    margin: 87px;
  }

  .sm\:m-120 {
    margin: 120px;
  }

  .sm\:m-auto {
    margin: auto;
  }

  .sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .sm\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .sm\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sm\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .sm\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sm\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .sm\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .sm\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .sm\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .sm\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .sm\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .sm\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .sm\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .sm\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .sm\:my-67 {
    margin-top: 67px;
    margin-bottom: 67px;
  }

  .sm\:mx-67 {
    margin-left: 67px;
    margin-right: 67px;
  }

  .sm\:my-87 {
    margin-top: 87px;
    margin-bottom: 87px;
  }

  .sm\:mx-87 {
    margin-left: 87px;
    margin-right: 87px;
  }

  .sm\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .sm\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:mt-0 {
    margin-top: 0;
  }

  .sm\:mr-0 {
    margin-right: 0;
  }

  .sm\:mb-0 {
    margin-bottom: 0;
  }

  .sm\:ml-0 {
    margin-left: 0;
  }

  .sm\:mt-5 {
    margin-top: 5px;
  }

  .sm\:mr-5 {
    margin-right: 5px;
  }

  .sm\:mb-5 {
    margin-bottom: 5px;
  }

  .sm\:ml-5 {
    margin-left: 5px;
  }

  .sm\:mt-10 {
    margin-top: 10px;
  }

  .sm\:mr-10 {
    margin-right: 10px;
  }

  .sm\:mb-10 {
    margin-bottom: 10px;
  }

  .sm\:ml-10 {
    margin-left: 10px;
  }

  .sm\:mt-20 {
    margin-top: 20px;
  }

  .sm\:mr-20 {
    margin-right: 20px;
  }

  .sm\:mb-20 {
    margin-bottom: 20px;
  }

  .sm\:ml-20 {
    margin-left: 20px;
  }

  .sm\:mt-30 {
    margin-top: 30px;
  }

  .sm\:mr-30 {
    margin-right: 30px;
  }

  .sm\:mb-30 {
    margin-bottom: 30px;
  }

  .sm\:ml-30 {
    margin-left: 30px;
  }

  .sm\:mt-40 {
    margin-top: 40px;
  }

  .sm\:mr-40 {
    margin-right: 40px;
  }

  .sm\:mb-40 {
    margin-bottom: 40px;
  }

  .sm\:ml-40 {
    margin-left: 40px;
  }

  .sm\:mt-50 {
    margin-top: 50px;
  }

  .sm\:mr-50 {
    margin-right: 50px;
  }

  .sm\:mb-50 {
    margin-bottom: 50px;
  }

  .sm\:ml-50 {
    margin-left: 50px;
  }

  .sm\:mt-60 {
    margin-top: 60px;
  }

  .sm\:mr-60 {
    margin-right: 60px;
  }

  .sm\:mb-60 {
    margin-bottom: 60px;
  }

  .sm\:ml-60 {
    margin-left: 60px;
  }

  .sm\:mt-67 {
    margin-top: 67px;
  }

  .sm\:mr-67 {
    margin-right: 67px;
  }

  .sm\:mb-67 {
    margin-bottom: 67px;
  }

  .sm\:ml-67 {
    margin-left: 67px;
  }

  .sm\:mt-87 {
    margin-top: 87px;
  }

  .sm\:mr-87 {
    margin-right: 87px;
  }

  .sm\:mb-87 {
    margin-bottom: 87px;
  }

  .sm\:ml-87 {
    margin-left: 87px;
  }

  .sm\:mt-120 {
    margin-top: 120px;
  }

  .sm\:mr-120 {
    margin-right: 120px;
  }

  .sm\:mb-120 {
    margin-bottom: 120px;
  }

  .sm\:ml-120 {
    margin-left: 120px;
  }

  .sm\:mt-auto {
    margin-top: auto;
  }

  .sm\:mr-auto {
    margin-right: auto;
  }

  .sm\:mb-auto {
    margin-bottom: auto;
  }

  .sm\:ml-auto {
    margin-left: auto;
  }

  .sm\:max-h-full {
    max-height: 100%;
  }

  .sm\:max-h-screen {
    max-height: 100vh;
  }

  .sm\:max-w-600 {
    max-width: 600px;
  }

  .sm\:max-w-full {
    max-width: 100%;
  }

  .sm\:max-w-sm {
    max-width: 415px;
  }

  .sm\:max-w-md {
    max-width: 768px;
  }

  .sm\:max-w-lg {
    max-width: 1024px;
  }

  .sm\:max-w-xl {
    max-width: 1440px;
  }

  .sm\:min-h-0 {
    min-height: 0;
  }

  .sm\:min-h-full {
    min-height: 100%;
  }

  .sm\:min-h-screen {
    min-height: 100vh;
  }

  .sm\:-m-0 {
    margin: 0;
  }

  .sm\:-m-10 {
    margin: -10px;
  }

  .sm\:-m-20 {
    margin: -20px;
  }

  .sm\:-m-30 {
    margin: -30px;
  }

  .sm\:-m-50 {
    margin: -50px;
  }

  .sm\:-m-60 {
    margin: -60px;
  }

  .sm\:-m-67 {
    margin: -67px;
  }

  .sm\:-m-87 {
    margin: -87px;
  }

  .sm\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .sm\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .sm\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .sm\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .sm\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .sm\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .sm\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .sm\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .sm\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .sm\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .sm\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .sm\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .sm\:-my-67 {
    margin-top: -67px;
    margin-bottom: -67px;
  }

  .sm\:-mx-67 {
    margin-left: -67px;
    margin-right: -67px;
  }

  .sm\:-my-87 {
    margin-top: -87px;
    margin-bottom: -87px;
  }

  .sm\:-mx-87 {
    margin-left: -87px;
    margin-right: -87px;
  }

  .sm\:-mt-0 {
    margin-top: 0;
  }

  .sm\:-mr-0 {
    margin-right: 0;
  }

  .sm\:-mb-0 {
    margin-bottom: 0;
  }

  .sm\:-ml-0 {
    margin-left: 0;
  }

  .sm\:-mt-10 {
    margin-top: -10px;
  }

  .sm\:-mr-10 {
    margin-right: -10px;
  }

  .sm\:-mb-10 {
    margin-bottom: -10px;
  }

  .sm\:-ml-10 {
    margin-left: -10px;
  }

  .sm\:-mt-20 {
    margin-top: -20px;
  }

  .sm\:-mr-20 {
    margin-right: -20px;
  }

  .sm\:-mb-20 {
    margin-bottom: -20px;
  }

  .sm\:-ml-20 {
    margin-left: -20px;
  }

  .sm\:-mt-30 {
    margin-top: -30px;
  }

  .sm\:-mr-30 {
    margin-right: -30px;
  }

  .sm\:-mb-30 {
    margin-bottom: -30px;
  }

  .sm\:-ml-30 {
    margin-left: -30px;
  }

  .sm\:-mt-50 {
    margin-top: -50px;
  }

  .sm\:-mr-50 {
    margin-right: -50px;
  }

  .sm\:-mb-50 {
    margin-bottom: -50px;
  }

  .sm\:-ml-50 {
    margin-left: -50px;
  }

  .sm\:-mt-60 {
    margin-top: -60px;
  }

  .sm\:-mr-60 {
    margin-right: -60px;
  }

  .sm\:-mb-60 {
    margin-bottom: -60px;
  }

  .sm\:-ml-60 {
    margin-left: -60px;
  }

  .sm\:-mt-67 {
    margin-top: -67px;
  }

  .sm\:-mr-67 {
    margin-right: -67px;
  }

  .sm\:-mb-67 {
    margin-bottom: -67px;
  }

  .sm\:-ml-67 {
    margin-left: -67px;
  }

  .sm\:-mt-87 {
    margin-top: -87px;
  }

  .sm\:-mr-87 {
    margin-right: -87px;
  }

  .sm\:-mb-87 {
    margin-bottom: -87px;
  }

  .sm\:-ml-87 {
    margin-left: -87px;
  }

  .sm\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .sm\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .sm\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .sm\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .sm\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .sm\:opacity-0 {
    opacity: 0;
  }

  .sm\:opacity-10 {
    opacity: .1;
  }

  .sm\:opacity-20 {
    opacity: .2;
  }

  .sm\:opacity-25 {
    opacity: .25;
  }

  .sm\:opacity-30 {
    opacity: .3;
  }

  .sm\:opacity-40 {
    opacity: .4;
  }

  .sm\:opacity-50 {
    opacity: .5;
  }

  .sm\:opacity-60 {
    opacity: .6;
  }

  .sm\:opacity-70 {
    opacity: .7;
  }

  .sm\:opacity-75 {
    opacity: .75;
  }

  .sm\:opacity-80 {
    opacity: .8;
  }

  .sm\:opacity-90 {
    opacity: .9;
  }

  .sm\:opacity-100 {
    opacity: 1;
  }

  .sm\:overflow-auto {
    overflow: auto;
  }

  .sm\:overflow-hidden {
    overflow: hidden;
  }

  .sm\:overflow-visible {
    overflow: visible;
  }

  .sm\:overflow-scroll {
    overflow: scroll;
  }

  .sm\:overflow-x-auto {
    overflow-x: auto;
  }

  .sm\:overflow-y-auto {
    overflow-y: auto;
  }

  .sm\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .sm\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .sm\:overflow-x-visible {
    overflow-x: visible;
  }

  .sm\:overflow-y-visible {
    overflow-y: visible;
  }

  .sm\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .sm\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .sm\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .sm\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .sm\:p-0 {
    padding: 0;
  }

  .sm\:p-5 {
    padding: 5px;
  }

  .sm\:p-10 {
    padding: 10px;
  }

  .sm\:p-20 {
    padding: 20px;
  }

  .sm\:p-30 {
    padding: 30px;
  }

  .sm\:p-40 {
    padding: 40px;
  }

  .sm\:p-50 {
    padding: 50px;
  }

  .sm\:p-60 {
    padding: 60px;
  }

  .sm\:p-67 {
    padding: 67px;
  }

  .sm\:p-87 {
    padding: 87px;
  }

  .sm\:p-100 {
    padding: 100px;
  }

  .sm\:p-120 {
    padding: 120px;
  }

  .sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .sm\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .sm\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .sm\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sm\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sm\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sm\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sm\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sm\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sm\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .sm\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .sm\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sm\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sm\:py-67 {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .sm\:px-67 {
    padding-left: 67px;
    padding-right: 67px;
  }

  .sm\:py-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .sm\:px-87 {
    padding-left: 87px;
    padding-right: 87px;
  }

  .sm\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sm\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .sm\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sm\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .sm\:pt-0 {
    padding-top: 0;
  }

  .sm\:pr-0 {
    padding-right: 0;
  }

  .sm\:pb-0 {
    padding-bottom: 0;
  }

  .sm\:pl-0 {
    padding-left: 0;
  }

  .sm\:pt-5 {
    padding-top: 5px;
  }

  .sm\:pr-5 {
    padding-right: 5px;
  }

  .sm\:pb-5 {
    padding-bottom: 5px;
  }

  .sm\:pl-5 {
    padding-left: 5px;
  }

  .sm\:pt-10 {
    padding-top: 10px;
  }

  .sm\:pr-10 {
    padding-right: 10px;
  }

  .sm\:pb-10 {
    padding-bottom: 10px;
  }

  .sm\:pl-10 {
    padding-left: 10px;
  }

  .sm\:pt-20 {
    padding-top: 20px;
  }

  .sm\:pr-20 {
    padding-right: 20px;
  }

  .sm\:pb-20 {
    padding-bottom: 20px;
  }

  .sm\:pl-20 {
    padding-left: 20px;
  }

  .sm\:pt-30 {
    padding-top: 30px;
  }

  .sm\:pr-30 {
    padding-right: 30px;
  }

  .sm\:pb-30 {
    padding-bottom: 30px;
  }

  .sm\:pl-30 {
    padding-left: 30px;
  }

  .sm\:pt-40 {
    padding-top: 40px;
  }

  .sm\:pr-40 {
    padding-right: 40px;
  }

  .sm\:pb-40 {
    padding-bottom: 40px;
  }

  .sm\:pl-40 {
    padding-left: 40px;
  }

  .sm\:pt-50 {
    padding-top: 50px;
  }

  .sm\:pr-50 {
    padding-right: 50px;
  }

  .sm\:pb-50 {
    padding-bottom: 50px;
  }

  .sm\:pl-50 {
    padding-left: 50px;
  }

  .sm\:pt-60 {
    padding-top: 60px;
  }

  .sm\:pr-60 {
    padding-right: 60px;
  }

  .sm\:pb-60 {
    padding-bottom: 60px;
  }

  .sm\:pl-60 {
    padding-left: 60px;
  }

  .sm\:pt-67 {
    padding-top: 67px;
  }

  .sm\:pr-67 {
    padding-right: 67px;
  }

  .sm\:pb-67 {
    padding-bottom: 67px;
  }

  .sm\:pl-67 {
    padding-left: 67px;
  }

  .sm\:pt-87 {
    padding-top: 87px;
  }

  .sm\:pr-87 {
    padding-right: 87px;
  }

  .sm\:pb-87 {
    padding-bottom: 87px;
  }

  .sm\:pl-87 {
    padding-left: 87px;
  }

  .sm\:pt-100 {
    padding-top: 100px;
  }

  .sm\:pr-100 {
    padding-right: 100px;
  }

  .sm\:pb-100 {
    padding-bottom: 100px;
  }

  .sm\:pl-100 {
    padding-left: 100px;
  }

  .sm\:pt-120 {
    padding-top: 120px;
  }

  .sm\:pr-120 {
    padding-right: 120px;
  }

  .sm\:pb-120 {
    padding-bottom: 120px;
  }

  .sm\:pl-120 {
    padding-left: 120px;
  }

  .sm\:pointer-events-none {
    pointer-events: none;
  }

  .sm\:pointer-events-auto {
    pointer-events: auto;
  }

  .sm\:static {
    position: static;
  }

  .sm\:fixed {
    position: fixed;
  }

  .sm\:absolute {
    position: absolute;
  }

  .sm\:relative {
    position: relative;
  }

  .sm\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .sm\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .sm\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .sm\:pin-y {
    top: 0;
    bottom: 0;
  }

  .sm\:pin-x {
    right: 0;
    left: 0;
  }

  .sm\:pin-t {
    top: 0;
  }

  .sm\:pin-r {
    right: 0;
  }

  .sm\:pin-b {
    bottom: 0;
  }

  .sm\:pin-l {
    left: 0;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-center {
    text-align: center;
  }

  .sm\:text-right {
    text-align: right;
  }

  .sm\:text-justify {
    text-align: justify;
  }

  .sm\:text-transparent {
    color: transparent;
  }

  .sm\:text-grey-darker {
    color: #606f7b;
  }

  .sm\:text-grey-dark {
    color: #8795a1;
  }

  .sm\:text-grey-light {
    color: #dae1e7;
  }

  .sm\:text-grey-lighter {
    color: #f3f3f5;
  }

  .sm\:text-white {
    color: #fff;
  }

  .sm\:text-ocf-red {
    color: #f15b3c;
  }

  .sm\:text-ocf-blue {
    color: #1c1d44;
  }

  .sm\:text-ocf-blue-overlay {
    color: #343677;
  }

  .sm\:text-ocf-blue-background {
    color: #f3f3f5;
  }

  .sm\:text-portlandmetro {
    color: #189046;
  }

  .sm\:text-centraloregon {
    color: #03a1b1;
  }

  .sm\:text-northcoast {
    color: #8dcfb3;
  }

  .sm\:text-southcoast {
    color: #4d62ad;
  }

  .sm\:text-southernoregon {
    color: #006a84;
  }

  .sm\:text-nwillamettevalley {
    color: #13542b;
  }

  .sm\:text-easternoregon {
    color: #fed536;
  }

  .sm\:text-swillamettevalley {
    color: #fbac36;
  }

  .sm\:text-copper {
    color: #a46b33;
  }

  .sm\:text-mint {
    color: #eff5e5;
  }

  .sm\:text-black {
    color: #231f20;
  }

  .sm\:hover\:text-transparent:hover {
    color: transparent;
  }

  .sm\:hover\:text-grey-darker:hover {
    color: #606f7b;
  }

  .sm\:hover\:text-grey-dark:hover {
    color: #8795a1;
  }

  .sm\:hover\:text-grey-light:hover {
    color: #dae1e7;
  }

  .sm\:hover\:text-grey-lighter:hover {
    color: #f3f3f5;
  }

  .sm\:hover\:text-white:hover {
    color: #fff;
  }

  .sm\:hover\:text-ocf-red:hover {
    color: #f15b3c;
  }

  .sm\:hover\:text-ocf-blue:hover {
    color: #1c1d44;
  }

  .sm\:hover\:text-ocf-blue-overlay:hover {
    color: #343677;
  }

  .sm\:hover\:text-ocf-blue-background:hover {
    color: #f3f3f5;
  }

  .sm\:hover\:text-portlandmetro:hover {
    color: #189046;
  }

  .sm\:hover\:text-centraloregon:hover {
    color: #03a1b1;
  }

  .sm\:hover\:text-northcoast:hover {
    color: #8dcfb3;
  }

  .sm\:hover\:text-southcoast:hover {
    color: #4d62ad;
  }

  .sm\:hover\:text-southernoregon:hover {
    color: #006a84;
  }

  .sm\:hover\:text-nwillamettevalley:hover {
    color: #13542b;
  }

  .sm\:hover\:text-easternoregon:hover {
    color: #fed536;
  }

  .sm\:hover\:text-swillamettevalley:hover {
    color: #fbac36;
  }

  .sm\:hover\:text-copper:hover {
    color: #a46b33;
  }

  .sm\:hover\:text-mint:hover {
    color: #eff5e5;
  }

  .sm\:hover\:text-black:hover {
    color: #231f20;
  }

  .sm\:focus\:text-transparent:focus {
    color: transparent;
  }

  .sm\:focus\:text-grey-darker:focus {
    color: #606f7b;
  }

  .sm\:focus\:text-grey-dark:focus {
    color: #8795a1;
  }

  .sm\:focus\:text-grey-light:focus {
    color: #dae1e7;
  }

  .sm\:focus\:text-grey-lighter:focus {
    color: #f3f3f5;
  }

  .sm\:focus\:text-white:focus {
    color: #fff;
  }

  .sm\:focus\:text-ocf-red:focus {
    color: #f15b3c;
  }

  .sm\:focus\:text-ocf-blue:focus {
    color: #1c1d44;
  }

  .sm\:focus\:text-ocf-blue-overlay:focus {
    color: #343677;
  }

  .sm\:focus\:text-ocf-blue-background:focus {
    color: #f3f3f5;
  }

  .sm\:focus\:text-portlandmetro:focus {
    color: #189046;
  }

  .sm\:focus\:text-centraloregon:focus {
    color: #03a1b1;
  }

  .sm\:focus\:text-northcoast:focus {
    color: #8dcfb3;
  }

  .sm\:focus\:text-southcoast:focus {
    color: #4d62ad;
  }

  .sm\:focus\:text-southernoregon:focus {
    color: #006a84;
  }

  .sm\:focus\:text-nwillamettevalley:focus {
    color: #13542b;
  }

  .sm\:focus\:text-easternoregon:focus {
    color: #fed536;
  }

  .sm\:focus\:text-swillamettevalley:focus {
    color: #fbac36;
  }

  .sm\:focus\:text-copper:focus {
    color: #a46b33;
  }

  .sm\:focus\:text-mint:focus {
    color: #eff5e5;
  }

  .sm\:focus\:text-black:focus {
    color: #231f20;
  }

  .sm\:text-2xs {
    font-size: 12px;
  }

  .sm\:text-xs {
    font-size: 14px;
  }

  .sm\:text-sm {
    font-size: 16px;
  }

  .sm\:text-base {
    font-size: 18px;
  }

  .sm\:text-md {
    font-size: 22px;
  }

  .sm\:text-lg {
    font-size: 24px;
  }

  .sm\:text-xl {
    font-size: 26px;
  }

  .sm\:text-2xl {
    font-size: 28px;
  }

  .sm\:text-3xl {
    font-size: 30px;
  }

  .sm\:text-4xl {
    font-size: 36px;
  }

  .sm\:text-5xl {
    font-size: 48px;
  }

  .sm\:text-6xl {
    font-size: 78px;
  }

  .sm\:italic {
    font-style: italic;
  }

  .sm\:roman {
    font-style: normal;
  }

  .sm\:uppercase {
    text-transform: uppercase;
  }

  .sm\:lowercase {
    text-transform: lowercase;
  }

  .sm\:capitalize {
    text-transform: capitalize;
  }

  .sm\:normal-case {
    text-transform: none;
  }

  .sm\:underline {
    text-decoration: underline;
  }

  .sm\:line-through {
    text-decoration: line-through;
  }

  .sm\:no-underline {
    text-decoration: none;
  }

  .sm\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:hover\:italic:hover {
    font-style: italic;
  }

  .sm\:hover\:roman:hover {
    font-style: normal;
  }

  .sm\:hover\:uppercase:hover {
    text-transform: uppercase;
  }

  .sm\:hover\:lowercase:hover {
    text-transform: lowercase;
  }

  .sm\:hover\:capitalize:hover {
    text-transform: capitalize;
  }

  .sm\:hover\:normal-case:hover {
    text-transform: none;
  }

  .sm\:hover\:underline:hover {
    text-decoration: underline;
  }

  .sm\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .sm\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .sm\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:focus\:italic:focus {
    font-style: italic;
  }

  .sm\:focus\:roman:focus {
    font-style: normal;
  }

  .sm\:focus\:uppercase:focus {
    text-transform: uppercase;
  }

  .sm\:focus\:lowercase:focus {
    text-transform: lowercase;
  }

  .sm\:focus\:capitalize:focus {
    text-transform: capitalize;
  }

  .sm\:focus\:normal-case:focus {
    text-transform: none;
  }

  .sm\:focus\:underline:focus {
    text-decoration: underline;
  }

  .sm\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .sm\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .sm\:focus\:antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .sm\:focus\:subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .sm\:tracking-2xl {
    letter-spacing: 1px;
  }

  .sm\:tracking-4xl {
    letter-spacing: 1.5px;
  }

  .sm\:align-baseline {
    vertical-align: baseline;
  }

  .sm\:align-top {
    vertical-align: top;
  }

  .sm\:align-middle {
    vertical-align: middle;
  }

  .sm\:align-bottom {
    vertical-align: bottom;
  }

  .sm\:align-text-top {
    vertical-align: text-top;
  }

  .sm\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .sm\:visible {
    visibility: visible;
  }

  .sm\:invisible {
    visibility: hidden;
  }

  .sm\:whitespace-normal {
    white-space: normal;
  }

  .sm\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .sm\:whitespace-pre {
    white-space: pre;
  }

  .sm\:whitespace-pre-line {
    white-space: pre-line;
  }

  .sm\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .sm\:break-words {
    word-wrap: break-word;
  }

  .sm\:break-normal {
    word-wrap: normal;
  }

  .sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .sm\:w-20 {
    width: 20px;
  }

  .sm\:w-30 {
    width: 30px;
  }

  .sm\:w-60 {
    width: 60px;
  }

  .sm\:w-67 {
    width: 67px;
  }

  .sm\:w-87 {
    width: 87px;
  }

  .sm\:w-auto {
    width: auto;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-1\/3 {
    width: 33.33%;
  }

  .sm\:w-2\/3 {
    width: 66.67%;
  }

  .sm\:w-1\/4 {
    width: 25%;
  }

  .sm\:w-3\/4 {
    width: 75%;
  }

  .sm\:w-1\/6 {
    width: 16.67%;
  }

  .sm\:w-5\/6 {
    width: 83.33%;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:w-screen {
    width: 100vw;
  }

  .sm\:w-1\/12 {
    width: 8.333%;
  }

  .sm\:w-2\/12 {
    width: 16.67%;
  }

  .sm\:w-3\/12 {
    width: 25%;
  }

  .sm\:w-4\/12 {
    width: 33.33%;
  }

  .sm\:w-5\/12 {
    width: 41.67%;
  }

  .sm\:w-6\/12 {
    width: 50%;
  }

  .sm\:w-7\/12 {
    width: 58.33%;
  }

  .sm\:w-8\/12 {
    width: 66.67%;
  }

  .sm\:w-9\/12 {
    width: 75%;
  }

  .sm\:w-10\/12 {
    width: 83.33%;
  }

  .sm\:w-11\/12 {
    width: 91.67%;
  }

  .sm\:w-12\/12 {
    width: 100%;
  }

  .sm\:z-0 {
    z-index: 0;
  }

  .sm\:z-1 {
    z-index: 1;
  }

  .sm\:z-10 {
    z-index: 10;
  }

  .sm\:z-20 {
    z-index: 20;
  }

  .sm\:z-30 {
    z-index: 30;
  }

  .sm\:z-40 {
    z-index: 40;
  }

  .sm\:z-50 {
    z-index: 50;
  }

  .sm\:z-auto {
    z-index: auto;
  }

  .sm\:aspect-ratio-square {
    padding-top: 100%;
  }

  .sm\:aspect-ratio-16\/9 {
    padding-top: 56.25%;
  }

  .sm\:aspect-ratio-9\/16 {
    padding-top: 177.78%;
  }

  .sm\:aspect-ratio-4\/3 {
    padding-top: 75%;
  }

  .sm\:aspect-ratio-3\/4 {
    padding-top: 133.33%;
  }

  .sm\:aspect-ratio-21\/9 {
    padding-top: 42.86%;
  }
}

@media (min-width: 768px) {
  .md\:list-reset {
    list-style: none;
    padding: 0;
  }

  .md\:bg-fixed {
    background-attachment: fixed;
  }

  .md\:bg-local {
    background-attachment: local;
  }

  .md\:bg-scroll {
    background-attachment: scroll;
  }

  .md\:bg-transparent {
    background-color: transparent;
  }

  .md\:bg-grey-darker {
    background-color: #606f7b;
  }

  .md\:bg-grey-dark {
    background-color: #8795a1;
  }

  .md\:bg-grey-light {
    background-color: #dae1e7;
  }

  .md\:bg-grey-lighter {
    background-color: #f3f3f5;
  }

  .md\:bg-white {
    background-color: #fff;
  }

  .md\:bg-ocf-red {
    background-color: #f15b3c;
  }

  .md\:bg-ocf-blue {
    background-color: #1c1d44;
  }

  .md\:bg-ocf-blue-overlay {
    background-color: #343677;
  }

  .md\:bg-ocf-blue-background {
    background-color: #f3f3f5;
  }

  .md\:bg-portlandmetro {
    background-color: #189046;
  }

  .md\:bg-centraloregon {
    background-color: #03a1b1;
  }

  .md\:bg-northcoast {
    background-color: #8dcfb3;
  }

  .md\:bg-southcoast {
    background-color: #4d62ad;
  }

  .md\:bg-southernoregon {
    background-color: #006a84;
  }

  .md\:bg-nwillamettevalley {
    background-color: #13542b;
  }

  .md\:bg-easternoregon {
    background-color: #fed536;
  }

  .md\:bg-swillamettevalley {
    background-color: #fbac36;
  }

  .md\:bg-copper {
    background-color: #a46b33;
  }

  .md\:bg-mint {
    background-color: #eff5e5;
  }

  .md\:bg-black {
    background-color: #231f20;
  }

  .md\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .md\:hover\:bg-grey-darker:hover {
    background-color: #606f7b;
  }

  .md\:hover\:bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .md\:hover\:bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .md\:hover\:bg-grey-lighter:hover {
    background-color: #f3f3f5;
  }

  .md\:hover\:bg-white:hover {
    background-color: #fff;
  }

  .md\:hover\:bg-ocf-red:hover {
    background-color: #f15b3c;
  }

  .md\:hover\:bg-ocf-blue:hover {
    background-color: #1c1d44;
  }

  .md\:hover\:bg-ocf-blue-overlay:hover {
    background-color: #343677;
  }

  .md\:hover\:bg-ocf-blue-background:hover {
    background-color: #f3f3f5;
  }

  .md\:hover\:bg-portlandmetro:hover {
    background-color: #189046;
  }

  .md\:hover\:bg-centraloregon:hover {
    background-color: #03a1b1;
  }

  .md\:hover\:bg-northcoast:hover {
    background-color: #8dcfb3;
  }

  .md\:hover\:bg-southcoast:hover {
    background-color: #4d62ad;
  }

  .md\:hover\:bg-southernoregon:hover {
    background-color: #006a84;
  }

  .md\:hover\:bg-nwillamettevalley:hover {
    background-color: #13542b;
  }

  .md\:hover\:bg-easternoregon:hover {
    background-color: #fed536;
  }

  .md\:hover\:bg-swillamettevalley:hover {
    background-color: #fbac36;
  }

  .md\:hover\:bg-copper:hover {
    background-color: #a46b33;
  }

  .md\:hover\:bg-mint:hover {
    background-color: #eff5e5;
  }

  .md\:hover\:bg-black:hover {
    background-color: #231f20;
  }

  .md\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .md\:focus\:bg-grey-darker:focus {
    background-color: #606f7b;
  }

  .md\:focus\:bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .md\:focus\:bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .md\:focus\:bg-grey-lighter:focus {
    background-color: #f3f3f5;
  }

  .md\:focus\:bg-white:focus {
    background-color: #fff;
  }

  .md\:focus\:bg-ocf-red:focus {
    background-color: #f15b3c;
  }

  .md\:focus\:bg-ocf-blue:focus {
    background-color: #1c1d44;
  }

  .md\:focus\:bg-ocf-blue-overlay:focus {
    background-color: #343677;
  }

  .md\:focus\:bg-ocf-blue-background:focus {
    background-color: #f3f3f5;
  }

  .md\:focus\:bg-portlandmetro:focus {
    background-color: #189046;
  }

  .md\:focus\:bg-centraloregon:focus {
    background-color: #03a1b1;
  }

  .md\:focus\:bg-northcoast:focus {
    background-color: #8dcfb3;
  }

  .md\:focus\:bg-southcoast:focus {
    background-color: #4d62ad;
  }

  .md\:focus\:bg-southernoregon:focus {
    background-color: #006a84;
  }

  .md\:focus\:bg-nwillamettevalley:focus {
    background-color: #13542b;
  }

  .md\:focus\:bg-easternoregon:focus {
    background-color: #fed536;
  }

  .md\:focus\:bg-swillamettevalley:focus {
    background-color: #fbac36;
  }

  .md\:focus\:bg-copper:focus {
    background-color: #a46b33;
  }

  .md\:focus\:bg-mint:focus {
    background-color: #eff5e5;
  }

  .md\:focus\:bg-black:focus {
    background-color: #231f20;
  }

  .md\:bg-bottom {
    background-position: bottom;
  }

  .md\:bg-center {
    background-position: center;
  }

  .md\:bg-left {
    background-position: left;
  }

  .md\:bg-left-bottom {
    background-position: left bottom;
  }

  .md\:bg-left-top {
    background-position: left top;
  }

  .md\:bg-right {
    background-position: right;
  }

  .md\:bg-right-bottom {
    background-position: right bottom;
  }

  .md\:bg-right-top {
    background-position: right top;
  }

  .md\:bg-top {
    background-position: top;
  }

  .md\:bg-repeat {
    background-repeat: repeat;
  }

  .md\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .md\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .md\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .md\:bg-auto {
    background-size: auto;
  }

  .md\:bg-cover {
    background-size: cover;
  }

  .md\:bg-contain {
    background-size: contain;
  }

  .md\:border-transparent {
    border-color: transparent;
  }

  .md\:border-grey-darker {
    border-color: #606f7b;
  }

  .md\:border-grey-dark {
    border-color: #8795a1;
  }

  .md\:border-grey-light {
    border-color: #dae1e7;
  }

  .md\:border-grey-lighter {
    border-color: #f3f3f5;
  }

  .md\:border-white {
    border-color: #fff;
  }

  .md\:border-ocf-red {
    border-color: #f15b3c;
  }

  .md\:border-ocf-blue {
    border-color: #1c1d44;
  }

  .md\:border-ocf-blue-overlay {
    border-color: #343677;
  }

  .md\:border-ocf-blue-background {
    border-color: #f3f3f5;
  }

  .md\:border-portlandmetro {
    border-color: #189046;
  }

  .md\:border-centraloregon {
    border-color: #03a1b1;
  }

  .md\:border-northcoast {
    border-color: #8dcfb3;
  }

  .md\:border-southcoast {
    border-color: #4d62ad;
  }

  .md\:border-southernoregon {
    border-color: #006a84;
  }

  .md\:border-nwillamettevalley {
    border-color: #13542b;
  }

  .md\:border-easternoregon {
    border-color: #fed536;
  }

  .md\:border-swillamettevalley {
    border-color: #fbac36;
  }

  .md\:border-copper {
    border-color: #a46b33;
  }

  .md\:border-mint {
    border-color: #eff5e5;
  }

  .md\:border-black {
    border-color: #231f20;
  }

  .md\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .md\:hover\:border-grey-darker:hover {
    border-color: #606f7b;
  }

  .md\:hover\:border-grey-dark:hover {
    border-color: #8795a1;
  }

  .md\:hover\:border-grey-light:hover {
    border-color: #dae1e7;
  }

  .md\:hover\:border-grey-lighter:hover {
    border-color: #f3f3f5;
  }

  .md\:hover\:border-white:hover {
    border-color: #fff;
  }

  .md\:hover\:border-ocf-red:hover {
    border-color: #f15b3c;
  }

  .md\:hover\:border-ocf-blue:hover {
    border-color: #1c1d44;
  }

  .md\:hover\:border-ocf-blue-overlay:hover {
    border-color: #343677;
  }

  .md\:hover\:border-ocf-blue-background:hover {
    border-color: #f3f3f5;
  }

  .md\:hover\:border-portlandmetro:hover {
    border-color: #189046;
  }

  .md\:hover\:border-centraloregon:hover {
    border-color: #03a1b1;
  }

  .md\:hover\:border-northcoast:hover {
    border-color: #8dcfb3;
  }

  .md\:hover\:border-southcoast:hover {
    border-color: #4d62ad;
  }

  .md\:hover\:border-southernoregon:hover {
    border-color: #006a84;
  }

  .md\:hover\:border-nwillamettevalley:hover {
    border-color: #13542b;
  }

  .md\:hover\:border-easternoregon:hover {
    border-color: #fed536;
  }

  .md\:hover\:border-swillamettevalley:hover {
    border-color: #fbac36;
  }

  .md\:hover\:border-copper:hover {
    border-color: #a46b33;
  }

  .md\:hover\:border-mint:hover {
    border-color: #eff5e5;
  }

  .md\:hover\:border-black:hover {
    border-color: #231f20;
  }

  .md\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .md\:focus\:border-grey-darker:focus {
    border-color: #606f7b;
  }

  .md\:focus\:border-grey-dark:focus {
    border-color: #8795a1;
  }

  .md\:focus\:border-grey-light:focus {
    border-color: #dae1e7;
  }

  .md\:focus\:border-grey-lighter:focus {
    border-color: #f3f3f5;
  }

  .md\:focus\:border-white:focus {
    border-color: #fff;
  }

  .md\:focus\:border-ocf-red:focus {
    border-color: #f15b3c;
  }

  .md\:focus\:border-ocf-blue:focus {
    border-color: #1c1d44;
  }

  .md\:focus\:border-ocf-blue-overlay:focus {
    border-color: #343677;
  }

  .md\:focus\:border-ocf-blue-background:focus {
    border-color: #f3f3f5;
  }

  .md\:focus\:border-portlandmetro:focus {
    border-color: #189046;
  }

  .md\:focus\:border-centraloregon:focus {
    border-color: #03a1b1;
  }

  .md\:focus\:border-northcoast:focus {
    border-color: #8dcfb3;
  }

  .md\:focus\:border-southcoast:focus {
    border-color: #4d62ad;
  }

  .md\:focus\:border-southernoregon:focus {
    border-color: #006a84;
  }

  .md\:focus\:border-nwillamettevalley:focus {
    border-color: #13542b;
  }

  .md\:focus\:border-easternoregon:focus {
    border-color: #fed536;
  }

  .md\:focus\:border-swillamettevalley:focus {
    border-color: #fbac36;
  }

  .md\:focus\:border-copper:focus {
    border-color: #a46b33;
  }

  .md\:focus\:border-mint:focus {
    border-color: #eff5e5;
  }

  .md\:focus\:border-black:focus {
    border-color: #231f20;
  }

  .md\:border-solid {
    border-style: solid;
  }

  .md\:border-dashed {
    border-style: dashed;
  }

  .md\:border-dotted {
    border-style: dotted;
  }

  .md\:border-none {
    border-style: none;
  }

  .md\:border-0 {
    border-width: 0;
  }

  .md\:border-2 {
    border-width: 2px;
  }

  .md\:border-3 {
    border-width: 3px;
  }

  .md\:border-4 {
    border-width: 4px;
  }

  .md\:border-5 {
    border-width: 5px;
  }

  .md\:border-6 {
    border-width: 6px;
  }

  .md\:border-7 {
    border-width: 7px;
  }

  .md\:border-8 {
    border-width: 8px;
  }

  .md\:border {
    border-width: 1px;
  }

  .md\:border-t-0 {
    border-top-width: 0;
  }

  .md\:border-r-0 {
    border-right-width: 0;
  }

  .md\:border-b-0 {
    border-bottom-width: 0;
  }

  .md\:border-l-0 {
    border-left-width: 0;
  }

  .md\:border-t-2 {
    border-top-width: 2px;
  }

  .md\:border-r-2 {
    border-right-width: 2px;
  }

  .md\:border-b-2 {
    border-bottom-width: 2px;
  }

  .md\:border-l-2 {
    border-left-width: 2px;
  }

  .md\:border-t-3 {
    border-top-width: 3px;
  }

  .md\:border-r-3 {
    border-right-width: 3px;
  }

  .md\:border-b-3 {
    border-bottom-width: 3px;
  }

  .md\:border-l-3 {
    border-left-width: 3px;
  }

  .md\:border-t-4 {
    border-top-width: 4px;
  }

  .md\:border-r-4 {
    border-right-width: 4px;
  }

  .md\:border-b-4 {
    border-bottom-width: 4px;
  }

  .md\:border-l-4 {
    border-left-width: 4px;
  }

  .md\:border-t-5 {
    border-top-width: 5px;
  }

  .md\:border-r-5 {
    border-right-width: 5px;
  }

  .md\:border-b-5 {
    border-bottom-width: 5px;
  }

  .md\:border-l-5 {
    border-left-width: 5px;
  }

  .md\:border-t-6 {
    border-top-width: 6px;
  }

  .md\:border-r-6 {
    border-right-width: 6px;
  }

  .md\:border-b-6 {
    border-bottom-width: 6px;
  }

  .md\:border-l-6 {
    border-left-width: 6px;
  }

  .md\:border-t-7 {
    border-top-width: 7px;
  }

  .md\:border-r-7 {
    border-right-width: 7px;
  }

  .md\:border-b-7 {
    border-bottom-width: 7px;
  }

  .md\:border-l-7 {
    border-left-width: 7px;
  }

  .md\:border-t-8 {
    border-top-width: 8px;
  }

  .md\:border-r-8 {
    border-right-width: 8px;
  }

  .md\:border-b-8 {
    border-bottom-width: 8px;
  }

  .md\:border-l-8 {
    border-left-width: 8px;
  }

  .md\:border-t {
    border-top-width: 1px;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-b {
    border-bottom-width: 1px;
  }

  .md\:border-l {
    border-left-width: 1px;
  }

  .md\:cursor-auto {
    cursor: auto;
  }

  .md\:cursor-default {
    cursor: default;
  }

  .md\:cursor-pointer {
    cursor: pointer;
  }

  .md\:cursor-wait {
    cursor: wait;
  }

  .md\:cursor-move {
    cursor: move;
  }

  .md\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .md\:block {
    display: block;
  }

  .md\:inline-block {
    display: inline-block;
  }

  .md\:inline {
    display: inline;
  }

  .md\:table {
    display: table;
  }

  .md\:table-row {
    display: table-row;
  }

  .md\:table-cell {
    display: table-cell;
  }

  .md\:hidden {
    display: none;
  }

  .md\:flex {
    display: flex;
  }

  .md\:inline-flex {
    display: inline-flex;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .md\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-end {
    align-items: flex-end;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:items-baseline {
    align-items: baseline;
  }

  .md\:items-stretch {
    align-items: stretch;
  }

  .md\:self-auto {
    align-self: auto;
  }

  .md\:self-start {
    align-self: flex-start;
  }

  .md\:self-end {
    align-self: flex-end;
  }

  .md\:self-center {
    align-self: center;
  }

  .md\:self-stretch {
    align-self: stretch;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:justify-around {
    justify-content: space-around;
  }

  .md\:content-center {
    align-content: center;
  }

  .md\:content-start {
    align-content: flex-start;
  }

  .md\:content-end {
    align-content: flex-end;
  }

  .md\:content-between {
    align-content: space-between;
  }

  .md\:content-around {
    align-content: space-around;
  }

  .md\:flex-1 {
    flex: 1 1 0%;
  }

  .md\:flex-auto {
    flex: 1 1 auto;
  }

  .md\:flex-initial {
    flex: 0 1 auto;
  }

  .md\:flex-none {
    flex: none;
  }

  .md\:flex-grow {
    flex-grow: 1;
  }

  .md\:flex-shrink {
    flex-shrink: 1;
  }

  .md\:flex-no-grow {
    flex-grow: 0;
  }

  .md\:flex-no-shrink {
    flex-shrink: 0;
  }

  .md\:font-sans {
    font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .md\:font-serif {
    font-family: poynter-oldstyle-text, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .md\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .md\:font-bold {
    font-weight: 700;
  }

  .md\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .md\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .md\:h-20 {
    height: 20px;
  }

  .md\:h-30 {
    height: 30px;
  }

  .md\:h-60 {
    height: 60px;
  }

  .md\:h-67 {
    height: 67px;
  }

  .md\:h-87 {
    height: 87px;
  }

  .md\:h-auto {
    height: auto;
  }

  .md\:h-half {
    height: 50%;
  }

  .md\:h-full {
    height: 100%;
  }

  .md\:h-screen {
    height: 100vh;
  }

  .md\:leading-lh4 {
    line-height: 1.31;
  }

  .md\:m-0 {
    margin: 0;
  }

  .md\:m-5 {
    margin: 5px;
  }

  .md\:m-10 {
    margin: 10px;
  }

  .md\:m-20 {
    margin: 20px;
  }

  .md\:m-30 {
    margin: 30px;
  }

  .md\:m-40 {
    margin: 40px;
  }

  .md\:m-50 {
    margin: 50px;
  }

  .md\:m-60 {
    margin: 60px;
  }

  .md\:m-67 {
    margin: 67px;
  }

  .md\:m-87 {
    margin: 87px;
  }

  .md\:m-120 {
    margin: 120px;
  }

  .md\:m-auto {
    margin: auto;
  }

  .md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .md\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .md\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .md\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .md\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .md\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .md\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .md\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .md\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .md\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .md\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .md\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .md\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .md\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .md\:my-67 {
    margin-top: 67px;
    margin-bottom: 67px;
  }

  .md\:mx-67 {
    margin-left: 67px;
    margin-right: 67px;
  }

  .md\:my-87 {
    margin-top: 87px;
    margin-bottom: 87px;
  }

  .md\:mx-87 {
    margin-left: 87px;
    margin-right: 87px;
  }

  .md\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .md\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:mt-0 {
    margin-top: 0;
  }

  .md\:mr-0 {
    margin-right: 0;
  }

  .md\:mb-0 {
    margin-bottom: 0;
  }

  .md\:ml-0 {
    margin-left: 0;
  }

  .md\:mt-5 {
    margin-top: 5px;
  }

  .md\:mr-5 {
    margin-right: 5px;
  }

  .md\:mb-5 {
    margin-bottom: 5px;
  }

  .md\:ml-5 {
    margin-left: 5px;
  }

  .md\:mt-10 {
    margin-top: 10px;
  }

  .md\:mr-10 {
    margin-right: 10px;
  }

  .md\:mb-10 {
    margin-bottom: 10px;
  }

  .md\:ml-10 {
    margin-left: 10px;
  }

  .md\:mt-20 {
    margin-top: 20px;
  }

  .md\:mr-20 {
    margin-right: 20px;
  }

  .md\:mb-20 {
    margin-bottom: 20px;
  }

  .md\:ml-20 {
    margin-left: 20px;
  }

  .md\:mt-30 {
    margin-top: 30px;
  }

  .md\:mr-30 {
    margin-right: 30px;
  }

  .md\:mb-30 {
    margin-bottom: 30px;
  }

  .md\:ml-30 {
    margin-left: 30px;
  }

  .md\:mt-40 {
    margin-top: 40px;
  }

  .md\:mr-40 {
    margin-right: 40px;
  }

  .md\:mb-40 {
    margin-bottom: 40px;
  }

  .md\:ml-40 {
    margin-left: 40px;
  }

  .md\:mt-50 {
    margin-top: 50px;
  }

  .md\:mr-50 {
    margin-right: 50px;
  }

  .md\:mb-50 {
    margin-bottom: 50px;
  }

  .md\:ml-50 {
    margin-left: 50px;
  }

  .md\:mt-60 {
    margin-top: 60px;
  }

  .md\:mr-60 {
    margin-right: 60px;
  }

  .md\:mb-60 {
    margin-bottom: 60px;
  }

  .md\:ml-60 {
    margin-left: 60px;
  }

  .md\:mt-67 {
    margin-top: 67px;
  }

  .md\:mr-67 {
    margin-right: 67px;
  }

  .md\:mb-67 {
    margin-bottom: 67px;
  }

  .md\:ml-67 {
    margin-left: 67px;
  }

  .md\:mt-87 {
    margin-top: 87px;
  }

  .md\:mr-87 {
    margin-right: 87px;
  }

  .md\:mb-87 {
    margin-bottom: 87px;
  }

  .md\:ml-87 {
    margin-left: 87px;
  }

  .md\:mt-120 {
    margin-top: 120px;
  }

  .md\:mr-120 {
    margin-right: 120px;
  }

  .md\:mb-120 {
    margin-bottom: 120px;
  }

  .md\:ml-120 {
    margin-left: 120px;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:mr-auto {
    margin-right: auto;
  }

  .md\:mb-auto {
    margin-bottom: auto;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:max-h-full {
    max-height: 100%;
  }

  .md\:max-h-screen {
    max-height: 100vh;
  }

  .md\:max-w-600 {
    max-width: 600px;
  }

  .md\:max-w-full {
    max-width: 100%;
  }

  .md\:max-w-sm {
    max-width: 415px;
  }

  .md\:max-w-md {
    max-width: 768px;
  }

  .md\:max-w-lg {
    max-width: 1024px;
  }

  .md\:max-w-xl {
    max-width: 1440px;
  }

  .md\:min-h-0 {
    min-height: 0;
  }

  .md\:min-h-full {
    min-height: 100%;
  }

  .md\:min-h-screen {
    min-height: 100vh;
  }

  .md\:-m-0 {
    margin: 0;
  }

  .md\:-m-10 {
    margin: -10px;
  }

  .md\:-m-20 {
    margin: -20px;
  }

  .md\:-m-30 {
    margin: -30px;
  }

  .md\:-m-50 {
    margin: -50px;
  }

  .md\:-m-60 {
    margin: -60px;
  }

  .md\:-m-67 {
    margin: -67px;
  }

  .md\:-m-87 {
    margin: -87px;
  }

  .md\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .md\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .md\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .md\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .md\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .md\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .md\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .md\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .md\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .md\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .md\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .md\:-my-67 {
    margin-top: -67px;
    margin-bottom: -67px;
  }

  .md\:-mx-67 {
    margin-left: -67px;
    margin-right: -67px;
  }

  .md\:-my-87 {
    margin-top: -87px;
    margin-bottom: -87px;
  }

  .md\:-mx-87 {
    margin-left: -87px;
    margin-right: -87px;
  }

  .md\:-mt-0 {
    margin-top: 0;
  }

  .md\:-mr-0 {
    margin-right: 0;
  }

  .md\:-mb-0 {
    margin-bottom: 0;
  }

  .md\:-ml-0 {
    margin-left: 0;
  }

  .md\:-mt-10 {
    margin-top: -10px;
  }

  .md\:-mr-10 {
    margin-right: -10px;
  }

  .md\:-mb-10 {
    margin-bottom: -10px;
  }

  .md\:-ml-10 {
    margin-left: -10px;
  }

  .md\:-mt-20 {
    margin-top: -20px;
  }

  .md\:-mr-20 {
    margin-right: -20px;
  }

  .md\:-mb-20 {
    margin-bottom: -20px;
  }

  .md\:-ml-20 {
    margin-left: -20px;
  }

  .md\:-mt-30 {
    margin-top: -30px;
  }

  .md\:-mr-30 {
    margin-right: -30px;
  }

  .md\:-mb-30 {
    margin-bottom: -30px;
  }

  .md\:-ml-30 {
    margin-left: -30px;
  }

  .md\:-mt-50 {
    margin-top: -50px;
  }

  .md\:-mr-50 {
    margin-right: -50px;
  }

  .md\:-mb-50 {
    margin-bottom: -50px;
  }

  .md\:-ml-50 {
    margin-left: -50px;
  }

  .md\:-mt-60 {
    margin-top: -60px;
  }

  .md\:-mr-60 {
    margin-right: -60px;
  }

  .md\:-mb-60 {
    margin-bottom: -60px;
  }

  .md\:-ml-60 {
    margin-left: -60px;
  }

  .md\:-mt-67 {
    margin-top: -67px;
  }

  .md\:-mr-67 {
    margin-right: -67px;
  }

  .md\:-mb-67 {
    margin-bottom: -67px;
  }

  .md\:-ml-67 {
    margin-left: -67px;
  }

  .md\:-mt-87 {
    margin-top: -87px;
  }

  .md\:-mr-87 {
    margin-right: -87px;
  }

  .md\:-mb-87 {
    margin-bottom: -87px;
  }

  .md\:-ml-87 {
    margin-left: -87px;
  }

  .md\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .md\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .md\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .md\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .md\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .md\:opacity-0 {
    opacity: 0;
  }

  .md\:opacity-10 {
    opacity: .1;
  }

  .md\:opacity-20 {
    opacity: .2;
  }

  .md\:opacity-25 {
    opacity: .25;
  }

  .md\:opacity-30 {
    opacity: .3;
  }

  .md\:opacity-40 {
    opacity: .4;
  }

  .md\:opacity-50 {
    opacity: .5;
  }

  .md\:opacity-60 {
    opacity: .6;
  }

  .md\:opacity-70 {
    opacity: .7;
  }

  .md\:opacity-75 {
    opacity: .75;
  }

  .md\:opacity-80 {
    opacity: .8;
  }

  .md\:opacity-90 {
    opacity: .9;
  }

  .md\:opacity-100 {
    opacity: 1;
  }

  .md\:overflow-auto {
    overflow: auto;
  }

  .md\:overflow-hidden {
    overflow: hidden;
  }

  .md\:overflow-visible {
    overflow: visible;
  }

  .md\:overflow-scroll {
    overflow: scroll;
  }

  .md\:overflow-x-auto {
    overflow-x: auto;
  }

  .md\:overflow-y-auto {
    overflow-y: auto;
  }

  .md\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .md\:overflow-x-visible {
    overflow-x: visible;
  }

  .md\:overflow-y-visible {
    overflow-y: visible;
  }

  .md\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .md\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .md\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .md\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .md\:p-0 {
    padding: 0;
  }

  .md\:p-5 {
    padding: 5px;
  }

  .md\:p-10 {
    padding: 10px;
  }

  .md\:p-20 {
    padding: 20px;
  }

  .md\:p-30 {
    padding: 30px;
  }

  .md\:p-40 {
    padding: 40px;
  }

  .md\:p-50 {
    padding: 50px;
  }

  .md\:p-60 {
    padding: 60px;
  }

  .md\:p-67 {
    padding: 67px;
  }

  .md\:p-87 {
    padding: 87px;
  }

  .md\:p-100 {
    padding: 100px;
  }

  .md\:p-120 {
    padding: 120px;
  }

  .md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .md\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .md\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .md\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .md\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .md\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .md\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .md\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .md\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .md\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .md\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .md\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .md\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .md\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .md\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .md\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .md\:py-67 {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .md\:px-67 {
    padding-left: 67px;
    padding-right: 67px;
  }

  .md\:py-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .md\:px-87 {
    padding-left: 87px;
    padding-right: 87px;
  }

  .md\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .md\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .md\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .md\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .md\:pt-0 {
    padding-top: 0;
  }

  .md\:pr-0 {
    padding-right: 0;
  }

  .md\:pb-0 {
    padding-bottom: 0;
  }

  .md\:pl-0 {
    padding-left: 0;
  }

  .md\:pt-5 {
    padding-top: 5px;
  }

  .md\:pr-5 {
    padding-right: 5px;
  }

  .md\:pb-5 {
    padding-bottom: 5px;
  }

  .md\:pl-5 {
    padding-left: 5px;
  }

  .md\:pt-10 {
    padding-top: 10px;
  }

  .md\:pr-10 {
    padding-right: 10px;
  }

  .md\:pb-10 {
    padding-bottom: 10px;
  }

  .md\:pl-10 {
    padding-left: 10px;
  }

  .md\:pt-20 {
    padding-top: 20px;
  }

  .md\:pr-20 {
    padding-right: 20px;
  }

  .md\:pb-20 {
    padding-bottom: 20px;
  }

  .md\:pl-20 {
    padding-left: 20px;
  }

  .md\:pt-30 {
    padding-top: 30px;
  }

  .md\:pr-30 {
    padding-right: 30px;
  }

  .md\:pb-30 {
    padding-bottom: 30px;
  }

  .md\:pl-30 {
    padding-left: 30px;
  }

  .md\:pt-40 {
    padding-top: 40px;
  }

  .md\:pr-40 {
    padding-right: 40px;
  }

  .md\:pb-40 {
    padding-bottom: 40px;
  }

  .md\:pl-40 {
    padding-left: 40px;
  }

  .md\:pt-50 {
    padding-top: 50px;
  }

  .md\:pr-50 {
    padding-right: 50px;
  }

  .md\:pb-50 {
    padding-bottom: 50px;
  }

  .md\:pl-50 {
    padding-left: 50px;
  }

  .md\:pt-60 {
    padding-top: 60px;
  }

  .md\:pr-60 {
    padding-right: 60px;
  }

  .md\:pb-60 {
    padding-bottom: 60px;
  }

  .md\:pl-60 {
    padding-left: 60px;
  }

  .md\:pt-67 {
    padding-top: 67px;
  }

  .md\:pr-67 {
    padding-right: 67px;
  }

  .md\:pb-67 {
    padding-bottom: 67px;
  }

  .md\:pl-67 {
    padding-left: 67px;
  }

  .md\:pt-87 {
    padding-top: 87px;
  }

  .md\:pr-87 {
    padding-right: 87px;
  }

  .md\:pb-87 {
    padding-bottom: 87px;
  }

  .md\:pl-87 {
    padding-left: 87px;
  }

  .md\:pt-100 {
    padding-top: 100px;
  }

  .md\:pr-100 {
    padding-right: 100px;
  }

  .md\:pb-100 {
    padding-bottom: 100px;
  }

  .md\:pl-100 {
    padding-left: 100px;
  }

  .md\:pt-120 {
    padding-top: 120px;
  }

  .md\:pr-120 {
    padding-right: 120px;
  }

  .md\:pb-120 {
    padding-bottom: 120px;
  }

  .md\:pl-120 {
    padding-left: 120px;
  }

  .md\:pointer-events-none {
    pointer-events: none;
  }

  .md\:pointer-events-auto {
    pointer-events: auto;
  }

  .md\:static {
    position: static;
  }

  .md\:fixed {
    position: fixed;
  }

  .md\:absolute {
    position: absolute;
  }

  .md\:relative {
    position: relative;
  }

  .md\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .md\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .md\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .md\:pin-y {
    top: 0;
    bottom: 0;
  }

  .md\:pin-x {
    right: 0;
    left: 0;
  }

  .md\:pin-t {
    top: 0;
  }

  .md\:pin-r {
    right: 0;
  }

  .md\:pin-b {
    bottom: 0;
  }

  .md\:pin-l {
    left: 0;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-center {
    text-align: center;
  }

  .md\:text-right {
    text-align: right;
  }

  .md\:text-justify {
    text-align: justify;
  }

  .md\:text-transparent {
    color: transparent;
  }

  .md\:text-grey-darker {
    color: #606f7b;
  }

  .md\:text-grey-dark {
    color: #8795a1;
  }

  .md\:text-grey-light {
    color: #dae1e7;
  }

  .md\:text-grey-lighter {
    color: #f3f3f5;
  }

  .md\:text-white {
    color: #fff;
  }

  .md\:text-ocf-red {
    color: #f15b3c;
  }

  .md\:text-ocf-blue {
    color: #1c1d44;
  }

  .md\:text-ocf-blue-overlay {
    color: #343677;
  }

  .md\:text-ocf-blue-background {
    color: #f3f3f5;
  }

  .md\:text-portlandmetro {
    color: #189046;
  }

  .md\:text-centraloregon {
    color: #03a1b1;
  }

  .md\:text-northcoast {
    color: #8dcfb3;
  }

  .md\:text-southcoast {
    color: #4d62ad;
  }

  .md\:text-southernoregon {
    color: #006a84;
  }

  .md\:text-nwillamettevalley {
    color: #13542b;
  }

  .md\:text-easternoregon {
    color: #fed536;
  }

  .md\:text-swillamettevalley {
    color: #fbac36;
  }

  .md\:text-copper {
    color: #a46b33;
  }

  .md\:text-mint {
    color: #eff5e5;
  }

  .md\:text-black {
    color: #231f20;
  }

  .md\:hover\:text-transparent:hover {
    color: transparent;
  }

  .md\:hover\:text-grey-darker:hover {
    color: #606f7b;
  }

  .md\:hover\:text-grey-dark:hover {
    color: #8795a1;
  }

  .md\:hover\:text-grey-light:hover {
    color: #dae1e7;
  }

  .md\:hover\:text-grey-lighter:hover {
    color: #f3f3f5;
  }

  .md\:hover\:text-white:hover {
    color: #fff;
  }

  .md\:hover\:text-ocf-red:hover {
    color: #f15b3c;
  }

  .md\:hover\:text-ocf-blue:hover {
    color: #1c1d44;
  }

  .md\:hover\:text-ocf-blue-overlay:hover {
    color: #343677;
  }

  .md\:hover\:text-ocf-blue-background:hover {
    color: #f3f3f5;
  }

  .md\:hover\:text-portlandmetro:hover {
    color: #189046;
  }

  .md\:hover\:text-centraloregon:hover {
    color: #03a1b1;
  }

  .md\:hover\:text-northcoast:hover {
    color: #8dcfb3;
  }

  .md\:hover\:text-southcoast:hover {
    color: #4d62ad;
  }

  .md\:hover\:text-southernoregon:hover {
    color: #006a84;
  }

  .md\:hover\:text-nwillamettevalley:hover {
    color: #13542b;
  }

  .md\:hover\:text-easternoregon:hover {
    color: #fed536;
  }

  .md\:hover\:text-swillamettevalley:hover {
    color: #fbac36;
  }

  .md\:hover\:text-copper:hover {
    color: #a46b33;
  }

  .md\:hover\:text-mint:hover {
    color: #eff5e5;
  }

  .md\:hover\:text-black:hover {
    color: #231f20;
  }

  .md\:focus\:text-transparent:focus {
    color: transparent;
  }

  .md\:focus\:text-grey-darker:focus {
    color: #606f7b;
  }

  .md\:focus\:text-grey-dark:focus {
    color: #8795a1;
  }

  .md\:focus\:text-grey-light:focus {
    color: #dae1e7;
  }

  .md\:focus\:text-grey-lighter:focus {
    color: #f3f3f5;
  }

  .md\:focus\:text-white:focus {
    color: #fff;
  }

  .md\:focus\:text-ocf-red:focus {
    color: #f15b3c;
  }

  .md\:focus\:text-ocf-blue:focus {
    color: #1c1d44;
  }

  .md\:focus\:text-ocf-blue-overlay:focus {
    color: #343677;
  }

  .md\:focus\:text-ocf-blue-background:focus {
    color: #f3f3f5;
  }

  .md\:focus\:text-portlandmetro:focus {
    color: #189046;
  }

  .md\:focus\:text-centraloregon:focus {
    color: #03a1b1;
  }

  .md\:focus\:text-northcoast:focus {
    color: #8dcfb3;
  }

  .md\:focus\:text-southcoast:focus {
    color: #4d62ad;
  }

  .md\:focus\:text-southernoregon:focus {
    color: #006a84;
  }

  .md\:focus\:text-nwillamettevalley:focus {
    color: #13542b;
  }

  .md\:focus\:text-easternoregon:focus {
    color: #fed536;
  }

  .md\:focus\:text-swillamettevalley:focus {
    color: #fbac36;
  }

  .md\:focus\:text-copper:focus {
    color: #a46b33;
  }

  .md\:focus\:text-mint:focus {
    color: #eff5e5;
  }

  .md\:focus\:text-black:focus {
    color: #231f20;
  }

  .md\:text-2xs {
    font-size: 12px;
  }

  .md\:text-xs {
    font-size: 14px;
  }

  .md\:text-sm {
    font-size: 16px;
  }

  .md\:text-base {
    font-size: 18px;
  }

  .md\:text-md {
    font-size: 22px;
  }

  .md\:text-lg {
    font-size: 24px;
  }

  .md\:text-xl {
    font-size: 26px;
  }

  .md\:text-2xl {
    font-size: 28px;
  }

  .md\:text-3xl {
    font-size: 30px;
  }

  .md\:text-4xl {
    font-size: 36px;
  }

  .md\:text-5xl {
    font-size: 48px;
  }

  .md\:text-6xl {
    font-size: 78px;
  }

  .md\:italic {
    font-style: italic;
  }

  .md\:roman {
    font-style: normal;
  }

  .md\:uppercase {
    text-transform: uppercase;
  }

  .md\:lowercase {
    text-transform: lowercase;
  }

  .md\:capitalize {
    text-transform: capitalize;
  }

  .md\:normal-case {
    text-transform: none;
  }

  .md\:underline {
    text-decoration: underline;
  }

  .md\:line-through {
    text-decoration: line-through;
  }

  .md\:no-underline {
    text-decoration: none;
  }

  .md\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:hover\:italic:hover {
    font-style: italic;
  }

  .md\:hover\:roman:hover {
    font-style: normal;
  }

  .md\:hover\:uppercase:hover {
    text-transform: uppercase;
  }

  .md\:hover\:lowercase:hover {
    text-transform: lowercase;
  }

  .md\:hover\:capitalize:hover {
    text-transform: capitalize;
  }

  .md\:hover\:normal-case:hover {
    text-transform: none;
  }

  .md\:hover\:underline:hover {
    text-decoration: underline;
  }

  .md\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .md\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .md\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:focus\:italic:focus {
    font-style: italic;
  }

  .md\:focus\:roman:focus {
    font-style: normal;
  }

  .md\:focus\:uppercase:focus {
    text-transform: uppercase;
  }

  .md\:focus\:lowercase:focus {
    text-transform: lowercase;
  }

  .md\:focus\:capitalize:focus {
    text-transform: capitalize;
  }

  .md\:focus\:normal-case:focus {
    text-transform: none;
  }

  .md\:focus\:underline:focus {
    text-decoration: underline;
  }

  .md\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .md\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .md\:focus\:antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .md\:focus\:subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .md\:tracking-2xl {
    letter-spacing: 1px;
  }

  .md\:tracking-4xl {
    letter-spacing: 1.5px;
  }

  .md\:align-baseline {
    vertical-align: baseline;
  }

  .md\:align-top {
    vertical-align: top;
  }

  .md\:align-middle {
    vertical-align: middle;
  }

  .md\:align-bottom {
    vertical-align: bottom;
  }

  .md\:align-text-top {
    vertical-align: text-top;
  }

  .md\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .md\:visible {
    visibility: visible;
  }

  .md\:invisible {
    visibility: hidden;
  }

  .md\:whitespace-normal {
    white-space: normal;
  }

  .md\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .md\:whitespace-pre {
    white-space: pre;
  }

  .md\:whitespace-pre-line {
    white-space: pre-line;
  }

  .md\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .md\:break-words {
    word-wrap: break-word;
  }

  .md\:break-normal {
    word-wrap: normal;
  }

  .md\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .md\:w-20 {
    width: 20px;
  }

  .md\:w-30 {
    width: 30px;
  }

  .md\:w-60 {
    width: 60px;
  }

  .md\:w-67 {
    width: 67px;
  }

  .md\:w-87 {
    width: 87px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:w-1\/2 {
    width: 50%;
  }

  .md\:w-1\/3 {
    width: 33.33%;
  }

  .md\:w-2\/3 {
    width: 66.67%;
  }

  .md\:w-1\/4 {
    width: 25%;
  }

  .md\:w-3\/4 {
    width: 75%;
  }

  .md\:w-1\/6 {
    width: 16.67%;
  }

  .md\:w-5\/6 {
    width: 83.33%;
  }

  .md\:w-full {
    width: 100%;
  }

  .md\:w-screen {
    width: 100vw;
  }

  .md\:w-1\/12 {
    width: 8.333%;
  }

  .md\:w-2\/12 {
    width: 16.67%;
  }

  .md\:w-3\/12 {
    width: 25%;
  }

  .md\:w-4\/12 {
    width: 33.33%;
  }

  .md\:w-5\/12 {
    width: 41.67%;
  }

  .md\:w-6\/12 {
    width: 50%;
  }

  .md\:w-7\/12 {
    width: 58.33%;
  }

  .md\:w-8\/12 {
    width: 66.67%;
  }

  .md\:w-9\/12 {
    width: 75%;
  }

  .md\:w-10\/12 {
    width: 83.33%;
  }

  .md\:w-11\/12 {
    width: 91.67%;
  }

  .md\:w-12\/12 {
    width: 100%;
  }

  .md\:z-0 {
    z-index: 0;
  }

  .md\:z-1 {
    z-index: 1;
  }

  .md\:z-10 {
    z-index: 10;
  }

  .md\:z-20 {
    z-index: 20;
  }

  .md\:z-30 {
    z-index: 30;
  }

  .md\:z-40 {
    z-index: 40;
  }

  .md\:z-50 {
    z-index: 50;
  }

  .md\:z-auto {
    z-index: auto;
  }

  .md\:aspect-ratio-square {
    padding-top: 100%;
  }

  .md\:aspect-ratio-16\/9 {
    padding-top: 56.25%;
  }

  .md\:aspect-ratio-9\/16 {
    padding-top: 177.78%;
  }

  .md\:aspect-ratio-4\/3 {
    padding-top: 75%;
  }

  .md\:aspect-ratio-3\/4 {
    padding-top: 133.33%;
  }

  .md\:aspect-ratio-21\/9 {
    padding-top: 42.86%;
  }
}

@media (min-width: 1024px) {
  .lg\:list-reset {
    list-style: none;
    padding: 0;
  }

  .lg\:bg-fixed {
    background-attachment: fixed;
  }

  .lg\:bg-local {
    background-attachment: local;
  }

  .lg\:bg-scroll {
    background-attachment: scroll;
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:bg-grey-darker {
    background-color: #606f7b;
  }

  .lg\:bg-grey-dark {
    background-color: #8795a1;
  }

  .lg\:bg-grey-light {
    background-color: #dae1e7;
  }

  .lg\:bg-grey-lighter {
    background-color: #f3f3f5;
  }

  .lg\:bg-white {
    background-color: #fff;
  }

  .lg\:bg-ocf-red {
    background-color: #f15b3c;
  }

  .lg\:bg-ocf-blue {
    background-color: #1c1d44;
  }

  .lg\:bg-ocf-blue-overlay {
    background-color: #343677;
  }

  .lg\:bg-ocf-blue-background {
    background-color: #f3f3f5;
  }

  .lg\:bg-portlandmetro {
    background-color: #189046;
  }

  .lg\:bg-centraloregon {
    background-color: #03a1b1;
  }

  .lg\:bg-northcoast {
    background-color: #8dcfb3;
  }

  .lg\:bg-southcoast {
    background-color: #4d62ad;
  }

  .lg\:bg-southernoregon {
    background-color: #006a84;
  }

  .lg\:bg-nwillamettevalley {
    background-color: #13542b;
  }

  .lg\:bg-easternoregon {
    background-color: #fed536;
  }

  .lg\:bg-swillamettevalley {
    background-color: #fbac36;
  }

  .lg\:bg-copper {
    background-color: #a46b33;
  }

  .lg\:bg-mint {
    background-color: #eff5e5;
  }

  .lg\:bg-black {
    background-color: #231f20;
  }

  .lg\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .lg\:hover\:bg-grey-darker:hover {
    background-color: #606f7b;
  }

  .lg\:hover\:bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .lg\:hover\:bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .lg\:hover\:bg-grey-lighter:hover {
    background-color: #f3f3f5;
  }

  .lg\:hover\:bg-white:hover {
    background-color: #fff;
  }

  .lg\:hover\:bg-ocf-red:hover {
    background-color: #f15b3c;
  }

  .lg\:hover\:bg-ocf-blue:hover {
    background-color: #1c1d44;
  }

  .lg\:hover\:bg-ocf-blue-overlay:hover {
    background-color: #343677;
  }

  .lg\:hover\:bg-ocf-blue-background:hover {
    background-color: #f3f3f5;
  }

  .lg\:hover\:bg-portlandmetro:hover {
    background-color: #189046;
  }

  .lg\:hover\:bg-centraloregon:hover {
    background-color: #03a1b1;
  }

  .lg\:hover\:bg-northcoast:hover {
    background-color: #8dcfb3;
  }

  .lg\:hover\:bg-southcoast:hover {
    background-color: #4d62ad;
  }

  .lg\:hover\:bg-southernoregon:hover {
    background-color: #006a84;
  }

  .lg\:hover\:bg-nwillamettevalley:hover {
    background-color: #13542b;
  }

  .lg\:hover\:bg-easternoregon:hover {
    background-color: #fed536;
  }

  .lg\:hover\:bg-swillamettevalley:hover {
    background-color: #fbac36;
  }

  .lg\:hover\:bg-copper:hover {
    background-color: #a46b33;
  }

  .lg\:hover\:bg-mint:hover {
    background-color: #eff5e5;
  }

  .lg\:hover\:bg-black:hover {
    background-color: #231f20;
  }

  .lg\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .lg\:focus\:bg-grey-darker:focus {
    background-color: #606f7b;
  }

  .lg\:focus\:bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .lg\:focus\:bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .lg\:focus\:bg-grey-lighter:focus {
    background-color: #f3f3f5;
  }

  .lg\:focus\:bg-white:focus {
    background-color: #fff;
  }

  .lg\:focus\:bg-ocf-red:focus {
    background-color: #f15b3c;
  }

  .lg\:focus\:bg-ocf-blue:focus {
    background-color: #1c1d44;
  }

  .lg\:focus\:bg-ocf-blue-overlay:focus {
    background-color: #343677;
  }

  .lg\:focus\:bg-ocf-blue-background:focus {
    background-color: #f3f3f5;
  }

  .lg\:focus\:bg-portlandmetro:focus {
    background-color: #189046;
  }

  .lg\:focus\:bg-centraloregon:focus {
    background-color: #03a1b1;
  }

  .lg\:focus\:bg-northcoast:focus {
    background-color: #8dcfb3;
  }

  .lg\:focus\:bg-southcoast:focus {
    background-color: #4d62ad;
  }

  .lg\:focus\:bg-southernoregon:focus {
    background-color: #006a84;
  }

  .lg\:focus\:bg-nwillamettevalley:focus {
    background-color: #13542b;
  }

  .lg\:focus\:bg-easternoregon:focus {
    background-color: #fed536;
  }

  .lg\:focus\:bg-swillamettevalley:focus {
    background-color: #fbac36;
  }

  .lg\:focus\:bg-copper:focus {
    background-color: #a46b33;
  }

  .lg\:focus\:bg-mint:focus {
    background-color: #eff5e5;
  }

  .lg\:focus\:bg-black:focus {
    background-color: #231f20;
  }

  .lg\:bg-bottom {
    background-position: bottom;
  }

  .lg\:bg-center {
    background-position: center;
  }

  .lg\:bg-left {
    background-position: left;
  }

  .lg\:bg-left-bottom {
    background-position: left bottom;
  }

  .lg\:bg-left-top {
    background-position: left top;
  }

  .lg\:bg-right {
    background-position: right;
  }

  .lg\:bg-right-bottom {
    background-position: right bottom;
  }

  .lg\:bg-right-top {
    background-position: right top;
  }

  .lg\:bg-top {
    background-position: top;
  }

  .lg\:bg-repeat {
    background-repeat: repeat;
  }

  .lg\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .lg\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .lg\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .lg\:bg-auto {
    background-size: auto;
  }

  .lg\:bg-cover {
    background-size: cover;
  }

  .lg\:bg-contain {
    background-size: contain;
  }

  .lg\:border-transparent {
    border-color: transparent;
  }

  .lg\:border-grey-darker {
    border-color: #606f7b;
  }

  .lg\:border-grey-dark {
    border-color: #8795a1;
  }

  .lg\:border-grey-light {
    border-color: #dae1e7;
  }

  .lg\:border-grey-lighter {
    border-color: #f3f3f5;
  }

  .lg\:border-white {
    border-color: #fff;
  }

  .lg\:border-ocf-red {
    border-color: #f15b3c;
  }

  .lg\:border-ocf-blue {
    border-color: #1c1d44;
  }

  .lg\:border-ocf-blue-overlay {
    border-color: #343677;
  }

  .lg\:border-ocf-blue-background {
    border-color: #f3f3f5;
  }

  .lg\:border-portlandmetro {
    border-color: #189046;
  }

  .lg\:border-centraloregon {
    border-color: #03a1b1;
  }

  .lg\:border-northcoast {
    border-color: #8dcfb3;
  }

  .lg\:border-southcoast {
    border-color: #4d62ad;
  }

  .lg\:border-southernoregon {
    border-color: #006a84;
  }

  .lg\:border-nwillamettevalley {
    border-color: #13542b;
  }

  .lg\:border-easternoregon {
    border-color: #fed536;
  }

  .lg\:border-swillamettevalley {
    border-color: #fbac36;
  }

  .lg\:border-copper {
    border-color: #a46b33;
  }

  .lg\:border-mint {
    border-color: #eff5e5;
  }

  .lg\:border-black {
    border-color: #231f20;
  }

  .lg\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .lg\:hover\:border-grey-darker:hover {
    border-color: #606f7b;
  }

  .lg\:hover\:border-grey-dark:hover {
    border-color: #8795a1;
  }

  .lg\:hover\:border-grey-light:hover {
    border-color: #dae1e7;
  }

  .lg\:hover\:border-grey-lighter:hover {
    border-color: #f3f3f5;
  }

  .lg\:hover\:border-white:hover {
    border-color: #fff;
  }

  .lg\:hover\:border-ocf-red:hover {
    border-color: #f15b3c;
  }

  .lg\:hover\:border-ocf-blue:hover {
    border-color: #1c1d44;
  }

  .lg\:hover\:border-ocf-blue-overlay:hover {
    border-color: #343677;
  }

  .lg\:hover\:border-ocf-blue-background:hover {
    border-color: #f3f3f5;
  }

  .lg\:hover\:border-portlandmetro:hover {
    border-color: #189046;
  }

  .lg\:hover\:border-centraloregon:hover {
    border-color: #03a1b1;
  }

  .lg\:hover\:border-northcoast:hover {
    border-color: #8dcfb3;
  }

  .lg\:hover\:border-southcoast:hover {
    border-color: #4d62ad;
  }

  .lg\:hover\:border-southernoregon:hover {
    border-color: #006a84;
  }

  .lg\:hover\:border-nwillamettevalley:hover {
    border-color: #13542b;
  }

  .lg\:hover\:border-easternoregon:hover {
    border-color: #fed536;
  }

  .lg\:hover\:border-swillamettevalley:hover {
    border-color: #fbac36;
  }

  .lg\:hover\:border-copper:hover {
    border-color: #a46b33;
  }

  .lg\:hover\:border-mint:hover {
    border-color: #eff5e5;
  }

  .lg\:hover\:border-black:hover {
    border-color: #231f20;
  }

  .lg\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .lg\:focus\:border-grey-darker:focus {
    border-color: #606f7b;
  }

  .lg\:focus\:border-grey-dark:focus {
    border-color: #8795a1;
  }

  .lg\:focus\:border-grey-light:focus {
    border-color: #dae1e7;
  }

  .lg\:focus\:border-grey-lighter:focus {
    border-color: #f3f3f5;
  }

  .lg\:focus\:border-white:focus {
    border-color: #fff;
  }

  .lg\:focus\:border-ocf-red:focus {
    border-color: #f15b3c;
  }

  .lg\:focus\:border-ocf-blue:focus {
    border-color: #1c1d44;
  }

  .lg\:focus\:border-ocf-blue-overlay:focus {
    border-color: #343677;
  }

  .lg\:focus\:border-ocf-blue-background:focus {
    border-color: #f3f3f5;
  }

  .lg\:focus\:border-portlandmetro:focus {
    border-color: #189046;
  }

  .lg\:focus\:border-centraloregon:focus {
    border-color: #03a1b1;
  }

  .lg\:focus\:border-northcoast:focus {
    border-color: #8dcfb3;
  }

  .lg\:focus\:border-southcoast:focus {
    border-color: #4d62ad;
  }

  .lg\:focus\:border-southernoregon:focus {
    border-color: #006a84;
  }

  .lg\:focus\:border-nwillamettevalley:focus {
    border-color: #13542b;
  }

  .lg\:focus\:border-easternoregon:focus {
    border-color: #fed536;
  }

  .lg\:focus\:border-swillamettevalley:focus {
    border-color: #fbac36;
  }

  .lg\:focus\:border-copper:focus {
    border-color: #a46b33;
  }

  .lg\:focus\:border-mint:focus {
    border-color: #eff5e5;
  }

  .lg\:focus\:border-black:focus {
    border-color: #231f20;
  }

  .lg\:border-solid {
    border-style: solid;
  }

  .lg\:border-dashed {
    border-style: dashed;
  }

  .lg\:border-dotted {
    border-style: dotted;
  }

  .lg\:border-none {
    border-style: none;
  }

  .lg\:border-0 {
    border-width: 0;
  }

  .lg\:border-2 {
    border-width: 2px;
  }

  .lg\:border-3 {
    border-width: 3px;
  }

  .lg\:border-4 {
    border-width: 4px;
  }

  .lg\:border-5 {
    border-width: 5px;
  }

  .lg\:border-6 {
    border-width: 6px;
  }

  .lg\:border-7 {
    border-width: 7px;
  }

  .lg\:border-8 {
    border-width: 8px;
  }

  .lg\:border {
    border-width: 1px;
  }

  .lg\:border-t-0 {
    border-top-width: 0;
  }

  .lg\:border-r-0 {
    border-right-width: 0;
  }

  .lg\:border-b-0 {
    border-bottom-width: 0;
  }

  .lg\:border-l-0 {
    border-left-width: 0;
  }

  .lg\:border-t-2 {
    border-top-width: 2px;
  }

  .lg\:border-r-2 {
    border-right-width: 2px;
  }

  .lg\:border-b-2 {
    border-bottom-width: 2px;
  }

  .lg\:border-l-2 {
    border-left-width: 2px;
  }

  .lg\:border-t-3 {
    border-top-width: 3px;
  }

  .lg\:border-r-3 {
    border-right-width: 3px;
  }

  .lg\:border-b-3 {
    border-bottom-width: 3px;
  }

  .lg\:border-l-3 {
    border-left-width: 3px;
  }

  .lg\:border-t-4 {
    border-top-width: 4px;
  }

  .lg\:border-r-4 {
    border-right-width: 4px;
  }

  .lg\:border-b-4 {
    border-bottom-width: 4px;
  }

  .lg\:border-l-4 {
    border-left-width: 4px;
  }

  .lg\:border-t-5 {
    border-top-width: 5px;
  }

  .lg\:border-r-5 {
    border-right-width: 5px;
  }

  .lg\:border-b-5 {
    border-bottom-width: 5px;
  }

  .lg\:border-l-5 {
    border-left-width: 5px;
  }

  .lg\:border-t-6 {
    border-top-width: 6px;
  }

  .lg\:border-r-6 {
    border-right-width: 6px;
  }

  .lg\:border-b-6 {
    border-bottom-width: 6px;
  }

  .lg\:border-l-6 {
    border-left-width: 6px;
  }

  .lg\:border-t-7 {
    border-top-width: 7px;
  }

  .lg\:border-r-7 {
    border-right-width: 7px;
  }

  .lg\:border-b-7 {
    border-bottom-width: 7px;
  }

  .lg\:border-l-7 {
    border-left-width: 7px;
  }

  .lg\:border-t-8 {
    border-top-width: 8px;
  }

  .lg\:border-r-8 {
    border-right-width: 8px;
  }

  .lg\:border-b-8 {
    border-bottom-width: 8px;
  }

  .lg\:border-l-8 {
    border-left-width: 8px;
  }

  .lg\:border-t {
    border-top-width: 1px;
  }

  .lg\:border-r {
    border-right-width: 1px;
  }

  .lg\:border-b {
    border-bottom-width: 1px;
  }

  .lg\:border-l {
    border-left-width: 1px;
  }

  .lg\:cursor-auto {
    cursor: auto;
  }

  .lg\:cursor-default {
    cursor: default;
  }

  .lg\:cursor-pointer {
    cursor: pointer;
  }

  .lg\:cursor-wait {
    cursor: wait;
  }

  .lg\:cursor-move {
    cursor: move;
  }

  .lg\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .lg\:block {
    display: block;
  }

  .lg\:inline-block {
    display: inline-block;
  }

  .lg\:inline {
    display: inline;
  }

  .lg\:table {
    display: table;
  }

  .lg\:table-row {
    display: table-row;
  }

  .lg\:table-cell {
    display: table-cell;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:inline-flex {
    display: inline-flex;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:flex-col {
    flex-direction: column;
  }

  .lg\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .lg\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-end {
    align-items: flex-end;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:items-baseline {
    align-items: baseline;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:self-auto {
    align-self: auto;
  }

  .lg\:self-start {
    align-self: flex-start;
  }

  .lg\:self-end {
    align-self: flex-end;
  }

  .lg\:self-center {
    align-self: center;
  }

  .lg\:self-stretch {
    align-self: stretch;
  }

  .lg\:justify-start {
    justify-content: flex-start;
  }

  .lg\:justify-end {
    justify-content: flex-end;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:justify-around {
    justify-content: space-around;
  }

  .lg\:content-center {
    align-content: center;
  }

  .lg\:content-start {
    align-content: flex-start;
  }

  .lg\:content-end {
    align-content: flex-end;
  }

  .lg\:content-between {
    align-content: space-between;
  }

  .lg\:content-around {
    align-content: space-around;
  }

  .lg\:flex-1 {
    flex: 1 1 0%;
  }

  .lg\:flex-auto {
    flex: 1 1 auto;
  }

  .lg\:flex-initial {
    flex: 0 1 auto;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:flex-grow {
    flex-grow: 1;
  }

  .lg\:flex-shrink {
    flex-shrink: 1;
  }

  .lg\:flex-no-grow {
    flex-grow: 0;
  }

  .lg\:flex-no-shrink {
    flex-shrink: 0;
  }

  .lg\:font-sans {
    font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .lg\:font-serif {
    font-family: poynter-oldstyle-text, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .lg\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .lg\:font-bold {
    font-weight: 700;
  }

  .lg\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .lg\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .lg\:h-20 {
    height: 20px;
  }

  .lg\:h-30 {
    height: 30px;
  }

  .lg\:h-60 {
    height: 60px;
  }

  .lg\:h-67 {
    height: 67px;
  }

  .lg\:h-87 {
    height: 87px;
  }

  .lg\:h-auto {
    height: auto;
  }

  .lg\:h-half {
    height: 50%;
  }

  .lg\:h-full {
    height: 100%;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:leading-lh4 {
    line-height: 1.31;
  }

  .lg\:m-0 {
    margin: 0;
  }

  .lg\:m-5 {
    margin: 5px;
  }

  .lg\:m-10 {
    margin: 10px;
  }

  .lg\:m-20 {
    margin: 20px;
  }

  .lg\:m-30 {
    margin: 30px;
  }

  .lg\:m-40 {
    margin: 40px;
  }

  .lg\:m-50 {
    margin: 50px;
  }

  .lg\:m-60 {
    margin: 60px;
  }

  .lg\:m-67 {
    margin: 67px;
  }

  .lg\:m-87 {
    margin: 87px;
  }

  .lg\:m-120 {
    margin: 120px;
  }

  .lg\:m-auto {
    margin: auto;
  }

  .lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .lg\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .lg\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .lg\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .lg\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .lg\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .lg\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .lg\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .lg\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .lg\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .lg\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .lg\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .lg\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .lg\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .lg\:my-67 {
    margin-top: 67px;
    margin-bottom: 67px;
  }

  .lg\:mx-67 {
    margin-left: 67px;
    margin-right: 67px;
  }

  .lg\:my-87 {
    margin-top: 87px;
    margin-bottom: 87px;
  }

  .lg\:mx-87 {
    margin-left: 87px;
    margin-right: 87px;
  }

  .lg\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .lg\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:mt-0 {
    margin-top: 0;
  }

  .lg\:mr-0 {
    margin-right: 0;
  }

  .lg\:mb-0 {
    margin-bottom: 0;
  }

  .lg\:ml-0 {
    margin-left: 0;
  }

  .lg\:mt-5 {
    margin-top: 5px;
  }

  .lg\:mr-5 {
    margin-right: 5px;
  }

  .lg\:mb-5 {
    margin-bottom: 5px;
  }

  .lg\:ml-5 {
    margin-left: 5px;
  }

  .lg\:mt-10 {
    margin-top: 10px;
  }

  .lg\:mr-10 {
    margin-right: 10px;
  }

  .lg\:mb-10 {
    margin-bottom: 10px;
  }

  .lg\:ml-10 {
    margin-left: 10px;
  }

  .lg\:mt-20 {
    margin-top: 20px;
  }

  .lg\:mr-20 {
    margin-right: 20px;
  }

  .lg\:mb-20 {
    margin-bottom: 20px;
  }

  .lg\:ml-20 {
    margin-left: 20px;
  }

  .lg\:mt-30 {
    margin-top: 30px;
  }

  .lg\:mr-30 {
    margin-right: 30px;
  }

  .lg\:mb-30 {
    margin-bottom: 30px;
  }

  .lg\:ml-30 {
    margin-left: 30px;
  }

  .lg\:mt-40 {
    margin-top: 40px;
  }

  .lg\:mr-40 {
    margin-right: 40px;
  }

  .lg\:mb-40 {
    margin-bottom: 40px;
  }

  .lg\:ml-40 {
    margin-left: 40px;
  }

  .lg\:mt-50 {
    margin-top: 50px;
  }

  .lg\:mr-50 {
    margin-right: 50px;
  }

  .lg\:mb-50 {
    margin-bottom: 50px;
  }

  .lg\:ml-50 {
    margin-left: 50px;
  }

  .lg\:mt-60 {
    margin-top: 60px;
  }

  .lg\:mr-60 {
    margin-right: 60px;
  }

  .lg\:mb-60 {
    margin-bottom: 60px;
  }

  .lg\:ml-60 {
    margin-left: 60px;
  }

  .lg\:mt-67 {
    margin-top: 67px;
  }

  .lg\:mr-67 {
    margin-right: 67px;
  }

  .lg\:mb-67 {
    margin-bottom: 67px;
  }

  .lg\:ml-67 {
    margin-left: 67px;
  }

  .lg\:mt-87 {
    margin-top: 87px;
  }

  .lg\:mr-87 {
    margin-right: 87px;
  }

  .lg\:mb-87 {
    margin-bottom: 87px;
  }

  .lg\:ml-87 {
    margin-left: 87px;
  }

  .lg\:mt-120 {
    margin-top: 120px;
  }

  .lg\:mr-120 {
    margin-right: 120px;
  }

  .lg\:mb-120 {
    margin-bottom: 120px;
  }

  .lg\:ml-120 {
    margin-left: 120px;
  }

  .lg\:mt-auto {
    margin-top: auto;
  }

  .lg\:mr-auto {
    margin-right: auto;
  }

  .lg\:mb-auto {
    margin-bottom: auto;
  }

  .lg\:ml-auto {
    margin-left: auto;
  }

  .lg\:max-h-full {
    max-height: 100%;
  }

  .lg\:max-h-screen {
    max-height: 100vh;
  }

  .lg\:max-w-600 {
    max-width: 600px;
  }

  .lg\:max-w-full {
    max-width: 100%;
  }

  .lg\:max-w-sm {
    max-width: 415px;
  }

  .lg\:max-w-md {
    max-width: 768px;
  }

  .lg\:max-w-lg {
    max-width: 1024px;
  }

  .lg\:max-w-xl {
    max-width: 1440px;
  }

  .lg\:min-h-0 {
    min-height: 0;
  }

  .lg\:min-h-full {
    min-height: 100%;
  }

  .lg\:min-h-screen {
    min-height: 100vh;
  }

  .lg\:-m-0 {
    margin: 0;
  }

  .lg\:-m-10 {
    margin: -10px;
  }

  .lg\:-m-20 {
    margin: -20px;
  }

  .lg\:-m-30 {
    margin: -30px;
  }

  .lg\:-m-50 {
    margin: -50px;
  }

  .lg\:-m-60 {
    margin: -60px;
  }

  .lg\:-m-67 {
    margin: -67px;
  }

  .lg\:-m-87 {
    margin: -87px;
  }

  .lg\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .lg\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .lg\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .lg\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .lg\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .lg\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .lg\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .lg\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .lg\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .lg\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .lg\:-my-67 {
    margin-top: -67px;
    margin-bottom: -67px;
  }

  .lg\:-mx-67 {
    margin-left: -67px;
    margin-right: -67px;
  }

  .lg\:-my-87 {
    margin-top: -87px;
    margin-bottom: -87px;
  }

  .lg\:-mx-87 {
    margin-left: -87px;
    margin-right: -87px;
  }

  .lg\:-mt-0 {
    margin-top: 0;
  }

  .lg\:-mr-0 {
    margin-right: 0;
  }

  .lg\:-mb-0 {
    margin-bottom: 0;
  }

  .lg\:-ml-0 {
    margin-left: 0;
  }

  .lg\:-mt-10 {
    margin-top: -10px;
  }

  .lg\:-mr-10 {
    margin-right: -10px;
  }

  .lg\:-mb-10 {
    margin-bottom: -10px;
  }

  .lg\:-ml-10 {
    margin-left: -10px;
  }

  .lg\:-mt-20 {
    margin-top: -20px;
  }

  .lg\:-mr-20 {
    margin-right: -20px;
  }

  .lg\:-mb-20 {
    margin-bottom: -20px;
  }

  .lg\:-ml-20 {
    margin-left: -20px;
  }

  .lg\:-mt-30 {
    margin-top: -30px;
  }

  .lg\:-mr-30 {
    margin-right: -30px;
  }

  .lg\:-mb-30 {
    margin-bottom: -30px;
  }

  .lg\:-ml-30 {
    margin-left: -30px;
  }

  .lg\:-mt-50 {
    margin-top: -50px;
  }

  .lg\:-mr-50 {
    margin-right: -50px;
  }

  .lg\:-mb-50 {
    margin-bottom: -50px;
  }

  .lg\:-ml-50 {
    margin-left: -50px;
  }

  .lg\:-mt-60 {
    margin-top: -60px;
  }

  .lg\:-mr-60 {
    margin-right: -60px;
  }

  .lg\:-mb-60 {
    margin-bottom: -60px;
  }

  .lg\:-ml-60 {
    margin-left: -60px;
  }

  .lg\:-mt-67 {
    margin-top: -67px;
  }

  .lg\:-mr-67 {
    margin-right: -67px;
  }

  .lg\:-mb-67 {
    margin-bottom: -67px;
  }

  .lg\:-ml-67 {
    margin-left: -67px;
  }

  .lg\:-mt-87 {
    margin-top: -87px;
  }

  .lg\:-mr-87 {
    margin-right: -87px;
  }

  .lg\:-mb-87 {
    margin-bottom: -87px;
  }

  .lg\:-ml-87 {
    margin-left: -87px;
  }

  .lg\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .lg\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .lg\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .lg\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .lg\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .lg\:opacity-0 {
    opacity: 0;
  }

  .lg\:opacity-10 {
    opacity: .1;
  }

  .lg\:opacity-20 {
    opacity: .2;
  }

  .lg\:opacity-25 {
    opacity: .25;
  }

  .lg\:opacity-30 {
    opacity: .3;
  }

  .lg\:opacity-40 {
    opacity: .4;
  }

  .lg\:opacity-50 {
    opacity: .5;
  }

  .lg\:opacity-60 {
    opacity: .6;
  }

  .lg\:opacity-70 {
    opacity: .7;
  }

  .lg\:opacity-75 {
    opacity: .75;
  }

  .lg\:opacity-80 {
    opacity: .8;
  }

  .lg\:opacity-90 {
    opacity: .9;
  }

  .lg\:opacity-100 {
    opacity: 1;
  }

  .lg\:overflow-auto {
    overflow: auto;
  }

  .lg\:overflow-hidden {
    overflow: hidden;
  }

  .lg\:overflow-visible {
    overflow: visible;
  }

  .lg\:overflow-scroll {
    overflow: scroll;
  }

  .lg\:overflow-x-auto {
    overflow-x: auto;
  }

  .lg\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .lg\:overflow-x-visible {
    overflow-x: visible;
  }

  .lg\:overflow-y-visible {
    overflow-y: visible;
  }

  .lg\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .lg\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .lg\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .lg\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .lg\:p-0 {
    padding: 0;
  }

  .lg\:p-5 {
    padding: 5px;
  }

  .lg\:p-10 {
    padding: 10px;
  }

  .lg\:p-20 {
    padding: 20px;
  }

  .lg\:p-30 {
    padding: 30px;
  }

  .lg\:p-40 {
    padding: 40px;
  }

  .lg\:p-50 {
    padding: 50px;
  }

  .lg\:p-60 {
    padding: 60px;
  }

  .lg\:p-67 {
    padding: 67px;
  }

  .lg\:p-87 {
    padding: 87px;
  }

  .lg\:p-100 {
    padding: 100px;
  }

  .lg\:p-120 {
    padding: 120px;
  }

  .lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .lg\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .lg\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lg\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .lg\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .lg\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lg\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .lg\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lg\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lg\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .lg\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .lg\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lg\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .lg\:py-67 {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .lg\:px-67 {
    padding-left: 67px;
    padding-right: 67px;
  }

  .lg\:py-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .lg\:px-87 {
    padding-left: 87px;
    padding-right: 87px;
  }

  .lg\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lg\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .lg\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .lg\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .lg\:pt-0 {
    padding-top: 0;
  }

  .lg\:pr-0 {
    padding-right: 0;
  }

  .lg\:pb-0 {
    padding-bottom: 0;
  }

  .lg\:pl-0 {
    padding-left: 0;
  }

  .lg\:pt-5 {
    padding-top: 5px;
  }

  .lg\:pr-5 {
    padding-right: 5px;
  }

  .lg\:pb-5 {
    padding-bottom: 5px;
  }

  .lg\:pl-5 {
    padding-left: 5px;
  }

  .lg\:pt-10 {
    padding-top: 10px;
  }

  .lg\:pr-10 {
    padding-right: 10px;
  }

  .lg\:pb-10 {
    padding-bottom: 10px;
  }

  .lg\:pl-10 {
    padding-left: 10px;
  }

  .lg\:pt-20 {
    padding-top: 20px;
  }

  .lg\:pr-20 {
    padding-right: 20px;
  }

  .lg\:pb-20 {
    padding-bottom: 20px;
  }

  .lg\:pl-20 {
    padding-left: 20px;
  }

  .lg\:pt-30 {
    padding-top: 30px;
  }

  .lg\:pr-30 {
    padding-right: 30px;
  }

  .lg\:pb-30 {
    padding-bottom: 30px;
  }

  .lg\:pl-30 {
    padding-left: 30px;
  }

  .lg\:pt-40 {
    padding-top: 40px;
  }

  .lg\:pr-40 {
    padding-right: 40px;
  }

  .lg\:pb-40 {
    padding-bottom: 40px;
  }

  .lg\:pl-40 {
    padding-left: 40px;
  }

  .lg\:pt-50 {
    padding-top: 50px;
  }

  .lg\:pr-50 {
    padding-right: 50px;
  }

  .lg\:pb-50 {
    padding-bottom: 50px;
  }

  .lg\:pl-50 {
    padding-left: 50px;
  }

  .lg\:pt-60 {
    padding-top: 60px;
  }

  .lg\:pr-60 {
    padding-right: 60px;
  }

  .lg\:pb-60 {
    padding-bottom: 60px;
  }

  .lg\:pl-60 {
    padding-left: 60px;
  }

  .lg\:pt-67 {
    padding-top: 67px;
  }

  .lg\:pr-67 {
    padding-right: 67px;
  }

  .lg\:pb-67 {
    padding-bottom: 67px;
  }

  .lg\:pl-67 {
    padding-left: 67px;
  }

  .lg\:pt-87 {
    padding-top: 87px;
  }

  .lg\:pr-87 {
    padding-right: 87px;
  }

  .lg\:pb-87 {
    padding-bottom: 87px;
  }

  .lg\:pl-87 {
    padding-left: 87px;
  }

  .lg\:pt-100 {
    padding-top: 100px;
  }

  .lg\:pr-100 {
    padding-right: 100px;
  }

  .lg\:pb-100 {
    padding-bottom: 100px;
  }

  .lg\:pl-100 {
    padding-left: 100px;
  }

  .lg\:pt-120 {
    padding-top: 120px;
  }

  .lg\:pr-120 {
    padding-right: 120px;
  }

  .lg\:pb-120 {
    padding-bottom: 120px;
  }

  .lg\:pl-120 {
    padding-left: 120px;
  }

  .lg\:pointer-events-none {
    pointer-events: none;
  }

  .lg\:pointer-events-auto {
    pointer-events: auto;
  }

  .lg\:static {
    position: static;
  }

  .lg\:fixed {
    position: fixed;
  }

  .lg\:absolute {
    position: absolute;
  }

  .lg\:relative {
    position: relative;
  }

  .lg\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .lg\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg\:pin-y {
    top: 0;
    bottom: 0;
  }

  .lg\:pin-x {
    right: 0;
    left: 0;
  }

  .lg\:pin-t {
    top: 0;
  }

  .lg\:pin-r {
    right: 0;
  }

  .lg\:pin-b {
    bottom: 0;
  }

  .lg\:pin-l {
    left: 0;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-center {
    text-align: center;
  }

  .lg\:text-right {
    text-align: right;
  }

  .lg\:text-justify {
    text-align: justify;
  }

  .lg\:text-transparent {
    color: transparent;
  }

  .lg\:text-grey-darker {
    color: #606f7b;
  }

  .lg\:text-grey-dark {
    color: #8795a1;
  }

  .lg\:text-grey-light {
    color: #dae1e7;
  }

  .lg\:text-grey-lighter {
    color: #f3f3f5;
  }

  .lg\:text-white {
    color: #fff;
  }

  .lg\:text-ocf-red {
    color: #f15b3c;
  }

  .lg\:text-ocf-blue {
    color: #1c1d44;
  }

  .lg\:text-ocf-blue-overlay {
    color: #343677;
  }

  .lg\:text-ocf-blue-background {
    color: #f3f3f5;
  }

  .lg\:text-portlandmetro {
    color: #189046;
  }

  .lg\:text-centraloregon {
    color: #03a1b1;
  }

  .lg\:text-northcoast {
    color: #8dcfb3;
  }

  .lg\:text-southcoast {
    color: #4d62ad;
  }

  .lg\:text-southernoregon {
    color: #006a84;
  }

  .lg\:text-nwillamettevalley {
    color: #13542b;
  }

  .lg\:text-easternoregon {
    color: #fed536;
  }

  .lg\:text-swillamettevalley {
    color: #fbac36;
  }

  .lg\:text-copper {
    color: #a46b33;
  }

  .lg\:text-mint {
    color: #eff5e5;
  }

  .lg\:text-black {
    color: #231f20;
  }

  .lg\:hover\:text-transparent:hover {
    color: transparent;
  }

  .lg\:hover\:text-grey-darker:hover {
    color: #606f7b;
  }

  .lg\:hover\:text-grey-dark:hover {
    color: #8795a1;
  }

  .lg\:hover\:text-grey-light:hover {
    color: #dae1e7;
  }

  .lg\:hover\:text-grey-lighter:hover {
    color: #f3f3f5;
  }

  .lg\:hover\:text-white:hover {
    color: #fff;
  }

  .lg\:hover\:text-ocf-red:hover {
    color: #f15b3c;
  }

  .lg\:hover\:text-ocf-blue:hover {
    color: #1c1d44;
  }

  .lg\:hover\:text-ocf-blue-overlay:hover {
    color: #343677;
  }

  .lg\:hover\:text-ocf-blue-background:hover {
    color: #f3f3f5;
  }

  .lg\:hover\:text-portlandmetro:hover {
    color: #189046;
  }

  .lg\:hover\:text-centraloregon:hover {
    color: #03a1b1;
  }

  .lg\:hover\:text-northcoast:hover {
    color: #8dcfb3;
  }

  .lg\:hover\:text-southcoast:hover {
    color: #4d62ad;
  }

  .lg\:hover\:text-southernoregon:hover {
    color: #006a84;
  }

  .lg\:hover\:text-nwillamettevalley:hover {
    color: #13542b;
  }

  .lg\:hover\:text-easternoregon:hover {
    color: #fed536;
  }

  .lg\:hover\:text-swillamettevalley:hover {
    color: #fbac36;
  }

  .lg\:hover\:text-copper:hover {
    color: #a46b33;
  }

  .lg\:hover\:text-mint:hover {
    color: #eff5e5;
  }

  .lg\:hover\:text-black:hover {
    color: #231f20;
  }

  .lg\:focus\:text-transparent:focus {
    color: transparent;
  }

  .lg\:focus\:text-grey-darker:focus {
    color: #606f7b;
  }

  .lg\:focus\:text-grey-dark:focus {
    color: #8795a1;
  }

  .lg\:focus\:text-grey-light:focus {
    color: #dae1e7;
  }

  .lg\:focus\:text-grey-lighter:focus {
    color: #f3f3f5;
  }

  .lg\:focus\:text-white:focus {
    color: #fff;
  }

  .lg\:focus\:text-ocf-red:focus {
    color: #f15b3c;
  }

  .lg\:focus\:text-ocf-blue:focus {
    color: #1c1d44;
  }

  .lg\:focus\:text-ocf-blue-overlay:focus {
    color: #343677;
  }

  .lg\:focus\:text-ocf-blue-background:focus {
    color: #f3f3f5;
  }

  .lg\:focus\:text-portlandmetro:focus {
    color: #189046;
  }

  .lg\:focus\:text-centraloregon:focus {
    color: #03a1b1;
  }

  .lg\:focus\:text-northcoast:focus {
    color: #8dcfb3;
  }

  .lg\:focus\:text-southcoast:focus {
    color: #4d62ad;
  }

  .lg\:focus\:text-southernoregon:focus {
    color: #006a84;
  }

  .lg\:focus\:text-nwillamettevalley:focus {
    color: #13542b;
  }

  .lg\:focus\:text-easternoregon:focus {
    color: #fed536;
  }

  .lg\:focus\:text-swillamettevalley:focus {
    color: #fbac36;
  }

  .lg\:focus\:text-copper:focus {
    color: #a46b33;
  }

  .lg\:focus\:text-mint:focus {
    color: #eff5e5;
  }

  .lg\:focus\:text-black:focus {
    color: #231f20;
  }

  .lg\:text-2xs {
    font-size: 12px;
  }

  .lg\:text-xs {
    font-size: 14px;
  }

  .lg\:text-sm {
    font-size: 16px;
  }

  .lg\:text-base {
    font-size: 18px;
  }

  .lg\:text-md {
    font-size: 22px;
  }

  .lg\:text-lg {
    font-size: 24px;
  }

  .lg\:text-xl {
    font-size: 26px;
  }

  .lg\:text-2xl {
    font-size: 28px;
  }

  .lg\:text-3xl {
    font-size: 30px;
  }

  .lg\:text-4xl {
    font-size: 36px;
  }

  .lg\:text-5xl {
    font-size: 48px;
  }

  .lg\:text-6xl {
    font-size: 78px;
  }

  .lg\:italic {
    font-style: italic;
  }

  .lg\:roman {
    font-style: normal;
  }

  .lg\:uppercase {
    text-transform: uppercase;
  }

  .lg\:lowercase {
    text-transform: lowercase;
  }

  .lg\:capitalize {
    text-transform: capitalize;
  }

  .lg\:normal-case {
    text-transform: none;
  }

  .lg\:underline {
    text-decoration: underline;
  }

  .lg\:line-through {
    text-decoration: line-through;
  }

  .lg\:no-underline {
    text-decoration: none;
  }

  .lg\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:hover\:italic:hover {
    font-style: italic;
  }

  .lg\:hover\:roman:hover {
    font-style: normal;
  }

  .lg\:hover\:uppercase:hover {
    text-transform: uppercase;
  }

  .lg\:hover\:lowercase:hover {
    text-transform: lowercase;
  }

  .lg\:hover\:capitalize:hover {
    text-transform: capitalize;
  }

  .lg\:hover\:normal-case:hover {
    text-transform: none;
  }

  .lg\:hover\:underline:hover {
    text-decoration: underline;
  }

  .lg\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .lg\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .lg\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:focus\:italic:focus {
    font-style: italic;
  }

  .lg\:focus\:roman:focus {
    font-style: normal;
  }

  .lg\:focus\:uppercase:focus {
    text-transform: uppercase;
  }

  .lg\:focus\:lowercase:focus {
    text-transform: lowercase;
  }

  .lg\:focus\:capitalize:focus {
    text-transform: capitalize;
  }

  .lg\:focus\:normal-case:focus {
    text-transform: none;
  }

  .lg\:focus\:underline:focus {
    text-decoration: underline;
  }

  .lg\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .lg\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .lg\:focus\:antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg\:focus\:subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg\:tracking-2xl {
    letter-spacing: 1px;
  }

  .lg\:tracking-4xl {
    letter-spacing: 1.5px;
  }

  .lg\:align-baseline {
    vertical-align: baseline;
  }

  .lg\:align-top {
    vertical-align: top;
  }

  .lg\:align-middle {
    vertical-align: middle;
  }

  .lg\:align-bottom {
    vertical-align: bottom;
  }

  .lg\:align-text-top {
    vertical-align: text-top;
  }

  .lg\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .lg\:visible {
    visibility: visible;
  }

  .lg\:invisible {
    visibility: hidden;
  }

  .lg\:whitespace-normal {
    white-space: normal;
  }

  .lg\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .lg\:whitespace-pre {
    white-space: pre;
  }

  .lg\:whitespace-pre-line {
    white-space: pre-line;
  }

  .lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .lg\:break-words {
    word-wrap: break-word;
  }

  .lg\:break-normal {
    word-wrap: normal;
  }

  .lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg\:w-20 {
    width: 20px;
  }

  .lg\:w-30 {
    width: 30px;
  }

  .lg\:w-60 {
    width: 60px;
  }

  .lg\:w-67 {
    width: 67px;
  }

  .lg\:w-87 {
    width: 87px;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-1\/3 {
    width: 33.33%;
  }

  .lg\:w-2\/3 {
    width: 66.67%;
  }

  .lg\:w-1\/4 {
    width: 25%;
  }

  .lg\:w-3\/4 {
    width: 75%;
  }

  .lg\:w-1\/6 {
    width: 16.67%;
  }

  .lg\:w-5\/6 {
    width: 83.33%;
  }

  .lg\:w-full {
    width: 100%;
  }

  .lg\:w-screen {
    width: 100vw;
  }

  .lg\:w-1\/12 {
    width: 8.333%;
  }

  .lg\:w-2\/12 {
    width: 16.67%;
  }

  .lg\:w-3\/12 {
    width: 25%;
  }

  .lg\:w-4\/12 {
    width: 33.33%;
  }

  .lg\:w-5\/12 {
    width: 41.67%;
  }

  .lg\:w-6\/12 {
    width: 50%;
  }

  .lg\:w-7\/12 {
    width: 58.33%;
  }

  .lg\:w-8\/12 {
    width: 66.67%;
  }

  .lg\:w-9\/12 {
    width: 75%;
  }

  .lg\:w-10\/12 {
    width: 83.33%;
  }

  .lg\:w-11\/12 {
    width: 91.67%;
  }

  .lg\:w-12\/12 {
    width: 100%;
  }

  .lg\:z-0 {
    z-index: 0;
  }

  .lg\:z-1 {
    z-index: 1;
  }

  .lg\:z-10 {
    z-index: 10;
  }

  .lg\:z-20 {
    z-index: 20;
  }

  .lg\:z-30 {
    z-index: 30;
  }

  .lg\:z-40 {
    z-index: 40;
  }

  .lg\:z-50 {
    z-index: 50;
  }

  .lg\:z-auto {
    z-index: auto;
  }

  .lg\:aspect-ratio-square {
    padding-top: 100%;
  }

  .lg\:aspect-ratio-16\/9 {
    padding-top: 56.25%;
  }

  .lg\:aspect-ratio-9\/16 {
    padding-top: 177.78%;
  }

  .lg\:aspect-ratio-4\/3 {
    padding-top: 75%;
  }

  .lg\:aspect-ratio-3\/4 {
    padding-top: 133.33%;
  }

  .lg\:aspect-ratio-21\/9 {
    padding-top: 42.86%;
  }
}

@media (min-width: 1025px) {
  .lg1\:list-reset {
    list-style: none;
    padding: 0;
  }

  .lg1\:bg-fixed {
    background-attachment: fixed;
  }

  .lg1\:bg-local {
    background-attachment: local;
  }

  .lg1\:bg-scroll {
    background-attachment: scroll;
  }

  .lg1\:bg-transparent {
    background-color: transparent;
  }

  .lg1\:bg-grey-darker {
    background-color: #606f7b;
  }

  .lg1\:bg-grey-dark {
    background-color: #8795a1;
  }

  .lg1\:bg-grey-light {
    background-color: #dae1e7;
  }

  .lg1\:bg-grey-lighter {
    background-color: #f3f3f5;
  }

  .lg1\:bg-white {
    background-color: #fff;
  }

  .lg1\:bg-ocf-red {
    background-color: #f15b3c;
  }

  .lg1\:bg-ocf-blue {
    background-color: #1c1d44;
  }

  .lg1\:bg-ocf-blue-overlay {
    background-color: #343677;
  }

  .lg1\:bg-ocf-blue-background {
    background-color: #f3f3f5;
  }

  .lg1\:bg-portlandmetro {
    background-color: #189046;
  }

  .lg1\:bg-centraloregon {
    background-color: #03a1b1;
  }

  .lg1\:bg-northcoast {
    background-color: #8dcfb3;
  }

  .lg1\:bg-southcoast {
    background-color: #4d62ad;
  }

  .lg1\:bg-southernoregon {
    background-color: #006a84;
  }

  .lg1\:bg-nwillamettevalley {
    background-color: #13542b;
  }

  .lg1\:bg-easternoregon {
    background-color: #fed536;
  }

  .lg1\:bg-swillamettevalley {
    background-color: #fbac36;
  }

  .lg1\:bg-copper {
    background-color: #a46b33;
  }

  .lg1\:bg-mint {
    background-color: #eff5e5;
  }

  .lg1\:bg-black {
    background-color: #231f20;
  }

  .lg1\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .lg1\:hover\:bg-grey-darker:hover {
    background-color: #606f7b;
  }

  .lg1\:hover\:bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .lg1\:hover\:bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .lg1\:hover\:bg-grey-lighter:hover {
    background-color: #f3f3f5;
  }

  .lg1\:hover\:bg-white:hover {
    background-color: #fff;
  }

  .lg1\:hover\:bg-ocf-red:hover {
    background-color: #f15b3c;
  }

  .lg1\:hover\:bg-ocf-blue:hover {
    background-color: #1c1d44;
  }

  .lg1\:hover\:bg-ocf-blue-overlay:hover {
    background-color: #343677;
  }

  .lg1\:hover\:bg-ocf-blue-background:hover {
    background-color: #f3f3f5;
  }

  .lg1\:hover\:bg-portlandmetro:hover {
    background-color: #189046;
  }

  .lg1\:hover\:bg-centraloregon:hover {
    background-color: #03a1b1;
  }

  .lg1\:hover\:bg-northcoast:hover {
    background-color: #8dcfb3;
  }

  .lg1\:hover\:bg-southcoast:hover {
    background-color: #4d62ad;
  }

  .lg1\:hover\:bg-southernoregon:hover {
    background-color: #006a84;
  }

  .lg1\:hover\:bg-nwillamettevalley:hover {
    background-color: #13542b;
  }

  .lg1\:hover\:bg-easternoregon:hover {
    background-color: #fed536;
  }

  .lg1\:hover\:bg-swillamettevalley:hover {
    background-color: #fbac36;
  }

  .lg1\:hover\:bg-copper:hover {
    background-color: #a46b33;
  }

  .lg1\:hover\:bg-mint:hover {
    background-color: #eff5e5;
  }

  .lg1\:hover\:bg-black:hover {
    background-color: #231f20;
  }

  .lg1\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .lg1\:focus\:bg-grey-darker:focus {
    background-color: #606f7b;
  }

  .lg1\:focus\:bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .lg1\:focus\:bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .lg1\:focus\:bg-grey-lighter:focus {
    background-color: #f3f3f5;
  }

  .lg1\:focus\:bg-white:focus {
    background-color: #fff;
  }

  .lg1\:focus\:bg-ocf-red:focus {
    background-color: #f15b3c;
  }

  .lg1\:focus\:bg-ocf-blue:focus {
    background-color: #1c1d44;
  }

  .lg1\:focus\:bg-ocf-blue-overlay:focus {
    background-color: #343677;
  }

  .lg1\:focus\:bg-ocf-blue-background:focus {
    background-color: #f3f3f5;
  }

  .lg1\:focus\:bg-portlandmetro:focus {
    background-color: #189046;
  }

  .lg1\:focus\:bg-centraloregon:focus {
    background-color: #03a1b1;
  }

  .lg1\:focus\:bg-northcoast:focus {
    background-color: #8dcfb3;
  }

  .lg1\:focus\:bg-southcoast:focus {
    background-color: #4d62ad;
  }

  .lg1\:focus\:bg-southernoregon:focus {
    background-color: #006a84;
  }

  .lg1\:focus\:bg-nwillamettevalley:focus {
    background-color: #13542b;
  }

  .lg1\:focus\:bg-easternoregon:focus {
    background-color: #fed536;
  }

  .lg1\:focus\:bg-swillamettevalley:focus {
    background-color: #fbac36;
  }

  .lg1\:focus\:bg-copper:focus {
    background-color: #a46b33;
  }

  .lg1\:focus\:bg-mint:focus {
    background-color: #eff5e5;
  }

  .lg1\:focus\:bg-black:focus {
    background-color: #231f20;
  }

  .lg1\:bg-bottom {
    background-position: bottom;
  }

  .lg1\:bg-center {
    background-position: center;
  }

  .lg1\:bg-left {
    background-position: left;
  }

  .lg1\:bg-left-bottom {
    background-position: left bottom;
  }

  .lg1\:bg-left-top {
    background-position: left top;
  }

  .lg1\:bg-right {
    background-position: right;
  }

  .lg1\:bg-right-bottom {
    background-position: right bottom;
  }

  .lg1\:bg-right-top {
    background-position: right top;
  }

  .lg1\:bg-top {
    background-position: top;
  }

  .lg1\:bg-repeat {
    background-repeat: repeat;
  }

  .lg1\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .lg1\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .lg1\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .lg1\:bg-auto {
    background-size: auto;
  }

  .lg1\:bg-cover {
    background-size: cover;
  }

  .lg1\:bg-contain {
    background-size: contain;
  }

  .lg1\:border-transparent {
    border-color: transparent;
  }

  .lg1\:border-grey-darker {
    border-color: #606f7b;
  }

  .lg1\:border-grey-dark {
    border-color: #8795a1;
  }

  .lg1\:border-grey-light {
    border-color: #dae1e7;
  }

  .lg1\:border-grey-lighter {
    border-color: #f3f3f5;
  }

  .lg1\:border-white {
    border-color: #fff;
  }

  .lg1\:border-ocf-red {
    border-color: #f15b3c;
  }

  .lg1\:border-ocf-blue {
    border-color: #1c1d44;
  }

  .lg1\:border-ocf-blue-overlay {
    border-color: #343677;
  }

  .lg1\:border-ocf-blue-background {
    border-color: #f3f3f5;
  }

  .lg1\:border-portlandmetro {
    border-color: #189046;
  }

  .lg1\:border-centraloregon {
    border-color: #03a1b1;
  }

  .lg1\:border-northcoast {
    border-color: #8dcfb3;
  }

  .lg1\:border-southcoast {
    border-color: #4d62ad;
  }

  .lg1\:border-southernoregon {
    border-color: #006a84;
  }

  .lg1\:border-nwillamettevalley {
    border-color: #13542b;
  }

  .lg1\:border-easternoregon {
    border-color: #fed536;
  }

  .lg1\:border-swillamettevalley {
    border-color: #fbac36;
  }

  .lg1\:border-copper {
    border-color: #a46b33;
  }

  .lg1\:border-mint {
    border-color: #eff5e5;
  }

  .lg1\:border-black {
    border-color: #231f20;
  }

  .lg1\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .lg1\:hover\:border-grey-darker:hover {
    border-color: #606f7b;
  }

  .lg1\:hover\:border-grey-dark:hover {
    border-color: #8795a1;
  }

  .lg1\:hover\:border-grey-light:hover {
    border-color: #dae1e7;
  }

  .lg1\:hover\:border-grey-lighter:hover {
    border-color: #f3f3f5;
  }

  .lg1\:hover\:border-white:hover {
    border-color: #fff;
  }

  .lg1\:hover\:border-ocf-red:hover {
    border-color: #f15b3c;
  }

  .lg1\:hover\:border-ocf-blue:hover {
    border-color: #1c1d44;
  }

  .lg1\:hover\:border-ocf-blue-overlay:hover {
    border-color: #343677;
  }

  .lg1\:hover\:border-ocf-blue-background:hover {
    border-color: #f3f3f5;
  }

  .lg1\:hover\:border-portlandmetro:hover {
    border-color: #189046;
  }

  .lg1\:hover\:border-centraloregon:hover {
    border-color: #03a1b1;
  }

  .lg1\:hover\:border-northcoast:hover {
    border-color: #8dcfb3;
  }

  .lg1\:hover\:border-southcoast:hover {
    border-color: #4d62ad;
  }

  .lg1\:hover\:border-southernoregon:hover {
    border-color: #006a84;
  }

  .lg1\:hover\:border-nwillamettevalley:hover {
    border-color: #13542b;
  }

  .lg1\:hover\:border-easternoregon:hover {
    border-color: #fed536;
  }

  .lg1\:hover\:border-swillamettevalley:hover {
    border-color: #fbac36;
  }

  .lg1\:hover\:border-copper:hover {
    border-color: #a46b33;
  }

  .lg1\:hover\:border-mint:hover {
    border-color: #eff5e5;
  }

  .lg1\:hover\:border-black:hover {
    border-color: #231f20;
  }

  .lg1\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .lg1\:focus\:border-grey-darker:focus {
    border-color: #606f7b;
  }

  .lg1\:focus\:border-grey-dark:focus {
    border-color: #8795a1;
  }

  .lg1\:focus\:border-grey-light:focus {
    border-color: #dae1e7;
  }

  .lg1\:focus\:border-grey-lighter:focus {
    border-color: #f3f3f5;
  }

  .lg1\:focus\:border-white:focus {
    border-color: #fff;
  }

  .lg1\:focus\:border-ocf-red:focus {
    border-color: #f15b3c;
  }

  .lg1\:focus\:border-ocf-blue:focus {
    border-color: #1c1d44;
  }

  .lg1\:focus\:border-ocf-blue-overlay:focus {
    border-color: #343677;
  }

  .lg1\:focus\:border-ocf-blue-background:focus {
    border-color: #f3f3f5;
  }

  .lg1\:focus\:border-portlandmetro:focus {
    border-color: #189046;
  }

  .lg1\:focus\:border-centraloregon:focus {
    border-color: #03a1b1;
  }

  .lg1\:focus\:border-northcoast:focus {
    border-color: #8dcfb3;
  }

  .lg1\:focus\:border-southcoast:focus {
    border-color: #4d62ad;
  }

  .lg1\:focus\:border-southernoregon:focus {
    border-color: #006a84;
  }

  .lg1\:focus\:border-nwillamettevalley:focus {
    border-color: #13542b;
  }

  .lg1\:focus\:border-easternoregon:focus {
    border-color: #fed536;
  }

  .lg1\:focus\:border-swillamettevalley:focus {
    border-color: #fbac36;
  }

  .lg1\:focus\:border-copper:focus {
    border-color: #a46b33;
  }

  .lg1\:focus\:border-mint:focus {
    border-color: #eff5e5;
  }

  .lg1\:focus\:border-black:focus {
    border-color: #231f20;
  }

  .lg1\:border-solid {
    border-style: solid;
  }

  .lg1\:border-dashed {
    border-style: dashed;
  }

  .lg1\:border-dotted {
    border-style: dotted;
  }

  .lg1\:border-none {
    border-style: none;
  }

  .lg1\:border-0 {
    border-width: 0;
  }

  .lg1\:border-2 {
    border-width: 2px;
  }

  .lg1\:border-3 {
    border-width: 3px;
  }

  .lg1\:border-4 {
    border-width: 4px;
  }

  .lg1\:border-5 {
    border-width: 5px;
  }

  .lg1\:border-6 {
    border-width: 6px;
  }

  .lg1\:border-7 {
    border-width: 7px;
  }

  .lg1\:border-8 {
    border-width: 8px;
  }

  .lg1\:border {
    border-width: 1px;
  }

  .lg1\:border-t-0 {
    border-top-width: 0;
  }

  .lg1\:border-r-0 {
    border-right-width: 0;
  }

  .lg1\:border-b-0 {
    border-bottom-width: 0;
  }

  .lg1\:border-l-0 {
    border-left-width: 0;
  }

  .lg1\:border-t-2 {
    border-top-width: 2px;
  }

  .lg1\:border-r-2 {
    border-right-width: 2px;
  }

  .lg1\:border-b-2 {
    border-bottom-width: 2px;
  }

  .lg1\:border-l-2 {
    border-left-width: 2px;
  }

  .lg1\:border-t-3 {
    border-top-width: 3px;
  }

  .lg1\:border-r-3 {
    border-right-width: 3px;
  }

  .lg1\:border-b-3 {
    border-bottom-width: 3px;
  }

  .lg1\:border-l-3 {
    border-left-width: 3px;
  }

  .lg1\:border-t-4 {
    border-top-width: 4px;
  }

  .lg1\:border-r-4 {
    border-right-width: 4px;
  }

  .lg1\:border-b-4 {
    border-bottom-width: 4px;
  }

  .lg1\:border-l-4 {
    border-left-width: 4px;
  }

  .lg1\:border-t-5 {
    border-top-width: 5px;
  }

  .lg1\:border-r-5 {
    border-right-width: 5px;
  }

  .lg1\:border-b-5 {
    border-bottom-width: 5px;
  }

  .lg1\:border-l-5 {
    border-left-width: 5px;
  }

  .lg1\:border-t-6 {
    border-top-width: 6px;
  }

  .lg1\:border-r-6 {
    border-right-width: 6px;
  }

  .lg1\:border-b-6 {
    border-bottom-width: 6px;
  }

  .lg1\:border-l-6 {
    border-left-width: 6px;
  }

  .lg1\:border-t-7 {
    border-top-width: 7px;
  }

  .lg1\:border-r-7 {
    border-right-width: 7px;
  }

  .lg1\:border-b-7 {
    border-bottom-width: 7px;
  }

  .lg1\:border-l-7 {
    border-left-width: 7px;
  }

  .lg1\:border-t-8 {
    border-top-width: 8px;
  }

  .lg1\:border-r-8 {
    border-right-width: 8px;
  }

  .lg1\:border-b-8 {
    border-bottom-width: 8px;
  }

  .lg1\:border-l-8 {
    border-left-width: 8px;
  }

  .lg1\:border-t {
    border-top-width: 1px;
  }

  .lg1\:border-r {
    border-right-width: 1px;
  }

  .lg1\:border-b {
    border-bottom-width: 1px;
  }

  .lg1\:border-l {
    border-left-width: 1px;
  }

  .lg1\:cursor-auto {
    cursor: auto;
  }

  .lg1\:cursor-default {
    cursor: default;
  }

  .lg1\:cursor-pointer {
    cursor: pointer;
  }

  .lg1\:cursor-wait {
    cursor: wait;
  }

  .lg1\:cursor-move {
    cursor: move;
  }

  .lg1\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .lg1\:block {
    display: block;
  }

  .lg1\:inline-block {
    display: inline-block;
  }

  .lg1\:inline {
    display: inline;
  }

  .lg1\:table {
    display: table;
  }

  .lg1\:table-row {
    display: table-row;
  }

  .lg1\:table-cell {
    display: table-cell;
  }

  .lg1\:hidden {
    display: none;
  }

  .lg1\:flex {
    display: flex;
  }

  .lg1\:inline-flex {
    display: inline-flex;
  }

  .lg1\:flex-row {
    flex-direction: row;
  }

  .lg1\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg1\:flex-col {
    flex-direction: column;
  }

  .lg1\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .lg1\:flex-wrap {
    flex-wrap: wrap;
  }

  .lg1\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .lg1\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .lg1\:items-start {
    align-items: flex-start;
  }

  .lg1\:items-end {
    align-items: flex-end;
  }

  .lg1\:items-center {
    align-items: center;
  }

  .lg1\:items-baseline {
    align-items: baseline;
  }

  .lg1\:items-stretch {
    align-items: stretch;
  }

  .lg1\:self-auto {
    align-self: auto;
  }

  .lg1\:self-start {
    align-self: flex-start;
  }

  .lg1\:self-end {
    align-self: flex-end;
  }

  .lg1\:self-center {
    align-self: center;
  }

  .lg1\:self-stretch {
    align-self: stretch;
  }

  .lg1\:justify-start {
    justify-content: flex-start;
  }

  .lg1\:justify-end {
    justify-content: flex-end;
  }

  .lg1\:justify-center {
    justify-content: center;
  }

  .lg1\:justify-between {
    justify-content: space-between;
  }

  .lg1\:justify-around {
    justify-content: space-around;
  }

  .lg1\:content-center {
    align-content: center;
  }

  .lg1\:content-start {
    align-content: flex-start;
  }

  .lg1\:content-end {
    align-content: flex-end;
  }

  .lg1\:content-between {
    align-content: space-between;
  }

  .lg1\:content-around {
    align-content: space-around;
  }

  .lg1\:flex-1 {
    flex: 1 1 0%;
  }

  .lg1\:flex-auto {
    flex: 1 1 auto;
  }

  .lg1\:flex-initial {
    flex: 0 1 auto;
  }

  .lg1\:flex-none {
    flex: none;
  }

  .lg1\:flex-grow {
    flex-grow: 1;
  }

  .lg1\:flex-shrink {
    flex-shrink: 1;
  }

  .lg1\:flex-no-grow {
    flex-grow: 0;
  }

  .lg1\:flex-no-shrink {
    flex-shrink: 0;
  }

  .lg1\:font-sans {
    font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .lg1\:font-serif {
    font-family: poynter-oldstyle-text, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .lg1\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .lg1\:font-bold {
    font-weight: 700;
  }

  .lg1\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .lg1\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .lg1\:h-20 {
    height: 20px;
  }

  .lg1\:h-30 {
    height: 30px;
  }

  .lg1\:h-60 {
    height: 60px;
  }

  .lg1\:h-67 {
    height: 67px;
  }

  .lg1\:h-87 {
    height: 87px;
  }

  .lg1\:h-auto {
    height: auto;
  }

  .lg1\:h-half {
    height: 50%;
  }

  .lg1\:h-full {
    height: 100%;
  }

  .lg1\:h-screen {
    height: 100vh;
  }

  .lg1\:leading-lh4 {
    line-height: 1.31;
  }

  .lg1\:m-0 {
    margin: 0;
  }

  .lg1\:m-5 {
    margin: 5px;
  }

  .lg1\:m-10 {
    margin: 10px;
  }

  .lg1\:m-20 {
    margin: 20px;
  }

  .lg1\:m-30 {
    margin: 30px;
  }

  .lg1\:m-40 {
    margin: 40px;
  }

  .lg1\:m-50 {
    margin: 50px;
  }

  .lg1\:m-60 {
    margin: 60px;
  }

  .lg1\:m-67 {
    margin: 67px;
  }

  .lg1\:m-87 {
    margin: 87px;
  }

  .lg1\:m-120 {
    margin: 120px;
  }

  .lg1\:m-auto {
    margin: auto;
  }

  .lg1\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg1\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg1\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .lg1\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .lg1\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .lg1\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .lg1\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .lg1\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .lg1\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .lg1\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .lg1\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .lg1\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .lg1\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .lg1\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .lg1\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .lg1\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .lg1\:my-67 {
    margin-top: 67px;
    margin-bottom: 67px;
  }

  .lg1\:mx-67 {
    margin-left: 67px;
    margin-right: 67px;
  }

  .lg1\:my-87 {
    margin-top: 87px;
    margin-bottom: 87px;
  }

  .lg1\:mx-87 {
    margin-left: 87px;
    margin-right: 87px;
  }

  .lg1\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .lg1\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .lg1\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .lg1\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg1\:mt-0 {
    margin-top: 0;
  }

  .lg1\:mr-0 {
    margin-right: 0;
  }

  .lg1\:mb-0 {
    margin-bottom: 0;
  }

  .lg1\:ml-0 {
    margin-left: 0;
  }

  .lg1\:mt-5 {
    margin-top: 5px;
  }

  .lg1\:mr-5 {
    margin-right: 5px;
  }

  .lg1\:mb-5 {
    margin-bottom: 5px;
  }

  .lg1\:ml-5 {
    margin-left: 5px;
  }

  .lg1\:mt-10 {
    margin-top: 10px;
  }

  .lg1\:mr-10 {
    margin-right: 10px;
  }

  .lg1\:mb-10 {
    margin-bottom: 10px;
  }

  .lg1\:ml-10 {
    margin-left: 10px;
  }

  .lg1\:mt-20 {
    margin-top: 20px;
  }

  .lg1\:mr-20 {
    margin-right: 20px;
  }

  .lg1\:mb-20 {
    margin-bottom: 20px;
  }

  .lg1\:ml-20 {
    margin-left: 20px;
  }

  .lg1\:mt-30 {
    margin-top: 30px;
  }

  .lg1\:mr-30 {
    margin-right: 30px;
  }

  .lg1\:mb-30 {
    margin-bottom: 30px;
  }

  .lg1\:ml-30 {
    margin-left: 30px;
  }

  .lg1\:mt-40 {
    margin-top: 40px;
  }

  .lg1\:mr-40 {
    margin-right: 40px;
  }

  .lg1\:mb-40 {
    margin-bottom: 40px;
  }

  .lg1\:ml-40 {
    margin-left: 40px;
  }

  .lg1\:mt-50 {
    margin-top: 50px;
  }

  .lg1\:mr-50 {
    margin-right: 50px;
  }

  .lg1\:mb-50 {
    margin-bottom: 50px;
  }

  .lg1\:ml-50 {
    margin-left: 50px;
  }

  .lg1\:mt-60 {
    margin-top: 60px;
  }

  .lg1\:mr-60 {
    margin-right: 60px;
  }

  .lg1\:mb-60 {
    margin-bottom: 60px;
  }

  .lg1\:ml-60 {
    margin-left: 60px;
  }

  .lg1\:mt-67 {
    margin-top: 67px;
  }

  .lg1\:mr-67 {
    margin-right: 67px;
  }

  .lg1\:mb-67 {
    margin-bottom: 67px;
  }

  .lg1\:ml-67 {
    margin-left: 67px;
  }

  .lg1\:mt-87 {
    margin-top: 87px;
  }

  .lg1\:mr-87 {
    margin-right: 87px;
  }

  .lg1\:mb-87 {
    margin-bottom: 87px;
  }

  .lg1\:ml-87 {
    margin-left: 87px;
  }

  .lg1\:mt-120 {
    margin-top: 120px;
  }

  .lg1\:mr-120 {
    margin-right: 120px;
  }

  .lg1\:mb-120 {
    margin-bottom: 120px;
  }

  .lg1\:ml-120 {
    margin-left: 120px;
  }

  .lg1\:mt-auto {
    margin-top: auto;
  }

  .lg1\:mr-auto {
    margin-right: auto;
  }

  .lg1\:mb-auto {
    margin-bottom: auto;
  }

  .lg1\:ml-auto {
    margin-left: auto;
  }

  .lg1\:max-h-full {
    max-height: 100%;
  }

  .lg1\:max-h-screen {
    max-height: 100vh;
  }

  .lg1\:max-w-600 {
    max-width: 600px;
  }

  .lg1\:max-w-full {
    max-width: 100%;
  }

  .lg1\:max-w-sm {
    max-width: 415px;
  }

  .lg1\:max-w-md {
    max-width: 768px;
  }

  .lg1\:max-w-lg {
    max-width: 1024px;
  }

  .lg1\:max-w-xl {
    max-width: 1440px;
  }

  .lg1\:min-h-0 {
    min-height: 0;
  }

  .lg1\:min-h-full {
    min-height: 100%;
  }

  .lg1\:min-h-screen {
    min-height: 100vh;
  }

  .lg1\:-m-0 {
    margin: 0;
  }

  .lg1\:-m-10 {
    margin: -10px;
  }

  .lg1\:-m-20 {
    margin: -20px;
  }

  .lg1\:-m-30 {
    margin: -30px;
  }

  .lg1\:-m-50 {
    margin: -50px;
  }

  .lg1\:-m-60 {
    margin: -60px;
  }

  .lg1\:-m-67 {
    margin: -67px;
  }

  .lg1\:-m-87 {
    margin: -87px;
  }

  .lg1\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .lg1\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lg1\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .lg1\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .lg1\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .lg1\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .lg1\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .lg1\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .lg1\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .lg1\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .lg1\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .lg1\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .lg1\:-my-67 {
    margin-top: -67px;
    margin-bottom: -67px;
  }

  .lg1\:-mx-67 {
    margin-left: -67px;
    margin-right: -67px;
  }

  .lg1\:-my-87 {
    margin-top: -87px;
    margin-bottom: -87px;
  }

  .lg1\:-mx-87 {
    margin-left: -87px;
    margin-right: -87px;
  }

  .lg1\:-mt-0 {
    margin-top: 0;
  }

  .lg1\:-mr-0 {
    margin-right: 0;
  }

  .lg1\:-mb-0 {
    margin-bottom: 0;
  }

  .lg1\:-ml-0 {
    margin-left: 0;
  }

  .lg1\:-mt-10 {
    margin-top: -10px;
  }

  .lg1\:-mr-10 {
    margin-right: -10px;
  }

  .lg1\:-mb-10 {
    margin-bottom: -10px;
  }

  .lg1\:-ml-10 {
    margin-left: -10px;
  }

  .lg1\:-mt-20 {
    margin-top: -20px;
  }

  .lg1\:-mr-20 {
    margin-right: -20px;
  }

  .lg1\:-mb-20 {
    margin-bottom: -20px;
  }

  .lg1\:-ml-20 {
    margin-left: -20px;
  }

  .lg1\:-mt-30 {
    margin-top: -30px;
  }

  .lg1\:-mr-30 {
    margin-right: -30px;
  }

  .lg1\:-mb-30 {
    margin-bottom: -30px;
  }

  .lg1\:-ml-30 {
    margin-left: -30px;
  }

  .lg1\:-mt-50 {
    margin-top: -50px;
  }

  .lg1\:-mr-50 {
    margin-right: -50px;
  }

  .lg1\:-mb-50 {
    margin-bottom: -50px;
  }

  .lg1\:-ml-50 {
    margin-left: -50px;
  }

  .lg1\:-mt-60 {
    margin-top: -60px;
  }

  .lg1\:-mr-60 {
    margin-right: -60px;
  }

  .lg1\:-mb-60 {
    margin-bottom: -60px;
  }

  .lg1\:-ml-60 {
    margin-left: -60px;
  }

  .lg1\:-mt-67 {
    margin-top: -67px;
  }

  .lg1\:-mr-67 {
    margin-right: -67px;
  }

  .lg1\:-mb-67 {
    margin-bottom: -67px;
  }

  .lg1\:-ml-67 {
    margin-left: -67px;
  }

  .lg1\:-mt-87 {
    margin-top: -87px;
  }

  .lg1\:-mr-87 {
    margin-right: -87px;
  }

  .lg1\:-mb-87 {
    margin-bottom: -87px;
  }

  .lg1\:-ml-87 {
    margin-left: -87px;
  }

  .lg1\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .lg1\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .lg1\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .lg1\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .lg1\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .lg1\:opacity-0 {
    opacity: 0;
  }

  .lg1\:opacity-10 {
    opacity: .1;
  }

  .lg1\:opacity-20 {
    opacity: .2;
  }

  .lg1\:opacity-25 {
    opacity: .25;
  }

  .lg1\:opacity-30 {
    opacity: .3;
  }

  .lg1\:opacity-40 {
    opacity: .4;
  }

  .lg1\:opacity-50 {
    opacity: .5;
  }

  .lg1\:opacity-60 {
    opacity: .6;
  }

  .lg1\:opacity-70 {
    opacity: .7;
  }

  .lg1\:opacity-75 {
    opacity: .75;
  }

  .lg1\:opacity-80 {
    opacity: .8;
  }

  .lg1\:opacity-90 {
    opacity: .9;
  }

  .lg1\:opacity-100 {
    opacity: 1;
  }

  .lg1\:overflow-auto {
    overflow: auto;
  }

  .lg1\:overflow-hidden {
    overflow: hidden;
  }

  .lg1\:overflow-visible {
    overflow: visible;
  }

  .lg1\:overflow-scroll {
    overflow: scroll;
  }

  .lg1\:overflow-x-auto {
    overflow-x: auto;
  }

  .lg1\:overflow-y-auto {
    overflow-y: auto;
  }

  .lg1\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .lg1\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .lg1\:overflow-x-visible {
    overflow-x: visible;
  }

  .lg1\:overflow-y-visible {
    overflow-y: visible;
  }

  .lg1\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .lg1\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .lg1\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .lg1\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .lg1\:p-0 {
    padding: 0;
  }

  .lg1\:p-5 {
    padding: 5px;
  }

  .lg1\:p-10 {
    padding: 10px;
  }

  .lg1\:p-20 {
    padding: 20px;
  }

  .lg1\:p-30 {
    padding: 30px;
  }

  .lg1\:p-40 {
    padding: 40px;
  }

  .lg1\:p-50 {
    padding: 50px;
  }

  .lg1\:p-60 {
    padding: 60px;
  }

  .lg1\:p-67 {
    padding: 67px;
  }

  .lg1\:p-87 {
    padding: 87px;
  }

  .lg1\:p-100 {
    padding: 100px;
  }

  .lg1\:p-120 {
    padding: 120px;
  }

  .lg1\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .lg1\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .lg1\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .lg1\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .lg1\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .lg1\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .lg1\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .lg1\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .lg1\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .lg1\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .lg1\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .lg1\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .lg1\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .lg1\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .lg1\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .lg1\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .lg1\:py-67 {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .lg1\:px-67 {
    padding-left: 67px;
    padding-right: 67px;
  }

  .lg1\:py-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .lg1\:px-87 {
    padding-left: 87px;
    padding-right: 87px;
  }

  .lg1\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .lg1\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .lg1\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .lg1\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .lg1\:pt-0 {
    padding-top: 0;
  }

  .lg1\:pr-0 {
    padding-right: 0;
  }

  .lg1\:pb-0 {
    padding-bottom: 0;
  }

  .lg1\:pl-0 {
    padding-left: 0;
  }

  .lg1\:pt-5 {
    padding-top: 5px;
  }

  .lg1\:pr-5 {
    padding-right: 5px;
  }

  .lg1\:pb-5 {
    padding-bottom: 5px;
  }

  .lg1\:pl-5 {
    padding-left: 5px;
  }

  .lg1\:pt-10 {
    padding-top: 10px;
  }

  .lg1\:pr-10 {
    padding-right: 10px;
  }

  .lg1\:pb-10 {
    padding-bottom: 10px;
  }

  .lg1\:pl-10 {
    padding-left: 10px;
  }

  .lg1\:pt-20 {
    padding-top: 20px;
  }

  .lg1\:pr-20 {
    padding-right: 20px;
  }

  .lg1\:pb-20 {
    padding-bottom: 20px;
  }

  .lg1\:pl-20 {
    padding-left: 20px;
  }

  .lg1\:pt-30 {
    padding-top: 30px;
  }

  .lg1\:pr-30 {
    padding-right: 30px;
  }

  .lg1\:pb-30 {
    padding-bottom: 30px;
  }

  .lg1\:pl-30 {
    padding-left: 30px;
  }

  .lg1\:pt-40 {
    padding-top: 40px;
  }

  .lg1\:pr-40 {
    padding-right: 40px;
  }

  .lg1\:pb-40 {
    padding-bottom: 40px;
  }

  .lg1\:pl-40 {
    padding-left: 40px;
  }

  .lg1\:pt-50 {
    padding-top: 50px;
  }

  .lg1\:pr-50 {
    padding-right: 50px;
  }

  .lg1\:pb-50 {
    padding-bottom: 50px;
  }

  .lg1\:pl-50 {
    padding-left: 50px;
  }

  .lg1\:pt-60 {
    padding-top: 60px;
  }

  .lg1\:pr-60 {
    padding-right: 60px;
  }

  .lg1\:pb-60 {
    padding-bottom: 60px;
  }

  .lg1\:pl-60 {
    padding-left: 60px;
  }

  .lg1\:pt-67 {
    padding-top: 67px;
  }

  .lg1\:pr-67 {
    padding-right: 67px;
  }

  .lg1\:pb-67 {
    padding-bottom: 67px;
  }

  .lg1\:pl-67 {
    padding-left: 67px;
  }

  .lg1\:pt-87 {
    padding-top: 87px;
  }

  .lg1\:pr-87 {
    padding-right: 87px;
  }

  .lg1\:pb-87 {
    padding-bottom: 87px;
  }

  .lg1\:pl-87 {
    padding-left: 87px;
  }

  .lg1\:pt-100 {
    padding-top: 100px;
  }

  .lg1\:pr-100 {
    padding-right: 100px;
  }

  .lg1\:pb-100 {
    padding-bottom: 100px;
  }

  .lg1\:pl-100 {
    padding-left: 100px;
  }

  .lg1\:pt-120 {
    padding-top: 120px;
  }

  .lg1\:pr-120 {
    padding-right: 120px;
  }

  .lg1\:pb-120 {
    padding-bottom: 120px;
  }

  .lg1\:pl-120 {
    padding-left: 120px;
  }

  .lg1\:pointer-events-none {
    pointer-events: none;
  }

  .lg1\:pointer-events-auto {
    pointer-events: auto;
  }

  .lg1\:static {
    position: static;
  }

  .lg1\:fixed {
    position: fixed;
  }

  .lg1\:absolute {
    position: absolute;
  }

  .lg1\:relative {
    position: relative;
  }

  .lg1\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .lg1\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .lg1\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .lg1\:pin-y {
    top: 0;
    bottom: 0;
  }

  .lg1\:pin-x {
    right: 0;
    left: 0;
  }

  .lg1\:pin-t {
    top: 0;
  }

  .lg1\:pin-r {
    right: 0;
  }

  .lg1\:pin-b {
    bottom: 0;
  }

  .lg1\:pin-l {
    left: 0;
  }

  .lg1\:text-left {
    text-align: left;
  }

  .lg1\:text-center {
    text-align: center;
  }

  .lg1\:text-right {
    text-align: right;
  }

  .lg1\:text-justify {
    text-align: justify;
  }

  .lg1\:text-transparent {
    color: transparent;
  }

  .lg1\:text-grey-darker {
    color: #606f7b;
  }

  .lg1\:text-grey-dark {
    color: #8795a1;
  }

  .lg1\:text-grey-light {
    color: #dae1e7;
  }

  .lg1\:text-grey-lighter {
    color: #f3f3f5;
  }

  .lg1\:text-white {
    color: #fff;
  }

  .lg1\:text-ocf-red {
    color: #f15b3c;
  }

  .lg1\:text-ocf-blue {
    color: #1c1d44;
  }

  .lg1\:text-ocf-blue-overlay {
    color: #343677;
  }

  .lg1\:text-ocf-blue-background {
    color: #f3f3f5;
  }

  .lg1\:text-portlandmetro {
    color: #189046;
  }

  .lg1\:text-centraloregon {
    color: #03a1b1;
  }

  .lg1\:text-northcoast {
    color: #8dcfb3;
  }

  .lg1\:text-southcoast {
    color: #4d62ad;
  }

  .lg1\:text-southernoregon {
    color: #006a84;
  }

  .lg1\:text-nwillamettevalley {
    color: #13542b;
  }

  .lg1\:text-easternoregon {
    color: #fed536;
  }

  .lg1\:text-swillamettevalley {
    color: #fbac36;
  }

  .lg1\:text-copper {
    color: #a46b33;
  }

  .lg1\:text-mint {
    color: #eff5e5;
  }

  .lg1\:text-black {
    color: #231f20;
  }

  .lg1\:hover\:text-transparent:hover {
    color: transparent;
  }

  .lg1\:hover\:text-grey-darker:hover {
    color: #606f7b;
  }

  .lg1\:hover\:text-grey-dark:hover {
    color: #8795a1;
  }

  .lg1\:hover\:text-grey-light:hover {
    color: #dae1e7;
  }

  .lg1\:hover\:text-grey-lighter:hover {
    color: #f3f3f5;
  }

  .lg1\:hover\:text-white:hover {
    color: #fff;
  }

  .lg1\:hover\:text-ocf-red:hover {
    color: #f15b3c;
  }

  .lg1\:hover\:text-ocf-blue:hover {
    color: #1c1d44;
  }

  .lg1\:hover\:text-ocf-blue-overlay:hover {
    color: #343677;
  }

  .lg1\:hover\:text-ocf-blue-background:hover {
    color: #f3f3f5;
  }

  .lg1\:hover\:text-portlandmetro:hover {
    color: #189046;
  }

  .lg1\:hover\:text-centraloregon:hover {
    color: #03a1b1;
  }

  .lg1\:hover\:text-northcoast:hover {
    color: #8dcfb3;
  }

  .lg1\:hover\:text-southcoast:hover {
    color: #4d62ad;
  }

  .lg1\:hover\:text-southernoregon:hover {
    color: #006a84;
  }

  .lg1\:hover\:text-nwillamettevalley:hover {
    color: #13542b;
  }

  .lg1\:hover\:text-easternoregon:hover {
    color: #fed536;
  }

  .lg1\:hover\:text-swillamettevalley:hover {
    color: #fbac36;
  }

  .lg1\:hover\:text-copper:hover {
    color: #a46b33;
  }

  .lg1\:hover\:text-mint:hover {
    color: #eff5e5;
  }

  .lg1\:hover\:text-black:hover {
    color: #231f20;
  }

  .lg1\:focus\:text-transparent:focus {
    color: transparent;
  }

  .lg1\:focus\:text-grey-darker:focus {
    color: #606f7b;
  }

  .lg1\:focus\:text-grey-dark:focus {
    color: #8795a1;
  }

  .lg1\:focus\:text-grey-light:focus {
    color: #dae1e7;
  }

  .lg1\:focus\:text-grey-lighter:focus {
    color: #f3f3f5;
  }

  .lg1\:focus\:text-white:focus {
    color: #fff;
  }

  .lg1\:focus\:text-ocf-red:focus {
    color: #f15b3c;
  }

  .lg1\:focus\:text-ocf-blue:focus {
    color: #1c1d44;
  }

  .lg1\:focus\:text-ocf-blue-overlay:focus {
    color: #343677;
  }

  .lg1\:focus\:text-ocf-blue-background:focus {
    color: #f3f3f5;
  }

  .lg1\:focus\:text-portlandmetro:focus {
    color: #189046;
  }

  .lg1\:focus\:text-centraloregon:focus {
    color: #03a1b1;
  }

  .lg1\:focus\:text-northcoast:focus {
    color: #8dcfb3;
  }

  .lg1\:focus\:text-southcoast:focus {
    color: #4d62ad;
  }

  .lg1\:focus\:text-southernoregon:focus {
    color: #006a84;
  }

  .lg1\:focus\:text-nwillamettevalley:focus {
    color: #13542b;
  }

  .lg1\:focus\:text-easternoregon:focus {
    color: #fed536;
  }

  .lg1\:focus\:text-swillamettevalley:focus {
    color: #fbac36;
  }

  .lg1\:focus\:text-copper:focus {
    color: #a46b33;
  }

  .lg1\:focus\:text-mint:focus {
    color: #eff5e5;
  }

  .lg1\:focus\:text-black:focus {
    color: #231f20;
  }

  .lg1\:text-2xs {
    font-size: 12px;
  }

  .lg1\:text-xs {
    font-size: 14px;
  }

  .lg1\:text-sm {
    font-size: 16px;
  }

  .lg1\:text-base {
    font-size: 18px;
  }

  .lg1\:text-md {
    font-size: 22px;
  }

  .lg1\:text-lg {
    font-size: 24px;
  }

  .lg1\:text-xl {
    font-size: 26px;
  }

  .lg1\:text-2xl {
    font-size: 28px;
  }

  .lg1\:text-3xl {
    font-size: 30px;
  }

  .lg1\:text-4xl {
    font-size: 36px;
  }

  .lg1\:text-5xl {
    font-size: 48px;
  }

  .lg1\:text-6xl {
    font-size: 78px;
  }

  .lg1\:italic {
    font-style: italic;
  }

  .lg1\:roman {
    font-style: normal;
  }

  .lg1\:uppercase {
    text-transform: uppercase;
  }

  .lg1\:lowercase {
    text-transform: lowercase;
  }

  .lg1\:capitalize {
    text-transform: capitalize;
  }

  .lg1\:normal-case {
    text-transform: none;
  }

  .lg1\:underline {
    text-decoration: underline;
  }

  .lg1\:line-through {
    text-decoration: line-through;
  }

  .lg1\:no-underline {
    text-decoration: none;
  }

  .lg1\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg1\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg1\:hover\:italic:hover {
    font-style: italic;
  }

  .lg1\:hover\:roman:hover {
    font-style: normal;
  }

  .lg1\:hover\:uppercase:hover {
    text-transform: uppercase;
  }

  .lg1\:hover\:lowercase:hover {
    text-transform: lowercase;
  }

  .lg1\:hover\:capitalize:hover {
    text-transform: capitalize;
  }

  .lg1\:hover\:normal-case:hover {
    text-transform: none;
  }

  .lg1\:hover\:underline:hover {
    text-decoration: underline;
  }

  .lg1\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .lg1\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .lg1\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg1\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg1\:focus\:italic:focus {
    font-style: italic;
  }

  .lg1\:focus\:roman:focus {
    font-style: normal;
  }

  .lg1\:focus\:uppercase:focus {
    text-transform: uppercase;
  }

  .lg1\:focus\:lowercase:focus {
    text-transform: lowercase;
  }

  .lg1\:focus\:capitalize:focus {
    text-transform: capitalize;
  }

  .lg1\:focus\:normal-case:focus {
    text-transform: none;
  }

  .lg1\:focus\:underline:focus {
    text-decoration: underline;
  }

  .lg1\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .lg1\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .lg1\:focus\:antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .lg1\:focus\:subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .lg1\:tracking-2xl {
    letter-spacing: 1px;
  }

  .lg1\:tracking-4xl {
    letter-spacing: 1.5px;
  }

  .lg1\:align-baseline {
    vertical-align: baseline;
  }

  .lg1\:align-top {
    vertical-align: top;
  }

  .lg1\:align-middle {
    vertical-align: middle;
  }

  .lg1\:align-bottom {
    vertical-align: bottom;
  }

  .lg1\:align-text-top {
    vertical-align: text-top;
  }

  .lg1\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .lg1\:visible {
    visibility: visible;
  }

  .lg1\:invisible {
    visibility: hidden;
  }

  .lg1\:whitespace-normal {
    white-space: normal;
  }

  .lg1\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .lg1\:whitespace-pre {
    white-space: pre;
  }

  .lg1\:whitespace-pre-line {
    white-space: pre-line;
  }

  .lg1\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .lg1\:break-words {
    word-wrap: break-word;
  }

  .lg1\:break-normal {
    word-wrap: normal;
  }

  .lg1\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lg1\:w-20 {
    width: 20px;
  }

  .lg1\:w-30 {
    width: 30px;
  }

  .lg1\:w-60 {
    width: 60px;
  }

  .lg1\:w-67 {
    width: 67px;
  }

  .lg1\:w-87 {
    width: 87px;
  }

  .lg1\:w-auto {
    width: auto;
  }

  .lg1\:w-1\/2 {
    width: 50%;
  }

  .lg1\:w-1\/3 {
    width: 33.33%;
  }

  .lg1\:w-2\/3 {
    width: 66.67%;
  }

  .lg1\:w-1\/4 {
    width: 25%;
  }

  .lg1\:w-3\/4 {
    width: 75%;
  }

  .lg1\:w-1\/6 {
    width: 16.67%;
  }

  .lg1\:w-5\/6 {
    width: 83.33%;
  }

  .lg1\:w-full {
    width: 100%;
  }

  .lg1\:w-screen {
    width: 100vw;
  }

  .lg1\:w-1\/12 {
    width: 8.333%;
  }

  .lg1\:w-2\/12 {
    width: 16.67%;
  }

  .lg1\:w-3\/12 {
    width: 25%;
  }

  .lg1\:w-4\/12 {
    width: 33.33%;
  }

  .lg1\:w-5\/12 {
    width: 41.67%;
  }

  .lg1\:w-6\/12 {
    width: 50%;
  }

  .lg1\:w-7\/12 {
    width: 58.33%;
  }

  .lg1\:w-8\/12 {
    width: 66.67%;
  }

  .lg1\:w-9\/12 {
    width: 75%;
  }

  .lg1\:w-10\/12 {
    width: 83.33%;
  }

  .lg1\:w-11\/12 {
    width: 91.67%;
  }

  .lg1\:w-12\/12 {
    width: 100%;
  }

  .lg1\:z-0 {
    z-index: 0;
  }

  .lg1\:z-1 {
    z-index: 1;
  }

  .lg1\:z-10 {
    z-index: 10;
  }

  .lg1\:z-20 {
    z-index: 20;
  }

  .lg1\:z-30 {
    z-index: 30;
  }

  .lg1\:z-40 {
    z-index: 40;
  }

  .lg1\:z-50 {
    z-index: 50;
  }

  .lg1\:z-auto {
    z-index: auto;
  }

  .lg1\:aspect-ratio-square {
    padding-top: 100%;
  }

  .lg1\:aspect-ratio-16\/9 {
    padding-top: 56.25%;
  }

  .lg1\:aspect-ratio-9\/16 {
    padding-top: 177.78%;
  }

  .lg1\:aspect-ratio-4\/3 {
    padding-top: 75%;
  }

  .lg1\:aspect-ratio-3\/4 {
    padding-top: 133.33%;
  }

  .lg1\:aspect-ratio-21\/9 {
    padding-top: 42.86%;
  }
}

@media (min-width: 1200px) {
  .xl\:list-reset {
    list-style: none;
    padding: 0;
  }

  .xl\:bg-fixed {
    background-attachment: fixed;
  }

  .xl\:bg-local {
    background-attachment: local;
  }

  .xl\:bg-scroll {
    background-attachment: scroll;
  }

  .xl\:bg-transparent {
    background-color: transparent;
  }

  .xl\:bg-grey-darker {
    background-color: #606f7b;
  }

  .xl\:bg-grey-dark {
    background-color: #8795a1;
  }

  .xl\:bg-grey-light {
    background-color: #dae1e7;
  }

  .xl\:bg-grey-lighter {
    background-color: #f3f3f5;
  }

  .xl\:bg-white {
    background-color: #fff;
  }

  .xl\:bg-ocf-red {
    background-color: #f15b3c;
  }

  .xl\:bg-ocf-blue {
    background-color: #1c1d44;
  }

  .xl\:bg-ocf-blue-overlay {
    background-color: #343677;
  }

  .xl\:bg-ocf-blue-background {
    background-color: #f3f3f5;
  }

  .xl\:bg-portlandmetro {
    background-color: #189046;
  }

  .xl\:bg-centraloregon {
    background-color: #03a1b1;
  }

  .xl\:bg-northcoast {
    background-color: #8dcfb3;
  }

  .xl\:bg-southcoast {
    background-color: #4d62ad;
  }

  .xl\:bg-southernoregon {
    background-color: #006a84;
  }

  .xl\:bg-nwillamettevalley {
    background-color: #13542b;
  }

  .xl\:bg-easternoregon {
    background-color: #fed536;
  }

  .xl\:bg-swillamettevalley {
    background-color: #fbac36;
  }

  .xl\:bg-copper {
    background-color: #a46b33;
  }

  .xl\:bg-mint {
    background-color: #eff5e5;
  }

  .xl\:bg-black {
    background-color: #231f20;
  }

  .xl\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .xl\:hover\:bg-grey-darker:hover {
    background-color: #606f7b;
  }

  .xl\:hover\:bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .xl\:hover\:bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .xl\:hover\:bg-grey-lighter:hover {
    background-color: #f3f3f5;
  }

  .xl\:hover\:bg-white:hover {
    background-color: #fff;
  }

  .xl\:hover\:bg-ocf-red:hover {
    background-color: #f15b3c;
  }

  .xl\:hover\:bg-ocf-blue:hover {
    background-color: #1c1d44;
  }

  .xl\:hover\:bg-ocf-blue-overlay:hover {
    background-color: #343677;
  }

  .xl\:hover\:bg-ocf-blue-background:hover {
    background-color: #f3f3f5;
  }

  .xl\:hover\:bg-portlandmetro:hover {
    background-color: #189046;
  }

  .xl\:hover\:bg-centraloregon:hover {
    background-color: #03a1b1;
  }

  .xl\:hover\:bg-northcoast:hover {
    background-color: #8dcfb3;
  }

  .xl\:hover\:bg-southcoast:hover {
    background-color: #4d62ad;
  }

  .xl\:hover\:bg-southernoregon:hover {
    background-color: #006a84;
  }

  .xl\:hover\:bg-nwillamettevalley:hover {
    background-color: #13542b;
  }

  .xl\:hover\:bg-easternoregon:hover {
    background-color: #fed536;
  }

  .xl\:hover\:bg-swillamettevalley:hover {
    background-color: #fbac36;
  }

  .xl\:hover\:bg-copper:hover {
    background-color: #a46b33;
  }

  .xl\:hover\:bg-mint:hover {
    background-color: #eff5e5;
  }

  .xl\:hover\:bg-black:hover {
    background-color: #231f20;
  }

  .xl\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .xl\:focus\:bg-grey-darker:focus {
    background-color: #606f7b;
  }

  .xl\:focus\:bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .xl\:focus\:bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .xl\:focus\:bg-grey-lighter:focus {
    background-color: #f3f3f5;
  }

  .xl\:focus\:bg-white:focus {
    background-color: #fff;
  }

  .xl\:focus\:bg-ocf-red:focus {
    background-color: #f15b3c;
  }

  .xl\:focus\:bg-ocf-blue:focus {
    background-color: #1c1d44;
  }

  .xl\:focus\:bg-ocf-blue-overlay:focus {
    background-color: #343677;
  }

  .xl\:focus\:bg-ocf-blue-background:focus {
    background-color: #f3f3f5;
  }

  .xl\:focus\:bg-portlandmetro:focus {
    background-color: #189046;
  }

  .xl\:focus\:bg-centraloregon:focus {
    background-color: #03a1b1;
  }

  .xl\:focus\:bg-northcoast:focus {
    background-color: #8dcfb3;
  }

  .xl\:focus\:bg-southcoast:focus {
    background-color: #4d62ad;
  }

  .xl\:focus\:bg-southernoregon:focus {
    background-color: #006a84;
  }

  .xl\:focus\:bg-nwillamettevalley:focus {
    background-color: #13542b;
  }

  .xl\:focus\:bg-easternoregon:focus {
    background-color: #fed536;
  }

  .xl\:focus\:bg-swillamettevalley:focus {
    background-color: #fbac36;
  }

  .xl\:focus\:bg-copper:focus {
    background-color: #a46b33;
  }

  .xl\:focus\:bg-mint:focus {
    background-color: #eff5e5;
  }

  .xl\:focus\:bg-black:focus {
    background-color: #231f20;
  }

  .xl\:bg-bottom {
    background-position: bottom;
  }

  .xl\:bg-center {
    background-position: center;
  }

  .xl\:bg-left {
    background-position: left;
  }

  .xl\:bg-left-bottom {
    background-position: left bottom;
  }

  .xl\:bg-left-top {
    background-position: left top;
  }

  .xl\:bg-right {
    background-position: right;
  }

  .xl\:bg-right-bottom {
    background-position: right bottom;
  }

  .xl\:bg-right-top {
    background-position: right top;
  }

  .xl\:bg-top {
    background-position: top;
  }

  .xl\:bg-repeat {
    background-repeat: repeat;
  }

  .xl\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .xl\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .xl\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .xl\:bg-auto {
    background-size: auto;
  }

  .xl\:bg-cover {
    background-size: cover;
  }

  .xl\:bg-contain {
    background-size: contain;
  }

  .xl\:border-transparent {
    border-color: transparent;
  }

  .xl\:border-grey-darker {
    border-color: #606f7b;
  }

  .xl\:border-grey-dark {
    border-color: #8795a1;
  }

  .xl\:border-grey-light {
    border-color: #dae1e7;
  }

  .xl\:border-grey-lighter {
    border-color: #f3f3f5;
  }

  .xl\:border-white {
    border-color: #fff;
  }

  .xl\:border-ocf-red {
    border-color: #f15b3c;
  }

  .xl\:border-ocf-blue {
    border-color: #1c1d44;
  }

  .xl\:border-ocf-blue-overlay {
    border-color: #343677;
  }

  .xl\:border-ocf-blue-background {
    border-color: #f3f3f5;
  }

  .xl\:border-portlandmetro {
    border-color: #189046;
  }

  .xl\:border-centraloregon {
    border-color: #03a1b1;
  }

  .xl\:border-northcoast {
    border-color: #8dcfb3;
  }

  .xl\:border-southcoast {
    border-color: #4d62ad;
  }

  .xl\:border-southernoregon {
    border-color: #006a84;
  }

  .xl\:border-nwillamettevalley {
    border-color: #13542b;
  }

  .xl\:border-easternoregon {
    border-color: #fed536;
  }

  .xl\:border-swillamettevalley {
    border-color: #fbac36;
  }

  .xl\:border-copper {
    border-color: #a46b33;
  }

  .xl\:border-mint {
    border-color: #eff5e5;
  }

  .xl\:border-black {
    border-color: #231f20;
  }

  .xl\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .xl\:hover\:border-grey-darker:hover {
    border-color: #606f7b;
  }

  .xl\:hover\:border-grey-dark:hover {
    border-color: #8795a1;
  }

  .xl\:hover\:border-grey-light:hover {
    border-color: #dae1e7;
  }

  .xl\:hover\:border-grey-lighter:hover {
    border-color: #f3f3f5;
  }

  .xl\:hover\:border-white:hover {
    border-color: #fff;
  }

  .xl\:hover\:border-ocf-red:hover {
    border-color: #f15b3c;
  }

  .xl\:hover\:border-ocf-blue:hover {
    border-color: #1c1d44;
  }

  .xl\:hover\:border-ocf-blue-overlay:hover {
    border-color: #343677;
  }

  .xl\:hover\:border-ocf-blue-background:hover {
    border-color: #f3f3f5;
  }

  .xl\:hover\:border-portlandmetro:hover {
    border-color: #189046;
  }

  .xl\:hover\:border-centraloregon:hover {
    border-color: #03a1b1;
  }

  .xl\:hover\:border-northcoast:hover {
    border-color: #8dcfb3;
  }

  .xl\:hover\:border-southcoast:hover {
    border-color: #4d62ad;
  }

  .xl\:hover\:border-southernoregon:hover {
    border-color: #006a84;
  }

  .xl\:hover\:border-nwillamettevalley:hover {
    border-color: #13542b;
  }

  .xl\:hover\:border-easternoregon:hover {
    border-color: #fed536;
  }

  .xl\:hover\:border-swillamettevalley:hover {
    border-color: #fbac36;
  }

  .xl\:hover\:border-copper:hover {
    border-color: #a46b33;
  }

  .xl\:hover\:border-mint:hover {
    border-color: #eff5e5;
  }

  .xl\:hover\:border-black:hover {
    border-color: #231f20;
  }

  .xl\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .xl\:focus\:border-grey-darker:focus {
    border-color: #606f7b;
  }

  .xl\:focus\:border-grey-dark:focus {
    border-color: #8795a1;
  }

  .xl\:focus\:border-grey-light:focus {
    border-color: #dae1e7;
  }

  .xl\:focus\:border-grey-lighter:focus {
    border-color: #f3f3f5;
  }

  .xl\:focus\:border-white:focus {
    border-color: #fff;
  }

  .xl\:focus\:border-ocf-red:focus {
    border-color: #f15b3c;
  }

  .xl\:focus\:border-ocf-blue:focus {
    border-color: #1c1d44;
  }

  .xl\:focus\:border-ocf-blue-overlay:focus {
    border-color: #343677;
  }

  .xl\:focus\:border-ocf-blue-background:focus {
    border-color: #f3f3f5;
  }

  .xl\:focus\:border-portlandmetro:focus {
    border-color: #189046;
  }

  .xl\:focus\:border-centraloregon:focus {
    border-color: #03a1b1;
  }

  .xl\:focus\:border-northcoast:focus {
    border-color: #8dcfb3;
  }

  .xl\:focus\:border-southcoast:focus {
    border-color: #4d62ad;
  }

  .xl\:focus\:border-southernoregon:focus {
    border-color: #006a84;
  }

  .xl\:focus\:border-nwillamettevalley:focus {
    border-color: #13542b;
  }

  .xl\:focus\:border-easternoregon:focus {
    border-color: #fed536;
  }

  .xl\:focus\:border-swillamettevalley:focus {
    border-color: #fbac36;
  }

  .xl\:focus\:border-copper:focus {
    border-color: #a46b33;
  }

  .xl\:focus\:border-mint:focus {
    border-color: #eff5e5;
  }

  .xl\:focus\:border-black:focus {
    border-color: #231f20;
  }

  .xl\:border-solid {
    border-style: solid;
  }

  .xl\:border-dashed {
    border-style: dashed;
  }

  .xl\:border-dotted {
    border-style: dotted;
  }

  .xl\:border-none {
    border-style: none;
  }

  .xl\:border-0 {
    border-width: 0;
  }

  .xl\:border-2 {
    border-width: 2px;
  }

  .xl\:border-3 {
    border-width: 3px;
  }

  .xl\:border-4 {
    border-width: 4px;
  }

  .xl\:border-5 {
    border-width: 5px;
  }

  .xl\:border-6 {
    border-width: 6px;
  }

  .xl\:border-7 {
    border-width: 7px;
  }

  .xl\:border-8 {
    border-width: 8px;
  }

  .xl\:border {
    border-width: 1px;
  }

  .xl\:border-t-0 {
    border-top-width: 0;
  }

  .xl\:border-r-0 {
    border-right-width: 0;
  }

  .xl\:border-b-0 {
    border-bottom-width: 0;
  }

  .xl\:border-l-0 {
    border-left-width: 0;
  }

  .xl\:border-t-2 {
    border-top-width: 2px;
  }

  .xl\:border-r-2 {
    border-right-width: 2px;
  }

  .xl\:border-b-2 {
    border-bottom-width: 2px;
  }

  .xl\:border-l-2 {
    border-left-width: 2px;
  }

  .xl\:border-t-3 {
    border-top-width: 3px;
  }

  .xl\:border-r-3 {
    border-right-width: 3px;
  }

  .xl\:border-b-3 {
    border-bottom-width: 3px;
  }

  .xl\:border-l-3 {
    border-left-width: 3px;
  }

  .xl\:border-t-4 {
    border-top-width: 4px;
  }

  .xl\:border-r-4 {
    border-right-width: 4px;
  }

  .xl\:border-b-4 {
    border-bottom-width: 4px;
  }

  .xl\:border-l-4 {
    border-left-width: 4px;
  }

  .xl\:border-t-5 {
    border-top-width: 5px;
  }

  .xl\:border-r-5 {
    border-right-width: 5px;
  }

  .xl\:border-b-5 {
    border-bottom-width: 5px;
  }

  .xl\:border-l-5 {
    border-left-width: 5px;
  }

  .xl\:border-t-6 {
    border-top-width: 6px;
  }

  .xl\:border-r-6 {
    border-right-width: 6px;
  }

  .xl\:border-b-6 {
    border-bottom-width: 6px;
  }

  .xl\:border-l-6 {
    border-left-width: 6px;
  }

  .xl\:border-t-7 {
    border-top-width: 7px;
  }

  .xl\:border-r-7 {
    border-right-width: 7px;
  }

  .xl\:border-b-7 {
    border-bottom-width: 7px;
  }

  .xl\:border-l-7 {
    border-left-width: 7px;
  }

  .xl\:border-t-8 {
    border-top-width: 8px;
  }

  .xl\:border-r-8 {
    border-right-width: 8px;
  }

  .xl\:border-b-8 {
    border-bottom-width: 8px;
  }

  .xl\:border-l-8 {
    border-left-width: 8px;
  }

  .xl\:border-t {
    border-top-width: 1px;
  }

  .xl\:border-r {
    border-right-width: 1px;
  }

  .xl\:border-b {
    border-bottom-width: 1px;
  }

  .xl\:border-l {
    border-left-width: 1px;
  }

  .xl\:cursor-auto {
    cursor: auto;
  }

  .xl\:cursor-default {
    cursor: default;
  }

  .xl\:cursor-pointer {
    cursor: pointer;
  }

  .xl\:cursor-wait {
    cursor: wait;
  }

  .xl\:cursor-move {
    cursor: move;
  }

  .xl\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .xl\:block {
    display: block;
  }

  .xl\:inline-block {
    display: inline-block;
  }

  .xl\:inline {
    display: inline;
  }

  .xl\:table {
    display: table;
  }

  .xl\:table-row {
    display: table-row;
  }

  .xl\:table-cell {
    display: table-cell;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:inline-flex {
    display: inline-flex;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .xl\:flex-wrap {
    flex-wrap: wrap;
  }

  .xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .xl\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .xl\:items-start {
    align-items: flex-start;
  }

  .xl\:items-end {
    align-items: flex-end;
  }

  .xl\:items-center {
    align-items: center;
  }

  .xl\:items-baseline {
    align-items: baseline;
  }

  .xl\:items-stretch {
    align-items: stretch;
  }

  .xl\:self-auto {
    align-self: auto;
  }

  .xl\:self-start {
    align-self: flex-start;
  }

  .xl\:self-end {
    align-self: flex-end;
  }

  .xl\:self-center {
    align-self: center;
  }

  .xl\:self-stretch {
    align-self: stretch;
  }

  .xl\:justify-start {
    justify-content: flex-start;
  }

  .xl\:justify-end {
    justify-content: flex-end;
  }

  .xl\:justify-center {
    justify-content: center;
  }

  .xl\:justify-between {
    justify-content: space-between;
  }

  .xl\:justify-around {
    justify-content: space-around;
  }

  .xl\:content-center {
    align-content: center;
  }

  .xl\:content-start {
    align-content: flex-start;
  }

  .xl\:content-end {
    align-content: flex-end;
  }

  .xl\:content-between {
    align-content: space-between;
  }

  .xl\:content-around {
    align-content: space-around;
  }

  .xl\:flex-1 {
    flex: 1 1 0%;
  }

  .xl\:flex-auto {
    flex: 1 1 auto;
  }

  .xl\:flex-initial {
    flex: 0 1 auto;
  }

  .xl\:flex-none {
    flex: none;
  }

  .xl\:flex-grow {
    flex-grow: 1;
  }

  .xl\:flex-shrink {
    flex-shrink: 1;
  }

  .xl\:flex-no-grow {
    flex-grow: 0;
  }

  .xl\:flex-no-shrink {
    flex-shrink: 0;
  }

  .xl\:font-sans {
    font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .xl\:font-serif {
    font-family: poynter-oldstyle-text, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .xl\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .xl\:font-bold {
    font-weight: 700;
  }

  .xl\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .xl\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .xl\:h-20 {
    height: 20px;
  }

  .xl\:h-30 {
    height: 30px;
  }

  .xl\:h-60 {
    height: 60px;
  }

  .xl\:h-67 {
    height: 67px;
  }

  .xl\:h-87 {
    height: 87px;
  }

  .xl\:h-auto {
    height: auto;
  }

  .xl\:h-half {
    height: 50%;
  }

  .xl\:h-full {
    height: 100%;
  }

  .xl\:h-screen {
    height: 100vh;
  }

  .xl\:leading-lh4 {
    line-height: 1.31;
  }

  .xl\:m-0 {
    margin: 0;
  }

  .xl\:m-5 {
    margin: 5px;
  }

  .xl\:m-10 {
    margin: 10px;
  }

  .xl\:m-20 {
    margin: 20px;
  }

  .xl\:m-30 {
    margin: 30px;
  }

  .xl\:m-40 {
    margin: 40px;
  }

  .xl\:m-50 {
    margin: 50px;
  }

  .xl\:m-60 {
    margin: 60px;
  }

  .xl\:m-67 {
    margin: 67px;
  }

  .xl\:m-87 {
    margin: 87px;
  }

  .xl\:m-120 {
    margin: 120px;
  }

  .xl\:m-auto {
    margin: auto;
  }

  .xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .xl\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .xl\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .xl\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .xl\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .xl\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .xl\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .xl\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .xl\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .xl\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .xl\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .xl\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .xl\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .xl\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .xl\:my-67 {
    margin-top: 67px;
    margin-bottom: 67px;
  }

  .xl\:mx-67 {
    margin-left: 67px;
    margin-right: 67px;
  }

  .xl\:my-87 {
    margin-top: 87px;
    margin-bottom: 87px;
  }

  .xl\:mx-87 {
    margin-left: 87px;
    margin-right: 87px;
  }

  .xl\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .xl\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:mt-0 {
    margin-top: 0;
  }

  .xl\:mr-0 {
    margin-right: 0;
  }

  .xl\:mb-0 {
    margin-bottom: 0;
  }

  .xl\:ml-0 {
    margin-left: 0;
  }

  .xl\:mt-5 {
    margin-top: 5px;
  }

  .xl\:mr-5 {
    margin-right: 5px;
  }

  .xl\:mb-5 {
    margin-bottom: 5px;
  }

  .xl\:ml-5 {
    margin-left: 5px;
  }

  .xl\:mt-10 {
    margin-top: 10px;
  }

  .xl\:mr-10 {
    margin-right: 10px;
  }

  .xl\:mb-10 {
    margin-bottom: 10px;
  }

  .xl\:ml-10 {
    margin-left: 10px;
  }

  .xl\:mt-20 {
    margin-top: 20px;
  }

  .xl\:mr-20 {
    margin-right: 20px;
  }

  .xl\:mb-20 {
    margin-bottom: 20px;
  }

  .xl\:ml-20 {
    margin-left: 20px;
  }

  .xl\:mt-30 {
    margin-top: 30px;
  }

  .xl\:mr-30 {
    margin-right: 30px;
  }

  .xl\:mb-30 {
    margin-bottom: 30px;
  }

  .xl\:ml-30 {
    margin-left: 30px;
  }

  .xl\:mt-40 {
    margin-top: 40px;
  }

  .xl\:mr-40 {
    margin-right: 40px;
  }

  .xl\:mb-40 {
    margin-bottom: 40px;
  }

  .xl\:ml-40 {
    margin-left: 40px;
  }

  .xl\:mt-50 {
    margin-top: 50px;
  }

  .xl\:mr-50 {
    margin-right: 50px;
  }

  .xl\:mb-50 {
    margin-bottom: 50px;
  }

  .xl\:ml-50 {
    margin-left: 50px;
  }

  .xl\:mt-60 {
    margin-top: 60px;
  }

  .xl\:mr-60 {
    margin-right: 60px;
  }

  .xl\:mb-60 {
    margin-bottom: 60px;
  }

  .xl\:ml-60 {
    margin-left: 60px;
  }

  .xl\:mt-67 {
    margin-top: 67px;
  }

  .xl\:mr-67 {
    margin-right: 67px;
  }

  .xl\:mb-67 {
    margin-bottom: 67px;
  }

  .xl\:ml-67 {
    margin-left: 67px;
  }

  .xl\:mt-87 {
    margin-top: 87px;
  }

  .xl\:mr-87 {
    margin-right: 87px;
  }

  .xl\:mb-87 {
    margin-bottom: 87px;
  }

  .xl\:ml-87 {
    margin-left: 87px;
  }

  .xl\:mt-120 {
    margin-top: 120px;
  }

  .xl\:mr-120 {
    margin-right: 120px;
  }

  .xl\:mb-120 {
    margin-bottom: 120px;
  }

  .xl\:ml-120 {
    margin-left: 120px;
  }

  .xl\:mt-auto {
    margin-top: auto;
  }

  .xl\:mr-auto {
    margin-right: auto;
  }

  .xl\:mb-auto {
    margin-bottom: auto;
  }

  .xl\:ml-auto {
    margin-left: auto;
  }

  .xl\:max-h-full {
    max-height: 100%;
  }

  .xl\:max-h-screen {
    max-height: 100vh;
  }

  .xl\:max-w-600 {
    max-width: 600px;
  }

  .xl\:max-w-full {
    max-width: 100%;
  }

  .xl\:max-w-sm {
    max-width: 415px;
  }

  .xl\:max-w-md {
    max-width: 768px;
  }

  .xl\:max-w-lg {
    max-width: 1024px;
  }

  .xl\:max-w-xl {
    max-width: 1440px;
  }

  .xl\:min-h-0 {
    min-height: 0;
  }

  .xl\:min-h-full {
    min-height: 100%;
  }

  .xl\:min-h-screen {
    min-height: 100vh;
  }

  .xl\:-m-0 {
    margin: 0;
  }

  .xl\:-m-10 {
    margin: -10px;
  }

  .xl\:-m-20 {
    margin: -20px;
  }

  .xl\:-m-30 {
    margin: -30px;
  }

  .xl\:-m-50 {
    margin: -50px;
  }

  .xl\:-m-60 {
    margin: -60px;
  }

  .xl\:-m-67 {
    margin: -67px;
  }

  .xl\:-m-87 {
    margin: -87px;
  }

  .xl\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .xl\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .xl\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .xl\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .xl\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .xl\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .xl\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .xl\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .xl\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .xl\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .xl\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .xl\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .xl\:-my-67 {
    margin-top: -67px;
    margin-bottom: -67px;
  }

  .xl\:-mx-67 {
    margin-left: -67px;
    margin-right: -67px;
  }

  .xl\:-my-87 {
    margin-top: -87px;
    margin-bottom: -87px;
  }

  .xl\:-mx-87 {
    margin-left: -87px;
    margin-right: -87px;
  }

  .xl\:-mt-0 {
    margin-top: 0;
  }

  .xl\:-mr-0 {
    margin-right: 0;
  }

  .xl\:-mb-0 {
    margin-bottom: 0;
  }

  .xl\:-ml-0 {
    margin-left: 0;
  }

  .xl\:-mt-10 {
    margin-top: -10px;
  }

  .xl\:-mr-10 {
    margin-right: -10px;
  }

  .xl\:-mb-10 {
    margin-bottom: -10px;
  }

  .xl\:-ml-10 {
    margin-left: -10px;
  }

  .xl\:-mt-20 {
    margin-top: -20px;
  }

  .xl\:-mr-20 {
    margin-right: -20px;
  }

  .xl\:-mb-20 {
    margin-bottom: -20px;
  }

  .xl\:-ml-20 {
    margin-left: -20px;
  }

  .xl\:-mt-30 {
    margin-top: -30px;
  }

  .xl\:-mr-30 {
    margin-right: -30px;
  }

  .xl\:-mb-30 {
    margin-bottom: -30px;
  }

  .xl\:-ml-30 {
    margin-left: -30px;
  }

  .xl\:-mt-50 {
    margin-top: -50px;
  }

  .xl\:-mr-50 {
    margin-right: -50px;
  }

  .xl\:-mb-50 {
    margin-bottom: -50px;
  }

  .xl\:-ml-50 {
    margin-left: -50px;
  }

  .xl\:-mt-60 {
    margin-top: -60px;
  }

  .xl\:-mr-60 {
    margin-right: -60px;
  }

  .xl\:-mb-60 {
    margin-bottom: -60px;
  }

  .xl\:-ml-60 {
    margin-left: -60px;
  }

  .xl\:-mt-67 {
    margin-top: -67px;
  }

  .xl\:-mr-67 {
    margin-right: -67px;
  }

  .xl\:-mb-67 {
    margin-bottom: -67px;
  }

  .xl\:-ml-67 {
    margin-left: -67px;
  }

  .xl\:-mt-87 {
    margin-top: -87px;
  }

  .xl\:-mr-87 {
    margin-right: -87px;
  }

  .xl\:-mb-87 {
    margin-bottom: -87px;
  }

  .xl\:-ml-87 {
    margin-left: -87px;
  }

  .xl\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .xl\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .xl\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .xl\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .xl\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .xl\:opacity-0 {
    opacity: 0;
  }

  .xl\:opacity-10 {
    opacity: .1;
  }

  .xl\:opacity-20 {
    opacity: .2;
  }

  .xl\:opacity-25 {
    opacity: .25;
  }

  .xl\:opacity-30 {
    opacity: .3;
  }

  .xl\:opacity-40 {
    opacity: .4;
  }

  .xl\:opacity-50 {
    opacity: .5;
  }

  .xl\:opacity-60 {
    opacity: .6;
  }

  .xl\:opacity-70 {
    opacity: .7;
  }

  .xl\:opacity-75 {
    opacity: .75;
  }

  .xl\:opacity-80 {
    opacity: .8;
  }

  .xl\:opacity-90 {
    opacity: .9;
  }

  .xl\:opacity-100 {
    opacity: 1;
  }

  .xl\:overflow-auto {
    overflow: auto;
  }

  .xl\:overflow-hidden {
    overflow: hidden;
  }

  .xl\:overflow-visible {
    overflow: visible;
  }

  .xl\:overflow-scroll {
    overflow: scroll;
  }

  .xl\:overflow-x-auto {
    overflow-x: auto;
  }

  .xl\:overflow-y-auto {
    overflow-y: auto;
  }

  .xl\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .xl\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .xl\:overflow-x-visible {
    overflow-x: visible;
  }

  .xl\:overflow-y-visible {
    overflow-y: visible;
  }

  .xl\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .xl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .xl\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .xl\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .xl\:p-0 {
    padding: 0;
  }

  .xl\:p-5 {
    padding: 5px;
  }

  .xl\:p-10 {
    padding: 10px;
  }

  .xl\:p-20 {
    padding: 20px;
  }

  .xl\:p-30 {
    padding: 30px;
  }

  .xl\:p-40 {
    padding: 40px;
  }

  .xl\:p-50 {
    padding: 50px;
  }

  .xl\:p-60 {
    padding: 60px;
  }

  .xl\:p-67 {
    padding: 67px;
  }

  .xl\:p-87 {
    padding: 87px;
  }

  .xl\:p-100 {
    padding: 100px;
  }

  .xl\:p-120 {
    padding: 120px;
  }

  .xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .xl\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .xl\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .xl\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .xl\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xl\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .xl\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .xl\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .xl\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .xl\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .xl\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .xl\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .xl\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .xl\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .xl\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .xl\:py-67 {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .xl\:px-67 {
    padding-left: 67px;
    padding-right: 67px;
  }

  .xl\:py-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .xl\:px-87 {
    padding-left: 87px;
    padding-right: 87px;
  }

  .xl\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .xl\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .xl\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .xl\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .xl\:pt-0 {
    padding-top: 0;
  }

  .xl\:pr-0 {
    padding-right: 0;
  }

  .xl\:pb-0 {
    padding-bottom: 0;
  }

  .xl\:pl-0 {
    padding-left: 0;
  }

  .xl\:pt-5 {
    padding-top: 5px;
  }

  .xl\:pr-5 {
    padding-right: 5px;
  }

  .xl\:pb-5 {
    padding-bottom: 5px;
  }

  .xl\:pl-5 {
    padding-left: 5px;
  }

  .xl\:pt-10 {
    padding-top: 10px;
  }

  .xl\:pr-10 {
    padding-right: 10px;
  }

  .xl\:pb-10 {
    padding-bottom: 10px;
  }

  .xl\:pl-10 {
    padding-left: 10px;
  }

  .xl\:pt-20 {
    padding-top: 20px;
  }

  .xl\:pr-20 {
    padding-right: 20px;
  }

  .xl\:pb-20 {
    padding-bottom: 20px;
  }

  .xl\:pl-20 {
    padding-left: 20px;
  }

  .xl\:pt-30 {
    padding-top: 30px;
  }

  .xl\:pr-30 {
    padding-right: 30px;
  }

  .xl\:pb-30 {
    padding-bottom: 30px;
  }

  .xl\:pl-30 {
    padding-left: 30px;
  }

  .xl\:pt-40 {
    padding-top: 40px;
  }

  .xl\:pr-40 {
    padding-right: 40px;
  }

  .xl\:pb-40 {
    padding-bottom: 40px;
  }

  .xl\:pl-40 {
    padding-left: 40px;
  }

  .xl\:pt-50 {
    padding-top: 50px;
  }

  .xl\:pr-50 {
    padding-right: 50px;
  }

  .xl\:pb-50 {
    padding-bottom: 50px;
  }

  .xl\:pl-50 {
    padding-left: 50px;
  }

  .xl\:pt-60 {
    padding-top: 60px;
  }

  .xl\:pr-60 {
    padding-right: 60px;
  }

  .xl\:pb-60 {
    padding-bottom: 60px;
  }

  .xl\:pl-60 {
    padding-left: 60px;
  }

  .xl\:pt-67 {
    padding-top: 67px;
  }

  .xl\:pr-67 {
    padding-right: 67px;
  }

  .xl\:pb-67 {
    padding-bottom: 67px;
  }

  .xl\:pl-67 {
    padding-left: 67px;
  }

  .xl\:pt-87 {
    padding-top: 87px;
  }

  .xl\:pr-87 {
    padding-right: 87px;
  }

  .xl\:pb-87 {
    padding-bottom: 87px;
  }

  .xl\:pl-87 {
    padding-left: 87px;
  }

  .xl\:pt-100 {
    padding-top: 100px;
  }

  .xl\:pr-100 {
    padding-right: 100px;
  }

  .xl\:pb-100 {
    padding-bottom: 100px;
  }

  .xl\:pl-100 {
    padding-left: 100px;
  }

  .xl\:pt-120 {
    padding-top: 120px;
  }

  .xl\:pr-120 {
    padding-right: 120px;
  }

  .xl\:pb-120 {
    padding-bottom: 120px;
  }

  .xl\:pl-120 {
    padding-left: 120px;
  }

  .xl\:pointer-events-none {
    pointer-events: none;
  }

  .xl\:pointer-events-auto {
    pointer-events: auto;
  }

  .xl\:static {
    position: static;
  }

  .xl\:fixed {
    position: fixed;
  }

  .xl\:absolute {
    position: absolute;
  }

  .xl\:relative {
    position: relative;
  }

  .xl\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .xl\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .xl\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .xl\:pin-y {
    top: 0;
    bottom: 0;
  }

  .xl\:pin-x {
    right: 0;
    left: 0;
  }

  .xl\:pin-t {
    top: 0;
  }

  .xl\:pin-r {
    right: 0;
  }

  .xl\:pin-b {
    bottom: 0;
  }

  .xl\:pin-l {
    left: 0;
  }

  .xl\:text-left {
    text-align: left;
  }

  .xl\:text-center {
    text-align: center;
  }

  .xl\:text-right {
    text-align: right;
  }

  .xl\:text-justify {
    text-align: justify;
  }

  .xl\:text-transparent {
    color: transparent;
  }

  .xl\:text-grey-darker {
    color: #606f7b;
  }

  .xl\:text-grey-dark {
    color: #8795a1;
  }

  .xl\:text-grey-light {
    color: #dae1e7;
  }

  .xl\:text-grey-lighter {
    color: #f3f3f5;
  }

  .xl\:text-white {
    color: #fff;
  }

  .xl\:text-ocf-red {
    color: #f15b3c;
  }

  .xl\:text-ocf-blue {
    color: #1c1d44;
  }

  .xl\:text-ocf-blue-overlay {
    color: #343677;
  }

  .xl\:text-ocf-blue-background {
    color: #f3f3f5;
  }

  .xl\:text-portlandmetro {
    color: #189046;
  }

  .xl\:text-centraloregon {
    color: #03a1b1;
  }

  .xl\:text-northcoast {
    color: #8dcfb3;
  }

  .xl\:text-southcoast {
    color: #4d62ad;
  }

  .xl\:text-southernoregon {
    color: #006a84;
  }

  .xl\:text-nwillamettevalley {
    color: #13542b;
  }

  .xl\:text-easternoregon {
    color: #fed536;
  }

  .xl\:text-swillamettevalley {
    color: #fbac36;
  }

  .xl\:text-copper {
    color: #a46b33;
  }

  .xl\:text-mint {
    color: #eff5e5;
  }

  .xl\:text-black {
    color: #231f20;
  }

  .xl\:hover\:text-transparent:hover {
    color: transparent;
  }

  .xl\:hover\:text-grey-darker:hover {
    color: #606f7b;
  }

  .xl\:hover\:text-grey-dark:hover {
    color: #8795a1;
  }

  .xl\:hover\:text-grey-light:hover {
    color: #dae1e7;
  }

  .xl\:hover\:text-grey-lighter:hover {
    color: #f3f3f5;
  }

  .xl\:hover\:text-white:hover {
    color: #fff;
  }

  .xl\:hover\:text-ocf-red:hover {
    color: #f15b3c;
  }

  .xl\:hover\:text-ocf-blue:hover {
    color: #1c1d44;
  }

  .xl\:hover\:text-ocf-blue-overlay:hover {
    color: #343677;
  }

  .xl\:hover\:text-ocf-blue-background:hover {
    color: #f3f3f5;
  }

  .xl\:hover\:text-portlandmetro:hover {
    color: #189046;
  }

  .xl\:hover\:text-centraloregon:hover {
    color: #03a1b1;
  }

  .xl\:hover\:text-northcoast:hover {
    color: #8dcfb3;
  }

  .xl\:hover\:text-southcoast:hover {
    color: #4d62ad;
  }

  .xl\:hover\:text-southernoregon:hover {
    color: #006a84;
  }

  .xl\:hover\:text-nwillamettevalley:hover {
    color: #13542b;
  }

  .xl\:hover\:text-easternoregon:hover {
    color: #fed536;
  }

  .xl\:hover\:text-swillamettevalley:hover {
    color: #fbac36;
  }

  .xl\:hover\:text-copper:hover {
    color: #a46b33;
  }

  .xl\:hover\:text-mint:hover {
    color: #eff5e5;
  }

  .xl\:hover\:text-black:hover {
    color: #231f20;
  }

  .xl\:focus\:text-transparent:focus {
    color: transparent;
  }

  .xl\:focus\:text-grey-darker:focus {
    color: #606f7b;
  }

  .xl\:focus\:text-grey-dark:focus {
    color: #8795a1;
  }

  .xl\:focus\:text-grey-light:focus {
    color: #dae1e7;
  }

  .xl\:focus\:text-grey-lighter:focus {
    color: #f3f3f5;
  }

  .xl\:focus\:text-white:focus {
    color: #fff;
  }

  .xl\:focus\:text-ocf-red:focus {
    color: #f15b3c;
  }

  .xl\:focus\:text-ocf-blue:focus {
    color: #1c1d44;
  }

  .xl\:focus\:text-ocf-blue-overlay:focus {
    color: #343677;
  }

  .xl\:focus\:text-ocf-blue-background:focus {
    color: #f3f3f5;
  }

  .xl\:focus\:text-portlandmetro:focus {
    color: #189046;
  }

  .xl\:focus\:text-centraloregon:focus {
    color: #03a1b1;
  }

  .xl\:focus\:text-northcoast:focus {
    color: #8dcfb3;
  }

  .xl\:focus\:text-southcoast:focus {
    color: #4d62ad;
  }

  .xl\:focus\:text-southernoregon:focus {
    color: #006a84;
  }

  .xl\:focus\:text-nwillamettevalley:focus {
    color: #13542b;
  }

  .xl\:focus\:text-easternoregon:focus {
    color: #fed536;
  }

  .xl\:focus\:text-swillamettevalley:focus {
    color: #fbac36;
  }

  .xl\:focus\:text-copper:focus {
    color: #a46b33;
  }

  .xl\:focus\:text-mint:focus {
    color: #eff5e5;
  }

  .xl\:focus\:text-black:focus {
    color: #231f20;
  }

  .xl\:text-2xs {
    font-size: 12px;
  }

  .xl\:text-xs {
    font-size: 14px;
  }

  .xl\:text-sm {
    font-size: 16px;
  }

  .xl\:text-base {
    font-size: 18px;
  }

  .xl\:text-md {
    font-size: 22px;
  }

  .xl\:text-lg {
    font-size: 24px;
  }

  .xl\:text-xl {
    font-size: 26px;
  }

  .xl\:text-2xl {
    font-size: 28px;
  }

  .xl\:text-3xl {
    font-size: 30px;
  }

  .xl\:text-4xl {
    font-size: 36px;
  }

  .xl\:text-5xl {
    font-size: 48px;
  }

  .xl\:text-6xl {
    font-size: 78px;
  }

  .xl\:italic {
    font-style: italic;
  }

  .xl\:roman {
    font-style: normal;
  }

  .xl\:uppercase {
    text-transform: uppercase;
  }

  .xl\:lowercase {
    text-transform: lowercase;
  }

  .xl\:capitalize {
    text-transform: capitalize;
  }

  .xl\:normal-case {
    text-transform: none;
  }

  .xl\:underline {
    text-decoration: underline;
  }

  .xl\:line-through {
    text-decoration: line-through;
  }

  .xl\:no-underline {
    text-decoration: none;
  }

  .xl\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:hover\:italic:hover {
    font-style: italic;
  }

  .xl\:hover\:roman:hover {
    font-style: normal;
  }

  .xl\:hover\:uppercase:hover {
    text-transform: uppercase;
  }

  .xl\:hover\:lowercase:hover {
    text-transform: lowercase;
  }

  .xl\:hover\:capitalize:hover {
    text-transform: capitalize;
  }

  .xl\:hover\:normal-case:hover {
    text-transform: none;
  }

  .xl\:hover\:underline:hover {
    text-decoration: underline;
  }

  .xl\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .xl\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .xl\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:focus\:italic:focus {
    font-style: italic;
  }

  .xl\:focus\:roman:focus {
    font-style: normal;
  }

  .xl\:focus\:uppercase:focus {
    text-transform: uppercase;
  }

  .xl\:focus\:lowercase:focus {
    text-transform: lowercase;
  }

  .xl\:focus\:capitalize:focus {
    text-transform: capitalize;
  }

  .xl\:focus\:normal-case:focus {
    text-transform: none;
  }

  .xl\:focus\:underline:focus {
    text-decoration: underline;
  }

  .xl\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .xl\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .xl\:focus\:antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .xl\:focus\:subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .xl\:tracking-2xl {
    letter-spacing: 1px;
  }

  .xl\:tracking-4xl {
    letter-spacing: 1.5px;
  }

  .xl\:align-baseline {
    vertical-align: baseline;
  }

  .xl\:align-top {
    vertical-align: top;
  }

  .xl\:align-middle {
    vertical-align: middle;
  }

  .xl\:align-bottom {
    vertical-align: bottom;
  }

  .xl\:align-text-top {
    vertical-align: text-top;
  }

  .xl\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .xl\:visible {
    visibility: visible;
  }

  .xl\:invisible {
    visibility: hidden;
  }

  .xl\:whitespace-normal {
    white-space: normal;
  }

  .xl\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .xl\:whitespace-pre {
    white-space: pre;
  }

  .xl\:whitespace-pre-line {
    white-space: pre-line;
  }

  .xl\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .xl\:break-words {
    word-wrap: break-word;
  }

  .xl\:break-normal {
    word-wrap: normal;
  }

  .xl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xl\:w-20 {
    width: 20px;
  }

  .xl\:w-30 {
    width: 30px;
  }

  .xl\:w-60 {
    width: 60px;
  }

  .xl\:w-67 {
    width: 67px;
  }

  .xl\:w-87 {
    width: 87px;
  }

  .xl\:w-auto {
    width: auto;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:w-1\/3 {
    width: 33.33%;
  }

  .xl\:w-2\/3 {
    width: 66.67%;
  }

  .xl\:w-1\/4 {
    width: 25%;
  }

  .xl\:w-3\/4 {
    width: 75%;
  }

  .xl\:w-1\/6 {
    width: 16.67%;
  }

  .xl\:w-5\/6 {
    width: 83.33%;
  }

  .xl\:w-full {
    width: 100%;
  }

  .xl\:w-screen {
    width: 100vw;
  }

  .xl\:w-1\/12 {
    width: 8.333%;
  }

  .xl\:w-2\/12 {
    width: 16.67%;
  }

  .xl\:w-3\/12 {
    width: 25%;
  }

  .xl\:w-4\/12 {
    width: 33.33%;
  }

  .xl\:w-5\/12 {
    width: 41.67%;
  }

  .xl\:w-6\/12 {
    width: 50%;
  }

  .xl\:w-7\/12 {
    width: 58.33%;
  }

  .xl\:w-8\/12 {
    width: 66.67%;
  }

  .xl\:w-9\/12 {
    width: 75%;
  }

  .xl\:w-10\/12 {
    width: 83.33%;
  }

  .xl\:w-11\/12 {
    width: 91.67%;
  }

  .xl\:w-12\/12 {
    width: 100%;
  }

  .xl\:z-0 {
    z-index: 0;
  }

  .xl\:z-1 {
    z-index: 1;
  }

  .xl\:z-10 {
    z-index: 10;
  }

  .xl\:z-20 {
    z-index: 20;
  }

  .xl\:z-30 {
    z-index: 30;
  }

  .xl\:z-40 {
    z-index: 40;
  }

  .xl\:z-50 {
    z-index: 50;
  }

  .xl\:z-auto {
    z-index: auto;
  }

  .xl\:aspect-ratio-square {
    padding-top: 100%;
  }

  .xl\:aspect-ratio-16\/9 {
    padding-top: 56.25%;
  }

  .xl\:aspect-ratio-9\/16 {
    padding-top: 177.78%;
  }

  .xl\:aspect-ratio-4\/3 {
    padding-top: 75%;
  }

  .xl\:aspect-ratio-3\/4 {
    padding-top: 133.33%;
  }

  .xl\:aspect-ratio-21\/9 {
    padding-top: 42.86%;
  }
}

@media (min-width: 1440px) {
  .2xl\:list-reset {
    list-style: none;
    padding: 0;
  }

  .2xl\:bg-fixed {
    background-attachment: fixed;
  }

  .2xl\:bg-local {
    background-attachment: local;
  }

  .2xl\:bg-scroll {
    background-attachment: scroll;
  }

  .2xl\:bg-transparent {
    background-color: transparent;
  }

  .2xl\:bg-grey-darker {
    background-color: #606f7b;
  }

  .2xl\:bg-grey-dark {
    background-color: #8795a1;
  }

  .2xl\:bg-grey-light {
    background-color: #dae1e7;
  }

  .2xl\:bg-grey-lighter {
    background-color: #f3f3f5;
  }

  .2xl\:bg-white {
    background-color: #fff;
  }

  .2xl\:bg-ocf-red {
    background-color: #f15b3c;
  }

  .2xl\:bg-ocf-blue {
    background-color: #1c1d44;
  }

  .2xl\:bg-ocf-blue-overlay {
    background-color: #343677;
  }

  .2xl\:bg-ocf-blue-background {
    background-color: #f3f3f5;
  }

  .2xl\:bg-portlandmetro {
    background-color: #189046;
  }

  .2xl\:bg-centraloregon {
    background-color: #03a1b1;
  }

  .2xl\:bg-northcoast {
    background-color: #8dcfb3;
  }

  .2xl\:bg-southcoast {
    background-color: #4d62ad;
  }

  .2xl\:bg-southernoregon {
    background-color: #006a84;
  }

  .2xl\:bg-nwillamettevalley {
    background-color: #13542b;
  }

  .2xl\:bg-easternoregon {
    background-color: #fed536;
  }

  .2xl\:bg-swillamettevalley {
    background-color: #fbac36;
  }

  .2xl\:bg-copper {
    background-color: #a46b33;
  }

  .2xl\:bg-mint {
    background-color: #eff5e5;
  }

  .2xl\:bg-black {
    background-color: #231f20;
  }

  .2xl\:hover\:bg-transparent:hover {
    background-color: transparent;
  }

  .2xl\:hover\:bg-grey-darker:hover {
    background-color: #606f7b;
  }

  .2xl\:hover\:bg-grey-dark:hover {
    background-color: #8795a1;
  }

  .2xl\:hover\:bg-grey-light:hover {
    background-color: #dae1e7;
  }

  .2xl\:hover\:bg-grey-lighter:hover {
    background-color: #f3f3f5;
  }

  .2xl\:hover\:bg-white:hover {
    background-color: #fff;
  }

  .2xl\:hover\:bg-ocf-red:hover {
    background-color: #f15b3c;
  }

  .2xl\:hover\:bg-ocf-blue:hover {
    background-color: #1c1d44;
  }

  .2xl\:hover\:bg-ocf-blue-overlay:hover {
    background-color: #343677;
  }

  .2xl\:hover\:bg-ocf-blue-background:hover {
    background-color: #f3f3f5;
  }

  .2xl\:hover\:bg-portlandmetro:hover {
    background-color: #189046;
  }

  .2xl\:hover\:bg-centraloregon:hover {
    background-color: #03a1b1;
  }

  .2xl\:hover\:bg-northcoast:hover {
    background-color: #8dcfb3;
  }

  .2xl\:hover\:bg-southcoast:hover {
    background-color: #4d62ad;
  }

  .2xl\:hover\:bg-southernoregon:hover {
    background-color: #006a84;
  }

  .2xl\:hover\:bg-nwillamettevalley:hover {
    background-color: #13542b;
  }

  .2xl\:hover\:bg-easternoregon:hover {
    background-color: #fed536;
  }

  .2xl\:hover\:bg-swillamettevalley:hover {
    background-color: #fbac36;
  }

  .2xl\:hover\:bg-copper:hover {
    background-color: #a46b33;
  }

  .2xl\:hover\:bg-mint:hover {
    background-color: #eff5e5;
  }

  .2xl\:hover\:bg-black:hover {
    background-color: #231f20;
  }

  .2xl\:focus\:bg-transparent:focus {
    background-color: transparent;
  }

  .2xl\:focus\:bg-grey-darker:focus {
    background-color: #606f7b;
  }

  .2xl\:focus\:bg-grey-dark:focus {
    background-color: #8795a1;
  }

  .2xl\:focus\:bg-grey-light:focus {
    background-color: #dae1e7;
  }

  .2xl\:focus\:bg-grey-lighter:focus {
    background-color: #f3f3f5;
  }

  .2xl\:focus\:bg-white:focus {
    background-color: #fff;
  }

  .2xl\:focus\:bg-ocf-red:focus {
    background-color: #f15b3c;
  }

  .2xl\:focus\:bg-ocf-blue:focus {
    background-color: #1c1d44;
  }

  .2xl\:focus\:bg-ocf-blue-overlay:focus {
    background-color: #343677;
  }

  .2xl\:focus\:bg-ocf-blue-background:focus {
    background-color: #f3f3f5;
  }

  .2xl\:focus\:bg-portlandmetro:focus {
    background-color: #189046;
  }

  .2xl\:focus\:bg-centraloregon:focus {
    background-color: #03a1b1;
  }

  .2xl\:focus\:bg-northcoast:focus {
    background-color: #8dcfb3;
  }

  .2xl\:focus\:bg-southcoast:focus {
    background-color: #4d62ad;
  }

  .2xl\:focus\:bg-southernoregon:focus {
    background-color: #006a84;
  }

  .2xl\:focus\:bg-nwillamettevalley:focus {
    background-color: #13542b;
  }

  .2xl\:focus\:bg-easternoregon:focus {
    background-color: #fed536;
  }

  .2xl\:focus\:bg-swillamettevalley:focus {
    background-color: #fbac36;
  }

  .2xl\:focus\:bg-copper:focus {
    background-color: #a46b33;
  }

  .2xl\:focus\:bg-mint:focus {
    background-color: #eff5e5;
  }

  .2xl\:focus\:bg-black:focus {
    background-color: #231f20;
  }

  .2xl\:bg-bottom {
    background-position: bottom;
  }

  .2xl\:bg-center {
    background-position: center;
  }

  .2xl\:bg-left {
    background-position: left;
  }

  .2xl\:bg-left-bottom {
    background-position: left bottom;
  }

  .2xl\:bg-left-top {
    background-position: left top;
  }

  .2xl\:bg-right {
    background-position: right;
  }

  .2xl\:bg-right-bottom {
    background-position: right bottom;
  }

  .2xl\:bg-right-top {
    background-position: right top;
  }

  .2xl\:bg-top {
    background-position: top;
  }

  .2xl\:bg-repeat {
    background-repeat: repeat;
  }

  .2xl\:bg-no-repeat {
    background-repeat: no-repeat;
  }

  .2xl\:bg-repeat-x {
    background-repeat: repeat-x;
  }

  .2xl\:bg-repeat-y {
    background-repeat: repeat-y;
  }

  .2xl\:bg-auto {
    background-size: auto;
  }

  .2xl\:bg-cover {
    background-size: cover;
  }

  .2xl\:bg-contain {
    background-size: contain;
  }

  .2xl\:border-transparent {
    border-color: transparent;
  }

  .2xl\:border-grey-darker {
    border-color: #606f7b;
  }

  .2xl\:border-grey-dark {
    border-color: #8795a1;
  }

  .2xl\:border-grey-light {
    border-color: #dae1e7;
  }

  .2xl\:border-grey-lighter {
    border-color: #f3f3f5;
  }

  .2xl\:border-white {
    border-color: #fff;
  }

  .2xl\:border-ocf-red {
    border-color: #f15b3c;
  }

  .2xl\:border-ocf-blue {
    border-color: #1c1d44;
  }

  .2xl\:border-ocf-blue-overlay {
    border-color: #343677;
  }

  .2xl\:border-ocf-blue-background {
    border-color: #f3f3f5;
  }

  .2xl\:border-portlandmetro {
    border-color: #189046;
  }

  .2xl\:border-centraloregon {
    border-color: #03a1b1;
  }

  .2xl\:border-northcoast {
    border-color: #8dcfb3;
  }

  .2xl\:border-southcoast {
    border-color: #4d62ad;
  }

  .2xl\:border-southernoregon {
    border-color: #006a84;
  }

  .2xl\:border-nwillamettevalley {
    border-color: #13542b;
  }

  .2xl\:border-easternoregon {
    border-color: #fed536;
  }

  .2xl\:border-swillamettevalley {
    border-color: #fbac36;
  }

  .2xl\:border-copper {
    border-color: #a46b33;
  }

  .2xl\:border-mint {
    border-color: #eff5e5;
  }

  .2xl\:border-black {
    border-color: #231f20;
  }

  .2xl\:hover\:border-transparent:hover {
    border-color: transparent;
  }

  .2xl\:hover\:border-grey-darker:hover {
    border-color: #606f7b;
  }

  .2xl\:hover\:border-grey-dark:hover {
    border-color: #8795a1;
  }

  .2xl\:hover\:border-grey-light:hover {
    border-color: #dae1e7;
  }

  .2xl\:hover\:border-grey-lighter:hover {
    border-color: #f3f3f5;
  }

  .2xl\:hover\:border-white:hover {
    border-color: #fff;
  }

  .2xl\:hover\:border-ocf-red:hover {
    border-color: #f15b3c;
  }

  .2xl\:hover\:border-ocf-blue:hover {
    border-color: #1c1d44;
  }

  .2xl\:hover\:border-ocf-blue-overlay:hover {
    border-color: #343677;
  }

  .2xl\:hover\:border-ocf-blue-background:hover {
    border-color: #f3f3f5;
  }

  .2xl\:hover\:border-portlandmetro:hover {
    border-color: #189046;
  }

  .2xl\:hover\:border-centraloregon:hover {
    border-color: #03a1b1;
  }

  .2xl\:hover\:border-northcoast:hover {
    border-color: #8dcfb3;
  }

  .2xl\:hover\:border-southcoast:hover {
    border-color: #4d62ad;
  }

  .2xl\:hover\:border-southernoregon:hover {
    border-color: #006a84;
  }

  .2xl\:hover\:border-nwillamettevalley:hover {
    border-color: #13542b;
  }

  .2xl\:hover\:border-easternoregon:hover {
    border-color: #fed536;
  }

  .2xl\:hover\:border-swillamettevalley:hover {
    border-color: #fbac36;
  }

  .2xl\:hover\:border-copper:hover {
    border-color: #a46b33;
  }

  .2xl\:hover\:border-mint:hover {
    border-color: #eff5e5;
  }

  .2xl\:hover\:border-black:hover {
    border-color: #231f20;
  }

  .2xl\:focus\:border-transparent:focus {
    border-color: transparent;
  }

  .2xl\:focus\:border-grey-darker:focus {
    border-color: #606f7b;
  }

  .2xl\:focus\:border-grey-dark:focus {
    border-color: #8795a1;
  }

  .2xl\:focus\:border-grey-light:focus {
    border-color: #dae1e7;
  }

  .2xl\:focus\:border-grey-lighter:focus {
    border-color: #f3f3f5;
  }

  .2xl\:focus\:border-white:focus {
    border-color: #fff;
  }

  .2xl\:focus\:border-ocf-red:focus {
    border-color: #f15b3c;
  }

  .2xl\:focus\:border-ocf-blue:focus {
    border-color: #1c1d44;
  }

  .2xl\:focus\:border-ocf-blue-overlay:focus {
    border-color: #343677;
  }

  .2xl\:focus\:border-ocf-blue-background:focus {
    border-color: #f3f3f5;
  }

  .2xl\:focus\:border-portlandmetro:focus {
    border-color: #189046;
  }

  .2xl\:focus\:border-centraloregon:focus {
    border-color: #03a1b1;
  }

  .2xl\:focus\:border-northcoast:focus {
    border-color: #8dcfb3;
  }

  .2xl\:focus\:border-southcoast:focus {
    border-color: #4d62ad;
  }

  .2xl\:focus\:border-southernoregon:focus {
    border-color: #006a84;
  }

  .2xl\:focus\:border-nwillamettevalley:focus {
    border-color: #13542b;
  }

  .2xl\:focus\:border-easternoregon:focus {
    border-color: #fed536;
  }

  .2xl\:focus\:border-swillamettevalley:focus {
    border-color: #fbac36;
  }

  .2xl\:focus\:border-copper:focus {
    border-color: #a46b33;
  }

  .2xl\:focus\:border-mint:focus {
    border-color: #eff5e5;
  }

  .2xl\:focus\:border-black:focus {
    border-color: #231f20;
  }

  .2xl\:border-solid {
    border-style: solid;
  }

  .2xl\:border-dashed {
    border-style: dashed;
  }

  .2xl\:border-dotted {
    border-style: dotted;
  }

  .2xl\:border-none {
    border-style: none;
  }

  .2xl\:border-0 {
    border-width: 0;
  }

  .2xl\:border-2 {
    border-width: 2px;
  }

  .2xl\:border-3 {
    border-width: 3px;
  }

  .2xl\:border-4 {
    border-width: 4px;
  }

  .2xl\:border-5 {
    border-width: 5px;
  }

  .2xl\:border-6 {
    border-width: 6px;
  }

  .2xl\:border-7 {
    border-width: 7px;
  }

  .2xl\:border-8 {
    border-width: 8px;
  }

  .2xl\:border {
    border-width: 1px;
  }

  .2xl\:border-t-0 {
    border-top-width: 0;
  }

  .2xl\:border-r-0 {
    border-right-width: 0;
  }

  .2xl\:border-b-0 {
    border-bottom-width: 0;
  }

  .2xl\:border-l-0 {
    border-left-width: 0;
  }

  .2xl\:border-t-2 {
    border-top-width: 2px;
  }

  .2xl\:border-r-2 {
    border-right-width: 2px;
  }

  .2xl\:border-b-2 {
    border-bottom-width: 2px;
  }

  .2xl\:border-l-2 {
    border-left-width: 2px;
  }

  .2xl\:border-t-3 {
    border-top-width: 3px;
  }

  .2xl\:border-r-3 {
    border-right-width: 3px;
  }

  .2xl\:border-b-3 {
    border-bottom-width: 3px;
  }

  .2xl\:border-l-3 {
    border-left-width: 3px;
  }

  .2xl\:border-t-4 {
    border-top-width: 4px;
  }

  .2xl\:border-r-4 {
    border-right-width: 4px;
  }

  .2xl\:border-b-4 {
    border-bottom-width: 4px;
  }

  .2xl\:border-l-4 {
    border-left-width: 4px;
  }

  .2xl\:border-t-5 {
    border-top-width: 5px;
  }

  .2xl\:border-r-5 {
    border-right-width: 5px;
  }

  .2xl\:border-b-5 {
    border-bottom-width: 5px;
  }

  .2xl\:border-l-5 {
    border-left-width: 5px;
  }

  .2xl\:border-t-6 {
    border-top-width: 6px;
  }

  .2xl\:border-r-6 {
    border-right-width: 6px;
  }

  .2xl\:border-b-6 {
    border-bottom-width: 6px;
  }

  .2xl\:border-l-6 {
    border-left-width: 6px;
  }

  .2xl\:border-t-7 {
    border-top-width: 7px;
  }

  .2xl\:border-r-7 {
    border-right-width: 7px;
  }

  .2xl\:border-b-7 {
    border-bottom-width: 7px;
  }

  .2xl\:border-l-7 {
    border-left-width: 7px;
  }

  .2xl\:border-t-8 {
    border-top-width: 8px;
  }

  .2xl\:border-r-8 {
    border-right-width: 8px;
  }

  .2xl\:border-b-8 {
    border-bottom-width: 8px;
  }

  .2xl\:border-l-8 {
    border-left-width: 8px;
  }

  .2xl\:border-t {
    border-top-width: 1px;
  }

  .2xl\:border-r {
    border-right-width: 1px;
  }

  .2xl\:border-b {
    border-bottom-width: 1px;
  }

  .2xl\:border-l {
    border-left-width: 1px;
  }

  .2xl\:cursor-auto {
    cursor: auto;
  }

  .2xl\:cursor-default {
    cursor: default;
  }

  .2xl\:cursor-pointer {
    cursor: pointer;
  }

  .2xl\:cursor-wait {
    cursor: wait;
  }

  .2xl\:cursor-move {
    cursor: move;
  }

  .2xl\:cursor-not-allowed {
    cursor: not-allowed;
  }

  .2xl\:block {
    display: block;
  }

  .2xl\:inline-block {
    display: inline-block;
  }

  .2xl\:inline {
    display: inline;
  }

  .2xl\:table {
    display: table;
  }

  .2xl\:table-row {
    display: table-row;
  }

  .2xl\:table-cell {
    display: table-cell;
  }

  .2xl\:hidden {
    display: none;
  }

  .2xl\:flex {
    display: flex;
  }

  .2xl\:inline-flex {
    display: inline-flex;
  }

  .2xl\:flex-row {
    flex-direction: row;
  }

  .2xl\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .2xl\:flex-col {
    flex-direction: column;
  }

  .2xl\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .2xl\:flex-wrap {
    flex-wrap: wrap;
  }

  .2xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }

  .2xl\:flex-no-wrap {
    flex-wrap: nowrap;
  }

  .2xl\:items-start {
    align-items: flex-start;
  }

  .2xl\:items-end {
    align-items: flex-end;
  }

  .2xl\:items-center {
    align-items: center;
  }

  .2xl\:items-baseline {
    align-items: baseline;
  }

  .2xl\:items-stretch {
    align-items: stretch;
  }

  .2xl\:self-auto {
    align-self: auto;
  }

  .2xl\:self-start {
    align-self: flex-start;
  }

  .2xl\:self-end {
    align-self: flex-end;
  }

  .2xl\:self-center {
    align-self: center;
  }

  .2xl\:self-stretch {
    align-self: stretch;
  }

  .2xl\:justify-start {
    justify-content: flex-start;
  }

  .2xl\:justify-end {
    justify-content: flex-end;
  }

  .2xl\:justify-center {
    justify-content: center;
  }

  .2xl\:justify-between {
    justify-content: space-between;
  }

  .2xl\:justify-around {
    justify-content: space-around;
  }

  .2xl\:content-center {
    align-content: center;
  }

  .2xl\:content-start {
    align-content: flex-start;
  }

  .2xl\:content-end {
    align-content: flex-end;
  }

  .2xl\:content-between {
    align-content: space-between;
  }

  .2xl\:content-around {
    align-content: space-around;
  }

  .2xl\:flex-1 {
    flex: 1 1 0%;
  }

  .2xl\:flex-auto {
    flex: 1 1 auto;
  }

  .2xl\:flex-initial {
    flex: 0 1 auto;
  }

  .2xl\:flex-none {
    flex: none;
  }

  .2xl\:flex-grow {
    flex-grow: 1;
  }

  .2xl\:flex-shrink {
    flex-shrink: 1;
  }

  .2xl\:flex-no-grow {
    flex-grow: 0;
  }

  .2xl\:flex-no-shrink {
    flex-shrink: 0;
  }

  .2xl\:font-sans {
    font-family: brandon-grotesque, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  }

  .2xl\:font-serif {
    font-family: poynter-oldstyle-text, Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
  }

  .2xl\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  }

  .2xl\:font-bold {
    font-weight: 700;
  }

  .2xl\:hover\:font-bold:hover {
    font-weight: 700;
  }

  .2xl\:focus\:font-bold:focus {
    font-weight: 700;
  }

  .2xl\:h-20 {
    height: 20px;
  }

  .2xl\:h-30 {
    height: 30px;
  }

  .2xl\:h-60 {
    height: 60px;
  }

  .2xl\:h-67 {
    height: 67px;
  }

  .2xl\:h-87 {
    height: 87px;
  }

  .2xl\:h-auto {
    height: auto;
  }

  .2xl\:h-half {
    height: 50%;
  }

  .2xl\:h-full {
    height: 100%;
  }

  .2xl\:h-screen {
    height: 100vh;
  }

  .2xl\:leading-lh4 {
    line-height: 1.31;
  }

  .2xl\:m-0 {
    margin: 0;
  }

  .2xl\:m-5 {
    margin: 5px;
  }

  .2xl\:m-10 {
    margin: 10px;
  }

  .2xl\:m-20 {
    margin: 20px;
  }

  .2xl\:m-30 {
    margin: 30px;
  }

  .2xl\:m-40 {
    margin: 40px;
  }

  .2xl\:m-50 {
    margin: 50px;
  }

  .2xl\:m-60 {
    margin: 60px;
  }

  .2xl\:m-67 {
    margin: 67px;
  }

  .2xl\:m-87 {
    margin: 87px;
  }

  .2xl\:m-120 {
    margin: 120px;
  }

  .2xl\:m-auto {
    margin: auto;
  }

  .2xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .2xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .2xl\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .2xl\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .2xl\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .2xl\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .2xl\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .2xl\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .2xl\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .2xl\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .2xl\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .2xl\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .2xl\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .2xl\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .2xl\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .2xl\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .2xl\:my-67 {
    margin-top: 67px;
    margin-bottom: 67px;
  }

  .2xl\:mx-67 {
    margin-left: 67px;
    margin-right: 67px;
  }

  .2xl\:my-87 {
    margin-top: 87px;
    margin-bottom: 87px;
  }

  .2xl\:mx-87 {
    margin-left: 87px;
    margin-right: 87px;
  }

  .2xl\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .2xl\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .2xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .2xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .2xl\:mt-0 {
    margin-top: 0;
  }

  .2xl\:mr-0 {
    margin-right: 0;
  }

  .2xl\:mb-0 {
    margin-bottom: 0;
  }

  .2xl\:ml-0 {
    margin-left: 0;
  }

  .2xl\:mt-5 {
    margin-top: 5px;
  }

  .2xl\:mr-5 {
    margin-right: 5px;
  }

  .2xl\:mb-5 {
    margin-bottom: 5px;
  }

  .2xl\:ml-5 {
    margin-left: 5px;
  }

  .2xl\:mt-10 {
    margin-top: 10px;
  }

  .2xl\:mr-10 {
    margin-right: 10px;
  }

  .2xl\:mb-10 {
    margin-bottom: 10px;
  }

  .2xl\:ml-10 {
    margin-left: 10px;
  }

  .2xl\:mt-20 {
    margin-top: 20px;
  }

  .2xl\:mr-20 {
    margin-right: 20px;
  }

  .2xl\:mb-20 {
    margin-bottom: 20px;
  }

  .2xl\:ml-20 {
    margin-left: 20px;
  }

  .2xl\:mt-30 {
    margin-top: 30px;
  }

  .2xl\:mr-30 {
    margin-right: 30px;
  }

  .2xl\:mb-30 {
    margin-bottom: 30px;
  }

  .2xl\:ml-30 {
    margin-left: 30px;
  }

  .2xl\:mt-40 {
    margin-top: 40px;
  }

  .2xl\:mr-40 {
    margin-right: 40px;
  }

  .2xl\:mb-40 {
    margin-bottom: 40px;
  }

  .2xl\:ml-40 {
    margin-left: 40px;
  }

  .2xl\:mt-50 {
    margin-top: 50px;
  }

  .2xl\:mr-50 {
    margin-right: 50px;
  }

  .2xl\:mb-50 {
    margin-bottom: 50px;
  }

  .2xl\:ml-50 {
    margin-left: 50px;
  }

  .2xl\:mt-60 {
    margin-top: 60px;
  }

  .2xl\:mr-60 {
    margin-right: 60px;
  }

  .2xl\:mb-60 {
    margin-bottom: 60px;
  }

  .2xl\:ml-60 {
    margin-left: 60px;
  }

  .2xl\:mt-67 {
    margin-top: 67px;
  }

  .2xl\:mr-67 {
    margin-right: 67px;
  }

  .2xl\:mb-67 {
    margin-bottom: 67px;
  }

  .2xl\:ml-67 {
    margin-left: 67px;
  }

  .2xl\:mt-87 {
    margin-top: 87px;
  }

  .2xl\:mr-87 {
    margin-right: 87px;
  }

  .2xl\:mb-87 {
    margin-bottom: 87px;
  }

  .2xl\:ml-87 {
    margin-left: 87px;
  }

  .2xl\:mt-120 {
    margin-top: 120px;
  }

  .2xl\:mr-120 {
    margin-right: 120px;
  }

  .2xl\:mb-120 {
    margin-bottom: 120px;
  }

  .2xl\:ml-120 {
    margin-left: 120px;
  }

  .2xl\:mt-auto {
    margin-top: auto;
  }

  .2xl\:mr-auto {
    margin-right: auto;
  }

  .2xl\:mb-auto {
    margin-bottom: auto;
  }

  .2xl\:ml-auto {
    margin-left: auto;
  }

  .2xl\:max-h-full {
    max-height: 100%;
  }

  .2xl\:max-h-screen {
    max-height: 100vh;
  }

  .2xl\:max-w-600 {
    max-width: 600px;
  }

  .2xl\:max-w-full {
    max-width: 100%;
  }

  .2xl\:max-w-sm {
    max-width: 415px;
  }

  .2xl\:max-w-md {
    max-width: 768px;
  }

  .2xl\:max-w-lg {
    max-width: 1024px;
  }

  .2xl\:max-w-xl {
    max-width: 1440px;
  }

  .2xl\:min-h-0 {
    min-height: 0;
  }

  .2xl\:min-h-full {
    min-height: 100%;
  }

  .2xl\:min-h-screen {
    min-height: 100vh;
  }

  .2xl\:-m-0 {
    margin: 0;
  }

  .2xl\:-m-10 {
    margin: -10px;
  }

  .2xl\:-m-20 {
    margin: -20px;
  }

  .2xl\:-m-30 {
    margin: -30px;
  }

  .2xl\:-m-50 {
    margin: -50px;
  }

  .2xl\:-m-60 {
    margin: -60px;
  }

  .2xl\:-m-67 {
    margin: -67px;
  }

  .2xl\:-m-87 {
    margin: -87px;
  }

  .2xl\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .2xl\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .2xl\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .2xl\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .2xl\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .2xl\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .2xl\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .2xl\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .2xl\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .2xl\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .2xl\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .2xl\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .2xl\:-my-67 {
    margin-top: -67px;
    margin-bottom: -67px;
  }

  .2xl\:-mx-67 {
    margin-left: -67px;
    margin-right: -67px;
  }

  .2xl\:-my-87 {
    margin-top: -87px;
    margin-bottom: -87px;
  }

  .2xl\:-mx-87 {
    margin-left: -87px;
    margin-right: -87px;
  }

  .2xl\:-mt-0 {
    margin-top: 0;
  }

  .2xl\:-mr-0 {
    margin-right: 0;
  }

  .2xl\:-mb-0 {
    margin-bottom: 0;
  }

  .2xl\:-ml-0 {
    margin-left: 0;
  }

  .2xl\:-mt-10 {
    margin-top: -10px;
  }

  .2xl\:-mr-10 {
    margin-right: -10px;
  }

  .2xl\:-mb-10 {
    margin-bottom: -10px;
  }

  .2xl\:-ml-10 {
    margin-left: -10px;
  }

  .2xl\:-mt-20 {
    margin-top: -20px;
  }

  .2xl\:-mr-20 {
    margin-right: -20px;
  }

  .2xl\:-mb-20 {
    margin-bottom: -20px;
  }

  .2xl\:-ml-20 {
    margin-left: -20px;
  }

  .2xl\:-mt-30 {
    margin-top: -30px;
  }

  .2xl\:-mr-30 {
    margin-right: -30px;
  }

  .2xl\:-mb-30 {
    margin-bottom: -30px;
  }

  .2xl\:-ml-30 {
    margin-left: -30px;
  }

  .2xl\:-mt-50 {
    margin-top: -50px;
  }

  .2xl\:-mr-50 {
    margin-right: -50px;
  }

  .2xl\:-mb-50 {
    margin-bottom: -50px;
  }

  .2xl\:-ml-50 {
    margin-left: -50px;
  }

  .2xl\:-mt-60 {
    margin-top: -60px;
  }

  .2xl\:-mr-60 {
    margin-right: -60px;
  }

  .2xl\:-mb-60 {
    margin-bottom: -60px;
  }

  .2xl\:-ml-60 {
    margin-left: -60px;
  }

  .2xl\:-mt-67 {
    margin-top: -67px;
  }

  .2xl\:-mr-67 {
    margin-right: -67px;
  }

  .2xl\:-mb-67 {
    margin-bottom: -67px;
  }

  .2xl\:-ml-67 {
    margin-left: -67px;
  }

  .2xl\:-mt-87 {
    margin-top: -87px;
  }

  .2xl\:-mr-87 {
    margin-right: -87px;
  }

  .2xl\:-mb-87 {
    margin-bottom: -87px;
  }

  .2xl\:-ml-87 {
    margin-left: -87px;
  }

  .2xl\:object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }

  .2xl\:object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }

  .2xl\:object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .2xl\:object-none {
    -o-object-fit: none;
       object-fit: none;
  }

  .2xl\:object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }

  .2xl\:opacity-0 {
    opacity: 0;
  }

  .2xl\:opacity-10 {
    opacity: .1;
  }

  .2xl\:opacity-20 {
    opacity: .2;
  }

  .2xl\:opacity-25 {
    opacity: .25;
  }

  .2xl\:opacity-30 {
    opacity: .3;
  }

  .2xl\:opacity-40 {
    opacity: .4;
  }

  .2xl\:opacity-50 {
    opacity: .5;
  }

  .2xl\:opacity-60 {
    opacity: .6;
  }

  .2xl\:opacity-70 {
    opacity: .7;
  }

  .2xl\:opacity-75 {
    opacity: .75;
  }

  .2xl\:opacity-80 {
    opacity: .8;
  }

  .2xl\:opacity-90 {
    opacity: .9;
  }

  .2xl\:opacity-100 {
    opacity: 1;
  }

  .2xl\:overflow-auto {
    overflow: auto;
  }

  .2xl\:overflow-hidden {
    overflow: hidden;
  }

  .2xl\:overflow-visible {
    overflow: visible;
  }

  .2xl\:overflow-scroll {
    overflow: scroll;
  }

  .2xl\:overflow-x-auto {
    overflow-x: auto;
  }

  .2xl\:overflow-y-auto {
    overflow-y: auto;
  }

  .2xl\:overflow-x-hidden {
    overflow-x: hidden;
  }

  .2xl\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .2xl\:overflow-x-visible {
    overflow-x: visible;
  }

  .2xl\:overflow-y-visible {
    overflow-y: visible;
  }

  .2xl\:overflow-x-scroll {
    overflow-x: scroll;
  }

  .2xl\:overflow-y-scroll {
    overflow-y: scroll;
  }

  .2xl\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
  }

  .2xl\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
  }

  .2xl\:p-0 {
    padding: 0;
  }

  .2xl\:p-5 {
    padding: 5px;
  }

  .2xl\:p-10 {
    padding: 10px;
  }

  .2xl\:p-20 {
    padding: 20px;
  }

  .2xl\:p-30 {
    padding: 30px;
  }

  .2xl\:p-40 {
    padding: 40px;
  }

  .2xl\:p-50 {
    padding: 50px;
  }

  .2xl\:p-60 {
    padding: 60px;
  }

  .2xl\:p-67 {
    padding: 67px;
  }

  .2xl\:p-87 {
    padding: 87px;
  }

  .2xl\:p-100 {
    padding: 100px;
  }

  .2xl\:p-120 {
    padding: 120px;
  }

  .2xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .2xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .2xl\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .2xl\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .2xl\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .2xl\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .2xl\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .2xl\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .2xl\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .2xl\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .2xl\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .2xl\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .2xl\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .2xl\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .2xl\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .2xl\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .2xl\:py-67 {
    padding-top: 67px;
    padding-bottom: 67px;
  }

  .2xl\:px-67 {
    padding-left: 67px;
    padding-right: 67px;
  }

  .2xl\:py-87 {
    padding-top: 87px;
    padding-bottom: 87px;
  }

  .2xl\:px-87 {
    padding-left: 87px;
    padding-right: 87px;
  }

  .2xl\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .2xl\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .2xl\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .2xl\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .2xl\:pt-0 {
    padding-top: 0;
  }

  .2xl\:pr-0 {
    padding-right: 0;
  }

  .2xl\:pb-0 {
    padding-bottom: 0;
  }

  .2xl\:pl-0 {
    padding-left: 0;
  }

  .2xl\:pt-5 {
    padding-top: 5px;
  }

  .2xl\:pr-5 {
    padding-right: 5px;
  }

  .2xl\:pb-5 {
    padding-bottom: 5px;
  }

  .2xl\:pl-5 {
    padding-left: 5px;
  }

  .2xl\:pt-10 {
    padding-top: 10px;
  }

  .2xl\:pr-10 {
    padding-right: 10px;
  }

  .2xl\:pb-10 {
    padding-bottom: 10px;
  }

  .2xl\:pl-10 {
    padding-left: 10px;
  }

  .2xl\:pt-20 {
    padding-top: 20px;
  }

  .2xl\:pr-20 {
    padding-right: 20px;
  }

  .2xl\:pb-20 {
    padding-bottom: 20px;
  }

  .2xl\:pl-20 {
    padding-left: 20px;
  }

  .2xl\:pt-30 {
    padding-top: 30px;
  }

  .2xl\:pr-30 {
    padding-right: 30px;
  }

  .2xl\:pb-30 {
    padding-bottom: 30px;
  }

  .2xl\:pl-30 {
    padding-left: 30px;
  }

  .2xl\:pt-40 {
    padding-top: 40px;
  }

  .2xl\:pr-40 {
    padding-right: 40px;
  }

  .2xl\:pb-40 {
    padding-bottom: 40px;
  }

  .2xl\:pl-40 {
    padding-left: 40px;
  }

  .2xl\:pt-50 {
    padding-top: 50px;
  }

  .2xl\:pr-50 {
    padding-right: 50px;
  }

  .2xl\:pb-50 {
    padding-bottom: 50px;
  }

  .2xl\:pl-50 {
    padding-left: 50px;
  }

  .2xl\:pt-60 {
    padding-top: 60px;
  }

  .2xl\:pr-60 {
    padding-right: 60px;
  }

  .2xl\:pb-60 {
    padding-bottom: 60px;
  }

  .2xl\:pl-60 {
    padding-left: 60px;
  }

  .2xl\:pt-67 {
    padding-top: 67px;
  }

  .2xl\:pr-67 {
    padding-right: 67px;
  }

  .2xl\:pb-67 {
    padding-bottom: 67px;
  }

  .2xl\:pl-67 {
    padding-left: 67px;
  }

  .2xl\:pt-87 {
    padding-top: 87px;
  }

  .2xl\:pr-87 {
    padding-right: 87px;
  }

  .2xl\:pb-87 {
    padding-bottom: 87px;
  }

  .2xl\:pl-87 {
    padding-left: 87px;
  }

  .2xl\:pt-100 {
    padding-top: 100px;
  }

  .2xl\:pr-100 {
    padding-right: 100px;
  }

  .2xl\:pb-100 {
    padding-bottom: 100px;
  }

  .2xl\:pl-100 {
    padding-left: 100px;
  }

  .2xl\:pt-120 {
    padding-top: 120px;
  }

  .2xl\:pr-120 {
    padding-right: 120px;
  }

  .2xl\:pb-120 {
    padding-bottom: 120px;
  }

  .2xl\:pl-120 {
    padding-left: 120px;
  }

  .2xl\:pointer-events-none {
    pointer-events: none;
  }

  .2xl\:pointer-events-auto {
    pointer-events: auto;
  }

  .2xl\:static {
    position: static;
  }

  .2xl\:fixed {
    position: fixed;
  }

  .2xl\:absolute {
    position: absolute;
  }

  .2xl\:relative {
    position: relative;
  }

  .2xl\:sticky {
    position: -webkit-sticky;
    position: sticky;
  }

  .2xl\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
  }

  .2xl\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .2xl\:pin-y {
    top: 0;
    bottom: 0;
  }

  .2xl\:pin-x {
    right: 0;
    left: 0;
  }

  .2xl\:pin-t {
    top: 0;
  }

  .2xl\:pin-r {
    right: 0;
  }

  .2xl\:pin-b {
    bottom: 0;
  }

  .2xl\:pin-l {
    left: 0;
  }

  .2xl\:text-left {
    text-align: left;
  }

  .2xl\:text-center {
    text-align: center;
  }

  .2xl\:text-right {
    text-align: right;
  }

  .2xl\:text-justify {
    text-align: justify;
  }

  .2xl\:text-transparent {
    color: transparent;
  }

  .2xl\:text-grey-darker {
    color: #606f7b;
  }

  .2xl\:text-grey-dark {
    color: #8795a1;
  }

  .2xl\:text-grey-light {
    color: #dae1e7;
  }

  .2xl\:text-grey-lighter {
    color: #f3f3f5;
  }

  .2xl\:text-white {
    color: #fff;
  }

  .2xl\:text-ocf-red {
    color: #f15b3c;
  }

  .2xl\:text-ocf-blue {
    color: #1c1d44;
  }

  .2xl\:text-ocf-blue-overlay {
    color: #343677;
  }

  .2xl\:text-ocf-blue-background {
    color: #f3f3f5;
  }

  .2xl\:text-portlandmetro {
    color: #189046;
  }

  .2xl\:text-centraloregon {
    color: #03a1b1;
  }

  .2xl\:text-northcoast {
    color: #8dcfb3;
  }

  .2xl\:text-southcoast {
    color: #4d62ad;
  }

  .2xl\:text-southernoregon {
    color: #006a84;
  }

  .2xl\:text-nwillamettevalley {
    color: #13542b;
  }

  .2xl\:text-easternoregon {
    color: #fed536;
  }

  .2xl\:text-swillamettevalley {
    color: #fbac36;
  }

  .2xl\:text-copper {
    color: #a46b33;
  }

  .2xl\:text-mint {
    color: #eff5e5;
  }

  .2xl\:text-black {
    color: #231f20;
  }

  .2xl\:hover\:text-transparent:hover {
    color: transparent;
  }

  .2xl\:hover\:text-grey-darker:hover {
    color: #606f7b;
  }

  .2xl\:hover\:text-grey-dark:hover {
    color: #8795a1;
  }

  .2xl\:hover\:text-grey-light:hover {
    color: #dae1e7;
  }

  .2xl\:hover\:text-grey-lighter:hover {
    color: #f3f3f5;
  }

  .2xl\:hover\:text-white:hover {
    color: #fff;
  }

  .2xl\:hover\:text-ocf-red:hover {
    color: #f15b3c;
  }

  .2xl\:hover\:text-ocf-blue:hover {
    color: #1c1d44;
  }

  .2xl\:hover\:text-ocf-blue-overlay:hover {
    color: #343677;
  }

  .2xl\:hover\:text-ocf-blue-background:hover {
    color: #f3f3f5;
  }

  .2xl\:hover\:text-portlandmetro:hover {
    color: #189046;
  }

  .2xl\:hover\:text-centraloregon:hover {
    color: #03a1b1;
  }

  .2xl\:hover\:text-northcoast:hover {
    color: #8dcfb3;
  }

  .2xl\:hover\:text-southcoast:hover {
    color: #4d62ad;
  }

  .2xl\:hover\:text-southernoregon:hover {
    color: #006a84;
  }

  .2xl\:hover\:text-nwillamettevalley:hover {
    color: #13542b;
  }

  .2xl\:hover\:text-easternoregon:hover {
    color: #fed536;
  }

  .2xl\:hover\:text-swillamettevalley:hover {
    color: #fbac36;
  }

  .2xl\:hover\:text-copper:hover {
    color: #a46b33;
  }

  .2xl\:hover\:text-mint:hover {
    color: #eff5e5;
  }

  .2xl\:hover\:text-black:hover {
    color: #231f20;
  }

  .2xl\:focus\:text-transparent:focus {
    color: transparent;
  }

  .2xl\:focus\:text-grey-darker:focus {
    color: #606f7b;
  }

  .2xl\:focus\:text-grey-dark:focus {
    color: #8795a1;
  }

  .2xl\:focus\:text-grey-light:focus {
    color: #dae1e7;
  }

  .2xl\:focus\:text-grey-lighter:focus {
    color: #f3f3f5;
  }

  .2xl\:focus\:text-white:focus {
    color: #fff;
  }

  .2xl\:focus\:text-ocf-red:focus {
    color: #f15b3c;
  }

  .2xl\:focus\:text-ocf-blue:focus {
    color: #1c1d44;
  }

  .2xl\:focus\:text-ocf-blue-overlay:focus {
    color: #343677;
  }

  .2xl\:focus\:text-ocf-blue-background:focus {
    color: #f3f3f5;
  }

  .2xl\:focus\:text-portlandmetro:focus {
    color: #189046;
  }

  .2xl\:focus\:text-centraloregon:focus {
    color: #03a1b1;
  }

  .2xl\:focus\:text-northcoast:focus {
    color: #8dcfb3;
  }

  .2xl\:focus\:text-southcoast:focus {
    color: #4d62ad;
  }

  .2xl\:focus\:text-southernoregon:focus {
    color: #006a84;
  }

  .2xl\:focus\:text-nwillamettevalley:focus {
    color: #13542b;
  }

  .2xl\:focus\:text-easternoregon:focus {
    color: #fed536;
  }

  .2xl\:focus\:text-swillamettevalley:focus {
    color: #fbac36;
  }

  .2xl\:focus\:text-copper:focus {
    color: #a46b33;
  }

  .2xl\:focus\:text-mint:focus {
    color: #eff5e5;
  }

  .2xl\:focus\:text-black:focus {
    color: #231f20;
  }

  .2xl\:text-2xs {
    font-size: 12px;
  }

  .2xl\:text-xs {
    font-size: 14px;
  }

  .2xl\:text-sm {
    font-size: 16px;
  }

  .2xl\:text-base {
    font-size: 18px;
  }

  .2xl\:text-md {
    font-size: 22px;
  }

  .2xl\:text-lg {
    font-size: 24px;
  }

  .2xl\:text-xl {
    font-size: 26px;
  }

  .2xl\:text-2xl {
    font-size: 28px;
  }

  .2xl\:text-3xl {
    font-size: 30px;
  }

  .2xl\:text-4xl {
    font-size: 36px;
  }

  .2xl\:text-5xl {
    font-size: 48px;
  }

  .2xl\:text-6xl {
    font-size: 78px;
  }

  .2xl\:italic {
    font-style: italic;
  }

  .2xl\:roman {
    font-style: normal;
  }

  .2xl\:uppercase {
    text-transform: uppercase;
  }

  .2xl\:lowercase {
    text-transform: lowercase;
  }

  .2xl\:capitalize {
    text-transform: capitalize;
  }

  .2xl\:normal-case {
    text-transform: none;
  }

  .2xl\:underline {
    text-decoration: underline;
  }

  .2xl\:line-through {
    text-decoration: line-through;
  }

  .2xl\:no-underline {
    text-decoration: none;
  }

  .2xl\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .2xl\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .2xl\:hover\:italic:hover {
    font-style: italic;
  }

  .2xl\:hover\:roman:hover {
    font-style: normal;
  }

  .2xl\:hover\:uppercase:hover {
    text-transform: uppercase;
  }

  .2xl\:hover\:lowercase:hover {
    text-transform: lowercase;
  }

  .2xl\:hover\:capitalize:hover {
    text-transform: capitalize;
  }

  .2xl\:hover\:normal-case:hover {
    text-transform: none;
  }

  .2xl\:hover\:underline:hover {
    text-decoration: underline;
  }

  .2xl\:hover\:line-through:hover {
    text-decoration: line-through;
  }

  .2xl\:hover\:no-underline:hover {
    text-decoration: none;
  }

  .2xl\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .2xl\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .2xl\:focus\:italic:focus {
    font-style: italic;
  }

  .2xl\:focus\:roman:focus {
    font-style: normal;
  }

  .2xl\:focus\:uppercase:focus {
    text-transform: uppercase;
  }

  .2xl\:focus\:lowercase:focus {
    text-transform: lowercase;
  }

  .2xl\:focus\:capitalize:focus {
    text-transform: capitalize;
  }

  .2xl\:focus\:normal-case:focus {
    text-transform: none;
  }

  .2xl\:focus\:underline:focus {
    text-decoration: underline;
  }

  .2xl\:focus\:line-through:focus {
    text-decoration: line-through;
  }

  .2xl\:focus\:no-underline:focus {
    text-decoration: none;
  }

  .2xl\:focus\:antialiased:focus {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .2xl\:focus\:subpixel-antialiased:focus {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
  }

  .2xl\:tracking-2xl {
    letter-spacing: 1px;
  }

  .2xl\:tracking-4xl {
    letter-spacing: 1.5px;
  }

  .2xl\:align-baseline {
    vertical-align: baseline;
  }

  .2xl\:align-top {
    vertical-align: top;
  }

  .2xl\:align-middle {
    vertical-align: middle;
  }

  .2xl\:align-bottom {
    vertical-align: bottom;
  }

  .2xl\:align-text-top {
    vertical-align: text-top;
  }

  .2xl\:align-text-bottom {
    vertical-align: text-bottom;
  }

  .2xl\:visible {
    visibility: visible;
  }

  .2xl\:invisible {
    visibility: hidden;
  }

  .2xl\:whitespace-normal {
    white-space: normal;
  }

  .2xl\:whitespace-no-wrap {
    white-space: nowrap;
  }

  .2xl\:whitespace-pre {
    white-space: pre;
  }

  .2xl\:whitespace-pre-line {
    white-space: pre-line;
  }

  .2xl\:whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .2xl\:break-words {
    word-wrap: break-word;
  }

  .2xl\:break-normal {
    word-wrap: normal;
  }

  .2xl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .2xl\:w-20 {
    width: 20px;
  }

  .2xl\:w-30 {
    width: 30px;
  }

  .2xl\:w-60 {
    width: 60px;
  }

  .2xl\:w-67 {
    width: 67px;
  }

  .2xl\:w-87 {
    width: 87px;
  }

  .2xl\:w-auto {
    width: auto;
  }

  .2xl\:w-1\/2 {
    width: 50%;
  }

  .2xl\:w-1\/3 {
    width: 33.33%;
  }

  .2xl\:w-2\/3 {
    width: 66.67%;
  }

  .2xl\:w-1\/4 {
    width: 25%;
  }

  .2xl\:w-3\/4 {
    width: 75%;
  }

  .2xl\:w-1\/6 {
    width: 16.67%;
  }

  .2xl\:w-5\/6 {
    width: 83.33%;
  }

  .2xl\:w-full {
    width: 100%;
  }

  .2xl\:w-screen {
    width: 100vw;
  }

  .2xl\:w-1\/12 {
    width: 8.333%;
  }

  .2xl\:w-2\/12 {
    width: 16.67%;
  }

  .2xl\:w-3\/12 {
    width: 25%;
  }

  .2xl\:w-4\/12 {
    width: 33.33%;
  }

  .2xl\:w-5\/12 {
    width: 41.67%;
  }

  .2xl\:w-6\/12 {
    width: 50%;
  }

  .2xl\:w-7\/12 {
    width: 58.33%;
  }

  .2xl\:w-8\/12 {
    width: 66.67%;
  }

  .2xl\:w-9\/12 {
    width: 75%;
  }

  .2xl\:w-10\/12 {
    width: 83.33%;
  }

  .2xl\:w-11\/12 {
    width: 91.67%;
  }

  .2xl\:w-12\/12 {
    width: 100%;
  }

  .2xl\:z-0 {
    z-index: 0;
  }

  .2xl\:z-1 {
    z-index: 1;
  }

  .2xl\:z-10 {
    z-index: 10;
  }

  .2xl\:z-20 {
    z-index: 20;
  }

  .2xl\:z-30 {
    z-index: 30;
  }

  .2xl\:z-40 {
    z-index: 40;
  }

  .2xl\:z-50 {
    z-index: 50;
  }

  .2xl\:z-auto {
    z-index: auto;
  }

  .2xl\:aspect-ratio-square {
    padding-top: 100%;
  }

  .2xl\:aspect-ratio-16\/9 {
    padding-top: 56.25%;
  }

  .2xl\:aspect-ratio-9\/16 {
    padding-top: 177.78%;
  }

  .2xl\:aspect-ratio-4\/3 {
    padding-top: 75%;
  }

  .2xl\:aspect-ratio-3\/4 {
    padding-top: 133.33%;
  }

  .2xl\:aspect-ratio-21\/9 {
    padding-top: 42.86%;
  }
}