/* SPA dark theme: base overrides for theme / plugin CSS that the Customizer colours don't reach. */
html, body, #wrapper, #page-content-wrapper, .inner, .page-content-wrapper {
	background-color: #000 !important;
	color: #fff;
}

/* Elementor global colours from the default kit (grey text on black is too faint). */
.elementor-kit-5582 {
	--e-global-color-text: #E6E6E6;
	--e-global-color-secondary: #CCCCCC;
	color: #fff;
}

/* Logo is a black outline drawing: show it white. */
img[src*="Story-Pic-Agency-logo"] {
	filter: invert(1);
}

/* Home page client logo strip: black logos on transparent/white -> white logos. */
.elementor-element-4c90820 img {
	filter: invert(1);
}
.elementor-element-4c90820 .swiper-pagination-bullet { background: #fff; }
.elementor-element-4c90820 .elementor-swiper-button { color: #fff; }

/* Contact Form 7 / generic form fields. */
input[type=text], input[type=email], input[type=tel], input[type=url], input[type=password], input[type=search],
input[type=number], input[type=date], textarea, select {
	background-color: #111 !important;
	color: #fff !important;
	border-color: #fff !important;
}
::placeholder { color: #aaa !important; opacity: 1; }
