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

**/
.box-tem-default {
  display: flex;
  flex-direction: column;
}
.box-tem-default .image {
  position: relative;
  padding-bottom: 100%;
  display: block;
}
@media screen and (max-width: 43.6875rem) {
  .box-tem-default .image {
    padding-bottom: 75%;
  }
}
.box-tem-default .image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.box-tem-default .box-title {
  text-transform: uppercase;
  padding: 0 1rem;
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.box-tem-default .box-title:last-child {
  margin-bottom: 0;
}
.box-tem-default .box-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 1rem 1rem 1rem;
  margin: 0;
  margin-top: 0.25rem;
  position: relative;
  font-size: 0.8rem;
  line-height: 1.3;
}
.box-tem-default .box-content .text {
  height: 100%;
}
.box-tem-default .readmore {
  align-self: flex-end;
  margin-top: auto;
  justify-self: flex-end;
}