/* Autonomous styles for restored article + blog pages (The Jazz Garden) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');

*{box-sizing:border-box}
html{scroll-behavior:auto}
body{
  margin:0;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:#2b2b2b;
  background:#f4f1ea;
  line-height:1.7;
  font-size:16px;
}
a{color:#9c7420}
a:hover{color:#7d5c15}

.r-wrap{max-width:1160px;margin:0 auto;padding:0 22px}

/* Article layout */
.r-main{padding:34px 0 48px}
.r-cols{display:flex;gap:34px;align-items:flex-start}
.r-content{flex:1;min-width:0;background:#fff;padding:34px 38px;border-radius:3px;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.r-content h1{
  font-family:'Playfair Display',Georgia,serif;
  font-size:32px;line-height:1.2;margin:0 0 20px;color:#17130f;font-weight:700;
}
.r-content .r-lead-img{width:100%;height:auto;border-radius:3px;margin:0 0 22px}

/* Sidebar */
.r-aside{flex:0 0 260px;max-width:260px;position:sticky;top:82px;align-self:flex-start}
.r-aside .r-box{background:#fff;padding:20px 18px;border-radius:3px;border-top:3px solid #C6A15B;box-shadow:0 2px 14px rgba(0,0,0,.05)}
.r-aside h3{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#9c7420;margin:0 0 16px;font-weight:700}
.r-aside .r-recent-item{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #eee}
.r-aside .r-recent-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.r-aside .r-recent-item a{color:#2b2b2b;text-decoration:none;font-size:13px;line-height:1.5;font-weight:600;display:block}
.r-aside .r-recent-item a:hover{color:#9c7420}

/* Blog catalog */
.r-hero{
  background:linear-gradient(rgba(15,12,9,.72),rgba(15,12,9,.82)),url('/media/81391cc457344ae8bf670caecfd52d15_jpg/v1/fill/w_1920-h_1280-al_c-q_90/81391cc457344ae8bf670caecfd52d15.jpg') center/cover no-repeat;
  color:#fff;text-align:center;padding:70px 22px;
}
.r-hero h1{font-family:'Playfair Display',Georgia,serif;font-size:40px;margin:0 0 12px;font-weight:700}
.r-hero p{max-width:640px;margin:0 auto;color:#e6ddca;font-size:15px}
.r-hero .r-hero-rule{width:60px;height:3px;background:#C6A15B;margin:18px auto 0}

.r-blog-section{padding:44px 0 54px}
#blog-cards .blog-card{display:flex;gap:24px;background:#fff;border-radius:3px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,.05);margin-bottom:26px}
#blog-cards .blog-card .card-img{flex:0 0 300px;max-width:300px}
#blog-cards .blog-card .card-img img{width:100%;height:200px;object-fit:cover;display:block}
#blog-cards .blog-card .card-body{flex:1;min-width:0;padding:24px 26px}
#blog-cards .blog-card h2{font-family:'Playfair Display',Georgia,serif;font-size:22px;margin:0 0 10px;line-height:1.25}
#blog-cards .blog-card h2 a{color:#17130f;text-decoration:none}
#blog-cards .blog-card h2 a:hover{color:#9c7420}
#blog-cards .blog-card p{margin:0 0 16px;color:#555;font-size:14px}
#blog-cards .blog-card .r-readmore{display:inline-block;padding:8px 18px;background:#C6A15B;color:#17130f;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:2px}
#blog-cards .blog-card .r-readmore:hover{background:#b48f47}

@media(max-width:860px){
  .r-cols{flex-direction:column}
  .r-aside{position:static;flex-basis:auto;max-width:none;width:100%}
  #blog-cards .blog-card{flex-direction:column}
  #blog-cards .blog-card .card-img{flex-basis:auto;max-width:none}
  .r-content{padding:24px 20px}
}

/* Keep custom footer full-bleed even if Wix left unclosed wrappers */
#romliSiteFooter{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  position:relative;
  clear:both;
  box-sizing:border-box;
}
#SITE_FOOTER,#SITE_FOOTER_WRAPPER,#SITE_FOOTER-placeholder{display:none !important;}