/* ==========================================================================
   FEED WORLD additions to the KYJ design
   Generated by database/data/kyj/make-feedworld-css.php (edit that, not this file); loaded after the design's stylesheets on every KYJ page
   (resources/views/designs/feed/kyj/partials/head.blade.php). The views use these classes
   instead of inline styles: named colours, widths, the journey position and the wheel petals.
   Utility classes use !important so that, like the inline styles they replace, they win over the
   design's own rules.
   The design's own files (main.css, site/, pages/) are left as supplied.
   ========================================================================== */

/* ---- Home hero under the navbar ---------------------------------------------
   Below 1280px the hero's own top padding (56px, 40px on phones) is less than
   the fixed navbar, which then covered the "FEED MSCS LTD · Export
   Cooperative" line. Start the hero content and its map below the navbar. */
@media (max-width: 1279px) {
  .kyj--home .hero__content {
    padding-top: calc(var(--kyj-nav-offset) + 16px);
  }

  .kyj--home .hero__map {
    top: calc(var(--kyj-nav-offset) + 8px);
  }
}

@media (max-width: 600px) {
  .kyj--home .hero__content {
    padding-top: calc(var(--kyj-nav-offset) + 8px);
  }
}

/* ---- Journey wheel: each petal's entrance (was inline on each petal) ------- */
.journey-wheel__petal:nth-of-type(1) { --i: 0; --from-x: -148px; --from-y: -350px; --from-r: -50deg; }
.journey-wheel__petal:nth-of-type(2) { --i: 1; --from-x: 111px; --from-y: -363px; --from-r: 50deg; }
.journey-wheel__petal:nth-of-type(3) { --i: 2; --from-x: 319px; --from-y: -207px; --from-r: -50deg; }
.journey-wheel__petal:nth-of-type(4) { --i: 3; --from-x: 377px; --from-y: 46px; --from-r: 50deg; }
.journey-wheel__petal:nth-of-type(5) { --i: 4; --from-x: 259px; --from-y: 278px; --from-r: -50deg; }
.journey-wheel__petal:nth-of-type(6) { --i: 5; --from-x: 20px; --from-y: 379px; --from-r: 50deg; }
.journey-wheel__petal:nth-of-type(7) { --i: 6; --from-x: -229px; --from-y: 303px; --from-r: -50deg; }
.journey-wheel__petal:nth-of-type(8) { --i: 7; --from-x: -370px; --from-y: 85px; --from-r: 50deg; }
.journey-wheel__petal:nth-of-type(9) { --i: 8; --from-x: -339px; --from-y: -173px; --from-r: -50deg; }

/* ---- Screen 6: the GAP streak track (23 of 90 days) ------------------------ */
.kyj--screen .streak-track { --fill: 25.6%; }

/* ---- Named colours: kyj-bg-* (background), kyj-fg-* (text) ------------------- */
.kyj-bg-green-900 { background: rgb(27, 94, 32) !important; }
.kyj-bg-green-800 { background: rgb(46, 125, 50) !important; }
.kyj-bg-teal-900 { background: rgb(0, 77, 64) !important; }
.kyj-bg-blue-900 { background: rgb(13, 71, 161) !important; }
.kyj-bg-red-900 { background: rgb(183, 28, 28) !important; }
.kyj-bg-red-800 { background: rgb(198, 40, 40) !important; }
.kyj-bg-orange-900 { background: rgb(230, 81, 0) !important; }
.kyj-bg-deep-orange-900 { background: rgb(191, 54, 12) !important; }
.kyj-bg-orange-800 { background: rgb(245, 127, 23) !important; }
.kyj-bg-yellow-800 { background: rgb(249, 168, 37) !important; }
.kyj-bg-amber-300 { background: rgb(255, 213, 79) !important; }
.kyj-bg-brown-700 { background: rgb(93, 64, 55) !important; }
.kyj-bg-grey-300 { background: rgb(224, 224, 224) !important; }
.kyj-fg-green-900 { color: rgb(27, 94, 32) !important; }
.kyj-fg-green-800 { color: rgb(46, 125, 50) !important; }
.kyj-fg-teal-900 { color: rgb(0, 77, 64) !important; }
.kyj-fg-blue-900 { color: rgb(13, 71, 161) !important; }
.kyj-fg-red-900 { color: rgb(183, 28, 28) !important; }
.kyj-fg-red-800 { color: rgb(198, 40, 40) !important; }
.kyj-fg-orange-900 { color: rgb(230, 81, 0) !important; }
.kyj-fg-deep-orange-900 { color: rgb(191, 54, 12) !important; }
.kyj-fg-orange-800 { color: rgb(245, 127, 23) !important; }
.kyj-fg-yellow-800 { color: rgb(249, 168, 37) !important; }
.kyj-fg-amber-300 { color: rgb(255, 213, 79) !important; }
.kyj-fg-brown-700 { color: rgb(93, 64, 55) !important; }
.kyj-fg-grey-300 { color: rgb(224, 224, 224) !important; }

/* ---- Icon chips: kyj-chip-* (soft background + strong colour) ---------------- */
.kyj-chip-light-blue { background: rgb(225, 245, 254) !important; color: rgb(1, 87, 155) !important; }
.kyj-chip-orange { background: rgb(255, 243, 224) !important; color: rgb(191, 54, 12) !important; }
.kyj-chip-green { background: rgb(232, 245, 233) !important; color: rgb(27, 94, 32) !important; }
.kyj-chip-red { background: rgb(255, 235, 238) !important; color: rgb(183, 28, 28) !important; }
.kyj-chip-blue { background: rgb(227, 242, 253) !important; color: rgb(13, 71, 161) !important; }

/* ---- Bar widths: kyj-w-0 … kyj-w-100 (percent) ---------------------------------- */
.kyj-w-0 { width: 0% !important; }
.kyj-w-1 { width: 1% !important; }
.kyj-w-2 { width: 2% !important; }
.kyj-w-3 { width: 3% !important; }
.kyj-w-4 { width: 4% !important; }
.kyj-w-5 { width: 5% !important; }
.kyj-w-6 { width: 6% !important; }
.kyj-w-7 { width: 7% !important; }
.kyj-w-8 { width: 8% !important; }
.kyj-w-9 { width: 9% !important; }
.kyj-w-10 { width: 10% !important; }
.kyj-w-11 { width: 11% !important; }
.kyj-w-12 { width: 12% !important; }
.kyj-w-13 { width: 13% !important; }
.kyj-w-14 { width: 14% !important; }
.kyj-w-15 { width: 15% !important; }
.kyj-w-16 { width: 16% !important; }
.kyj-w-17 { width: 17% !important; }
.kyj-w-18 { width: 18% !important; }
.kyj-w-19 { width: 19% !important; }
.kyj-w-20 { width: 20% !important; }
.kyj-w-21 { width: 21% !important; }
.kyj-w-22 { width: 22% !important; }
.kyj-w-23 { width: 23% !important; }
.kyj-w-24 { width: 24% !important; }
.kyj-w-25 { width: 25% !important; }
.kyj-w-26 { width: 26% !important; }
.kyj-w-27 { width: 27% !important; }
.kyj-w-28 { width: 28% !important; }
.kyj-w-29 { width: 29% !important; }
.kyj-w-30 { width: 30% !important; }
.kyj-w-31 { width: 31% !important; }
.kyj-w-32 { width: 32% !important; }
.kyj-w-33 { width: 33% !important; }
.kyj-w-34 { width: 34% !important; }
.kyj-w-35 { width: 35% !important; }
.kyj-w-36 { width: 36% !important; }
.kyj-w-37 { width: 37% !important; }
.kyj-w-38 { width: 38% !important; }
.kyj-w-39 { width: 39% !important; }
.kyj-w-40 { width: 40% !important; }
.kyj-w-41 { width: 41% !important; }
.kyj-w-42 { width: 42% !important; }
.kyj-w-43 { width: 43% !important; }
.kyj-w-44 { width: 44% !important; }
.kyj-w-45 { width: 45% !important; }
.kyj-w-46 { width: 46% !important; }
.kyj-w-47 { width: 47% !important; }
.kyj-w-48 { width: 48% !important; }
.kyj-w-49 { width: 49% !important; }
.kyj-w-50 { width: 50% !important; }
.kyj-w-51 { width: 51% !important; }
.kyj-w-52 { width: 52% !important; }
.kyj-w-53 { width: 53% !important; }
.kyj-w-54 { width: 54% !important; }
.kyj-w-55 { width: 55% !important; }
.kyj-w-56 { width: 56% !important; }
.kyj-w-57 { width: 57% !important; }
.kyj-w-58 { width: 58% !important; }
.kyj-w-59 { width: 59% !important; }
.kyj-w-60 { width: 60% !important; }
.kyj-w-61 { width: 61% !important; }
.kyj-w-62 { width: 62% !important; }
.kyj-w-63 { width: 63% !important; }
.kyj-w-64 { width: 64% !important; }
.kyj-w-65 { width: 65% !important; }
.kyj-w-66 { width: 66% !important; }
.kyj-w-67 { width: 67% !important; }
.kyj-w-68 { width: 68% !important; }
.kyj-w-69 { width: 69% !important; }
.kyj-w-70 { width: 70% !important; }
.kyj-w-71 { width: 71% !important; }
.kyj-w-72 { width: 72% !important; }
.kyj-w-73 { width: 73% !important; }
.kyj-w-74 { width: 74% !important; }
.kyj-w-75 { width: 75% !important; }
.kyj-w-76 { width: 76% !important; }
.kyj-w-77 { width: 77% !important; }
.kyj-w-78 { width: 78% !important; }
.kyj-w-79 { width: 79% !important; }
.kyj-w-80 { width: 80% !important; }
.kyj-w-81 { width: 81% !important; }
.kyj-w-82 { width: 82% !important; }
.kyj-w-83 { width: 83% !important; }
.kyj-w-84 { width: 84% !important; }
.kyj-w-85 { width: 85% !important; }
.kyj-w-86 { width: 86% !important; }
.kyj-w-87 { width: 87% !important; }
.kyj-w-88 { width: 88% !important; }
.kyj-w-89 { width: 89% !important; }
.kyj-w-90 { width: 90% !important; }
.kyj-w-91 { width: 91% !important; }
.kyj-w-92 { width: 92% !important; }
.kyj-w-93 { width: 93% !important; }
.kyj-w-94 { width: 94% !important; }
.kyj-w-95 { width: 95% !important; }
.kyj-w-96 { width: 96% !important; }
.kyj-w-97 { width: 97% !important; }
.kyj-w-98 { width: 98% !important; }
.kyj-w-99 { width: 99% !important; }
.kyj-w-100 { width: 100% !important; }

/* ---- Journey position in the screen top bar: kyj-progress-0 … 100 ------------- */
.kyj-progress-0 { --progress: 0% !important; }
.kyj-progress-1 { --progress: 1% !important; }
.kyj-progress-2 { --progress: 2% !important; }
.kyj-progress-3 { --progress: 3% !important; }
.kyj-progress-4 { --progress: 4% !important; }
.kyj-progress-5 { --progress: 5% !important; }
.kyj-progress-6 { --progress: 6% !important; }
.kyj-progress-7 { --progress: 7% !important; }
.kyj-progress-8 { --progress: 8% !important; }
.kyj-progress-9 { --progress: 9% !important; }
.kyj-progress-10 { --progress: 10% !important; }
.kyj-progress-11 { --progress: 11% !important; }
.kyj-progress-12 { --progress: 12% !important; }
.kyj-progress-13 { --progress: 13% !important; }
.kyj-progress-14 { --progress: 14% !important; }
.kyj-progress-15 { --progress: 15% !important; }
.kyj-progress-16 { --progress: 16% !important; }
.kyj-progress-17 { --progress: 17% !important; }
.kyj-progress-18 { --progress: 18% !important; }
.kyj-progress-19 { --progress: 19% !important; }
.kyj-progress-20 { --progress: 20% !important; }
.kyj-progress-21 { --progress: 21% !important; }
.kyj-progress-22 { --progress: 22% !important; }
.kyj-progress-23 { --progress: 23% !important; }
.kyj-progress-24 { --progress: 24% !important; }
.kyj-progress-25 { --progress: 25% !important; }
.kyj-progress-26 { --progress: 26% !important; }
.kyj-progress-27 { --progress: 27% !important; }
.kyj-progress-28 { --progress: 28% !important; }
.kyj-progress-29 { --progress: 29% !important; }
.kyj-progress-30 { --progress: 30% !important; }
.kyj-progress-31 { --progress: 31% !important; }
.kyj-progress-32 { --progress: 32% !important; }
.kyj-progress-33 { --progress: 33% !important; }
.kyj-progress-34 { --progress: 34% !important; }
.kyj-progress-35 { --progress: 35% !important; }
.kyj-progress-36 { --progress: 36% !important; }
.kyj-progress-37 { --progress: 37% !important; }
.kyj-progress-38 { --progress: 38% !important; }
.kyj-progress-39 { --progress: 39% !important; }
.kyj-progress-40 { --progress: 40% !important; }
.kyj-progress-41 { --progress: 41% !important; }
.kyj-progress-42 { --progress: 42% !important; }
.kyj-progress-43 { --progress: 43% !important; }
.kyj-progress-44 { --progress: 44% !important; }
.kyj-progress-45 { --progress: 45% !important; }
.kyj-progress-46 { --progress: 46% !important; }
.kyj-progress-47 { --progress: 47% !important; }
.kyj-progress-48 { --progress: 48% !important; }
.kyj-progress-49 { --progress: 49% !important; }
.kyj-progress-50 { --progress: 50% !important; }
.kyj-progress-51 { --progress: 51% !important; }
.kyj-progress-52 { --progress: 52% !important; }
.kyj-progress-53 { --progress: 53% !important; }
.kyj-progress-54 { --progress: 54% !important; }
.kyj-progress-55 { --progress: 55% !important; }
.kyj-progress-56 { --progress: 56% !important; }
.kyj-progress-57 { --progress: 57% !important; }
.kyj-progress-58 { --progress: 58% !important; }
.kyj-progress-59 { --progress: 59% !important; }
.kyj-progress-60 { --progress: 60% !important; }
.kyj-progress-61 { --progress: 61% !important; }
.kyj-progress-62 { --progress: 62% !important; }
.kyj-progress-63 { --progress: 63% !important; }
.kyj-progress-64 { --progress: 64% !important; }
.kyj-progress-65 { --progress: 65% !important; }
.kyj-progress-66 { --progress: 66% !important; }
.kyj-progress-67 { --progress: 67% !important; }
.kyj-progress-68 { --progress: 68% !important; }
.kyj-progress-69 { --progress: 69% !important; }
.kyj-progress-70 { --progress: 70% !important; }
.kyj-progress-71 { --progress: 71% !important; }
.kyj-progress-72 { --progress: 72% !important; }
.kyj-progress-73 { --progress: 73% !important; }
.kyj-progress-74 { --progress: 74% !important; }
.kyj-progress-75 { --progress: 75% !important; }
.kyj-progress-76 { --progress: 76% !important; }
.kyj-progress-77 { --progress: 77% !important; }
.kyj-progress-78 { --progress: 78% !important; }
.kyj-progress-79 { --progress: 79% !important; }
.kyj-progress-80 { --progress: 80% !important; }
.kyj-progress-81 { --progress: 81% !important; }
.kyj-progress-82 { --progress: 82% !important; }
.kyj-progress-83 { --progress: 83% !important; }
.kyj-progress-84 { --progress: 84% !important; }
.kyj-progress-85 { --progress: 85% !important; }
.kyj-progress-86 { --progress: 86% !important; }
.kyj-progress-87 { --progress: 87% !important; }
.kyj-progress-88 { --progress: 88% !important; }
.kyj-progress-89 { --progress: 89% !important; }
.kyj-progress-90 { --progress: 90% !important; }
.kyj-progress-91 { --progress: 91% !important; }
.kyj-progress-92 { --progress: 92% !important; }
.kyj-progress-93 { --progress: 93% !important; }
.kyj-progress-94 { --progress: 94% !important; }
.kyj-progress-95 { --progress: 95% !important; }
.kyj-progress-96 { --progress: 96% !important; }
.kyj-progress-97 { --progress: 97% !important; }
.kyj-progress-98 { --progress: 98% !important; }
.kyj-progress-99 { --progress: 99% !important; }
.kyj-progress-100 { --progress: 100% !important; }

/* ---- Screen 4 score ring: kyj-value-0 … 100 -------------------------------- */
.kyj-value-0 { --value: 0 !important; }
.kyj-value-1 { --value: 1 !important; }
.kyj-value-2 { --value: 2 !important; }
.kyj-value-3 { --value: 3 !important; }
.kyj-value-4 { --value: 4 !important; }
.kyj-value-5 { --value: 5 !important; }
.kyj-value-6 { --value: 6 !important; }
.kyj-value-7 { --value: 7 !important; }
.kyj-value-8 { --value: 8 !important; }
.kyj-value-9 { --value: 9 !important; }
.kyj-value-10 { --value: 10 !important; }
.kyj-value-11 { --value: 11 !important; }
.kyj-value-12 { --value: 12 !important; }
.kyj-value-13 { --value: 13 !important; }
.kyj-value-14 { --value: 14 !important; }
.kyj-value-15 { --value: 15 !important; }
.kyj-value-16 { --value: 16 !important; }
.kyj-value-17 { --value: 17 !important; }
.kyj-value-18 { --value: 18 !important; }
.kyj-value-19 { --value: 19 !important; }
.kyj-value-20 { --value: 20 !important; }
.kyj-value-21 { --value: 21 !important; }
.kyj-value-22 { --value: 22 !important; }
.kyj-value-23 { --value: 23 !important; }
.kyj-value-24 { --value: 24 !important; }
.kyj-value-25 { --value: 25 !important; }
.kyj-value-26 { --value: 26 !important; }
.kyj-value-27 { --value: 27 !important; }
.kyj-value-28 { --value: 28 !important; }
.kyj-value-29 { --value: 29 !important; }
.kyj-value-30 { --value: 30 !important; }
.kyj-value-31 { --value: 31 !important; }
.kyj-value-32 { --value: 32 !important; }
.kyj-value-33 { --value: 33 !important; }
.kyj-value-34 { --value: 34 !important; }
.kyj-value-35 { --value: 35 !important; }
.kyj-value-36 { --value: 36 !important; }
.kyj-value-37 { --value: 37 !important; }
.kyj-value-38 { --value: 38 !important; }
.kyj-value-39 { --value: 39 !important; }
.kyj-value-40 { --value: 40 !important; }
.kyj-value-41 { --value: 41 !important; }
.kyj-value-42 { --value: 42 !important; }
.kyj-value-43 { --value: 43 !important; }
.kyj-value-44 { --value: 44 !important; }
.kyj-value-45 { --value: 45 !important; }
.kyj-value-46 { --value: 46 !important; }
.kyj-value-47 { --value: 47 !important; }
.kyj-value-48 { --value: 48 !important; }
.kyj-value-49 { --value: 49 !important; }
.kyj-value-50 { --value: 50 !important; }
.kyj-value-51 { --value: 51 !important; }
.kyj-value-52 { --value: 52 !important; }
.kyj-value-53 { --value: 53 !important; }
.kyj-value-54 { --value: 54 !important; }
.kyj-value-55 { --value: 55 !important; }
.kyj-value-56 { --value: 56 !important; }
.kyj-value-57 { --value: 57 !important; }
.kyj-value-58 { --value: 58 !important; }
.kyj-value-59 { --value: 59 !important; }
.kyj-value-60 { --value: 60 !important; }
.kyj-value-61 { --value: 61 !important; }
.kyj-value-62 { --value: 62 !important; }
.kyj-value-63 { --value: 63 !important; }
.kyj-value-64 { --value: 64 !important; }
.kyj-value-65 { --value: 65 !important; }
.kyj-value-66 { --value: 66 !important; }
.kyj-value-67 { --value: 67 !important; }
.kyj-value-68 { --value: 68 !important; }
.kyj-value-69 { --value: 69 !important; }
.kyj-value-70 { --value: 70 !important; }
.kyj-value-71 { --value: 71 !important; }
.kyj-value-72 { --value: 72 !important; }
.kyj-value-73 { --value: 73 !important; }
.kyj-value-74 { --value: 74 !important; }
.kyj-value-75 { --value: 75 !important; }
.kyj-value-76 { --value: 76 !important; }
.kyj-value-77 { --value: 77 !important; }
.kyj-value-78 { --value: 78 !important; }
.kyj-value-79 { --value: 79 !important; }
.kyj-value-80 { --value: 80 !important; }
.kyj-value-81 { --value: 81 !important; }
.kyj-value-82 { --value: 82 !important; }
.kyj-value-83 { --value: 83 !important; }
.kyj-value-84 { --value: 84 !important; }
.kyj-value-85 { --value: 85 !important; }
.kyj-value-86 { --value: 86 !important; }
.kyj-value-87 { --value: 87 !important; }
.kyj-value-88 { --value: 88 !important; }
.kyj-value-89 { --value: 89 !important; }
.kyj-value-90 { --value: 90 !important; }
.kyj-value-91 { --value: 91 !important; }
.kyj-value-92 { --value: 92 !important; }
.kyj-value-93 { --value: 93 !important; }
.kyj-value-94 { --value: 94 !important; }
.kyj-value-95 { --value: 95 !important; }
.kyj-value-96 { --value: 96 !important; }
.kyj-value-97 { --value: 97 !important; }
.kyj-value-98 { --value: 98 !important; }
.kyj-value-99 { --value: 99 !important; }
.kyj-value-100 { --value: 100 !important; }