/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

#single {
  min-height: auto;
}
#single .post__wrapper {
  margin-bottom: max(12rem, 60px);
}
#single .post__content {
  padding: max(7.5rem, 30px) 10%;
  margin-bottom: max(7rem, 40px);
  background: #f7f7f7;
  border-radius: max(2.5rem, 20px);
}
@media screen and (max-width: 768px) {
  #single .post__content {
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
}
#single .post .post__header {
  position: relative;
  margin-bottom: max(5rem, 30px);
}
#single .post .post__header::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: max(0.2rem, 2px);
  background-image: linear-gradient(to right, #5DC2D0 4px, transparent 3px);
  background-size: 7px max(0.2rem, 2px);
  background-repeat: repeat-x;
}
#single .post .post__header__title {
  color: #5DC2D0;
  font-size: max(3.6rem, 24px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding-bottom: max(1rem, 10px);
}
#single .post .post__header__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: max(1.5rem, 10px);
     -moz-column-gap: max(1.5rem, 10px);
          column-gap: max(1.5rem, 10px);
  padding-bottom: max(2rem, 10px);
}
#single .post .post__header__meta__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: max(1.2rem, 2px);
}
#single .post .post__header__meta__tags li a {
  font-size: max(1.4rem, 10px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: max(1rem, 8px) max(0.8rem, 5px);
  text-align: center;
  background: #E4F7F8;
  border-radius: max(0.4rem, 4px);
  overflow: hidden;
}
#single .post .post__header__meta__tags li a:hover {
  -webkit-filter: invert(0.1);
          filter: invert(0.1);
}
#single .post .post__header__meta__tags li.category-from-office a {
  background: #dbdbdb;
}
#single .post .post__header__meta__tags li.category-pt a {
  color: #fff;
  background: #6C9BD2;
}
#single .post .post__header__meta__tags li.category-po a {
  color: #fff;
  background: #F5A73E;
}
#single .post .post__header__meta__tags li.category-st a {
  color: #fff;
  background: #EF858C;
}
#single .post .post__detail__thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: max(2.5rem, 20px);
  overflow: hidden;
  margin-bottom: max(8rem, 40px);
}
#single .post .post__detail__thumbnail img {
  width: 100%;
  height: 100%;
}
#single .post .post__detail__sentence h2 {
  color: #fff;
  font-size: max(2.4rem, 20px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  padding: max(2rem, 15px) max(4.5rem, 20px) max(1.6rem, 12px);
  background: #5DC2D0;
  border-radius: max(1rem, 10px);
  overflow: hidden;
  margin-bottom: max(4rem, 20px);
}
#single .post .post__detail__sentence h3 {
  position: relative;
  color: #5DC2D0;
  font-size: max(1.8rem, 15px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  padding-bottom: max(1.5rem, 10px);
  margin-bottom: max(2rem, 15px);
}
#single .post .post__detail__sentence h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: max(0.2rem, 2px);
  background-image: linear-gradient(to right, #5DC2D0 4px, transparent 3px);
  background-size: 7px max(0.2rem, 2px);
  background-repeat: repeat-x;
}
#single .post .post__detail__sentence a {
  color: #5DC2D0;
  display: inline-block;
  text-decoration: underline;
}
#single .post .post__detail__sentence a:hover {
  opacity: 0.6;
}
#single .post .post__detail__sentence .wp-block-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: max(1rem, 10px);
  margin: max(5rem, 30px) auto 0;
}
#single .post .post__detail__sentence .wp-block-buttons .wp-block-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: max(42.5rem, 350px);
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  overflow: hidden;
  z-index: 0;
}
@media screen and (max-width: 1000px) {
  #single .post .post__detail__sentence .wp-block-buttons .wp-block-button {
    width: 100%;
  }
}
#single .post .post__detail__sentence .wp-block-buttons .wp-block-button__link {
  display: block;
  width: 100%;
  height: 100%;
  color: #5dc2d0;
  font-size: max(1.8rem, 14px);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.05em;
  padding: max(1.5rem, 14px) max(5%, 30px) max(1.5rem, 14px) max(5%, 20px);
  border: max(0.2rem, 2px) solid #5DC2D0;
  border-radius: max(0.9rem, 6px);
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
  background: transparent;
  text-decoration: none;
  -webkit-transition: background 0.4s ease, color 0.4s ease;
  transition: background 0.4s ease, color 0.4s ease;
}
#single .post .post__detail__sentence .wp-block-buttons .wp-block-button__link:hover {
  opacity: 1;
  color: #fff;
  background: #5DC2D0;
}/*# sourceMappingURL=single-news.css.map */