/*
Theme Name: Theme Garden
Text Domain: 
Version: 1.8
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display:block
}
audio, canvas, video {
	display:inline-block;
	max-width:100%
}
html {
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
a {
	text-decoration:none
}
a:focus {
	outline:thin dotted
}
a:hover, a:active {
	outline:0
}
address {
	font-style:italic;
	margin-bottom:24px
}
abbr[title] {
	border-bottom:1px dotted #2b2b2b;
	cursor:help
}
b, strong {
	font-weight:700
}
cite, dfn, em, i {
	font-style:italic
}
mark, ins {
	background:#fff9c0;
	text-decoration:none
}
code, kbd, tt, var, samp, pre {
	font-family:monospace, serif;
	font-size:15px;
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	line-height:1.6
}
pre {
	border:1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:24px;
	max-width:100%;
	overflow:auto;
	padding:12px;
	white-space:pre;
	white-space:pre-wrap;
	word-wrap:break-word
}
blockquote, q {
	-webkit-hyphens:none;
	-moz-hyphens:none;
	-ms-hyphens:none;
	hyphens:none;
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
	content:none
}
blockquote {
	color:#767676;
	font-size:19px;
	font-style:italic;
	font-weight:300;
	line-height:1.2631578947;
	margin-bottom:24px
}
blockquote cite, blockquote small {
	color:#2b2b2b;
	font-size:16px;
	font-weight:400;
	line-height:1.5
}
blockquote em, blockquote i, blockquote cite {
	font-style:normal
}
blockquote strong, blockquote b {
	font-weight:400
}
small {
	font-size:smaller
}
big {
	font-size:125%
}
sup, sub {
	font-size:75%;
	height:0;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	bottom:1ex
}
sub {
	top:.5ex
}
dl {
	margin-bottom:24px
}
dt {
	font-weight:bold
}
dd {
	margin-bottom:24px
}
img {
	border:0;
}
figure {
	margin:0
}
fieldset {
	border:1px solid rgba(0, 0, 0, 0.1);
	margin:0 0 24px;
	padding:11px 12px 0
}
legend {
	white-space:normal
}
button, input, select, textarea {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-size:100%;
	margin:0;
	max-width:100%;
	vertical-align:baseline
}
button, input {
	line-height:normal
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled], input[disabled] {
	cursor:default
}
input[type="checkbox"], input[type="radio"] {
	padding:0
}
input[type="search"] {
	-webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow:auto;
	vertical-align:top
}
table, th, td {
	border:1px solid #dfdede;
}
table {
	border-collapse:separate;
	border-spacing:0;
	border-width:1px 0 0 1px;
	margin-bottom:24px;
	width:100%
}
caption, th, td {
	font-weight:normal;
	text-align:left
}
th {
	border-width:0 1px 1px 0;
	font-weight:bold
}
td {
	border-width:0 1px 1px 0
}
del {
	color:#767676
}
hr {
	background-color:rgba(0, 0, 0, 0.1);
	border:0;
	height:1px;
	margin-bottom:23px;
	clear:both;
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.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: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
	float:left;
	width:100%;
}

.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}
/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin:1em 0;
}

.post-navigation .nav-links {
	float:left;
	width:100%;
}

.nav-subtitle {
	background: transparent;
	color: #4c4c4c;
	display: block;
	/*font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;*/
	text-transform: uppercase;
	transition:0.5s;
}
.nav-subtitle:hover{ color:#f39530;}

.nav-title {
	color: #969696;
	font-size: 15px;
	font-size: 0.9375rem;
	transition:0.5s;
}

.nav-title:hover{ color:#f39530;}


.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	/*margin-right: 0.5em;*/
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	/*margin-left: 0.5em;*/
}

/* Posts */

/*.site-content {
	padding: 5.5em 0 0;
}

.single-post .entry-title,
.page .entry-title {
	font-size: 26px;
	font-size: 1.625rem;
}*/

.comments-pagination,
.post-navigation {
	clear: both;
	float:left;
	width:100%;
}

.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-next,
.post-navigation .nav-next {
	margin-top: 0;
}


/* Posts pagination */

.nav-links .nav-title {
	position: relative;
	padding:0 20px;
}

.nav-title-icon-wrapper {
	position: absolute;
	text-align: center;
	line-height:1;
	/*width: 2em;*/
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	left:0;
	top:2px;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	right:0;
	top:2px;
}

.comments-area {
	line-height:1.4;
}
.comments-area h2 {
	margin-bottom:30px;
	font-weight:700;
	font-size:24px;
}
.comments-area h3 {
	margin-bottom:15px;
	font-weight:300;
	font-size:24px;
}
.comments-area p {
	margin-bottom:15px;
	font-size:16px;
}
.comments-area p a {
	color:#d8225f;
}
.comment-respond textarea {
	margin:0;
	padding:10px 15px;
	width:100%;
	height:150px;
	border:2px solid #ededed;
	line-height:24px;
	resize:none;
	font-size:14px;
}
.comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="url"] {
	margin:0;
	padding:10px 15px;
	width:100%;
	height:40px;
	border:2px solid #ededed;
	line-height:40px;
	font-size:14px;
}
.comment-respond input[type="submit"] {
	margin:0;
	padding:10px 15px;
	height:40px;
	border:0px;
	font-size:14px;
	background:#255191;
	color:#fff;
	transition:0.5s;
}
.comment-respond input[type="submit"]:hover {
	background:#d8225f;
}
.blog-sec .nav-title, .blog-sec .nav-subtitle {
	font-weight:600;
}
.blog-sec .nav-title:hover, .blog-sec .nav-subtitle:hover {
	color:#d8225f;
}
.pagination .nav-links {
	font-size:12px;
}
.pagination .nav-links .current {
	margin-right:5px;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	display:inline-block;
	background:#909090;
	color:#fff;
	border:1px solid #909090;
}
.pagination .nav-links a.page-numbers {
	margin-right:5px;
	width:38px;
	height:38px;
	line-height:38px;
	text-align:center;
	display:inline-block;
	color:#909090;
	border:1px solid #909090;
	transition:0.5s;
}
.pagination .nav-links a.page-numbers:hover {
	background:#909090;
	color:#fff;
}
.pagination .nav-links a.prev {
	width:auto;
	height:auto;
	border:none;
	color:#4c4c4c;
}
.pagination .nav-links a.prev:hover {
	background:none;
	color:#4c4c4c;
}
.pagination .nav-links a.prev .screen-reader-text {
	margin-left:5px;
	position:static !important;
	height:auto;
}
.pagination .nav-links a.next {
	width:auto;
	height:auto;
	border:none;
	color:#4c4c4c;
}
.pagination .nav-links a.next:hover {
	background:none;
	color:#4c4c4c;
}
.pagination .nav-links a.next .screen-reader-text {
	margin-right:5px;
	position:static !important;
	height:auto;
}