@charset "UTF-8";

/*
Theme Name: Clark Physical Therapy
Theme URI: https://wordpress.org/themes/twentytwentyone/
Description: HeroStencil2k22 is a TwentyTwentyOne child theme.
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentytwentyone
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: clark-pt
*/

/* Variables */
:root {
	/* Colors */
	--global--color-white: #fff;
	--global--color-black: #000;
	--global--color-gray: #39414d;
	--global--color-light-gray: #f0f0f0;
	--global--color-dark-gray: #28303d;
	--global--color-red: #e4d1d1;
	--global--color-green: #d1e4dd;
	--global--color-blue: #d1dfe4;
	--global--color-purple: #d1d1e4;
	--global--color-orange: #e4dad1;
	--global--color-yellow: #eeeadd;
}

.has-white-color[class] {
	color: var(--global--color-white);
}

.has-black-color[class] {
	color: var(--global--color-black);
}

.has-gray-color[class] {
	color: var(--global--color-gray);
}

.has-light-gray-color[class] {
	color: var(--global--color-light-gray);
}

.has-dark-gray-color[class] {
	color: var(--global--color-dark-gray);
}

.has-red-color[class] {
	color: var(--global--color-red);
}

.has-green-color[class] {
	color: var(--global--color-green);
}

.has-blue-color[class] {
	color: var(--global--color-blue);
}

.has-purple-color[class] {
	color: var(--global--color-purple);
}

.has-orange-color[class] {
	color: var(--global--color-orange);
}

.has-yellow-color[class] {
	color: var(--global--color-yellow);
}

.has-white-background-color[class] {
	background-color: var(--global--color-white);
}

.has-black-background-color[class] {
	background-color: var(--global--color-black);
}

.has-gray-background-color[class] {
	background-color: var(--global--color-gray);
}

.has-light-gray-background-color[class] {
	background-color: var(--global--color-light-gray);
}

.has-dark-gray-background-color[class] {
	background-color: var(--global--color-dark-gray);
}

.has-red-background-color[class] {
	background-color: var(--global--color-red);
}

.has-green-background-color[class] {
	background-color: var(--global--color-green);
}

.has-blue-background-color[class] {
	background-color: var(--global--color-blue);
}

.has-purple-background-color[class] {
	background-color: var(--global--color-purple);
}

.has-orange-background-color[class] {
	background-color: var(--global--color-orange);
}

.has-yellow-background-color[class] {
	background-color: var(--global--color-yellow);
}

.has-purple-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));
}

.has-red-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));
}

.has-red-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));
}

.has-green-to-yellow-gradient-background {
	background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));
}

.has-purple-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));
}

.has-yellow-to-red-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));
}

.has-yellow-to-green-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));
}

.has-yellow-to-purple-gradient-background {
	background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));
}