/*
  Theme Name: Victim Services of Simcoe County
  Author: Whetham Solutions
  Author URI: https://whethamsolutions.com
  Description: Wordpress theme for Victim Services of Simcoe County. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: vssc
*/

:root {
    --spacing: clamp(75px, 7.8125vw, 150px);
    --radius: clamp(13.333333333333334px, 1.0416666666666667vw, 20px);
    --transition: all 0.3s;
    --transition--slow: all 0.6s ease;
    --transition--fast: all 0.15s;

    --font: "Roboto", "Arial", Arial, sans-serif;
    --heading: var(--font);
    --narrow: "Roboto Condensed", sans-serif;

    --font-size: clamp(16px, 1.09375vw, 20px);
    --font-size--small: clamp(13px, 0.8333333333333334vw, 15px);
    --font-size--h1: clamp(40px, 5.208333333333333vw, 55px);
    --font-size--h2: clamp(37px, 3.6458333333333335vw, 46px);
    --font-size--h3: clamp(32px, 2.6041666666666665vw, 41px);
    --font-size--h4: clamp(28px, 2.0833333333333335vw, 34px);
    --font-size--h5: clamp(24px, 1.5625vw, 28px);
    --font-size--h6: clamp(18px, 1.09375vw, 24px);
    --line-height: 1.625;
    --line-height--small: 1.25;
    --line-height--large: 2;
    --line-height--heading: 1.1;

    --container-above--1600: 1450px;
    --container-above--1368: 1308px;

    --green: #43AA25;
    --green-light: #EFF8EC;
    --purple: #443193;
    --purple-light: #ECEAF4;
    --purple-dark: #0E004A;
    --orange: #EF7F00;
    --orange-light: #FEF4E8;
    --text: #38383A;
    --dark: #000000;
    --light: #F7F5FD;
    --primary: var(purple);
    --secondary: var(--orange);
    --fadient-light: var(--light);

    --button-padding--top: clamp(13px, 1.1458333333333333vw, 16px);
    --button-padding--bottom: clamp(13px, 1.1458333333333333vw, 16px);
    --button-padding--left: clamp(28px, 2.71875vw, 41px);
    --button-padding--right: clamp(28px, 2.71875vw, 41px);
    --button-radius: 0;
    --button-text--casing: none;
    --button-text--size: var(--mainFontSize);
    --button-text--weight: 600;
    --button-text--font: var(--font);
    --button-text--colour: #fff;
    --button-text--letter-spacing: 0px;
    --button-border-width: 1px;
    --button-background--primary: var(--primary);
    --button-background--secondary: var(--secondary);

    --plyr-color-main: var(--secondary);

}