@charset "UTF-8";
/* ==========================================================================
   Guest's Martial Arts - SECONDARY PAGES stylesheet (all pages except the homepage).
   Loaded AFTER home.css, which supplies the approved header, navigation, buttons,
   contact section and footer. This file adds the page hero, content typography and
   tidy styling for the content blocks Craig built in Weebly (columns, images, forms,
   blog posts, store items). Colours: black #101114, blue #1659B7, white #FFFFFF.
   ========================================================================== */

/* ---------- page hero (title band) ---------- */
.gh-page-hero{background:var(--gh-band);border-bottom:1px solid var(--gh-line);padding:48px 0}
.gh-page-hero.has-photo{background:var(--gh-white);padding:56px 0}
.gh-page-hero-in{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}
.gh-page-hero.has-photo .gh-page-hero-in{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.gh .gh-page-title{margin:0 0 14px;color:var(--gh-ink);font-weight:700;font-size:clamp(30px,3.6vw,46px);line-height:1.12;letter-spacing:-.02em;max-width:24ch}
.gh .gh-page-hero:not(.has-photo) .gh-page-title{max-width:none}
.gh-page-sub{margin:-4px 0 16px;font-size:18px;font-weight:600;color:var(--gh-blue)}
.gh-hidden{display:none!important}
.gh-page-hero-copy>:last-child{margin-bottom:0}
.gh-page-hero-extra{font-size:18px;color:var(--gh-text);margin:0 0 22px}
.gh-page-hero-extra *{color:inherit!important;font-size:inherit!important;font-family:inherit!important;text-align:left!important}
.gh-page-hero-extra p,.gh-page-hero-extra .paragraph{margin:0 0 10px}
.gh-page-hero .gh-actions{margin-top:24px}
.gh-page-hero-photo{margin:0}
@media (max-width:900px){
  .gh-page-hero.has-photo .gh-page-hero-in{grid-template-columns:1fr;gap:24px}
  .gh-page-hero-photo{order:-1}
  .gh-page-hero,.gh-page-hero.has-photo{padding:32px 0 36px}
}

/* ---------- content area ---------- */
.gh-page-body{padding:40px 0 48px;background:var(--gh-white)}
.gh-content{max-width:980px;color:var(--gh-text);font-size:17px;line-height:1.7;overflow-wrap:break-word}
.gh-content--blog-post,.gh-content--blog-list{max-width:780px}
.gh-content--store{max-width:var(--gh-width)}
@media (max-width:600px){.gh-page-body{padding:28px 0 36px}.gh-content{font-size:16px}}

/* Weebly inline formatting -> consistent design (Craig's words, links, bold and italics are kept) */
.gh-content font[color],.gh-content [style*="color"]{color:inherit!important}
.gh-content font[face],.gh-content [style*="font-family"]{font-family:inherit!important}
.gh-content font[size="1"],.gh-content font[size="2"]{font-size:.9em}
.gh-content font[size="3"],.gh-content font[size="4"]{font-size:inherit}
.gh-content font[size="5"]{font-size:1.25em;line-height:1.35}
.gh-content font[size="6"],.gh-content font[size="7"]{font-size:1.45em;line-height:1.3;font-weight:700;color:var(--gh-ink)}
.gh-content [style*="font-size"]{font-size:inherit!important}
.gh-content [style*="text-align:justify"],.gh-content [style*="text-align: justify"]{text-align:left!important}
.gh-content [style*="line-height"]{line-height:inherit!important}
.gh-content strong,.gh-content b{color:var(--gh-ink);font-weight:600}
.gh-content a:not([class]){color:var(--gh-blue);text-underline-offset:2px}
.gh-content a:not([class]):hover{color:var(--gh-blue-dark)}
.gh-content .blog-link{color:var(--gh-blue)}

/* headings */
.gh-content h1,.gh-content h2,.gh-content h3,.gh-content h4,.gh-content .wsite-content-title{color:var(--gh-ink);font-weight:700;letter-spacing:-.01em;text-transform:none;margin:28px 0 12px;line-height:1.22}
.gh-content h1{font-size:clamp(28px,3vw,36px)}
.gh-content h2,.gh-content .wsite-content-title{font-size:clamp(24px,2.4vw,30px)}
.gh-content h3{font-size:22px}
.gh-content h4{font-size:19px}
.gh-content h1 font,.gh-content h2 font,.gh-content h3 font,.gh-content .wsite-content-title font{font-size:inherit!important;color:inherit}
.gh-content>:first-child,.gh-content>:first-child>:first-child,.gh-content>div:first-child h1:first-child,.gh-content>div:first-child h2:first-child{margin-top:0}
.gh-content .wsite-content-title:empty{display:none}

/* paragraphs and lists */
.gh-content p,.gh-content .paragraph{margin:0 0 16px}
.gh-content ul,.gh-content ol{margin:0 0 16px;padding-left:1.4em}
.gh-content li{margin:0 0 6px}
.gh-content blockquote{margin:22px 0;padding:16px 22px;background:#eef4fc;border-left:4px solid var(--gh-blue);border-radius:0 6px 6px 0;color:#26303d}
.gh-content hr,.gh-content .styled-hr{border:0;border-top:1px solid var(--gh-line);margin:16px 0;height:0}
.gh-content table{max-width:100%;border-collapse:collapse}

/* Weebly spacers: keep rhythm, avoid big empty gaps */
.gh-content div[style*="overflow: hidden"][style*="height:"]:empty{max-height:12px}

/* Weebly columns */
.gh-content .wsite-multicol{margin:0 0 8px}
.gh-content .wsite-multicol-table-wrap{margin:0 -14px!important}
.gh-content .wsite-multicol-table{width:100%;table-layout:fixed;border:0;border-collapse:separate;border-spacing:0}
.gh-content .wsite-multicol-col{vertical-align:top;padding:0 14px!important}
@media (max-width:760px){
  .gh-content .wsite-multicol-table-wrap{margin:0!important}
  .gh-content .wsite-multicol-table,.gh-content .wsite-multicol-tbody,.gh-content .wsite-multicol-tr,.gh-content .wsite-multicol-col{display:block;width:100%!important;padding:0!important}
  .gh-content .wsite-multicol-col+.wsite-multicol-col{margin-top:8px}
}

/* images */
.gh-content img{max-width:100%;height:auto!important}
.gh-content .wsite-image{margin:0 0 16px;padding-top:0!important;padding-bottom:0!important}
.gh-content .wsite-image img,.gh-content .galleryImageBorder{border:0!important;padding:0!important;border-radius:6px;box-shadow:0 4px 14px rgba(16,17,20,.10)}
.gh-content .wsite-image-border-thick img,.gh-content .wsite-image-border-medium img,.gh-content .wsite-image-border-thin img{border:0!important;padding:0!important}
.gh-content .wsite-image div{font-size:14px;color:var(--gh-muted);margin-top:6px}
.gh-content iframe{max-width:100%}
.gh-content .wcustomhtml{overflow:visible!important}

/* videos (Craig's lite-youtube player and plain YouTube embeds) */
.gh-content lite-youtube{display:block;max-width:100%!important;margin:0 0 20px;border-radius:8px;overflow:hidden;aspect-ratio:16/9}
.gh-content iframe[src*="youtube"]{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:8px;margin:8px 0 24px}

/* Weebly buttons inside content */
.gh-content .wsite-button,.gh-content a.wsite-button{display:inline-flex;align-items:center;min-height:46px;padding:11px 22px;border-radius:4px;background:var(--gh-blue)!important;color:#fff!important;text-decoration:none;font-weight:600;font-size:16px;border:0}
.gh-content .wsite-button:hover{background:var(--gh-blue-dark)!important}
.gh-content .wsite-button-inner{background:none!important;padding:0!important;color:inherit!important;font:inherit!important}

/* ---------- forms that ran through Weebly (shown, but not active) ---------- */
.gh-pending{margin:0 0 18px;padding:14px 18px;background:#eef4fc;border-left:4px solid var(--gh-blue);border-radius:0 6px 6px 0;font-size:15.5px;line-height:1.55;color:var(--gh-ink)}
.gh-pending strong{color:var(--gh-ink)}
.gh-content form{margin:0 0 24px}
.gh-content form.gh-form-off{padding:24px;border:1px solid var(--gh-line);border-radius:8px;background:#fff}
.gh-content .wsite-form-label{display:block;font-weight:600;color:var(--gh-ink);font-size:15px;margin:0 0 6px}
.gh-content .wsite-form-field{margin:0 0 16px}
.gh-content .wsite-form-instructions{font-size:14px;color:var(--gh-muted)}
.gh-content input[type=text],.gh-content input[type=email],.gh-content input[type=tel],.gh-content input[type=number],.gh-content textarea,.gh-content select{width:100%;max-width:560px;padding:11px 12px;border:1px solid #c9d0da;border-radius:4px;font:16px var(--gh-font);background:#fff;color:var(--gh-ink)}
.gh-content .wsite-form-input-container{max-width:560px}
.gh-form-off,.gh-form-off *{cursor:not-allowed}
.gh-form-off input,.gh-form-off textarea,.gh-form-off select{background:#f4f6f9!important}
.gh-content .gh-form-off .wsite-button,.gh-content .gh-form-off input[type=submit],.gh-content .gh-btn-off,.gh-content a.wsite-button.gh-btn-off{background:#9aa3ae!important;pointer-events:none}

/* ---------- blog ---------- */
.gh-content .blog-post{margin:0 0 32px;padding:0 0 28px;border-bottom:1px solid var(--gh-line)}
.gh-content .blog-post:last-of-type{border-bottom:0}
.gh-content .blog-title{margin:0 0 6px;font-size:clamp(24px,2.6vw,30px)}
.gh-content .blog-title a{color:var(--gh-ink);text-decoration:none}
.gh-content .blog-title a:hover{color:var(--gh-blue)}
.gh-content .blog-date{display:inline-block;margin:0 14px 0 0;font-size:14px;color:var(--gh-muted)}
.gh-content .blog-comments{display:inline-block;margin:0;font-size:14px}
.gh-content .blog-separator,.gh-content .blog-post-separator{display:none}
.gh-content .blog-content{margin-top:18px}
.gh-content .blog-social{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.gh-content .blog-comments-bottom{margin-top:10px;font-size:14px}
.gh-content .imgPusher{display:none}
.gh-content .blog-page-nav-previous,.gh-content .blog-page-nav-next{display:inline-block;margin:8px 12px 0 0}
.gh-content .blog-page-nav-previous a,.gh-content .blog-page-nav-next a{display:inline-flex;align-items:center;min-height:42px;padding:9px 18px;border:2px solid var(--gh-ink);border-radius:4px;color:var(--gh-ink);text-decoration:none;font-weight:600;font-size:15px}
.gh-content .blog-page-nav-previous a:hover,.gh-content .blog-page-nav-next a:hover{background:var(--gh-ink);color:#fff}
.gh-content #commentArea{margin-top:28px;padding-top:24px;border-top:1px solid var(--gh-line)}
.gh-content .blogCommentWrap{margin:0 0 16px;padding:14px 18px;background:#f4f6f9;border-radius:6px}
.gh-content .blogCommentAuthor{font-weight:600;color:var(--gh-ink)}
.gh-content .blogCommentDate{font-size:13px;color:var(--gh-muted)}

/* ---------- store item (Weebly/Square) ---------- */
.gh-content #wsite-com-product-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.gh-content #wsite-com-product-area>.clear,.gh-content #wsite-com-product-area>#wsite-com-product-tab{grid-column:1/-1}
.gh-content #wsite-com-product-images img.wsite-com-product-images-main-image{width:100%;border-radius:8px;box-shadow:0 4px 14px rgba(16,17,20,.10)}
.gh-content #wsite-com-product-images-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.gh-content .wsite-com-product-images-secondary{display:block;width:76px;height:76px;border-radius:4px;overflow:hidden;border:1px solid var(--gh-line)}
.gh-content .wsite-com-product-images-secondary *{position:static!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important}
.gh-content .wsite-com-product-images-secondary img{object-fit:cover;top:0!important;left:0!important}
.gh-content .wsite-imageaspectratio-image-height{display:none!important}
.gh-content #wsite-com-product-title{margin:0 0 10px;font-size:clamp(26px,2.6vw,32px);color:var(--gh-ink)}
.gh-content .wsite-com-product-price,.gh-content #wsite-com-product-price-area{font-size:24px;font-weight:700;color:var(--gh-blue);margin:0 0 16px}
.gh-content #wsite-com-product-on-sale{font-size:13px;font-weight:700;color:#fff;background:var(--gh-blue);padding:3px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em}
.gh-content #wsite-com-product-price-area{display:flex;align-items:baseline;gap:8px}
.gh-content #wsite-com-product-per-item{font-size:14px;font-weight:400;color:var(--gh-muted)}
.gh-content #wsite-com-product-short-description p:empty{display:none}
.gh-content #wsite-com-product-sku{font-size:13px;color:var(--gh-muted)}
.gh-content .wsite-com-product-option-groups{margin:0 0 16px}
.gh-content #wsite-com-product-short-description,.gh-content #wsite-com-product-full-description{margin:16px 0}
.gh-content #wsite-com-product-gen [style*="display:none"],.gh-content #wsite-com-product-gen [style*="display: none"]{display:none!important}
.gh-content #wsite-com-product-images,.gh-content #wsite-com-product-info{min-width:0;width:auto!important;max-width:100%;float:none!important;margin:0!important}
.gh-content #wsite-com-product-images a.cloud-zoom{display:block;max-width:100%}
@media (max-width:860px){.gh-content #wsite-com-product-area{grid-template-columns:minmax(0,1fr);gap:28px}}

/* ---------- page-type touches ---------- */
.gh.gh-t-blog-post .gh-page-title,.gh.gh-t-blog-list .gh-page-title,.gh.gh-t-store .gh-page-title{font-size:clamp(28px,3.2vw,40px)}
.gh-t-store .gh-page-hero{padding:36px 0}
.gh-content .wsite-com-product-sku-none{display:none}

/* Weebly social icons used an icon font that only exists on Weebly: show them as labelled buttons */
.gh-content .wsite-social{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}
.gh-content .wsite-social-item{display:inline-flex;align-items:center;min-height:42px;padding:9px 18px;border:2px solid var(--gh-blue);border-radius:4px;color:var(--gh-blue)!important;text-decoration:none;font-weight:600;font-size:15px}
.gh-content .wsite-social-item:hover{background:var(--gh-blue);color:#fff!important}
.gh-content .wsite-social-item[aria-label]::after{content:attr(aria-label)}
.gh-content .wsite-social-item-inner{display:none}


/* spacing tidy (13 Oct 2026): no double gaps around dividers, images and the first element of a section */
.gh-content div:has(> hr) + *,.gh-content div:has(> hr) + * > :first-child,.gh-content div:has(> hr) + div .wsite-multicol-col > :first-child{margin-top:0}
.gh-content .wsite-multicol-col > :last-child,.gh-content .wsite-multicol-col > div:last-child > :last-child{margin-bottom:0}
.gh-content .wsite-multicol{margin:0 0 16px}
.gh-content .wsite-image + .wsite-image{margin-top:0}
.gh-content > :last-child,.gh-content > :last-child > :last-child{margin-bottom:0}
/* blog comment area: one divider, no empty Weebly line breaks */
.gh-content #commentArea{margin-top:0;padding-top:0;border-top:0}
.gh-content .blog-comment-area > br,.gh-content .commentText:empty{display:none}
.gh-content #commentReplyTitle{margin-top:20px}
.gh-content .blog-post{margin-bottom:24px;padding-bottom:24px}
.gh-content .blog-social{margin-top:12px}
/* Craig's own timetable/trial widget buttons declare white text; keep it (home.css link colour would otherwise win) */
.gh .gma-button,.gh .gma-bjj-button,.gh .gma-kb-button,.gh .gma-ns-button,.gh .gma-sw-button{color:#fff}
/* Weebly spacer blocks (fixed 20-100px heights) -> small consistent gap; rows holding only spacers are hidden */
.gh-content .wsite-spacer{height:auto!important;min-height:0;max-height:12px;overflow:hidden}
.gh-content .wsite-multicol:has(.wsite-spacer):not(:has(img,iframe,a,p,.paragraph,h1,h2,h3,h4,ul,ol,form,input,label,select,textarea,script,lite-youtube,blockquote,hr,span,font,strong,b,em,table table,.wcustomhtml)){display:none}
/* Weebly store's empty fulfilment-options tooltip (filled by Weebly script only) */
.gh-content #wsite-com-product-fulfillment-options-container{display:none}

/* ---------- suburb landing pages (homepage class-card layout from home.css) ---------- */
.gh-suburb .gh-card-links{font-size:21px;font-weight:700;line-height:1.25;color:var(--gh-ink);margin:2px 0 10px}
.gh-suburb .gh-sub-name{font-weight:700;color:var(--gh-ink)}
.gh-suburb .gh-card-body ul,.gh-suburb .gh-sub-intro ul,.gh-suburb .gh-sub-after ul{margin:0 0 16px;padding-left:1.3em}
.gh-suburb .gh-card-body li,.gh-suburb .gh-sub-intro li,.gh-suburb .gh-sub-after li{margin:0 0 6px}
.gh-suburb .gh-sub-intro p,.gh-suburb .gh-sub-after p{font-size:17px}
.gh-suburb .gh-sub-actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 22px}
.gh-suburb .gh-card-foot{display:flex;flex-wrap:wrap;gap:12px}
.gh-suburb .gh-sub-review{margin-top:0}
.gh-suburb .gh-sub-block{margin:0 0 16px}
.gh-suburb .gh-sub-intro .gh-sub-block{font-size:17px}

/* hide the Netlify badge Netlify adds to every page */
#nl-badge-frame{display:none!important}
.gh-content--blog-post p.blog-title{display:none}