/*
Theme Name:  Read Child
Theme URI:   https://themeforest.net/user/pixelwars/portfolio
Description: Make your modifications to [Read Theme] in this child theme.
Author:      Pixelwars
Author URI:  https://themeforest.net/user/pixelwars
Version:     4.6.1
Template:    read
Tags:        blog
Text Domain: read-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

::selection {
    text-shadow: none;
    color: #000;
    background: #FFFFCF;
 }

 .entry-meta a:hover, .site-content h1 a:hover, .nav-single a:hover, .comment-meta a:hover, .comment-reply-link:hover, .navigation a:hover, .post-pagination a:hover, .related-posts a:hover, .archives a:hover, .entry-content a.more-link:hover, .launch-wrap a:hover {
	background: #FFFFCF;
 }

 /* =Fonts
-------------------------------------------------------------- */
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
	font-family: din-2014, sans-serif;
	font-style: normal;
	font-weight: 700;
}

.subscription h1,
.site-header hgroup h1,
.site-header hgroup h1 a {
	font-family: "din-condensed", sans-serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
	color: #000;
	text-decoration: none;
	border: none;
}

.site-header hgroup h2,
.entry-meta {
	font-family: din-2014, sans-serif !important;
	font-weight: 200 !important;
	font-style: normal !important;
}

.subscription h1,
.entry-meta {
	text-transform: uppercase;
	font-weight: 400 !important;
}


 /* =Assets
-------------------------------------------------------------- */
.divider {
	border-top: 1px solid #ddd;
	margin: 0 auto;
}

.divider.short { width: 200px; }
.divider.mid { width: 450px; }
.divider.large { width: 800px; }

article.hentry .divider {
	margin-top: 2.6em;
}

@media only screen and (max-width: 600px) {

	.divider.mid { 
		width: 100%;
	}

	.divider.large { 
		width: 65%;
	}

}


/* =Front page
-------------------------------------------------------------- */
.home .post .entry-content {
	text-align: center;
}

.home .post .entry-content p {
	text-align: left;
}

/* =Header Small
-------------------------------------------------------------- */
.site-header hgroup img {
	width: 140px;
	animation: rotateZ 2s;
}

@keyframes rotateZ {
  to {
    transform: rotateZ(720deg);
  }
}

.site-header hgroup {
	padding: 0 0 25px;
}
.site-header hgroup h1 {
	font-size: 2.8em;
    letter-spacing: -0.01em;
    line-height: 1.4;
    margin-bottom: 0.25em;
    margin-top: 0;
	text-transform: uppercase;
}

.site-header hgroup h2 {
    font-size: 1.3em;
    margin: 0 0 0.8em 0;
}


/* =Navigation
-------------------------------------------------------------- */
.main-navigation,
#comments.comments-area { display: none; }


/* =Subscription
--------------------------------------------------------------  */
.subscription {
    text-align: center;
}

.subscription-inner {
	border: 2px solid #666;
    /* background: #f1f1f1; */
    width: 800px;
    margin: 0 auto;
}

.subscription h1 {
    font-size: 1.6em;
    font-weight: 400;
    line-height: 1;
	text-align: center;
	padding: 0;
	margin: 0 0 .8em;
}

.subscription .mailchimp-block {
	position: relative;
	padding: 45px 25px 65px;
}

/* Msg */
.subscription .mailchimp-block #mce-responses,
.subscription .mailchimp-block div.mce_inline_error {
	position: absolute;
	width: 600px;
	bottom: 10xp;
	left: 50%;
    margin: 0 0 0 -225px !important;
    background-color: transparent !important;
    z-index: 1;
    font-size: 1em !important;
    text-align: left;
}

.subscription .mailchimp-block input.mce_inline_error {
	border-color: #E54A47 !important;
	border-right: 0 !important;
}

.subscription .mailchimp-block div.mce_inline_error {
	color: #E54A47 !important;
}

.subscription .mailchimp-block #mce-responses {
	padding: 5px 10px 5px 5px !important;
}

/*
.subscription .mailchimp-block #mce-responses {
	width: 100% !important;
	left: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	padding: 5px 10px !important;
}
*/

.subscription .mailchimp-block #mce-responses {
	color: #5A993F !important;
}

.subscription label { display: none; }

.subscription #mc_embed_shell input.email {
	width: 320px;
	height: 45px;
}

.subscription #mc_embed_shell #mc-embedded-subscribe {
	background: #000;
	border-color: #000;
	color: #fff;
}

.subscription #mc_embed_shell #mc-embedded-subscribe:hover {
	background: transparent !important;
	color: #000;
}

.subscription .email,
.subscription .button {
	display: inline-block;
	vertical-align: top;
}


@media only screen and (max-width: 600px) {

	.subscription-inner {
		width: 100%;
		margin: 0;
	}

	.subscription #mc_embed_shell input.email,
	.subscription .button {
		display: block;
		width: 100%;
	}
}



/* =Post Format
-------------------------------------------------------------- */

/* sticky */
.hentry.sticky:before { content: "\f08d"; }
.hentry.sticky:before { content: "\f08d"; }
.hentry.sticky:before { margin-bottom: 25px; }

/* aside */
.format-aside:before { content: "\f040"; }
.format-aside:before { content: "\f040"; }

/* quote */
.format-quote:before { font-family: Georgia, "Times New Roman", Times, serif; font-size:5.5em; max-height:.5em; line-height:1; content: "\201C"; }

/* link */
.format-link:before { content: "\f0a7"; }
.format-link:before { content: "\f0a7"; }

/* status */
.format-status:before { content: "\f0c6"; }
.format-status:before { content: "\f0c6"; }

/* chat */
.format-chat:before { content: "\f0e6"; }
.format-chat:before { content: "\f0e6"; }

/* video */
.format-video:before { content: "\f03d"; }
.format-video:before { content: "\f03d"; }

/* audio */
.format-audio:before { content: "\f001"; }
.format-audio:before { content: "\f001"; }

/* image */
.format-image:before { content: "\f03e"; }
.format-image:before { content: "\f03e"; }

/* gallery */
.format-gallery:before { content: "\f083"; }
.format-gallery:before { content: "\f083"; }


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

	FORMS (@forms) - form elements
	
    -------------------------------------------- */
form p {
 	position: relative; margin: 1.6em 0;
	}
label {
 	display: block; font-size: 12px; margin-bottom: .4em; letter-spacing: 2px; color: #555; text-transform: uppercase;
	}
label input { 
    font-size: 16px !important; 
    }
input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]) {
 	padding: .8em 1.0em; width: 100%; font-size: 1em; color: #333; border: 1px solid #ddd; border-radius: 2px; background: #fff; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}
input.input-text, /* IE8 Fallback */
textarea,
select {
 	padding: .8em 1.0em; width: 100%; font-size: 1em; color: #333; border: 1px solid #ddd; border-radius: 2px; background: #fff; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
	}
input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):hover,
textarea:hover,
input:hover,
select:hover,
div.uploader:hover,
div.uploader:hover span.action,
div.selector:hover, 
div.selector:hover:before {
 	border-color: #ccc; outline: 0;
	}
input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
textarea:focus,
input:focus,
select:focus, 
div.selector.focus, 
div.selector.focus:before {
 	border-color: #aaa; outline: 0;
	}
textarea {
 	min-height: 9em;
	}
.inline-label {
 	display: inline-block; margin-right: 2em; font-size: 15px; font-weight: 400; color: #555; letter-spacing: 0; text-transform: none;
	}
::-webkit-input-placeholder { color:#ddd; }
::-moz-placeholder { color:#ddd; } /* firefox 19+ */
:-ms-input-placeholder { color:#ddd; } /* ie */
input:-moz-placeholder { color:#ddd; }

/* =Buttons
-------------------------------------------------------------- */

input[type=submit],
input[type=button],
button,
a.button,
.button {
 	display: inline-block; position: relative; padding: .7em 1.6em; font-size: 1em;  line-height: 1.2; border: 0; outline: 0; background: #fff; border: /**/ 2px solid #777; color: #555; text-shadow: none; border-radius: 4px;
	}
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
a.button:hover,
input[type=submit]:hover i,
input[type=button]:hover i,
button:hover i,
a.button:hover i {
	border-color: #000;
	background: #000 !important;
	color: #fff;
	transition: color 0.1s, opacity .2s, background-color .2s, border-color .2s;
	}
input[type=submit]:active,
input[type=button]:active,
button:active,
a.button:active {
 	background-color: #000;
 	color: #FFFFCF;
	}
/* Large Buttons */
input[type=submit].big,
input[type=button].big,
button.big,
a.button.big {
 	font-size: 1.2em; padding: 1em 1.8em;
	}
/* Small Buttons */
input[type=submit].small,
input[type=button].small,
button.small,
a.button.small {
 	padding: .6em 1.2em .5em; font-size: .8em;
	}
/* Buttons with icons */
input[type=submit] i,
input[type=button] i,
button i,
a.button i {
 	line-height: 1; font-size: 18px; margin-right: 0.4em; margin-left: -0.4em; color: #666;
	}
input[type=submit].small i,
input[type=button].small i,
button.small i,
a.button.small i {
 	font-size: 14px;
	}
input[type=submit].big i,
input[type=button].big i,
button.big i,
a.button.big i {
 	font-size: 23px;
	}
/* blue buttons  */
input[type=submit].blue,
input[type=button].blue,
button.blue,
a.button.blue,
input[type=submit].blue i,
input[type=button].blue i,
button.blue i,
a.button.blue i {
 	border-color: #5FBDCE; color: #5FBDCE;
	}
input[type=submit].blue:hover,
input[type=button].blue:hover,
button.blue:hover,
a.button.blue:hover,
input[type=submit].blue:hover i,
input[type=button].blue:hover i,
button.blue:hover i,
a.button.blue:hover i {
 	border-color: #09c; color: #09c;
	}
/* red buttons  */
input[type=submit].red,
input[type=button].red,
button.red,
a.button.red,
input[type=submit].red i,
input[type=button].red i,
button.red i,
a.button.red i {
 	color: #FF6140; border-color: #FF6140; 
	}
input[type=submit].red:hover,
input[type=button].red:hover,
button.red:hover,
a.button.red:hover,
input[type=submit].red:hover i,
input[type=button].red:hover i,
button.red:hover i,
a.button.red:hover i {
 	color: #FF2C00; border-color: #FF2C00; 
	}
/* green buttons  */
input[type=submit].green,
input[type=button].green,
button.green,
a.button.green,
input[type=submit].green i,
input[type=button].green i,
button.green i,
a.button.green i {
 	color: #5BCF80; border-color: #5BCF80;
	}
input[type=submit].green:hover,
input[type=button].green:hover,
button.green:hover,
a.button.green:hover,
input[type=submit].green:hover i,
input[type=button].green:hover i,
button.green:hover i,
a.button.green:hover i {
 	color: #096; border-color: #096;
	}
/* yellow buttons  */
input[type=submit].yellow,
input[type=button].yellow,
button.yellow,
a.button.yellow,
input[type=submit].yellow i,
input[type=button].yellow i,
button.yellow i,
a.button.yellow i {
 	color: #FFB000; border-color: #FFB000;
	}
input[type=submit].yellow:hover,
input[type=button].yellow:hover,
button.yellow:hover,
a.button.yellow:hover,
input[type=submit].yellow:hover i,
input[type=button].yellow:hover i,
button.yellow:hover i,
a.button.yellow:hover i {
 	color: #D89500; border-color: #D89500;
	}
a.button,
input,
button,
textarea,
input,
select {
	border-radius: 0 !important;
} 


/* =New site
-------------------------------------------------------------- */
.site-header hgroup img {
	width: 340px;
	animation: rotateZ 2s;
}

.main-navigation {border: none; }

header .divider.large,
section.subscription.wrapper {display: none;}