/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


body {
	background-color: var(--e-global-color-primary);
}

.beyond {
	font-family: "Beyond Infinity", cursive, sans-serif;
}
.brickell {
	font-family: "Brickell", cursive, sans-serif;
	z-index: 10;
}
h2 { z-index: 1; }
.fitzgerald {
	font-family: "HV Fitzgerald", serif;
}
.momentum {
	font-family: "Momentum", sans-serif;
}
.tungsten {
	font-family: "Tungsten", sans-serif;
}

.darkblue {
	color: var(--e-global-color-primary);
}
.red {
	color: var(--e-global-color-secondary);
}
.yellow {
	color: var(--e-global-color-accent);
}
.lightblue {
	color: var(--e-global-color-8226068);
}
.gray {
	color: var(--e-global-color-673a893);
}

@media screen and (max-width: 767px) {
	.elementor-14 .elementor-element.elementor-element-c4d0a0d {
		min-height: auto !important;
	}
	.elementor-element-5098dc7 img.wp-image-51 {
		max-width: 320px !important;
	}
	#letter {
		background: none !important;
	}
}

/*** EXPANDING BRAND PILLARS STYLES ***/
.pillars details.e-n-accordion-item[open] summary.e-n-accordion-item-title {
    border-top: 3px solid red !important;
}
.pillars .e-n-accordion .e-n-accordion-item p {
	margin-block-end: 0 !important;
}

@media screen and (max-width: 1024px) {
	.elementor-14 .elementor-element.elementor-element-bc0fda4,
	.elementor-14 .elementor-element.elementor-element-c849430,
	.elementor-14 .elementor-element.elementor-element-530f3f1,
	.elementor-14 .elementor-element.elementor-element-f631b13,
	.elementor-14 .elementor-element.elementor-element-adcef9f {
		min-height: 300px !important;
		padding-top: 0 !important;
	}
}
/*.pillars-container {
	display: flex;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.pillar {
	background-color: #ffffff;
	height: 20rem;
	padding: 1.563rem;
    transition: 1s;
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
}

.pillar h5 {
	flex: 1;
	font-size: 1.5rem;
	color: var(--e-global-color-primary);
    text-align: center;
	white-space: nowrap;
	transform: rotate(-90deg);
    transition: 1s ease;
    margin: 0 auto;
    padding: 0 0 1.563rem 0;
}

.pillar p {
	opacity: 1;
	flex: 11;
	color: var(--e-global-color-primary);
    transition: 1s ease;
}

.pillar.active {
    flex-grow: 4;
	border-left: 4px solid var(--e-global-color-secondary);
}
.pillar.active p {
	opacity: 1;
}*/

@media screen and (max-width: 1024px) {
	.elementor-element.pillars.e-transform.elementor-absolute.elementor-widget.elementor-widget-n-accordion {
		position: static !important;
		display: block !important;
	}
}
/*** EXPANDING BRAND PILLARS STYLES ***/



/*** EXPANDING COLOR PALETTE STYLES ***/
.expanding-box-container .elementor-widget.elementor-widget-html {
	display: flex;
	width: 100%;
	border-bottom: 5px solid var(--e-global-color-secondary);
	position: relative;
	overflow: visible;
	z-index: 5;
}
.expanding-box-container #baseball {
	display: block;
	position: absolute;
	bottom: -25px;
	left: calc(50% - 20px);
	content: '';
	width: 40px;
	height: 40px;
	background: url('/wp-content/uploads/2025/07/baseball.png') no-repeat center center;
	background-size: cover;
	z-index: 10;
    transition: 1s ease;
}
.expanding-box {
	height: 20rem;
	padding: 1.563rem;
	flex: 1;
    transition: 1s;
	justify-content: left;
	overflow:hidden;
}
.expanding-box.darkblue {
	background-color: var(--e-global-color-primary);
}
.expanding-box.red {
	background-color: var(--e-global-color-secondary);
}
.expanding-box.yellow {
	background-color: var(--e-global-color-accent);
}
.expanding-box.lightblue {
	background-color: var(--e-global-color-8226068);
}
.expanding-box.gray {
	background-color: var(--e-global-color-673a893);
}

.expanding-box h5 {
	display: inline-block;
	font-family: "Tungsten", Oswald, Arial, Verdana, sans-serif;
	font-size: 1.5rem;
	color: #ffffff;
    text-align: left;
	width: 100%;
	max-width: 100%;
	white-space: wrap;
    transition: 1s ease;
	opacity: 0;
}
.expanding-box p {
	display: inline-block;
	font-family: "HV Fitzgerald", TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	font-size: 1.1rem;
	font-weight: bold;
	color: #ffffff;
    text-align: left;
	width: 400px;
	max-width: 400px;
	padding-right: 3rem;
	white-space: wrap;
    transition: 1s ease;
	animation-delay: 1s;
	opacity: 0;
}

.expanding-box.yellow h5,
.expanding-box.yellow p,
.expanding-box.lightblue h5,
.expanding-box.lightblue p,
.expanding-box.gray h5,
.expanding-box.gray p {
	color: var(--e-global-color-primary);
}

.expanding-box:hover,
.expanding-box.active {
    flex: 4;
}
.expanding-box:hover h5,
.expanding-box.active h5 {
	opacity: 1;
}
.expanding-box:hover p,
.expanding-box.active p {
	opacity: 1;
}

@media screen and (max-width: 1024px) {
	.expanding-box-container .elementor-widget.elementor-widget-html {
		flex-wrap: wrap !important;
	}
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box {
		height: 12rem !important;
		padding: 1.25rem !important;
		flex: 100% !important;
		text-align: center !important;
	}
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box.lightblue,
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box.gray {
		height: 14rem !important;
	}
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box:hover,
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box.active {
		flex: 100% !important;
	}
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box h5,
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box:hover h5,
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box.active h5 {
		opacity: 1 !important;
		text-align: center !important;
	}
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box p,
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box:hover p,
	.expanding-box-container .elementor-widget.elementor-widget-html .expanding-box.active p {
		opacity: 1 !important;
		text-align: center !important;
		padding-right: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
}
/*** EXPANDING COLOR PALETTE STYLES ***/



/*** logo highlights ***/
#logo-container {
	position: relative;
}
/*#logo {
	z-index: 1;
    transition: 0.5s all ease;
}
.highlight {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
    transition: 0.5s all ease;
}
#year,
#blackletter,
#ribbon {
	opacity: 0;
}
#year.active,
#blackletter.active,
#ribbon.active {
	opacity: 1;
    transition: 0.5s all ease;
}
.callout {
	position: absolute;
	z-index: 10;
    transition: 0.5s all ease;
}
.callout.year {
	bottom: 5%;
	left: 5%;
}
.callout.blackletter {
	top: 50%;
	left: 50%;
}
.callout.ribbon {
	top: 5%;
	right: 5%;
} */

.elementor-widget-hotspot {
	z-index: 1;
}
.elementor-widget-hotspot img.wp-image-96 {
	transition: 0.4s all ease;
}
.e-hotspot .e-hotspot__button {
	opacity: .75;
}
.e-hotspot .e-hotspot__tooltip h5 {
	font-family: "Tungsten", Oswald, Arial, Verdana, sans-serif;
	font-size: 1.9rem;
	margin-block-end: 5px;
	margin-block-start: 3px;
}
#year,
#blackletter,
#ribbon {
	position: absolute;
	left: calc(50% - 250px);
	opacity: 0;
}
#year.active,
#blackletter.active,
#ribbon.active {
	opacity: 1;
    transition: 0.5s all ease;
}
@media screen and (max-width: 600px) {
	.e-hotspot.elementor-repeater-item-c24e701 .e-hotspot__tooltip {
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		left: 0 !important;
	}
	.e-hotspot.elementor-repeater-item-933561c .e-hotspot__tooltip {
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
	}
	.e-hotspot.elementor-repeater-item-a5df787 .e-hotspot__tooltip {
		width: 300px !important;
		max-width: 300px !important;
		min-width: 300px !important;
		left: -200px !important;
	}
	#year,
	#blackletter,
	#ribbon {
		max-width: 390px;
		left: calc(50% - 195px);
	}
}