/*
Theme Name: Renova Theme
Description: Custom Renova Behavioral Health Theme is a child theme of Custom Base Theme, created by Michael Hughes
Author: Renova Behavioral Health
Template: custom_s
Text Domain: renova
Version: 1.0.1
*/

:root {
	--custom-s--size--mobile-logo-width: 12rem;
	--custom-s--size--desktop-logo-width: 20rem;
	--custom-s--size--max-header-height: 7.5rem;
	--custom-s--size--max-hero-height: 550px;

	--custom-s--size--radius-sm: 1.125em;

	/* Brand Colors */
	--custom-s--color--primary: #6EA98A;
	--custom-s--color--secondary: #445761;
	--custom-s--color--tertiary: #E8EFEC;
	--custom-s--color--tertiary-trans: rgba(232,239,236,.9);

	--custom-s--color--highlight: #6EA98A;
	--custom-s--color--highlight-alt: #89B89E;

	--custom-s--color--bg-body: #FFFFFF;
	--custom-s--color--bg-light: #F7F9F8;
	--custom-s--color--bg-light-trans: rgba(247,249,248,.95);
	--custom-s--color--bg-light-alt: #EEF3F1;
	--custom-s--color--bg-dark: #2F3D44;

	--custom-s--color--text-light: #FFFFFF;
	--custom-s--color--text-dark: #445761;

	/* Buttons */
	--custom-s--color--bg-button: var(--custom-s--color--primary);
	--custom-s--color--bg-button-hover: var(--custom-s--color--secondary);
	--custom-s--color--border-button: var(--custom-s--color--primary);
	--custom-s--color--border-button-hover: var(--custom-s--color--secondary);
	--custom-s--color--border-button-focus: var(--custom-s--color--secondary);
	--custom-s--color--text-button: #FFFFFF;
	--custom-s--color--text-button-hover: #FFFFFF;

	/* Navigation */
	--custom-s--color--bg-nav: #FFFFFF;
	--custom-s--color--bg-nav-hover: #FFFFFF;
	--custom-s--color--border-nav: var(--custom-s--color--primary);
	--custom-s--color--text-nav: var(--custom-s--color--secondary);
	--custom-s--color--text-nav-hover: var(--custom-s--color--primary);
	--custom-s--color--text-nav-decoration: var(--custom-s--color--primary);
	--custom-s--color--icon-nav: var(--custom-s--color--secondary);
	--custom-s--color--icon-nav-hover: var(--custom-s--color--primary);

	/* Dropdown Navigation */
	--custom-s--color--dd-icon-nav: var(--custom-s--color--secondary);
	--custom-s--color--dd-icon-nav-hover: var(--custom-s--color--primary);

	--custom-s--color--bg-dd-nav: #FFFFFF;
	--custom-s--color--bg-dd-nav-hover: var(--custom-s--color--bg-light);

	--custom-s--color--border-top-dd-nav: var(--custom-s--color--primary);
	--custom-s--color--border-child-dd-nav: #E4ECE8;
	--custom-s--color--border-bottom-dd-nav: #E4ECE8;
	--custom-s--color--border-left-dd-nav: #E4ECE8;
	--custom-s--color--border-right-dd-nav: #E4ECE8;

	--custom-s--color--text-dd-nav: var(--custom-s--color--secondary);
	--custom-s--color--text-dd-nav-hover: var(--custom-s--color--primary);
	--custom-s--color--text-dd-nav-decoration: transparent;

	/* Links */
	--custom-s--color--link: var(--custom-s--color--primary);
	--custom-s--color--link-visited: var(--custom-s--color--primary);
	--custom-s--color--link-hover: var(--custom-s--color--secondary);

	/* Animated Subheading */
	--custom-s--animated-subhead-accent: var(--custom-s--color--primary);
	--custom-s--animated-subhead-accent-2: var(--custom-s--color--secondary);
}

/* Headings */

h1,
.h1 {
	text-wrap: balance;
	color: var(--custom-s--color--secondary);
}

h2,
.h2 {
	color: var(--custom-s--color--secondary);
}

h3,
.h3,
.is-style-custom-s-heading-h3-styles {
	color: var(--custom-s--color--primary);
}

h4,
.h4,
.is-style-custom-s-heading-h4-styles {
	color: var(--custom-s--color--secondary);
}