/*
 * Roboto font lock.
 *
 * The site's official fonts are exactly these four:
 *   - Roboto Light            font-weight: 300
 *   - Roboto Regular          font-weight: 400
 *   - Roboto Bold             font-weight: 700
 *   - Roboto Condensed Italic font-family: "Roboto Condensed", italic
 *
 * The base lock below forces Roboto on readable site text so parent theme and
 * plugin styles cannot reintroduce other fonts. To use any of the four
 * official fonts, apply the .ankla-font-* classes below — they carry the
 * needed overrides, so use sites never need !important. Icon fonts are
 * preserved by the restoration rules at the bottom.
 *
 * Roboto is loaded as a variable font over 300–700, so parent theme 500/600
 * weights interpolate inside the range and 800/900 (e.g. accordion style 6
 * titles, mega menu style 2 links) clamp to 700. font-synthesis-weight: none
 * keeps that clamp from ever rendering a synthesized faux-bold.
 */

/* Base lock: force Roboto on readable site text only. */
body,
button,
input,
select,
textarea,
optgroup,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
blockquote,
figcaption,
label,
legend,
table,
th,
td,
.primary-desktop .sh-nav > li > a,
.sh-nav > li > a,
.sh-header-mobile-navigation li a,
.sh-button,
.vc_btn3,
.wpb_button,
.wpb_text_column,
.wpb_content_element,
.vc_custom_heading,
.sh-heading,
.sh-heading span,
.sh-titlebar .titlebar-title,
.sh-titlebar .title-level,
.sh-page-title,
.sh-blog-single-title,
.sh-portfolio-single-title,
.sh-section-title,
.sh-portfolio-title,
.sh-post-title,
.sh-team-name,
.sh-testimonials-name,
.sh-testimonials-quote,
.sh-counter-title,
.sh-iconbox-title,
.sh-pricing-title,
.sh-pricing-price,
.widget,
.widget-title,
.woocommerce,
.woocommerce-page {
	font-family: "Roboto", Arial, Helvetica, sans-serif !important;
	font-synthesis-weight: none;
}

/* Official font classes: the only four fonts the site uses. */
.ankla-font-light {
	font-weight: 300;
}

.ankla-font-regular {
	font-weight: 400;
}

.ankla-font-bold {
	font-weight: 700;
}

.ankla-font-condensed-italic {
	/* Wins over the element-level base lock above on specificity. */
	font-family: "Roboto Condensed", "Roboto", Arial, Helvetica, sans-serif !important;
	font-style: italic;
	font-weight: 400;
}

/* Restore icon font families after the broad Roboto override above. */
.fa,
[class^="fa-"],
[class*=" fa-"] {
	font-family: "FontAwesome" !important;
}

.fas,
.far {
	font-family: "Font Awesome 5 Free" !important;
}

.fas {
	font-weight: 900 !important;
}

.far {
	font-weight: 400 !important;
}

.fab {
	font-family: "Font Awesome 5 Brands" !important;
}

.ti,
[class^="ti-"],
[class*=" ti-"] {
	font-family: "themify" !important;
}

[class^="icon-"],
[class*=" icon-"] {
	font-family: "simple-line-icons" !important;
}

.pe-7s,
[class^="pe-7s-"],
[class*=" pe-7s-"] {
	font-family: "Pe-icon-7-stroke" !important;
}
