/*
Theme Name: Clikki
Theme URI: https://www.electricwp.com/themes/clikki/
Author: Electric WP
Author URI: https://www.electricwp.com/
Description: Clikki is a clean and bright WordPress theme suited to magazine style sites and blogs. All the usual customization options make it easy to update this theme without customizing the theme, e.g. upload your own logo, choose the theme colors and set your social media links all from the Customizer. The theme also includes a widget area in the head so you can easily add your own banner code.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clikki
Tags: custom-menu, full-width-template, post-formats

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.

Clikki 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
# Slide
# 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: 'Lato', sans-serif;
	background: #f5f4f4;
	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;
}

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;
}

a img{
	-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;
}
a img:hover{
	-webkit-filter: sepia(50%);
	filter: sepia(50%);	
}

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;
}

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

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:18px;
}

.site-content ul li,
.site-content ol li{
	margin-bottom: 15px;
}

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: #01a0e1;
    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;
	border-radius: 3px;
}

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
--------------------------------------------------------------*/
.top-nav{
	float: left;
}
.top-nav ul{
	padding:0;
	margin: 0;
	display:block;
	list-style-type: none;
}
.top-nav ul li{
	display: inline-block;
    padding: 0 15px;
    border-right: solid 1px #ccc;
	line-height: 12px;
	position: relative;
}
.top-nav ul li:first-child{
	padding-left:0;
}
.top-nav ul li:last-child{
	padding-right:0;
	border:none;
}
.top-bar{
	background: #343434;
	padding: 13px 0;
}
.top-nav ul li a{
	color: #cccccc;
    font-size: 16px;
    text-transform: uppercase;
}
.top-nav ul li a:hover{
	color: #01a0e1;
}
.social-meidia{
	margin: 0;
	padding:0;
	text-align:right;
}
.social-meidia li a{
	color: #cccccc;
	font-size: 14px;
}
.social-meidia li a:hover{
	color: #01a0e1;
}
.search-query-title{
	padding:0 15px;
}
	
.search-form-container{
	display:none;
	text-align: right;
	padding: 10px 0;
	background: #424242;
}
.social-meidia li{
	display:inline-block;
	padding: 0 5px;
	margin:0;
}
.serch-form-coantainer .search-top{
    font-size: 16px;
    padding: 5px;
	width: 300px;
    max-width: 100%;
	border-radius: 0;
}
#search-icon .fa-search{
	font-size: 14px;
    color: #cccccc;
	margin-top: 5px;
}
#search-icon .fa-search:hover{
	color: #01a0e1;
}
#search-icon .fa-search:hover{
	cursor:pointer;
}
.site-title{
	font-size: 48px;
    text-transform: uppercase;
	margin: 0;
	text-align:left;
}
.site-title a{
	color: #343434;
}
.site-title a:hover{
	color: #01a0e1;
}
.site-description{
	font-size: 16px;
    text-transform: uppercase;
	margin:0;
	text-align:left;
}
.site-info{
	float:left;
	max-width:35%;
}
.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;
}

/*--------------------------------------------------------------
# Slide
--------------------------------------------------------------*/
#home-slider{
	margin-top: 45px;	
}
#home-slider .carousel.slide .item{
	height: 500px;
    overflow: hidden;	
	background-position: center center; 
	background-color:#e1e1e1;
	background-repeat: no-repeat;
}
.carousel-control.left,
.carousel-control.right{
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;
}
.slide-post-details{
	background: rgba(0, 0, 0, 0.6);
	max-width:80%;
	align-self: center;
	padding: 40px;
	display: none;
}
.carousel-content-bg{
	height: 500px;
    display: flex;
    justify-content: center;
}
.slide-post-details h1{
	font-size: 28px;
    font-family: 'Oswald', sans-serif;
}
.slide-post-details h1 a, .slide-post-details p{
	color: #fff;
}
.slide-post-details h1 a:hover{
	color: #01a0e1;
}
.slide-post-details p{
	margin: 15px 0 30px;
}
.slide-meta a, .slide-meta{
	color: #cccccc;
	font-size: 16px;
    font-weight: 400;
}
#featured-post{
	margin-top: 40px;	
	margin-bottom: -30px;
}
.flexslider .slides > li{
	position:relative;
}
.featured-articles{
	margin-bottom: 30px;
}
.featured-post-thumbnail{
	height: 188px;
    overflow: hidden;
	display: flex;
    justify-content: center;
}
.featured-post-thumbnail .fa-camera{
	font-size: 60px;
    color: #eaeae8;
	align-self: center;
    text-align: center;
}
.featured-post-meta{
	position:absolute;
	top:0;
	background: #01a0e1;
    padding: 10px;
	display:none;
}
.featured-post-meta a{
	font-size:14px;
	color: #ffffff;
}
.featured-post-meta .meta-info-comment{
	display:none;
}
#featured-post h3{
    font-size: 20px;
    font-family: 'Oswald', sans-serif;
	padding: 0 10px;
}
#featured-post h3 a{
	color:#343434;
}
#featured-post h3 a:hover,
.featured-articles .article-excerpt h2 a:hover{
	color:#01a0e1;
}
.section-label{
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
	margin-top: 40px;
    text-transform: uppercase;
    color: #343434;
}
.featured-articles .section-label{
	margin-top: 0;
}
.border-style{
	border-top: solid 1px #e1e1e1;
    max-width: 560px;
    margin: 30px 0;
}
#featured-post .flex-prev{
	width:30px;
}
.flex-direction-nav a{
	top: 30%;
}
.flex-direction-nav a:before,
.flex-direction-nav a.flex-next:before{
	color: #898989;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
#site-navigation{
	background: #343434;
}


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

.main-navigation ul, .top-nav 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: #cccccc;
    text-transform: uppercase;
	padding: 15px 20px;
	font-size:16px;
}

.main-navigation a:hover{
	background: #01a0e1;
	color: #fff;
}


.top-nav .current_page_item a{
	background: none;
}

.main-navigation ul ul, .top-nav 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: #343434;
}

.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 #555;
}

.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 {
	background: #01a0e1;
	color:#fff;
}

/* 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, .top-bar ul {
		display: block;
	}
}

.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 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	width: 100%;
    font-size: 18px;
    padding: 5px;
}
.widget-title{
	background: #343434;
    color: #fff;
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
	margin-top:0;
	margin-bottom:25px;
}
.widget-title span{
	line-height: 42px;
    background: #01a0e1;
    padding: 5px 20px;
}
.widget-area ul{
	padding: 0;
    list-style-type: none;
    margin-left: 20px;
	font-size:18px;
}
.widget-area ul li{
	margin-bottom: 10px;
}
.widget-area ul li a{
	color: #343434
}
.widget-area ul li a:hover{
	color: #01a0e1
}
.widget_tag_cloud a{
	font-size: 16px !important;
    background: #01a0e1;
    color: #fff;
    padding: 3px;
    line-height: 30px;
    margin: 1px;
}
.widget_tag_cloud a:hover{
	background:#343434;
}
.footer-widget-container .widget-title{
	color: #cccccc;
	border-bottom: 4px double #707070;
    padding-bottom: 25px;
}
.clikki-recent-post h5{
	font-size: 18px;
    font-family: 'Oswald', sans-serif;
	display: inline;
}
.clikki-recent-post .meta-info-date, .clikki-recent-post .post-author a{
	color: #a1a1a1;
	font-size:14px;
}
.clikki-recent-post .meta-info-comment, .clikki-recent-post .meta-info-comment a{
	color: #666666;
    font-size: 16px;
}
.clikki-recent-post .meta-info-comment a:hover, .clikki-recent-post .post-author a:hover{
	color: #01a0e1;
}
.widget-area .clikki-recent-post li,
.footer-widget-container .clikki-recent-post li{
	margin-bottom: 25px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.inner-wrapper{
	background: #ffffff;
	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;	
}
.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: #01a0e1;
    color: #fff;
    font-size: 18px;
    padding: 1px 7px;
}
.next.page-numbers:hover, .prev.page-numbers:hover{
	background: #343434;
}
.entry-title{
	font-size: 28px;
    font-family: 'Oswald', sans-serif;
	margin-top:0;
}
.entry-title a{
	color: #343434;
}
.entry-title a:hover{
	color: #01a0e1;
}
.entry-meta a{
	color: #666666;
}
.entry-meta a:hover{
	color: #343434;
}
.entry-meta{
	border-top: solid 1px #ebebeb;
    border-bottom: solid 1px #ebebeb;
    padding: 10px 0;
	margin-top: 25px;
}
.single .entry-meta {
	margin-bottom: 25px;
}
.img-container{
	margin-bottom:20px;
}
.read_more{
	background: #01a0e1;
    color: #fff;
    font-size: 18px;
    padding: 8px 15px;
    font-weight: 400;
}
.read_more:hover{
	background: #343434;
	color: #fff;
}
#manson .item{
	margin-bottom: 40px;	
}
.featured-articles .article-list{
	margin: 0;
	list-style-type:none;	
}
.featured-articles .article-list li{
	width: 48%;
    display: inline-block;
    vertical-align: top;
	margin-right: 25px;
}
.featured-articles .article-list li:nth-child(2),
.featured-articles .article-list li:nth-child(4){
	margin-right: 0;
}
.article-image{
	float: left;
}
.article-excerpt{
	width:70%;
	float: right;
}
.no-featured.article-excerpt{
	width:100%;
}
.featured-articles .article-excerpt h2{
	font-size: 18px;
    font-family: 'Oswald', sans-serif;
	margin-top: 0;
}
.featured-articles .article-excerpt h2 a{
	color: #343434;
}
.featured-articles .entry-meta{
	border: none;
	margin:0;
	padding:0;
}
.featured-articles .meta-info-comment{
	display: none;
}
.entry-meta, .entry-meta a{
	font-size: 14px;	
}
#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: #01a0e1;
}
.nav-previous a, .nav-next a{
	font-size:16px;
	color:#666666;
}
.nav-previous a:hover, .nav-next a:hover{
	color:#01a0e1;
}
.nav-previous a:before{
	content: "\f100";
	font-family: FontAwesome;
	margin-right:3px;
}
.nav-next a:after{
	content: "\f101";
	font-family: FontAwesome;
	margin-left:3px;
}
/*--------------------------------------------------------------
## 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;
}
.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: #01a0e1;
}
.reply a:hover{
	color: #343434;
}
.comment-metadata a{
	color: #a1a1a1;
	font-size:14px;	
}
.comment-meta .fn a{
	color: #01a0e1;
}
.comment-meta .fn a:hover{
	color: #343434;
}
#comments input[type='text']{
	max-width: 100%;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-widget-container{
	background: #343434;
}
.footer-widget-container ul{
	font-size: 18px;
	margin-left:20px;
	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{
	color: #cccccc;
}
.footer-widget-container ul li a:hover{
	color: #01a0e1;
}
.footer-widget-container ul li{
	margin-bottom:15px;
}
.footer-widget-container thead{
	background: #01a0e1;
}
.footer-widget .tagcloud a{
	font-size: 16px !important;
    background: #01a0e1;
    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: #252525;
    padding: 15px;
    border-top: solid 1px #606060;
}
.site-footer, .site-footer a{
	color:#fff;
}
.site-footer a:hover{
	color:#01a0e1;
}
.footer-info{
	float:left;
}
.footer-info, .footer-info a{
	font-size:14px;
}
.site-footer .social-meidia{
	margin-top:0;
	float:right;
}
/*--------------------------------------------------------------
# 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;
	}
}
@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;
	}
	.featured-articles .article-list li{
		width: 45%;
	}
	.article-excerpt{
		width: 60%;
	}
}
@media (max-width: 1199px){
	.featured-post-thumbnail {
		height: 160px;
	}
}
@media (max-width: 991px){
	.top-nav {
		float: none;
	}
	.featured-post-thumbnail {
		height: 125px;
	}
	.top-bar .social-meidia,
	.menu-top-menu-container{
		text-align: center;
	}
}
@media (max-width: 768px){
	.featured-articles .article-list li {
		width: 100%;
	}
	.article-excerpt {
		width: 80%;
	}
}
@media only screen and (max-width: 599px){
	.main-navigation li, .top-nav li {
    	display: block;
	}
	.main-navigation ul ul, .top-nav ul ul{
		padding:0;
		box-shadow:none;
		position:inherit;
		float:none;
		top:0;
		left:0;
	}
	.main-navigation li a,
	.main-navigation ul ul li:last-child a{
		border-bottom: dashed 1px #555;
	}
	.main-navigation ul ul a, .top-nav 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;
	}
	.top-bar .social-meidia{
		z-index: 999;
		position: absolute;
		right: 26px;
	}
	.site-branding {
		min-height: 150px;
	}
	.article-image {
		float: none;
		text-align: center;
		margin-bottom: 15px;
	}
	.article-excerpt {
		width: 100%;
		text-align: center;
		float: none;
	}
	.featured-articles .article-list li{
		margin-bottom: 30px;
	}
	.footer-info, .social-meidia, .site-footer .social-meidia{
		float: none;
		text-align:center;
	}
	.pagination-count{
		display:none;
	}
	.menu-top-menu-container{
		display:none;
		text-align:left;
		padding-top: 5px;
		position: absolute;
		background: #343434;
		z-index:1;
		width:99.5%;
		padding:15px;
	}
	#top-nav{
		margin:0 10px;
	}
	.top-nav ul li {
    	display: block;
		padding: 5px 0;
    	border: none;
	}
	
	.top-nav a {
		display: block;
		text-decoration: none;
		color: #cccccc;
		text-transform: uppercase;
		padding: 15px 20px;
		font-size: 16px;
	}
	.top-nav ul li a:hover{
		color: #fff;
		background: #01a0e1;
	}

	.secondary-menu-toggle{
		display:block;
	}

	.serch-form-coantainer .search-top{
		width: 150px;
	}
	.top-bar .container{
		padding:0;
	}
	body{
		word-break:break-all;
	}
}
@media (max-width: 400px){
	.featured-post-thumbnail {
		height: 100px;
	}
}