@import "styles/styles-genesis.css";
@import "styles/tw-base.css";
@import "styles/tw-components.css";
@import "styles/custom.css";

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&display=swap');
/*
Theme Name: DEO
Theme URI: https://demo.studiopress.com/
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author URI: https://www.studiopress.com/

Version: 3.2.0

Tags: accessibility-ready, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, left-sidebar, one-column, right-sidebar, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, two-columns, wide-blocks

Template: genesis

License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

Text Domain: genesis-sample
*/


/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Gallery
	- Forms
	- Tables
	- Screen Reader Text
- Structure and Layout
	- Site Container
	- Site Inner
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Genesis Simple FAQ
	- WPForms
- Skip Links
- Site Header
	- Title Area
- Site Navigation
	- Responsive Menu
	- Header Menu
	- Footer Menu
- Content Area
	- Entry Content
	- Entry Meta
	- Pagination
	- Entry Comments
- Sidebar
- Footer Widgets
- Site Footer
- Media Queries
	- Min-width: 960px
		- Site Header
		- Genesis Menu
		- Responsive Menu
		- Header Menu
		- Site Inner
		- Content
		- Sidebar
		- Author Box
		- After Entry
		- Column Classes
		- Entry Misc.
		- Footer Widgets
- Print Styles
*/

/* My Custom 
--------------------------------------------- */



.font-heading {
  font-family: "Roboto", sans-serif;
}


.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.-mx-30 {
  margin-left: -30px;
  margin-right: -30px;
}





/* Headings
--------------------------------------------- */


h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.25;
	margin: 0 0 1rem;
  	font-family: "Roboto", sans-serif;
  	font-weight: 900;
  	font-style: normal;
}

h3, h4 {
  	line-height: 1.35;
  	font-weight: 700;
}

h5 {
	line-height: 1.4;
	font-weight: 500;
}

h6 {
	line-height: 1.45;
	font-weight: 500;
}

h1 {
	font-size: 40px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 27px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}
