/*
 * Local font files for skygarden.london
 * Brandon Grotesque + Freight Big Pro (from Adobe Fonts / Typekit kit kto0nrh)
 * Downloaded and hosted locally for offline use
 *
 * Paths are relative to THIS CSS file (at site root)
 * Subpages reference this file with ../ prefix, so font paths
 * must be relative to CSS file location = site root
 */

@font-face {
  font-family: "brandon-grotesque";
  src: url("wp-content/themes/sky-garden/library/fonts/brandon-grotesque-400.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "brandon-grotesque";
  src: url("wp-content/themes/sky-garden/library/fonts/brandon-grotesque-500.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

@font-face {
  font-family: "brandon-grotesque";
  src: url("wp-content/themes/sky-garden/library/fonts/brandon-grotesque-700.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}

@font-face {
  font-family: "brandon-grotesque";
  src: url("wp-content/themes/sky-garden/library/fonts/brandon-grotesque-900.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}

@font-face {
  font-family: "freight-big-pro";
  src: url("wp-content/themes/sky-garden/library/fonts/freight-big-pro-300.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}

@font-face {
  font-family: "freight-big-pro";
  src: url("wp-content/themes/sky-garden/library/fonts/freight-big-pro-400.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "freight-big-pro";
  src: url("wp-content/themes/sky-garden/library/fonts/freight-big-pro-500.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
}

.tk-brandon-grotesque { font-family: "brandon-grotesque", sans-serif; }
.tk-freight-big-pro { font-family: "freight-big-pro", serif; }

/* ── Force Instagram feed images visible (offline / no CDN) ── */
#sb_instagram .sbi_transition { max-height: none !important; opacity: 1 !important; }
#sb_instagram .sbi_hidden     { opacity: 1 !important; display: block !important; }
#sb_instagram .sbi_item       { opacity: 1 !important; }
#sb_instagram img.sbi_photo   { opacity: 1 !important; }