/*
Theme Name: Hello Elementor Child - ProBond
Template: hello-elementor
Version: 1.0
Description: Child theme for ProBond Architectural, built on Hello Elementor. Holds custom post types and the product page template.
*/

/* Helvetica Neue LT Std - self-hosted webfont, all 8 weights */

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-25UltraLight.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-25UltraLight.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-25UltraLight.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-35Thin.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-35Thin.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-35Thin.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-45Light.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-45Light.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-45Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-55Roman.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-55Roman.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-55Roman.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-65Medium.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-65Medium.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-65Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-75Bold.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-75Bold.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-75Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-85Heavy.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-85Heavy.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-85Heavy.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Std';
	src: url('fonts/HelveticaNeueLTStd-95Black.woff2') format('woff2'),
	     url('fonts/HelveticaNeueLTStd-95Black.woff') format('woff'),
	     url('fonts/HelveticaNeueLTStd-95Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Set as sitewide default font */
body,
h1, h2, h3, h4, h5, h6,
button, input, textarea, select {
	font-family: 'Helvetica Neue LT Std', Arial, sans-serif !important;
}

/*
 * GLOBAL FIX — Hello Elementor's reset.css applies pink (#c36) styling to
 * every plain <button>, <input type="button">, and <input type="submit">,
 * including a hover/focus state that turns background pink with white text:
 *   [type=button]:hover, [type=submit]:hover, button:hover { background-color: #c36; color: #fff; }
 * That rule has no !important, so this override (which does) permanently
 * beats it for every button on the site, including ones added later —
 * no more per-button overrides should be needed going forward.
 * Elementor's own button widgets (.elementor-button) are excluded since
 * they're unaffected and already styled correctly through Elementor's
 * own settings.
 */
button:not(.elementor-button):not([class*="pp-"]),
input[type="button"]:not(.elementor-button):not([class*="pp-"]),
input[type="submit"]:not(.elementor-button):not([class*="pp-"]) {
	background-color: transparent !important;
	border-color: #2a2a2a !important;
	color: #2a2a2a !important;
}
button:not(.elementor-button):not([class*="pp-"]):hover,
button:not(.elementor-button):not([class*="pp-"]):focus,
input[type="button"]:not(.elementor-button):not([class*="pp-"]):hover,
input[type="button"]:not(.elementor-button):not([class*="pp-"]):focus,
input[type="submit"]:not(.elementor-button):not([class*="pp-"]):hover,
input[type="submit"]:not(.elementor-button):not([class*="pp-"]):focus {
	background-color: #2a2a2a !important;
	border-color: #2a2a2a !important;
	color: #fff !important;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea {
	border-color: #ddd !important;
	color: #1a1a1a !important;
}