/*
Theme Name: Orion Elementor
Template: hello-elementor
Version: 1.0.0
Text Domain: orion-elementor
*/

:root {
	--og-dark: #111318;
	--og-blue: #0f6fae;
	--og-light: #f4f7fb;
	--og-text: #26313d;
	--og-muted: #506070;
}

body {
	margin: 0;
	background: var(--og-light);
	color: var(--og-text);
	font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: var(--og-blue); }

.og-site-header {
	background: var(--og-dark);
	box-shadow: 0 10px 30px rgba(0,0,0,.14);
	position: relative;
	z-index: 10;
}

.og-header-inner {
	max-width: 1180px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: .8rem 1.2rem;
}

.og-logo img {
	display: block;
	max-height: 56px;
	width: auto;
	background: #fff;
	padding: 4px 7px;
	border-radius: 3px;
}

.og-primary-menu,
.og-primary-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.og-primary-menu {
	display: flex;
	flex-wrap: wrap;
	gap: .35rem 1.1rem;
	align-items: center;
}

.og-primary-menu a {
	color: #f2f4f8;
	text-decoration: none;
	font-size: .92rem;
}

.og-primary-menu a:hover { color: #8ec9f0; }

.og-primary-menu li { position: relative; }

.og-primary-menu .sub-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 220px;
	background: #fff;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 18px 38px rgba(0,0,0,.18);
	padding: .55rem 0;
}

.og-primary-menu li:hover > .sub-menu { display: block; }

.og-primary-menu .sub-menu a {
	display: block;
	color: #24313f;
	padding: .55rem 1rem;
}

.site-main { background: var(--og-light); }

.og-hero {
	min-height: 430px;
	position: relative;
	overflow: hidden;
}

.og-hero:after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(17,19,24,.04), rgba(17,19,24,.66));
	pointer-events: none;
}

.og-hero > .elementor-container,
.og-hero > .e-con-inner {
	position: relative;
	z-index: 1;
	min-height: 430px;
}

.og-hero-copy {
	background-color: rgba(255,255,255,.86);
	color: var(--og-dark);
	padding: 1.8rem;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 18px 42px rgba(0,0,0,.22);
}

.og-hero-copy h1,
.og-hero-copy .elementor-heading-title { color: var(--og-dark); }

.og-hero-copy .elementor-background-slideshow,
.og-hero-copy .elementor-background-slideshow__slide__image {
	background-color: transparent !important;
}

.og-eyebrow {
	color: #0f6fae;
	font-weight: 700;
	letter-spacing: .16em;
	text-transform: uppercase;
	font-size: .78rem;
}

.og-section {
	padding: 64px 0;
}

.og-feature-card,
.og-news-card,
.og-page-card {
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 16px 42px rgba(31,47,71,.12);
	border: 1px solid rgba(15,111,174,.08);
	padding: 1.55rem 1.35rem;
	height: 100%;
}

.og-feature-card img {
	height: 52px;
	width: auto;
	margin-bottom: 1rem;
}

.og-news-card img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	border-radius: 12px;
	margin-bottom: 1rem;
}

.og-feature-card h3,
.og-news-card h3,
.og-page-card h1,
.og-page-card h2 {
	color: var(--og-dark);
}

.og-feature-card p,
.og-news-card p,
.og-page-card p,
.og-page-card li {
	color: var(--og-muted);
	line-height: 1.75;
}

.page-id-34 .elementor-element-fd5b242 .e-heading-base {
	font-weight: 800;
	letter-spacing: .01em;
	line-height: 1.08;
	text-shadow:
		0 0 5px rgba(255,255,255,.95),
		0 0 15px rgba(255,255,255,.75),
		0 2px 8px rgba(22,38,55,.28);
}

.page-id-34 .elementor-element-fd5b242 .e-00554a1-c11bfd3 {
	align-self: center !important;
	box-sizing: border-box;
	color: #2c3813 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	text-shadow:
		0 1px 2px rgba(255,255,255,.75),
		0 0 1px rgba(44,56,19,.45) !important;
	width: min(202px, 82%) !important;
}

.page-id-34 .elementor-element-fd5b242 .e-33247ac-340e48f {
	align-self: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

.page-id-34 .elementor-element-652c86c > .e-con-inner {
	align-items: stretch;
}

.page-id-34 .og-feature-card {
	display: flex !important;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 430px;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.page-id-34 .og-feature-card:hover {
	border-color: rgba(15,111,174,.22);
	box-shadow: 0 22px 54px rgba(31,47,71,.16);
	transform: translateY(-3px);
}

.page-id-34 .og-feature-card > .elementor-widget-heading {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 58px;
}

.page-id-34 .og-feature-card .elementor-heading-title {
	color: #9b1419;
	font-size: clamp(1.35rem, 2vw, 1.75rem);
	font-weight: 500;
	line-height: 1.15;
	text-align: center;
}

.page-id-34 .og-feature-card .elementor-widget-text-editor {
	color: #39485a;
	font-size: .98rem;
	line-height: 1.55;
	text-align: center;
}

.page-id-34 .og-feature-card .elementor-widget-button {
	margin-top: auto;
	padding-top: 1.2rem;
}

.page-id-34 .elementor-button {
	background: linear-gradient(135deg, #67d2e8, #2484b6);
	border: 0;
	border-radius: 999px;
	box-shadow: 0 10px 22px rgba(36,132,182,.28);
	color: #fff;
	font-weight: 700;
	letter-spacing: .01em;
	padding: .78rem 1.35rem;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.page-id-34 .elementor-button:hover,
.page-id-34 .elementor-button:focus {
	box-shadow: 0 14px 28px rgba(36,132,182,.34);
	color: #fff;
	filter: saturate(1.08);
	transform: translateY(-1px);
}

.og-site-footer {
	background: var(--og-dark);
	color: #d9e1ea;
}

.og-footer-grid {
	max-width: 1180px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 2rem;
	padding: 3rem 1.2rem;
}

.og-site-footer h3 {
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.og-site-footer a { color: #8ec9f0; }

@media (max-width: 900px) {
	.og-header-inner { display: block; }
	.og-primary-menu { margin-top: 1rem; display: block; }
	.og-primary-menu .sub-menu { position: static; display: block; box-shadow: none; border-radius: 8px; margin: .4rem 0 1rem; }
	.og-footer-grid { grid-template-columns: 1fr; }
}
