/*
Theme Name: Blogarama
Theme URI: http://wpstarter.org/blogarama/
Author: WP Starter
Author URI: http://wpstarter.org/
Description: Blogarama is a straight forward blogging theme with a simple and bright color scheme which you can control in the Customizer. You can also customize header and background images as well as the social media links in the Customizer. You can also optionally feature a particular page content on the home page too which is great for adding a website introduction for your readers.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blogarama
Tags: featured-images, custom-menu, custom-colors, footer-widgets, blog, full-width-template

Blogarama WordPress Theme, Copyright 2017 by WP Starter (http://wpstarter.org/)
Blogarama is distributed under the terms of the GNU GPL

Blogarama is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Head
# Featured Page
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	font-family: 'Raleway', sans-serif;
	background: #f7f7f7;
	color:#666666;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	color:#2aabc5;
}

a:focus,
a:active,
a:hover {
	outline: 0 !important;
	border:none !important;
	text-decoration: none;
}

a:hover {
	text-decoration: none !important;	
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}
svg:not(:root) {
	overflow: hidden;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 16px;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

thead{
	background: #343434;
    color: #fff;
}

td,
th {
	padding: 10px;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Merriweather', sans-serif;
}

p {
	margin-bottom: 1.5em;
	font-size:16px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 16px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
	padding:0;
	font-size:16px;
}

.site-content ul li,
.site-content ol li{

}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #2aabc5;
    box-shadow: none;
    color: #fff;
    text-shadow: none;
    font-size: 18px;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    padding: 4px 15px;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #343434;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 5px;
	font-size: 15px;
}

textarea {
	padding-left: 3px;
	width: 100%;
	font-size: 15px;
}

/*--------------------------------------------------------------
# Head
--------------------------------------------------------------*/
.social-meidia{
	margin: 20px 0;
	padding:0;
	text-align:center;
}
.social-meidia li{
	background: #2aabc5;
    width: 32px;
    height: 32px;
	border-radius: 50%;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	display:inline-block;
	padding: 0 5px;
	margin:0 3px;
}
.social-meidia li .fa{
	padding: 8px 0px;
    font-size: 18px;
}
.social-meidia li a{
	color: #ffffff;
	font-size: 14px;
}
.social-meidia li a:hover{
	color: #333333;
}
.search-query-title{
	padding:0 15px;
}	
.search-form-container{
	display:none;
	text-align: right;
	padding: 10px 0;
	background: #424242;
}
.serch-form-coantainer .search-top{
    font-size: 16px;
    padding: 5px;
	width: 300px;
    max-width: 100%;
	border-radius: 0;
}
#search-icon{
	position: absolute;
    top: 15px;
    right: 20px;
}
.fa{
	padding:0 5px;
}
#search-icon .fa-search{
	font-size: 14px;
    color: #ffffff;
	margin-top: 5px;
}
#search-icon .fa-search:hover{
	color: #00e1f5;
}
#search-icon .fa-search:hover{
	cursor:pointer;
}
.site-title{
	font-size: 48px;
	font-weight:700;
    text-transform: uppercase;
	margin: 0;
	text-align:center;
}
.site-title a{
	color: #2aabc5;
}
.site-title a:hover{
	color: #343434;
}
.site-description{
	font-size: 16px;
    text-transform: uppercase;
	margin:0;
	text-align:center;
}
.site-info{
	font-family: 'Merriweather', sans-serif;
}
.header-widget-wrapper{
	text-align: right;
}
.site-branding{
	min-height: 150px;
    display: flex;
    justify-content: center;
}
.site-branding .container{
	align-self: center;
    text-align: center;
	padding:30px 15px;
}

/*--------------------------------------------------------------
# Featured Page
--------------------------------------------------------------*/
.rr-left:after {
	position: absolute;
    top: -5%;
    width: 10px;
    margin-left: -1px;
    height: 110%;
    background: #00e1f5;
    content: '';
    -webkit-transform: rotate3d(0, 0, 1, 22.5deg);
    transform: rotate3d(0, 0, 1, 6.5deg);
    right: 19px;
}
.rr-left:before {
	position: absolute;
    top: -5%;
    width: 10px;
    margin-left: -1px;
    height: 110%;
    background: #2aabc5;
    content: '';
    -webkit-transform: rotate3d(0, 0, 1, 22.5deg);
    transform: rotate3d(0, 0, 1, 6.5deg);
    right: 29px;
}
.img_container{
	overflow:hidden;
	position:relative;
	max-height:340px;
}
.img_corner{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 340px 55px;
    border-color: transparent transparent #ffffff transparent;
    position: absolute;
    right: 0px;
}
.featured-container{
	background:#ffffff;
	margin:40px 0 20px;
	overflow:hidden;
}
.no_featured_image{
	padding:0 15px 15px;
}
.featured-content{
	padding:15px;
}
.featured-content h1{
	color:#000000;
}
.featured-content p{
	font-size:20px;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
.navigation-wrap{
	background:#2aabc5;
}
#site-navigation{

}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	display: inline-block;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	color: #ffffff;
    text-transform: uppercase;
	padding: 15px 20px;
	font-size:16px;
}
.main-navigation a:hover{
	color: #00e1f5;
}
.main-navigation ul ul{
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 2.9em;
	left: -999em;
	z-index: 99999;
	background: #2aabc5;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	max-width: 270px;
    width: 270px;
}

.main-navigation ul ul li {
	border-bottom: dashed 1px #00e1f5;
}

.main-navigation ul ul li:last-child{
	border-bottom: none;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	color:#00e1f5;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul, .toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul{
		display: block;
		text-align:center;
	}
	.main-navigation ul.sub-menu{
		text-align:left;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

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

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
.secondary-menu-toggle{
	display:none;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* 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: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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content: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 {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 2em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	width: 100%;
    font-size: 18px;
    padding: 5px;
}
.widget-title{
    color: #333333;
    font-size: 28px;
    font-family: 'Merriweather', sans-serif;
	margin-top:0;
	margin-bottom: 20px;
    border-bottom: #2aabc5 dashed 1px;
    padding-bottom: 20px;
}
.widget-title span{

}
.widget-area ul{
	padding: 0;
    list-style-type: none;
    margin-left: 0px;
	font-size:16px;
}
.widget-area ul.children, .widget-area ul.sub-menu{
	padding-left:10px;
}
.widget-area ul li{
	margin-bottom: 5px;
}
.widget-area ul li:before{
	content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 5px;
}
.widget-area ul.blogarama-recent-post li:before{
	content:"";
}
.widget-area ul li a{
	color: #343434
}
.widget-area ul li a:hover{
	color: #2aabc5
}
.widget_tag_cloud a{
	font-size: 16px !important;
    background: #2aabc5;
    color: #fff;
    padding: 3px;
    line-height: 30px;
    margin: 1px;
}
.widget_tag_cloud a:hover{
	background:#343434;
}
.footer-widget-container .widget-title{
	color: #333333;
    border-bottom: 1px solid #2aabc5;
    padding-bottom: 20px;
}
.blogarama-recent-post h5{
	font-size: 18px;
    font-family: 'Merriweather', sans-serif;
	display: inline;
}
.blogarama-recent-post .meta-info-date, .blogarama-recent-post .post-author a{
	color: #a1a1a1;
	font-size:14px;
}
.blogarama-recent-post .meta-info-comment, .blogarama-recent-post .meta-info-comment a{
	color: #666666;
    font-size: 16px;
	display:inline-block;
}
.blogarama-recent-post .meta-info-comment a:hover, .blogarama-recent-post .post-author a:hover{
	color: #2aabc5;
}
.widget-area .blogarama-recent-post li,
.footer-widget-container .blogarama-recent-post li{
	margin-bottom: 25px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
.avatar{
	margin-right: 10px;
    display: inline-block;
    float: left;
	border-radius: 50%;
}
.entry-header{
	display:inline-block;
	width:100%;
}
.hentry {
	margin: 0 0 1.5em;	
}
.home .hentry, .archive .hentry, .search-results .hentry, .widget-area, .post-wrap{
	background:#ffffff;
	padding: 15px;
}
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}
.single-post .img_container {
	margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
	margin-bottom:20px;
}
.single-post .entry-title{
	text-align:left;
	display: inline-block;
	color:#333333;
	margin-bottom: 10px;
}
.single-post .entry-meta{
	text-align:left;
}
.page-header{
	margin:0 0 10px 0;
	padding-bottom:0;
	border-bottom: #2aabc5 dashed 1px;
}
.page-title{
	margin-top: 17px;
    font-family: 'Merriweather', sans-serif;
    color: #333333;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page .img_container{
	margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
	margin-bottom:20px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.attachment-blogarama-featured-page-thumbnail{
	width:100%;
}
.inner-wrapper{
	margin:auto;
	margin: 0 auto 60px;
}

.post-wrapper{
	position:relative;
	margin-bottom:100px;
}

.content-area{
	margin-top: 30px;
}

.pagination{
    position: absolute;
    bottom: -70px;
    left: 10px;
	width:100%;
	text-align:center;	
}
.pagination-count{
	position: absolute;
    bottom: -49px;
    right: 10px;
	font-size: 24px;
    color: #acacac;
}
.pagination{
	color: #acacac;
}
.pagination a{
	color: #2d354a;
}
.pagination, .pagination a{
	font-size: 24px;
	padding: 0 10px;
	font-weight: 600;
}
.next.page-numbers,
.prev.page-numbers{
	background: #2aabc5;
    color: #fff;
    font-size: 18px;
    padding: 1px 7px;
}
.next.page-numbers:hover, .prev.page-numbers:hover{
	background: #343434;
}
.entry-title{
	font-size: 24px;
    font-family: 'Merriweather', sans-serif;
	text-align:center;
	margin-top:0;
	line-height: 30px;
}
.page .entry-title{
	text-align:left;
}
.entry-title a{
	color: #343434;
}
.entry-title a:hover{
	color: #2aabc5;
}
.entry-meta{
	text-align:center;
}
.entry-meta a{
	color: #959595;
}
.entry-meta a:hover{
	color: #343434;
}
.entry-meta, .meta-info{
    padding: 0;
	font-style: italic;
	font-family: 'Lora', sans-serif;
}
.single .entry-meta {
	margin-bottom: 25px;
}
.img-container{
	margin-bottom:20px;
}
.btn_right{
	float:right;
	margin-right:20px;
}
.read_more{
	background: #2aabc5;
    color: #fff;
    font-size: 14px;
    padding: 8px 15px;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	margin-bottom:20px;
	float:right;
}
.read_more:hover{
	background: #343434;
	color: #fff;
}
#manson .item{
	margin-bottom: 20px;	
}
.entry-meta, .entry-meta a{
	font-size: 12px;	
}
#breadcrumbs{
	list-style: none;
    overflow: hidden;
    margin-left: 0;
    margin-top: 10px;
}
#breadcrumbs li {
	display:inline-block;
    margin-right: 15px;
	margin-bottom: 0;
}
#breadcrumbs, #breadcrumbs li a{
	color: #a1a1a1;
	font-size:12px;
}
#breadcrumbs li a:hover{
	color: #2aabc5;
}
.nav-previous a, .nav-next a{
	font-size:16px;
	color:#2aabc5;
}
.nav-previous a:hover, .nav-next a:hover{
	color:#333333;
}
.nav-previous a:before{
	content: "\f100";
	font-family: FontAwesome;
	margin-right:3px;
}
.nav-next a:after{
	content: "\f101";
	font-family: FontAwesome;
	margin-left:3px;
}
.img-header{
	margin-bottom: 25px;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
.comment-author.vcard img {
    border-radius: 100%;
    float: left;
    margin-right: 20px;
    margin-top: -15px;
	max-width: 80px;
}
.comment-list {
    margin-left: 0;
    list-style-type: none;
    margin-top: 50px;
    padding-left: 0;
}
.comment-content {
    margin-left: 16%;
}
.reply {
    text-align: right;
}
.reply a{
	color: #2aabc5;
}
.reply a:hover{
	color: #343434;
}
.comment-metadata{
    font-style: italic;
    font-family: 'Lora', sans-serif;
}
.comment-metadata a{
	font-size:12px;	
}
.comment-meta .fn a{
	color: #2aabc5;
}
.comment-meta .fn a:hover{
	color: #343434;
}
#comments input[type='text']{
	max-width: 100%;
}
.comments-area ol.children{
	list-style:none;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-widget-container{
	border-top: 2px solid #2aabc5;
}
.footer-widget-container ul{
	font-size: 18px;
	margin-left:0px;
	list-style-type:none;
	padding-left:0;
}
.footer-widget-container ul li a,
.footer-widget-container tbody,
.footer-widget-container p,
.footer-widget-container ul li{

}
.footer-widget-container ul li a:hover{
	color: #2aabc5;
}
.footer-widget-container ul li{
	margin-bottom:5px;
}
.footer-widget-container thead{
	background: #2aabc5;
}
.footer-widget .tagcloud a{
	font-size: 16px !important;
    background: #2aabc5;
    color: #fff;
    padding: 3px;
    line-height: 30px;
    margin: 1px;
}
.footer-widget .tagcloud a:hover{
	 background: #111;
}
.footer-widget-container button:hover, 
.footer-widget-container input[type="button"]:hover, 
.footer-widget-container input[type="reset"]:hover, 
.footer-widget-container input[type="submit"]:hover{
	 background: #111;
}
#footer-one, #footer-two, #footer-three{
	margin: 50px 0;
}
.site-footer{
	background: #f2f2f2;
    padding: 15px;
	text-align:center;
}
.site-footer, .site-footer a{
	color:#333333;
}
.site-footer a:hover{
	color:#2aabc5;
}
.footer-info{

}
.footer-info, .footer-info a{
	font-size:14px;
}
.site-footer .social-meidia{
	margin-top:0;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-item .gallery-icon{
	padding: 10px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
	padding:0 10px;
}
@media (min-width: 768px){
	.inner-wrapper {
		width: 750px;
	}
	.container {
		max-width: 100%;
	}
}
@media (min-width: 992px){
	.inner-wrapper {
		width: 970px;
	}
}
@media (min-width: 1200px){
	.inner-wrapper {
		width: 1170px;
	}
}
@media (max-width: 1200px){
	.site-info{
		float: none;
		max-width:100%;
	}
	.header-widget-wrapper,
	.site-description,
	.site-title {
		text-align: center;
	}
	.site-branding {
    	min-height: 220px;
	}
}

@media (max-width: 991px){
	.menu-top-menu-container{
		text-align: center;
	}
}
@media (max-width: 768px){

}
@media only screen and (max-width: 599px){
	.main-navigation li{
    	display: block;
	}
	.main-navigation ul ul{
		padding:0;
		box-shadow:none;
		position:inherit;
		float:none;
		top:0;
		left:0 !important;
	}
	.main-navigation ul ul{
		margin-left: 10px;	
	}
	.main-navigation li a,
	.main-navigation ul ul li:last-child a{
		border-bottom: dashed 1px #555;
	}
	.main-navigation ul ul a{
		width:100%;
		max-width:100%;
	}
	.sub-menu li:first-child{
		border-bottom:0;
	}
	button.menu-toggle{
		padding:10px 20px;
	}
}
@media (max-width: 480px){
	.social-meidia{
		text-align: center !important;
	}
	.site-branding {
		min-height: 150px;
	}
	.footer-info, .social-meidia, .site-footer .social-meidia{
		float: none;
		text-align:center;
	}
	.pagination-count{
		display:none;
	}
	.secondary-menu-toggle{
		display:block;
	}

	.serch-form-coantainer .search-top{
		width: 150px;
	}
	body{
		word-break:break-all;
	}
	.row{
		
	}
}
@media (max-width: 400px){

}