/* Index minutes. */
.minutes__iframe {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}

.section__minute {
  position: relative;
  display: block;
  width: 100%;
  padding: 24px 0 24px 24px;
  margin-bottom: 24px;
}

.section__minute:after {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: calc(100% + 24px);
  bottom: -24px;
  left: -24px;
  background-color: var(--color-white);
}

@media (min-width: 768px) {
  .section__minute {
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 22px;
    margin-bottom: 0;
  }

  .section__minute:after {
    display: none;
  }
}

.section__minute .share {
  display: none;
}

.section__minute .section__minute__category {
  display: inline-flex;
  font-size: 12px;
  background-color: var(--color-red);
  color: var(--color-white);
  padding: 2px 8px 2px 8px;
  border-radius: 4px;
  margin-bottom: 6px;
  position: relative;
  font-weight: 500;
  text-transform: uppercase;
  gap: 4px;
  top: -3px;
}

.section__minute .section__minute__category svg {
  width: 9px;
}

.section__minute .section__minute__category:hover,
.section__minute .section__minute__category:focus {
  text-decoration: underline;
}

.section__minute__nav {
  position: absolute;
  top: 25px;
  right: 24px;
}

@media (min-width: 768px) {
  .section__minute__nav {
    right: 35px;
  }
}

.section__minute__nav .refresh {
  margin-left: 5px;
  cursor: pointer;
}

.section__minute__nav .icon {
  box-sizing: content-box;
  cursor: pointer;
}

.section__minute__wrap .article__category,
.section__minute__wrap .article__thumbnail__wrap {
  display: none;
}

.section__minute__wrap {
  width: 100%;
  display: flex;
  overflow-x: scroll;
  /* scroll-snap-type: x mandatory; */
  cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.section__minute__wrap::-webkit-scrollbar {
  display: none;
}

.section__minute__wrap:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}

.section__minute__wrap .article {
  display: block;
  min-width: 233px;
  margin: 0;
  padding-right: 22px;
  position: relative;
  margin-right: 11px;
  scroll-snap-align: end;
}

.section__minute__wrap .article:before {
  content: "";
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.32s ease;
}

.section__minute__wrap .article:hover:before,
.section__minute__wrap .article:focus:before {
  background-color: #900;
  right: 145px;
  transition: all 0.32s ease;
}

.section__minute__wrap .article .article__title {
  opacity: 1;
  transition: opacity 0.32s;
}

.section__minute__wrap .article:hover .article__title,
.section__minute__wrap .article:focus .article__title {
  opacity: 0.6;
}

.section__minute__wrap .article .article__wrap {
  display: flex;
  top: 0;
  padding-right: 22px;
}

.section__minute__wrap .article .article__meta {
  margin-top: 0;
  margin-bottom: 12px;
  display: block;
  cursor: default;
}

.minute__the__most .article .article__meta {
  margin-top: 0;
}

.section__minute__wrap .article .article__meta .date {
  display: inline-block;
  font-size: 15px;
  color: var(--color-black);
  z-index: 1;
  min-height: inherit;
  position: relative;
  background-color: var(--color-light-pink);
  padding-right: 10px;
  font-family: "Helvetica", sans-serif, "Sharp Grotesk Bold 15", "-apple-system",
    "BlinkMacSystemFont", "Segoe UI", "Helvetica", "Arial", "Apple Color Emoji",
    "Segoe UI Emoji";
}

.section__minute__wrap .article .article__meta .date:hover,
.section__minute__wrap .article .article__meta .date:focus {
  opacity: 1;
}

.section__minute__wrap .article .article__meta .date:hover a,
.section__minute__wrap .article .article__meta .date:focus a {
  opacity: 0.6;
  transition: opacity 0.3s linear;
}

.section__minute__wrap .article:first-of-type .article__meta .date:before {
  content: "";
  background-image: url("../images/breaking.gif");
  background-size: 10px 10px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 6px;
}

.section__minute__wrap .article .article__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 0;
  color: #900;
  min-height: 60px;
  display: block;
  margin: 0;
  font-family: "Helvetica", sans-serif, "Sharp Grotesk Bold 15", "-apple-system",
    "BlinkMacSystemFont", "Segoe UI", "Arial", "Apple Color Emoji",
    "Segoe UI Emoji";
}

.section__minute__wrap .article .article__description {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
  margin: 0;
  max-height: 95px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .section__minute__wrap .article .article__description {
    max-height: 98px;
  }
}

.section__minute__wrap .article .article__description .more-link {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  background-color: #f5f5f5;
}

.section__minute__wrap .article .article__description .more-link:before {
  content: "...";
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(245, 245, 245, 1) 77%,
    rgba(245, 245, 245, 1) 100%
  );
  z-index: -1;
  text-align: right;
}

.section__minute__wrap .article .article__description .more-link a {
  color: #900;
  opacity: 1;
}

.section__minute__wrap .article .article__description .more-link a:hover,
.section__minute__wrap .article .article__description .more-link a:focus {
  transition: opacity 0.32s ease;
  opacity: 0.6;
}

.section__minute__wrap .article .article__description p {
  margin: 0;
}

.section__minute__wrap .article .article__description * {
  font-size: 16px;
  letter-spacing: normal;
  color: var(--color-black);
  font-weight: 400;
  line-height: 1.5;
}

.section__minute__wrap .article .article__description .read-more,
.section__minute__wrap .article .article__description .hidden {
  display: none;
}

.section__minute__wrap .article .article__description p > strong {
  color: #900;
  font-weight: 400;
}

.section__minute__wrap .article .article__description p > a {
  text-decoration: underline;
  transition: opacity 0.32s ease;
}

.section__minute .section__minute__wrap .article .article__description p > a {
  text-decoration: none;
}

.section__minute__wrap .article .article__description p > a:hover,
.section__minute__wrap .article .article__description p > a:focus {
  opacity: 0.6;
}

.section__minute .redirect {
  display: none;
}

/* End of Index minutes. */
.minute__nav button {
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
  flex: 1;
  cursor: pointer;
  color: var(--color-grey);
  margin: 2px;
}

.minute__nav button:first-of-type {
  padding: 4px 32px;
}

.minute__nav button.tab.active {
  background-color: var(--color-white);
  color: var(--color-red);
  font-weight: 700;
}

.minute__articles__result .article .read-more svg path  {
  stroke: var(--color-red);
}

.minute__articles__result .article {
  position: relative;
  padding: 24px 0 24px 16px;
  margin-bottom: 0;
}

.minute__articles__result .article:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 1px;
  background-color: #D9D9D9;;
}

.minute__articles__result .article.highlighted {
  background-color: rgba(153, 0, 0, 0.05);
  border: 1px solid var(--color-red);
  padding-right: 16px;
}

.minute__articles__result .article:has(~.article.highlighted):after,
.minute__articles__result .article.highlighted:after {
  display: none;
}

.minute__articles__result .article.highlighted:first-of-type {
  padding-top: 24px;
}

.minute__articles__result .article.highlighted:first-of-type .dot {
  top: 29px;
}

.minute__articles__result .article.highlighted:before {
  visibility: hidden;
}


.minute__articles__result .article .dot {
  position: absolute;
  opacity: 1;
  background-color: var(--color-red);
  width: 7px;
  height: 7px;
  border-radius: 50%;
  left: -3px;
  top: 30px;
}

.minute__articles__result .article.highlighted .dot {
  left: -4px;
}

.minute__articles__result .article:before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  left: 0;
  bottom: 0;
  background-color: #D9D9D9;
}

.minute__articles__result .article:first-of-type {
  padding-top: 0;
}

.minute__articles__result .article:first-of-type:before {
  top: 12px;
}

.minute__articles__result .article:first-of-type .dot {
  display: inline-block;
  background-color: var(--color-white);
  top: 4px;
  left: -6px;
  display: block;
  background-image: url(../images/breaking.gif);
  background-size: 11px 11px;
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
}

.minute__articles__result .article .article__meta {
  margin-top: 0;
}

.minute__articles__result .article  .article__meta--date {
  min-height: auto;
}

.minute__articles__result .article .article__category span,
.minute__articles__result .article  .article__meta--date a {
  font-size: 14px;
  font-weight: 400;
}

.minute__articles__result .article  .article__category {
  color: var(--color-grey);
  position: relative;
}

.minute__articles__result .article  .article__category:first-of-type:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -8px;
  bottom: 3px;
  width: 1px;
  background-color: var(--color-grey);
}

.minute__articles__result .article .article__category {
  text-transform: initial;
}

.minute__articles__result .article .article__content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin: 24px 0;
}

.minute__articles__result .article .article__content p:first-of-type {
  display: inline;
  margin: 0;
}

.page-minute .article .article__content .hidden {
  display: none;
  animation: 0.3s fade-out;
}

.page-minute .article.active .hidden {
  display: block;
  margin-top: 24px;
  animation: 0.3s fade-in;
}

.minute__articles__result .article.active .read-more {
  display: none;
  white-space: nowrap;
}

.minute__articles__result .article.active .article__content p:last-of-type,
.minute__articles__result .article.active .read-more.read--less {
  display: inline;
}

.minute__articles__result .article .article__content p a {
  color: var(--color-red);
  text-decoration: underline;
  transition: opacity 0.32s ease;
}

.minute__articles__result .article .article__content p a:hover,
.minute__articles__result .article .article__content p a:focus {
  opacity: 0.7;
  transition: opacity 0.32s ease;
}

.minute__articles__result .article .article__content p strong {
  color: var(--color-red);
  font-weight: 400;
}

.minute__articles__result .article__content .article__description {
  display: inline;
}

.minute__articles__result .article__content .article__description figure {
  margin: 16px auto;
}

.minute__articles__result .article__content .article__description figure .twitter-tweet {
  margin: auto;
}


.minute__articles__result .article__content .read-more svg,
.minute__articles__result .article__content .read-more {
  display: inline-block;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}


.minute__nav:has([data-tab="most-readed"].active) ~ div .more-button__wrap {
  display: none;
}

.page-minute .section__most-readed .number,
.page-minute .section__most-readed .article__title {
  font-family: "Helvetica", sans-serif, "Sharp Grotesk Bold 15", "-apple-system",
  "BlinkMacSystemFont", "Segoe UI", "Arial", "Apple Color Emoji",
  "Segoe UI Emoji";
}

.page-minute .section__most-readed .number {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.page-minute .section__most-readed .article__title {
  font-size: 16px;
}

.page-minute .section__most-readed .select {
  margin-bottom: 24px;
}

.page-minute .minute__filter {
  position: fixed;
  visibility: hidden;
  /* overflow: hidden; */
  overflow: auto;
  bottom: 0;
  z-index: 10;
  top: 1000px;
  background-color: var(--color-white);
  transition: top 0.35s ease-in-out, visibility 0.2s  ease-in-out;
}

#most-readed:has(.minute__filter.active) {
  display: block;
}

.page-minute .minute__filter.active {
  top: 52px;
  left: 0;
  visibility: visible;
  transition: top 0.35s ease-in-out;
}

.page-minute .minute__filter svg path {
  stroke: var(--color-grey);
}

.page-minute .minute__filter .filter__categories svg path,
.page-minute .minute__filter .filter__regions svg path {
  stroke: var(--color-grey);
}

.minute__articles__result .article__content .share {
  color: var(--color-grey);
  margin: 0;
  text-decoration: none;
}

.minute__articles__result .article__content .share > *:not(.share__box) {
  transition: opacity 0.32s ease;
}

.minute__articles__result .article__content .share:hover > *:not(.share__box),
.minute__articles__result .article__content .share:focus > *:not(.share__box) {
  opacity: .6;
}

.minute__articles__result .article__content .share > svg path {
  fill: var(--color-grey);
}

.page-minute .minute__filter .minutes-category.selected {
  background-color: var(--color-red);
  color: var(--color-white);
}

.page-minute .minute__filter .minutes-category.selected svg path {
  stroke: var(--color-white);
}

.page-minute .minute__filter .minutes-category.selected svg {
  display: none;
}

.page-minute .minute__filter .minutes-category.selected:after {
  content: '';
  background-image: url("../../assets/images/icons/white-close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: inline-flex;
  height: 18px;
  width: 18px;
  position: relative;
  top: 3px;
}

.page-minute .preloader {
  display: none;
}

.badge {
  position: fixed;
  left: 0;
  right: 0;
  top: 80px;
  width: 157px;
  margin-left: auto;
  margin-right: auto;
  display: none;
  padding: 4px 33px;
  z-index: 1;
  color: var(--color-white);
  background-color: #900;
  border-radius: 12px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.5s ease-in-out;
}

@media (max-width: 768px) {
  .badge.active {
    display: flex;
  }
}

.badge svg {
  margin-right: 8px;
}

/* Responsive design.  */
@media (min-width: 768px) {
  .page-minute .minute__filter {
    position: unset;
    visibility: visible;
    overflow: hidden;
    bottom: 0;
    top: 0;
    background-color: #F5F5F5;

  }
}

@media (max-width: 768px) {
  .page-minute .section__most-readed {
    padding-top: 0;
  }
}