/*
Theme Name: Asia Education Journal Child
Theme URI: https://example.com/asia-education-journal
Description: Editorial child theme for Asia Education Journal, built on Hello Elementor.
Author: Asia Education Journal
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/

:root {
	--aej-navy: #0b2148;
	--aej-navy-deep: #06152f;
	--aej-gold: #c5a35b;
	--aej-gold-deep: #a98031;
	--aej-ink: #15233d;
	--aej-body: #4d596c;
	--aej-muted: #7a8492;
	--aej-line: #e4e8ee;
	--aej-soft: #f5f7f9;
	--aej-paper: #ffffff;
	--aej-serif: 'Lora', Georgia, serif;
	--aej-sans: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--aej-shell: 1280px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--aej-paper);
	color: var(--aej-ink);
	font-family: var(--aej-sans);
	font-size: 16px;
	line-height: 1.6;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: inherit;
}

button,
input,
textarea,
select {
	font: inherit;
}

.screen-reader-text,
.skip-link {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	top: 16px;
	left: 16px;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 10px 14px;
	clip: auto;
	color: #ffffff;
	background: var(--aej-navy-deep);
	text-decoration: none;
}

.site-main.aej-main,
.aej-builder-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.aej-shell {
	width: min(100% - 64px, var(--aej-shell));
	margin-right: auto;
	margin-left: auto;
}

.aej-builder-content:empty {
	display: none;
}

@media (max-width: 720px) {
	.aej-shell {
		width: min(100% - 36px, var(--aej-shell));
	}
}