/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/
/* Fix parallax and main image resizing for mobile devices *//* Disable parallax on mobile and adjust image sizes */@media (max-width: 768px) {  section.module {    background-attachment: scroll !important; /* <--- force normal scrolling */    background-size: cover !important;    background-position: center center !important;  }  section.module.parallax-1 {    min-height: 300px !important;    background-image: url('../img/mainimage.jpg') !important;  }  section.module.parallax-2 {    min-height: 300px !important;    background-image: url('../img/parallax.jpg') !important;  }}


/* St. John Homepage Two-Column Layout */
.stj-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}
@media (max-width:768px){.stj-wrap{grid-template-columns:1fr;gap:1.5rem}}
.stj-col{background:transparent!important;max-width:100%;margin:0;padding:15px;color:#fff!important;font-family:Arial,sans-serif;text-align:center;text-shadow:2px 2px 4px #000}
.stj-col h2{margin:0 0 8px;color:#fff!important;font-size:18px;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 4px #000}
.stj-col p{margin:0 0 15px;color:#f0f0f0!important;font-size:13px;line-height:1.4;text-shadow:1px 1px 3px #000}
.stj-btn{display:block;width:100%;padding:12px;background-color:#A52A2A!important;color:#fff!important;text-decoration:none;border-radius:4px;font-size:15px;font-weight:bold;transition:background-color .3s;box-shadow:0 4px 6px rgba(0,0,0,.3);text-shadow:none}
.stj-btn:hover{background-color:#c43333!important}
.stj-note{font-size:11px;margin-top:10px;color:#ddd!important;text-shadow:1px 1px 2px #000}
.stj-vid{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:10px;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.3)}
.stj-vid iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.stj-yt{display:inline-block;padding:8px 16px;background-color:#FF0000!important;color:#fff!important;text-decoration:none;border-radius:4px;font-size:13px;font-weight:bold;box-shadow:0 4px 6px rgba(0,0,0,.3);text-shadow:none}
.stj-yt:hover{background-color:#c00!important}