/* site overrides — put slider / contact-form / tweak CSS here (keep it out of the pages) */

/* Betheme equal-height valign-middle pulls columns up via translateY(-50%),
   overlapping the previous section/hero when the theme's equalize JS is absent.
   Neutralize the transform at all widths (matches Betheme's own responsive reset). */
.equal-height-wrap .mcb-wrap .mcb-wrap-inner{top:0!important;transform:none!important;-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important}


/* ---- contact form (CF7 look kept, posts to /send.php) ---- */
.rrc-cap{display:flex!important;align-items:center;gap:10px}
.rrc-cap-q{flex:0 0 auto;font-weight:700;letter-spacing:1px;background:#f3f3f3;border:1px solid #ddd;border-radius:4px;padding:9px 14px;white-space:nowrap;user-select:none}
.rrc-cap input{flex:1 1 auto;min-width:0}
.rrc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.rrc-form .wpcf7-response-output{display:none;margin:10px 0 0;padding:10px 14px;border-radius:4px}
.rrc-form .wpcf7-response-output.rrc-ok{display:block;border:2px solid #46b450;color:#2e7d32}
.rrc-form .wpcf7-response-output.rrc-err{display:block;border:2px solid #dc3232;color:#b71c1c}

/* ---- footer credit row ---- */
@media (min-width:768px){#Footer .footer_copy .column.one{display:flex;align-items:center;flex-wrap:nowrap;gap:16px}
#Footer .footer_copy .copyright{flex:1 1 auto;order:1;float:none}
#Footer .footer_copy ul.social{order:2;float:none;flex:0 0 auto;margin:0}
#Footer .footer_copy #back_to_top{order:3;float:none;margin:0}}
@media (min-width:1240px){#Footer .footer_copy .copyright{white-space:nowrap}}

/* ---- responsive rate tables ---- */
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:30px}
.table-responsive table{min-width:640px;margin:0}
.table-responsive th{background:#e93a36;color:#fff;white-space:nowrap}
.table-responsive tr:nth-child(even) td{background:#fbf6ee}

@media (max-width:767px){#Subheader{padding-top:40px!important;padding-bottom:30px!important}}

/* ---- rrc-blog-grid: blog list + related posts in even rows ---- */
.blog_wrapper .posts_group.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;height:auto!important;margin:0}
.blog_wrapper .posts_group.grid .post-item{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:auto!important;float:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.06)}
.blog_wrapper .posts_group.grid .post-item .image_frame{margin:0;border:0;padding:0}
.blog_wrapper .posts_group.grid .post-item .image_wrapper img,.post-related .image_wrapper img{width:100%;aspect-ratio:4/3;object-fit:cover;height:auto;display:block}
.blog_wrapper .posts_group.grid .post-desc-wrapper{flex:1;display:flex;width:auto!important}
.blog_wrapper .posts_group.grid .post-desc{display:flex;flex-direction:column;flex:1;padding:20px 22px 0}
.blog_wrapper .posts_group.grid .post-footer{margin-top:auto}
.section-related-ul{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.section-related-ul:before,.section-related-ul:after{display:none!important}
.section-related-ul .column.post-related{width:auto!important;float:none!important;margin:0!important;display:flex;flex-direction:column}
.post-related .single-photo-wrapper,.post-related .image_frame{margin:0}
.post-related .desc{display:flex;flex-direction:column;flex:1}
.post-related .desc .button{margin-top:auto;align-self:flex-start}
.section-post-related{padding-bottom:60px}
/* card titles: dark, red on hover (theme made them link-red on the home page) */
.blog_wrapper .posts_group.grid .post-title .entry-title a{color:#161922!important}
.blog_wrapper .posts_group.grid .post-title .entry-title a:hover{color:#e93a36!important}
.stj-home-blog-head{text-align:center;margin-bottom:30px!important}
.stj-home-blog-head h2{margin-bottom:8px}
.stj-home-blog-more{text-align:center;margin-top:30px!important}
/* card titles: readable size in a 3-column grid (theme used the full H2 size) */
.blog_wrapper .posts_group.grid .post-title .entry-title{font-family:"Poppins",Helvetica,Arial,sans-serif!important;font-weight:700!important;letter-spacing:0!important;font-size:20px!important;line-height:28px!important;margin-bottom:10px}
.blog_wrapper .posts_group.grid .post-title .entry-title a{font-size:inherit}
.blog_wrapper .posts_group.grid .post-meta{margin-bottom:8px;font-size:13px}
.blog_wrapper .posts_group.grid .post-excerpt{font-size:15px;line-height:26px;margin-bottom:16px}
.post-related .desc h4{font-size:18px;line-height:26px}
@media only screen and (max-width:767px){.blog_wrapper .posts_group.grid .post-title .entry-title{font-size:20px!important;line-height:28px!important}}
@media only screen and (max-width:959px){.blog_wrapper .posts_group.grid,.section-related-ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media only screen and (max-width:767px){.blog_wrapper .posts_group.grid,.section-related-ul{grid-template-columns:1fr}}

/* ---- stj-h1-look: title banner is now the H1, keep the old span.title look ---- */
#Subheader h1.title{margin:0;padding:0;font-size:30px;line-height:40px;font-weight:500;letter-spacing:0}
@media only screen and (max-width:767px){#Subheader h1.title{font-size:22px;line-height:30px}}

/* ---- stj-hero: home slider (plugin-free) ---- */
.stj-hero{position:relative;overflow:hidden;background:#1b1209;aspect-ratio:1920/800;width:100%}
.stj-slides{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.stj-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 0s linear 1.1s;z-index:1}
.stj-slide.is-active{opacity:1;visibility:visible;transition:opacity 1.1s ease;z-index:2}
.stj-slide a,.stj-slide picture{display:block;width:100%;height:100%}
.stj-slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.stj-slide.is-active img{transform:scale(1)}
.stj-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;box-sizing:border-box!important;width:46px!important;height:46px!important;min-width:0!important;padding:0!important;margin:0!important;border:0;border-radius:50%!important;background:rgba(0,0,0,.35)!important;color:#fff!important;font-size:30px!important;line-height:44px!important;cursor:pointer;opacity:0;transition:opacity .3s,background .3s}
.stj-hero:hover .stj-nav,.stj-nav:focus-visible{opacity:1}
.stj-nav:hover{background:#e93a36!important}
.stj-prev{left:18px}.stj-next{right:18px}
.stj-dots{position:absolute;left:0;right:0;bottom:20px;z-index:5;display:flex;justify-content:center;gap:8px}
.stj-dots button{box-sizing:border-box!important;width:10px!important;height:10px!important;min-width:0!important;padding:0!important;margin:0!important;border:0;border-radius:10px!important;background:rgba(255,255,255,.6)!important;cursor:pointer;transition:width .35s,background .35s}
.stj-dots button.on{width:28px!important;background:#e93a36!important}
.stj-progress{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:5;background:rgba(255,255,255,.15)}
.stj-progress span{display:block;height:100%;width:0;background:#e93a36}
.stj-hero.run .stj-progress span{animation:stjbar 6s linear forwards}
@keyframes stjbar{from{width:0}to{width:100%}}
@media (min-width:768px){#mfn-custom-slider{padding-top:212px}.template-slider #Header_wrapper{background:#fbf6ee!important}.mcb-wrap-9y15zceul{margin-top:30px!important}}
@media (max-width:767px){.stj-hero{aspect-ratio:2/3}.stj-dots{bottom:18px!important}.stj-nav{opacity:1;width:36px!important;height:36px!important;font-size:24px!important;line-height:34px!important}.stj-prev{left:8px}.stj-next{right:8px}.stj-dots{bottom:18px}}
@media (prefers-reduced-motion:reduce){.stj-slide,.stj-slide img{transition:none!important;transform:none!important}}