/*! normalize.css v7.0.0 | 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 IE on Windows Phone and in iOS. */
html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.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 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/* VARIABLES  */
/* MIXINS  */
/* WP  */
img.alignright { float: right; margin: 0 0 1em 1em; }

img.alignleft { float: left; margin: 0 1em 1em 0; }

img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

a img.alignright { float: right; margin: 0 0 1em 1em; }

a img.alignleft { float: left; margin: 0 1em 1em 0; }

a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* RESETS  */
* { margin: 0; padding: 0; border: 0; box-sizing: border-box; }

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

ol, ul { list-style: none; }

a { text-decoration: none; color: inherit; }

.content-wrap > *:last-child { margin-bottom: 0; }
.content-wrap h1, .content-wrap h2, .content-wrap h3, .content-wrap h4 { margin-top: 2.5rem; }
.content-wrap h1 + h1, .content-wrap h1 + h2, .content-wrap h1 + h3, .content-wrap h1 + h4, .content-wrap h1:first-child, .content-wrap h2 + h1, .content-wrap h2 + h2, .content-wrap h2 + h3, .content-wrap h2 + h4, .content-wrap h2:first-child, .content-wrap h3 + h1, .content-wrap h3 + h2, .content-wrap h3 + h3, .content-wrap h3 + h4, .content-wrap h3:first-child, .content-wrap h4 + h1, .content-wrap h4 + h2, .content-wrap h4 + h3, .content-wrap h4 + h4, .content-wrap h4:first-child { margin-top: 0; }
.content-wrap ul { margin-bottom: 1.5em; list-style: none; }
.content-wrap ul li { position: relative; margin-bottom: 0.75em; padding-left: 1em; }
.content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; font-size: 1.5em; line-height: 1; color: #0470b9; }
.content-wrap ul ul { margin-bottom: 0; margin-top: 0.75em; }
.content-wrap ul ul li:before { content: "\25E6"; font-size: 0.875em; line-height: 1.6; font-weight: 700; }
.content-wrap ul ul li:last-of-type { margin-bottom: 0; }
.content-wrap ol { margin-bottom: 1.5em; list-style: decimal; list-style-position: inside; }
.content-wrap ol li { margin-bottom: 1em; }
.content-wrap a:not(.button) { text-decoration: underline; color: #0470b9; }
.content-wrap table { width: 100%; border-collapse: collapse; border: 1px solid black; }
.content-wrap table tr td, .content-wrap table tr th { padding: 1rem; border: 1px solid black; }
.content-wrap table tbody tr:nth-child(2n) { background-color: #f5f5f5; }
.content-wrap blockquote { padding-left: 1em; }
.content-wrap .columns { margin-top: 2em; }

/* FONTS  */
@font-face { font-family: 'Roboto Slab'; src: url("../../fonts/robotoslab-regular.woff2") format("woff2"), url("../../fonts/robotoslab-regular.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto Slab'; src: url("../../fonts/robotoslab-bold.woff2") format("woff2"), url("../../fonts/robotoslab-bold.woff") format("woff"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url("../../fonts/roboto-regular.woff2") format("woff2"), url("../../fonts/roboto-regular.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url("../../fonts/roboto-italic.woff2") format("woff2"), url("../../fonts/roboto-italic.woff") format("woff"); font-weight: normal; font-style: italic; }
@font-face { font-family: 'Roboto'; src: url("../../fonts/roboto-medium.woff2") format("woff2"), url("../../fonts/roboto-medium.woff") format("woff"); font-weight: 500; font-style: normal; }
@font-face { font-family: 'Roboto'; src: url("../../fonts/roboto-bold.woff2") format("woff2"), url("../../fonts/roboto-bold.woff") format("woff"); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Icons'; src: url("../../fonts/icomoon.ttf?5uwyvb") format("truetype"), url("../../fonts/icomoon.woff?5uwyvb") format("woff"), url("../../fonts/icomoon.svg?5uwyvb#icomoon") format("svg"); font-weight: normal; font-style: normal; }
/* TRANSITIONS  */
a, .arrow-link:after, #front-page-content-wrap-2 [class*='col-'] nav ul li a:after, .resource-category-wrap > div a:not(:first-of-type):after { transition: all 0.2s ease-out; }

@media screen and (max-width: 799px) { #top .main-nav-wrap nav, #top .main-nav-wrap nav .mega-nav { transition: right 0.1s ease-out; }
  .nav-open #top .main-nav-wrap nav, .nav-open #top .main-nav-wrap nav .mega-nav { transition: right 0.2s ease-out; } }

/* TEXT STYLES  */
h1, .is-h1-style, .is-style-h1 { font-family: 'Roboto Slab'; font-size: 2.25em; font-weight: normal; margin-bottom: 1rem; line-height: 1.2; }
@media screen and (min-width: 800px) { h1, .is-h1-style, .is-style-h1 { font-size: 3em; margin-bottom: 1.5rem; } }

h2, .is-h2-style, .is-style-h2 { font-family: 'Roboto Slab'; font-size: 1.875em; font-weight: normal; margin-bottom: 1rem; line-height: 1.2; }
@media screen and (min-width: 800px) { h2, .is-h2-style, .is-style-h2 { font-size: 2.25em; margin-bottom: 1.25rem; } }

h3, .is-h3-style, .is-style-h3 { font-family: 'Roboto Slab'; font-size: 1.5em; font-weight: normal; margin-bottom: 1rem; line-height: 1.3; }

h4, .is-h4-style, .is-style-h4 { font-family: 'Roboto Slab'; font-size: 1.125em; font-weight: 700; margin-bottom: 0.75rem; text-transform: uppercase; color: #0470b9; line-height: inherit; }

p { margin-bottom: 1em; }

.button { display: inline-block; background-color: transparent; margin-bottom: 0.5em; padding: 0.375em 2em; font-family: inherit; font-size: 1em; font-weight: 500; color: #0470b9; border: 2px solid; border-radius: 999px; outline-offset: 4px; outline-color: currentcolor; -webkit-appearance: none; cursor: pointer; text-decoration: none !important; }
.button:focus { text-decoration: underline !important; }

.arrow-link, #front-page-content-wrap-2 [class*='col-'] nav ul li a, .resource-category-wrap > div a:not(:first-of-type) { display: block; font-size: 1.125em; font-weight: 500; margin-bottom: 0.125em; color: #0470b9; text-decoration: none !important; }
.arrow-link:after, #front-page-content-wrap-2 [class*='col-'] nav ul li a:after, .resource-category-wrap > div a:not(:first-of-type):after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e603"; position: relative; top: 0.175em; left: 0; font-size: 1.25em; margin-left: 0.375em; line-height: 0; }
@media screen and (min-width: 800px) { .arrow-link:hover:after, #front-page-content-wrap-2 [class*='col-'] nav ul li a:hover:after, .resource-category-wrap > div a:not(:first-of-type):hover:after { left: 0.25em; } }

.center { margin-left: auto; margin-right: auto; text-align: center; }

small { font-size: 0.875em; }

big { font-size: 1.125em; }

ul.icons li { position: relative; margin-bottom: 0.75em; padding-left: 2em; }
ul.icons li:before { content: "\2022"; position: absolute; left: 0; font-size: 1.125em; line-height: 1.5; color: #7d7d7d; opacity: 0.8; }
ul.icons li.location:before, ul.icons li.map:before, ul.icons li.address:before, ul.icons li.place:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e607"; }
ul.icons li.phone:before, ul.icons li.telephone:before, ul.icons li.tel:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e605"; }
ul.icons li.fax:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e60a"; }
ul.icons li.time:before, ul.icons li.clock:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e608"; }
ul.icons li.date:before, ul.icons li.day:before, ul.icons li.calendar:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e609"; }
ul.icons li.email:before, ul.icons li.mail:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e606"; }
ul.icons li.person:before, ul.icons li.name:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e60b"; }

.list-nav > ul li { margin-bottom: 0.5em; }
.list-nav > ul li a { position: relative; display: inline-block; font-weight: 500; padding-left: 1em; }
.list-nav > ul li a:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e60e"; position: absolute; top: 1px; left: 0; font-size: 0.5em; line-height: 1.5rem; color: #0470b9; }
.list-nav > ul li .sub-menu { padding-left: 1em; margin-top: 0.5em; }
.list-nav > ul li .sub-menu > li a { color: #464646; }
.list-nav.two-col > ul div, .list-nav.two-col > ul ul, .list-nav.two-col > ul li, .list-nav.two-col > ul h1, .list-nav.two-col > ul h2, .list-nav.two-col > ul h3, .list-nav.two-col > ul h4, .list-nav.two-col > ul h5, .list-nav.two-col > ul h6, .list-nav.two-col > ul p, .list-nav.two-col > ul a, .list-nav.three-col > ul div, .list-nav.three-col > ul ul, .list-nav.three-col > ul li, .list-nav.three-col > ul h1, .list-nav.three-col > ul h2, .list-nav.three-col > ul h3, .list-nav.three-col > ul h4, .list-nav.three-col > ul h5, .list-nav.three-col > ul h6, .list-nav.three-col > ul p, .list-nav.three-col > ul a { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; }
@media screen and (min-width: 800px) { .list-nav.two-col > ul, .list-nav.three-col > ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; } }
@media screen and (min-width: 800px) { .list-nav.three-col > ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } }

.social { white-space: nowrap; }
.social a { display: inline-block; margin-right: 0.25em; color: #0470b9; text-decoration: none !important; }
.social a.facebook:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e611"; }
.social a.twitter:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e612"; }
.social a.linkedin:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e613"; }
.social a.instagram:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e617"; }
.social a.youtube:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e619"; }
.social a.vimeo:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; }
.social a.pinterest:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; }
.social a.bluesky:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e620"; }

.sr-only:not(:focus, :focus-within, :active) { -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.sr-only:focus { position: static; }

/* GLOBAL STYLES  */
html { font-size: 14px; }
@media screen and (min-width: 800px) { html { font-size: 16px; } }

body { font-family: 'Roboto', sans-serif; color: black; line-height: 1.5; -webkit-font-smoothing: antialiased; }
@media screen and (max-width: 799px) { body { margin-top: 50px; } }
body.admin-bar { margin-top: 96px; }
@media screen and (min-width: 783px) { body.admin-bar { margin-top: 82px; } }
@media screen and (min-width: 800px) { body.admin-bar { margin-top: 32px; } }
body:after { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 998; }
body.nav-open { overflow: hidden; }
@media screen and (min-width: 800px) { body.mega-nav-open:after { content: ""; } }

#skip-link:focus { position: fixed; z-index: 9999; padding: 0.25em 1em; background-color: white; outline-offset: 0px; transition: none; text-decoration: underline; }

#page-wrapper { overflow-x: hidden; }
@media screen and (min-width: 800px) { #page-wrapper > * { position: relative; width: calc(100% + 10px); left: -5px; } }

#main-content { margin-bottom: -10px; }
@media screen and (min-width: 800px) { #main-content { margin-bottom: -20px; } }
.home #main-content { margin-bottom: 0; }
#main-content > *:first-child:before { box-shadow: 0 -20px #0470b9; position: absolute; top: 0; left: 0; right: 0; height: 30px; background-color: transparent; border-top-right-radius: 50% 10px; margin-top: 10px; }
@media screen and (min-width: 800px) { #main-content > *:first-child:before { box-shadow: 0 -30px #0470b9; } }
@media screen and (min-width: 800px) { #main-content > *:first-child:before { height: 50px; border-top-right-radius: 50% 20px; } }
#main-content > *:first-child:not(.page-header):before { content: ""; }
@media screen and (min-width: 800px) { #main-content > *:first-child:not(.page-header):not(.page-content) { padding: calc(2.5em + 10px) 0 calc(2.5em + 0px) 0; } }
@media screen and (min-width: 800px) and (min-width: 800px) { #main-content > *:first-child:not(.page-header):not(.page-content) { padding: calc(8% + 10px) 0 calc(8% + 0px) 0; } }
@media screen and (min-width: 800px) and (min-width: 1200px) { #main-content > *:first-child:not(.page-header):not(.page-content) { padding: calc(100px + 10px) 0 calc(100px + 0px) 0; } }

@media screen and (min-width: 800px) { #main-content > *:first-child:not(.page-header).page-content .contain { padding-top: calc(60px + 10px); } }
@media screen and (min-width: 1200px) { #main-content > *:first-child:not(.page-header).page-content .contain { padding-top: calc(80px + 10px); } }
#main-content > *:first-child.division-header:before { box-shadow: 0 -20px #9f1b96; content: ""; }
@media screen and (min-width: 800px) { #main-content > *:first-child.division-header:before { box-shadow: 0 -30px #9f1b96; } }

#top { position: relative; z-index: 999; }
@media screen and (max-width: 799px) { #top { position: fixed; top: 0; width: 100%; } }
@media screen and (max-width: 799px) { .admin-bar #top { top: 32px; } }
@media screen and (max-width: 782px) { .admin-bar #top { top: 46px; } }
#top .main-nav-wrap { position: relative; }
@media screen and (min-width: 800px) { #top .main-nav-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100px; padding: 0 1em 0 2em; background-color: white; border-bottom: 1px solid #eee; } }
.no-flexbox #top .main-nav-wrap { padding-top: 0.5em; }
@media screen and (max-width: 799px) { #top .main-nav-wrap .header { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 50px; padding: 0.5em 0 0.375em 1em; background-color: white; border-bottom: 1px solid #eee; box-shadow: 0 0 1em -0.25em rgba(0, 0, 0, 0.75); z-index: 1; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap .header { height: 100%; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } }
#top .main-nav-wrap .header .logo { display: block; height: 100%; margin-right: 1em; }
@media screen and (min-width: 800px) { #top .main-nav-wrap .header .logo { padding: 1.3em 0; } }
@media screen and (min-width: 1100px) { #top .main-nav-wrap .header .logo { padding: 1em 0; } }
#top .main-nav-wrap .header .logo img { display: block; height: 100%; }
@media screen and (max-width: 799px) { #top .main-nav-wrap > nav { display: none; position: fixed; top: 50px; bottom: 0; right: 0; width: 100%; background-color: white; overflow: auto; -webkit-overflow-scrolling: touch; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav { display: block !important; white-space: nowrap; } }
@media screen and (max-width: 799px) { .admin-bar #top .main-nav-wrap > nav { top: 82px; } }
@media screen and (max-width: 782px) { .admin-bar #top .main-nav-wrap > nav { top: 96px; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul { padding-top: 2rem; font-size: 0; } }
#top .main-nav-wrap > nav > ul > li { position: relative; }
@media screen and (max-width: 799px) { #top .main-nav-wrap > nav > ul > li { display: block; border-bottom: 2px solid #ebebeb; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li { font-size: 1rem; display: inline-block; vertical-align: middle; padding: 0 1em; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li:after { content: ""; position: absolute; top: 50%; right: 0; height: 0.875rem; margin-top: -0.375rem; border-right: 2px solid #ebebeb; } }
#top .main-nav-wrap > nav > ul > li:last-child:after { content: none; }
#top .main-nav-wrap > nav > ul > li > a, #top .main-nav-wrap > nav > ul > li > button { position: relative; display: block; padding: 1.5em; font-size: 1.125em; font-weight: 500; }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li > a, #top .main-nav-wrap > nav > ul > li > button { font-size: 0.875rem; padding: 0; line-height: calc(100px - 2rem); } }
@media screen and (min-width: 1000px) { #top .main-nav-wrap > nav > ul > li > a, #top .main-nav-wrap > nav > ul > li > button { font-size: 1rem; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li > a:hover, #top .main-nav-wrap > nav > ul > li > button:hover { color: black; } }
#top .main-nav-wrap > nav > ul > li > button { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: inherit; background: none; text-align: left; width: 100%; }
#top .main-nav-wrap > nav > ul > li > button[aria-expanded=false] + .mega-nav { display: none; }
#top .main-nav-wrap > nav > ul > li.mega-nav-trigger { position: static; cursor: context-menu; }
#top .main-nav-wrap > nav > ul > li.mega-nav-trigger:after { content: none; }
#top .main-nav-wrap > nav > ul > li.mega-nav-trigger:last-child > a:before, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger:last-child > button:before { content: none; }
#top .main-nav-wrap > nav > ul > li.mega-nav-trigger > a, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > button { position: relative; color: #0470b9; cursor: pointer; }
@media screen and (max-width: 799px) { #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > a, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > button { padding-right: 1em; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > a:before, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > button:before { content: ""; position: absolute; top: 50%; right: -1em; height: 0.875rem; margin-top: -0.375rem; border-right: 2px solid #ebebeb; } }
@media screen and (max-width: 799px) { #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > a:after, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > button:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e60e"; position: absolute; right: 1.5em; font-size: 0.875em; line-height: 1.9; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > a:after, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > button:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e60f"; display: inline-block; font-size: 0.625em; margin-left: 0.75em; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > a[aria-expanded=true]:after, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > button[aria-expanded=true]:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > a:hover, #top .main-nav-wrap > nav > ul > li.mega-nav-trigger > button:hover { color: #035287; } }
@media screen and (max-width: 799px) { #top .main-nav-wrap > nav > ul > li.search { display: none; } }
#top .main-nav-wrap > nav > ul > li.search > button { display: block; text-indent: -9999px; color: #0470b9; cursor: pointer; }
#top .main-nav-wrap > nav > ul > li.search > button:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e618"; float: left; text-indent: 0; }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li.search:hover > button, #top .main-nav-wrap > nav > ul > li.search.active > button { color: #035287; } }
@media screen and (min-width: 800px) { #top .main-nav-wrap > nav > ul > li.search.active:before { content: ""; position: absolute; bottom: 0; left: 1em; right: 1em; border-bottom: 3px solid #035287; } }
#top .mega-nav { display: block; width: 100%; white-space: normal; }
@media screen and (max-width: 799px) { #top .mega-nav { position: fixed; top: 50px; bottom: 0; right: 0; background-color: #f7f7f7; overflow: auto; padding-top: 1.5em; -webkit-overflow-scrolling: touch; z-index: 2; } }
@media screen and (min-width: 800px) { #top .mega-nav { position: absolute; top: 100%; left: 0; background-color: white; } }
@media screen and (max-width: 799px) { .admin-bar #top .mega-nav { top: 82px; } }
@media screen and (max-width: 782px) { .admin-bar #top .mega-nav { top: 96px; } }
#top .mega-nav > header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 1.5em; }
@media screen and (min-width: 800px) { #top .mega-nav > header { display: none; } }
#top .mega-nav > header .close-mega-nav { display: inline-block; width: 3em; height: 3em; background-color: #0470b9; color: white; text-align: center; line-height: 3em; margin-right: 1em; border-radius: 0 0.375em 0.375em 0; }
#top .mega-nav > header .close-mega-nav:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e610"; }
#top .mega-nav > header h3, #top .mega-nav > header .is-h3-style, #top .mega-nav > header .is-style-h3 { font-family: inherit; font-size: 1.25em; font-weight: 500; color: #0470b9; margin-bottom: 0; }
@media screen and (min-width: 800px) { #top .mega-nav > header h3, #top .mega-nav > header .is-h3-style, #top .mega-nav > header .is-style-h3 { font-size: 1.125em; } }
#top .mega-nav main { padding: 1.5em 0; background-color: #f7f7f7; border-bottom-right-radius: 50% 50px; }
@media screen and (min-width: 800px) { #top .mega-nav main { padding: 3em 0; } }
#top .mega-nav main:last-child { border-radius: 0; }
#top .mega-nav main h4, #top .mega-nav main .is-h4-style, #top .mega-nav main .is-style-h4 { position: relative; margin-bottom: 1.25rem; }
#top .mega-nav main h4:after, #top .mega-nav main .is-h4-style:after, #top .mega-nav main .is-style-h4:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; border-bottom: 2px solid #dedede; }
#top .mega-nav main .nav-wrap.purple h4, #top .mega-nav main .nav-wrap.purple .is-h4-style, #top .mega-nav main .nav-wrap.purple .list-nav ul li a:before { color: #9f1b96; }
#top .mega-nav main .nav-wrap.red h4, #top .mega-nav main .nav-wrap.red .is-h4-style, #top .mega-nav main .nav-wrap.red .list-nav ul li a:before { color: #D7300F; }
#top .mega-nav main .nav-wrap.blue h4, #top .mega-nav main .nav-wrap.blue .is-h4-style, #top .mega-nav main .nav-wrap.blue .list-nav ul li a:before { color: #0470b9; }
#top .mega-nav main nav { margin-bottom: 2rem; }
@media screen and (max-width: 799px) { #top .mega-nav main [class*='col-'] { margin-bottom: 0; }
  #top .mega-nav main [class*='col-']:last-child nav:last-child { margin-bottom: 0; } }
#top .mega-nav footer { padding: 2em 0; color: #464646; }
@media screen and (min-width: 800px) { #top .mega-nav footer .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; } }
@media screen and (min-width: 800px) { #top .mega-nav footer .flex > * { margin-left: 1rem; margin-bottom: 0; } }
@media screen and (min-width: 1000px) { #top .mega-nav footer .flex > * { margin-left: 1.5rem; } }
#top .mega-nav footer .button { white-space: nowrap; }
#top .mega-nav footer .button:nth-of-type(2n) { color: #0470b9; }

#google_translate_element { margin-left: auto; }
@media screen and (min-width: 800px) { #google_translate_element { position: absolute; top: 1em; right: 2em; } }
@media screen and (min-width: 800px) { #google_translate_element .goog-te-gadget { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.25em; } }
#google_translate_element .goog-te-gadget select { border: 1px solid; }
@media screen and (min-width: 800px) { #google_translate_element .goog-te-gadget select { margin-right: 1em; } }

#menu-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; cursor: pointer; z-index: 1000; }
@media screen and (min-width: 800px) { #menu-toggle { display: none; } }
#menu-toggle > div { position: relative; display: inline-block; width: 20px; height: 12px; }
#menu-toggle span { display: block; position: absolute; left: 0; width: 100%; height: 2px; background-color: #7d7d7d; opacity: 1; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; border-radius: 999px; }
#menu-toggle span:nth-child(1) { top: 0; }
#menu-toggle span:nth-child(2) { top: 5px; }
#menu-toggle span:nth-child(3) { top: 10px; }
#menu-toggle[aria-expanded=true] span:nth-child(1) { top: 5px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
#menu-toggle[aria-expanded=true] span:nth-child(2) { opacity: 0; }
#menu-toggle[aria-expanded=true] span:nth-child(3) { top: 5px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

@media screen and (min-width: 800px) { #mega-nav-actions main .nav-wrap:last-child { margin-bottom: 0; } }

@media screen and (min-width: 800px) { #mega-nav-services .contain { -webkit-columns: 3; -moz-columns: 3; columns: 3; } }
#mega-nav-services .contain div, #mega-nav-services .contain li { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; }
#mega-nav-services h3, #mega-nav-services .is-h3-style, #mega-nav-services .is-style-h3 { color: #7d7d7d; }

#bottom { padding: calc(2.5em + 0px) 0 calc(2.5em + 0px) 0; position: relative; background-color: white; border-top-left-radius: 30% 10px; z-index: 1; padding-bottom: 0 !important; }
@media screen and (min-width: 800px) { #bottom { padding: calc(8% + 0px) 0 calc(8% + 0px) 0; } }
@media screen and (min-width: 1200px) { #bottom { padding: calc(100px + 0px) 0 calc(100px + 0px) 0; } }
@media screen and (min-width: 800px) { #bottom { border-top-left-radius: 30% 20px; } }
#bottom:before { content: ""; position: absolute; left: 0; top: 0; right: 50%; height: 30px; background-color: transparent; border-top-left-radius: 30% 10px; box-shadow: 0 -10px 0 0 #ebebeb; }
@media screen and (min-width: 800px) { #bottom:before { top: 10px; border-top-left-radius: 30% 20px; } }
#bottom:after { position: relative; border-bottom-right-radius: 50% 20px; box-shadow: 100px 10px 0 0 #ebebeb, -100px 10px 0 0 #ebebeb; content: ""; position: absolute; left: calc(50% - 100px); bottom: calc(100% + 10px); right: 0; height: 45px; background-color: transparent; box-shadow: 100px 10px 0 0 #ebebeb; }
@media screen and (min-width: 800px) { #bottom:after { border-bottom-right-radius: 50% 30px; } }
@media screen and (min-width: 1000px) { #bottom:after { border-bottom-right-radius: 50% 80px; } }
@media screen and (min-width: 800px) { #bottom:after { bottom: 100%; } }
.home #bottom:before, .home #bottom:after { content: none; }
#bottom h4, #bottom .is-h4-style, #bottom .is-style-h4 { color: #0470b9; margin-bottom: 1.5rem; }
#bottom .metropolis:hover { color: #1e73be; }
#bottom .sub-footer { border-top: 2px solid #ebebeb; padding: 2em 0; margin-top: 3rem; }
@media screen and (min-width: 800px) { #bottom .sub-footer .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }
#bottom .sub-footer .flex > * { margin-bottom: 1.5em; }
@media screen and (min-width: 800px) { #bottom .sub-footer .flex > * { margin-bottom: 0; } }
#bottom .sub-footer .flex > *:last-child { margin-bottom: 0; }
#bottom .sub-footer p { display: inline-block; }
@media screen and (min-width: 800px) { #bottom .sub-footer p { margin-bottom: 0; margin-right: 1.5em; } }
#bottom .sub-footer nav { display: inline-block; }
#bottom .sub-footer nav ul li { display: inline-block; margin-right: 1.5em; }
#bottom .sub-footer nav ul li a { text-decoration: underline; }

section { padding: calc(2.5em + 0px) 0 calc(2.5em + 0px) 0; position: relative; background-color: white; z-index: 1; overflow: hidden; }
@media screen and (min-width: 800px) { section { padding: calc(8% + 0px) 0 calc(8% + 0px) 0; } }
@media screen and (min-width: 1200px) { section { padding: calc(100px + 0px) 0 calc(100px + 0px) 0; } }
section.gray { background-color: #f7f7f7; }
section.gradient { background: linear-gradient(to bottom, white 25%, #f7f7f7); }
@media screen and (min-width: 800px) { section.gray + footer, section.gradient + footer { margin-top: -20px; } }
section.curve-bottom { border-bottom-left-radius: 50% 15px; }
@media screen and (min-width: 800px) { section.curve-bottom { border-bottom-left-radius: 50% 25px; } }
@media screen and (min-width: 1000px) { section.curve-bottom { border-bottom-left-radius: 50% 50px; } }
section.wave-top { position: relative; border-top-right-radius: 50% 20px; box-shadow: 100px -10px 0 0 #ebebeb, -100px -10px 0 0 #ebebeb; }
@media screen and (min-width: 800px) { section.wave-top { border-top-right-radius: 50% 30px; } }
@media screen and (min-width: 1000px) { section.wave-top { border-top-right-radius: 50% 80px; } }
section.wave-bottom { position: relative; border-bottom-right-radius: 50% 20px; box-shadow: 100px 10px 0 0 #ebebeb, -100px 10px 0 0 #ebebeb; }
@media screen and (min-width: 800px) { section.wave-bottom { border-bottom-right-radius: 50% 30px; } }
@media screen and (min-width: 1000px) { section.wave-bottom { border-bottom-right-radius: 50% 80px; } }
section.wave-bottom + .gray, section.wave-bottom + .gradient { z-index: 0; }
section:not(.gray):not(.gradient):not(.curve-bottom):not(.wave-top):not(.wave-bottom) + section:not(.gray):not(.gradient):not(.curve-bottom):not(.wave-top):not(.wave-bottom) { padding-top: 0; }

.section-header { margin-bottom: 5%; margin-top: 2rem; max-width: 750px; }
.section-header:first-child { margin-top: 0; }

.page-header { position: relative; border-bottom-right-radius: 50% 20px; box-shadow: 100px 10px 0 0 #0470b9, -100px 10px 0 0 #0470b9; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: calc(2.5em + 0px) 0 calc(2.5em + 16px) 0; background-color: black; color: white; z-index: 2; }
@media screen and (min-width: 800px) { .page-header { border-bottom-right-radius: 50% 30px; } }
@media screen and (min-width: 1000px) { .page-header { border-bottom-right-radius: 50% 80px; } }
@media screen and (min-width: 800px) { .page-header { padding: calc(8% + 0px) 0 calc(8% + 16px) 0; } }
@media screen and (min-width: 1200px) { .page-header { padding: calc(100px + 0px) 0 calc(100px + 16px) 0; } }
@media screen and (min-width: 800px) { .page-header { margin-bottom: -20px; } }
@media screen and (min-width: 800px) { .page-header + section:not(.page-content) { padding: calc(2.5em + 20px) 0 calc(2.5em + 0px) 0; } }
@media screen and (min-width: 800px) and (min-width: 800px) { .page-header + section:not(.page-content) { padding: calc(8% + 20px) 0 calc(8% + 0px) 0; } }
@media screen and (min-width: 800px) and (min-width: 1200px) { .page-header + section:not(.page-content) { padding: calc(100px + 20px) 0 calc(100px + 0px) 0; } }

@media screen and (min-width: 800px) { .page-header + section.page-content .contain { padding-top: calc(60px + 20px); } }
@media screen and (min-width: 1200px) { .page-header + section.page-content .contain { padding-top: calc(80px + 20px); } }
.page-header .content-wrap { max-width: 600px; }
.page-header .overlay { box-shadow: 0 0 2rem -0.25rem rgba(0, 0, 0, 0.2); display: block; padding: 1.5rem; background-color: white; border-radius: 2px; color: black; max-width: 450px; }
@media screen and (min-width: 800px) { .page-header .overlay { padding: 2rem; } }
@media screen and (min-width: 800px) { .page-header .overlay { margin-top: 3em; } }
.page-header .overlay:first-child { margin-top: 0; }
.page-header .overlay > *:last-child { margin-bottom: 0; }

.page-content { padding: 0; margin-bottom: -10px; }
@media screen and (min-width: 800px) { .page-content { overflow: hidden; margin-bottom: -20px; } }
@media screen and (min-width: 800px) { .page-content .inner { width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; } }
.page-content .contain { width: 100%; margin: 0; padding: 2.5em 5%; }
@media screen and (min-width: 800px) { .page-content .contain { padding-top: 60px; padding-bottom: 80px; } }
@media screen and (min-width: 1200px) { .page-content .contain { padding-top: 80px; padding-bottom: 100px; } }
.page-content main { padding: 0; position: relative; }
@media screen and (min-width: 800px) { .page-content main { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: calc(50% + 100px); padding: 0 0 0 5%; } }
@media screen and (min-width: 1000px) { .page-content main { width: calc(50% + 200px); } }
.page-content main .contain { margin-left: auto; }
@media screen and (min-width: 800px) { .page-content main .contain { padding-right: 60px; padding-left: 0; max-width: 800px; } }
.page-content main .contain > *:last-child { margin-bottom: 0; }
.page-content main:last-child { padding: calc(2.5em + 0px) 0 calc(2.5em + 0px) 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 90%; margin: 0 auto; max-width: 800px; }
@media screen and (min-width: 800px) { .page-content main:last-child { padding: calc(8% + 0px) 0 calc(8% + 0px) 0; } }
@media screen and (min-width: 1200px) { .page-content main:last-child { padding: calc(100px + 0px) 0 calc(100px + 0px) 0; } }
.page-content main:last-child .contain { margin: 0; padding: 0 !important; }
.page-content .sidebar { background-color: #f7f7f7; padding: 0; }
@media screen and (min-width: 800px) { .page-content .sidebar { width: calc(50% - 100px); padding: 0 5% 0 0; } }
@media screen and (min-width: 1000px) { .page-content .sidebar { width: calc(50% - 200px); } }
@media screen and (max-width: 799px) { .page-content .sidebar .contain { padding-bottom: calc(2.5em + 10px); } }
@media screen and (min-width: 800px) { .page-content .sidebar .contain { padding-right: 0; padding-left: 40px; max-width: 400px; } }
.page-content .sidebar .contain > * { padding: 2em 0; border-bottom: 2px solid #ebebeb; }
.page-content .sidebar .contain > *:first-child { padding-top: 0; }
.page-content .sidebar .contain > *:last-child { padding-bottom: 0; border-bottom: none; }
.page-content .sidebar .section-header { margin-bottom: 1.5em; }
.page-content .sidebar .twitter-timeline { margin-bottom: 1.5em !important; }
.page-content .sidebar .button { margin-top: 0.5rem; }
.page-content .sidebar .list-nav > ul li a { text-decoration: underline; }
.page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) h4, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) .is-h4-style, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) .arrow-link, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) a, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) a:not(:first-of-type), .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) .button, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-2) .list-nav ul li a:before { color: #9f1b96; }
.page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) h4, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) .is-h4-style, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) .arrow-link, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) a, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) a:not(:first-of-type), .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) .button, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-1) .list-nav ul li a:before { color: #D7300F; }
.page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) h4, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) .is-h4-style, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) .arrow-link, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) a, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) a:not(:first-of-type), .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) .button, .page-content .sidebar.dynamic-colors .contain > *:nth-child(3n-0) .list-nav ul li a:before { color: #0470b9; }

.contain { width: 90%; max-width: 1000px; margin: 0 auto; position: relative; }
.contain:after { content: ""; display: table; clear: both; }
.contain.wide { max-width: 1200px; }
.contain.narrow { max-width: 800px; }
@media screen and (min-width: 800px) { .contain.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } }
@media screen and (min-width: 800px) { .contain.flex .right { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: auto; } }

.clear:after:after { content: ""; display: table; clear: both; }

[class*='col-'] { position: relative; height: 100%; margin-bottom: 5%; }
@media screen and (min-width: 800px) { [class*='col-'] { float: left; margin-bottom: 0; margin-right: 8%; }
  [class*='col-'].right { float: right; margin-right: 0; }
  [class*='col-'].col-1-2 { width: 46%; }
  [class*='col-'].col-1-3 { width: 28%; }
  [class*='col-'].col-2-3 { width: 64%; }
  [class*='col-'].col-1-4 { width: 19%; }
  [class*='col-'].col-3-4 { width: 73%; }
  [class*='col-'].col-1-5 { width: 13.6%; }
  [class*='col-'].col-2-5 { width: 35.2%; }
  [class*='col-'].col-3-5 { width: 56.8%; } }
[class*='col-']:last-child { margin-bottom: 0; }

/* 5% Margins 
[class*='col-'] {
	position: relative;
	height: 100%;
	margin-bottom: 5%;
	@include media(min) {
		float: left;
		margin-bottom: 0;
		margin-right: 5%;
		
		&.right { 
			float: right;
			margin-right: 0;
		}
		
		&.col-1-2 { width: 47.5%; }
		&.col-1-3 { width: 30%; }
		&.col-2-3 { width: 65%; }
		&.col-1-4 { width: 21.25%; }
		&.col-3-4 { width: 73.75%; }
		&.col-1-5 { width: 16%; }
		&.col-2-5 { width: 37%; }
		&.col-3-5 { width: 58%; }
	}	
}
*/
.columns div, .columns ul, .columns li, .columns h1, .columns h2, .columns h3, .columns h4, .columns h5, .columns h6, .columns p, .columns a { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; }
@media screen and (min-width: 800px) { .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; } }

section.gray + .cta-wrap { background: linear-gradient(to bottom, #f7f7f7 50%, white 50%); }
.cta-wrap > a { position: relative; display: block; background-color: #0470b9; color: white; padding: 1.5em 0; border-top-right-radius: 30% 10px; border-bottom-left-radius: 30% 10px; text-align: center; }
@media screen and (min-width: 800px) { .cta-wrap > a { border-top-right-radius: 30% 20px; border-bottom-left-radius: 30% 20px; } }
@media screen and (min-width: 800px) { .cta-wrap > a:before, .cta-wrap > a:after { content: ""; position: absolute; width: 50%; height: 100%; background-color: transparent; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 10; } }
@media screen and (min-width: 800px) { .cta-wrap > a:before { top: -3em; bottom: 0; left: 0; box-shadow: inset 0em -3em 0 0em #0470b9; border-bottom-left-radius: 30% 20px; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; } }
@media screen and (min-width: 800px) { .cta-wrap > a:after { top: 3em; bottom: 0; right: 0; box-shadow: inset 0em 3em 0 0em #0470b9; border-top-right-radius: 30% 20px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } }
.cta-wrap > a:focus { outline: none; }
.cta-wrap > a:focus .button { outline: 2px solid; text-decoration: underline !important; }
.cta-wrap .flex { z-index: 11; }
@media screen and (min-width: 800px) { .cta-wrap .flex { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }
@media screen and (min-width: 800px) { .cta-wrap * { margin-bottom: 0; } }
.cta-wrap .button { color: inherit; }
@media screen and (min-width: 800px) { .cta-wrap .button:not(:first-child) { margin-left: 2em; } }

.box-grid [class*='col-'] { margin-bottom: 0; }
.box-grid [class*='col-'] > * { margin-bottom: 2em; }
@media screen and (min-width: 800px) { .box-grid [class*='col-'] > * { margin-bottom: 5em; }
  .box-grid [class*='col-'] > *:last-child { margin-bottom: 0; } }
.box-grid .box { box-shadow: 0 0 2rem -0.25rem rgba(0, 0, 0, 0.2); display: block; padding: 1.5rem; background-color: white; border-radius: 2px; position: relative; display: block; padding: 0 !important; }
@media screen and (min-width: 800px) { .box-grid .box { padding: 2rem; } }
.box-grid .box .tag { font-family: 'Roboto Slab'; display: inline-block; padding: 0.5em 1.25em; color: white; background-color: #0470b9; text-transform: uppercase; border-radius: 0.375em 0.375em 0 0; }
.box-grid .box .tag:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e60c"; position: relative; top: -0.125em; margin-left: 1rem; font-size: 0.625em; }
.box-grid .box > .tag { position: absolute; bottom: 0; right: 1.5em; }
@media screen and (min-width: 800px) { .box-grid .box > .tag { right: 2em; } }
.box-grid .box > .tag + .content-wrap { padding-bottom: 2em; }
@media screen and (min-width: 800px) { .box-grid .box > .tag + .content-wrap { padding-bottom: 2.5em; } }
.box-grid .box .image-wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; padding-bottom: 62.5%; }
.box-grid .box .image-wrap .background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.box-grid .box .image-wrap + .content-wrap { position: relative; border-top-right-radius: 50% 25px; background-color: white; margin-top: -25px; z-index: 1; }
.box-grid .box .image-wrap .tag { position: absolute; bottom: 25px; left: 1.5em; }
@media screen and (min-width: 800px) { .box-grid .box .image-wrap .tag { left: 2em; } }
.box-grid .box .content-wrap { padding: 1.5em; }
@media screen and (min-width: 800px) { .box-grid .box .content-wrap { padding: 2em; } }
.box-grid .box.purple .tag { background-color: #9f1b96; }
.box-grid .box.purple .arrow-link, .box-grid .box.purple #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .box-grid .box.purple a, .box-grid .box.purple .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div .box-grid .box.purple a:not(:first-of-type) { color: #9f1b96; }
.box-grid .box.red .tag { background-color: #D7300F; }
.box-grid .box.red .arrow-link, .box-grid .box.red #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .box-grid .box.red a, .box-grid .box.red .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div .box-grid .box.red a:not(:first-of-type) { color: #D7300F; }

.icon-wrap { display: inline-block; width: 3rem; height: 3rem; background-color: #0470b9; font-size: 1.5em; color: white; text-align: center; line-height: 3rem; border-radius: 999px; margin-bottom: 1rem; }
@media screen and (min-width: 800px) { .icon-wrap { width: 5rem; height: 5rem; line-height: 5rem; font-size: 2em; margin-bottom: 2rem; } }
.icon-wrap.permit:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e604"; }
.icon-wrap.data:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e601"; }
.icon-wrap.hazard:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e602"; }

.partners-wrap li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 2em; }
.partners-wrap li:last-child { margin-bottom: 0; }
.partners-wrap li .image-wrap { width: 75px; -webkit-flex: none; -ms-flex: none; flex: none; margin-right: 1.5em; }
.partners-wrap li .image-wrap img { display: block; }

/* HOME  */
#hero { position: relative; border-bottom-right-radius: 50% 20px; box-shadow: 100px 10px 0 0 #f7941f, -100px 10px 0 0 #f7941f; margin-bottom: 100px; padding: 0; }
@media screen and (min-width: 800px) { #hero { border-bottom-right-radius: 50% 30px; } }
@media screen and (min-width: 1000px) { #hero { border-bottom-right-radius: 50% 80px; } }
@media screen and (min-width: 800px) { #hero { display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 550px; } }
#hero > .content-wrap { padding: calc(2.5em + 0px) 0 calc(2.5em + 0px) 0; position: relative; padding-right: 5vw !important; padding-left: 5vw !important; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; }
@media screen and (min-width: 800px) { #hero > .content-wrap { padding: calc(8% + 0px) 0 calc(8% + 0px) 0; } }
@media screen and (min-width: 1200px) { #hero > .content-wrap { padding: calc(100px + 0px) 0 calc(100px + 0px) 0; } }
@media screen and (max-width: 799px) { #hero > .content-wrap { max-width: none; } }
@media screen and (min-width: 800px) { #hero > .content-wrap { max-width: 650px; width: 60%; } }
@media screen and (min-width: 1500px) { #hero > .content-wrap { padding-right: 80px !important; padding-left: 80px !important; } }
#hero > .content-wrap:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; top: -100px; background-color: #0470b9; opacity: 0.75; }
@media screen and (max-width: 799px) { #hero > .content-wrap:before { border-bottom-right-radius: 50% 20px; } }
@media screen and (min-width: 800px) { #hero > .content-wrap:before { -webkit-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; } }
#hero > .content-wrap .inner { position: relative; padding-bottom: 60px; }
@media screen and (min-width: 800px) { #hero > .content-wrap .inner { padding-bottom: 100px; } }
#hero > .content-wrap .inner > *:last-child { margin-bottom: 0; }
#hero .phab { box-shadow: 0 0 2rem -0.25rem rgba(0, 0, 0, 0.2); position: absolute; left: 5%; bottom: -60px; width: 120px; border-radius: 999px; overflow: hidden; }
@media screen and (min-width: 800px) { #hero .phab { width: 200px; bottom: -100px; } }
@media screen and (min-width: 1325px) { #hero .phab { left: 50%; margin-left: -600px; } }
#hero .phab img { display: block; }
#hero + .caption { margin-top: -70px; }
@media screen and (min-width: 800px) { #hero + .caption { margin-top: -60px; } }
#hero + .caption .inner { position: relative; padding-left: 150px; color: black; }
@media screen and (min-width: 800px) { #hero + .caption .inner { padding-left: 280px; } }
#hero + .caption .inner:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e600"; position: absolute; left: 120px; top: -10px; color: #f7941f; font-size: 1.5em; }
@media screen and (min-width: 800px) { #hero + .caption .inner:before { left: 240px; font-size: 2em; } }
#hero + .caption .inner h4, #hero + .caption .inner .is-h4-style, #hero + .caption .inner .is-style-h4 { display: inline; color: #f7941f; }

@media screen and (min-width: 800px) { #front-page-content-wrap [class*='col-'].flex > * { margin-bottom: 5em; } }
#front-page-content-wrap [class*='col-'].flex .newsletter-wrap { color: #7d7d7d; }
@media screen and (min-width: 800px) { #front-page-content-wrap [class*='col-'].flex .newsletter-wrap { margin-bottom: 0; } }

@media screen and (max-width: 799px) { #front-page-content-wrap-2 [class*='col-'] { margin-bottom: 3em; }
  #front-page-content-wrap-2 [class*='col-']:last-child { margin-bottom: 0; } }
#front-page-content-wrap-2 [class*='col-'] header { border-bottom: 2px solid #ebebeb; margin-bottom: 1em; }
@media screen and (max-width: 799px) { #front-page-content-wrap-2 [class*='col-'] header { text-align: left; } }
#front-page-content-wrap-2 [class*='col-'] header h3, #front-page-content-wrap-2 [class*='col-'] header .is-h3-style, #front-page-content-wrap-2 [class*='col-'] header .is-style-h3 { margin-bottom: 1rem; }
@media screen and (min-width: 800px) { #front-page-content-wrap-2 [class*='col-'] header h3, #front-page-content-wrap-2 [class*='col-'] header .is-h3-style, #front-page-content-wrap-2 [class*='col-'] header .is-style-h3 { margin: 0 auto 2em; max-width: 200px; } }
#front-page-content-wrap-2 [class*='col-'] nav ul li { margin-bottom: 0.25em; }
#front-page-content-wrap-2 [class*='col-'] nav ul.truncate { margin-bottom: 0.5em; }
#front-page-content-wrap-2 [class*='col-'] nav ul.truncate + .trigger { font-size: 1.125em; font-weight: 500; color: #7d7d7d; margin-bottom: 1em; }
#front-page-content-wrap-2 [class*='col-'] nav ul.truncate + .trigger:before { content: "More"; }
#front-page-content-wrap-2 [class*='col-'] nav ul.truncate + .trigger:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e60f"; display: inline-block; font-size: 0.75em; margin-left: 0.5em; }
#front-page-content-wrap-2 [class*='col-'].blue .icon-wrap { background-color: #0470b9; }
#front-page-content-wrap-2 [class*='col-'].blue nav a { color: #0470b9; }
#front-page-content-wrap-2 [class*='col-'].purple .icon-wrap { background-color: #9f1b96; }
#front-page-content-wrap-2 [class*='col-'].purple nav a { color: #9f1b96; }
#front-page-content-wrap-2 [class*='col-'].red .icon-wrap { background-color: #D7300F; }
#front-page-content-wrap-2 [class*='col-'].red nav a { color: #D7300F; }

#front-page-content-wrap-3 [class*='col-'].blue h4, #front-page-content-wrap-3 [class*='col-'].blue .is-h4-style, #front-page-content-wrap-3 [class*='col-'].blue .button, #front-page-content-wrap-3 [class*='col-'].blue .arrow-link, #front-page-content-wrap-3 #front-page-content-wrap-2 [class*='col-'].blue nav ul li a, #front-page-content-wrap-2 #front-page-content-wrap-3 [class*='col-'].blue nav ul li a, #front-page-content-wrap-3 [class*='col-'].blue .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div #front-page-content-wrap-3 [class*='col-'].blue a:not(:first-of-type) { color: #0470b9; }
#front-page-content-wrap-3 [class*='col-'].purple h4, #front-page-content-wrap-3 [class*='col-'].purple .is-h4-style, #front-page-content-wrap-3 [class*='col-'].purple .button, #front-page-content-wrap-3 [class*='col-'].purple .arrow-link, #front-page-content-wrap-3 #front-page-content-wrap-2 [class*='col-'].purple nav ul li a, #front-page-content-wrap-2 #front-page-content-wrap-3 [class*='col-'].purple nav ul li a, #front-page-content-wrap-3 [class*='col-'].purple .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div #front-page-content-wrap-3 [class*='col-'].purple a:not(:first-of-type) { color: #9f1b96; }
#front-page-content-wrap-3 [class*='col-'].red h4, #front-page-content-wrap-3 [class*='col-'].red .is-h4-style, #front-page-content-wrap-3 [class*='col-'].red .button, #front-page-content-wrap-3 [class*='col-'].red .arrow-link, #front-page-content-wrap-3 #front-page-content-wrap-2 [class*='col-'].red nav ul li a, #front-page-content-wrap-2 #front-page-content-wrap-3 [class*='col-'].red nav ul li a, #front-page-content-wrap-3 [class*='col-'].red .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div #front-page-content-wrap-3 [class*='col-'].red a:not(:first-of-type) { color: #D7300F; }

/* POST TYPES   */
.posts-wrap h4, .posts-wrap .is-h4-style, .posts-wrap .is-style-h4, .posts-wrap .arrow-link, .posts-wrap #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .posts-wrap a, .posts-wrap .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div .posts-wrap a:not(:first-of-type) { color: #D7300F; }
.posts-wrap > a { box-shadow: 0 0 2rem -0.25rem rgba(0, 0, 0, 0.2); display: block; padding: 1.5rem; background-color: white; border-radius: 2px; margin-bottom: 2em; }
@media screen and (min-width: 800px) { .posts-wrap > a { padding: 2rem; } }
.posts-wrap > a:last-child { margin-bottom: 0; }
.posts-wrap > a .date { color: #7d7d7d; margin-bottom: 0.5em; }
@media screen and (min-width: 800px) { .posts-wrap.two-col { font-size: 0; margin: -2%; } }
@media screen and (min-width: 800px) { .posts-wrap.two-col > a { display: inline-block; vertical-align: top; font-size: 1rem; width: 46%; margin: 2%; } }

.pagination { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 4em; color: #7d7d7d; font-weight: 500; }
.pagination > a.prev:before, .pagination > a.next:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e603"; position: relative; display: inline-block; top: 0.175em; font-size: 1.25em; margin-left: 0.375em; line-height: 0; }
.pagination > a.prev:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: 0.375em; margin-left: 0; }
.pagination > a.disabled { opacity: 0.5; pointer-events: none; }
.pagination > a:not(.disabled):hover { color: black; }
.pagination ul li { display: inline-block; }
.pagination ul li a { display: inline-block; width: 1.75em; height: 1.75em; line-height: 1.75; text-align: center; border-radius: 999px; }
.pagination ul li a.current { background-color: #D7300F; color: white; margin: 0 0.25em; }
.search .pagination ul li a.current { background-color: #0470b9; }
.pagination ul li a:not(.current):hover { color: black; }

@media screen and (min-width: 800px) { .post-header { margin-bottom: 3em; } }
.post-header .date { margin-bottom: 0.5em; }
.single-post .post-header .date { color: #7d7d7d; }
.post-header .time-based-alert { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0.75em; background-color: #9f1b96; color: white; font-size: 0.875em; padding: 0.75em 1.25em; border-radius: 0.5em; margin: 2em 0; }
.post-header .time-based-alert:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e602"; font-size: 1.25em; line-height: 0; }

.events-wrap > a { display: block; padding: 2em 0; border-bottom: 2px solid #ebebeb; }
.events-wrap > a:first-child { padding-top: 0; }
.events-wrap > a:last-child { padding-bottom: 0; border-bottom: 0; }
.events-wrap > a ul { margin-bottom: 1em; }
.events-wrap + .arrow-link, #front-page-content-wrap-2 [class*='col-'] nav ul li .events-wrap + a, .resource-category-wrap > div .events-wrap + a:not(:first-of-type) { margin-top: 2rem; text-transform: uppercase; }

@media screen and (min-width: 800px) { .resource-category-wrap { font-size: 0; margin: -3%; } }
.resource-category-wrap > div { box-shadow: 0 0 2rem -0.25rem rgba(0, 0, 0, 0.2); display: block; padding: 1.5rem; background-color: white; border-radius: 2px; margin-bottom: 2em; }
@media screen and (min-width: 800px) { .resource-category-wrap > div { padding: 2rem; } }
@media screen and (min-width: 800px) { .resource-category-wrap > div { display: inline-block; vertical-align: top; width: 44%; margin: 3%; font-size: 1rem; } }
.resource-category-wrap > div h4, .resource-category-wrap > div .is-h4-style, .resource-category-wrap > div .is-style-h4 { position: relative; color: #0470b9; margin-bottom: 1em; }
.resource-category-wrap > div h4:after, .resource-category-wrap > div .is-h4-style:after, .resource-category-wrap > div .is-style-h4:after { content: ""; position: absolute; top: 100%; left: 0; right: 0; border-bottom: 2px solid #ebebeb; }
.resource-category-wrap > div a:not(:first-of-type) { position: relative; display: block; font-size: 1rem; color: #0470b9; margin-bottom: 0.5em; }
.resource-category-wrap > div a:not(:first-of-type).pdf { padding-left: 1.375em; }
.resource-category-wrap > div a:not(:first-of-type).pdf:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e614"; position: absolute; left: 0; color: #7d7d7d; }
.resource-category-wrap > div a:first-of-type { display: block; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 2px solid #ebebeb; }
.resource-category-wrap > div a:first-of-type:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
.resource-category-wrap > div a:first-of-type .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.resource-category-wrap > div a:first-of-type .flex .image-wrap { -webkit-flex: none; -ms-flex: none; flex: none; width: 75px; margin-right: 1em; }
@media screen and (min-width: 800px) { .resource-category-wrap > div a:first-of-type .flex .image-wrap { width: 100px; } }
.resource-category-wrap > div a:first-of-type .flex .image-wrap.wide { width: 100px; }
@media screen and (min-width: 800px) { .resource-category-wrap > div a:first-of-type .flex .image-wrap.wide { width: 150px; } }
.resource-category-wrap > div a:first-of-type .flex .image-wrap img { box-shadow: 0 0 1em -0.25em rgba(0, 0, 0, 0.1); }
.resource-category-wrap > div a:first-of-type h3, .resource-category-wrap > div a:first-of-type .is-h3-style, .resource-category-wrap > div a:first-of-type .is-style-h3 { margin-bottom: 0.5rem; }
.resource-category-wrap > div a:first-of-type .arrow-link, .resource-category-wrap > div a:first-of-type #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .resource-category-wrap > div a:first-of-type a, .resource-category-wrap > div a:first-of-type a:not(:first-of-type) { font-size: 1em; }
.resource-category-wrap.events > div a:not(:first-of-type):before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e609"; }

.resources-featured-wrap > a { display: block; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 2px solid #ebebeb; }
.resources-featured-wrap > a .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.resources-featured-wrap > a .flex .image-wrap { -webkit-flex: none; -ms-flex: none; flex: none; width: 75px; margin-right: 1em; }
@media screen and (min-width: 800px) { .resources-featured-wrap > a .flex .image-wrap { width: 160px; max-width: 50%; } }
.resources-featured-wrap > a .flex .image-wrap img { box-shadow: 0 0 1em -0.25em rgba(0, 0, 0, 0.1); }
.resources-featured-wrap > a h3, .resources-featured-wrap > a .is-h3-style, .resources-featured-wrap > a .is-style-h3 { margin-bottom: 1.5rem; }

.resources-wrap > a { display: block; margin-bottom: 1.5em; }
.resources-wrap > a:last-child { margin-bottom: 0; }
.resources-wrap > a h3, .resources-wrap > a .is-h3-style, .resources-wrap > a .is-style-h3 { font-family: inherit; font-size: 1.25em; font-weight: 500; margin-bottom: 0.25rem; color: #7d7d7d; }
@media screen and (min-width: 800px) { .resources-wrap > a h3, .resources-wrap > a .is-h3-style, .resources-wrap > a .is-style-h3 { font-size: 1.125em; } }

.single-division .content-wrap h4, .single-division .content-wrap .is-h4-style, .single-division .content-wrap .is-style-h4, .single-division .content-wrap .arrow-link, .single-division .content-wrap #front-page-content-wrap-2 [class*='col-'] nav ul li a, #front-page-content-wrap-2 [class*='col-'] nav ul li .single-division .content-wrap a, .single-division .content-wrap .resource-category-wrap > div a:not(:first-of-type), .resource-category-wrap > div .single-division .content-wrap a:not(:first-of-type), .single-division .content-wrap .button { color: #9f1b96; }

.division-header { background-color: white; color: black; box-shadow: none; border-bottom-left-radius: 30% 10px; border-bottom-right-radius: 0; margin-bottom: 0; }
@media screen and (max-width: 799px) { .division-header { padding-bottom: 1.5em; } }
@media screen and (min-width: 800px) { .division-header { border-bottom-left-radius: 30% 20px; } }
.division-header:after { content: ""; position: absolute; left: 0; bottom: 0; right: 50%; height: 30px; background-color: transparent; border-bottom-left-radius: 30% 10px; box-shadow: 0 10px 0 0 #ebebeb; }
@media screen and (min-width: 800px) { .division-header:after { border-bottom-left-radius: 30% 20px; } }
.division-header + *:after { position: relative; border-top-right-radius: 50% 20px; box-shadow: 100px -10px 0 0 #ebebeb, -100px -10px 0 0 #ebebeb; content: ""; position: absolute; left: calc(50% - 100px); top: 10px; right: 0; height: 45px; background-color: transparent; box-shadow: 100px -10px 0 0 #ebebeb; }
@media screen and (min-width: 800px) { .division-header + *:after { border-top-right-radius: 50% 30px; } }
@media screen and (min-width: 1000px) { .division-header + *:after { border-top-right-radius: 50% 80px; } }
@media screen and (min-width: 800px) { .division-header + * .sidebar { border-top-right-radius: 50% 20px; } }

/* CONTACT   */
.contact-header { position: relative; border-bottom-right-radius: 50% 20px; box-shadow: 100px 10px 0 0 #D7300F, -100px 10px 0 0 #D7300F; border-bottom-right-radius: 0 !important; color: black; background-color: #f7f7f7; overflow: hidden; }
@media screen and (min-width: 800px) { .contact-header { border-bottom-right-radius: 50% 30px; } }
@media screen and (min-width: 1000px) { .contact-header { border-bottom-right-radius: 50% 80px; } }
@media screen and (max-width: 799px) { .contact-header { padding-bottom: 0; } }
.contact-header .content-wrap { z-index: 1; }

#map-canvas { height: 300px; margin-top: 2.5em; }
@media screen and (min-width: 800px) { #map-canvas { position: absolute; top: 0; right: 0; bottom: 0; left: 0; left: 35%; height: auto; margin: 0; } }
@media screen and (min-width: 800px) { #map-canvas:after { position: absolute; left: 0; top: 0; bottom: 0; width: 200px; background: linear-gradient(to right, #f7f7f7, rgba(247, 247, 247, 0)); } }

/* SEARCH  */
@media screen and (max-width: 799px) { #search-wrap { display: block !important; padding: 1.5em; } }
@media screen and (min-width: 800px) { #search-wrap { display: none; position: absolute; top: 100px; right: 1em; width: 400px; background-color: white; padding: 1.5em; box-shadow: 0 0.25em 1em -0.375em rgba(0, 0, 0, 0.5); } }
#search-wrap h4, #search-wrap .is-h4-style, #search-wrap .is-style-h4 { color: #0470b9; }
@media screen and (max-width: 799px) { #search-wrap h4, #search-wrap .is-h4-style, #search-wrap .is-style-h4 { display: none; } }

.search-form { margin-left: auto; display: block; }
.no-flexbox .search-form { float: right; }
.search-form .input-wrapper { position: relative; }
.search-form .input-wrapper:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e618"; position: absolute; top: 50%; right: 1em; line-height: 0.8; margin-top: -0.5em; z-index: 1; color: #7d7d7d; }
.search-form .input-wrapper .search-submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; top: 0; right: 0; bottom: 0; width: 46px; background: none; text-indent: -10000px; }
.search-form input[type="search"] { display: inline-block; width: 100%; padding: 0.675em 2em 0.675em 1em; font-family: inherit; font-size: 1rem; background-color: transparent; color: inherit; border: 2px solid #ebebeb; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 46px; }
.search-form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; appearance: none; }
.search-form input[type="search"]:focus { outline: none; border-color: #0470b9; }

@media screen and (min-width: 800px) { .search-header { margin-bottom: 4em; } }
@media screen and (min-width: 800px) { .search-header h1, .search-header .is-h1-style, .search-header .is-style-h1 { font-size: 2.25em; } }

.search-results-wrap > p { color: #7d7d7d; }
.search-results-wrap > a { display: block; padding: 1.5em 0; border-bottom: 2px solid #ebebeb; }
.search-results-wrap > a:first-of-type { border-top: 2px solid #ebebeb; }
.search-results-wrap > a h3, .search-results-wrap > a .is-h3-style, .search-results-wrap > a .is-style-h3 { font-family: inherit; font-size: 1.25em; font-weight: 500; margin-bottom: 0.75rem; color: #0470b9; }
@media screen and (min-width: 800px) { .search-results-wrap > a h3, .search-results-wrap > a .is-h3-style, .search-results-wrap > a .is-style-h3 { font-size: 1.125em; } }
.search-results-wrap > a > *:last-child { margin-bottom: 0; }
