/* 
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.3
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
*/

:root {
	--navy: #0D2C54;
	--blue: #1E5FAE;
	--sky: #4FA7D9;
	--light-blue: #B7D7F2;
	--slate: #5A6672;
	--white: #ffffff;
	--soft-bg: #F5F9FD;
	--border: rgba(13, 44, 84, .12);
	--shadow: 0 18px 45px rgba(13, 44, 84, .12);
	--radius: 18px;
	--max: 1180px;
	--font-serif: Georgia, "Times New Roman", serif;
	--font-sans: Arial, Helvetica, sans-serif;
}

.top-bar,
.site-header,
.site-footer,
.search-overlay {
	font-family: var(--font-sans);
	line-height: 1.6;
}

.top-bar *,
.site-header *,
.site-footer *,
.search-overlay * {
	box-sizing: border-box;
}

.top-bar a,
.site-header a,
.site-footer a {
	color: inherit;
	text-decoration: none;
}

.site-header svg,
.site-footer svg {
	display: block;
	max-width: 100%;
}

.top-bar .container,
.site-header .container,
.site-footer .container {
	width: min(var(--max), calc(100% - 40px));
	margin: 0 auto;
}

.top-bar {
	background: #071D38;
	color: rgba(255, 255, 255, .82);
	font-size: 13px;
}

.top-bar .container {
	min-height: 36px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
}

.top-links,
.social-links {
	display: flex;
	align-items: center;
	gap: 22px;
}

.top-links {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-links li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.top-links a:hover,
.social-links a:hover {
	color: var(--light-blue);
}

body #site-header.site-header,
body #site-header.site-header:not(.dynamic-header) {
	display: block;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
	background: rgba(255, 255, 255, .96);
	border-bottom: 1px solid var(--border);
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: blur(14px);
}

body.admin-bar #site-header.site-header {
	top: 32px;
}

.nav-wrap {
	height: 82px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 28px;
}

.brand {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 245px;
}

.brand-title,
.brand-subtitle,
.brand-tagline {
	display: block;
}

.logo-mark {
	width: 62px;
	height: 50px;
	flex: 0 0 auto;
}

.brand-title {
	font-family: var(--font-serif);
	font-size: 31px;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1;
	color: var(--blue);
	text-transform: uppercase;
}

.brand-subtitle {
	margin-top: 3px;
	font-size: 14px;
	letter-spacing: .12em;
	color: var(--navy);
	text-transform: uppercase;
	font-weight: 700;
}

.brand-tagline {
	margin-top: 2px;
	font-size: 9px;
	letter-spacing: .08em;
	color: var(--slate);
	font-weight: 700;
}

.nav-menu {
	display: flex;
	align-items: center;
	gap: 2px;
	list-style: none;
	margin: 0 0 0 auto;
	padding: 0;
}

.nav-menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav-menu a {
	display: inline-flex;
	align-items: center;
	padding: 30px 13px 27px;
	font-size: 13px;
	font-weight: 800;
	color: var(--navy);
	text-transform: uppercase;
	border-bottom: 3px solid transparent;
	letter-spacing: .02em;
}

.nav-menu a:hover,
.nav-menu a.active,
.nav-menu .current-menu-item > a,
.nav-menu .current_page_item > a {
	color: var(--blue);
	border-color: var(--blue);
}

.search-btn,
.menu-toggle {
	border: 0;
	background: transparent;
	color: var(--navy);
	cursor: pointer;
	display: grid;
	place-items: center;
	padding: 0;
}

.search-btn {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-left: 6px;
}

.search-btn:hover,
.menu-toggle:hover {
	background: var(--soft-bg);
}

.menu-toggle {
	display: none;
	width: 46px;
	height: 46px;
	border: 1px solid var(--border);
	border-radius: 12px;
}

body #site-footer.site-footer,
body #site-footer.site-footer:not(.dynamic-footer) {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 54px 0 0;
	background: #071D38;
	color: rgba(255, 255, 255, .78);
}

.site-footer p,
.site-footer ul,
.site-footer h3 {
	margin: 0;
	padding: 0;
}

.footer-grid {
	display: grid;
	grid-template-columns: 1.1fr 1fr .8fr;
	gap: 38px;
	padding-bottom: 40px;
}

.footer-brand .brand-title,
.footer-brand .brand-subtitle,
.footer-brand .brand-tagline {
	color: var(--white);
}

.footer-brand .brand-tagline {
	color: rgba(255, 255, 255, .62);
}

.footer-brand {
	align-items: flex-start;
	margin-bottom: 18px;
}

.footer-text {
	max-width: 360px;
	font-size: 14px;
}

.footer-widget-area,
.footer-widget {
	display: grid;
	gap: 14px;
}

.footer-widget + .footer-widget {
	margin-top: 20px;
}

.footer-widget p,
.footer-widget ul,
.footer-widget ol,
.footer-widget nav {
	margin: 0;
	padding: 0;
}

.footer-widget ul,
.footer-widget ol,
.footer-widget .menu,
.footer-widget .wp-block-navigation__container {
	display: grid;
	gap: 9px;
	list-style: none;
}

.footer-widget li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-widget a:hover {
	color: var(--light-blue);
}

.footer-title,
.site-footer .wp-block-heading,
.site-footer .widget-title {
	color: var(--white);
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: .08em;
	margin-bottom: 16px;
	font-weight: 900;
}

.footer-widget .wp-block-heading,
.footer-widget .widget-title {
	margin-top: 0;
}

.newsletter {
	display: flex;
	margin-top: 14px;
	max-width: 480px;
	border: 1px solid rgba(255, 255, 255, .16);
	background: rgba(255, 255, 255, .06);
}

.newsletter input {
	width: 100%;
	min-height: 48px;
	border: 0;
	padding: 0 14px;
	background: transparent;
	color: var(--white);
	outline: 0;
}

.newsletter input::placeholder {
	color: rgba(255, 255, 255, .52);
}

.newsletter button {
	min-width: 126px;
	border: 0;
	background: var(--blue);
	color: var(--white);
	font-size: 12px;
	letter-spacing: .08em;
	font-weight: 900;
	cursor: pointer;
	text-transform: uppercase;
}

.newsletter button:hover {
	background: var(--sky);
}

.footer-links {
	display: grid;
	gap: 9px;
	list-style: none;
}

.footer-links li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links a:hover {
	color: var(--light-blue);
}

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, .12);
	min-height: 62px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	font-size: 13px;
}

.footer-social {
	display: flex;
	gap: 11px;
}

.footer-social a {
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	display: grid;
	place-items: center;
	color: var(--white);
	font-weight: 900;
	font-size: 12px;
}

.footer-social a:hover {
	background: var(--blue);
}

.search-overlay {
	position: fixed;
	inset: 0;
	background: rgba(7, 29, 56, .84);
	z-index: 100;
	display: none;
	place-items: center;
	padding: 24px;
}

.search-overlay.open {
	display: grid;
}

.search-panel {
	width: min(720px, 100%);
	padding: 28px;
	background: var(--white);
	border-radius: 18px;
	box-shadow: 0 35px 80px rgba(0, 0, 0, .25);
	color: var(--navy);
}

.search-panel h3 {
	font-family: var(--font-serif);
	font-size: 32px;
	margin: 0 0 16px;
}

.search-box {
	display: flex;
	border: 1px solid var(--border);
	border-radius: 10px;
	overflow: hidden;
}

.search-box input {
	width: 100%;
	border: 0;
	min-height: 54px;
	padding: 0 16px;
	outline: 0;
	font-size: 16px;
}

.search-box button {
	border: 0;
	background: var(--blue);
	color: var(--white);
	padding: 0 20px;
	font-weight: 900;
	cursor: pointer;
}

.close-search {
	margin-top: 14px;
	border: 0;
	background: transparent;
	color: var(--slate);
	cursor: pointer;
	font-weight: 800;
	padding: 0;
}

.amj-archive-posts .articles-grid,
.archive .articles-grid,
.blog .articles-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
	align-items: stretch;
}

.amj-archive-posts .article-card,
.archive .article-card,
.blog .article-card {
	height: 100%;
	background: var(--white);
	border: 1px solid var(--border);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(13, 44, 84, .07);
	transition: .28s ease;
}

.amj-archive-posts .article-card:hover,
.archive .article-card:hover,
.blog .article-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow);
}

.amj-archive-posts .article-card > a,
.archive .article-card > a,
.blog .article-card > a {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.amj-archive-posts .article-image,
.archive .article-image,
.blog .article-image {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--soft-bg);
}

.amj-archive-posts .article-image img,
.archive .article-image img,
.blog .article-image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.amj-archive-posts .article-body,
.archive .article-body,
.blog .article-body {
	padding: 18px 18px 20px;
}

.amj-archive-posts .article-body h3,
.archive .article-body h3,
.blog .article-body h3 {
	margin: 0 0 12px;
	font-size: 19px;
	line-height: 1.25;
	color: var(--navy);
}

.amj-archive-posts .article-body h3:hover,
.archive .article-body h3:hover,
.blog .article-body h3:hover {
	color: var(--blue);
}

.amj-archive-posts .meta,
.archive .meta,
.blog .meta {
	font-size: 12px;
	color: var(--slate);
	font-weight: 700;
}

@media (max-width: 1024px) {
	.nav-wrap {
		height: 76px;
	}

	.menu-toggle {
		display: grid;
	}

	.nav-menu {
		display: none;
		position: absolute;
		left: 0;
		right: 0;
		top: 76px;
		background: var(--white);
		border-bottom: 1px solid var(--border);
		box-shadow: 0 20px 35px rgba(13, 44, 84, .12);
		padding: 10px 20px 18px;
	}

	.nav-menu.open {
		display: block;
	}

	.nav-menu a {
		width: 100%;
		padding: 14px 4px;
		border-bottom: 1px solid var(--border);
	}

	.footer-grid {
		grid-template-columns: 1fr 1fr;
	}

	.amj-archive-posts .articles-grid,
	.archive .articles-grid,
	.blog .articles-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	body.admin-bar #site-header.site-header {
		top: 46px;
	}
}

@media (max-width: 700px) {
	.top-bar .container,
	.site-header .container,
	.site-footer .container {
		width: min(var(--max), calc(100% - 28px));
	}

	.top-bar {
		display: none;
	}

	.brand {
		min-width: 0;
	}

	.logo-mark {
		width: 48px;
		height: 40px;
	}

	.brand-title {
		font-size: 22px;
	}

	.brand-subtitle {
		font-size: 11px;
	}

	.brand-tagline {
		display: none;
	}

	.search-btn {
		display: none;
	}

	.footer-grid {
		grid-template-columns: 1fr;
	}

	.amj-archive-posts .articles-grid,
	.archive .articles-grid,
	.blog .articles-grid {
		grid-template-columns: 1fr;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		padding: 18px 0;
	}

	.newsletter {
		display: block;
	}

	.newsletter button {
		width: 100%;
		min-height: 46px;
	}
}


.social-links {
	display: flex;
	align-items: center;
	gap: 16px;
}

.social-links a {
	color: rgba(255, 255, 255, .82);
	font-size: 15px;
	text-decoration: none;
	transition: .25s ease;
}

.social-links a:hover {
	color: #B7D7F2;
}






/* =========================================================
   Asia Medical Journal Responsive CSS
   Without Parent Section ID
   Uses data-* attributes only
   ========================================================= */

/* Prevent horizontal overflow */
[data-amj-grid],
[data-amj-about-grid],
[data-amj-contact-grid],
[data-amj-about-container],
[data-amj-contact-section],
[data-amj-section] {
	box-sizing: border-box !important;
	max-width: 100% !important;
}

/* =========================================================
   Tablet
   ========================================================= */
@media (max-width: 1024px) {

	/* HOME */
	[data-amj-grid="hero"],
	[data-amj-grid="about"],
	[data-amj-grid="cta"] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-hero-visual] {
		justify-content: flex-start !important;
	}

	[data-amj-card] {
		width: 100% !important;
		max-width: 640px !important;
	}

	[data-amj-grid="categories"] {
		grid-template-columns: repeat(3, 1fr) !important;
	}

	[data-amj-grid="articles"],
	[data-amj-grid="coverage"] {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	/* ABOUT */
	[data-amj-about-grid="intro"],
	[data-amj-about-grid="bridge"],
	[data-amj-about-grid="values"],
	[data-amj-about-grid="cta"] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-about-grid="cards3"],
	[data-amj-about-grid="coverage"],
	[data-amj-about-grid="milestones"],
	[data-amj-about-grid="tabs"] {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	[data-amj-about-tab-content] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-about-editorial] {
		position: relative !important;
		top: auto !important;
	}

	/* CONTACT */
	[data-amj-contact-grid="hero"],
	[data-amj-contact-grid="main"],
	[data-amj-contact-grid="media"] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-contact-grid="options"] {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* =========================================================
   Mobile
   ========================================================= */
@media (max-width: 700px) {

	/* Container width */
	[data-amj-grid],
	[data-amj-about-grid],
	[data-amj-contact-grid],
	[data-amj-about-container],
	div[style*="width:min(1180px"] {
		width: min(1180px, calc(100% - 28px)) !important;
	}

	/* Section spacing */
	[data-amj-section],
	[data-amj-about-section],
	[data-amj-contact-section] {
		padding: 54px 0 !important;
	}

	/* Buttons */
	a[style*="min-height:50px"],
	button[style*="min-height:52px"] {
		width: 100% !important;
		text-align: center !important;
	}

	/* HOME */
	[data-amj-grid="hero"] {
		grid-template-columns: 1fr !important;
		padding: 52px 0 60px !important;
		gap: 25px !important;
	}

	[data-amj-grid="categories"] {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	[data-amj-grid="articles"],
	[data-amj-grid="stats"],
	[data-amj-grid="coverage"],
	[data-amj-stats-grid="hero"] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-card] {
		padding: 22px !important;
		border-radius: 22px !important;
		max-width: 100% !important;
	}

	[data-amj-card-title] {
		font-size: 27px !important;
	}

	[data-amj-card-text],
	[data-amj-hero-text] {
		font-size: 15px !important;
	}

	[data-amj-pulse] {
		min-height: auto !important;
		padding: 16px !important;
	}

	[data-amj-section-head] {
		display: block !important;
	}

	/* ABOUT */
	[data-amj-about-grid="intro"],
	[data-amj-about-grid="cards3"],
	[data-amj-about-grid="bridge"],
	[data-amj-about-grid="milestones"],
	[data-amj-about-grid="coverage"],
	[data-amj-about-grid="tabs"],
	[data-amj-about-grid="values"],
	[data-amj-about-grid="cta"] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-about-copy],
	[data-amj-about-desc],
	[data-amj-about-tab-p] {
		font-size: 16px !important;
	}

	[data-amj-about-quote] {
		font-size: 24px !important;
	}

	[data-amj-about-tab-content] {
		grid-template-columns: 1fr !important;
		padding: 24px !important;
	}

	[data-amj-about-value] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-about-bridge-visual] {
		min-height: auto !important;
		display: grid !important;
		gap: 14px !important;
		padding: 24px !important;
	}

	[data-amj-about-line] {
		display: none !important;
	}

	[data-amj-about-center-node],
	[data-amj-about-node] {
		position: relative !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		bottom: auto !important;
		transform: none !important;
		width: 100% !important;
		height: auto !important;
		min-height: auto !important;
		border-radius: 20px !important;
	}

	/* CONTACT */
	[data-amj-contact-grid="hero"],
	[data-amj-contact-grid="options"],
	[data-amj-contact-grid="main"],
	[data-amj-contact-grid="form2"],
	[data-amj-contact-grid="media"] {
		grid-template-columns: 1fr !important;
	}

	[data-amj-contact-grid="hero"] {
		padding: 54px 0 !important;
		gap: 28px !important;
	}

	[data-amj-contact-card] {
		padding: 22px !important;
		border-radius: 22px !important;
	}

	[data-amj-contact-card-title] {
		font-size: 28px !important;
	}

	[data-amj-contact-card-text],
	[data-amj-contact-hero-text] {
		font-size: 15px !important;
	}

	[data-amj-contact-submit] {
		width: 100% !important;
	}

	input,
	select,
	textarea {
		max-width: 100% !important;
	}
}

/* =========================================================
   Small Mobile
   ========================================================= */
@media (max-width: 480px) {

	[data-amj-grid="categories"] {
		grid-template-columns: 1fr !important;
	}

	h1 {
		font-size: 38px !important;
	}

	h2 {
		font-size: 30px !important;
	}

	h3 {
		font-size: 20px !important;
	}

	[data-amj-card],
	[data-amj-contact-card],
	[data-amj-about-bridge-visual],
	article,
	div[style*="border-radius:22px"],
	div[style*="border-radius:20px"] {
		border-radius: 16px !important;
	}
}