/*
Theme Name: EPACENTER
Author: Mission Minded
Description: A custom block theme for EPACENTER.
Version: 1.0.0
Requires at least: 5.9
Requires PHP: 7.2
License: GNU General Public License v2 or later
Tags: full-site-editing
Text Domain: epacenter
*/

/* Custom Properties */
body {
	/* Colors */
	--black: var(--wp--preset--color--brand-color-08);
	--white: var(--wp--preset--color--brand-color-09);
	--yellow: var(--wp--preset--color--brand-color-01);
	--blue: var(--wp--preset--color--brand-color-02);
	--green: var(--wp--preset--color--brand-color-03);
	--red: var(--wp--preset--color--brand-color-04);
	--purple: var(--wp--preset--color--brand-color-05);
	--brown: var(--wp--preset--color--brand-color-06);
	--beige: var(--wp--preset--color--brand-color-07);

	/* Fonts */
	--open-sans: var(--wp--preset--font-family--brand-font-1);
	--oswald: var(--wp--preset--font-family--brand-font-2);

	/* Breakpoints */
	--xs: 0;
	--sm: 576px;
	--md: 768px;
	--lg: 992px;
	--xl: 1200px;
	--xxl: 1400px;

	/* Events Calendar Overrides */
	--tec-border-radius-default:                           0 !important;
	--tec-color-background-events-bar-submit-button:       var(--black) !important;
	--tec-color-background-events-bar-submit-button-hover: var(--yellow) !important;
	--tec-color-text-events-bar-submit-button-hover:       var(--black) !important;
	--tec-color-button-primary:                            var(--black) !important;
	--tec-color-accent-primary:                            var(--black) !important;
}

/* Typography */
/*
Default modular scale ratio of 1.125
https://www.modularscale.com/
h1	2.027em
h2	1.802em
h3	1.602em
h4	1.424em
h5	1.266em
h6	1.125em
p	1em
*/

@media (min-width: 992px) {
	html {
		font-size: 20px;
	}
}

.is-style-headline {/* 80px */
	color: var(--black);
	font-family: var(--oswald) !important;
	font-size: 4rem !important;
}

.is-style-section-head,
.is-style-message-block-head {/* 60px */
	color: var(--black);
	font-family: var(--oswald) !important;
	font-size: 3rem !important;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

.is-style-subhead {/* 30px */
	color: var(--black);
	font-size: 1.5rem !important;
	margin-bottom: 1rem;
}

.is-style-message-block-text {/* 36px */
	font-size: 1.8rem !important;
	margin-bottom: 2rem;
}

.is-style-hero-head {
	color: var(--white) !important;
	font-family: var(--oswald) !important;
	font-size: 3rem;
	text-shadow: 3px 3px 0px var(--brown),
				 6px 6px 0px var(--yellow);
	text-transform: uppercase;
	word-break: break-word;
}

@media (min-width: 576px) {
	.is-style-hero-head {
		font-size: 4rem !important;
	}
}

@media (min-width: 768px) {
	.is-style-hero-head {
		font-size: 6rem !important;
	}
}

/* Breakpoints */
.is-style-mw-sm {
	max-width: var(--sm) !important;
}

.is-style-mw-md {
	max-width: var(--md) !important;
}

.is-style-mw-lg {
	max-width: var(--lg) !important;
}

.is-style-mw-xl {
	max-width: var(--xl) !important;
}

.is-style-mw-xxl {
	max-width: var(--xxl) !important;
}

/* Colors */
.is-style-bg-brand-color-01 {
	background-color: var(--yellow) !important;
}

.is-style-bg-brand-color-02 {
	background-color: var(--blue) !important;
}

.is-style-bg-brand-color-03 {
	background-color: var(--green) !important;
}

.is-style-bg-brand-color-04 {
	background-color: var(--red) !important;
}

.is-style-bg-brand-color-05 {
	background-color: var(--purple) !important;
}

.is-style-bg-brand-color-06 {
	background-color: var(--brown) !important;
}

.is-style-bg-brand-color-07 {
	background-color: var(--beige) !important;
}

.is-style-bg-brand-color-08 {
	background-color: var(--black) !important;
}

.is-style-bg-brand-color-09 {
	background-color: var(--white) !important;
}

/* Fonts */
.is-style-brand-font-1 {
	font-family: var(--open-sans) !important;
}

.is-style-brand-font-2 {
	font-family: var(--oswald) !important;
}

/* Site Header */
.header-logo a,
.header-logo a:hover {
	text-decoration: none;
}

.header-links a {
	font-size: .9rem;
}

.header-links a:hover,
.header-links a:focus {
	text-decoration: underline;
}

.header-search img {
	filter: invert(100%);
	height: 32px;
	width: 32px;
}

.siteSearchModal .modal-header-content {
	margin-right: .5rem;
	max-width: 100%;
	width: 100%;
}

.primary-nav {
	font-weight: 600;
}

.mobile-nav button {
	align-self: flex-end;
}

.mobile-nav a:hover,
.mobile-nav a:focus {
	text-decoration: underline;
}

.mobile-nav .wp-block-search__input {
	border-color: var(--black);
	-webkit-appearance: none;
}

.mobile-nav .wp-block-search__button {
	border-color: var(--black);
	margin-left: 0;
	padding: 8px;
}

/* Site Footer */
.site-footer > *:first-child {
	padding-top: 2rem;
}

.site-footer > *:last-child {
	padding-bottom: 2rem;
}

.footer-social-icons {
	justify-content: center !important;
}

.footer-social-icons img {
	height: 40px !important;
	width: 40px !important;
}

.footer-social-icons .wp-block-image {
	flex-grow: 0 !important;
	width: auto !important;
}

.footer-form-heading {
	font-size: 1.4rem;
}

/* Templates */
.wp-block-group.no-gap-between-header-and-content {
	margin-block-start: 0;
}
/* .wp-site-blocks > * + * {
	margin-block-start: var( --wp--style--block-gap );
} */
.page-template-no-gap .wp-site-blocks > * + * {
	margin-block-start: 0;
}

/* Spacer Block */
.is-style-spacer-xs {
	height: 1rem !important;
}

.is-style-spacer-sm {
	height: 2rem !important;
}

.is-style-spacer-md {
	height: 4rem !important;
}

.is-style-spacer-lg {
	height: 8rem !important;
}

.wp-block-spacer[class*=is-style-spacer-brush] {
	background-repeat: no-repeat;
	height: 2rem !important;
	margin: 3rem 0;
}

.is-style-spacer-brush-green {
	background-image: url("/wp-content/themes/epacenter/assets/images/brush-stroke-divider-green.svg");
}

.is-style-spacer-brush-blue {
	background-image: url("/wp-content/themes/epacenter/assets/images/brush-stroke-divider-blue.svg");
}

.is-style-spacer-brush-brown {
	background-image: url("/wp-content/themes/epacenter/assets/images/brush-stroke-divider-brown.svg");
}

/* Navigation Block */
.wp-block-navigation-item__label:hover,
.wp-block-navigation-item__label:focus,
.current-menu-item .wp-block-navigation-item__label {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

.has-brand-color-08-color .wp-block-navigation-item__label:hover,
.has-brand-color-08-color .wp-block-navigation-item__label:focus {
	color: var(--red);
}

.current-menu-item .wp-block-navigation-item__label:hover,
.current-menu-item .wp-block-navigation-item__label:focus {
	color: inherit;
	cursor: default;
}

/* List Block */
.is-style-mw-md .is-style-list-2-columns {
	columns: calc(var(--md) / 2 - 1.5rem) 2;
}

.is-style-mw-lg .is-style-list-2-columns {
	columns: calc(var(--lg) / 2 - 1.5rem) 2;
}

.is-style-mw-xl .is-style-list-2-columns {
	columns: calc(var(--xl) / 2 - 1.5rem) 2;
}

.is-style-mw-md .is-style-list-3-columns {
	columns: calc(var(--md) / 3 - 1.5rem) 3;
}

.is-style-mw-lg .is-style-list-3-columns {
	columns: calc(var(--lg) / 3 - 1.5rem) 3;
}

.is-style-mw-xl .is-style-list-3-columns {
	columns: calc(var(--xl) / 3 - 1.5rem) 3;
}

/* Cover Block */
.is-style-cover-style-01 {
	padding: 0;
}

.is-style-cover-style-01 .wp-block-cover__inner-container {
	width: 100% !important;
}

/* All Bootstrap Blocks Plugin */
.areoi-strip {
	max-width: 100% !important;
}

/* Pull Quote Block */
.is-style-quote-style-01 {
	background:
		linear-gradient(to right, var(--yellow) 10px, transparent 10px) 0 0,
		linear-gradient(to right, var(--yellow) 10px, transparent 10px) 0 100%,
		linear-gradient(to left, var(--yellow) 10px, transparent 10px) 100% 0,
		linear-gradient(to left, var(--yellow) 10px, transparent 10px) 100% 100%,
		linear-gradient(to bottom, var(--yellow) 10px, transparent 10px) 0 0,
		linear-gradient(to bottom, var(--yellow) 10px, transparent 10px) 100% 0,
		linear-gradient(to top, var(--yellow) 10px, transparent 10px) 0 100%,
		linear-gradient(to top, var(--yellow) 10px, transparent 10px) 100% 100%;
	background-repeat: no-repeat;
	background-size: 80px 50px;
	border-style: none !important;
	margin-bottom: 3rem;
	margin-top: 3rem;
	padding: 2rem;
}

.is-style-mw-lg .is-style-quote-style-01 {
	max-width: calc(var(--lg) - 1.5rem);
	margin-left: auto;
	margin-right: auto;
}

.is-style-quote-style-01 .wp-block-image {
	text-align: center;
}

.is-style-quote-style-01 .wp-block-pullquote {
	border-style: none;
	padding: 0;
}

.is-style-quote-style-01 p {
	font-size: 1.5rem !important;
}

.is-style-quote-style-01 cite {
	display: block;
	font-size: .9rem !important;
	margin: 0 auto;
	max-width: 80%;
}

/* Post Title Block */
.is-style-post-title-style-01 a {
	text-decoration: none;
}

.is-style-post-title-style-01 a:hover,
.is-style-post-title-style-01 a:focus {
	text-decoration: underline;
}

/* Bootstrap Accordion Block */
.epacenter-theme .accordion-button:not(.collapsed) {
	color: var(--wp--preset--color--black);
	background-color: var(--wp--preset--color--brand-color-01);
}

.epacenter-theme .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* Gravity Forms */
.entry-content .gform_wrapper input[type="text"],
.entry-content .gform_wrapper input[type="email"],
.entry-content .gform_wrapper input[type="tel"],
.entry-content .gform_wrapper textarea {
	border: black solid 1px;
}

.site-footer .constant-contact input {
	border-style: none;
}

.site-footer .constant-contact input::placeholder {
	color: var(--wp--preset--color--black);
	opacity: 1;
}

input[type="submit"].gform_button,
.site-footer .constant-contact input[type="submit"] {
	background-color: var(--wp--preset--color--black);
	border-style: none;
	color: var(--wp--preset--color--white);
	padding: .5em 2em;
	text-transform: uppercase;
}

.is-style-event-list .wp-block-post-featured-image {
	margin: 0;
}

.is-style-event-list .event-list-text-group {
	background-color: var(--purple);
	color: var(--white);
	padding: .5rem;
}

.is-style-event-list .wp-block-post-title {
	font-size: 1em;
	font-weight: 700;
}

.is-style-event-list .wp-block-post-title a {
	color: var(--white);
}

.is-style-event-list .wp-block-post-date,
.is-style-event-list .custom-block-event-date {
	margin-top: 0;
}

/* Editor Styles */
/* Override All Bootstrap Blocks */
.block-editor-block-list__layout.is-root-container > .wp-block {
	max-width: var(--md);
}
.block-editor-block-list__layout.is-root-container .wp-block.wp-block-areoi-strip,
.block-editor-block-list__layout.is-root-container .wp-block.wp-block-areoi-container,
.block-editor-block-list__layout.is-root-container .wp-block.wp-block-areoi-row,
.block-editor-block-list__layout.is-root-container.wp-site-blocks > * {
	max-width: 100%;
}