/*
Theme Name: ANN Child Theme
Theme URI: https://ann.axiomthemes.com/
Description: ANN is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: AxiomThemes
Author URI: https://axiomthemes.com/
Version: 1.40.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: ann
Template: ann
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* Align and size the images in default/modern icon blocks uniformly */
.sc_icons_default .sc_icons_image,
.sc_icons_modern .sc_icons_image,
.sc_icons_item .sc_icons_image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100px;
	/* Restrict container height to keep icons aligned and uniform */
	margin-left: auto;
	margin-right: auto;
}

/* Ensure the images fit within the constrained height and width maintaining aspect ratio */
.sc_icons_default .sc_icons_image img,
.sc_icons_modern .sc_icons_image img,
.sc_icons_item .sc_icons_image img {
	max-height: 100% !important;
	max-width: 100% !important;
	width: auto !important;
	height: auto !important;
	-o-object-fit: contain;
	object-fit: contain;
}

/* ========================================================
   Zanjabeel Font Family Setup
   ======================================================== */

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-Thin.otf') format('opentype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-ExtraLight.otf') format('opentype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-ExtraBold.otf') format('opentype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Zanjabeel';
	src: url('../../font/Zanjabeel-Black.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
}

/* 1. Override Theme Font CSS Variables */
:root,
html,
body {
	--theme-font-p_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-h1_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-h2_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-h3_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-h4_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-h5_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-h6_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-button_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-input_font-family: 'Zanjabeel', sans-serif !important;
	--theme-font-info_font-family: 'Zanjabeel', sans-serif !important;
}

/* 2. Global Selectors Font Overrides (Safe from breaking icon fonts) */
body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
input,
button,
select,
textarea,
label,
blockquote,
cite,
td,
th,
span:not([class*="fa-"]):not([class*="eicon"]):not([class*="icon-"]):not([class*="fontello"]):not(i) {
	font-family: 'Zanjabeel', sans-serif !important;
}

/* 3. Target Elementor Content specifically, safeguarding icons */
div[data-elementor-type] *:not([class*="fa-"]):not([class*="eicon"]):not([class*="icon-"]):not([class*="fontello"]):not(i):not(span.fa):not(span.eicon) {
	font-family: 'Zanjabeel', sans-serif !important;
}

.scroll_to_top_style_default {
	border-color: #f3ef89;
	background-color: #f3ef89;
}

.sc_chat_form_field_prompt .sc_chat_form_field_prompt_button {
	background-color: #18181a;
	border-color: #18181a;
}

.sc_button_default.color_style_link2,
.color_style_link2 .sc_button_default,
.sc_button.color_style_link2:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image),
.color_style_link2 .sc_button:not(.sc_button_simple):not(.sc_button_bordered):not(.sc_button_bg_image) {
	border-color: #DECEE5;
	background-color: #DECEE5;
	color: #18181a;
}
.extra_hover .sc_icons_number .sc_icons_item:hover .sc_icons_item_title a, .extra_hover .sc_icons_number .sc_icons_item .sc_icons_item_title a:hover {
	color: #f3ef89 !important;
}