//////////////////////////////////////////
// FONT FACE
//////////////////////////////////////////

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: local('?'),
		     url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	 }
*/

//////////////////////////////////////////
// BASE TYPOGRAPHY
//////////////////////////////////////////

h1, h2, h3, h4, h5, h6 {
	font-family: $headline-font;
	font-weight: $headline-font-weight;
	line-height: $headline-line-height; 
	letter-spacing: $headline-letter-spacing;
	margin: $headline-margin;
	text-transform: $headline-transform;

	> a{
		font-weight: inherit;
	}
}


$headline-list: h1 h2 h3 h4 h5 h6;
$headline-color: $h1-color $h2-color $h3-color $h4-color $h5-color $h6-color;
$headline-size: $h1-font-size $h2-font-size $h3-font-size $h4-font-size $h5-font-size $h6-font-size;
$headline-max: $h1-max $h2-max $h3-max $h4-max $h5-max $h6-max;

@each $headline in $headline-list{
	$i: index($headline-list, $headline);
	$hln: $headline;
	$color: nth($headline-color, $i);
	$size: nth($headline-size, $i);
	$max: nth($headline-max, $i);
	
	#{$hln}{
		color: $color;
		letter-spacing: $headline-letter-spacing;
		font-family: $headline-font;
		font-size: $size;
		font-weight: $headline-font-weight;
		text-transform: $headline-transform;

		@include break(lf){
			font-size: rem($max);
		}
	}
}

h4,
h5,
h6 { 
	line-height: $line-height;
}

@for $i from 1 through 6 {
	h#{$i} + p,
	h#{$i} + ul,
	h#{$i} + ol{ 
		margin-top: 0; 
	}
}

p.lead { 
	font-size: $lead-font-size;
	color: $lead-color;
 }

//////////////////////////////////////////
// BASE BLOCKQUOTE
//////////////////////////////////////////

blockquote, 
blockquote p { 
	// font-size: 1rem; 
	// color: #777; 
	font-style: italic; 
}

blockquote { 
	margin: 0 0 1.25rem; 
	padding: 0.75em 2rem 0 2rem; 
	border-left: 1px solid #ddd; 
	font-size: mm(18, 22);

	& > *:first-child{
		margin-top: 0;
	}

	& > *:last-child{
		margin-bottom: 0;
	}
}

blockquote cite { 
	display: block; 
	font-size: rem(16); 
	color: $text-grey; 

	&::before{
		content: "\2014 \0020"; 
	}

	> a,
	> a:visited{
		color: $text-grey;
	}
}
