@charset "UTF-8";
/** Globals An import of all abstracts */
/** Vendor For files that need compiling */
/** This themes global styles */
/** Root Font Sizing */
/** Type sets Defines a type grouping that can be looped over and generate utility classes */
/** Grid and Grid Gap */
/** Vertical Gap */
/** Horizontal Gap */
/** Container widths */
/** Global Variables */
/** Label element */
/** Checkbox element */
/** Radio element */
/** Textfield element */
/** No-space Removes the default space, border, and padding place on a component */
/** Grid row Sets row up for the grid */
/** Grid row gutters IF $gutter-horizontal = true: set the sides gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-vertical = true: set the top and bottom gap width ELSE $gutter-vertical = false: remove the top and bottom gap width IF $gutter-horizontal-size & $gutter-vertical-size = wide: large sized space between items IF $gutter-horizontal-size & $gutter-vertical-size = wide-lg: large sized space between items only on the lg breakpoint IF $gutter-horizontal-size & $gutter-vertical-size = narrow: small sized space between items ELSE $gutter-horizontal-size & $gutter-vertical-size = default: regular sized space between items */
/** Grid columns IF = auto: fits the available space ELSE IF = variable: fits the width of it's content ELSE span the amount of columns provided */
/** Grid Spacing Clear Clears first and last grid row margin or padding Declare on column class: @include grid-clear-vertical-spacing(2); Options: • $columns(value = 1 to n) - default = 1 • $property(value = margin or padding) - default = margin, sets to 0 */
/** Grid class generators Generates classes for each column and offset by default and breakpoint */
/** Hide Text Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
/** Hide Element Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
/** Variables */
/** View */
.view.view-article-hub.view-display-id-embed .view-filters { margin-bottom: -0.75em; }

.view.view-article-hub.view-display-id-embed .view-filters .form-item { float: none; margin: 0; }

.view.view-article-hub.view-display-id-embed .view-filters details { border: 0; float: none; padding: 0; }

.view.view-article-hub.view-display-id-embed .view-filters details > .details-wrapper { padding: 0; }

.view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .details-wrapper { visibility: hidden; }

.view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] details { margin: 0; }

.view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios { visibility: visible; }

.view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios input { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios label { text-decoration: none; color: #595E80; cursor: pointer; display: block; font-family: "Maven Pro", "Helvetica Neue", Helvetica, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; line-height: 1.4; }

.view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios label:hover { text-decoration: underline; }

.view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios input:checked + label { color: #232C64; font-weight: 700; }

.view.view-article-hub.view-display-id-embed .view-filters .form-actions { margin: 0; }

.view.view-article-hub.view-display-id-embed .view-filters .form-actions .form-submit { margin: 1rem 0; }

@media (max-width: 47.99em) { .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] details { margin: 0 0 2rem; }
  .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .fieldset-legend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .view.view-article-hub.view-display-id-embed .view-filters details { margin: 0 0 1rem; }
  .view.view-article-hub.view-display-id-embed .view-filters details summary { -webkit-backdrop-filter: blur(4px) brightness(0.8); backdrop-filter: blur(4px) brightness(0.8); border-radius: 2em; border-style: solid; border-width: 2px; display: inline-block; font-family: "Roboto", arial, "宋体", "SimSun", "微软雅黑", "Microsoft YaHei", sans-serif; font-weight: 700; letter-spacing: 0.03em; line-height: 1.4; text-align: center; padding: 0.7em 1.75em 0.55em; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: color 300ms linear; transition: color 300ms linear; background: transparent; border-color: #74BB8B; color: #00686D; display: inline-block; }
  .view.view-article-hub.view-display-id-embed .view-filters details summary:hover { border-color: transparent; -webkit-transition: border-color 150ms ease, color 300ms linear; transition: border-color 150ms ease, color 300ms linear; background-image: -webkit-gradient(linear, left top, right top, from(#8FC73E), to(#56AEE1)); background-image: linear-gradient(to right, #8FC73E 0%, #56AEE1 100%); border-color: transparent #56AEE1 transparent #8FC73E; color: #FFFFFF; }
  .view.view-article-hub.view-display-id-embed .view-filters details > .details-wrapper { margin-top: 1rem; padding: 1rem; }
  .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios label { padding: 0.5rem 0; } }

@media (min-width: 48em) { .view.view-article-hub.view-display-id-embed .view-filters details summary { display: none; }
  .view.view-article-hub.view-display-id-embed .view-filters .form-item[data-drupal-selector='edit-category'] legend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
  .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #595E80; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; }
  .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios .form-item { margin-right: 1.5em; }
  .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios label { border-bottom: 3px solid transparent; font-size: 1.125rem; font-weight: 500; padding: 1em 0.5em; }
  .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios input:checked + label { border-bottom-color: #232C64; } }

.view.view-article-hub.view-display-id-embed .view__list { list-style: none; margin: 0; padding: 0; }

.view.view-article-hub.view-display-id-embed .view__list-item { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-bottom: 2.5rem; }

.view.view-article-hub.view-display-id-embed .view__list-item:first-child { width: 100%; }

@media (max-width: 29.99em) { .view.view-article-hub.view-display-id-embed .view__list-item:nth-child(n + 2) { border-bottom: 1px solid #CCCCCC; margin-bottom: 2.5rem; padding-bottom: 2.5rem; } }

@media (min-width: 30em) { .view.view-article-hub.view-display-id-embed .view-content { overflow: hidden; }
  .view.view-article-hub.view-display-id-embed .view__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .view.view-article-hub.view-display-id-embed .node--view-mode-teaser .node__inner { border-left: 1px solid #CCCCCC; padding-left: 1rem; padding-top: 1rem; } }

@media (min-width: 30em) and (max-width: 35.49em) { .view.view-article-hub.view-display-id-embed .view__list { margin-right: -1rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item { margin-right: 1rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item:first-child { width: calc(100% - 1rem); }
  .view.view-article-hub.view-display-id-embed .view__list-item:nth-child(n + 2) { width: calc(50% - 1rem); } }

@media (min-width: 35.5em) and (max-width: 47.99em) { .view.view-article-hub.view-display-id-embed .view__list { margin-right: -2rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item { margin-right: 2rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item:first-child { width: calc(100% - 2rem); }
  .view.view-article-hub.view-display-id-embed .view__list-item:nth-child(n + 2) { width: calc(50% - 2rem); } }

@media (min-width: 48em) and (max-width: 61.24em) { .view.view-article-hub.view-display-id-embed .view__list { margin-right: -3rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item { margin-right: 3rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item:first-child { width: calc(100% - 3rem); }
  .view.view-article-hub.view-display-id-embed .view__list-item:nth-child(n + 2) { width: calc(50% - 3rem); } }

@media (min-width: 61.25em) { .view.view-article-hub.view-display-id-embed .view__list { margin-right: -3rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item { margin-right: 3rem; }
  .view.view-article-hub.view-display-id-embed .view__list-item:first-child { width: calc(100% - 3rem); }
  .view.view-article-hub.view-display-id-embed .view__list-item:nth-child(n + 2) { width: calc(50% - 3rem); }
  .view.view-article-hub.view-display-id-embed .view__list-item:nth-child(n + 4) { width: calc(33.3333% - 3rem); } }

body.keyboard-activated .view.view-article-hub.view-display-id-embed .view-filters fieldset[data-drupal-selector='edit-category'] .form-radios input:focus + label { outline: 1px dotted ButtonText; outline: -webkit-focus-ring-color auto 5px; }

/*# sourceMappingURL=../../maps/libraries/view/article-hub--embed.css.map */