.elementor-1332 .elementor-element.elementor-element-b4e301a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-2ca77e2 *//* BB-Ajtóablak Blog – a /blog/ oldal Elementor Custom CSS mezőjébe. */
#bba-blog {
  --bba-ink: #17120f; --bba-gold: #d99b4c; --bba-paper: #f5f1e8;
  --bba-white: #fffaf3; --bba-serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --bba-sans: Inter, Manrope, "Segoe UI", Arial, sans-serif;
  font-family: var(--bba-sans); -webkit-font-smoothing: antialiased;
}
#bba-blog *, #bba-blog *::before, #bba-blog *::after { box-sizing: border-box; }
#bba-blog a { text-decoration: none; }
#bba-blog :is(a,button):focus-visible { outline: 3px solid var(--bba-gold); outline-offset: 4px; }
#bba-blog .bba-blog-shell { width: min(1300px, calc(100% - 72px)); margin-inline: auto; }
#bba-blog .bba-blog-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; font-size: .73rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
#bba-blog .bba-blog-kicker span { display: block; width: 28px; height: 1px; background: currentColor; }

#bba-blog .bba-blog-hero { position: relative; isolation: isolate; overflow: hidden; padding: clamp(66px, 8vw, 124px) 0 0; background: radial-gradient(circle at 88% 12%, #513420 0, transparent 34%), linear-gradient(135deg, #211711, #100e0b 75%); color: var(--bba-white); }
#bba-blog .bba-blog-hero::after { position: absolute; z-index: -1; inset: 0; content: ""; opacity: .23; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgba(255,255,255,.13) 25%); pointer-events: none; }
#bba-blog .bba-blog-breadcrumb { display: flex; gap: 13px; align-items: center; margin-bottom: clamp(55px, 9vw, 130px); font-size: .75rem; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; color: #c7b6a3; }
#bba-blog .bba-blog-breadcrumb a { color: inherit; }
#bba-blog .bba-blog-breadcrumb a:hover { color: #fff; }
#bba-blog .bba-blog-breadcrumb span:last-child { color: var(--bba-gold); }
#bba-blog .bba-blog-hero__grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .55fr); gap: clamp(38px, 5vw, 100px); align-items: end; padding-bottom: clamp(74px, 9vw, 140px); }
#bba-blog .bba-blog-hero .bba-blog-kicker { color: var(--bba-gold); }
#bba-blog h1 { margin: 0; max-width: 12ch; font-family: var(--bba-serif); font-size: clamp(4.5rem, 9.6vw, 10.8rem); font-weight: 400; letter-spacing: -.07em; line-height: .86; text-wrap: balance; }
#bba-blog h1 em { color: #dda863; font-weight: 400; }
#bba-blog .bba-blog-hero__aside { border-top: 1px solid rgba(255,255,255,.3); padding-top: 32px; }
#bba-blog .bba-blog-hero__glyph { display: block; margin-bottom: 40px; font-family: var(--bba-serif); font-size: 3rem; letter-spacing: -.13em; line-height: 1; color: #dca561; }
#bba-blog .bba-blog-hero__glyph span { margin: 0 5px; color: #f8ebd8; }
#bba-blog .bba-blog-hero__aside p { max-width: 35ch; margin: 0 0 34px; color: #e1d6ca; font-size: clamp(1rem, 1.25vw, 1.16rem); line-height: 1.72; }
#bba-blog .bba-blog-hero__aside a { display: inline-flex; gap: 25px; padding-bottom: 11px; border-bottom: 1px solid var(--bba-gold); color: var(--bba-white); font-size: .84rem; font-weight: 750; }
#bba-blog .bba-blog-hero__aside a:hover { color: var(--bba-gold); }
#bba-blog .bba-blog-hero__bottom { display: flex; justify-content: space-between; gap: 20px; padding: 20px 0 24px; border-top: 1px solid rgba(255,255,255,.22); color: #c4b4a4; font-size: .68rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }

#bba-blog .bba-blog-articles { padding: clamp(74px, 8vw, 120px) 0 clamp(80px, 9vw, 140px); background: var(--bba-paper); color: var(--bba-ink); }
#bba-blog .bba-blog-intro__row { display: flex; justify-content: space-between; align-items: end; gap: 40px; }
#bba-blog .bba-blog-articles .bba-blog-kicker { color: #a56635; }
#bba-blog h2 { margin: 0; font-family: var(--bba-serif); font-size: clamp(3.3rem, 6.5vw, 7rem); font-weight: 400; letter-spacing: -.067em; line-height: .95; }
#bba-blog .bba-blog-intro__row > p { width: min(340px, 100%); margin: 0 0 4px; color: #5e574e; font-size: .99rem; line-height: 1.7; }
#bba-blog .bba-blog-count { margin: 60px 0 18px; padding-top: 20px; border-top: 1px solid #d0c3af; color: #88613c; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
#bba-blog .bba-blog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child { grid-column: span 2; }
#bba-blog .bba-blog-card { position: relative; min-width: 0; min-height: 378px; overflow: hidden; border: 1px solid #dcd4c6; background: #fffcf6; transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
#bba-blog .bba-blog-card:hover { transform: translateY(-5px); border-color: #c4945c; box-shadow: 0 24px 44px rgba(36,25,16,.11); }
#bba-blog .bba-blog-card__link { display: flex; flex-direction: column; height: 100%; min-height: inherit; padding: clamp(24px, 3vw, 40px); color: #211914; }
#bba-blog .bba-blog-card__number { position: absolute; right: 26px; top: 17px; font-family: var(--bba-serif); font-size: 2.65rem; line-height: 1; letter-spacing: -.08em; color: rgba(144,109,73,.19); pointer-events: none; }
#bba-blog .bba-blog-card__eyebrow { display: block; margin-bottom: 50px; color: #9d693d; font-size: .66rem; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
#bba-blog .bba-blog-card__date { display: block; margin-bottom: 12px; color: #80786c; font-size: .72rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
#bba-blog .bba-blog-card__title { margin: 0 0 15px; font-family: var(--bba-serif); font-size: clamp(1.8rem, 2.15vw, 2.7rem); font-weight: 400; letter-spacing: -.045em; line-height: 1.12; color: #211914; }
#bba-blog .bba-blog-card:hover .bba-blog-card__title { color: #a45e2c; }
#bba-blog .bba-blog-card__excerpt { margin: 0 0 26px; color: #6c6258; font-size: .91rem; line-height: 1.58; }
#bba-blog .bba-blog-card__read { display: inline-block; align-self: flex-start; margin-top: auto; padding-bottom: 8px; border-bottom: 1px solid #b67643; color: #563720; font-size: .78rem; font-weight: 750; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child { min-height: 440px; border-color: #2c2119; background: radial-gradient(circle at 90% 10%, #57402c, transparent 43%), #211711; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child .bba-blog-card__number { right: 34px; top: 15px; font-size: clamp(6rem, 12vw, 12rem); color: rgba(238,178,106,.075); }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child .bba-blog-card__eyebrow { color: #e0a461; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child .bba-blog-card__date { color: #c8b8a8; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child .bba-blog-card__title { max-width: 17ch; color: #fff8ee; font-size: clamp(2.7rem, 4.3vw, 5.2rem); line-height: .98; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child:hover .bba-blog-card__title { color: #e7b678; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child .bba-blog-card__excerpt { max-width: 55ch; color: #dbcfc1; }
#bba-blog .bba-blog-grid > .bba-blog-card:first-child .bba-blog-card__read { border-color: #dea665; color: #fff2e2; }
#bba-blog .bba-blog-message { margin: 24px 0; color: #5d5145; font-size: 1rem; }
#bba-blog .bba-blog-message[hidden], #bba-blog .bba-blog-pagination[hidden] { display: none; }
#bba-blog .bba-blog-retry { padding: 14px 20px; border: 0; background: #2b1c14; color: #fffaf3; cursor: pointer; font: inherit; }
#bba-blog .bba-blog-pagination { display: flex; justify-content: center; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 52px; }
#bba-blog .bba-blog-page { display: inline-flex; min-width: 42px; height: 42px; justify-content: center; align-items: center; padding: 0 12px; border: 1px solid #cfc1af; background: transparent; color: #3c2d23; font: 700 .86rem var(--bba-sans); cursor: pointer; }
#bba-blog .bba-blog-page:hover, #bba-blog .bba-blog-page.is-current { background: #2b1c14; border-color: #2b1c14; color: #fffaf3; }
#bba-blog .bba-blog-page.is-current { cursor: default; }
#bba-blog .bba-blog-dots { padding: 0 6px; color: #5e574e; }

#bba-blog .bba-blog-outro { padding: clamp(70px, 8vw, 120px) 0; background: #d7c5ac; color: #211914; }
#bba-blog .bba-blog-outro__grid { display: grid; grid-template-columns: 1.4fr .65fr; gap: 50px; align-items: end; }
#bba-blog .bba-blog-outro .bba-blog-kicker { color: #83512e; }
#bba-blog .bba-blog-outro h2 { font-size: clamp(3.4rem, 6.5vw, 7.5rem); }
#bba-blog .bba-blog-outro h2 em { color: #87532e; font-weight: 400; }
#bba-blog .bba-blog-outro__grid > div:last-child p { max-width: 34ch; margin: 0 0 30px; line-height: 1.7; }
#bba-blog .bba-blog-outro__grid > div:last-child a { display: inline-flex; justify-content: space-between; gap: 30px; min-width: 200px; padding: 17px 20px; background: #2b1c14; color: #fffaf3; font-size: .88rem; font-weight: 750; }
#bba-blog .bba-blog-outro__grid > div:last-child a:hover { background: #694028; }

@media (max-width: 900px) {
  #bba-blog .bba-blog-hero__grid { grid-template-columns: 1fr; gap: 55px; }
  #bba-blog .bba-blog-hero__aside { max-width: 540px; }
  #bba-blog .bba-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #bba-blog .bba-blog-outro__grid { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  #bba-blog .bba-blog-shell { width: min(100% - 36px, 1300px); }
  #bba-blog .bba-blog-hero { padding-top: 46px; }
  #bba-blog .bba-blog-breadcrumb { margin-bottom: 82px; }
  #bba-blog h1 { font-size: clamp(3.6rem, 14vw, 6rem); }
  #bba-blog .bba-blog-hero__grid { padding-bottom: 80px; }
  #bba-blog .bba-blog-hero__bottom span:last-child { display: none; }
  #bba-blog .bba-blog-articles { padding-top: 72px; }
  #bba-blog .bba-blog-intro__row { display: block; }
  #bba-blog .bba-blog-intro__row > p { margin-top: 22px; }
  #bba-blog .bba-blog-count { margin-top: 46px; }
  #bba-blog .bba-blog-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  #bba-blog .bba-blog-grid > .bba-blog-card:first-child { grid-column: auto; }
  #bba-blog .bba-blog-card, #bba-blog .bba-blog-grid > .bba-blog-card:first-child { min-height: 370px; }
  #bba-blog .bba-blog-card__link { padding: 27px; }
  #bba-blog .bba-blog-grid > .bba-blog-card:first-child .bba-blog-card__title { font-size: clamp(2.4rem, 10vw, 3.6rem); }
  #bba-blog .bba-blog-outro { padding: 75px 0; }
  #bba-blog .bba-blog-outro h2 { font-size: clamp(3.2rem, 12vw, 5rem); }
}
@media (prefers-reduced-motion: reduce) { #bba-blog .bba-blog-card { transition: none; } }/* End custom CSS */