/*
Theme Name: Cybernetica Solutions Child Theme
Theme URI: https://www.cybernetica-solutions.co.uk/
Description: Cybernetica Solutions child theme for Hello Elementor.
Author: Cybernetica Solutions
Author URI: https://www.cybernetica-solutions.co.uk/
Template: hello-elementor
Version: 1.0.1
Text Domain: cybernetica
*/

:root {
	/* colours */
	--primary: 					#8EC63F;
	--secondary: 				#4183C4;
	--text: 					#000000;
	--accent: 					#8EC63F;
	--green: 					#8EC63F;
	--mid-blue: 				#4183C4;
	--mid-blue-rgb: 			65,131,196; 	/* rgb ( add on opacity e.g. color: rgba(var(--mid-blue-rgb),.25); rgba(var(--mid-blue-rgb),.1); ) */
	--dark-blue: 				#1A344E;
	--white: 					#fff;
	--black: 					#000;
	
	/* colours */
	/* --tertiary-tint: #fafafa; 	/* very light background grey - normalised from: #f9fafa - 3% opacity */
	/* --tertiary-rgb: 79,87,89; 	/* rgb ( add on opacity e.g. color: rgba(var(--tertiary-rgb),.5); ) */
	
	/* fonts
	--font-primary: 'Inter';
	--font-secondary: 'Baloo 2';
	--font-fallback: apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	 */
	
	
}

/* GENERIC */
html, body { overflow-x: hidden; }
html { font-size: 14px; }
@media (min-width: 768px) {
	html { font-size: 16px; }
}
@media (min-width: 1200px) {
	html { font-size: 18px; }
}
/*body { color: var(--text); font-family: var(--font-primary), var(--font-fallback); font-size: 1rem; font-weight: 300; letter-spacing: .02rem; line-height: 1.6; }*/
body { font-size: 1rem; font-weight: 400; letter-spacing: .02rem; line-height: 1.5em; }
p.elementor-heading-title { line-height: 1.5em; }
@media (min-width: 768px) {
	body { line-height: 1.6em; }
	p.elementor-heading-title { line-height: 1.6em; }
}
@media (min-width: 1200px) {
	body { line-height: 1.8em; }
	p.elementor-heading-title { line-height: 1.8em; }
}

/* NINJA FORMS */
body .nf-form-content { padding: 0; }
body .nf-form-content label { font-size: 1rem; }
body .nf-form-content .list-select-wrap .nf-field-element>div, body .nf-form-content input:not([type=button]), body .nf-form-content textarea {  background: rgba(var(--mid-blue-rgb), .1);
    border: 1px solid transparent; color: #000; }
body .nf-form-content input:not([type=button])::placeholder, body .nf-form-content textarea::placeholder { color: var(--mid-blue); }
body .nf-form-content .list-select-wrap .nf-field-element>div:focus, body .nf-form-content input:not([type=button]):focus, body .nf-form-content textarea:focus { border-color: var(--mid-blue); color: var(--text); }
body .nf-form-content button, .nf-form-content input[type=button], body .nf-form-content input[type=submit] { background-color: var(--black); border-radius: 8px; color: var(--primary); height: auto; letter-spacing: .02em; padding: 12px 24px; }
body #ninja_forms_required_items, body .nf-field-container { margin-bottom: 1rem; }
@media only screen and (max-width: 800px) {
    body .nf-form-cont .five-sixths, body .nf-form-cont .four-sixths, body .nf-form-cont .one-fourth, body .nf-form-cont .one-half, body .nf-form-cont .one-sixth, body .nf-form-cont .one-third, body .nf-form-cont .three-fourths, body .nf-form-cont .three-sixths, body .nf-form-cont .two-fourths, body .nf-form-cont .two-sixths, body .nf-form-cont .two-thirds { margin-bottom: 1rem; }
}