/*
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

**/
.single .content-top {
  display: flex;
  margin-top: 2rem;
  align-items: flex-start;
}
@media screen and (max-width: 43.6875rem) {
  .single .content-top {
    display: block;
  }
}
.single .meta-wrapper {
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
  font-size: 0.9rem;
}
.single .meta-wrapper .terms a {
  display: inline-block;
  margin-left: 0.5rem;
  background: var(--theme-light-gray, #eaeaea);
  color: #555555;
  padding: 0.25rem 0.5rem;
  border-radius: 5px;
  transition: 0.2s all ease;
}
.single .meta-wrapper .terms a:hover {
  background: var(--theme-pri-color, #2d9194);
  color: var(--theme-white, #ffffff);
}
.single .meta-wrapper .date {
  color: var(--theme-pri-color, #2d9194);
  margin-top: 0.5rem;
}
.single div.article-content .settlement-wrapper > span {
  width: 50%;
  max-width: 30rem;
  background: var(--theme-pri-color, #2d9194);
  text-align: center;
  color: var(--theme-white, #ffffff);
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
.single div.article-content .settlement-wrapper > span .price {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (max-width: 43.6875rem) {
  .single div.article-content .settlement-wrapper > span {
    max-width: none;
    width: 100%;
    float: none;
  }
}
.single div.article-content .featured-image {
  float: right;
  max-width: 30rem;
  width: 50%;
  clear: both;
}
@media screen and (max-width: 43.6875rem) {
  .single div.article-content .featured-image {
    width: 100%;
    float: none;
    max-width: none;
  }
}
.single div.article-content .featured-image + * {
  margin-top: 0;
}
.single div.article-content h2 {
  font-size: 1.3rem;
  margin-top: 2rem;
}
.single div.article-content h3 {
  font-size: 1.1rem;
  margin-top: 2rem;
}
.single .archive-button {
  text-align: center;
  margin-top: 2rem;
}
.single .sec-back-to-blog {
  margin-top: 1rem;
}
.single .sec-back-to-blog a {
  padding-left: 0;
}