/*
Theme Name: Custom BAT Theme
Description: Custom Boston Addiction Treatment 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: 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;

	--custom-s--color--primary: #0e607b;
	--custom-s--color--secondary: #1470af;
	--custom-s--color--tertiary: #eaeaee;
	--custom-s--color--tertiary-trans: #9bc1bcee;
	--custom-s--color--highlight: #74a38e;
	--custom-s--color--highlight-alt: #f0c419;
	--custom-s--color--bg-body: #fff;
	--custom-s--color--bg-light: #f5fbfd;
	--custom-s--color--bg-light-trans: #f5fbfdee;
	--custom-s--color--bg-light-alt: #f9f6f1;
	--custom-s--color--bg-dark: #000000;
	--custom-s--color--text-light: #fff;
	--custom-s--color--text-dark: #000000;

	/* 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);
	/* navigation - dropdowns */
	--custom-s--color--icon-nav: var(--custom-s--color--text-light);
	--custom-s--color--bg-dd-nav: var(--custom-s--color--bg-light-trans);
	--custom-s--color--bg-dd-nav-hover: var(--custom-s--color--tertiary-trans);
	--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--highlight);
	--custom-s--color--link-visited: var(--custom-s--color--highlight);
	--custom-s--color--link-hover: var(--custom-s--color--secondary);

	/* Typography */
	--custom-s--font--button-weight: var(--custom-s--font--primary-bold);

	--custom-s--font--primary: "Montserrat", Helvetica, Arial, sans-serif;
	--custom-s--font--primary-normal: 300;
	--custom-s--font--primary-bold: 500;
	--custom-s--font--cite: var(--custom-s--font--primary);
	--custom-s--font--body-size-xwide: 17px;
	--custom-s--font--line-height-body: 1.6;

	--custom-s--font--h1-weight: 500;
	--custom-s--font--h1-size: 2.15em;
	--custom-s--font--h1-size-med: 2.4em;
	--custom-s--font--h1-size-reg: 2.65em;
	--custom-s--font--h2: var(--custom-s--font--primary);
	--custom-s--font--h2-weight: 500;
	--custom-s--font--h2-size: 1.9em;
	--custom-s--font--h2-size-med: 2em;
	--custom-s--font--h2-size-reg: 2em;
	--custom-s--font--h3-weight: 500;
	--custom-s--font--h3-size: 1.7em;
	--custom-s--font--h4-weight: 500;
	--custom-s--font--h5-weight: 500;
	--custom-s--font--h6-weight: 500;

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

@media (prefers-contrast: more) {
	:root {
		--custom-s--color--secondary: #13434d;
		--custom-s--color--tertiary: #9bc1bc;
	}
}

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

.wp-block-quote {
	border-radius: var(--custom-s--size--radius-sm);
}

blockquote,
.wp-block-pullquote,
.wp-block-quote {
	background-color: var(--custom-s--color--secondary);
}

/* images */

/* round corners */
.wp-post-image,
.wp-block-latest-posts__featured-image img,
.wp-block-image.is-style-custom-s-image-cover img,
:root :where(.wp-block-image.is-style-rounded img,
.wp-block-image .is-style-rounded img),
:root :where(.wp-block-image[class*="is-style-custom-s-image-figcaption-"] img,
figure.is-style-custom-s-image-figcaption-overlap figcaption,
.wp-block-image[class*="is-style-custom-s-image-figcaption-"] img),
.wp-block-image.is-style-custom-s-image-figcaption-overlay figcaption::before,
.wp-block-image.is-style-custom-s-image-figcaption-overlay a::before {
    border-radius: var(--custom-s--size--radius-sm); /* defaults to wp default */
}

/* reposition caption */
.wp-block-image.is-style-custom-s-image-figcaption-card figcaption {
	bottom: 2em;
	left: 2em;
}

/* buttons */
.wp-block-button[class*="is-style-custom-s-button-use-theme-alt-1"] .wp-block-button__link,
.block-editor-block-list__block[class*="is-style-custom-s-button-1"] .wp-block-button__link {
	--custom-s--color--bg-button: var(--custom-s--color--highlight);
	--custom-s--color--bg-button-hover: var(--custom-s--color--secondary);
}

.wp-block-button[class*="is-style-custom-s-button-use-theme-alt-2"] .wp-block-button__link,
.block-editor-block-list__block[class*="is-style-custom-s-button-2"] .wp-block-button__link {
	--custom-s--color--bg-button: var(--custom-s--color--primary);
	--custom-s--color--bg-button-hover: var(--custom-s--color--highlight);
	--custom-s--color--border-button: var(--custom-s--color--text-light);
	--custom-s--color--border-button-hover: var(--custom-s--color--text-light);
	--custom-s--color--text-button: var(--custom-s--color--text-light);
	--custom-s--color--text-button-hover: var(--custom-s--color--text-dark);
}

.wp-block-button[class*="is-style-custom-s-button-use-theme-alt-3"] .wp-block-button__link,
.block-editor-block-list__block[class*="is-style-custom-s-button-3"] .wp-block-button__link {
	--custom-s--color--bg-button: var(--custom-s--color--secondary);
	--custom-s--color--bg-button-hover: var(--custom-s--color--highlight);
	--custom-s--color--border-button: var(--custom-s--color--text-light);
	--custom-s--color--border-button-hover: var(--custom-s--color--text-light);
	--custom-s--color--text-button: var(--custom-s--color--text-light);
	--custom-s--color--text-button-hover: var(--custom-s--color--text-dark);
}

/* Team Members */
.team-member-list-block-grid div.custom-s-team-member-card-wrap {
	background-color: var(--custom-s--color--bg-light-alt);
	border-radius: var(--custom-s--size--radius-sm);
}
.team-member-list-block-grid div.custom-s-team-member-card-wrap .team-read-more::after {
	border-radius: var(--custom-s--size--radius-sm);
}

.custom-s-team-member-card-wrap header.entry-header img {
	border-radius: var(--custom-s--size--radius-sm);
}

.team-member-list-block-grid .custom-s-team-member-card-wrap header.entry-header img {
	border-radius: var(--custom-s--size--radius-sm) var(--custom-s--size--radius-sm) 0 0;
}

.custom-s-team-member-card-wrap h1.entry-title {
	margin: .25em 0;
}

.single-team_member .custom-s-team-member-card-wrap .custom-s-team-member-job-title {
	font-size: 1.2em;
	font-weight: var(--custom-s--font--primary-bold, bold);
}

/* Call to Action */
.custom-s-call-to-action-container,
.custom-s-call-to-action-image img,
.custom-s-call-to-action-image::after {
	border-radius: var(--custom-s--size--radius-sm);
}

/* Hero Image */
@media screen and (min-width: 1440px) {
	.site-hero {
		margin-left: 2em;
		margin-right: 2em;
	}
}
.wp-custom-header  img {
	opacity: .9;
}