/*
 * Hírlevél weboldali nézet — az otpercangol style.css-ből átemelve.
 *
 * A régi szabályok jó része a régi sablon konténerére volt szabva (pl. a
 * borítókép -40px-es negatív margói a 40px-es article paddinghez igazodtak).
 * Ezek itt nem szerepelnek, helyettük a kép a saját konténerén belül marad —
 * a hello-elementor / GeneratePress felépítésében a negatív margók szétesnének.
 */

.otpercangol-newsletter .single-post-header {
  position: relative;
  margin-bottom: 30px;
}

.otpercangol-newsletter .single-post-header .post-thumbnail img {
  width: 100%;
  height: auto;
  max-height: 550px;
  object-fit: cover;
  display: block;
}

.otpercangol-newsletter .single-post-header .entry-header {
  margin: auto;
  position: absolute;
  border-bottom: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  padding: 0 20px;
}

.otpercangol-newsletter .single-post-header .entry-title {
  margin: 0;
  display: inline;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 0.3em 0.4em 0.5em;
  line-height: 1.414em;
  background-size: 100% 80%;
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(13%), #fff 1px);
  position: relative;
}

.otpercangol-newsletter .opa-lead {
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

.otpercangol-newsletter .opa-separator {
  background-color: #efeef3;
  border: 0;
  height: 1px;
}

.otpercangol-newsletter .opa-newsletter-code-title {
  text-align: center;
}

.otpercangol-newsletter .entry-content ul {
  padding-left: 20px;
}

/* Heti könyvajánló */
.otpercangol-newsletter .opa-newsletter-books {
  width: 100%;
  border-collapse: collapse;
}

.otpercangol-newsletter .opa-newsletter-books td {
  text-align: center;
  padding: 10px;
  vertical-align: top;
}

.otpercangol-newsletter .opa-newsletter-books img {
  width: 200px;
  height: auto;
  max-width: 100%;
}

@media only screen and (max-width: 767px) {
  .otpercangol-newsletter .opa-newsletter-books,
  .otpercangol-newsletter .opa-newsletter-books tbody,
  .otpercangol-newsletter .opa-newsletter-books tr,
  .otpercangol-newsletter .opa-newsletter-books td {
    display: block;
    width: 100%;
  }
}

/* Kapcsolódó anyagok */
.otpercangol-newsletter .related-articles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.otpercangol-newsletter .related-articles__item {
  width: calc(33.33% - 14px);
}

.otpercangol-newsletter .related-articles__item img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .otpercangol-newsletter .related-articles__item {
    width: 100%;
  }
}