/*
Theme Name:   Loci
Theme URI:    https://loci.example
Description:  Child theme of Hello Elementor for Loci. Colours, fonts, header, footer, pages and a block library are set up from Appearance → Loci setup and are fully editable in Elementor Pro.
Author:       Maaike Media
Template:     hello-elementor
Version:      1.0.5
Requires at least: 6.3
Requires PHP: 7.4
Text Domain:  loci
*/

/* Almost all styling lives in Elementor (Site Settings → Global Colors / Global Fonts).
   Only the few things Elementor has no control for are set here. */

/* Fallback page colour before Elementor's kit CSS loads */
body {
	background-color: var(--e-global-color-loci_bg, #D49A8C);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Visible keyboard focus everywhere (accessibility) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
.elementor-button:focus-visible {
	outline: 3px solid var(--e-global-color-secondary, #1F433C);
	outline-offset: 3px;
}

/* Skip link: visible when it receives keyboard focus */
.skip-link.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	width: auto;
	height: auto;
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 100000;
	padding: 12px 20px;
	border-radius: 12px;
	background: #F3EFE7;
	color: #1F433C;
	font-weight: 600;
	text-decoration: none;
}
#content:focus {
	outline: none;
}

/* Cards that are links (containers set to the "a" HTML tag): no underline, gentle hover */
a.e-con,
a.e-con:hover {
	text-decoration: none;
	color: inherit;
}
a.e-con {
	transition: transform .2s ease;
}
a.e-con:hover {
	transform: translateY(-3px);
}

/* Bullet lists inside text: a little air between items */
.elementor-widget-text-editor ul {
	margin: 0;
	padding-left: 1.2em;
}
.elementor-widget-text-editor li + li {
	margin-top: .5em;
}

/* Form radio buttons in the brand green */
.elementor-field-type-radio input[type="radio"] {
	accent-color: var(--e-global-color-secondary, #1F433C);
	width: 18px;
	height: 18px;
}