/*
  Theme Name: David Fritz Golf Academy
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for David Fritz Golf Academy. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: df
*/

:root {

  /* GENERAL SETTINGS */
  --spacing: clamp(50px, 3.90625vw, 75px);
  --radius: clamp(5px, 0.4166666666666667vw, 8px);
  --transition: all 0.3s;
  --transition--slow: all 0.6s ease;
  --transition--fast: all 0.15s;
  
  /* FONT SIZING & LINE HEIGHTS */
  --font: "Plus Jakarta Sans", sans-serif;
  --heading: "Archivo Black", sans-serif;
  --wide: "Archivo", sans-serif;

  --font-size: 25px;
  --font-size--small: 21px;
  --font-size--large: 25px;
  --font-size--eyebrow: 16px;
  --font-size--h1: 55px;
  --font-size--h2: var(--font-size--h1);
  --font-size--h3: 38px;
  --font-size--h4: 32px;
  --font-size--h5: 26px;
  --font-size--h6: 19px;
  --line-height: 1.625;
  --line-height--small: 1.25;
  --line-height--large: 2;
  --line-height--heading: 1.3;
  
  /* CONTAINER SIZING */
  --container-above--1600: 1450px;
  --container-above--1368: 1308px;
  
  /* THEME COLORS */
  --lime: #82CC31;
  --lime-light: #B9FF6C;
  --green: #1D8C44;
  --blue: #265ADE;
  --blue-light: #BAD8FF;
  --text: #494B56;
  --dark: #04152C;
  --dark2: #141B25;
  --light: #EFF2FA;
  --light2: #F7F9FD;
  --light3: #E2E7F0;
  --white: #ffffff;
  --grey: #999999;
  --primary: var(--lime);
  --secondary: var(--blue);

  /* BUTTONS */
  --button-padding--top: 15px;
  --button-padding--bottom: var(--button-padding--top);
  --button-padding--left: 60px;
  --button-padding--right: var(--button-padding--left);
  --button-radius: 250px;
  --button-text--casing: none;
  --button-text--size: var(--mainFontSize);
  --button-text--weight: 700;
  --button-text--font: var(--font);
  --button-text--colour: var(--dark);
  --button-text--letter-spacing: 0px;
  --button-border-width: 1px;
  --button-background--primary: var(--primary);
  --button-background--secondary: var(--secondary);
  --button-background--ghost: transparent;
  --button-hover--background: var(--dark);
  --button-hover--color: #fff;
  --button-hover--background-dark: #fff;
  --button-hover--color-dark: #000;



  /* FORM FIELDS */
  --form-field--border: #ccc;
  --form-field--padding-top: clamp(10px, 0.78125vw, 15px);
  --form-field--padding-bottom: var(--form-field--padding-top);
  --form-field--padding-left: clamp(15px, 1.0416666666666667vw, 20px);
  --form-field--padding-right: var(--form-field--padding-left);
  --form-field--radius: 0px;

  /* FAQS */
  --faq-spacing: clamp(20px, 1.5625vw, 30px);
  --faq-line--width: 1px;
  --faq-line--color: #ccc;
  --faq-open-close-width: clamp(20px, 1.5625vw, 30px);

  /* HEADER DEV */
  --header-adjustment: 0px;


  /* PLYR STYLES */
  --plyr-color-main: var(--primary);

}

.eyebrow {
  font-family: var(--wide);
  font-weight: 800;
  font-variation-settings: "wdth" 100;
  font-size: 16px;
}