/* site.css — additions on top of the carried Divi CSS (adapted from the BLG build). Keep this small: the look comes from the live site's own CSS. */
/* Divi's entrance animations needed its scripts; show everything straight away */
.et_animated,.et-waypoint:not(.et_pb_counters),.et_pb_animation_off{opacity:1!important;animation:none!important;transform:none!important}
/* classic fixed header: the offset Divi's script set on #page-container (site.js measures the real height) */
.et_fixed_nav #page-container{padding-top:80px}
.et_pb_toggle_close .et_pb_toggle_content{display:none}
.et_pb_toggle_title{cursor:pointer}
.mobile_nav.opened .et_mobile_menu{display:block}
.mobile_menu_bar{cursor:pointer}
a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1a6dd4;outline-offset:2px}
/* YouTube click-to-play */
.yt-facade{position:relative;aspect-ratio:16/9;max-width:100%;background:#000;margin:0 0 1.5em}
.yt-facade button{all:unset;cursor:pointer;display:block;width:100%;height:100%}
.yt-facade img{width:100%;height:100%;object-fit:cover;display:block}
.yt-facade button::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:12px;background:#f00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/28px no-repeat}
/* form messages */
.jb-form-msg{margin:12px 0;font-weight:600;color:#333}
.jb-form-msg--err{color:#b00020}
.jb-form-done{padding:20px;border:1px solid #c3e6cb;background:#f2fbf4;color:#14532d;font-size:18px}
.gfield_error .jb-err{color:#b00020;font-size:14px;margin-top:4px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
/* review masonry (WP Review Slider Pro, 2 columns; its script positioned the cards absolutely) */
.wprs_masonry_js{opacity:1!important;display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:20px;padding:0 20px;align-items:start}
.wprs_masonry_js .wprs_masonry_item_js{width:auto!important;position:static!important;transform:none!important}
@media (max-width:767px){.wprs_masonry_js{grid-template-columns:1fr}}

/* Blog grid on phones: Divi's column script switches the grid to one column (size-1of1) with these gaps on the live site;
   the carried grid keeps its desktop columns, so the same gaps are applied here (parity, 2026-10-30). */
@media (max-width:767px){.et_pb_column .et_pb_blog_grid .column .et_pb_post{margin-right:0;margin-bottom:9.5%;width:100%}.et_pb_column .et_pb_blog_grid .column .et_pb_post:last-child{margin-bottom:9.5%}}
@media (max-width:479px){.et_pb_column .et_pb_blog_grid .column .et_pb_post,.et_pb_column .et_pb_blog_grid .column .et_pb_post:last-child{margin-bottom:11.5%}}