/* 
Theme Name: FiltraCore Asia
Theme URI: https://p15.projs.ifdemo.com/filtra/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Insignia Team
Author URI: https://www.insigniatechnolabs.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: filtra
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

@font-face {
	font-family: 'Maison Neue';
	font-style: normal;
	font-display: block;
	src: url("./assets/fonts/MaisonNeue-Regular.ttf") format('truetype');
	font-weight: 400;
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-display: block;
	src: url("./assets/fonts/NeueMontreal-Regular.ttf") format('truetype');
	font-weight: 400;
}

/********** START GLOBLE CSS **********/
body.wp-child-theme-filtracore {
	--color-primary: #231B2A;
	--color-secondary: #F4EFEB;
	--color-teal: #1BCEDF;
	--color-list: #C4B4CD;
	--color-border: #D0D0BE;
	--color-white: #FFFFFF;
	--color-black: #000000;
	--color-header-bg: #75757566;

	--font-family-heading: "Radley";
	--font-family-body: "Open Sans";
	--font-family-footer-1: "Maison Neue";
	--font-family-footer-2: "Neue Montreal";
	--font-family-text: "DM Mono";
	
	--font-size-h1: 4.5em;
	--font-size-h2: 4em;
	--font-size-h3: 3.5em;
	--font-size-h4: 2.5em;
	--font-size-h5: 2.25em;
	--font-size-h6: 1.5em;
	--font-size-big-text: 1.125em;
	--font-size-text: 1em;
	--font-size-cat: 14px;
	--font-size-sub-text: 12px;

	--font-weight-normal: 400;
	--font-weight-semibold: 600;
	
	--line-height-heading: 1.1em;
	--line-height-text: 1.38em;
	--line-height-btn: 1.3125em;
	--line-height-sub-text: 1.42em;
	--line-height-big-text: 1em;

	--letter-spacing-none: 0px;

	--text-transform-cap: capitalize;
	--text-transform-upper: uppercase;
	--text-transform-lower: lowercase;
	
	--text-none: none;

	--font-style-normal: normal;
	--font-style-italic: italic;

	--border-radius-box: 8px;
	--border-radius-btn: 48px;
	background-color: var(--color-white);
}
/*********** END GLOBLE CSS ***********/

html {
  scroll-behavior: smooth;
}
.grecaptcha-badge {
    visibility: hidden;
}

h1 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h1);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-none);
	margin: 0;
}
h2 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-none);
	margin: 0;
}
h3 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-none);
	margin: 0;
}
h4 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h4);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-none);
	margin: 0;
}
h5 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h5);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-none);
	margin: 0;
}
h6 {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h6);
	font-weight: var(--font-weight-normal);
	line-height: var(--line-height-heading);
	letter-spacing: var(--letter-spacing-none);
	margin: 0;
}

a {
    background-color: transparent;
    color: var(--color-primary);
    text-decoration: none;
}
a:active, a:hover {
    color: var(--color-teal);
}

/********** START 1366 **********/
@media screen and (max-width: 1366px) {
	body.wp-child-theme-filtracore {
		--font-size-h1: 4.25em;
		--font-size-h2: 3.5em;
		--font-size-h3: 3em;
		--font-size-h4: 2.25em;
		--font-size-h5: 2em;
		--font-size-h6: 1.4375em;
	}
}
/*********** END 1366 ***********/


/********** START 1024 **********/
@media screen and (max-width: 1024px) {
	body.wp-child-theme-filtracore {
		--font-size-h1: 4em;
		--font-size-h2: 3em;
		--font-size-h3: 2.5em;
		--font-size-h4: 2em;
		--font-size-h5: 1.75em;
		--font-size-h6: 1.375em;
	}
	.filtra-resources-right .filtra-resources-arrow-main {
		padding: 16.5px;
	}
}
/*********** END 1024 ***********/


/********** START 767 **********/
@media screen and (max-width: 767px) {
	body.wp-child-theme-filtracore {
		--font-size-h1: 3em;
		--font-size-h2: 2.5em;
		--font-size-h3: 2.25em;
		--font-size-h4: 1.75em;
		--font-size-h5: 1.5em;
		--font-size-h6: 1.25em;
	}
}
/*********** END 767 ***********/