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

:root {
	--custom-s--size--mobile-logo-width: 5rem;
	--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: #2f3660;
	--custom-s--color--secondary: #4c628f;
	--custom-s--color--tertiary: #708dbf;
	--custom-s--color--tertiary-trans: #708dbfee;
	--custom-s--color--highlight: #b69fe7;
	--custom-s--color--highlight-alt: #7475b1;
	--custom-s--color--bg-body: #fff;
	--custom-s--color--bg-light: #f9f6f1;
	--custom-s--color--bg-light-trans: #f9f6f1ee;
	--custom-s--color--bg-light-alt: #e9e6e1;
	--custom-s--color--bg-dark: #000000;
	--custom-s--color--text-light: #fff;
	--custom-s--color--text-dark: #292929;

	/* header - narrow */
	--custom-s--color--bg-header-narrow: var(--custom-s--color--highlight);
	--custom-s--color--border-header-narrow: var(--custom-s--color--highlight);
	--custom-s--color--logo-header-narrow: var(--custom-s--color--text-light);
	--custom-s--color--text-header-narrow: var(--custom-s--color--text-light);
	--custom-s--color--text-header-narrow-hover: var(--custom-s--color--text-light);
	/* header - wide */
	--custom-s--color--bg-header-wide: var(--custom-s--color--highlight);
	--custom-s--color--border-header-wide: var(--custom-s--color--highlight);
	--custom-s--color--logo-header-wide: var(--custom-s--color--text-light);
	--custom-s--color--text-header-wide: var(--custom-s--color--text-light);
	--custom-s--color--text-header-wide-hover: var(--custom-s--color--primary);
	/* header - scrolled */
	--custom-s--color--border-header-scrolled: var(--custom-s--color--highlight);

	/* 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: var(--custom-s--color--text-light);
	--custom-s--color--text-button-hover: var(--custom-s--color--text-light);
	--custom-s--font--button: var(--custom-s--font--secondary);
	--custom-s--font--button-weight: var(--custom-s--font--secondary-normal);

	/* navigation - top level */
	--custom-s--color--bg-nav: var(--custom-s--color--highlight);
	--custom-s--color--bg-nav-hover: var(--custom-s--color--highlight);
	--custom-s--color--border-nav: var(--custom-s--color--text-light);
	--custom-s--color--text-nav: var(--custom-s--color--text-light);
	--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--text-light);
	--custom-s--color--icon-nav-hover: var(--custom-s--color--primary);
	/* navigation - dropdowns */
	--custom-s--color--dd-icon-nav: 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--highlight-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-light);
	--custom-s--color--text-dd-nav-decoration: var(--custom-s--color--highlight-alt);

	/* header menu phone */
	--custom-s--color--menu-phone: var(--custom-s--color--text-light);

	/* 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);

	/* Typography */
	--custom-s--font--secondary: Marcellus, "Baskerville", "Times New Roman", Times, serif;
	--custom-s--font--secondary-bold: 400;

	--custom-s--font--h1: var(--custom-s--font--secondary);
	--custom-s--font--h2: var(--custom-s--font--secondary);
	--custom-s--font--h3: var(--custom-s--font--secondary);
	--custom-s--font--h4: var(--custom-s--font--secondary);
	--custom-s--font--h5: var(--custom-s--font--secondary);
	--custom-s--font--h6: var(--custom-s--font--secondary);
}

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

/* use primary font as alternative */
.is-style-custom-s-heading-alt-font-family {
	font-family: var(--custom-s--font--primary);
}

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

/* header/nav overrides */
@media screen and (min-width: 1024px) {
	.site-header {
		padding-block-start: 1.5rem;
		padding-block-end: 1.5rem;
	}
}
.landing-page-template-page-no-header .site-header {
	padding: 0;
}

.main-navigation a {
	font-family: var(--custom-s--font--secondary);
	font-size: 1.125rem;
}