/*======================================
Theme Name: Amplus
Theme URI: https://amplus.ch
Description: Divi Child by Amplus
Version: 1.1
Author: Amplus WP-Praxis
Author URI: https://amplus.ch
Template: Divi
======================================*/


/* 
 * Divi gutter
 * 1 = 0 margin
 * 2 = 3% margin 
 * 3 = 5.5% margin (default)
 * 4 = 8% margin */


/** Global Variables **/
:root {
	/*! Padding */
	--padding: clamp(2rem, 1.786vw + 0.429rem, 4rem);
	--half-padding: calc(var(--padding) / 2);
	--quarter-padding: calc(var(--padding) / 4);
	--half-quarter-padding: calc(var(--padding) / 8);
	/*! Padding */
	--margin: clamp(1rem, 1.786vw + 0.429rem, 5rem);
	--half-margin: calc(clamp(1rem, 1.786vw + 0.429rem, 5rem) /2);
	--quarter-margin: calc(clamp(1rem, 1.786vw + 0.429rem, 5rem) /4);
	/* Font */
	--font-family-title: "Open Sans Condensed", sans-serif;
	--font-family-body: "Droid Sans", sans-serif;
	--h1: clamp(2rem, 1.675rem + 1.625vw, 3.625rem);
	--h2: clamp(1.625rem, 1.412rem + 1.063vw, 2.688rem);
	--h3: clamp(1.375rem, 1.225rem + 0.75vw, 2.125rem);
	--h4: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem);
	--p: 21px /*clamp(0.875rem, 0.85rem + 0.125vw, 1rem)*/;
	--line-height: 1.5rem;
	/*! Font Colors */
	--font-color-hex: #000000;
	--link-color-hex: #ef476f;
	/* primary Color Mikado yellow HSL */
	--primary-color-h: 46;
	--primary-color-s: 100%;
	--primary-color-l: 50%;
	/* primary Color Mikado yellow RGB */
	--primary-color-r: 255;
	--primary-color-g: 196;
	--primary-color-b: 0;
	/* Secondary Color Rich Black HSL */
	--secondary-color-h: 216;
	--secondary-color-s: 100%;
	--secondary-color-l: 4%;
	/* Tertiary Color Oxford Blue */
	--tertiary-color-h: 211;
	--tertiary-color-s: 100%;
	--tertiary-color-l: 12%;
	/* Homepage Color Black 
	--black-color-h:0;
	--black-color-s:0%;
	--black-color-l:1%; */
	/** Brightness Variations */
	--ultra-light: 1.4;
	--light: 1.2;
	--medium: 1;
	--dark: 0.8;
	--ultra-dark: 0.5;
	/* primary Color Variations */
	--primary-color-ultra-light: hsl(var(--primary-color-h),var(--primary-color-s),calc(var(--primary-color-l) * var(--ultra-light)));
	--primary-color-light: hsl(var(--primary-color-h),var(--primary-color-s),calc(var(--primary-color-l) * var(--light)));
	--primary-color-medium: hsl(var(--primary-color-h),var(--primary-color-s),calc(var(--primary-color-l) * var(--medium)));
	--primary-color-dark: hsl(var(--primary-color-h),var(--primary-color-s),calc(var(--primary-color-l) * var(--dark)));
	--primary-color-ultra-dark: hsl(var(--primary-color-h),var(--primary-color-s),calc(var(--primary-color-l) * var(--ultra-dark)));
	/* Secondary Color Variations */
	--secondary-color-ultra-light: hsl(var(--secondary-color-h),var(--secondary-color-s),calc(var(--secondary-color-l) * var(--ultra-light)));
	--secondary-color-light: hsl(var(--secondary-color-h),var(--secondary-color-s),calc(var(--secondary-color-l) * var(--light)));
	--secondary-color-medium: hsl(var(--secondary-color-h),var(--secondary-color-s),calc(var(--secondary-color-l) * var(--medium)));
	--secondary-color-dark: hsl(var(--secondary-color-h),var(--secondary-color-s),calc(var(--secondary-color-l) * var(--dark)));
	--secondary-color-ultra-dark: hsl(var(--secondary-color-h),var(--secondary-color-s),calc(var(--secondary-color-l) * var(--ultra-dark)));
	/* Tertiary Color Variations */
	--tertiary-color-ultra-light: hsl(var(--tertiary-color-h),var(--tertiary-color-s),calc(var(--tertiary-color-l) * var(--ultra-light)));
	--tertiary-color-light: hsl(var(--tertiary-color-h),var(--tertiary-color-s),calc(var(--tertiary-color-l) * var(--light)));
	--tertiary-color-medium: hsl(var(--tertiary-color-h),var(--tertiary-color-s),calc(var(--tertiary-color-l) * var(--medium)));
	--tertiary-color-dark: hsl(var(--tertiary-color-h),var(--tertiary-color-s),calc(var(--tertiary-color-l) * var(--dark)));
	--tertiary-color-ultra-dark: hsl(var(--tertiary-color-h),var(--tertiary-color-s),calc(var(--tertiary-color-l) * var(--ultra-dark)));
	/*! Gap */
	--gap: 5.5%;
	--half-gap: calc(var(--gap) / 2);
	--quad-gap: calc(var(--gap) / 4);
	/* Radius */
	--radius-small: 6px;
	--radius-medium: 24px;
	--radius-large: 48px;
}