/**
 * Theme Name: Emotion Nest Child
 * Theme URI: https://emotionnest.com/
 * Description: Child theme for site-specific Emotion Nest customizations.
 * Author: Emotion Nest
 * Template: oceanwp
 * Version: 1.0.0
 * Text Domain: emotionnest-child
 * Requires at least: 5.9
 * Requires PHP: 7.4
 */

/*
 * Add site-specific CSS below. This file is loaded after OceanWP's stylesheet.
 */

/* --------------------------------------------------------------------------
 * Modern site header
 * The logo, title, navigation, and search control remain Elementor/WordPress
 * widgets; these rules only refresh their presentation.
 * -------------------------------------------------------------------------- */
#site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: rgb(255 255 255 / 92%);
	border-bottom: 1px solid rgb(17 71 68 / 9%);
	box-shadow: 0 8px 28px rgb(14 55 52 / 6%);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

#site-header .elementor-location-header,
#site-header .elementor-17,
#site-header .elementor-17 > .elementor-element-bd15cb6 {
	background: transparent;
}

#site-header .elementor-17 > .elementor-element-bd15cb6 {
	border: 0;
}

#site-header .elementor-17 > .elementor-element-bd15cb6 > .e-con-inner {
	width: min(100%, 1240px);
	min-height: 76px;
	margin: 0 auto;
	padding: 12px 28px;
}

#site-header .elementor-17 .elementor-element-e8c82c8 {
	margin-inline-end: 12px;
}

#site-header .elementor-17 .elementor-element-e8c82c8 img {
	display: block;
	width: 50px;
	height: 50px;
	max-width: none;
	object-fit: cover;
	border: 2px solid rgb(255 255 255 / 88%);
	border-radius: 16px;
	box-shadow: 0 8px 18px rgb(21 113 109 / 18%);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

#site-header .elementor-17 .elementor-element-e8c82c8 a:hover img {
	transform: translateY(-2px);
	box-shadow: 0 11px 22px rgb(21 113 109 / 25%);
}

#site-header .elementor-17 .elementor-element-dcd4573 {
	min-width: 0;
}

#site-header .elementor-17 .elementor-element-dcd4573 .elementor-heading-title {
	font-family: inherit;
	font-size: clamp(1.35rem, 2vw, 2rem);
	font-weight: 750;
	letter-spacing: -0.035em;
	line-height: 1.1;
	white-space: nowrap;
}

#site-header .elementor-17 .elementor-element-dcd4573 .elementor-heading-title a {
	color: #123f3d;
	text-decoration: none;
}

#site-header .elementor-17 .elementor-nav-menu--main > .elementor-nav-menu {
	gap: 3px;
}

#site-header .elementor-17 .elementor-nav-menu--main .elementor-item {
	margin: 0;
	padding: 9px 12px;
	border-radius: 999px;
	color: #315a58;
	font-family: inherit;
	font-size: 1.5rem;
	font-weight: 650;
	line-height: 1.2;
	transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

#site-header .elementor-17 .elementor-nav-menu--main .elementor-item:hover,
#site-header .elementor-17 .elementor-nav-menu--main .elementor-item:focus-visible {
	color: #0e6864;
	background: #edf8f6;
	transform: translateY(-1px);
}

#site-header .elementor-17 .elementor-nav-menu--main .elementor-item.elementor-item-active {
	color: #fff;
	background: #14736e;
	box-shadow: 0 5px 12px rgb(20 115 110 / 22%);
}

#site-header .elementor-17 .elementor-search-form__toggle {
	display: grid;
	width: 38px;
	height: 38px;
	margin-inline-start: 8px;
	border: 1px solid #dcebea;
	border-radius: 50%;
	place-items: center;
	color: #176d69;
	background: #fff;
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

#site-header .elementor-17 .elementor-search-form__toggle:hover,
#site-header .elementor-17 .elementor-search-form__toggle:focus-visible {
	border-color: #14736e;
	color: #fff;
	background: #14736e;
	transform: translateY(-1px);
}

#site-header .elementor-17 .elementor-nav-menu--dropdown {
	margin-top: 14px;
	padding: 8px;
	border: 1px solid #e1eeec;
	border-radius: 16px;
	box-shadow: 0 18px 42px rgb(14 55 52 / 16%);
	background: #fff;
}

#site-header .elementor-17 .elementor-nav-menu--dropdown .elementor-item {
	padding: 12px 14px;
	border-radius: 10px;
	color: #315a58;
}

#site-header .elementor-17 .elementor-nav-menu--dropdown .elementor-item:hover,
#site-header .elementor-17 .elementor-nav-menu--dropdown .elementor-item:focus-visible,
#site-header .elementor-17 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
	color: #0e6864;
	background: #edf8f6;
}

@media (max-width: 1024px) {
	#site-header .elementor-17 > .elementor-element-bd15cb6 > .e-con-inner {
		min-height: 68px;
		padding: 10px 22px;
	}

	#site-header .elementor-17 .elementor-menu-toggle {
		display: grid;
		width: 40px;
		height: 40px;
		margin: 0;
		border: 1px solid #dcebea;
		border-radius: 12px;
		place-items: center;
		color: #176d69;
		background: #fff;
	}
}

@media (max-width: 767px) {
	#site-header .elementor-17 > .elementor-element-bd15cb6 > .e-con-inner {
		min-height: 62px;
		padding: 8px 16px;
	}

	#site-header .elementor-17 .elementor-element-e8c82c8 {
		margin-inline-end: 8px;
	}

	#site-header .elementor-17 .elementor-element-e8c82c8 img {
		width: 42px;
		height: 42px;
		border-radius: 13px;
	}

	#site-header .elementor-17 .elementor-element-dcd4573 .elementor-heading-title {
		font-size: 1.9rem;
	}

	#site-header .elementor-17 .elementor-search-form__toggle {
		width: 34px;
		height: 34px;
		margin-inline-start: 3px;
	}
}