/*

Theme Name: In Too Deep

*/

/* body {
	max-width: 1920px;
	font-size: 16px;
	color: #fff;
	background-color: #000;
}

p {
	font-family: arial;
	font-size: 16px;
}

header {
	padding: 5px 20px;
	background-color: #000;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.banner {
	position: relative;
	width: 100%;
	height: 100vh;
	background: transparent
		url("/wp-content/uploads/2026/07/in-too-deep-moab-2025.jpg") no-repeat 0px
		0px;
	background-size: cover;
}

.logo-banner-block {
	position: absolute;
	top: 5%;
	right: 5%;
	padding: 20px;
	background-color: #000;
	border-radius: 20px;
	box-shadow: 1px 2px #555;
}

.banner-text-block h1 {
	color: #fff;
	font-size: 3.7rem;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 2px 2px #000;
} */

/* In Too Deep Off Road Club — brand overrides on top of Bootstrap 5 */
:root {
	--itd-green: #3f7a4e;
	--itd-green-dark: #2c5636;
	--itd-blue: #4d7ea8;
	--itd-brown: #6b4a34;
	--itd-brown-dark: #3d2b1f;
	--itd-ink: #332e28;
	--itd-ink-soft: #5c574f;
	--itd-paper: #f8f6f2;
	--itd-card: #fefdfb;
	--itd-border: #dcd6cb;
	--bs-body-font-family: "Inter", sans-serif;
	--bs-link-color: #3a6d94;
	--bs-link-hover-color: #2c5674;
	--focus-color: turquoise;
}
body {
	background: var(--itd-paper);
	color: var(--itd-ink);
}
h1,
h2,
h3,
.font-head {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 800;
	color: var(--itd-ink);
}
.eyebrow {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-size: 0.875rem;
}
.text-itd-green {
	color: var(--itd-green-dark) !important;
}
.text-itd-blue {
	color: #2f5a78 !important;
}
.text-itd-brown {
	color: var(--itd-brown-dark) !important;
}
:focus-visible {
	outline: 3px solid var(--focus-color);
	outline-offset: 2px;
}
.skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	background: #fff;
	color: var(--itd-ink);
	padding: 0.75rem 1.25rem;
	z-index: 1050;
	font-weight: 700;
	border-radius: 0 0 0.5rem 0;
}
.skip-link:focus {
	left: 0;
}

/* Buttons */
.btn-itd-primary {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	background: var(--itd-green);
	color: #fff;
	border: none;
}
.btn-itd-primary:hover,
.btn-itd-primary:focus {
	background: var(--itd-green-dark);
	color: #fff;
}
.btn-itd-outline {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.55);
}
.btn-itd-outline:hover {
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
}
.btn-itd-ghost-green {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	background: none;
	border: 2px solid var(--itd-green);
	color: var(--itd-green-dark);
}
.btn-itd-ghost-green:hover {
	background: var(--itd-green);
	color: #fff;
}
.btn-itd-ghost-brown {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	background: none;
	border: 2px solid var(--itd-brown);
	color: var(--itd-brown-dark);
}
.btn-itd-ghost-brown:hover {
	background: var(--itd-brown);
	color: #fff;
}
.btn:focus,
.nav-link:focus,
.tribe-common .tribe-common-anchor-thin:focus,
.navbar-toggler:focus,
div.wpforms-container-full input[type="text"]:focus,
div.wpforms-container-full input[type="email"]:focus,
div.wpforms-container-full .wpforms-form textarea:focus {
	border: 3px solid var(--focus-color) !important;
}

/* Header */
.site-header {
	background: #3a2a1f;
}
.navbar-brand img {
	height: 52px;
	border-radius: 6px;
}
.itd-nav .nav-link {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	color: #d8d0c4 !important;
	border-bottom: 3px solid transparent;
}
.itd-nav .nav-link:hover {
	color: #fff !important;
}
.itd-nav .nav-link[aria-current="page"] {
	color: #fff !important;
	border-bottom-color: #5fae76;
}
.navbar-toggler {
	border-color: rgba(255, 255, 255, 0.3);
}
.navbar-toggler-icon {
	filter: invert(1) grayscale(1) brightness(2);
}
.navbar-collapse .btn-itd-primary {
	/* margin-top: 0.5rem; */
}

/* Hero */
.hero {
	position: relative;
	min-height: 88vh;
	overflow: hidden;
	color: #fff;
}
.hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
	object-position: -160px center;
}
.hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		0deg,
		rgba(30, 20, 14, 0.92) 5%,
		rgba(40, 28, 20, 0.55) 45%,
		rgba(40, 60, 80, 0.35) 100%
	);
	z-index: 1;
}
.hero-content {
	position: relative;
	z-index: 2;
}
.hero-badge {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	background: rgba(255, 255, 255, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.4);
}
.hero-title {
	color: #fff;
	font-size: clamp(40px, 6.4vw, 84px);
	line-height: 1.02;
	text-wrap: pretty;
}
.hero-text {
	font-size: clamp(17px, 2vw, 22px);
	color: #f2efe9;
}

.banner-logo {
	max-width: 250px;
}

/* Sections */
.section-tan {
	background: #f1ece2;
}
.stat-card,
.event-card,
.rig-card,
.cal-card,
.info-card,
.contact-form {
	background: var(--itd-card);
	border: 1px solid var(--itd-border);
}
.stat-num {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 800;
	font-size: 1.75rem;
}
.event-card a {
	color: #000;
}
.event-card a:hover {
	text-decoration: none;
}
.event-card-bar {
	height: 6px;
}
.bar-green {
	background: var(--itd-green);
}
.bar-blue {
	background: var(--itd-blue);
}
.bar-brown {
	background: var(--itd-brown);
}
.tag {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}
.tag-green {
	background: #dcefe0;
	color: var(--itd-green-dark);
}
.tag-blue {
	background: #dbe8f2;
	color: #2f5a78;
}
.tag-brown {
	background: #ece2d6;
	color: var(--itd-brown-dark);
}
.rig-photo {
	height: 220px;
	padding: 0 !important;
	object-fit: cover;
	background: repeating-linear-gradient(
		45deg,
		#e5ded0,
		#e5ded0 12px,
		#dcd3c1 12px,
		#dcd3c1 24px
	);
	color: #8a8272;
	font-family: monospace;
	font-size: 0.8rem;
}
.rig-photo.tall {
	height: 240px;
}
.rig-photo-block .rig-photo {
	width: 100%;
	height: auto;
}
.rig-photo-block .rig-photo.tall {
	height: auto;
}
.pill-green {
	background: #dcefe0;
	color: var(--itd-green-dark);
}
.pill-blue {
	background: #dbe8f2;
	color: #2f5a78;
}
.pill-brown {
	background: #ece2d6;
	color: var(--itd-brown-dark);
}
.rig-feature-cta {
	border: 2px dashed var(--itd-green);
	min-height: 340px;
}
.cta-band {
	background: #3a2a1f;
	color: #fff;
}
.cta-band h2 {
	color: #fff;
}
.cta-band p {
	color: #e6e0d5;
}

/* Events page */
.cal-cell {
	border-radius: 0.375rem;
	color: var(--itd-ink-soft);
}
.cal-cell.has-event {
	font-weight: 700;
	color: #fff;
}
.cal-cell.ev-green {
	background: var(--itd-green);
}
.cal-cell.ev-blue {
	background: var(--itd-blue);
}
.chip {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	border: 2px solid var(--itd-border);
	background: var(--itd-card);
	color: #4a453d;
	border-radius: 999px;
}
.chip[aria-pressed="true"] {
	border-color: var(--itd-green);
	background: var(--itd-green);
	color: #fff;
}
.event-list-bar {
	width: 8px;
}

/* Contact page */
.form-success {
	background: #dcefe0;
	border: 1px solid #8bc79c;
}
.form-success h2 {
	color: var(--itd-green-dark);
}
.form-success p {
	color: #2c5636;
}
.btn-success-reset {
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	background: none;
	border: 2px solid var(--itd-green-dark);
	color: var(--itd-green-dark);
}
.social-btn {
	background: #dbe8f2;
	color: #2f5a78;
	border-radius: 999px;
	font-weight: 600;
}
.social-icon {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #2f5a78;
	color: #eef4f9;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 800;
	font-size: 0.85rem;
}
.map-placeholder {
	height: 220px;
	background: repeating-linear-gradient(
		45deg,
		#cfe0ec,
		#cfe0ec 14px,
		#bdd5e5 14px,
		#bdd5e5 28px
	);
	color: #345066;
	font-family: monospace;
	font-size: 0.8rem;
}

/* Footer */
.site-footer {
	/* background: #2a1e15; */
	background: #000;
	color: #e6e0d5;
}
.footer-h2 {
    margin-top: 15px;
	font-family: "Barlow Condensed", sans-serif;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
}
.footer-logo-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.footer-logo-text p {
	margin: 0;
}
.footer-logo {
	display: block;
	margin: 0 auto;
	height: 64px;
	border-radius: 6px;
}
.footer-link-columns {
	word-wrap: break-word;
}
.footer-links a {
	color: #d3cabb;
	text-decoration: none;
}
.footer-links a:hover {
	color: #fff;
}
.footer-contact a {
	color: #d3cabb;
	text-decoration: none;
}
.footer-social {
	color: #d3cabb;
	text-decoration: none;
}
.footer-social .social-icon {
	background: rgba(255, 255, 255, 0.15);
	color: #fff;
}
.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	font-size: 0.85rem;
}

.tec-events-calendar-list__category-icon {
	display: none !important;
}

.rig-card h2 a,
.rig-card h3 a {
	color: #332e28;
}

.rig-card h2 a:hover,
.rig-card h3 a:hover {
	text-decoration: none;
}

.rig-card h2 a span,
.rig-card h3 a span {
	font-size: 0.8em;
	font-weight: bold;
}

@media only screen and (min-width: 992px) {
	.hero-img {
		object-position: unset;
	}

	.footer-logo-text {
		display: block;
		text-align: left;
	}
	.footer-logo-text p {
		margin: 0;
	}
	.footer-logo {
		margin: 0;
	}
	.footer-h2 {
        margin-top: 0;
    }
}