/*
	Theme Name: ThreeStepDiet
	Theme URI: http://www.3stepdiet.com/
	Description: 3 Step Diet - Website.
	Author: Bernardo Ferreira
	Tags: 3sd, 3stepdiet, diet, healthy, nutrition
	About: 3stepdiet wordpress theme by Bernardo Ferreira
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Typography
2.0 - Colors
3.0 - Buttons
4.0 - Borders
5.0 - Forms
6.0 - Navigation
	6.1 - Links
	6.2 - Menus
		6.2.1 - Main Menu
		6.2.2 - Sub Menu
		6.2.3 - Responsive Menu
		6.2.4 - Comment, Post and Page Navigation
		6.2.5 - Slider Navigation
		6.2.6 - Bottom Bar Menu
		6.2.7 - Social Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Typography
--------------------------------------------------------------*/
/* @import url('../../src/font-kit/stylesheet.css');

:root {
	--font-family: 'Lato', sans-serif;
	--font-regular: 'latoregular', var(--font-family);
	--font-italic: 'latoitalic', var(--font-family);
	--font-bold: 'latobold', var(--font-family);
	--font-semibold: 'latosemibold', var(--font-family);
	--font-heavy: 'latoheavy', var(--font-family);

	--heading1-line-height: 70px;
	--heading2-line-height: 57px;
	--heading3-line-height: 41px;
	--heading4-line-height: 41px;
	--heading5-line-height: 34px;
	--heading6-line-height: 30px;
	--button-line-height: 1;
	--body-line-height: 26px;
	--small-line-height: 17px;

	--typography-heading1: 60px;
	--typography-heading2: 48px;
	--typography-heading3: 40px;
	--typography-heading4: 34px;
	--typography-heading5: 24px;
	--typography-heading6: 20px;
	--typography-button: 18px;
	--typography-body: 16px;
	--typography-small: 14px;
}

body {
	font-size: var(--typography-body);
}

p,
a,
input {
	font-size: var(--typography-body);
	font-family: var(--font-regular);
	line-height: var(--body-line-height);
}

small {
	font-size: var(--typography-small);
	line-height: var(--small-line-height);
}

h1 {
	font-size: var(--typography-heading1);
	line-height: var(--heading1-line-height);
}

h2 {
	font-size: var(--typography-heading2);
	line-height: var(--heading2-line-height);
}

h3 {
	font-size: var(--typography-heading3);
	line-height: var(--heading3-line-height);
}

h4 {
	font-size: var(--typography-heading4);
	line-height: var(--heading4-line-height);
}

h5 {
	font-size: var(--typography-heading5);
	line-height: var(--heading5-line-height);
}

h6 {
	font-size: var(--typography-heading6);
	line-height: var(--heading6-line-height);
}

a {
	text-decoration: none;
} */

/*--------------------------------------------------------------
2.0 - Colors
--------------------------------------------------------------*/
/*--------------------------------------------------------------
3.0 - Buttons
--------------------------------------------------------------*/
/*--------------------------------------------------------------
4.0 - Borders
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.0 - Forms
--------------------------------------------------------------*/