/*
* ===================================================
*     CUSTOM CSS CODE BELOW
* ===================================================
*/

/* OUTLET!-länken: pulserar mellan vanlig, fet och kursiv text,
   och blinkar i blått och gult */
@keyframes outletStyleCycle {
  0%, 32%   { font-weight: 400; font-style: normal; }
  33%, 65%  { font-weight: 700; font-style: normal; }
  66%, 100% { font-weight: 400; font-style: italic; }
}

@keyframes outletColorBlink {
  0%, 49%   { color: #0057ff; }
  50%, 100% { color: #ffd600; }
}

.outlet-animate,
.outlet-animate:hover,
.outlet-animate:focus {
  animation: outletStyleCycle 3s steps(1, end) infinite,
             outletColorBlink 0.6s steps(1, end) infinite;
}

/* Undertexten under "Swevest.se" på startsidan: 30% större, fetstil, gyllene guldkänsla */
.hero-subtitle-gold {
  font-size: 1.625rem !important; /* 30% större än standardens 1.25rem */
  font-weight: 700 !important;
  opacity: 1 !important;
  letter-spacing: 0.02em;
  color: #b8860b;
  text-shadow: 0 1px 0 #fdf5a6, 0 2px 4px rgba(184, 134, 11, 0.35);
}