/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before, rule-empty-line-before */
/**
 * Convert px to rem or em. Unitless values are assumed to be in px.
 *
 * @param {List}   $values Single value or list of values to convert
 * @param {Bool}   $em Use `em` units, if true
 * @param {Number} $base-value Root font size on which to base conversions
 */
/**
 * Convert a list of px values (with or without the 'px' string) to either rem or em
 *
 * @param {List}   $values Single value or list of values to convert
 * @param {Bool}   $em Use `em` units, if true
 * @param {Number} $base-value Root font size on which to base conversions
 */
/**
 * Convert a list of px values (with or without the 'px' string) to em
 *
 * @param {List}   $values Single value or list of values to convert
 * @param {Number} $base-value Root font size on which to base conversions
 */
/**
 * Convert a list of px values (with or without the 'px' string) to rem
 *
 * @param {List}   $values Single value or list of values to convert
 * @param {Number} $base-value Root font size on which to base conversions
 */
/**
 * Remove default browser button styles
 */
/**
 * Default input button styles
 */
/**
 * Visually hide an element and leave it only for screenreaders
 */
/**
 * Allow item outdent within a static width container.
 */
/**
 * Reusable button style mixin.
 */
/**
 * Build corners for callout module.
 */
/*
  https://github.com/fregante/object-fit-images/blob/master/preprocessors/mixin.scss
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/*
  Flexbox utility originally from curated content
*/
/* stylelint-enable */
/**
 * Generate map of breakpoint values
 */
/**
 * If you want, include custom media queries in the first parameter of map_merge below
 * (example 'admin-bar' media query provided)
 */
/**
 * Retrive prepared media query
 *
 * @param {string} $query Key to acess in breakpoints object. If you're lookin for one of the generated breakpoints,
 *                        pass in a string constructed using a key from $bp-values
 *                        and either 'min' (for `min-width`) or 'max' (for `max-width`), separated by a hyphen.
 */
/* Gradients */
/* stylelint-disable declaration-no-important */
/* stylelint-enable declaration-no-important */
.post-listing {
  margin-left: auto;
  margin-right: auto;
  padding: 1.25rem;
  max-width: 79rem; }
  .post-listing__loading {
    margin-bottom: 3.125rem; }
  .post-listing .block__heading {
    font-size: 1.75rem;
    line-height: 2.375rem;
    font-family: "Noto Serif TC", georgia, times, serif;
    font-weight: 700;
    margin-bottom: 2.25rem; }
    @media (min-width: 48.0625rem) {
      .post-listing .block__heading {
        font-size: 1.875rem;
        line-height: 2.375rem; } }
    @media (max-width: 31.9375rem) {
      .post-listing .block__heading {
        font-size: 1.375rem;
        line-height: 2rem; } }
  @media (max-width: 31.9375rem) and (min-width: 48.0625rem) {
    .post-listing .block__heading {
      font-size: 1.75rem;
      line-height: 2.25rem; } }
  .post-listing .post-listing__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    @media (max-width: 48rem) {
      .post-listing .post-listing__panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .post-listing .post-listing__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 0.625rem;
    width: 100%; }
    .post-listing .post-listing__filters .search {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      min-width: 18.75rem;
      width: 33%; }
      @media (max-width: 31.9375rem) {
        .post-listing .post-listing__filters .search {
          min-width: auto; } }
      @media (max-width: 48rem) {
        .post-listing .post-listing__filters .search {
          width: 100%; } }
    .post-listing .post-listing__filters label {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    .post-listing .post-listing__filters .search-form {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      width: 100%; }
    .post-listing .post-listing__filters .searchReset {
      background-color: transparent;
      border: none;
      border-radius: 0;
      font-family: inherit;
      font-size: inherit;
      outline: none;
      overflow: visible;
      text-decoration: none;
      font-size: 0.875rem;
      line-height: 1.375rem;
      cursor: pointer;
      font-weight: 300;
      padding-right: 0; }
      .post-listing .post-listing__filters .searchReset:hover {
        text-decoration: underline; }
    .post-listing .post-listing__filters .post-listing__text-input {
      font-size: 1.125rem;
      line-height: 1.75rem;
      background: #fff;
      border: none;
      color: #262626;
      font-family: inherit;
      background-color: #fff;
      border: 1px solid #a7a9ab;
      border-radius: 0;
      color: #333;
      -webkit-box-flex: 1;
          -ms-flex: 1 0 auto;
              flex: 1 0 auto;
      -ms-flex-positive: 1;
          flex-grow: 1;
      font-weight: 500;
      outline: none;
      padding: 0.375rem 0.625rem; }
  .post-listing .post-listing__panel-content {
    width: 100%; }
  .post-listing .post-listing__postCount {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 700;
    margin-bottom: 1.25rem; }
    .post-listing .post-listing__postCount button {
      background-color: transparent;
      border: none;
      border-radius: 0;
      font-family: inherit;
      font-size: inherit;
      outline: none;
      overflow: visible;
      text-decoration: none;
      cursor: pointer;
      padding: 0; }
      .post-listing .post-listing__postCount button:hover, .post-listing .post-listing__postCount button:focus {
        text-decoration: underline; }
  .post-listing .post-listing__posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .post-listing .post-listing__post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 2.25rem;
    position: relative; }
  .post-listing .card__image {
    margin-right: 1.25rem;
    min-width: 12.5rem;
    position: relative; }
    @media (max-width: 31.9375rem) {
      .post-listing .card__image {
        min-width: 6.25rem; } }
    .post-listing .card__image img {
      -o-object-fit: cover;
      object-fit: cover;
      font-family: "object-fit: cover";
      display: block;
      height: 7.5rem;
      min-width: 12.5rem;
      width: 12.5rem; }
      @media (max-width: 31.9375rem) {
        .post-listing .card__image img {
          height: 6.25rem;
          min-width: 6.25rem;
          width: 6.25rem; } }
    .post-listing .card__image .overlay {
      background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.59)), color-stop(51%, rgba(255, 255, 255, 0)));
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.59) 0%, rgba(255, 255, 255, 0) 51%);
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.59) 0%, rgba(255, 255, 255, 0) 51%);
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%; }
    .post-listing .card__image .icon-play-video {
      background-color: #fff;
      height: 50px;
      width: 50px;
      height: 30px;
      width: 30px;
      cursor: pointer; }
      .post-listing .card__image .icon-play-video, .post-listing .card__image .icon-play-video::before, .post-listing .card__image .icon-play-video::after {
        bottom: 10px;
        content: "";
        display: block;
        left: 8px;
        position: absolute; }
      .post-listing .card__image .icon-play-video {
        background-color: transparent; }
      .post-listing .card__image .icon-play-video::after {
        background: transparent;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 12px 0 12px 20px;
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        height: 20px;
        margin-left: 2px;
        width: 0; }
      .post-listing .card__image .icon-play-video::after {
        border-width: 8px 0 8px 16px;
        height: 16px; }
      .post-listing .card__image .icon-play-video, .post-listing .card__image .icon-play-video::before, .post-listing .card__image .icon-play-video::after {
        bottom: 7px;
        left: 5%; }
    .post-listing .card__image .video-length {
      font-size: 0.875rem;
      line-height: 1.375rem;
      bottom: 12px;
      color: #fff;
      left: 40px;
      position: absolute; }
  .post-listing .card__topic {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-family: "Roboto", helvetica, arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0.125rem; }
  .post-listing .card__title {
    margin-bottom: 0.125rem; }
    .post-listing .card__title a {
      font-size: 1.125rem;
      line-height: 1.75rem;
      color: #262626;
      font-family: "Roboto", helvetica, arial, sans-serif;
      line-height: 1.375rem; }
  .post-listing .card__pubdate {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 300; }
  .post-listing .post-listing__button-container {
    margin-bottom: 4rem;
    margin-top: 1.25rem;
    text-align: center; }
    .post-listing .post-listing__button-container .wp-block-button {
      border-radius: 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      margin: 0 auto 1.5rem;
      max-width: 58.75rem;
      border: none;
      margin-bottom: 0.625rem;
      outline: none;
      padding: 0 !important; }
      .post-listing .post-listing__button-container .wp-block-button:not(.alignleft):not(.alignright) {
        padding: 0 1.25rem; }
      .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.25rem;
        text-transform: uppercase;
        border-radius: 0;
        min-width: 16.25rem;
        padding: 0.8125rem 2.25rem 0.8125rem 1.75rem; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link:hover {
          text-decoration: none; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link:not(.has-text-color) {
          color: var(--color-button-text); }
          .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link:not(.has-text-color):hover {
            color: var(--color-button-text); }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link:not(.has-background) {
          background-color: var(--color-button);
          color: var(--color-button-text); }
          .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link:not(.has-background):hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link:not(.has-background):focus {
            background-color: var(--color-button-hover); }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-blue-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-blue-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-blue-color:focus {
          color: #3e8ede; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-blue-background-color {
          background-color: #3e8ede; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-blue-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-blue-background-color:focus {
          background-color: #2275c7; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-light-gray-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-light-gray-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-light-gray-color:focus {
          color: #efefef; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-light-gray-background-color {
          background-color: #efefef; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-light-gray-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-light-gray-background-color:focus {
          background-color: #d6d6d6; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-mid-gray-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-mid-gray-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-mid-gray-color:focus {
          color: #777; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-mid-gray-background-color {
          background-color: #777; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-mid-gray-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-mid-gray-background-color:focus {
          background-color: #5e5e5e; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-gray-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-gray-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-gray-color:focus {
          color: #333; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-gray-background-color {
          background-color: #333; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-gray-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-gray-background-color:focus {
          background-color: #1a1a1a; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-white-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-white-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-white-color:focus {
          color: #fff; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-white-background-color {
          background-color: #fff; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-white-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-white-background-color:focus {
          background-color: #e6e6e6; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-orange-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-orange-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-orange-color:focus {
          color: #dd7b53; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-orange-background-color {
          background-color: #dd7b53; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-orange-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-orange-background-color:focus {
          background-color: #d35b2a; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-blue-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-blue-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-blue-color:focus {
          color: #1561ae; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-blue-background-color {
          background-color: #1561ae; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-blue-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-blue-background-color:focus {
          background-color: #104880; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-red-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-red-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-red-color:focus {
          color: #891d1e; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-red-background-color {
          background-color: #891d1e; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-red-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-red-background-color:focus {
          background-color: #5f1415; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-green-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-green-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-green-color:focus {
          color: #4A5F0C; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-green-background-color {
          background-color: #4A5F0C; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-green-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-green-background-color:focus {
          background-color: #273206; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-orange-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-orange-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-orange-color:focus {
          color: #CA4F07; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-orange-background-color {
          background-color: #CA4F07; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-orange-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-orange-background-color:focus {
          background-color: #993c05; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-yellow-color, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-yellow-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-yellow-color:focus {
          color: #8D7007; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-yellow-background-color {
          background-color: #8D7007; }
        .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-yellow-background-color:hover, .post-listing .post-listing__button-container .wp-block-button .wp-block-button__link.has-dark-yellow-background-color:focus {
          background-color: #5c4905; }
  .post-listing .post-listing__toolbar {
    margin-right: 2.25rem;
    max-width: 20rem; }
    @media (max-width: 48rem) {
      .post-listing .post-listing__toolbar {
        margin-bottom: 2.25rem;
        margin-right: 0;
        max-width: none; } }
  .post-listing .post-listing__toolbar-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
  .post-listing .post-listing__toolbar-item {
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    outline: none;
    overflow: visible;
    text-decoration: none;
    cursor: pointer;
    margin: 0.25rem 0;
    padding: 0;
    text-align: left;
    width: 100%; }
    .post-listing .post-listing__toolbar-item:hover .toolbar-item__title {
      background-color: #e5e5e5; }
    .post-listing .post-listing__toolbar-item.is-active .toolbar-item__title {
      background-color: #e5e5e5;
      font-weight: 700; }
    .post-listing .post-listing__toolbar-item .toolbar-item__title {
      font-size: 1.125rem;
      line-height: 1.75rem;
      background-color: #f1f3f2;
      font-weight: 400;
      min-width: 20rem;
      padding: 0.625rem; }
      @media (max-width: 31.9375rem) {
        .post-listing .post-listing__toolbar-item .toolbar-item__title {
          min-width: auto; } }
    .post-listing .post-listing__toolbar-item.is-active .toolbar-item__description {
      display: block; }
    .post-listing .post-listing__toolbar-item .toolbar-item__description {
      font-size: 1.125rem;
      line-height: 1.6875rem;
      display: none;
      font-weight: 400;
      padding: 0.625rem; }
  .post-listing .post-listing__toolbar-select-label {
    font-size: 0.875rem;
    line-height: 1.375rem;
    font-weight: 700;
    margin-bottom: 0.25rem;
    text-transform: uppercase; }
  .post-listing .post-listing__toolbar-select {
    font-size: 1.125rem;
    line-height: 1.75rem;
    background: #fff;
    border: none;
    color: #262626;
    font-family: inherit;
    background-color: #fff;
    border: 1px solid #a7a9ab;
    border-radius: 0;
    color: #333;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-weight: 500;
    outline: none;
    padding: 0.375rem 0.625rem;
    width: 100%; }


/*# sourceMappingURL=listing.d6685f2ae6ff7c0a3161.min.css.map*/