/* Import all required fonts */
@import url('https://fonts.googleapis.com/css2?family=Jacquard+12&family=Lacquer&family=Rock+Salt&family=Trade+Winds&display=swap');

/* h1 – Rock Salt */
h1 {
  font-family: 'Rock Salt', cursive !important;
  font-weight: bold !important;
  font-style: normal !important; /* or 'italic' if you want it slanted */
}

/* h2 – Lacquer */
h2 {
  font-family: 'Lacquer', cursive !important;
  font-weight: normal !important;
  font-style: normal !important;
}

/* h3 – Jacquard 12 */
h3 {
  font-family: 'Jacquard 12', cursive !important;
  font-weight: normal !important;
  font-style: normal !important;
}

/* All other text elements – Trade Winds */
body, h4, h5, h6, p, span, li, a, button, input, textarea, label, div {
  font-family: 'Trade Winds', cursive !important;
  font-weight: normal !important;
  font-style: normal !important;
}

/* ========================================================================
   Base
 ========================================================================== */
/*

html {

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;

  -webkit-text-size-adjust: 100%;

  background: #fff;
  color: #000;
}

body {
  margin: 0;
}

/* ========================================================================
   Links
 ========================================================================== */


a, .uk-link {
color: #7F00FF;
text-decoration: none;
cursor: pointer;
}

.uk-link {
  color: #7F00FF;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
.uk-link:hover,
.uk-link-toggle:hover .uk-link {
  color: #7F00FF;
  text-decoration: underline;
}

  color: #000;
  text-decoration: none;
}

a.uk-link-heading:hover,
.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading {
  color: #7F00FF;
  text-decoration: none;
}

/* ========================================================================
   Style modifiers
 ========================================================================== */

.uk-icon-button {
  background: #7F00FF;
  color: #fff;
}

.uk-icon-button:hover {
  background-color: #ffa500;
  color: #fff;
}

.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #7F00FF;
  color: #fff;
}

.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
  outline: none;
  background-color: #fff;
  color: #000;
  border-color: #7F00FF;
}

.uk-radio:focus,
.uk-checkbox:focus {
  background-color: rgba(0, 0, 0, 0);
  outline: none;
  border-color: #7F00FF;
}

.uk-radio:checked,
.uk-checkbox:checked,
.uk-checkbox:indeterminate {
  background-color: #7F00FF;
  border-color: transparent;
}

.uk-radio:checked:focus,
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus {
  background-color: #7F00FF;
}

.uk-radio:disabled,
.uk-checkbox:disabled {
  background-color: #7F00FF;
  border-color: #7F00FF;
}

.uk-light .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .uk-offcanvas-bar .uk-button-secondary {
background-color: #7F00FF;
color: #fff;
}

.uk-button-primary {
  background-color: #7F00FF;
  color: #fff;
  border: 1px solid transparent;
}

.uk-button-primary:hover {
  background-color: #ffa500;
  color: #fff;
}

.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #ffa500;
  color: #fff;
}

.uk-button-secondary {
  background-color: #000;
  color: #fff;
}

.uk-button-secondary:hover {
  background-color: #ffa500;
  color: #fff;
}

.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #7F00FF;
  color: #fff;
}

.uk-button-danger {
  background-color: transparent;
  color: #7F00FF;
  border: 1px solid #7F00FF;
}

.uk-button-danger:hover {
  background-color: #000;
  color: #fff;
  border: 1px solid #000;
}

.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: transparent;
  color: #7F00FF;
  border: 1px solid #7F00FF;
}

.uk-progress::-webkit-progress-value {
  background-color: #7F00FF;
  transition: width 0.6s ease;
}
.uk-progress::-moz-progress-bar {
  background-color: #7F00FF;
  transition: width 0.6s ease;
}

.uk-section-primary {
  background: #7F00FF;
}

.uk-section-secondary {
  background: #ffa500;
}

.uk-tile-primary {
  background-color: #7F00FF;
}

.uk-card-badge {
  background: #7F00FF;
  color: #fff;
  text-transform: uppercase;
}

.uk-card-primary {
  background-color: #7F00FF;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.uk-card-primary.uk-card-hover:hover {
  background-color: #7F00FF;
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}

.uk-badge {
  background: #7F00FF;
  color: #fff !important;
  font-size: 11px;
}

.uk-label {
  background: #7F00FF;
  color: #fff;
  text-transform: uppercase;
}

.uk-navbar-nav > li > a {
  padding: 0 0;
  color: #7F00FF;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a[aria-expanded="true"] {
  color: #000;
  text-decoration:underline;
}

.uk-navbar-nav > li > a:active {
  color: #7F00FF;
}

.uk-navbar-nav > li.uk-active > a {
  color: #7F00FF;
  text-decoration:overline;
}

.uk-tab > * > a:hover {
  color: #000;
  text-decoration: none;
}

.uk-tab > .uk-active > a {
  color: #333;
  border-color: #7F00FF;
}

.uk-background-default {
  background-color: #ffa500;
}
.uk-background-muted {
  background-color: #ffa500;
}
.uk-background-primary {
  background-color: #7F00FF;
}
.uk-background-secondary {
  background-color:#7F00FF;
}

.uk-tooltip {
  /* 1 */
  display: none;
  /* 2 */
  position: absolute;
  z-index: 1030;
  --uk-position-offset: 10px;
  --uk-position-viewport-offset: 10;
  /* 3 */
  top: 0;
  /* 4 */
  box-sizing: border-box;
  max-width: 200px;
  padding: 6px 12px;
  /* 5 */
  background: #7F00FF;
  border-radius: 15px;
  color: #fff;
  font-size: 12px;
}

.uk-border-rounded {
  border-radius: 15px;
}

/* ========================================================================
   Lightbox
 ========================================================================== */

.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  border-radius: 100%;
  /* 1 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.uk-lightbox-iframe {
  width: 90%;
  height: 90%;
  border: 0px solid black;
  border-radius: 0; /* Default: no rounding for Chrome, Brave, etc. */
}

/* Safari-only override */
@supports (-webkit-hyphens: none) and (not (-moz-appearance: none)) {
  .uk-lightbox-iframe {
    border-radius: 25px;
  }
}

.uk-lightbox-toolbar {
  padding: 5px 5px;
  background: transparent;
  color: rgba(255, 255, 255, 0.7);
}
.uk-lightbox-toolbar > * {
  color: rgba(255, 255, 255, 0.7);
}

.uk-lightbox-toolbar-icon {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: #7F00FF;
  color: white;
  border-radius: 100%;
  /* 1 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}


/* ========================================================================
   Slider
 ========================================================================== */

.uk-slidenav {
  padding: 5px 10px;
  color: rgba(102, 102, 102, 0.5);
  transition: color 0.1s ease-in-out;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  border-radius: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;

}


/* ========================================================================
   Additional CSS:
 ========================================================================== */

.gumroad .cart-button {
    display: none !important;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

button:focus,
button:active {
	-moz-outline: 0 !important;
	-ms-outline:0 !important;
	-o-outline: 0 !important;
	-webkit-outline: 0 !important;
}

.uk-button-text {
        color: #ffa500;
    }

.uk-button-text:hover {
        color: #FFFFFF;
    }


/* Disable justification by default */
  .uk-text-justify {
    text-align: left !important;
  }

/* Enable justification from medium screens up (≥960px) */
  @media (min-width: 960px) {
    .uk-text-justify {
      text-align: justify !important;
    }
  }