/* Start:/local/templates/orkestr_main/assets/css/news.css?17470281002149*/
@import "/local/templates/orkestr_main/assets/css/styles.css";
@import "/local/templates/orkestr_main/assets/css/breadcrumb.css";

main {
  margin-left: 333px;
  margin-right: 333px;
  margin-top: 32px;
  margin-bottom: 88px;
}

.breadcrumb-link,
h1 {
  white-space: nowrap;
}

.news {
  margin-top: 40px;
}
.new-text {
  width: 476px;
}
.new {
  display: flex;
  gap: 40px;
  border-top: 1px solid #dbdbdc;
  width: fit-content;
  padding-bottom: 32px;
}

.new > * {
  padding-top: 48px;
}

.new-date {
  width: 103px;
}

.new-type {
  color: var(--text-lgt4);
  font-family: "Nunito Sans";
  font-size: 14px;
  margin-top: 12px;
}

.new-description {
  font-size: 16px;
  width: auto;
}

h3 {
  margin-top: 6px;
  margin-bottom: 16px;
}

.new-preview {
  padding-top: 0;
  margin-top: 48px;
  height: 200px;
}

.new-img {
  width: 356px;
  height: 144px;
}

.day {
  color: #a02126;
  font-size: 32px;
  font-family: "Prata";
}

.month {
  font-family: "Lora";
  font-size: 16px;
}

.time,
.week-day {
  font-family: "Nunito Sans";
  color: var(--text-lgt2);
  font-size: 18px;
}

.new-header {
  font-size: 26px;
}

@media (max-width: 1400px) {
  main {
    width: auto;
    margin-left: 30px;
  }
}

@media (max-width: 1300px) {
  .news {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (max-width: 1080px) {
  .new-text {
    width: 300px;
  }
}

@media (max-width: 880px) {
  .new {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 40px;
  }

  .perfomance-preview {
    margin-top: 0;
  }
  main {
    margin-right: 30px;
  }
  .news {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 560px) {
  .new-description {
    width: auto;
  }
  .new-date {
    width: auto;
    flex: 1 1 0%;
  }
  .new-text {
    width: auto;
    flex: 1 1 45%;
  }
  .news {
    padding-left: 0;
    padding-right: 0;
  }
  .perfomance-preview {
    padding-top: 0;
  }
}

@media (max-width: 460px) {
  .new {
    width: auto;
  }
}

@media (max-width: 396px) {
  .perfomance-preview {
    width: 80vw;
    height: auto;
  }
  .perfomance-preview > img {
    width: 80vw;
    height: auto;
  }
}

@media screen and (max-width: 340px) {
  .news {
    padding-left: 0;
    padding-right: 0;
  }
}

/* End */
/* /local/templates/orkestr_main/assets/css/news.css?17470281002149 */