/**
 * This CSS file is maintained in WPCodeBox 2 plugin
 */
:root {
  --font-size-small: clamp(0.8rem, -0.08vw + 0.82rem, 0.75rem);
  --font-size-base: clamp(1rem, 0vw + 1rem, 1rem);
  --font-size-medium: clamp(1.25rem, 0.13vw + 1.22rem, 1.33rem);
  --font-size-large: clamp(1.56rem, 0.33vw + 1.48rem, 1.78rem);
  --font-size-xlarge: clamp(1.95rem, 0.64vw + 1.79rem, 2.37rem);
  --font-size-xxlarge: clamp(2.44rem, 1.1vw + 2.17rem, 3.16rem);
  font-size: 16px;
}
/**
 * Please note that we are using clamp values to set 
 * these font sizes for headings to make them resize
 */
h1 {
  font-size: var(--font-size-xxlarge);
}
h2 {
  font-size: var(--font-size-xlarge);
}
h3 {
  font-size: var(--font-size-large);
}
h4 {
  font-size: var(--font-size-medium);
}
h5 {
  font-size: var(--font-size-base);
}
h6 {
  font-size: var(--font-size-small);
}
body:not(.fl-builder-edit) #sticky-content {
  position: fixed;
  right: 4em;
  top: 20vh;
}
@media (max-width: 640px) {
  .infinite-title {
    font-size: var(--font-size-base);
  }
  .uk-card-body {
    padding: 16px;
  }
  #perk-category-switcher img {
    max-width: 50px;
  }
  #perk-category-switcher h3 {
    font-size: var(--font-size-small);
  }
}