/*...543   544....767   768....991   992....1199   1200...*/
/*__xs__   ____sm____   ____md____   ____lg_____   ___xl__*/
/** blog */
.node--type-blog .node__submitted {
  color: #999999;
  font-size: 0.9em;
  margin-bottom: 15px; }

.node--type-blog .field--name-field-tags {
  overflow: hidden;
  margin: 0 -10px; }
  .node--type-blog .field--name-field-tags .field__item {
    float: left;
    margin: 0 10px; }

@media (max-width: 767.98px) {
  .node--type-blog.node--view-mode-teaser .field--name-body > * {
    font-size: 16px; } }

.node--type-blog.node--view-mode-full .field {
  margin-bottom: 15px; }
  .node--type-blog.node--view-mode-full .field:last-of-type {
    margin-bottom: 0; }

.node--type-blog.node--view-mode-full .img-adaptive {
  margin-bottom: 30px; }

.blog-teaser {
  margin-bottom: 30px; }
  @media (max-width: 767.98px) {
    .blog-teaser .img-adaptive {
      margin-bottom: 20px; } }
  .blog-teaser .field--name-field-image {
    overflow: hidden; }
  .blog-teaser img {
    transition: transform 0.4s;
    transform: perspective(1px); }
  .blog-teaser--link {
    color: #212121; }
    .blog-teaser--link .blog-teaser__title {
      color: #212121; }
    .blog-teaser--link:hover {
      color: #212121; }
  .blog-teaser--front {
    position: relative;
    height: 100%;
    margin-bottom: 0; }
    .blog-teaser--front .img-adaptive {
      margin-bottom: 15px; }
    .blog-teaser--front .field--name-body > * {
      color: #212121; }
    .blog-teaser--front .blog-teaser__title {
      margin-bottom: 15px;
      color: #212121;
      font-weight: 400; }
    .blog-teaser--front .blog-teaser__date {
      margin-bottom: 8px; }
  .blog-teaser:hover img {
    transform: scale(1.05); }

.blog__list .service-block-more {
  padding-top: 30px !important;
  display: flex;
  justify-content: center; }

.blog__list .view-content:not(.flickity-enabled) {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 30px; }

.flickity-enabled .blog__item {
  width: calc(33.33% - 20px);
  margin-right: 30px; }
  @media (max-width: 991.98px) {
    .flickity-enabled .blog__item {
      width: calc(50% - 15px); } }
  @media (max-width: 767.98px) {
    .flickity-enabled .blog__item {
      width: 100%; } }

@media (max-width: 575.98px) {
  .blog-teaser-image {
    margin-bottom: 10px; } }