/*
Views CSS

Output to dist/css/views/*.css

*/
/**
===== Theme Settings =====

=== Variables ===
--theme-pri-color
--theme-pri-bg-text-color
--theme-pri-bg-text-hover-color
--theme-sec-color
--theme-sec-bg-text-color
--theme-sec-bg-text-hover-color
--theme-success-color
--theme-fail-color
--theme-warning-color
--theme-body-bg-color

**/
.home #home-cat-thumbs-1 .image, .home #home-cat-thumbs-2 .image {
  padding-bottom: 50%;
}
.home #home-cat-thumbs-1 .box-title, .home #home-cat-thumbs-2 .box-title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1rem;
  background-color: var(--theme-pri-color, #2d9194);
  color: var(--theme-pri-bg-text-color, #ffffff);
}
.home #home-cat-thumbs-1 .box-title a, .home #home-cat-thumbs-1 .box-title button, .home #home-cat-thumbs-1 .box-title .button, .home #home-cat-thumbs-2 .box-title a, .home #home-cat-thumbs-2 .box-title button, .home #home-cat-thumbs-2 .box-title .button {
  color: var(--theme-pri-bg-text-color, #ffffff);
}
.home #home-cat-thumbs-1 .box-title a:hover, .home #home-cat-thumbs-1 .box-title a:focus, .home #home-cat-thumbs-1 .box-title button:hover, .home #home-cat-thumbs-1 .box-title button:focus, .home #home-cat-thumbs-1 .box-title .button:hover, .home #home-cat-thumbs-1 .box-title .button:focus, .home #home-cat-thumbs-2 .box-title a:hover, .home #home-cat-thumbs-2 .box-title a:focus, .home #home-cat-thumbs-2 .box-title button:hover, .home #home-cat-thumbs-2 .box-title button:focus, .home #home-cat-thumbs-2 .box-title .button:hover, .home #home-cat-thumbs-2 .box-title .button:focus {
  color: var(--theme-pri-bg-text-hover-color, #6dd0d3);
}
.home #home-cat-thumbs-1 .box-title a:visited, .home #home-cat-thumbs-1 .box-title button:visited, .home #home-cat-thumbs-1 .box-title .button:visited, .home #home-cat-thumbs-2 .box-title a:visited, .home #home-cat-thumbs-2 .box-title button:visited, .home #home-cat-thumbs-2 .box-title .button:visited {
  color: var(--theme-pri-bg-text-color, #ffffff);
}
.home #home-cat-thumbs-1 .box-title ::before, .home #home-cat-thumbs-1 .box-title ::after, .home #home-cat-thumbs-2 .box-title ::before, .home #home-cat-thumbs-2 .box-title ::after {
  color: var(--theme-pri-bg-text-color, #ffffff);
}
.home #home-cat-thumbs-1 .box-title + .inner, .home #home-cat-thumbs-2 .box-title + .inner {
  color: var(--theme-pri-bg-text-color, #ffffff);
}
.home #home-cat-thumbs-1 .box-title + .inner a:not(.button), .home #home-cat-thumbs-2 .box-title + .inner a:not(.button) {
  color: var(--theme-white, #ffffff);
  text-decoration: underline;
}
@media screen and (max-width: 43.6875rem) {
  .home #home-cat-thumbs-1 > .inner, .home #home-cat-thumbs-2 > .inner {
    grid-template-columns: 1fr 1fr;
  }
}
.home #home-cat-thumbs-2 .box-title {
  background-color: var(--theme-sec-color, #d2d52c);
  color: var(--theme-sec-bg-text-color, #222222);
}
.home #home-cat-thumbs-2 .box-title a, .home #home-cat-thumbs-2 .box-title button, .home #home-cat-thumbs-2 .box-title .button {
  color: var(--theme-sec-bg-text-color, #222222);
}
.home #home-cat-thumbs-2 .box-title a:hover, .home #home-cat-thumbs-2 .box-title a:focus, .home #home-cat-thumbs-2 .box-title button:hover, .home #home-cat-thumbs-2 .box-title button:focus, .home #home-cat-thumbs-2 .box-title .button:hover, .home #home-cat-thumbs-2 .box-title .button:focus {
  color: var(--theme-sec-bg-text-hover-color, #e4e680);
}
.home #home-cat-thumbs-2 .box-title a:visited, .home #home-cat-thumbs-2 .box-title button:visited, .home #home-cat-thumbs-2 .box-title .button:visited {
  color: var(--theme-sec-bg-text-color, #222222);
}
.home #home-cat-thumbs-2 .box-title ::before, .home #home-cat-thumbs-2 .box-title ::after {
  color: var(--theme-sec-bg-text-color, #222222);
}
.home #home-cat-thumbs-2 .box-title + .inner {
  color: var(--theme-sec-bg-text-color, #222222);
}
.home #home-cat-thumbs-2 .box-title + .inner a:not(.button) {
  color: var(--theme-white, #ffffff);
  text-decoration: underline;
}