/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.usc-rss-block-plus {
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin: 0;
  width: 100%; }
  .usc-rss-block-plus.alignleft {
    /*rtl:ignore*/
    margin-right: 2em; }
  .usc-rss-block-plus.alignright {
    /*rtl:ignore*/
    margin-left: 2em; }
  .usc-rss-block-plus.is-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0;
    list-style: none; }
    .usc-rss-block-plus.is-grid li {
      margin: 0;
      width: 100%; }
  @media (min-width: 35.5em) {
    .usc-rss-block-plus.columns-2 li {
      width: calc(( 100% / 2 ) - 16px); }
    .usc-rss-block-plus.columns-3 li {
      width: calc(( 100% / 3 ) - 16px); }
    .usc-rss-block-plus.columns-4 li {
      width: calc(( 100% / 4 ) - 16px); }
    .usc-rss-block-plus.columns-5 li {
      width: calc(( 100% / 5 ) - 16px); }
    .usc-rss-block-plus.columns-6 li {
      width: calc(( 100% / 6 ) - 16px); } }
  .usc-rss-block-plus.is-style-usc-rss-news-feed .usc-rss-block-plus__item-media {
    margin: 0 0 1rem; }
  .usc-rss-block-plus.is-style-usc-rss-news-feed .usc-rss-block-plus__item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0 0 1rem; }
    .usc-rss-block-plus.is-style-usc-rss-news-feed .usc-rss-block-plus__item-title a {
      color: #1f1e18;
      text-decoration: none; }
      .usc-rss-block-plus.is-style-usc-rss-news-feed .usc-rss-block-plus__item-title a:hover {
        text-decoration: underline; }
  .usc-rss-block-plus.is-style-usc-rss-news-feed .usc-rss-block-plus__item-excerpt {
    font-size: 1rem;
    line-height: 1.25;
    margin: 0 1rem 1rem 0; }
  .usc-rss-block-plus.is-grid .usc-rss-block-plus__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    list-style: none;
    margin: 0 0 1rem; }
    .usc-rss-block-plus.is-grid .usc-rss-block-plus__item .usc-rss-block-plus__item-media {
      height: auto;
      margin: 0 0 1rem;
      max-width: unset;
      min-width: unset;
      width: 100%; }
    .usc-rss-block-plus.is-grid .usc-rss-block-plus__item .usc-rss-block-plus__item-title {
      margin: 0 0 1rem; }
    .usc-rss-block-plus.is-grid .usc-rss-block-plus__item .usc-rss-block-plus__item-excerpt {
      margin: 0 1rem 1rem 0; }
  .usc-rss-block-plus .usc-rss-block-plus__item {
    display: -ms-flexbox;
    display: flex;
    font-weight: normal;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    list-style: none;
    margin: 0 0 1rem; }
    .usc-rss-block-plus .usc-rss-block-plus__item .usc-rss-block-plus__item-publish-date,
    .usc-rss-block-plus .usc-rss-block-plus__item .usc-rss-block-plus__item-author {
      display: block;
      color: inherit;
      font-size: 14px; }
    .usc-rss-block-plus .usc-rss-block-plus__item .usc-rss-block-plus__item-publish-date {
      color: #5e5d56; }
    .usc-rss-block-plus .usc-rss-block-plus__item .usc-rss-block-plus__item-media {
      margin: 0 1rem 0 0;
      max-width: 240px;
      min-width: 240px;
      height: 100%;
      width: 100%; }
      .usc-rss-block-plus .usc-rss-block-plus__item .usc-rss-block-plus__item-media img {
        height: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%; }
    .usc-rss-block-plus .usc-rss-block-plus__item .usc-rss-block-plus__item-title {
      margin: 0 0 .25rem; }
    .usc-rss-block-plus .usc-rss-block-plus__item .usc-rss-block-plus__item-excerpt {
      margin: 0 1rem 1rem 0; }
