/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 24 2025 | 11:39:45 */
/* ========== CUSTOM FONTS HOLLD.COM ========== */

/* Basis Grotesque Pro – Light (300) */
@font-face {
  font-family: 'BasisGrotesquePro';
  src: url('/wp-content/uploads/fonts/BasisGrotesquePro-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/* Basis Grotesque Pro – Regular (400) */
@font-face {
  font-family: 'BasisGrotesquePro';
  src: url('/wp-content/uploads/fonts/BasisGrotesquePro-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Basis Grotesque Pro – Medium (500) */
@font-face {
  font-family: 'BasisGrotesquePro';
  src: url('/wp-content/uploads/fonts/BasisGrotesquePro-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Basis Grotesque Pro – Bold (700) */
@font-face {
  font-family: 'BasisGrotesquePro';
  src: url('/wp-content/uploads/fonts/BasisGrotesquePro-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Load PPEiko Light Italic - used for emphasized headings */
@font-face {
  font-family: 'PPEikoItalic';
  src: url('/wp-content/uploads/fonts/PPEiko-LightItalic.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/PPEiko-LightItalic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Load PPEiko Medium - used for emphasized headings */
@font-face {
  font-family: 'PPEikoMedium';
  src: url('/wp-content/uploads/fonts/PPEiko-Medium.woff2') format('woff2'),
       url('/wp-content/uploads/fonts/PPEiko-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* ========== UI ENHANCEMENTS ========== */

/* Scroll animation for scroll indicators */
@keyframes scroll {
  0%   { opacity: 1; top: 10px; }
  100% { opacity: 0; top: 25px; }
}

/* Remove tap highlight on touch devices */
button, a, [role="button"], input, textarea, select {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

/* Prevent links from overriding inherited font weight */
a {
  font-weight: inherit !important;
}
