/*
Theme Name: Intriq Journey
Theme URI: https://p15.projs.ifdemo.com/intriq_revamp/
Description: Child theme of Hello Elementor for Intriq Journey project
Author: Insignia Technolabs
Template: hello-elementor
Version: 1.0.0
Text Domain: intriq-journey
*/


/* =====================================
Intriq Journey – Global Typography
Synced with Elementor
===================================== */

:root {

	/* ===============================
	Font Family & Weights
	=============================== */
	--font-primary: "Circe", sans-serif;

	--fw-light: 300;
	--fw-regular: 400;
	--fw-bold: 700;

	/* ===============================
	Colors
	=============================== */
	--color-primary: #000000;
	--color-secondary: #044851;
	--color-text: #555555;
	--color-accent: #000000;
	--color-sub-heading: #AAAAAA;
	--color-white: #FFFFFF; 
	--color-gray: #CCCCCC; 
	--color-light-bg: #FAF8F5;
	--color-section-light-bg: #CEE2EA;
	--color-border: #D9D9D9;
	--color-light-gray: #999999;  
	--small-grp-label: #B08F8D;  
	--tailor-made-label: #000000; 
	--cruise-label: #044851;  
	--rail-journey-label: #4B2D1B;
	--contact-form-input-bg: #F4F4F4;
	


	/* ===============================
	Global Line Height
	=============================== */
	--line-height-base: 1.5em;
	--line-height-sm: 1.25em;
	--line-height-md: 1.4444444444444444em;

	/* ===============================
	Font Sizes (Your Naming)
	=============================== */
	--font-42-size: 2.625em;        /* 42px */
	--font-40-size: 2.5em;          /* 40px  */
	--font-text-size: 1em;          /* 16px */

	--font-h3-size: 2em;            /* 32px */
	--font-h4-size: 1.5em;          /* 24px */
	--font-h5-size: 1.125em;        /* 18px */
	--font-h6-size: 1em;            /* 16px */

	--font-14-sub-transform: uppercase;
	--font-14-text-size: 0.875em;   /* 14px */
	--font-12-text-size: 12px;
	--font-21-size: 1.3125em;       /* 21px */

}

/* ===============================
Base Setup
================================ */

html {
	font-size: 16px;
}

body {
	font-family: var(--font-primary);
	font-size: var(--font-text-size);
	font-weight: var(--fw-regular);
	line-height: var(--line-height-base);
	color: var(--color-text);
	background-color: var(--color-white);
}

/* ===============================
Headings
================================ */

h1 {
	font-size: var(--font-primary-size);
	font-weight: var(--fw-light);
	line-height: var(--line-height-base);
	color: var(--color-primary);
}

h2 {
	font-size: var(--font-secondary-size);
	font-weight: var(--fw-light);
	line-height: var(--line-height-base);
	color: var(--color-primary);
}

h3 {
	font-size: var(--font-h3-size);
	font-weight: var(--fw-light);
	line-height: var(--line-height-base);
	color: var(--color-primary);
}

h4 {
	font-size: var(--font-h4-size);
	font-weight: var(--fw-regular);
	line-height: var(--line-height-base);
	color: var(--color-primary);
}

h5 {
	font-size: var(--font-h5-size);
	font-weight: var(--fw-regular);
	line-height: var(--line-height-base);
	color: var(--color-primary);
}

h6 {
	font-size: var(--font-h6-size);
	font-weight: var(--fw-regular);
	line-height: var(--line-height-base);
	color: var(--color-primary);
}

/* ===============================
Sub Heading / Small Text
================================ */

.sub-heading {
	font-size: var(--font-14-text-size);
	font-weight: var(--fw-bold);
	text-transform: var(--font-14-sub-transform);
	letter-spacing: 1.4px;
	line-height: var(--line-height-base);
	color: var(--color-sub-heading);
}

.text-12 {
	font-size: var(--font-12-text-size);
	line-height: var(--line-height-base);
}

/********** START 767 **********/
@media screen and (max-width: 767px) {
	:root{
	--font-42-size: 2em;       /* 42px */ /* 32px */
	--font-40-size: 1.875em;   /* 40px  */ /* 30px  */
	--font-text-size: 0.875em;  /* 16px */ /* 14px */

	--font-h3-size: 1.625em;     /* 32px */ /* 26px */
	--font-h4-size: 1.3125em;    /* 24px */  /* 21px */
	--font-h5-size: 1em;         /* 18px */ /* 16px */
	--font-h6-size: 0.875em;     /* 16px */ /* 14px */

	--font-14-sub-transform: uppercase;
	--font-14-text-size: 0.75em;   /* 14px */  /* 12px */  
	}
}