/*
    Theme Name: Iron-Haven Structures
    Author: Whetham Solutions
    Author URI: https://whethamsolutions.com
    Description: Wordpress theme for Iron-Haven Structures. Use of this theme outside of this company's website is strictly prohibited.
    Template: ion
    Text Domain: ironhaven
*/

:root {

    --font-size: clamp(16px, 1.15vw, 22.00px);
    --font-size--large: clamp(18px, 1.30vw, 25.00px);
    --font-size--small: clamp(13px, 0.94vw, 18.00px);
    --font-size--h1: clamp(30px, 3.07vw, 59.00px);
    --font-size--h2: clamp(28px, 2.71vw, 52.00px);
    --font-size--h3: clamp(23px, 2.08vw, 40.00px);
    --font-size--h4: clamp(20px, 1.82vw, 35.00px);
    --font-size--h5: clamp(20px, 1.56vw, 30.00px);
    --font-size--h6: clamp(20px, 1.30vw, 25.00px);
    --font-size--nav: clamp(14px, 1.15vw, 22.00px);
    --font-size--rider: clamp(16px, 1.30vw, 25.00px);

    --font: "Fira Sans", sans-serif;
    --heading: "Barlow", sans-serif;
    --narrow: "Barlow Semi Condensed", sans-serif;

    --line-height: 1.625;
    --line-height--small: 1.0833333333333333;
    --line-height--large: 2.4375;
    --line-height--heading: 1;
    --primary: #40B3E2;
    --secondary: #21789B;
    --text: #324350;
    --dark: #0C151C;
    --light: #F0F0F0;
    --grey: #999999;
    --lighttexthover: #81DAFF;

    --radius: clamp(13px, 1.0416666666666667vw, 20px);
    --spacing: clamp(65px, 6.510416666666667vw, 125px);

    --button-background--primary: var(--primary);
    --button-background--secondary: var(--secondary);
    --button-text--colour: #FFF;
    --button-text--font: var(--narrow);
    --button-text--weight: 600;
    --button-background--primary: var(--primary);
    --button-background--secondary: var(--dark);
    --button-padding--top: clamp(8px, 10vw, 10px);
    --button-padding--left: clamp(27px, 10vw, 35px);
    --button-padding--bottom: clamp(10px, 10vw, 13px);
    --button-padding--right: var(--button-padding--left);
    --button-border-width: 1px;
    --button-radius: clamp(133.33333333333px, 10.416666666667vw, 200px);
    --button-hover--color: #fff;
    --button-hover--background: var(--secondary);

    --form-field--border: #BFBFBF;
    --header-adjustment: 32px;

}