html, body {
    height: 100svh;
    overscroll-behavior-y: contain;
    overflow-x: hidden;
    touch-action: pan-y;
    scroll-behavior: smooth;
    scroll-padding-top: 180px;
    font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
h1 {font-size: 1.4rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.25rem;}
/* ===== Sitewide neutral font weight for ALL dropdowns ===== */
select,
select option,
select optgroup {
	font-weight: 400 !important;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
}
/* ==========================================================
   Responsive CSS Master Rules
   ----------------------------------------------------------
   Author: Leonardo
   Purpose: Core responsive design system for all devices.
   Priority: HIGHEST — this file governs layout, readability,
             and visual behavior across all screen sizes.
   ----------------------------------------------------------
   Guidelines:
   1. Mobile-first — smallest screens first, scale upward.
   2. Use rem for sizing — base font-size set on html element.
   3. Keep layout stable with aspect-ratio and max-width.
   4. Define logical breakpoints for devices (phone, tablet, desktop, 4K).
   5. Test in both portrait and landscape orientations.
   6. Maintain accessibility — ensure readable text and adequate spacing.
   7. Avoid inline styles; always use responsive classes here.
   8. Validate layouts without JavaScript (CSS must hold shape alone).
   9. Optimize for performance — minimize unnecessary reflows.
   10. Comment all major breakpoints with target device examples.

   Responsive Breakpoints (with header .video-box aspect ratios):
   -----------------------------------------------------------------
   @media (max-width: 24.375rem) {  iPhone 12 / 13 — 390px wide 
   @media (min-width: 24.438rem) and (max-width: 25.75rem)  Galaxy Note — 412px wide 
   @media (min-width: 25.813rem) and (max-width: 26.875rem)  iPhone 14 — 430px wide 
   @media (min-width: 26.875rem) and (max-width: 30rem)  iPhone 14 Plus / 480px wide 
   @media (min-width: 37.5rem) and (max-width: 42rem)  Small tablets — 600px wide 
   @media (min-width: 48rem) and (max-width: 50rem)  iPad — 768px wide 
   @media (min-width: 64rem) and (max-width: 75rem)  Small desktops — 1024px wide 
   @media (min-width: 80rem) and (max-width: 90rem)  Medium desktops — 1280px wide 
   @media (min-width: 90rem) and (max-width: 100rem)  Large desktops — 1440px wide 
   @media (min-width: 100rem)  Extra large screens — 1600px+ 
   @media (min-width: 120rem)  Ultra-wide — 1920px+ 
   @media (min-width: 225.9rem)  4K / 3840px+ 

   Notes:
   - This file defines the “feel” of the site: scaling, proportions, and 
     usability across every screen.
   - Any layout issue on any device begins its fix here.
   ========================================================== */
/* -------------------------------
   Fluid Mobile-First Responsive CSS
   Sizes in rem, comments in px
   ------------------------------- */
   * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
@font-face {
	font-family: "SBOsignfont";
	src: url("../fonts/SBOsignfont.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "SBOpricefont";
	src: url("../fonts/SBOpricefont.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
sup {
  font-size: 0.65em;/* 65% of parent text size */
}
.redtext {color:#df0911;}
.browntext {color: #990000;}
.greytext {color: #555555;}
.reflextext {color: #0820d9;}
.lightgreytext {color: #b0b3b6;}/*used for breadcrumbs > disabled next linker*/
.silvertext {color: #999999;}
.bluetext {color:#0066ff;}
.lightpinktext {color: #c68f8b;}
.greentext {color: #0c923e;}
.whitetext {color: #ffffff !important;}
.cartgreen {color: #26a726;}
.goldstars {color: #ff9900;}
.deepyellowtext {color: #ff9900;}
.colorbooster {filter: brightness(1.12) contrast(1.08) saturate(1.06); transition: filter .3s;}
.centertext {align-items: center; justify-content: center; text-align: center;}
/* ===== SBO Site-Wide Bright Green Button ===== */
.btn-green {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #3ebb5d;        /* clean vivid green */
  border: 1px solid #2aa94a;  /* subtle border */
  border-radius: 4px;         /* smaller radius for modern feel */
  color: #ffffff;
  font-size: 1.05rem;
  padding: 0.45rem 0.95rem;   /* slim vertical padding */

  box-shadow: 0 3px 6px rgba(0,0,0,0.18);  /* modern soft shadow */
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
  text-decoration: underline;
}

.btn-green:active {
  background: #00851f;          /* pressed tone */
  border-color: #006616;
  text-decoration: none;
}

.btn-green:disabled {
  background: #cccccc;
  border-color: #aaaaaa;
  color: #eeeeee;

}
.btn-green:focus {
}
.btn-green:visited {
    background: 3ebb5d;
	border: 1px solid #2aa94a;
}

a.bluelinker,a.bluelinker:visited,a.bluelinker:hover,a.bluelinker:focus,a.bluelinker:active{color:#0066ff;text-decoration:none;}
a.blacklinker,a.blacklinker:visited,a.blacklinker:hover,a.blacklinker:focus,a.blacklinker:active{color:#333;text-decoration:none;}
a.brownlinker,a.brownlinker:visited,a.brownlinker:hover,a.brownlinker:focus,a.brownlinker:active{color:#990000;text-decoration:none;}
a.dottedlinker,a.dottedlinker:visited,a.dottedlinker:hover,a.dottedlinker:focus,a.dottedlinker:active{color:inherit;text-decoration:none;border-bottom:1px dotted currentColor;}
a.greenlinker,a.greenlinker:visited,a.greenlinker:hover,a.greenlinker:focus,a.greenlinker:active{color:#0c923e;text-decoration:none;}
a.greylinker,a.greylinker:visited,a.greylinker:hover,a.greylinker:focus,a.greylinker:active{color:#555555;text-decoration:none;}
a.redlinker,a.redlinker:visited,a.redlinker:hover,a.redlinker:focus,a.redlinker:active{color:#df0911;text-decoration:none;}
a.whitelinker,a.whitelinker:visited,a.whitelinker:hover,a.whitelinker:focus,a.whitelinker:active{color:#ffffff;text-decoration:none;}
a.silverlinker,a.silverlinker:visited,a.silverlinker:hover,a.silverlinker:focus,a.silverlinker:active{color:#999999;text-decoration:none;}
a.minorcloser,a.minorcloser:visited,a.minorcloser:hover,a.minorcloser:focus,a.minorcloser:active{position:relative;display:inline-grid;place-items:center;color:#888888;font-size:1.4rem;line-height:1;text-decoration:none;transform:translateY(-2px);}

.stickymenu{position:sticky;top:70px;background:#ffffff;padding:0.35rem 0;border-bottom:1px solid #cccccc;z-index:2;}
.stickymenu .sm-list{list-style:none;margin:0;padding:0;}
.stickymenu .sm-item{display:inline-block;margin-right:0.6rem;}
.stickymenu .sm-link{text-decoration:none;color:#333333;padding:0.35rem 0.4rem;display:inline-block;font-size:0.9rem;}
.stickymenu .sm-caret{display:inline-block;vertical-align:middle;width:0;height:0;margin-left:0.35rem;border-left:0.25rem solid transparent;border-right:0.25rem solid transparent;border-top:0.3rem solid #777777;position:relative;top:-0.04rem;}
@media (max-width:600px){
.stickymenu .sm-item{display:block;margin-bottom:0.5rem;margin-left:0.5rem;}
.stickymenu .sm-link{display:block;position:relative;width:100%;padding:0.05rem 0.09rem;box-sizing:border-box;}
.stickymenu .sm-caret{position:absolute;right:0.45rem;top:50%;margin-top:-0.15rem;margin-left:0;}
}
a.minorcloser::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;}
a.bluepillright{display:block;width:fit-content;margin:0.15rem 0 0.35rem auto;padding:0 0.9rem 0.15rem 0.9rem;line-height:1.7rem;background:#06f;color:#ffffff;text-decoration:none;border-radius:999px;}
.iconlinker img {box-shadow: 0 0 4px rgba(42,136,42,.6);} 
.fontweightnormal {font-weight: 400;}
.gianttext {font-size: 3.05rem; line-height: 3.05rem;}
.bigtext {font-size: 2.05rem; line-height: 2.05rem;}
.largetext {font-size: 1.45rem; line-height: 1.75rem; padding: 1.0rem 0.25rem 1.45rem 0;}
.mediumtext {font-size: 1.25rem; line-height: 1.08rem;}
.smalltext {font-size: 0.85rem; line-height: 0.9rem;}
.tinytext {font-size: 0.65rem; line-height: 0.85rem;}
.minitext {font-size: 7px;}
.bolddesttext {font-weight: 800;}
.clearall {clear: both; margin: 1.0rem 0.0rem 1.25rem 0.0rem;}
.textlefter {display: inline-block; text-align: left !important;}
.textrighter {display: block; float: right; text-align: right; padding-right: 0.75rem;}
.pricesizer {font-size: 1.3rem; font-weight: 600;}
.needmorehelp {font-size: 1.15rem;}
.justalittlebitbigger {font-size: 115%;}
.alittlebitbigger {font-size: 115%;}
.arrowdown {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.45rem;
  vertical-align: middle;
  position: relative;
  top: -0.08rem; /* raises it slightly for better optical centering */
  border-left: 0.35rem solid transparent;
  border-right: 0.35rem solid transparent;
  border-top: 0.5rem solid #777777; /* grey arrow */
  font-size: 1.25rem;
}
.arrowright{
	display:inline-block;
	width:0;
	height:0;
	margin-left:0.45rem;
	vertical-align:middle;
	position:relative;
	top:-0.08rem; /* optical centering */
	border-top:0.35rem solid transparent;
	border-bottom:0.35rem solid transparent;
	border-left:0.5rem solid #777777; /* grey arrow */
	font-size:1.25rem;
}
.arrowrightblue{
	display:inline-block;
	width:0;
	height:0;
	margin-left:0.45rem;
	vertical-align:middle;
	position:relative;
	top:-0.08rem; /* optical centering */
	border-top:0.35rem solid transparent;
	border-bottom:0.35rem solid transparent;
	border-left:0.5rem solid #0066ff; /* grey arrow */
	font-size:1.25rem;
}
.shopintro {line-height: 1.45;}

p a { white-space: nowrap; } /*stops hyperlinks breaking apart */

/*-------------------------
  Header Video – Responsive Height - keep this above @media size.
--------------------------*/
/*-----------------------------------------
  HEADER VIDEO - Responsive & Edge Fix
-----------------------------------------*/

/* Header video container */
header .video-box {
  width: 100%;
  aspect-ratio: 16 / 9;      /* reserve space */
  overflow: hidden;
  background: #000;
  position: relative;
}

/* Video element */
header .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  opacity: 1;                /* no transition on video itself */
  visibility: visible;
}

/* Figcaption overlay */
header .video-box figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0.65rem 1rem;
  background: rgba(0,0,0,0.4);
  color: #fff;
  font-size: 1rem;
  line-height: 1.35;
  text-align: left;
}
figure.video-box {
  width: 100%;
  background: #000;
  overflow: hidden;
  aspect-ratio: 16 / 9; /* fallback before JS runs */
}

figure.video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
figcaption {
  font-size: 1rem;           /* ensure integer pixel size if possible */
  line-height: 1.4;
  color: #333333;
  backface-visibility: hidden;      /* fixes Edge anti-aliasing */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate3d(0,0,0);   /* forces GPU layer correctly */
}

/*-----------------------------------------
  Responsive Aspect Ratios
-----------------------------------------*/

/* iPhone 12/13 390px wide */
@media (max-width: 24.375rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: none;}
}

/* Galaxy Note 412px wide */
@media (min-width: 24.438rem) and (max-width: 25.75rem) {
  header .video-box { aspect-ratio: 18 / 9; }
  .notomobile {display: none;}
}

/* iPhone 14 430px wide */
@media (min-width: 25.813rem) and (max-width: 26.875rem) {
  header .video-box { aspect-ratio: 17 / 9; }
  .notomobile {display: none;}
}

/* Additional common responsive breakpoints */
/* iPhone 14 Plus / 480px wide */
@media (min-width: 26.875rem) and (max-width: 30rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: none;}
}

/* Small tablets 600px wide */
@media (min-width: 37.5rem) and (max-width: 42rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: none;}
}

/* iPad 768px wide */
@media (min-width: 48rem) and (max-width: 50rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: normal;}
}

/* Small desktops 1024px wide */
@media (min-width: 64rem) and (max-width: 75rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: normal;}
}

/* Medium desktops 1280px wide */
@media (min-width: 80rem) and (max-width: 90rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: normal;}
}

/* Large desktops 1440px wide */
@media (min-width: 90rem) and (max-width: 100rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: normal;}
}

/* Extra large screens 1600px+ */
@media (min-width: 100rem) {
  header .video-box { aspect-ratio: 16 / 9; }
  .notomobile {display: normal;}
}

/* 10. Ultra-wide (1920px and up) */
@media (min-width: 120rem) {
  header .video-box { aspect-ratio: 32 / 9; } /* cinematic widescreen */
  .notomobile {display: normal;}
}

/* 4K / Ultra-wide players */
@media (min-width: 225.9rem) { /* ≈3840px on 17px rem base */
  header .video-box {
    aspect-ratio: 32 / 9;   /* very wide, cinematic */
    max-height: 100vh;      /* never exceed viewport height */
    overflow: hidden;
    background: #000;
  }

  header .video-box video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }
  .notomobile {display: normal;}
}



/*------- Iphone 12/13 390px Wide x 844px High --------*/
/*------- Iphone 12/13 390px Wide x 844px High --------*/
/*------- Iphone 12/13 390px Wide x 844px High --------*/
@media (max-width: 24.375rem) { /* 390px */

  /* Reset */
  * { margin:0; padding:0; box-sizing:border-box; }

  /* Links */
  a { color:#0066ff; text-decoration:underline; }
  a:visited { color:#0066ff; text-decoration:underline; }

  /* Base HTML + Body */
  html { font-size:100% !important; scroll-behavior:smooth; } 
  body {
    font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    background:#fff;
    color:#333;
    width:100vw;
    margin:0 auto;
    overflow-x:hidden;
	font-size: 1rem !important;
  }

  /* Sticky Header */
  header {
    position:sticky;
    top:0;
    width:100%;
    height:70px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:0 15px;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,0.3);
    z-index:1000;
  }
  header img { width:120px; height:auto; padding-top:0.4rem; }
  .headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
  .headerphone a { color:#333; text-decoration:none; font-weight:bold; }
  .headerphone a:visited { color:#333; }

  /* Hamburger */
  .hamburger {

    width:30px;
    height:22px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:0.85rem;
  }
  .hamburger div {
    position:absolute;
    width:100%;
    height:3px;
    background:#333;
    border-radius:1px;
    transition:all 0.35s ease;
  }
  .hamburger div:nth-child(1){ top:0; }
  .hamburger div:nth-child(2){ top:50%; transform:translateY(-50%); }
  .hamburger div:nth-child(3){ bottom:0; }
  .hamburger.open div:nth-child(1){ transform:rotate(45deg); top:50%; }
  .hamburger.open div:nth-child(2){ opacity:0; }
  .hamburger.open div:nth-child(3){ transform:rotate(-45deg); top:50%; bottom:auto; }

  /* Menu Overlay */
  .menu-overlay {
    position:fixed;
    top:70px;
    left:0;
    width:100%;
    height:280px;
    background:#fff;
    display:none;
    flex-direction:column;
    align-items:center;
    z-index:999;
    padding-top:2rem;
    box-shadow:0 2px 6px rgba(0,0,0,0.3);
  }
  .menu-overlay.active { display:flex; }
  .menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:4px; }
  .menu-overlay li a {
    text-decoration:none;
    font-size:1.25rem;
    color:#333;
    font-weight:bold;
    padding-left:4rem;
    padding-right:4rem;
    display:block;
  }
  .menu-overlay li a:visited { color:#333; }

  /* General Utility */
  .padall {padding: 1.25rem;}
  .padtop { padding-top:1.75rem; }
  .padtophalf { padding-top:0.85rem; }
  .padleft { padding-left:1.25rem; }
  .padleftlister { padding-left:1.25rem; }
  .padleftmore { padding-left:3rem; }
  .padcaption p { padding:1.25rem; }
  .centerthis { margin:0 auto; }
  .centerthis img { margin:0 auto; }

  figure { margin:0; padding:0; text-align:center; }
  figcaption {
    display:block;
    text-align:left;
    padding-left:1.25rem;
    padding-right:1rem;
    padding-top:0.5rem;
    font-size:1rem;
    line-height:1.4;
  }

  /* Video */
  .video-box {
    width:100%;
    margin:0;
    background:#000;
    overflow:hidden;
    position:relative;
    opacity:0;
    transform:translateY(40px);
    transition:opacity 0.8s ease-out, transform 0.8s ease-out;
  }
  .video-box.visible { opacity:1; transform:translateY(0); }
  .video-box video {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    opacity:0;
    transition:opacity 0.8s ease-out;
  }
  .video-box video.visible { opacity:1; }
  .video-box figcaption {
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    box-sizing:border-box;
    padding:0.65rem 1rem;
    background:rgba(0,0,0,0.4);
    color:#fff;
    font-size:1rem;
    line-height:1.35;
    text-align:left;
  }
  .video-box figcaption.visible { opacity:1; transform:translateY(0); }

  /* Main */
  main {text-align:left;}

  /* Gradient SALE */

  /* Footer */
  footer {
    width:100%;
    background:#df0911;;
    color:#fff;
    padding:1rem 1.25rem 0.5rem 1.25rem;
    box-sizing:border-box;
    border-top:3px solid #ccc;
    box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45);
    position:relative;
  }

  footer::before {
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    width:500px;
    height:283px;
    background:url('/m/bg/SBO-First-Nations-Artwork-500-283-SM.webp') no-repeat bottom right;
    background-size:contain;
    opacity:0.99;
    z-index:-1;
  }

  footer .container {
    position:relative;
    z-index:1;
    max-width:480px;
    margin:1rem auto;
    display:flex;
    flex-direction:column;
    gap:0.25rem;
  }

  footer img { width:120px; height:auto; margin-bottom:0.5rem; }
  footer p, footer a { color:#fff; font-size:1rem; padding:4px; text-decoration:none; }
  footer a:hover, footer a:visited { color:#fff; text-decoration:none; }
  footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
  footer li { margin:0.49rem 0; }
  footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }

  .footer-other { position:relative; }
  .footer-aust-standards { position:relative; padding-right:35px; }
  .footer-aust-standards .footer-img-link {
    position:absolute;
    right:0.5rem;
    bottom:-1rem;
    display:inline-block;
  }
  .footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }

  .footerphone-button {
    display:inline-block;
    font-size:1.55rem;
    line-height:1.2;
    color:#fff;
    margin:0.6rem auto 1.25rem 0.25rem;
    background-color:#df0911;
    border:2px solid #fff;
    border-radius:8px;
    padding:0.5rem 1rem;
    text-decoration:none;
    text-align:center;
    transition:background 0.3s, transform 0.2s;
    position:relative;
    z-index:2; /* ensures above artwork */
  }

  .copystatement {
    font-size:0.55rem;
    color:#ecb8b4;
    padding:2px;
    line-height:0.65rem;
  }

}



/*------- Galaxy Note 412px Wide x 915px High --------*/
/*------- Galaxy Note 412px Wide x 915px High --------*/
/*------- Galaxy Note 412px Wide x 915px High --------*/
@media (min-width: 24.438rem) and (max-width: 25.75rem) { /* 391px – 412px */
* {margin:0;padding:0;box-sizing:border-box;}
html {font-size:100%;!important} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100vw; margin:0 auto;  overflow-x:hidden; }
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 0.85rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:6px; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
.whitelinker a {color: #ffffff; text-decoration: none;}
.whitelinker a:visited {color: #ffffff; text-decoration:none;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem 0.80rem 1.25rem 0.85rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:1.0rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:500px; height:303px; background:url('/m/bg/SBO-First-Nations-Artwork-500x303-SM-MD.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:1.0rem auto; display:flex; flex-direction:column; gap:0.25rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem;}
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.49rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Iphone 14 430px Wide x 932px High --------*/
/*------- Iphone 14 430px Wide x 932px High --------*/
/*------- Iphone 14 430px Wide x 932px High --------*/
@media (min-width: 25.813rem) and (max-width: 26.875rem) { /* 413px – 430px */
    body { background-color: #ffffff; }
* {margin:0;padding:0;box-sizing:border-box;}
html {font-size:100% !important;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100vw; margin:0 auto;  overflow-x:hidden; }
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 0.85rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
.whitelinker a {color: #ffffff; text-decoration: none;}
.whitelinker a:visited {color: #ffffff; text-decoration:none;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem 0 1.25rem 0; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:1.0rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:500px; height:303px; background:url('/m/bg/SBO-First-Nations-Artwork-500x303-SM-MD.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:1.0rem auto; display:flex; flex-direction:column; gap:0.25rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem;}
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.49rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Portrait 720px Wide x 1280px High --------*/
/*------- Portrait 720px Wide x 1280px High --------*/
/*------- Portrait 720px Wide x 1280px High --------*/
@media (min-width: 26.938rem) and (max-width: 45rem) { /* 431px – 720px */
    body { background-color: #ffffff; }
* {margin:0;padding:0;box-sizing:border-box;}
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 0.85rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem 0 1.25rem 0; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:1.0rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:769px; height:303px; background:url('/m/bg/SBO-First-Nations-Artwork-769x323-MD.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:0.25rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; margin-left: -0.2rem;}
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Ipad Mini 768px Wide x 1024px High --------*/
/*------- Ipad Mini 768px Wide x 1024px High --------*/
/*------- Ipad Mini 768px Wide x 1024px High --------*/
@media (min-width: 45.063rem) and (max-width: 48rem) { /* 721px – 768px */
    body { background-color: #ffffff; }
* {margin:0;padding:0;box-sizing:border-box;}
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 0.85rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:2rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:769px; height:323px; background:url('/m/bg/SBO-First-Nations-Artwork-769x323-MD.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; }
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Ipad Portrait 810px Wide x 1080px High --------*/
/*------- Ipad Portrait 810px Wide x 1080px High --------*/
/*------- Ipad Portrait 810px Wide x 1080px High --------*/
@media (min-width: 48.063rem) and (max-width: 50.625rem) { /* 769px – 810px */
    body { background-color: #ffffff; }
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 2.25rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:2rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:811px; height:323px; background:url('/m/bg/SBO-First-Nations-Artwork-811x323-MD.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; }
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Ipad Air 820px Wide x 1180px High --------*/
/*------- Ipad Air 820px Wide x 1180px High --------*/
/*------- Ipad Air 820px Wide x 1180px High --------*/
@media (min-width: 50.688rem) and (max-width: 51.25rem) { /* 811px – 820px */
    body { background-color: #ffffff; }
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 2.25rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:2rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:1181px; height:323px; background:url('/m/bg/SBO-First-Nations-Artwork-1181x323-LG.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; }
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Ipad Pro / Small Desktops: 821px – 1024px --------*/
/*------- Ipad Pro / Small Desktops: 821px – 1024px --------*/
/*------- Ipad Pro / Small Desktops: 821px – 1024px --------*/
@media (min-width: 51.313rem) and (max-width: 64rem) { /* 821px – 1024px */
    body { background-color: #ffffff; }
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 2.25rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:2rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:1181px; height:323px; background:url('/m/bg/SBO-First-Nations-Artwork-1181x323-LG.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; }
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Large Desktops: 1025px – 1080px --------*/
/*------- Large Desktops: 1025px – 1080px --------*/
/*------- Large Desktops: 1025px – 1080px --------*/

@media (min-width: 64.063rem) and (max-width: 67.5rem) { /* 1025px – 1080px */
    body { background-color: #ffffff; }
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 2.25rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:2rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:1441px; height:323px; background:url('/m/bg/SBO-First-Nations-Artwork-1441x323-LG.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; }
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Extra Large Desktops: 1081px – 1280px --------*/
/*------- Extra Large Desktops: 1081px – 1280px --------*/
/*------- Extra Large Desktops: 1081px – 1280px --------*/
@media (min-width: 67.563rem) and (max-width: 80rem) { /* 1081px – 1280px */
    body { background-color: #ffffff; }
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 2.25rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:2rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:2150px; height:323px; background:url('/m/bg/SBO-First-Nations-Artwork-2150x323-XL.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; }
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}

/*------- Beyond 1280px: fluid scaling --------*/
/*------- Beyond 1280px: fluid scaling --------*/
/*------- Beyond 1280px: fluid scaling --------*/
@media (min-width: 72rem) {
    body { background-color: #ffffff; max-width: 72rem; }
html {font-size:100%;} 
body {
  font-family: -apple-system, BlinkMacSystemFont, 'SamsungOne', 'Roboto', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; background:#ffffff; color:#333; width:100%; margin:0 auto;  overflow-x:hidden;}
/* Sticky Header */
header { position:sticky; top:0; width:100%; height:70px; display:flex; justify-content:space-between; align-items:center; padding:0 15px; background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.3);
  z-index:1000;}
header img { width:120px; height:auto; padding-top:0.4rem; }
.headerphone { font-size:1.15rem; font-weight:bold; color:#333; margin:0.5rem 1.25rem 0.8rem 1.25rem; }
.headerphone a { color:#333; text-decoration:none; font-weight:bold; }
.headerphone a:visited { color:#333; }
/* Hamburger */
.hamburger { width:30px; height:22px; position:relative; display:flex; justify-content:center; align-items:center; margin-right: 2.25rem;}
.hamburger div { position:absolute; width:100%; height:3px; background:#333; border-radius:1px;  transition: all 0.35s ease; }
.hamburger div:nth-child(1){top:0;}
.hamburger div:nth-child(2){top:50%; transform:translateY(-50%);}
.hamburger div:nth-child(3){bottom:0;}
.hamburger.open div:nth-child(1){transform:rotate(45deg); top:50%;}
.hamburger.open div:nth-child(2){opacity:0;}
.hamburger.open div:nth-child(3){transform:rotate(-45deg); top:50%; bottom:auto;}
/* Menu Overlay */
.menu-overlay {position:fixed; top:70px; left:0; width:100%; height:280px; background:#fff; display:none; flex-direction:column; align-items:center; z-index:999; padding-top:2rem; box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.menu-overlay.active { display:flex; }
.menu-overlay ul { list-style:none; display:flex; flex-direction:column; gap:0.75rem; }
.menu-overlay li a { text-decoration:none; font-size:1.25rem; color:#333; font-weight:bold;padding-left: 4rem; padding-right: 4rem; display: block; }
.menu-overlay li a:visited { color:#333; }
/* GENERAL */
.padtop {padding-top:1.75rem;}
.padleft {padding-left: 1.25rem;}
.padleftlister {padding-left:1.25rem;}
.padleftmore {padding-left: 3rem;}
.padcaption p{padding: 1.25rem;}
.centerthis {margin: 0rem auto 0rem auto;}
.centerthis img{margin: 0rem auto 0rem auto;}
.smalltext {0.5rem;}
figure { margin: 0; padding: 0; text-align: center;}
figcaption { display: block; text-align: left; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; font-size: 1.0rem; line-height: 1.4;}
/* Video */
.video-box { width:100%; margin:0; background:#000; overflow:hidden; position:relative; opacity:0; transform:translateY(40px); transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
.video-box.visible { opacity:1; transform:translateY(0); }
.video-box video { width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition: opacity 0.8s ease-out; }
.video-box video.visible { opacity:1; }
.video-box figcaption {position:absolute; left:0; right:0; bottom:0; box-sizing:border-box; padding:0.65rem 1rem; background:rgba(0,0,0,0.4); color:#fff; font-size:1rem; line-height:1.35; text-align:left;}
.video-box figcaption.visible { opacity:1; transform:translateY(0); }
/* Main */
main { padding:1.25rem; text-align:left; }
/* Gradient SALE */
/* Footer */
footer { width:100%; background:#df0911; color:#fff; padding:2rem 1.25rem 0.5rem 1.25rem; box-sizing:border-box; border-top:3px solid #ccc; box-shadow:inset 0 8px 8px -6px rgba(0,0,0,0.45); position:relative;}
footer::before { content:''; position:absolute; bottom:0; right:0; width:2400px; height:360px; background:url('/m/bg/SBO-First-Nations-Artwork-2400x360-XXL.webp') no-repeat bottom right; background-size:contain; opacity:0.99; z-index:-1;}
footer .container { position:relative; z-index:1; max-width:480px; margin:0 auto; display:flex; flex-direction:column; gap:1.5rem; }
footer img { width:120px; height:auto; margin-bottom:0.5rem; }
footer p, footer a { color:#fff; font-size:1.0rem; padding: 4px; text-decoration:none; }
footer a:hover { color:#fff; text-decoration:none; }
footer a:visited { color:#fff; text-decoration:none; }
footer ul { list-style:none; padding:0; margin:0.35rem 0 0 0; }
footer li { margin:0.59rem 0; }
footer strong { display:block; margin-bottom:0.25rem; font-weight:bold; }
.footer-other { position:relative; }
.footer-aust-standards { position:relative; padding-right:35px; }
.footer-aust-standards .footer-img-link { position:absolute; right:0.5rem; bottom:-1rem; display:inline-block;}
.footer-aust-standards .footer-img-link img { width:70px; height:121px; display:block; }
.footerphone-button { display:inline-block; font-size:1.55rem; line-height:1.2; color:#fff; margin: 0.6rem auto 1.25rem 0.25rem;  background-color:#df0911; border:2px solid #fff; border-radius:8px;
  padding:0.5rem 1rem; text-decoration:none; text-align:center; transition: background 0.3s, transform 0.2s;}
.copystatement { font-size:0.55rem; color:#ecb8b4; padding: 2px; line-height: 0.65rem; }
}
/* ===== Responsive (mobile-friendly, keeps right side right) ===== */
@media (max-width:600px) {
	.hero-row {
		flex-wrap:nowrap; /* stay in one row */
		align-items:flex-start;
	}
	.hero-left {
		flex:1 1 70%;
	}
	.hero-right {
		flex:0 0 auto;
		align-items:flex-end;
		text-align:right;
	}
	.btn-green {
		padding:0.45rem 1rem;
		font-size:0.95rem;
		margin-right: 0.25rem;
	}
}
	/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------
	   SCROLLY UP 1 (reusable)
	   - Smooth bottom-up reveal
	   - Keep this as absolute last section in CSS -----------------------------------------------------------------------------------------------------------------------
	----------------------------- */

footer {
	max-width:37.5rem;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	isolation:isolate;
}


footer .container{max-width:none;margin:0}

figure.video-box.IOWatch.heroPosterSwap{
	position:relative;
	width:100%;
	max-width:37.5rem;
	margin:0 auto;
	padding:0;
	aspect-ratio:16 / 9;
	overflow:hidden;
	backface-visibility:hidden;
}
figure.video-box.IOWatch.heroPosterSwap video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:block;
	max-width:none;
	margin:0;
	background:transparent;
	object-fit:cover;
	transform:translateZ(0);
	backface-visibility:hidden;
}

figure.video-box.IOWatch.heroPosterSwap{
	opacity:1 !important;
	transform:none !important;
	filter:none !important;
}
figure.video-box.IOWatch.heroPosterSwap video{
	opacity:1 !important;
	transform:none !important;
	filter:none !important;
	visibility:visible !important;
}
figure.video-box.IOWatch.heroPosterSwap figcaption{
	opacity:1 !important;
	transform:none !important;
	filter:none !important;
}

figure.sboFooterVideo{
	position:relative;
	max-width:37.5rem;
	margin:0.5rem auto 0 auto;
	padding:0;
	overflow:hidden;
	background:#000000; 
	aspect-ratio:16 / 9;
}


figure.sboFooterVideo video{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
	background:transparent;
}


figure.sboFooterVideo .sboFooterCaption{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:5;
	background: rgba(0, 0, 0, 0.4);
	padding:0.65rem 1rem;
	box-sizing:border-box;
	color:#ffffff;
	font-size:1rem;
	line-height:1.35;
	text-align:left;
	pointer-events:none;
}

figure.sboFooterVideo .sboFooterCaption a{
	color:#ffffff;
	text-decoration:none;
	pointer-events:auto;
}
figure.sboFooterVideo .sboFooterCaption a:visited{
	color:#ffffff;
	text-decoration:none;
}