.klpib-block {
  display: block;
  width: 100%;
  margin: 1rem 0;
  padding: 1.25rem;
  border-radius: 0.25rem;
  background: #f5f5f5;
  color: #222;
  box-sizing: border-box;
}

.klpib-block .klpib-link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.klpib-block .klpib-content > :last-child {
  margin-bottom: 0;
}

.klpib-theme-light {
  background: #fff;
  border: 1px solid #ddd;
}

.klpib-theme-dark {
  background: #222;
  color: #fff;
}

.klpib-theme-highlight {
  background: #fff4cc;
  border: 1px solid #f0d36a;
}

.klpib-theme-promo {
  background: #ffe7e7;
  border: 1px solid #eab0b0;
}




.rayures_1 {
  background: repeating-linear-gradient(
          to right,
          #f1c4cf 0 73px,
          #f0e7ca 73px 87px,
          #7285ae 87px 139px,
          #f0e7ca 139px 153px,
          #f1c4cf 153px 165px
  ) !important;
}

.rayures_1 .top,
.rayures_1 .bottom {
  color:#000;
}
.rayures_1 .middle {
  color:#94172f;
}

.rayures_2 {
  background: repeating-linear-gradient(
          to right,
          #47256a 0 31px,
          #0f1823 31px 37px,
          #8c074e 37px 69px,
          #0f1823 69px 75px,
          #47256a 75px 121px
  ) !important;
}


.rayures_2 .top {
  color:#f2e7cb;
}
.rayures_2 .middle {
  color:#c09102;
}
.rayures_2 .bottom {
  color:#f2e7cb;
}


.rayures_3 {
  background: repeating-linear-gradient(
          to right,
          #182130 0 56px,
          #a53e49 56px 62px,
          #1a202f 62px 67px,
          #a53e49 67px 73px,
          #182130 73px 103px
  ) !important;
}

.rayures_3 .top {
  color:#f2e8cc;
}
.rayures_3 .middle {
  color:#b6bed6;
}
.rayures_3 .bottom {
  color:#f2e8cc;
}

.rayures_4 {
  background: repeating-linear-gradient(
          to right,
          #222440 0 29px,
          #304237 29px 33px,
          #222440 33px 87px,
          #304237 87px 135px,
          #222440 135px 161px
  ) !important;
}

.rayures_4 .top {
  color:#857653;
}
.rayures_4 .middle {
  color:#f1dea7;
}
.rayures_4 .bottom {
  color:#867452;
}

.rayures_5 {
  background: repeating-linear-gradient(
          to right,
          #28255a 0 38px,
          #582432 38px 101px,
          #28255a 101px 126px
  ) !important;

  /*background: repeating-linear-gradient(*/
  /*        to right,*/
  /*        #28255a 0 5%,*/
  /*        #582432 5% 15%,*/
  /*        #28255a 15% 20%*/
  /*) !important;*/
}

.rayures_5 .top {
  color:#9d948a;
}
.rayures_5 .middle {
  color:#f2dfa6;
}
.rayures_5 .bottom {
  color:#877653;
}

.editorsnote {
  aspect-ratio: 284 / 395;

}


/*.editorsnote.rayures_5 .top,*/
/*.editorsnote.rayures_5 .bottom {*/
/*    color:#847551;*/
/*}*/
/*.editorsnote.rayures_5 .middle {*/
/*    color:#f1dea7;*/
/*}*/

.editorsnote .top,
.editorsnote .middle,
.editorsnote .bottom {
  text-align:center;
  position:absolute;
  width:100%;
  padding:0 !important;
}

.editorsnote .top {
  top: 70px;
  font-size: 36px;
  font-family: "Snell Roundhand";
  letter-spacing: 2px;
  font-weight: 600;
}


.editorsnote .middle {
  width: 385px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 60px;
  line-height: 81px;
  text-transform: uppercase;
  font-family: "Futura";
}

.editorsnote .bottom {
  bottom: 70px;
  text-decoration: underline;
  font-size: 17px;
  /*text-transform: uppercase;*/
  font-family: "Futura";
}

@media screen and (max-width: 2400px) {
  .editorsnote .middle {
    width: 90%;
    font-size: 50px;
    line-height: 72px;
  }
}


@media screen and (max-width: 1900px) {
  .editorsnote .middle {
    width: 90%;
    font-size: 37px;
    line-height: 51px;
  }

  .editorsnote .top {
    font-size: 28px;
  }

}

@media screen and (max-width: 991px) {
    .editorsnote .middle {
        width: 90%;
        font-size: 29px;
        line-height: 39px;
    }
}


@media screen and (max-width: 550px) {
    .editorsnote .top {
        top:25px;
        font-size: 22px;
    }
    .editorsnote .bottom {
        bottom:25px;
    }
    .editorsnote .middle {
        width: 90%;
        font-size: 20px;
        line-height: 32px;
    }
}


.editorsnote.image {
    background-size: cover;
    background-position: center;
}


.editorsnote.image a p {
    opacity:0;
}

.editorsnote.image a {
  display:block;
  width: 100%;
  height: 100%;
}