/*
Theme Name: Hafez Capital (Elementor)
Theme URI: https://hafezcapital.com
Author: Hafez Capital Management
Description: Child theme of Hello Elementor. Layout, colors and typography live in Elementor (Site Settings, the homepage and the header/footer templates); this theme only self-hosts the fonts and adds a few details Elementor's free version cannot set.
Template: hello-elementor
Version: 1.0.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
Text Domain: hafez-elementor
*/

@font-face {
	font-family: "Newsreader";
	font-style: normal;
	font-weight: 300 450;
	font-display: swap;
	src: url("assets/fonts/newsreader-roman.woff2") format("woff2");
}
@font-face {
	font-family: "Newsreader";
	font-style: italic;
	font-weight: 300;
	font-display: swap;
	src: url("assets/fonts/newsreader-italic.woff2") format("woff2");
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("assets/fonts/inter.woff2") format("woff2");
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
[id] { scroll-margin-top: 2rem; }
::selection { background: var(--e-global-color-hcbrass, #B8945C); color: var(--e-global-color-hcink, #0A1420); }

/* Linked headings (the header/footer wordmark, the contact email) take the heading's color, not
   the site-wide link color. Elementor only adds this rule on pages built with Elementor. */
.elementor-heading-title a { color: inherit; }

/* Italic words inside headings (type <em>word</em> in a Heading widget) pick up the accent color. */
.elementor-heading-title em {
	font-style: italic;
	font-weight: 300;
	color: var(--e-global-color-hcbrass, #B8945C);
}
.hc-on-light .elementor-heading-title em { color: var(--e-global-color-hcbrassdark, #86683A); }

/* Plain underlined links inside Text Editor widgets on dark sections. */
.hc-on-dark .elementor-widget-text-editor a { color: #fff; }
.hc-on-dark .elementor-widget-text-editor a:hover { color: var(--e-global-color-hcbrass, #B8945C); }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}