:root {
	--spio-lime: #9fd63a;
	--spio-blue: #869dfa;
	--spio-navy: #183c66;
	--spio-cloud: #f3f4f6;
	--spio-cream: #f7fadf;
	--spio-soft-lime: #e9f6b5;
	--spio-display: "Right Grotesk", "Arial Narrow", sans-serif;
	--spio-body: "Source Sans Pro", "Segoe UI", sans-serif;
}

html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
	font-family: var(--spio-body);
}

body {
	color: var(--spio-navy);
}

h1,
h2,
h3,
h4,
h5,
h6,
.et_pb_module h1,
.et_pb_module h2,
.et_pb_module h3 {
	color: var(--spio-navy);
	font-family: var(--spio-display);
	font-weight: 500;
	letter-spacing: -0.025em;
}

::selection {
	background: var(--spio-lime);
	color: var(--spio-navy);
}

:focus-visible {
	outline: 3px solid var(--spio-blue);
	outline-offset: 3px;
}

.spio-script {
	color: var(--spio-navy);
	font-family: var(--spio-display);
	font-size: 1.3em;
	font-weight: 400;
}

.et_pb_button,
.wp-element-button {
	border: 2px solid var(--spio-navy);
	border-radius: 999px;
	background: var(--spio-lime);
	color: var(--spio-navy);
	font-family: var(--spio-body);
	font-weight: 700;
}

.myspio-portal-page #main-content {
        min-height: 70vh;
	background:
		radial-gradient(circle at 105% 12%, rgba(159, 214, 58, 0.22) 0 18rem, transparent 18.1rem),
		linear-gradient(180deg, #fff 0, var(--spio-cream) 100%);
}

.myspio-portal-page .myspio-app-container {
        width: 100%;
        max-width: none;
        padding-top: 0;
}

.myspio-portal-page .myspio-app-container::before {
        display: none;
}

.myspio-portal-page #left-area {
        width: 100%;
        padding: 0;
}

.myspio-portal-page .myspio-app-page {
        margin: 0;
        padding: 0;
}

.myspio-portal-page .myspio-app-page .entry-content {
        padding-top: 0;
}