/* 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}

/* ---- SEO heading fixes (tag changed, look unchanged) ---- */
#Subheader h1.title{margin:0;padding:0;font-family:"Rubik",Helvetica,Arial,sans-serif;font-size:30px;line-height:60px;font-weight:400;letter-spacing:0;color:#fff}
.rrc-h1-look{font-size:50px;line-height:60px;font-weight:700;letter-spacing:0;color:#161922}
.rrc-seo-copy h1.rrc-page-h1{font-size:39px;line-height:50px}
@media only screen and (min-width:768px) and (max-width:959px){#Subheader h1.title{font-size:26px;line-height:51px}.rrc-h1-look{font-size:43px;line-height:51px}.rrc-seo-copy h1.rrc-page-h1{font-size:33px;line-height:43px}}
@media only screen and (min-width:480px) and (max-width:767px){#Subheader h1.title{font-size:23px;line-height:45px}.rrc-h1-look{font-size:38px;line-height:45px}.rrc-seo-copy h1.rrc-page-h1{font-size:27px;line-height:34px}}
@media only screen and (max-width:479px){#Subheader h1.title{font-size:18px;line-height:36px}.rrc-h1-look{font-size:30px;line-height:36px}.rrc-seo-copy h1.rrc-page-h1{font-size:24px;line-height:30px}}
.rrc-seo-copy ul{margin:0 0 15px 20px;list-style:disc}
.rrc-seo-copy{background:#fff}
.rrc-seo-copy .column_attr,.rrc-seo-copy p,.rrc-seo-copy li{color:#626262}
.rrc-seo-copy h1,.rrc-seo-copy h2,.rrc-seo-copy strong{color:#161922}
.rrc-seo-copy a{color:#7b0622;font-weight:600}
.rrc-seo-copy a:hover{text-decoration:underline}

/* ---- 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:16/10;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}
@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}}