/*
Theme Name: Custom Safe Harbor Theme
Description: Custom Safe Harbor Theme is a child theme of Custom Base Theme, created by Michael Hughes
Author: Michael Hughes
Template: custom_s
Text Domain: custom_bat
Version: 1.0.1
*/

:root {
	--custom-s--size--mobile-logo-width: 8rem;
	--custom-s--size--desktop-logo-width: 26rem;
  	--custom-s--size--max-header-height: 8rem;
	--custom-s--size--max-hero-height: 550px;

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

	--custom-s--color--primary: #4a6c72;
	--custom-s--color--secondary: #6da0a7;
	--custom-s--color--tertiary: #4e5a48;
	--custom-s--color--tertiary-trans: #4e5a48ee;
	--custom-s--color--highlight: #b7ccc9;
	--custom-s--color--highlight-alt: #b06e61;
	--custom-s--color--bg-body: #fff;
	--custom-s--color--bg-light: #efefe9;
	--custom-s--color--bg-light-trans: #efefe9ee;
	--custom-s--color--bg-light-alt: #f2f9f9;
	--custom-s--color--bg-dark: #323232;
	--custom-s--color--text-light: #fff;
	--custom-s--color--text-dark: #323232;

	/* buttons */
	--custom-s--color--bg-button: var(--custom-s--color--highlight);
	--custom-s--color--bg-button-hover: var(--custom-s--color--secondary);
	--custom-s--color--border-button: var(--custom-s--color--highlight);
	--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: var(--custom-s--color--text-dark);
	--custom-s--color--text-button-hover: var(--custom-s--color--text-light);

	/* navigation - top level */
	--custom-s--color--bg-nav: var(--custom-s--color--bg-body);
	--custom-s--color--bg-nav-hover: var(--custom-s--color--bg-body);
	--custom-s--color--border-nav: var(--custom-s--color--primary);
	--custom-s--color--text-nav: var(--custom-s--color--text-dark);
	--custom-s--color--text-nav-hover: var(--custom-s--color--secondary);
	--custom-s--color--text-nav-decoration: var(--custom-s--color--highlight);
	--custom-s--color--icon-nav: var(--custom-s--color--text-dark);
	--custom-s--color--icon-nav-hover: var(--custom-s--color--secondary);
	/* navigation - dropdowns */
	--custom-s--color--dd-icon-nav: var(--custom-s--color--text-dark);
	--custom-s--color--dd-icon-nav-hover: var(--custom-s--color--text-dark);
	--custom-s--color--bg-dd-nav: var(--custom-s--color--bg-light-trans);
	--custom-s--color--bg-dd-nav-hover: var(--custom-s--color--bg-light-alt);
	--custom-s--color--border-top-dd-nav: var(--custom-s--color--primary);
	--custom-s--color--border-child-dd-nav: var(--custom-s--color-bg-light-trans);
	--custom-s--color--border-bottom-dd-nav: var(--custom-s--color-bg-light-trans);
	--custom-s--color--border-left-dd-nav: var(--custom-s--color--bg-light-trans);
	--custom-s--color--border-right-dd-nav: var(--custom-s--color--bg-light-trans);
	--custom-s--color--text-dd-nav: var(--custom-s--color--text-dark);
	--custom-s--color--text-dd-nav-hover: var(--custom-s--color--text-dark);
	--custom-s--color--text-dd-nav-decoration: var(--custom-s--color--tertiary-trans);

	/* links */
	--custom-s--color--link: var(--custom-s--color--secondary);
	--custom-s--color--link-visited: var(--custom-s--color--secondary);
	--custom-s--color--link-hover: var(--custom-s--color--highlight-alt);

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

/* headings */
h1, .h1 {
	text-wrap: balance;
}
h2, .h2 {
	color: var(--custom-s--color--tertiary);
}
h3, .h3,
.is-style-custom-s-heading-h3-styles {
	color: var(--custom-s--color--secondary);
}
h4, .h4,
.is-style-custom-s-heading-h4-styles {
	color: var(--custom-s--color--tertiary);
}

/* Hero Image */
.site-hero {
	background-color: var(--custom-s--color--primary);
}