/* ============================ Catalog Topic Grid ============================ */
/* Styles for the overall Catalog Topic Grid paragraph */
.paragraph--type--catalog-topic-grid {
  position: relative;
}
.paragraph--type--catalog-topic-grid .view-catalog-topic-grid {
  /* style for the browse more link to the right of the title */
}
.paragraph--type--catalog-topic-grid .view-catalog-topic-grid .view-header a {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 24px;
  font-size: 2.4rem;
  background-color: white;
  padding-left: 15px;
}
.paragraph--type--catalog-topic-grid .view-catalog-topic-grid .view-header a:hover {
  text-decoration: none;
}
.paragraph--type--catalog-topic-grid .view-catalog-topic-grid {
  /* style for the browse more button under the catalog topic grid */
}
.paragraph--type--catalog-topic-grid .view-catalog-topic-grid .view-footer {
  margin-top: 30px;
  text-align: center;
}
.paragraph--type--catalog-topic-grid .view-catalog-topic-grid .view-footer a {
  padding: 15px 30px;
  color: #fff;
  background: #057dbc;
  font-size: 22px;
  font-size: 2.2rem;
  letter-spacing: 0.125rem;
}
.paragraph--type--catalog-topic-grid .view-catalog-topic-grid .view-footer a:hover {
  background: #00adef;
  text-decoration: none;
}
.paragraph--type--catalog-topic-grid {
  /* isolating the view itself, though not sure if this is too specific */
}
.paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid {
  /* styles for each column in the grid */
}
.paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col {
  margin-bottom: 39px;
  text-align: center;
  /* title in each grid cell */
}
.paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__title a {
  color: #292929;
  font-size: 22px;
  font-size: 2.2rem;
}
.paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__title a:hover {
  text-decoration: none;
}
.paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col {
  /* linked image in each grid cell */
}
.paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__content {
  min-height: 140px;
  padding: 0 15px;
}
.paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__content img {
  width: 200px;
  margin: auto;
}
.paragraph--type--catalog-topic-grid {
  /* Styles for the title and gray bar */
}
.paragraph--type--catalog-topic-grid .field--name-field-title {
  position: relative;
  margin-bottom: 30px;
  /* style that adds white space before the link in the upper right of the catalog grid title */
}
.paragraph--type--catalog-topic-grid .field--name-field-title::after {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  width: auto;
  height: 6px;
  content: "";
  background: #ddd;
}
.paragraph--type--catalog-topic-grid .field--name-field-title {
  /* add white space after the title so the gray bar looks like it is spaced well */
}
.paragraph--type--catalog-topic-grid .field--name-field-title span {
  padding-right: 15px;
  background: #fff;
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .paragraph--type--catalog-topic-grid .field--name-field-title {
    margin-top: 25px;
    margin-bottom: 40px;
    font-size: 20px;
  }
  .paragraph--type--catalog-topic-grid .field--name-field-title::after {
    display: none;
  }
  .paragraph--type--catalog-topic-grid .view-catalog-topic-grid .view-header a {
    top: 30px;
    right: unset;
  }
  .paragraph--type--catalog-topic-grid .view-catalog-topic-grid .view-footer a {
    padding: 10px 20px;
    font-size: 20px;
  }
  .paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col {
    width: 50% !important;
  }
  .paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__content img {
    max-width: 60%;
  }
  .paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__title a {
    font-size: 25px;
  }
  .paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col {
    width: 50% !important;
  }
  .paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__content img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 383px) and (max-width: 529px) {
  .page-node-60 .paragraph--type--catalog-topic-grid .view-id-catalog_topic_grid .views-col .grid-item__content {
    min-height: 200px;
  }
}
@media only screen and (min-width: 530px) and (max-width: 767px) {
  .view-id-catalog_topic_grid .views-col {
    min-height: 268px;
  }
}
@media only screen and (min-width: 0) and (max-width: 530px) {
  .view-id-catalog_topic_grid .views-col {
    min-height: 185px;
  }
  .page-node-61 .view-id-catalog_topic_grid .views-col {
    min-height: 245px;
  }
}