/**
 * Main
 *
 * Description: This file includes the files needed for the project. (only include what you actually need).
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */


// Utils
@import "utils/variables";
@import "utils/functions";
@import "utils/mixins";


// Overrides
$font-size-base:				100%; // 16px
$font-size-base-pixel:			16px;
//$font-family-alt:				'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
$h1-sizes: (
	null: (40px, 42px, 20px)
);
$h2-sizes: (
	'small': (30px, 30px, 15px, 15px),
	'medium': (30px, 30px, 15px, 15px)
);
$h3-sizes: (
	null: (20px, 20px, 15px, 15px)
);



// Normalize
@import "vendors/normalize";

// Vendors that can be extended
@import "vendors/icomoon";


// Base
@import "base/base";
@import "base/typography";

html {
	background-color: #fff;
}

body {
	padding: 20px 15px;
	font-size: em(16px);
	background-color: #fff; 
}

h1, .h-headline {
	@include font-size($h1-sizes);
	font-weight: 600;
}

h2, .h-subheadline {
	@include font-size($h2-sizes);
}

h3, .h-byline {
	@include font-size($h3-sizes);
}

h4, .h-standfirst {
	@include font-size($h3-sizes);
}

h5, .h-related {
	@include font-size($h3-sizes);
}

h6, .h-promo {
	@include font-size($h3-sizes);
	font-weight: 600;
}



p {
	margin: 0 0 em(20px);
	font-size: em(16px);
	line-height: em(24px, 16px);
}

ul, ol {
	.t-rte & {
		font-size: em(16px);
	}
}

/*ul, ol {
	.t-rte & {
		padding-left: em(20px);

		li {
			line-height: em(24px, 16px);
		}
	}
}*/