/*
Theme Name: TLI Atlanta Portal
Author: TLI
Description: Astra child theme for Team Building Atlanta.
Version: 0.1.0
Template: astra
Text Domain: tli-atlanta
*/

:root {
	--tli-ink: #082B58;
	--tli-brick: #B83B47;
	--tli-gold: #C6A05A;
	--tli-ivory: #FAF7F0;
	--tli-text: #243242;
}

body { background: var(--tli-ivory); color: var(--tli-text); }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { color: var(--tli-ink); }
.entry-content p { color: var(--tli-text); line-height: 1.7; margin-block: 0 1.25rem; }
.entry-content p:last-child { margin-bottom: 0; }
.entry-content a { color: var(--tli-brick); }
.entry-content a:hover { color: var(--tli-ink); }
.page .entry-header { display: none; }
.home .site-content .ast-container, .home .content-area, .home .site-main,
.home article, .home .entry-content { width: 100%; max-width: none; margin: 0; padding: 0; }
.ast-box-layout #page { width: 100%; max-width: none; box-shadow: none; }

.entry-content .tli-section { padding: 3.2rem 1.5rem; }
.home .entry-content .tli-section:has(.tli-area-grid) { padding-top: 1rem !important; }
.home .entry-content .tli-section:has(+ .tli-section .tli-area-grid) { padding-bottom: 1rem !important; }
.home .entry-content .tli-section:has(.tli-choice-grid) { padding-bottom: 1rem !important; }
.home .entry-content .tli-section:has(.tli-choice-grid) + .tli-section { padding-top: 1rem !important; }
.tli-section-inner { width: min(1180px, 100%); margin: auto; }
.tli-reading { width: min(900px, 100%); margin: auto; }
.tli-section h1, .tli-section h2, .tli-section h3 { color: var(--tli-ink); }
.tli-section p { color: var(--tli-text); line-height: 1.7; margin-block: 0 1.25rem; }
.entry-content p:not(:last-child), .tli-section p:not(:last-child) { margin-bottom: 1.25rem !important; }
.tli-section p:last-child { margin-bottom: 0; }
.tli-section h2 { text-align: center; margin: 0 0 1.35rem; }
.tli-section--soft { background: var(--tli-ivory); }
.tli-section--white { background: #fff; }
.tli-section a { color: var(--tli-brick); }
.tli-section a:hover { color: var(--tli-ink); }

.tli-hero {
	position: relative; display: grid; min-height: 470px; place-items: center; overflow: hidden;
	background: var(--tli-ink) url('home-hero.webp') center 48%/cover no-repeat; color: #fff;
}
.tli-hero::before {
	content: ""; position: absolute; inset: 0;
	background: linear-gradient(90deg, rgba(8,43,88,.20), rgba(8,43,88,.09) 52%, rgba(8,43,88,0)),
		linear-gradient(0deg, rgba(8,43,88,.05), transparent 55%);
}
.tli-hero__content { position: relative; z-index: 1; width: min(1180px, 100%); padding: 3rem 1.5rem; }
.tli-hero h1 { max-width: 850px; color: #fff; font-size: clamp(2.6rem, 5vw, 5rem); line-height: 1.05; text-shadow: 0 2px 16px rgba(8,43,88,.38); }
.tli-hero p { color: #fff; font-size: clamp(1.2rem, 2vw, 1.6rem); text-shadow: 0 1px 12px rgba(8,43,88,.35); }

.tli-choice-grid, .tli-area-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tli-choice-grid { gap: 1.6rem; }
.tli-choice-grid > p.tli-choice {
	display: block !important; min-height: 0; margin: 0; padding: 0 !important; border: 0;
	border-radius: 16px; background: var(--tli-ink); color: #fff !important; box-shadow: 0 10px 24px rgba(8,43,88,.14);
}
.tli-choice-grid > p.tli-choice:nth-child(2) { background: var(--tli-brick); }
.tli-choice-grid > p.tli-choice:nth-child(3) { background: var(--tli-gold); color: var(--tli-ink) !important; }
.tli-choice-grid > p.tli-choice > a.tli-choice {
	display: flex !important; align-items: center; justify-content: center; box-sizing: border-box;
	width: 100%; min-height: 132px; padding: .85rem !important; border: 0; border-radius: 16px;
	background: transparent !important; color: inherit !important; font-size: clamp(1rem, 1.55vw, 1.3rem);
	font-weight: 700; line-height: 1.15; text-align: center; text-decoration: none !important;
}
.tli-choice-grid > p.tli-choice > a:hover { transform: translateY(-2px); }
.tli-choice-grid > p.tli-choice:focus-within { outline: 2px solid var(--tli-brick); outline-offset: 4px; }

.tli-area-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 1.7rem; }
.tli-card--area { position: relative; overflow: hidden; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(8,43,88,.14); text-align: center; }
.tli-card--area.wp-block-spectra-container { gap: 0 !important; }
.tli-card--area a { color: inherit; text-decoration: none; }
.tli-card--area a.tli-card__image, .tli-card--area figure { display: block; margin: 0; }
.tli-card--area figure { position: relative; }
.tli-card--area figure::after { content: none; }
.tli-card--area img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; }
.tli-card--area h3 { position: static; transform: none; margin: 0; padding: .75rem .5rem .85rem; font-size: 1.05rem; line-height: 1.2; }
.tli-card--area h3 a { color: var(--tli-ink); }
.tli-card--area h3 a:hover { color: var(--tli-brick); }

.tli-area-copy { position: relative; font-size: 1.08rem; }
.tli-area-copy > p { margin-block: 0 1.15rem !important; }
.entry-content .tli-section:has(.tli-area-copy) { padding-top: 0; }
.tli-area-copy > h1 { position: absolute; z-index: 2; top: 2rem; left: 50%; box-sizing: border-box; width: min(1180px, calc(100vw - 3rem)); transform: translateX(-50%); margin: 0 !important; color: #fff !important; font-size: clamp(2rem, 5vw, 4.4rem); line-height: 1.05; text-shadow: 0 2px 16px rgba(8,43,88,.6); }
.tli-area-hero { position: relative; display: block; width: 100vw; height: clamp(280px, 42vw, 560px); max-width: none; margin: 0 calc(50% - 50vw) 2rem !important; overflow: hidden; }
.tli-area-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,43,88,.5), rgba(8,43,88,.12) 65%, transparent); }
.tli-area-hero picture, .tli-area-hero img { display: block; width: 100%; height: 100%; max-height: none; aspect-ratio: auto; object-fit: cover; border-radius: 0; }
.tli-area-aside { float: right; width: min(330px, 42%); margin: .25rem 0 1.1rem 1.5rem !important; }
.tli-area-aside--left { float: left; margin: .25rem 1.5rem 1.1rem 0 !important; }
.tli-area-aside img { display: block; width: 100%; height: auto; max-height: 400px; object-fit: cover; border-radius: 14px; box-shadow: 0 8px 22px rgba(8,43,88,.14); }
.tli-area-copy::after { content: ""; display: table; clear: both; }
.tli-contact { width: min(900px, 100%); margin: 0 auto; padding: 0; background: transparent; }
.tli-contact__inner { padding: 2rem; background: #F1E8D7; border-radius: 15px; }
.tli-contact h2 { text-align: center; margin: 0 0 1rem; }
.tli-contact iframe { display: block; max-width: 100%; }
.tli-activities-intro h1 { text-align: center; }
.tli-activities-intro > p { text-align: left; }
.tli-activity-detail { padding-block: 1.25rem !important; }
.tli-activity h2 { text-align: center; }
.tli-activity-image { width: min(850px, 100%); margin: 0 auto 1.5rem !important; }
.tli-activity-image img { display: block; width: 100%; max-height: 520px; object-fit: cover; border-radius: 14px; box-shadow: 0 8px 22px rgba(8,43,88,.14); }

.site-header { background: var(--tli-ivory); }
.site-title a, .main-header-menu > .menu-item > .menu-link { color: var(--tli-ink) !important; }
#colophon { display: block; }
.tli-site-footer { background: var(--tli-ink); color: #fff; padding: 2.8rem 1.5rem; }
.tli-site-footer__inner { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 3rem; width: min(1180px, 100%); margin: auto; }
.tli-site-footer h2 { color: var(--tli-gold); font-size: 1.15rem; }
.tli-site-footer a { display: block; margin: .4rem 0; color: #fff; text-decoration: none; }
.tli-site-footer a:hover { color: var(--tli-gold); }
.tli-site-footer p { color: #fff; }

@media (max-width: 850px) {
	.tli-area-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.tli-site-footer__inner { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 520px) {
	.entry-content .tli-section { padding: 2rem 1rem; }
	.tli-choice-grid, .tli-area-grid { grid-template-columns: 1fr; }
	.tli-choice-grid > p.tli-choice > a.tli-choice { min-height: 104px; }
	.tli-hero { min-height: 380px; }
	.tli-contact__inner { padding: 1rem; }
	.tli-area-copy .tli-area-aside, .tli-area-copy .tli-area-aside--left { float: none; display: block; width: min(360px, 100%); margin: 1.2rem auto !important; }
	.tli-area-copy > h1 { top: 1.5rem; width: calc(100vw - 2rem); font-size: clamp(2rem, 9vw, 3rem); }
	.tli-area-hero { height: clamp(260px, 72vw, 420px); margin-bottom: 1.5rem !important; }
}

.tli-hero { background-image: url('home-hero.webp'); background-image: image-set(url('home-hero.avif') type('image/avif'), url('home-hero.webp') type('image/webp')); }
@media (max-width: 520px) {
	.tli-hero { background-image: url('home-hero-mobile.webp'); background-image: image-set(url('home-hero-mobile.avif') type('image/avif'), url('home-hero-mobile.webp') type('image/webp')); }
}
.wp-block-spectra-container.tli-section, .wp-block-spectra-container.tli-section-inner,
.wp-block-spectra-container.tli-reading, .wp-block-spectra-container.tli-hero__content { display: block !important; min-width: 0; }
.wp-block-spectra-container.tli-section-inner, .wp-block-spectra-container.tli-reading { padding: 0; }
.wp-block-spectra-container.tli-area-grid, .wp-block-spectra-container.tli-choice-grid { display: grid !important; min-width: 0; }
.wp-block-spectra-container.tli-hero { display: grid !important; padding: 0; }
.tli-hero__content > h1, .tli-hero__content > p { max-width: 100%; }
.tli-card--area figure.wp-block-image { width: 100%; }
.editor-styles-wrapper .tli-section { padding: 3.2rem 1.5rem; }
.editor-styles-wrapper .tli-section h1, .editor-styles-wrapper .tli-section h2, .editor-styles-wrapper .tli-section h3 { color: var(--tli-ink); }

.tli-area-feature { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); align-items: center; gap: clamp(1.5rem, 4vw, 3.25rem); padding: 2rem 0; border-bottom: 1px solid rgba(8,43,88,.14); }
.tli-area-feature:last-child { border-bottom: 0; }
.tli-area-feature--reverse > figure { order: 2; }
.tli-area-feature > figure { width: 100%; margin: 0; }
.tli-area-feature > figure img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 14px; box-shadow: 0 8px 22px rgba(8,43,88,.14); }
.tli-area-feature-copy h2 { margin: 0 0 1rem; text-align: left; }
.tli-area-feature-copy > p:last-child { margin: 0; }
.home .tli-card--area { display: flex !important; flex-direction: column !important; }
.home .tli-card--area > .tli-card__image { position: static !important; order: 0; }
.home .tli-card--area > h3 { position: static !important; inset: auto !important; order: 1; transform: none !important; margin: 0 !important; }
@media (max-width: 720px) {
	.tli-area-feature { grid-template-columns: 1fr; gap: 1.25rem; padding: 1.5rem 0; }
	.tli-area-feature--reverse > figure { order: 0; }
}

.page-dallas-contact .tli-reading{text-align:center}.page-dallas-contact .tli-contact-details{line-height:1.6}