/*
Theme Name:     Children Rehab Center
Theme URI:
Description:    central-nebraska child theme.
Author:         Me
Author URI:
Template:       centralnebraska
Version:        0.1.0
*/

/* 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:         #1C448C;
	--global--colors-primary-light:   #55B1DA;
	--global--colors-secondary:       #53C100;
	--global--colors-secondary-light: #646F7E;
}

@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));
}