/**
 * Brand Color
 *
 */
/**
 * Button Reset
 *
 */
/**
 * Grid, Center Last
 *
 */
/**
 * Margin, No Edge
 * Removes left margin from first item, right margin from last item
 */
/**
 * Size
 *
 */
/**
 * Block Cover
 * Creates a block that covers the full width/height of parent div. Typically used on a :before pseudo element
 */
/**
 * Placeholder Color
 *
 */
/**
 * Clearfix
 *
 */
/**
 * Font Sizes
 *
**/
/**
 * Columns
 *
 */
/**
 * Columns, Mobile
 *
 */
/**
 * Columns, Tablet
 *
 */
/**
 * Columns, Tablet Up
 *
 */
/**
 * Columns, Desktop
 *
 */
.resources-block {
  border-bottom: solid 1px #DBDBD7;
  padding-bottom: 20px;
  margin-bottom: 40px;
  margin-top: 25px; }
  .resources-block-title {
    font-size: 18px;
    font-weight: 400;
    font-family: "Arvo", serif; }
  .resources-block-header {
    margin-bottom: 25px;
    display: grid; }
    @media (min-width: 768px) {
      .resources-block-header {
        grid-template-columns: repeat(2, 1fr); } }
  .resources-block-nav {
    list-style-type: none;
    padding-left: 0 !important;
    margin-top: 0; }
    @media (min-width: 768px) {
      .resources-block-nav {
        float: right; } }
    .resources-block-nav li {
      display: inline-block;
      margin-right: 20px; }
      .resources-block-nav li:last-child {
        margin-right: 0; }
    .resources-block-nav button {
      color: #000;
      background-color: #fff;
      border: solid 1px #000;
      border-radius: 5px;
      font-size: 16px !important;
      padding: 7px 15px; }
      .resources-block-nav button:hover {
        color: #EAAF21;
        background-color: #000;
        cursor: pointer; }
      .resources-block-nav button:focus, .resources-block-nav button[aria-pressed=true] {
        color: #000;
        background-color: #EAAF21;
        border-color: #EAAF21; }
  @media (min-width: 768px) {
    .resources-block-posts-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-column-gap: 80px; } }
  .resources-block-posts-language {
    display: none; }
  .resources-block-posts-more {
    grid-column: 1 / 3;
    display: none; }
    .resources-block-posts-more-button {
      display: block;
      margin: auto;
      border: none;
      background: none;
      font-size: 16px;
      margin-top: 25px; }
      .resources-block-posts-more-button i {
        margin-left: 10px;
        font-size: 14px; }
      .resources-block-posts-more-button:hover {
        cursor: pointer; }
  .resources-block-post {
    margin-bottom: 25px;
    border-bottom: solid 2px transparent; }
    .resources-block-post-terms {
      font-size: 10px;
      line-height: 10px;
      margin-bottom: 10px;
      font-weight: 400; }
      .resources-block-post-terms a {
        text-decoration: none; }
        .resources-block-post-terms a:hover, .resources-block-post-terms a:focus {
          text-decoration: underline; }
    .resources-block-post-title a {
      text-decoration: none; }

.c-accordion__item {
  background-color: #fff;
  border-radius: 15px;
  border: solid 1px #DBDBD7;
  margin-bottom: 20px; }

/* The accordion item container */
.c-accordion__item.is-open {
  box-shadow: 0px 15px 30px 0px rgba(48, 66, 118, 0.2); }
  .c-accordion__item.is-open .c-accordion__title {
    border-bottom: solid 1px #DBDBD7;
    color: #304276; }

.c-accordion__title:hover, .c-accordion__title:focus {
  color: #304276; }

.c-accordion__item.is-open .c-accordion__title {
  margin-bottom: 20px; }

/* is-open is added to open accordion items */
/* is-read is added to accordion items that have been opened at least once */
.c-accordion__title {
  margin: auto;
  margin-left: 15px;
  margin-right: 15px;
  padding: 30px 0;
  font-size: 18px; }
  @media (min-width: 768px) {
    .c-accordion__title {
      font-size: 19px; } }
  @media (min-width: 992px) {
    .c-accordion__title {
      font-size: 20px; } }
  .c-accordion__title:after {
    color: #304276; }
  @media (min-width: 768px) {
    .c-accordion__title {
      margin-left: 35px;
      margin-right: 35px; } }
/* An accordion item title */
/* An accordion item title that is using a `<button>` tag */
/* To modify the style when hovering over an accordion item title */
/* To modify the style when an accordion item title currently has broswer focus */
.c-accordion__content {
  padding: 0 15px; }
  @media (min-width: 768px) {
    .c-accordion__content {
      padding: 0 35px; } }
  @media (min-width: 1232px) {
    .c-accordion__content {
      padding: 0 100px; } }
  .c-accordion__content .resources-block:last-child {
    border: none;
    margin-bottom: 0; }
  .c-accordion__content h4 {
    font-size: 18px;
    font-weight: 400;
    font-family: "Arvo", serif; }

/* An accordion item content container */