/*
Theme Name: H-Code Child
Template: h-code
Version: 1.1
*/

/* ========== TYPO: Poppins + H1 fix (ne legyen nagybetűs) ========== */

.single-post .entry-title,
.single-post h1.entry-title,
.single-post .post-title,
.single-post h1 {
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* =========================
   POSZT CÍMSOR FIX - UPPERCASE ELTÁVOLÍTÁSA
   ========================= */

body.single-post h1.blog-details-headline.entry-title,
body.single-post h2.blog-details-headline.entry-title,
body.single-post .blog-details-headline.entry-title,
body.single h1.blog-details-headline,
body.single h2.blog-details-headline,
body h1.blog-details-headline,
body h2.blog-details-headline,
h1.blog-details-headline,
h2.blog-details-headline,
.blog-details-headline {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
}

/* =========================
   Gutenberg poszt tipó + spacing
   ========================= */

.gutenberg-post .entry-content,
.gutenberg-post .post-content,
.gutenberg-post .blog-details-text {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 1.75;
}

.gutenberg-post .entry-content p,
.gutenberg-post .entry-content li {
  font-size: 16px;
  line-height: 1.75;
}

.gutenberg-post .entry-content a {
  color: #ff0078;
  text-decoration: underline;
}
.gutenberg-post .entry-content a:hover {
  text-decoration: none;
}

.gutenberg-post .entry-content h1,
.gutenberg-post .entry-content h2,
.gutenberg-post .entry-content h3,
.gutenberg-post .entry-content h4,
.gutenberg-post .entry-content h5,
.gutenberg-post .entry-content h6 {
  font-family: "Poppins", sans-serif;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.25;
  margin-top: 34px;
  margin-bottom: 14px;
}

.gutenberg-post .entry-content h2 + h3,
.gutenberg-post .entry-content h3 + h4,
.gutenberg-post .entry-content h4 + h5 {
  margin-top: 12px;
}

.gutenberg-post .entry-content ul,
.gutenberg-post .entry-content ol {
  margin: 0 0 20px 1.2em;
}
.gutenberg-post .entry-content li {
  margin: 6px 0;
}

.gutenberg-post .entry-content .wp-block-image {
  margin: 0 0 20px 0;
}
.gutenberg-post .entry-content .wp-block-video,
.gutenberg-post .entry-content .wp-block-embed {
  margin: 0 0 18px 0;
}

.gutenberg-post .entry-content .wp-block-paragraph.has-background,
.gutenberg-post .entry-content .wp-block-group.has-background,
.gutenberg-post .entry-content .wp-block-cover__inner-container {
  padding: 18px 22px;
  border-radius: 10px;
  margin: 18px 0;
}

.gutenberg-post .entry-content .wp-block-group.has-background + h2,
.gutenberg-post .entry-content .wp-block-group.has-background + h3,
.gutenberg-post .entry-content .wp-block-paragraph.has-background + h2,
.gutenberg-post .entry-content .wp-block-paragraph.has-background + h3 {
  margin-top: 34px;
}

.gutenberg-post .entry-content .has-white-color,
.gutenberg-post .entry-content .has-white-color * {
  color: #ffffff !important;
}

.gutenberg-post .entry-content .has-white-color a {
  color: #ffffff !important;
  text-decoration: underline;
}

.gutenberg-post .entry-content .has-cyan-bluish-gray-background-color {
  color: #1b1b1b;
}

/* =========================
   SIDEBAR LAYOUT FIX
   ========================= */

@media (min-width: 992px) {
  .sidebar.col-md-offset-1,
  .col-md-3.col-md-offset-1,
  .col-md-offset-1.sidebar {
    margin-left: 0 !important;
  }
  
  .col-md-8,
  .col-md-3,
  .col-md-8.col-sm-8,
  .col-md-3.col-sm-4 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  
  .sidebar.col-md-3,
  .col-md-3.sidebar {
    width: 30% !important;
  }
  
  .col-md-8.col-sm-8 {
    width: 70% !important;
  }
}

/* =========================
   TIKTOK WIDGET FIX
   ========================= */

#block-4.widget,
.sidebar .widget_block {
  overflow: visible !important;
}

.wp-block-embed-tiktok,
figure.wp-block-embed-tiktok {
  max-width: 100% !important;
  margin: 0 !important;
}

blockquote.tiktok-embed[style],
.tiktok-embed[style] {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}

blockquote.tiktok-embed iframe,
.tiktok-embed iframe {
  max-width: 100% !important;
  width: 100% !important;
}