@charset "UTF-8";
/**
 * Breakpoint mixins from Bootstrap 4.x.
 */
/**
 * Breakpoint viewport sizes and media queries.
 *
 * Breakpoints are defined as a map of (name: minimum width), order from small to large:
 *
 *    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
 *
 * The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.

 * Name of the next breakpoint, or null for the last breakpoint.
 *
 *    >> breakpoint-next(sm)
 *    md
 *    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    md
 *    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
 *    md
 */
/**
 * Minimum breakpoint width. Null for the smallest (first) breakpoint.
 *
 *    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    576px
 */
/**
 * Maximum breakpoint width. Null for the largest (last) breakpoint.
 * The maximum value is calculated as the minimum of the next one less 0.02px
 * to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
 * See https: *www.w3.org/TR/mediaqueries-4/#mq-min-max
 * Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
 * See https: *bugs.webkit.org/show_bug.cgi?id=178261
 *
 *    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    767.98px
 */
/**
 * Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
 * Useful for making responsive utilities.
 *
 *    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    ""  (Returns a blank string)
 *    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    "-sm"
 */
/**
 * Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
 * Makes the @content apply to the given breakpoint and wider.
 */
/**
 * Media of at most the maximum breakpoint width. No query for the largest breakpoint.
 * Makes the @content apply to the given breakpoint and narrower.
 */
/**
 * Media that spans multiple breakpoint widths.
 * Makes the @content apply between the min and max breakpoints
 */
/**
 * Media between the breakpoint's minimum and maximum widths.
 * No minimum for the smallest breakpoint, and no maximum for the largest one.
 * Makes the @content apply only to the given breakpoint, not viewports any
 * wider or narrower.
 */
/**
 * Breakpoint mixins from Bootstrap 4.x.
 */
/**
 * Breakpoint viewport sizes and media queries.
 *
 * Breakpoints are defined as a map of (name: minimum width), order from small to large:
 *
 *    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
 *
 * The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.

 * Name of the next breakpoint, or null for the last breakpoint.
 *
 *    >> breakpoint-next(sm)
 *    md
 *    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    md
 *    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
 *    md
 */
/**
 * Minimum breakpoint width. Null for the smallest (first) breakpoint.
 *
 *    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    576px
 */
/**
 * Maximum breakpoint width. Null for the largest (last) breakpoint.
 * The maximum value is calculated as the minimum of the next one less 0.02px
 * to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
 * See https: *www.w3.org/TR/mediaqueries-4/#mq-min-max
 * Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
 * See https: *bugs.webkit.org/show_bug.cgi?id=178261
 *
 *    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    767.98px
 */
/**
 * Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
 * Useful for making responsive utilities.
 *
 *    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    ""  (Returns a blank string)
 *    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 *    "-sm"
 */
/**
 * Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
 * Makes the @content apply to the given breakpoint and wider.
 */
/**
 * Media of at most the maximum breakpoint width. No query for the largest breakpoint.
 * Makes the @content apply to the given breakpoint and narrower.
 */
/**
 * Media that spans multiple breakpoint widths.
 * Makes the @content apply between the min and max breakpoints
 */
/**
 * Media between the breakpoint's minimum and maximum widths.
 * No minimum for the smallest breakpoint, and no maximum for the largest one.
 * Makes the @content apply only to the given breakpoint, not viewports any
 * wider or narrower.
 */
html {
  box-sizing: border-box;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

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

embed,
img,
object,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

body {
  color: #222;
  font: 400 95%/1.5 Verdana, Tahoma, Arial, sans-serif;
}

a {
  color: #4da1db;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}

h1 {
  font-size: 2.2rem;
}

nav.tabs {
  border: 1px solid #ccc;
  background-color: #e7eef2;
  padding: 1rem;
}
nav.tabs ul {
  margin-bottom: 0;
}

/** HK GROTESK **/
@font-face {
  font-family: "hk-grotesk-regular";
  src: url("../../assets/fonts/HKGrotesk-Regular.eot"), url("../../assets/fonts/HKGrotesk-Regular.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
.column-layout {
  display: flex;
  flex-wrap: nowrap;
}
.column-layout .column-left {
  flex: 0 0 31%;
  margin-right: 3%;
}
.column-layout .column-right {
  flex: 0 0 66%;
}

.image-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

.content-wrapper {
  max-width: 1400px;
  padding-left: 2em;
  padding-right: 2em;
  margin: 0 auto;
}
.content-wrapper .content-layout {
  display: flex;
}
.content-wrapper .content-layout .layout-content {
  flex: auto;
}
.content-wrapper .content-layout .layout-sidebar {
  flex: 0 0 35%;
  padding-left: 2em;
}

.grid {
  display: grid;
  grid-gap: 2rem;
}

.grid-full {
  grid-template-columns: auto;
}

/* 2-column grid */
.grid-sidebar {
  grid-template-columns: repeat(12, [col-start] minmax(0, 1fr) [col-end]);
}
.grid-sidebar .layout-content {
  grid-column: col-start/span 12;
}
@media (min-width: 768px) {
  .grid-sidebar .layout-content {
    grid-column: col-start/span 8;
  }
}
.grid-sidebar .layout-sidebar {
  grid-column: col-start/span 12;
}
@media (min-width: 768px) {
  .grid-sidebar .layout-sidebar {
    grid-column: col-start 9/span 4;
  }
}

.breadcrumb {
  margin: 1rem 0;
}
.breadcrumb li a {
  text-decoration: none;
}
.breadcrumb li a:hover {
  text-decoration: underline;
}

.button {
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  padding: 1em;
  text-align: center;
  border: 0;
  border-radius: 0.5em;
  color: #fff;
  background: #385b8d;
}
.button:hover {
  background: #4da1db;
}
.button a {
  color: #fff !important;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
}
.button-group .button {
  flex: 0 1 100%;
  width: 100%;
  margin: 0 0 2em 0;
  padding: 0;
}
.button-group .button a {
  display: block;
  padding: 1em;
}
.button-group .button .icon {
  position: absolute;
  left: 1em;
  width: 3em;
  height: 100%;
}
footer {
  width: 100%;
  background-color: #e7eef2;
  padding: 2rem 0;
  margin-top: 4rem;
}
footer h2 {
  font-size: 1.2em;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 200;
}
footer .content-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  footer .content-wrapper {
    flex-direction: row;
  }
}
footer .footer--logo {
  flex: 0 1 auto;
  padding-top: 1.5em;
  margin-right: 2em;
}
footer .footer--logo img {
  width: 200px;
}
footer .region-footer {
  flex: 0 1 auto;
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  flex-direction: column;
}
footer .region-footer > * {
  flex: 0 1 auto;
}
@media (min-width: 768px) {
  footer .region-footer {
    flex-direction: row;
  }
}
footer ul.menu {
  margin: 0;
  padding: 0;
}
footer ul.menu li {
  margin: 0;
  padding: 0;
}
footer ul.menu a {
  padding: 0.5em;
  display: block;
  color: #555;
  text-decoration: none;
  font-weight: 600;
}

form label {
  display: block;
}
form input[type=text],
form input[type=password],
form select,
form textarea {
  display: block;
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0;
}
form input[type=text]:focus,
form input[type=password]:focus,
form select:focus,
form textarea:focus {
  border: 1px solid #385b8d;
  outline: none;
}
form input[type=submit] {
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: inline-block;
  margin: 0;
  padding: 1em;
  text-align: center;
  border: 0;
  color: #fff;
  background-color: #385b8d;
}
form input[type=submit]:hover {
  background-color: #4da1db;
}

.container-inline.js-form-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-inline.js-form-wrapper input[type=search] {
  padding: 0.5em;
  font-size: 1.2em;
  border: 1px solid #ccc;
}
.container-inline.js-form-wrapper input[type=submit] {
  margin-left: 1em;
  display: inline;
  height: 3.5em;
  min-width: 200px;
}

#search-block-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#search-block-form input.form-submit {
  color: #222;
  padding: 0.75rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='490' height='490'%3E%3Cpath stroke='%23fff' fill='none' stroke-width='36' stroke-linecap='round' d='m280,278a153,153 0 1,0-2,2l170,170m-91-117 110,110-26,26-110-110'/%3E%3C/svg%3E ");
  background-position: center center;
  background-size: 50% auto;
  background-repeat: no-repeat;
  background-color: #385b8d;
  width: 50px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-indent: -999em;
  border-radius: 0 1em 1em 0;
}
#search-block-form input.form-submit:hover, #search-block-form input.form-submit:active {
  background-color: #eee;
}
#search-block-form input.form-search {
  border: 1px solid #ccc;
  margin-left: 0.5em;
  border-right: none;
  padding: 0.75rem;
  min-width: 60px;
  width: 60px;
  border-radius: 1em 0 0 1em;
  transition: min-width 170ms ease-out;
}
#search-block-form input.form-search:hover {
  background: #eee;
}
#search-block-form input.form-search:focus, #search-block-form input.form-search:active {
  border-color: #aaa;
  min-width: 150px;
}

.item-list ol.search-results li {
  list-style: disc;
  margin-bottom: 2em;
}
.item-list ol.search-results li a:link {
  color: #555;
}

header {
  background-color: #e7eef2;
  border-top: 6px solid #385b8d;
  padding: 0.5em 0 0.5em 0;
}

.header-layout {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.header-layout .header-logo {
  flex: 0 1 30%;
}
.header-layout .header-logo img {
  width: 100%;
  height: auto;
}
.header-layout .header-content {
  flex: 1 1 80%;
}
.header-layout .header-content .region-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 0.5em;
}
.header-layout .header-content .region-header .contextual-region {
  flex: 0 1 auto;
  margin-left: 1em;
}
.header-layout .header-content .region-primary-menu {
  flex: 0 0 100%;
  text-transform: uppercase;
}

.grid-header {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "site-logo" "header" "main-menu";
}
@media (min-width: 768px) {
  .grid-header {
    grid-template-columns: 1fr 3fr;
    grid-template-areas: "site-logo header" "site-logo ." "site-logo main-menu";
  }
}
.grid-header .header--logo {
  grid-area: site-logo;
}
@media (min-width: 768px) {
  .grid-header .header--logo {
    grid-row: 1/4;
  }
}
.grid-header .region-primary-menu {
  grid-area: main-menu;
}
@media (min-width: 768px) {
  .grid-header .region-primary-menu {
    grid-row: 2/4;
  }
}
.grid-header .region-header {
  grid-area: header;
}
@media (min-width: 768px) {
  .grid-header .region-header {
    grid-row: 1/2;
    text-align: right;
  }
}

.path-frontpage h1.top-stories {
  margin: 1em 0 1em 0;
  font-size: 1.2em;
  flex: 0 0 100%;
  text-align: center;
  color: #385b8d;
  font-family: "hk-grotesk-regular", Arial, Verdana;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
}
.path-frontpage h1.top-stories span {
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 2;
  padding: 0 0.5em 0 0.5em;
}
.path-frontpage h1.top-stories:after {
  content: " ";
  visibility: visible;
  display: block;
  width: 104%;
  height: 50%;
  position: absolute;
  top: 50%;
  left: -2%;
  border-top: 2px solid #385b8d;
  border-left: 2px solid #385b8d;
  border-right: 2px solid #385b8d;
}
.path-frontpage .content-layout-home {
  display: flex;
  flex-wrap: no-wrap;
}
.path-frontpage .content-layout-home .layout-left {
  flex: 0 1 25%;
}
.path-frontpage .content-layout-home .layout-center {
  flex: 0 0 50%;
  padding: 0 1.5em 0 1.5em;
}
.path-frontpage .content-layout-home .layout-right {
  flex: 0 1 25%;
}
.path-frontpage .content-layout-home .node h2 {
  margin: 0.5em 0 0.5em 0;
  font-size: 1.2em;
}
.path-frontpage .view-frontpage .view-header h1 {
  font-size: 1.5em;
  flex: 0 0 100%;
  text-align: left;
  color: #385b8d;
  font-family: "hk-grotesk-regular", Arial, Verdana;
  border-bottom: 2px solid #385b8d;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.path-frontpage .views-element-container > h2 {
  font-family: "hk-grotesk-regular", Arial, Verdana;
}
.path-frontpage .view-footer a {
  font-size: 1.2em;
  display: block;
  padding: 0.5em;
  margin: auto;
  text-align: center;
  background: #f8f8f8;
  border-radius: 1em;
  text-decoration: none;
  color: #222;
}
.path-frontpage .view-footer a:hover {
  background: #eee;
}
.path-frontpage .feed-icons {
  position: absolute;
  top: 10px;
  right: 0;
}
.path-frontpage .feed-icons .feed-icon {
  width: 25px;
  height: 25px;
  background: url("../../assets/images/feed.svg") no-repeat;
}
.path-frontpage #block-views-block-homepage-featured-main-block-1 h2 {
  font-size: 1.7em;
  margin-top: 0.5em;
}
.path-frontpage #block-views-block-homepage-featured-main-block-1 .muni_image img {
  max-height: 350px;
}
.path-frontpage #block-views-block-homepage-featured-secondary-block-1 .muni_image img {
  max-height: 200px;
}
.path-frontpage .node--view-mode-mini-teaser {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.path-frontpage .node--view-mode-teaser {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.path-frontpage .view-latest-podcast .image-thumbnail {
  box-shadow: 0 0.5em 1.5em #aaa;
}
.path-frontpage .region-mid-banner {
  width: 100%;
  background: #e7eef2;
  margin: 2em 0 2em 0;
  padding: 1.5em;
}
.path-frontpage #block-views-block-latest-podcast-block-1 {
  text-align: center;
  background: #8aa5c2;
  padding: 1em 2em 1em 2em;
  margin: auto;
}
.path-frontpage #block-views-block-latest-podcast-block-1 .muni_image {
  text-align: center;
  width: 200px;
  height: auto;
  display: inline-block;
  margin: 1em;
}
.path-frontpage #block-views-block-latest-podcast-block-1 .field--name-field-podcast-embed {
  width: 100%;
}
.path-frontpage #block-views-block-latest-podcast-block-1 .field--name-field-podcast-embed iframe {
  width: 100% !important;
}
.path-frontpage #block-views-block-latest-connect-this-block-1 {
  padding: 1em;
  text-align: center;
}
.path-frontpage #block-views-block-latest-connect-this-block-1 .node {
  border: none;
}
.path-frontpage #block-views-block-latest-connect-this-block-1 .node--view-mode-mini-teaser {
  display: flex;
}
.path-frontpage #block-views-block-latest-connect-this-block-1 .muni_image img {
  height: 100%;
  width: auto;
}

#block-mainnavigation {
  position: static;
  background-color: transparent;
  font-family: "hk-grotesk-regular", Arial, Verdana;
}
#block-mainnavigation ul.sf-menu {
  float: right;
  margin: 0;
}
#block-mainnavigation ul.sf-menu li {
  background: none;
}
#block-mainnavigation ul.sf-menu li a {
  color: #222;
  font-weight: 500;
  letter-spacing: 0;
  text-decoration: none;
  font-size: 1.2em;
  padding: 0.8em;
  padding-right: 1.5em;
  width: 100%;
  border: 0;
  border-radius: 0.5em;
  background: none;
}
#block-mainnavigation ul.sf-menu li a .sf-sub-indicator::after {
  font-size: 12px;
  padding-left: 7px;
  padding-top: 3px;
}
#block-mainnavigation ul.sf-menu li a.is-active {
  color: #385b8d;
}
#block-mainnavigation ul.sf-menu li a:hover {
  color: #fff;
  background: #385b8d;
}
#block-mainnavigation ul.sf-menu li.menuparent > ul {
  margin-top: 3px;
  min-width: 170px;
  box-sizing: border-box;
  background: #385b8d;
}
#block-mainnavigation ul.sf-menu li.menuparent > ul li {
  width: inherit;
}
#block-mainnavigation ul.sf-menu li.menuparent > ul a {
  color: #fff !important;
  transition: background-color ease-out 250ms;
  border-radius: 0;
}
#block-mainnavigation ul.sf-menu li.menuparent > ul a:hover {
  background: #8ba5c2 !important;
}
@media (max-width: 991.98px) {
  #block-mainnavigation {
    border: none !important;
  }
  #block-mainnavigation .sf-accordion-toggle {
    background: #385b8d;
  }
  #block-mainnavigation ul.sf-menu {
    float: none;
    background: #e7eef2;
    box-shadow: 0 0.5em 2em #385b8d;
  }
  #block-mainnavigation ul.sf-menu li.sf-expanded {
    background: #385b8d;
  }
}

div.sf-accordion-toggle.sf-style-white a {
  background: transparent;
}

div.sf-accordion-toggle.sf-style-white a.sf-expanded,
ul.sf-menu.sf-style-white.sf-accordion li.sf-expanded {
  background: rgba(255, 255, 255, 0.5);
}

nav.pager .pager__items {
  margin: 1em 0 1em 0;
  padding: 0;
  font-weight: 200;
}
nav.pager .pager__items .pager__item {
  font-weight: 700;
  padding: 0;
  margin: 0;
}
nav.pager .pager__items .pager__item a {
  padding: 0.5em 0.75em 0.5em 0.75em;
}
nav.pager .pager__items .pager__item a:hover {
  color: #fff;
  background: #8ba5c2 !important;
}
nav.pager .pager__items .pager__item.is-active {
  letter-spacing: 2px;
  font-weight: 200;
}

.menu--header-social-links ul.menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.menu--header-social-links ul.menu li {
  flex: 0 1 auto;
  margin-left: 0.5em;
}
.menu--header-social-links ul.menu li a {
  display: block;
  text-indent: -999em;
  height: 45px;
  width: 45px;
  border-radius: 60px;
}
.menu--header-social-links ul.menu li a:hover {
  background-color: #fff;
}
.menu--header-social-links ul.menu li a[href^="/donate"] {
  background: url("../../assets/images/donate.png") center center no-repeat;
  background-size: contain;
  width: 100px;
}
.menu--header-social-links ul.menu li a[href^="https://www.facebook.com"] {
  background: url("../../assets/images/facebook.svg") center center no-repeat;
  background-size: auto 30px;
}
.menu--header-social-links ul.menu li a[href^="https://www.twitter.com"] {
  background: url("../../assets/images/twitter.svg") center center no-repeat;
  background-size: auto 30px;
}
.menu--header-social-links ul.menu li a[href^="https://www.instagram.com"] {
  background: url("../../assets/images/instagram.svg") center center no-repeat;
  background-size: auto 30px;
}
.menu--header-social-links ul.menu li a[href^="https://www.youtube.com"] {
  background: url("../../assets/images/youtube.svg") center center no-repeat;
  background-size: auto 30px;
}
.menu--header-social-links ul.menu li a[href^="https://www.linkedin.com"] {
  background: url("../../assets/images/linkedin.svg") center center no-repeat;
  background-size: auto 30px;
}
.menu--header-social-links ul.menu li a[href^="https://techhub.social"] {
  background: url("../../assets/images/mastodon.svg") center center no-repeat;
  background-size: auto 30px;
}

@media screen and (max-width: 480px) {
  header .header-layout .header-logo {
    flex: 0 0 100%;
  }
  header #block-mainnavigation {
    z-index: 1000;
    box-shadow: 0 0.1em 1em #aaa;
  }
  header #block-mainnavigation ul {
    background: #385b8d !important;
    box-shadow: none !important;
  }
  header #block-mainnavigation a {
    border: none !important;
  }
  header #block-mainnavigation .menu a {
    color: #fff;
  }
  header #block-mainnavigation #superfish-main-toggle {
    width: 100%;
    text-decoration: none;
  }
  header #block-mainnavigation .sf-has-clone-parent {
    width: 90%;
    margin: auto;
  }
  header #block-mainnavigation .sf-has-clone-parent a {
    padding-left: 1em;
  }

  ul.menu {
    margin: 0 !important;
  }

  .menu--header-social-links ul.menu li a {
    height: 50px;
    width: 50px;
  }

  .view.two-column-view {
    display: block !important;
  }

  #search-block-form input.form-search {
    width: 200px;
  }

  .header-layout,
.region-header,
.two-column-view {
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
  }

  .content-layout,
.content-layout-home {
    display: block !important;
  }
  .content-layout article,
.content-layout-home article {
    margin-bottom: 2em;
  }

  .content-wrapper {
    padding: 0 1em 0 1em;
  }

  .region-sidebar {
    padding: 0 !important;
    margin-top: 2em;
  }

  footer {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .header-layout,
.region-header {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
.region-sidebar a:link {
  text-decoration: none;
  color: #222;
}
.region-sidebar .node h2 {
  font-size: 1.2em;
  font-weight: 500;
}
.region-sidebar .node .muni_content {
  font-size: 0.9em;
}
.region-sidebar li {
  margin-bottom: 1.5em;
  color: #ccc;
}
.region-sidebar li a {
  color: #222;
  font-weight: normal;
  text-decoration: none;
}
.region-sidebar .view-recent-stories .views-row {
  display: flex;
}
.region-sidebar .view-recent-stories .views-row .views-field {
  flex: 0 1 auto;
}
.region-sidebar .view-recent-stories .views-row .views-field-field-image {
  flex: 0 0 30%;
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.region-sidebar .view-recent-stories .views-row .views-field-field-image img {
  width: 100%;
  height: auto;
}

#block-views-block-related-stories-block-1 a {
  color: #222;
  text-decoration: none;
}

.field--name-field-tags,
.field--name-field-geoterm {
  background-color: #e7eef2;
  margin: 2rem 0;
  padding: 1rem;
}
.field--name-field-tags .field__items,
.field--name-field-geoterm .field__items {
  display: flex;
  flex-flow: row wrap;
}
.field--name-field-tags .field__item,
.field--name-field-geoterm .field__item {
  margin-right: 0.5rem;
}

.powerpress_links {
  font-family: Arial;
}

.views-element-container > h2 {
  font-size: 1.4em;
  flex: 0 0 100%;
  font-weight: 400;
  text-align: left;
  color: #385b8d;
  font-family: "hk-grotesk-regular", Arial, Verdana;
  border-bottom: 2px solid #385b8d;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.view.two-column-view {
  display: flex;
  justify-content: center;
  align-items: center;
}
.view.two-column-view .view-header {
  flex: 0 1 33%;
  margin-right: 1em;
}
.view.two-column-view .view-content {
  flex: 0 1 66%;
}
.view .views-row {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.view h1 {
  font-family: "hk-grotesk-regular", Arial, Verdana;
}
.view h2.field-content {
  font-size: 1.2em;
}
.view h2.field-content a {
  text-decoration: none;
  color: #222;
}

.views-view-grid .node {
  padding: 1em;
}

.ajax-progress-fullscreen {
  width: 60px;
  height: 60px;
  background: url("../../assets/images/spinner-right.gif") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.ui-dialog .ajax-progress-throbber {
  /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  width: 60px;
  height: 60px;
  background: url("../../assets/images/spinner-right.gif") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

.media--type-remote-video {
  position: relative;
}
.media--type-remote-video.media--view-mode-small-thumbnail {
  width: 33%;
}
.media--type-remote-video.media--view-mode-medium-thumbnail {
  width: 50%;
}
.media--type-remote-video.media--view-mode-full-width-stretch {
  width: 100%;
}
.media--type-remote-video .field {
  width: 100%;
  padding-top: 50%;
}
.media--type-remote-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.media--type-image.align-center {
  text-align: center;
}
.media--type-image.align-center .field {
  display: inline-block;
  margin: auto;
}
.media--type-image.align-left {
  margin: 0 1em 1em 0;
}
.media--type-image.align-right {
  margin: 0 0 1em 1em;
}
.media--type-image img {
  width: 100%;
  height: auto;
}
.media--type-image.media--view-mode-wrapper-size img {
  width: 100%;
  height: auto;
}
.media--type-image.media--view-mode-full-width-stretch {
  width: 800px;
  height: auto;
}
.media--type-image.media--view-mode-large-thumbnail {
  width: 500px;
  height: auto;
}
.media--type-image.media--view-mode-medium-thumbnail {
  width: 350px;
  height: auto;
}
.media--type-image.media--view-mode-small-thumbnail {
  width: 200px;
  height: auto;
}

.page-title {
  font-family: "hk-grotesk-regular", Arial, Verdana;
  color: #385b8d;
}

.page-node-type-story .page-title {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: #385b8d;
  font-weight: 500;
}

.node h2 {
  line-height: 1.3em;
  font-weight: 600;
  margin-bottom: 0.5em;
}
.node h2 a {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  color: #222;
  text-decoration: none;
}
.node h2 a:hover {
  color: #385b8d;
}
.node blockquote {
  position: relative;
  border: 1px solid #ccc;
  padding: 1.5em;
  width: 100%;
  margin: 1.5em auto 1.5em auto;
}
.node blockquote:before {
  content: "“";
  color: #eee;
  font-size: 8em;
  line-height: 0;
  font-family: Georgia, Times;
  position: absolute;
  top: 0.27em;
  left: 0em;
  z-index: -1;
}
.node blockquote:after {
  content: "”";
  color: #eee;
  font-size: 8em;
  line-height: 0;
  font-family: Georgia, Times;
  position: absolute;
  bottom: -0.25em;
  right: 0em;
  z-index: -1;
}
.node .node__content {
  overflow: hidden;
}
.node .node__content .muni_story-info div {
  display: inline-block;
}
.node .node__content .muni_story-info .field--label-inline {
  padding-right: 0.5em;
}
.node .node__content .muni_story-info .field--label-inline .field__label::after {
  display: none;
}
.node .node__content .muni_story-info .field--label-inline .field__items {
  padding-right: 0;
}
.node .node__content .field {
  margin-bottom: 1em;
}
.node .node__content .field .field__label {
  font-weight: normal;
  padding-right: 0.5em;
}
.node .node__content .field.field--name-body {
  margin-top: 1em;
}
.node .node__content .field.field--name-field-story-authors {
  display: inline;
}
.node .node__content .field.field--name-field-date {
  display: inline;
}
.node .node__content .field.field--name-field-story-info-date {
  display: inline;
}
.node .node__content .field.field--name-field-image {
  min-height: 170px;
}
.node .node__content .field.field--name-field-image img {
  margin-right: 0.5em;
}
.node .node__content table {
  font-weight: normal;
  margin: 2em 0 2em 0;
  border: 1px solid #ccc;
}
.node .node__content table td {
  padding: 0.5em;
  text-align: left;
  border: 1px solid #ccc;
}
.node .node__content table tr:nth-child(even) td {
  background: #eee;
}

.align-right {
  margin: 0 0 1em 1em;
}

.align-left {
  margin: 0 1em 1em 0;
}

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

img[src^="https://muninetworks.org"],
img[src^="https://www.muninetworks.org"],
img[src^="http://www.muninetworks.org"] {
  border: 3px solid black;
}

.node--view-mode-full .node__content > .field--name-field-image {
  float: left;
  margin: 1.5em 1em 0 0;
}
.node--view-mode-full .field--name-field-file-attach .media--type-image {
  display: none;
}
.node--view-mode-full .field--name-field-podcast-embed,
.node--view-mode-full .field--type-iframe {
  position: relative;
  width: 100%;
}

.node--view-mode-mini-teaser {
  margin-bottom: 2em;
}
.node--view-mode-mini-teaser a {
  color: #222;
  text-decoration: none;
}
.node--view-mode-mini-teaser.node--type-report .muni_content-area {
  display: flex;
}
.node--view-mode-mini-teaser .muni_image {
  flex: 0 0 40%;
  margin-right: 1em;
}
.node--view-mode-mini-teaser .muni_image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 200px;
}
.node--view-mode-mini-teaser .muni_body {
  font-size: 0.9em;
}
.node--view-mode-mini-teaser .muni_story-meta {
  font-style: italic;
  font-size: 0.8em;
  margin: 0.5em 0 0.5em 0;
}
.node--view-mode-mini-teaser .muni_story-meta * {
  display: inline;
}

.node--view-mode-preview {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1em;
}
.node--view-mode-preview h1 {
  font-size: 1.5em;
  font-weight: 200;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "hk-grotesk-regular", Arial, Verdana;
}
.node--view-mode-preview .muni_content-area .muni_image {
  float: left;
  margin-right: 1em;
}
.node--view-mode-preview .muni_content-area .muni_image img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}
.node--view-mode-preview .muni_content-area .muni_story-meta {
  margin: 0.5em 0 0.5em 0;
}
.node--view-mode-preview .muni_content-area .muni_story-meta * {
  display: inline;
}
.node--view-mode-preview .muni_content-area .muni_read-more .button {
  padding: 1em 2em 1em 2em;
  min-width: 300px;
}

.node--view-mode-teaser {
  overflow: hidden;
  border-bottom: 1px solid #eee;
  padding-bottom: 2em;
}
.node--view-mode-teaser a {
  color: #222;
  text-decoration: none;
}
.node--view-mode-teaser .muni_content-area {
  display: flex;
}
.node--view-mode-teaser .muni_content-area .muni_image {
  flex: 0 0 20%;
  overflow: hidden;
  margin-right: 1em;
}
.node--view-mode-teaser .muni_content-area .muni_image img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}
.node--view-mode-teaser .muni_content-area .muni_content {
  flex: 0 1 auto;
}
.node--view-mode-teaser .muni_content-area .muni_story-meta {
  margin: 0.5em 0 0.5em 0;
}
.node--view-mode-teaser .muni_content-area .muni_story-meta * {
  display: inline;
}

.paragraph--type--text .field--name-field-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.block-google-cse table.gsc-above-wrapper-area-container {
  border: none;
}
.block-google-cse .google-cse-search-box-form {
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-google-cse .google-cse-search-box-form label[for=edit-keys] {
  display: none;
}
.block-google-cse .google-cse-search-box-form .form-type-textfield {
  flex: 0 1 auto;
}
.block-google-cse .google-cse-search-box-form .form-type-textfield input.form-text {
  border: 1px solid #ccc;
  margin-left: 0.5em;
  border-right: none;
  padding: 0.75rem;
  min-width: 100px;
  width: 100px;
  border-radius: 1em 0 0 1em;
  transition: min-width 170ms ease-out;
}
.block-google-cse .google-cse-search-box-form .form-type-textfield input.form-text:hover {
  background: #eee;
}
.block-google-cse .google-cse-search-box-form .form-type-textfield input.form-text:focus, .block-google-cse .google-cse-search-box-form .form-type-textfield input.form-text:active {
  border-color: #aaa;
  min-width: 150px;
}
.block-google-cse .google-cse-search-box-form .form-submit {
  flex: 0 0 3em;
  height: 44px;
  color: #222;
  padding: 0.75rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='490' height='490'%3E%3Cpath stroke='%23fff' fill='none' stroke-width='36' stroke-linecap='round' d='m280,278a153,153 0 1,0-2,2l170,170m-91-117 110,110-26,26-110-110'/%3E%3C/svg%3E ");
  background-position: center center;
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-color: #385b8d;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-indent: -999em;
  border-radius: 0 1em 1em 0;
}
.block-google-cse .google-cse-search-box-form .form-submit:hover, .block-google-cse .google-cse-search-box-form .form-submit:active {
  background-color: #222;
}
.block-google-cse #google-cse-results {
  position: absolute;
}
.block-google-cse #google-cse-results .gsc-control-cse {
  background: none;
  border: none;
}
/*# sourceMappingURL=maps/global.css.map */