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

:root {
	--custom-s--size--desktop-logo-width: 22.5rem;
	--custom-s--size--max-hero-height: 550px;

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

	--custom-s--color--primary: #00758c;
	--custom-s--color--secondary: #13434d;
	--custom-s--color--tertiary: #9bc1bc;
	--custom-s--color--tertiary-trans: #9bc1bcee;
	--custom-s--color--highlight: #AA6355;
	--custom-s--color--highlight-alt: #d4cecc;
	--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: #edf6f9;
	--custom-s--color--bg-dark: #241f21;
	--custom-s--color--text-light: #fff;
	--custom-s--color--text-dark: #241f21;

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

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

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

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

/* 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-alt);
	--custom-s--color--bg-button-hover: var(--custom-s--color--tertiary);
}

.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-light);
}

.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--highlight);
	--custom-s--color--bg-button-hover: var(--custom-s--color--primary);
	--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-light);
}

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

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

.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;
}

/* Landing Page & Location column layout */
@media screen and (min-width: 782px) {
	.landing-page-template-default,
	.location-template-default {
		.site-main {
			grid-column: 2 / -2;
		}
	}
}

/* increase contrast of links on bg colors */
.schema-faq-question,
.wp-block-group.has-background-light-background-color a:not([class]),
.wp-block-group.has-background-light-alt-background-color a:not([class]) {
	color: #9F5D50;
}
.schema-faq-question:hover,
.schema-faq-question:focus,
.schema-faq-question:active,
.wp-block-group.has-background-light-background-color a:not([class]):hover,
.wp-block-group.has-background-light-background-color a:not([class]):focus,
.wp-block-group.has-background-light-background-color a:not([class]):active,
.wp-block-group.has-background-light-alt-background-color a:not([class]):hover,
.wp-block-group.has-background-light-alt-background-color a:not([class]):focus,
.wp-block-group.has-background-light-alt-background-color a:not([class]):active {
	color: var(--custom-s--color--secondary);
}