/* CHILD THEME TEXTSCHEME STYLESHEET FOR OYSTERSHELL
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1 - Font Family
2 - Font Weights & Styles
3 - Special Elements
4 - Font Size
5 - Paragraph Spacing
6 - Responsive

----------------------------------------------------------------
Font scale
http://modularscale.com/scale/?px1=16&px2=&ra1=1.618&ra2=0
16px @ 1:1.618

http://alistapart.com/articles/more-meaningful-typography/
----------------------------------------------------------------
*/

/*--------------------------------------------------------------
1 - Font Family
----------------------------------------------------------------
*/

#FONT-FAMILY-MAIN,
#canvas,
.font-family-main {
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
#HEADING-FONT,
h1,
.network-title,
.site-title,
.site-description,
.site-info,
.entry-title,
.page-title,
.widget-title,
.heading-font {
	font-family: 'Arial Narrow', 'Helvetica Neue', Helvetica, sans-serif;
}

h1,h2{
	letter-spacing: -2px;
}

h3,h4 {
	letter-spacing: -1px;
}


/*--------------------------------------------------------------
2 - Font Weights & Styles
----------------------------------------------------------------
*/

#HEADING-BOLD,
h3, 
h5,
.heading-bold {
	font-weight: bold;
}
#HEADING-ITALIC,
h6,
.heading-italic {
	font-style: italic;
}
#TEXT-TRANSFORM-UPPERCASE,
.page-title,
div.main-navigation-menu,
.widget_nav_menu,
.text-transform-uppercase {
	text-transform: uppercase;
}
#TEXT-TRANSFORM-CAPITALIZE,
.text-transform-capitalize {
	text-transform: capitalize;
}
#TEXT-DECORATION-NONE,
.text-decoration-none {
	text-decoration: none;
}
#TEXT-DECORATION-UNDERLINE,
.text-decoration-underline {
	text-decoration: underline;
}

/*--------------------------------------------------------------
3 - Special Elements
----------------------------------------------------------------
*/

.widget-area,
.os-post-date {
	font-family: inherit;
}

.iuns-notes {
	font-style: italic;
}

.entry-header .entry-meta {
	font-weight: bold;
}


/*--------------------------------------------------------------
4 - Font Size
----------------------------------------------------------------
*/

#FONT-SIZE-0,
.font-size-0 {
	font-size: 0.618em;
}

#FONT-SIZE-1,
.site-info p,
.entry-footer p,
.font-size-1 {
	font-size: 0.734em;
	line-height: 2.214em;
}

#FONT-SIZE-2,
p, 
li,
h5, 
h6, 
.site-description,
.os-post-date,
.font-size-2 {
	font-size: 1em;
	line-height: 1.625em;
}

#FONT-SIZE-3,
h3, 
h4,
.widget-title,
.network-title,
.site-title,
.font-size-3 {
	font-size: 1.188em;
	line-height: 1.36842105em;	
}

#FONT-SIZE-4,
h2,
.entry-title,
.font-size-4 {
	font-size: 1.618em;
	line-height: 1.005em;	
}

#FONT-SIZE-5,
h1, 
.page-title,
.font-size-5 {
	font-size: 1.921em;
	line-height: 1.2695em;
}

#FONT-SIZE-6,

.font-size-6 {
	font-size: 2.618em;
	line-height: 1.25em;
}

#FONT-SIZE-7,

.font-size-7 {
	font-size: 4.236em;
}

#FONT-SIZE-8,

.font-size-8 {
	font-size: 6.854em;
}

/*--------------------------------------------------------------
5 - Paragraph Spacing
----------------------------------------------------------------
*/

#canvas h1 {
	margin-bottom: 0.619em;
}

#canvas h2 {
	margin-bottom: 0.6666em;
}

#canvas h3 {
	margin-bottom: 1em;
}

#canvas h4 {
	margin-bottom: 0.6842em;
}

#canvas p {
	margin-bottom: 1.625em;
}

#canvas hr {
	margin-bottom: 1.625em;
}

#canvas .btn {
	margin-bottom: inherit;
}

/*--------------------------------------------------------------
6 - Responsive
----------------------------------------------------------------
*/

/* Breakpoint 1 */

@media screen and (min-width: 870px) {

	.site-description {
		font-size: 1.618em;
	}

	.network-title,
	.site-title {
		font-size: 1.921em;
	}

}