/*
  Theme Name: Douglas Gray CPA
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for Douglas Gray CPA. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: dg 
*/

:root {
  --font: "Readex Pro", sans-serif;
  --heading: "Afacad Flux", sans-serif;

  --spacing: clamp(96.666666666667px, 7.5520833333333vw, 145px);
  --radius: clamp(20px, 1.5625vw, 30px);
  --transition: all 0.4s ease;

  --mainFontSize: clamp(16px, 1.25vw, 24px);
  --smallFontSize: clamp(14px, 0.9375vw, 18px);
  --h1FontSize: clamp(40px, 4.1666666666667vw, 80px);
  --h2FontSize: clamp(40px, 3.125vw, 60px);
  --h3FontSize: clamp(27.333333333333px, 2.1354166666667vw, 41px);
  --h4FontSize: clamp(22px, 1.71875vw, 33px);
  --h5FontSize: clamp(19.333333333333px, 1.5104166666667vw, 29px);
  --h6FontSize: clamp(18px, 1.40625vw, 27px);

  --lineHeight: 1.6;
  --lineHeightSm: 1.1;
  --lineHeightLg: 2;
  --headingLineHeight: 0.85;

  --containerAbove1600: 1450px;
  --containerAbove1368: 1308px;


  --light: #D8D8D8;
  --gray: #777;
  --grey: var(--gray);
  --dark: #013146;
  --blue: #0091d0;
  --text: #434343;
  --primary: var(--blue);
  --secondary: var(--dark);


  --buttonPaddingTop: clamp(10px, 0.78125vw, 15px);
  --buttonPaddingBottom: var(--buttonPaddingTop);
  --buttonPaddingLeft: clamp(30px, 2.34375vw, 45px);
  --buttonPaddingRight: var(--buttonPaddingLeft);
  --buttonCasing: none;
  --buttonRadius: clamp(6.6666666666667px, 0.52083333333333vw, 10px);
  --buttonFontSize: var(--mainFontSize);
  --buttonWeight: 400;
  --buttonLetterSpacing: 0;
  --buttonBorderWidth: 0;
  --buttonFont: var(--font);
  --buttonTextColour: #fff;
  --buttonBackgroundPrimary: var(--primary);
  --buttonBackgroundSecondary: var(--secondary);
  --buttonHoverBackgroundColour: var(--dark);
  --buttonHoverFontColour: #fff;

  --formFieldBorder: #BABABA;
  --formFieldPaddingTop: clamp(12px, 0.9375vw, 18px);
  --formFieldPaddingBottom: var(--formFieldPaddingTop);
  --formFieldPaddingLeft: var(--formFieldPaddingTop);
  --formFieldPaddingRight: var(--formFieldPaddingTop);
  --formFieldRadius: clamp(6.6666666666667px, 0.52083333333333vw, 10px);

}