// Font Import
@include import-font($font-family-default);
@include import-font($font-family-title);
@include import-font($font-family-promo);
@include import-font($font-family-subpromo);

body {
	font-family: get-font-family($font-family-default);
	font-weight: $font-weight-regular;
}

// Headings
h1, h2, h3, h4, h5 {
	font-family: get-font-family($font-family-default);
	font-weight: $font-weight-bold;
}
h4 {
	font-size: $h4-font-size;
}
.g-title {
	font-family: get-font-family($font-family-title);
	font-weight: $font-weight-bold;	
	font-size: $core-font-size - 0.1;
	line-height: $core-line-height;	
	text-transform: uppercase;
	margin: 1rem 0;
	padding-bottom: 1rem;
	position: relative;
	white-space: nowrap;
    .g-title-bordered & {
	    &:after {
	    	background: $rule-color;
	    	position: absolute;
	    	content: "";
	    	left: 0;
	    	bottom: 0;
	    	width: 35px;
	    	height: 4px;   
	    	.dir-rtl & {
				left: inherit;
				right: 0;
	    	}		
	    }
    }
}
.g-superpromo {
	font-size: $core-font-size + 5;
	line-height: $core-line-height - 0.4;
	font-family: get-font-family($font-family-promo);
	font-weight: $font-weight-bold;
	text-transform: uppercase;
	margin: 1rem 0;
	@include breakpoint(desktop-range) {
		font-size: $core-font-size + 4;
		line-height: $core-line-height - 0.45;
	}	
	@include breakpoint(tablet-range) {
		font-size: $core-font-size + 3;
		line-height: $core-line-height - 0.45;
	}
	@include breakpoint(mobile-only) {
		font-size: $core-font-size + 2;
		line-height: $core-line-height - 0.35;
	}	
}
.g-promo {
	font-size: $core-font-size + 3.5;
	line-height: $core-line-height - 0.4;
	font-family: get-font-family($font-family-promo);
	font-weight: $font-weight-bold;
	text-transform: uppercase;
	margin: 1rem 0;
	@include breakpoint(tablet-range) {
		font-size: $core-font-size + 2.25;
		line-height: $core-line-height - 0.45;
	}
	@include breakpoint(mobile-only) {
		font-size: $core-font-size + 1.25;
		line-height: $core-line-height - 0.35;
	}	
}
.g-subpromo {
	font-size: $core-font-size + 1.5;
	line-height: $core-line-height - 0.3;
	font-family: get-font-family($font-family-subpromo);
	font-weight: $font-weight-regular;
	letter-spacing: -2px;
	@include breakpoint(tablet-range) {
		font-size: $core-font-size + 1.25;
		line-height: $core-line-height - 0.35;
	}
	@include breakpoint(mobile-only) {
		font-size: $core-font-size + 1.1;
		line-height: $core-line-height - 0.35;
	}	
}
.g-textpromo {
	font-size: $core-font-size + 0.5;
	line-height: $core-line-height - 0.25;
	@include breakpoint(tablet-range) {
		font-size: $core-font-size + 0.25;
	}
	@include breakpoint(mobile-only) {
		font-size: $core-font-size;
	}	
}
.g-headline {
	font-family: get-font-family($font-family-default);
	font-weight: normal;	
	font-size: $core-font-size + 0.25;
}
.g-quote {
	font-family: get-font-family($font-family-default);
	font-weight: normal;	
	font-size: $core-font-size + 0.25;
	font-style: italic;
}
.g-tags {
	list-style: none;
	font-family: get-font-family($font-family-default);
	font-weight: $font-weight-bold;	
	font-size: $core-font-size - 0.2;
	line-height: $core-line-height - 0.25;		
	text-transform: uppercase;
	margin: 0;
	li {
		display: inline-block;
		background: $accent-color-1;
		border-radius: $border-radius;
		@include transition(background 0.3s);
		a {
			color: $white;
			display: block;
			padding: 0.25rem 0.5rem;
			line-height: 1rem;
		}
		&:hover {
			background: darken($accent-color-1, 15%);
		}
	}
}
.g-tag {
	font-family: get-font-family($font-family-default);
	font-weight: $font-weight-bold;	
	font-size: $core-font-size - 0.1;
	line-height: $core-line-height - 0.25;		
	text-transform: uppercase;
}
.g-large {
	font-size: $core-font-size + 0.2;
	line-height: $core-line-height - 0.15;	
}
.g-small {
	font-size: $core-font-size - 0.15;
	opacity: 0.8;
}

.g-title-hero {
	font-family: get-font-family($font-family-promo);
	font-weight: $font-weight-bold;	
	font-size: $core-font-size + 1.25;
	line-height: $core-line-height - 0.3;	
}
.g-title-subhero {
	font-family: get-font-family($font-family-title);
	font-weight: $font-weight-bold;	
	font-size: $core-font-size + 0.85;
	line-height: $core-line-height - 0.3;	
}
.g-title-regular {
	font-family: get-font-family($font-family-title);
	font-weight: $font-weight-regular;	
	font-size: $core-font-size + 0.1;
	line-height: $core-line-height - 0.25;	
}
.g-title-bold {
	font-family: get-font-family($font-family-promo);
	font-weight: $font-weight-bold;	
	font-size: $core-font-size + 0.1;
	line-height: $core-line-height - 0.25;
}

.g-bold {
	font-weight: bold !important;
}

.g-italic {
	font-style: italic !important;
}

// Blockquote
blockquote {
	border-left: 10px solid $rule-color;
	p {
		font-size: $core-font-size + 0.1;
		color: lighten($base-text-color, 20%);
	}
	cite {
		display: block;
		text-align: right;
		color: $base-text-color;
		font-size: $core-font-size + 0.2;
	}
}

// Inline and Code
code,
kbd,
pre,
samp {
	font-family: $font-family-mono;
}

code {
	background: $code-bg;
	color: darken($code-text,10%);
}

pre {
	padding: 1rem;
	margin: 2rem 0;
	background: $pre-bg;
	border: 1px solid $base-border-color;
	border-radius: $core-border-radius;
	line-height: 1.15;
	font-size: $core-font-size - 0.1;

	code {
		color: $pre-text;
		background: inherit;
		font-size: $core-font-size - 0.1;
	}
}

// Additional
hr {
	margin: 1.5rem 0;
	border-bottom: 1px solid $rule-color;
}
.g-para {
	margin: 0.3rem 0 1rem;
}