/*  
Theme Name: 	copyhype12
Theme URI: 		http://www.copyhype.com
Description: 	Copyhype custom theme
Version: 		0.0.3
Author: 		Copyhype
Author URI: 	http://www.copyhype.com
Tags: 			light, two-columns, right-sidebar, flexible-width, sticky-post

--------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);

/* CSS Reset 
--------------------------------------------- */

body { margin:0; }

input, a, p, span, h1, h2, h3 {
	margin: 0;
	padding: 0;
}

input[type=submit]:focus {
	border-color: transparent!important;
}

input::-moz-focus-inner {
	border:0;
}

input {
	border: none;
	border-color: transparent;
}

input:focus, a:focus, textarea:focus {
	outline: none;
}

img {
	border: none;
}


article, aside, #header, section, #wrapper_top nav, #wrapper #footer  {
    display: block;
}

/* Typography */

html { font: 100%/1.5 'PT Serif', serif; }
body { font-size: 1.2em; }



.title h1, .title h2 { font-size: 1.8em; }
h2 { font-weight: 800; font-size: 1.4em; }
h3 { font-weight: 600; font-size: 1.2em; font-variant: small-caps;}
h4 { font-weight; 400; font-size: 1.1em; color: #575d5f;}
h5 { font-weight: 200; font-size: 1.0em; font-variant: small-caps; }
h6 { font-weight: 100; font-size: 1.0em; color: #575d5f;}
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans','Source Sans Pro','Pontano Sans', sans-serif; line-height:2; }
sup, sub { line-height: 1; }
nav.navbar { font-family: sans-serif; color:#575d5f; font-size: 1rem; }
nav.navbar a { text-decoration: none; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; }
p { line-height: 1.6;
	margin: 0 0 1.15em; }
strong { font-weight: bold; }
em { font-style: italic; }
code,
pre { font-family: monospace, serif;
	font-size: 1em; }
blockquote { background: transparent url(images/quote.png) no-repeat scroll 0 0; /*Larger screens only */
	margin: .5em 0; }
blockquote p { line-height: 1.4; }
.title h2 { /* font-size: 2em; */ letter-spacing:-.03em; line-height:1.2; }
.meta-text { font-size: 1rem; color:#575d5f; text-align:center; }
#content .meta a,
.comment-meta a { text-decoration: none; }
.content_share a { font-size: 1rem; }
.comment-content,
p.reply { font-size: 0.8em; }
ol.footnotes{font-size:0.8em; color:#575d5f;}
a.footnote-identifier-link { text-decoration: none; }

.comment-form p { font-size: 0.8em; }


/* Main */

#wrapper,
.sidebar { max-width: 50em; margin:0 auto; }

@media (min-width: 600px) {
	h1 { font-weight: 900; font-size: 3.6em;}
	#wrapper,
	.sidebar { padding: 1em 3em; }
	blockquote { padding: 1em 5em; }
	#sidebar-bottom { height:70vh; padding-top: 10vh }
	#footer .right { float: right; }
}

@media (max-width: 600px) {
	h1 { font-weight: 900; font-size: 1.8em;}
	.entry h2 { line-height: 1.4; padding-bottom:1em; }
	#wrapper,
	.sidebar { padding: 1em; }
	blockquote { padding: 1em .5em; text-align:justify; color: #333; border-left: #333 solid 1px; }
	.wp-pagenavi a.page, .wp-pagenavi span.extend {display:none; }
}

#head h1 { text-align: center; /*font-size:4em;*/ padding: 1.2em 0 .4em 0; }
#head h1 a { color: #575d5f; }

#wrapper_top, .entry { margin-bottom: 3em; }

#content .title { padding-top: 5em; }
#content .meta { padding: 3em 0 2em 0; }

#footer { background-color: #000; font-size: .8em; padding: .8em 1em .5em 1em; }
#footer div { display:inline-block;  }
#footer, #footer a { color :#FFF; }



a { color: #495C6F; }

.navbar a { color: #FC3C81; font-weight:bold; }

/* .meta-text::after { content:' \A . \A . \A .'; white-space:pre; } */


#sidebar-bottom { background-color: #FCDD3C; }


/* Share buttons */

.content_share { text-align: center; padding-top: 1em; }
p.content_share a { text-decoration:none; }

a.twitter-button { background: #4099FF; }

a.twitter-button { color:#FFF; padding:3px 9px; }
p.content_share a:hover {background:#000;}

nav.navbar { text-align:center; }

/* WP-PageNavi Styles */

.wp-pagenavi {
	clear: both;
	text-align:center;
	padding-bottom:40px;
}


.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #575d5f;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/* Comments */

.comment-author { margin-bottom: 2em; }
.comment-author div { display:inline; }
.comment-author span { font-weight: bold; }
.comment-author span a { text-decoration:none; }
#comments ol,
#comments ul { list-style-type:none; }
.commentlist li.comment { border-top:1px solid #575d5f; }

p.reply a { color:#FFF; padding:3px 9px; margin:0 0 6px; text-decoration:none; background:#495C6F; }
p.reply a:hover { background:#000; }
.comment { padding-bottom: 1em; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Related posts */
.yarpp-related ul { list-style-type:none; padding:0; margin: 0 0 1em; font-size: 0.83em; }
.yarpp-related h2 { font-size: 0.83em; }
.yarpp-related a { text-decoration:none; }

h2.footnotes-header { border-top: 1px solid #000; margin-top: 2em; }

/* Forms */

input, textarea, submit { padding:.5em .6em;display:inline-block;border:1px solid #ccc; }
input:focus, textarea:focus, submit:focus { border:1px solid #000; }
input, textarea { display:inline-block; *display:inline; *zoom:1; vertical-align:middle; }
input[type=text], .comment-form textarea { width:34%; }
textarea { vertical-align:top }
form p {margin-bottom:.5em}
label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0; }
input[type=submit] {background-color:#495C6F;color:#fff}
input[type=submit]:hover {background-color:#0FF;}
.required { color: #FC3C81; }

/* WP Core */
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: .5em .3em 1em;
    text-align: center;
}

.wp-caption.alignnone {
    margin: .5em 2em 2em 0;
}

.wp-caption.alignleft {
    margin: .5em 2em 2em 0;
}

.wp-caption.alignright {
    margin: .5em 0 2em 2em;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: .8em;
    line-height: 1.4;
    margin: 0;
    padding: 0 .4em .5em;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */