/*
* Theme Name: Site Name - Preferred PT Associates
* Theme URI: https://practicepromotions.net/
* Author: Practice Promotions Team
* Author URI: https://practicepromotions.net/
* Description:
* Version: 1.0.0
* Text Domain: pp-theme-textdomain
*/
/* Variables */
:root {
	/* Font Size */
	--global--font-size-base: 1rem;
	--global--font-size-xs:   0.75rem;
	--global--font-size-sm:   0.9rem;
	--global--font-size-md:   1rem;
	--global--font-size-lg:   1.5rem;
	--global--font-size-xl:   2rem;
	--global--font-size-xxl:  3rem;
	--global--font-size-xxxl: 4rem;

	/* Colors */
	--global--colors-primary:         #005FBE;
	--global--colors-primary-light:   #005FBE;
	--global--colors-secondary:       #981dc6;
	--global--colors-secondary-light: #d8a7ea;
}

@media only screen and (min-width: 652px) {
	:root {
		--global--font-size-xl: 3rem;
		--global--font-size-xxl: 4rem;
		--global--font-size-xxxl: 5rem;
	}
}

:root .has-extra-small-font-size {
	font-size: var(--global--font-size-xs);
}

:root .has-small-font-size {
	font-size: var(--global--font-size-sm);
}

:root .has-regular-font-size,
:root .has-normal-font-size,
:root .has-medium-font-size {
	font-size: var(--global--font-size-md);
}

:root .has-large-font-size {
	font-size: var(--global--font-size-lg);
}

:root .has-extra-large-font-size {
	font-size: var(--global--font-size-xl);
}

:root .has-huge-font-size {
	font-size: var(--global--font-size-xxl);
}

:root .has-gigantic-font-size {
	font-size: var(--global--font-size-xxxl);
}

.has-primary-to-secondary-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-primary), var(--global--colors-secondary));
}

.has-secondary-to-primary-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-secondary), var(--global--colors-primary));
}

.has-primary-light-to-secondary-light-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-primary), var(--global--colors-primary-light));
}

.has-secondary-light-to-primary-light-gradient-background {
	background: linear-gradient(160deg, var(--global--colors-secondary), var(--global--colors-secondary-light));
}