/*
Theme Name: Kimbo Lite
Theme URI: https://vivathemes.com/wordpress-theme/kimbo/
Description:  Kimbo Lite is a responsive, clean and elegant theme. You can use this theme for your company or business website. It is tested through multiple devices, be it a desktop, notebook, tablet or mobile phone, Kimbo Lite comes with a fluid layout that adapts well across devices. There's a header image in the front page and w idget below that and you can display your latest posts or a static page in front. Add links to your Social media accounts easily with the integrated Social Media menu. Kimbo Lite comes loaded with 28 social media icons to have your visitors connect to you. Three widget ready locations, blog pagination, ability to add your logo and favicon are amongst other features. For even more features check the Pro Version of this theme https://www.vivathemes.com/wordpress-theme/kimbo/
Author: Viva Themes
Author URI: https://vivathemes.com
License: GNU GPLv3 or later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Version: 1.2
Requires PHP: 5.6
Tested up to: 5.5
Tags: two-columns, full-width-template, right-sidebar, custom-background, custom-header, footer-widgets, custom-colors, custom-logo, custom-menu, translation-ready, featured-images, threaded-comments, blog, education
Text Domain: kimbo-lite
Domain Path: /languages/

Kimbo Theme, (C) Viva Themes

*/


body, html {
	height:100%;
	min-height: 100%;
}
body {
	background: #fff;
	color: #3f3f3f;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-size: 16px;
	font-weight: 300;
	margin:0;
	padding:0;
	/*	line-height: 175%;*/
	line-height: 175%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	overflow-x: hidden;
}

h1 {
	font-size: 26px;
	color: #3f3f3f;
	margin-top: 20px;
	text-transform: none;
	/* font-weight: 700 */
	font-weight: 600;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
}
h2 {
	color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-size: 22px;
		/* font-weight: 700 */
	font-weight: 600;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
}
h3 {
	color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-size: 20px;
		/* font-weight: 700 */
	font-weight: 600;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
}
h4 {
	color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-size: 16px;
		/* font-weight: 700 */
	font-weight: 600;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
}
h5 {
	color: #3f3f3f;
	margin:0;
	padding:0;
	margin-top: 20px;
	text-transform: none;
	font-size: 12px;
	/* font-weight: 700 */
	font-weight: 600;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
}
p {
	margin-top: 6px;
}
img {
	border: none;
	padding:0;
}
img a {
	border:none;
}
img.left {
	float: left;
	border: none;
	padding: 6px 0 0 0;
}
img.right {
	float: right;
	border: none;
	padding: 0 0 0 6px;
}
blockquote {
	border-left:1px solid #ccc;
	margin:15px;
	padding:0 12px 0 12px;
	font-style: italic;
}
code {
	font-family:"Courier New", Courier, monospace;
}
/* links */

a {
	color: #333;
	text-decoration: underline;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover {
	text-decoration: none;
}
/* container */

#container {
	width: 100%;
	float: left;
	clear: left;
	overflow: hidden;
}
/* header */

#header {
	width: 100%;
	float: left;
	clear: left;
	padding-bottom: 30px;
}

#headerin {
	width: 80%;
	float: left;
	clear: left;
	margin-left: 10%;
}

#logo {
	width: 30%;
	float:left;
}

#logo a {
	color: #fff;
	text-decoration: none;
}

#logo a img {
	float: left;
	margin-right: 10px;
}

#logo h1 a, #logo h1 {
	font-weight: 700;
	margin: 0;
	margin-top: 45px;
	font-size: 32px;
	text-transform: uppercase;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	line-height: 100%;
}

h2.site-description {
	margin-top: 5px;
	font-size: 16px;
	font-weight: 400;
}

/* search */

#searchform {
	padding:0;
	margin:0;
	float: left;
	width: 170px;
	margin-top: 10px;
	margin-right: 8px;
}
#searchform input#s {
	margin:0;
	padding:2px;
	width: 157px;
	padding-left: 3px;
	background: #fff;
	border: solid 1px #ccc;
	height:20px;
	font-size:11px;
	padding-top:2px;
}
#searchform input#searchsubmit {
	display: none;
}

/* Social Media Menu */

#menu-social .screen-reader-text {
	position: absolute;
	top:      -9999em;
	left:     -9999em;
}

#menu-social {
	width: 60%;
	float: right;
	height: 50px;
	text-align: right;
	margin-top: 22px;
}

#menu-social ul {
	list-style: none;
	margin:  0;
	text-align: center;
	float: right;
}

#menu-social ul li {
	display:  inline-block;
	position: relative;
}

#menu-social ul li a {
	display:  inline-block;
	width: 40px;
	height: 40px;
	-webkit-transition: all .3s ease;
  	-moz-transition:    all .3s ease;
  	-ms-transition:     all .3s ease;
  	-o-transition:      all .3s ease;
	text-align: center;
	margin-left: 10px;
	margin-bottom: 5px;
	border: solid 2px #ccc;
	color: #ccc;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#menu-social ul li a:hover {
	border: solid 2px #333;
	color: #333;
}

#menu-social ul li a:hover::before {
	color: #333;
}

#menu-social li a::before {
	content:        '\f408';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	line-height: 40px;
	color: #ccc;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
}

#menu-social li a[href*="wordpress.org"]::before,
#menu-social li a[href*="wordpress.com"]::before {
	content: '\f205';
}

#menu-social li a[href*="facebook.com"]::before {
	content: '\f204';
}

#menu-social li a[href*="twitter.com"]::before {
	content: '\f202';
}

#menu-social li a[href*="dribbble.com"]::before {
	content: '\f201';
}

#menu-social li a[href*="plus.google.com"]::before {
	content: '\f218';
}

#menu-social li a[href*="pinterest.com"]::before {
	content: '\f209';
}

#menu-social li a[href*="github.com"]::before {
	content: '\f200';
}

#menu-social li a[href*="tumblr.com"]::before {
	content: '\f214';
}

#menu-social li a[href*="youtube.com"]::before {
	content: '\f213';
}

#menu-social li a[href*="flickr.com"]::before {
	content: '\f211';
}

#menu-social li a[href*="vimeo.com"]::before {
	content: '\f212';
}

#menu-social li a[href*="instagram.com"]::before {
	content: '\f215';
}

#menu-social li a[href*="codepen.io"]::before {
	content: '\f216';
}

#menu-social li a[href*="linkedin.com"]::before {
	content: '\f207';
}

#menu-social li a[href*="foursquare.com"]::before {
	content: '\f226';
}

#menu-social li a[href*="reddit.com"]::before {
	content: '\f222';
}

#menu-social li a[href*="digg.com"]::before {
	content: '\f221';
}

#menu-social li a[href*="getpocket.com"]::before {
	content: '\f224';
}

#menu-social li a[href*="path.com"]::before {
	content: '\f219';
}

#menu-social li a[href*="stumbleupon.com"]::before {
	content: '\f223';
}

#menu-social li a[href*="spotify.com"]::before {
	content: '\f515';
}

#menu-social li a[href*="twitch.tv"]::before {
	content: '\f516';
}

#menu-social li a[href*="dropbox.com"]::before {
	content: '\f225';
}

#menu-social li a[href*="/feed.com"]::before {
	content: '\f413';
}

#menu-social li a[href*="skype"]::before {
	content: '\f220';
}

#menu-social li a[href*="mailto"]::before {
	content: '\f410';
}


/* Main Menu */

#mainmenu {
	width: 65%;
	float: right;
	margin-top: 15px;
	*width: 700px; /* IE7 only hack */
}

.mmenu { display: none; }

.mainnav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

.mainnav * {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}


.mainnav ul {
	position: absolute;
	top: -999em;
	padding-top: 1px;
}

.mainnav li {
	float: left;
	position: relative;
	z-index: 1000;
	margin-left: 15px;
}

.mainnav a {
	display: block;
	padding: 0;
	font-size: 14px;
	font-weight: 700;
	color: #303030;
	text-decoration: none;
	font-family: 'Open Sans', arial, helvetica;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
	padding-right: 15px;
}

.mainnav li:last-child a {
	padding-right: 0;
}

.mainnav li:last-child span {
	display: none;
}

.mainnav li span {
	color: #303030;
	font-weight: 400;
	font-family: 'Open Sans', arial, helvetica;
}

.mainnav li.current-menu-item a,
.mainnav li:hover a {
	color: #999;
}

.mainnav li:hover ul,
ul.mainnav li.sfHover ul {
	left: 0;
	top: 37px;
	background: #fff;
	border: solid 2px #eaeaea;
	width: 170px;
}

.mainnav li:hover li ul,
.mainnav li.sfHover li ul {
	top: -999em;
}

.mainnav li li:hover ul,
ul.mainnav li li.sfHover ul {
	left: 170px;
	top: -3px;
}

.mainnav li:hover ul,
.mainnav li li:hover ul {
	top: -999em;
}

.mainnav li li {
	display: block;
	padding: 0px;
	margin: 0;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mainnav li li span {
	display: none;
}

.mainnav li#current,
.mainnav li.current-cat,
.mainnav li.current_page_item,
.mainnav li:hover {

}

.mainnav li li a,
.mainnav li li a:link,
.mainnav li li a:visited {
	display: block;
	border: none;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	padding: 0;
	padding-right: 0;
	font-size: 12px;
	padding-left: 12px;
	line-height: 140%;
	color: #303030;
}

.mainnav li li.current-menu-item a,
.mainnav li li a:hover {
	text-decoration: none !important;
	border: none !important;
	color: #999;
}

/* Header Image */


#headerimage {
	max-width: 2000px;
	height: auto;
	opacity: 0;
	margin: 0 auto;
	clear: both;
}

#headerimage img {
	max-width: 100%;
	height: auto;
}

/* Front Widget */

.frontwidget {
	width: 80%;
	float: left;
	clear: left;
	margin-top: 60px;
	margin-left: 10%;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 0;
}
.frontwidget .widget-title {
	width: 35%;
	float: left;
}

.frontwidget .widget-title h2 {
	font-weight: 900;
	font-family: 'Lato';
	color: #303030;
	text-transform: uppercase;
	font-size: 34px;
	margin: 0;
	padding: 0;
	line-height: 120%;
}

.frontwidget p {
	width: 63%;
	float: right;
	margin-top: 5px;
}

.btnmore {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 0 25px;
	display: inline-block;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #666;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	border: solid 2px #999;
}

.btnmore:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btnmore:before {
	position: absolute;
	height: 100%;
	width: 100%;
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	left: 0;
	top: -100%;
}

.icon-arrow:before {
	content: '\f429';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	line-height: 40px;
	color: #8B8B8B;
	text-align: center;
}

.btnmore span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

/* Button 5a */
.btnmore:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btnmore:hover:before {
	top: 0;
}



/* Content Section */

#contentwrapper {
	width: 80%;
	float: left;
	clear: left;
	margin-left: 10%;
	margin-top: 40px;
}

.home #contentwrapper {
	margin-top: 0;
}

#content {
	width: 70%;
	float: left;
	margin-bottom: 40px;
}

#contentfull {
	width: 100%;
	float: left;
	margin-bottom: 40px;
}

/* content */


.attachment-blogthumb {
	margin: 0;
	padding: 0;
}

.type-page,
.post {
	margin:0;
	padding:0;
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 100px;
}
.entry {
	float: left;
	clear: both;
}

h1.page-title, h1.entry-title, h2.entry-title {
	margin:0;
	padding: 0;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #3f3f3f;
	text-transform: uppercase;
	font-size: 44px;
	padding-bottom: 5px;
	line-height: 120%;
	word-wrap: break-word;
}

h2.entry-title a {
	text-decoration: none;
	color: #3f3f3f;
	font-size: 46px;
	line-height: 120%;
}

h1.page-title {
	margin-bottom: 30px;
}

#greybar {
	width: 80%;
	background: #eaeaea;
	float: left;
	clear: left;
	margin-top: 0;
	padding: 20px 10%;
}

.home #greybar {
	background: none;
	margin-top: 20px;
	margin-bottom: 0;
}

.taxonomy-description {
	font-style: italic;
	margin-bottom: 20px;
}

.post ul {
}
.post li {
	margin-left: 15px;
}
.entry p {
	margin: 8px 0;
}
.belowpost {
	width: 100%;
	float: left;
	height: 50px;
	position: relative;
	margin-top: 10px;
}
.postdate {
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	float: left;
	padding: 5px 10px;
	margin-bottom: 5px;
	color: #3f3f3f;
	font-weight: 700;
	background: #eaeaea;
}

.attachment-kimbo-blogthumb {
	opacity: 0;
}

p.singletags {
	line-height: 32px;
}
p.singletags a {
	text-decoration: none;
	border: solid 1px #eaeaea;
	height: 26px;
	line-height: 26px;
	font-size: 14px;
	display: inline-block;
	padding: 0 6px;
	-webkit-transition: all 0.3s ease;
	-moz-transition:    all 0.3s ease;
	-ms-transition:     all 0.3s ease;
	-o-transition:      all 0.3s ease;
}
p.singletags a:hover {
	background: #eaeaea;
}
p.singletags:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	vertical-align: top;
	content: '\f302';
}
ol {
	margin: 10px;
}
ul {
	margin: 5px;
}

/* Right Sidebar*/

#rightbar {
	width: 240px;
	float: right;
	margin-left: 20px;
	margin-bottom: 40px;
	margin-top: 0;
}

#rightbar .widgets {
	width: 100%;
	margin-bottom: 30px;
	float: left;
	clear: left;
	font-size: 14px;
}

#rightbar h2 {
	font-weight: 700;
	font-size: 18px;
	color: #3f3f3f;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-transform: none;
	font-family: 'Open Sans', arial, helvetica, sans-serif;
	border-bottom: solid 2px #eaeaea;
}
#rightbar ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: left;
}
#rightbar ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	width: 100%;
	margin-top: 2px;
}
#rightbar ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;
}
#rightbar ul li a {
	border: none;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0;
	color: #333;
}
#rightbar ul li a:hover {
	text-decoration: underline;
}
#rightbar a {
	text-decoration: underline;
}
#rightbar a:hover {
	border: none;
	text-decoration: none;
}

/* Contact Form 7 Style */

.wpcf7 {
	margin-top: 10px;
	float: left;
	clear: left;
	width: 70%;
}
.wpcf7 textarea, .wpcf7 input {
	padding: 5px 8px;
	margin-bottom: 15px;
	margin-top: 3px;
	width: 100%;
	border: solid 2px #eaeaea;
	height: 30px;
	background: none;
}
.wpcf7 textarea {
	height: auto;
}
.wpcf7 input.wpcf7-submit {
	width: auto;
	cursor: pointer;
	border: none;
	border: solid 2px #eaeaea;
	text-transform: uppercase;
	color: #3f3f3f;
	padding: 8px 25px;
	-webkit-transition: all 0.7s ease;
	-moz-transition:    all 0.7s ease;
	-ms-transition:     all 0.7s ease;
	-o-transition:      all 0.7s ease;
	height: auto;
}
.wpcf7 input.wpcf7-submit:hover {
	color: #999;
	background: #eaeaea;
	border: solid 2px #eaeaea;
}
.wpcf7 p {
	text-align: left;
	font-size: 16px;
	margin: 0;
	margin-bottom: 6px;
	text-transform: none;
}
/* misc */

.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] {
 height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
 max-width: 100%;
}
img.size-full, img.size-large, img.header-image, img.wp-post-image, #contentwrapper img {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
 * Make sure videos and embeds fit their containers */ embed, iframe, object, video {
 max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}
/* Images */
.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
	background: #eaeaea;
	text-align: center;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-size: 10px;
	color: #757575;
}
img.wp-smiley, .rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.gallery {
	margin: 0 auto;
}
.gallery .gallery-item {
	float: left;
	margin: 0;
	padding: 0;
}
.gallery-columns-2 .gallery-item {
	width: 30%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 1px solid white;
}
.gallery img:hover {
	background: white;
}
.gallery-columns-2 .attachment-medium {
	max-width: 100%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 100%;
	height: auto;
}
.gallery .gallery-caption {
	color: #fff;
	font-size: 14px;
	margin: 0 0 12px;
}
.gallery dl, .gallery dt {
	margin: 0;
	padding: 0;
}
.gallery br+br {
	display: none;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
	max-width: 100%;
	height: auto;
}

.entry pre {
	border: 1px solid #ededed;
	color: #666;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
p {
	margin-top: 6px;
}
#archivelist {
	float:left;
	margin-right: 0;
}
#archivelist ul li {
	list-style: none;
	line-height: 35px;
}
#archivelist ul {
	height: auto;
	margin-bottom: 30px;
}
#archivelist ul li a {
	color: #666;
	text-transform: uppercase;
}
#archivelist ul li a:hover {
	text-decoration: none;
}
ol {
	margin: 10px;
	padding: 0;
}
ul {
	margin: 5px;
	padding: 0;
}
.sticky {
}
.bypostauthor {
}
p.form-allowed-tags {
	display: none;
}
/* Blog Page Navigation */

.pagination {
	float: left;
	clear: left;
	width: 100%;
	height: 50px;
}

.pagination h2 {
	display: none;
}

.pagination span, .pagination a {
	-webkit-transition: all 0.3s ease;
  	-moz-transition:    all 0.3s ease;
  	-ms-transition:     all 0.3s ease;
  	-o-transition:      all 0.3s ease;
	padding: 10px 16px;
	margin-right: 5px;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	border: solid 2px #999;
	color: #3f3f3f;
	font-weight: 700;
}

.pagination a:hover,
.pagination .current {
   padding: 10px 16px;
	margin-right: 5px;
	color: #999;
	border: solid 2px #ccc;
	font-size: 12px;
	text-transform: uppercase;
}

/* Post Navigation */

.post-navigation {
	width: 100%;
	float: left;
	height: 40px;
	clear: none;
	margin-top: 5px;
}
.post-navigation h2 {
	display: none;
}

.post-navigation .nav-previous {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 10px;
}
.post-navigation .nav-next {
	width: 40px;
	height: 40px;
	float: left;
}
.post-navigation .nav-next a, .post-navigation .nav-previous a {
	border: solid 2px #eaeaea;
	width: 40px;
	height: 40px;
	display: block;
	color: #999;
	text-align: center;
	text-decoration: none;
	font-size: 0;
}
.post-navigation .nav-next a:hover, .post-navigation .nav-previous a:hover {
	color: #3f3f3f;
}
.post-navigation .nav-previous a:before {
	content: '\f430';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	line-height: 40px;
}
.post-navigation .nav-next a:before {
	content: '\f429';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	line-height: 40px;
}

/* comments */


#commentform {
	margin:0;
	padding:0;
}
#commentform p {
}
#commentform a {
	text-decoration: none;
	line-height: 14pt;
}
#commentform h3 {
	font-size: 10pt;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
#comments {
	width:100%;
	clear: both;
	float: left;
}
#comments label {
	float: left;
	clear: left;
	margin-top: 15px;
}
#author, #email, #url, #comment {
	font-size: 11px;
	padding:12px 16px;
	border: solid 1px #eaeaea;
	float: left;
	clear: left;
	margin-top: 0;
}
#author, #email, #url {
	height:16px;
}
#submit {
	cursor:pointer;
	padding: 12px 16px;
	border: solid 1px #eaeaea;
	float: left;
	clear: left;
	margin-top: 10px;
	-webkit-transition: all 0.4s ease;
	-moz-transition:    all 0.4s ease;
	-ms-transition:     all 0.4s ease;
	-o-transition:      all 0.4s ease;
	background: none;
	color: #666;
	text-transform: uppercase;
}
#submit:hover {
	background: #eaeaea;
}
#comments {
	margin:0;
	padding:0;
}
#respond h3, #comments h2 {
	color: #3f3f3f;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 900;
	font-family: 'Lato', arial, helvetica, sans-serif;
}
.reply a.comment-reply-link {
	border: solid 1px #eaeaea;
	-webkit-transition: all 0.4s ease;
	-moz-transition:    all 0.4s ease;
	-ms-transition:     all 0.4s ease;
	-o-transition:      all 0.4s ease;
	padding: 2px 10px;
	margin-top: 5px;
	float: left;
	clear: left;
	font-size: 12px;
}
.reply a.comment-reply-link:hover {
	background: #eaeaea;
}
ol.commentlist {
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
	margin-top: 15px;
}
.avatar {
	float:left;
	margin: 10px 20px 0 0;
	width: 30px;
	height: 30px;
}
ol.commentlist li.comment {
	margin: 0;
	padding: 4%;
	list-style-type:none;
	float: left;
	width: 70%;
	margin-bottom: 20px;
	border: solid 1px #eaeaea;
}
ol.commentlist li ul.children {
	width: 80%;
}
ol.commentlist li ul.children li {
	width: 100%;
	border: none;
	margin-bottom: 0;
}
ol.commentlist li.alt {
}
ol.commentlist li p {
	margin: 6px 0 6px 0;
	padding: 0 12px 0 0;
}
ol.commentlist a {
	text-decoration: none;
}
cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}
cite a {
	color: #666;
	text-decoration: none;
	border-bottom: 1px dotted #666;
}
/* footer */

#footer {
	width: 100%;
	float: left;
	clear: left;
	padding-top: 3px;
	margin-top: 0;
	color: #eaeaea;
	background: #3f3f3f;
}

.page-template-template-portfolio #footer {
	margin-top: 140px;
}

#bottomwidgets {
	width: 80%;
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
	font-weight: 400;
	margin-left: 10%;
}
#bottominner {
}

#bottomwidgets .widgets {
	width: 30%;
	float: left;
	margin-bottom: 100px;
	margin-top: 50px;
	font-size: 14px;
	margin-right: 5%;
}
#bottomwidgets .widgets:last-child {
	margin-right: 0;
}
#bottomwidgets h2 {
	font-family: 'Lato', arial, helvetica, tahoma, sans-serif;
	font-weight: 900;
	font-size: 20px;
	color: #fff;
	text-transform: none;
	margin-bottom: 10px;
}
#bottomwidgets ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: left;
}
#bottomwidgets ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	width: 100%;
	margin-top: 2px;
}
#bottomwidgets ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;
}
#bottomwidgets ul li a {
	text-decoration: underline;
	color: #eaeaea;
}
#bottomwidgets ul li a:hover {
	text-decoration: none;
}
#bottomwidgets a {
	text-decoration: underline;
}
#bottomwidgets a:hover {
	border: none;
	text-decoration: none;
}
#copyinfo {
	width: 100%;
	float: left;
	text-decoration: none;
	font-size: 14px;
	padding-top: 30px;
	padding-bottom: 30px;
	line-height: 100%;
	clear: both;
	text-align: center;
	background: #000;
	font-weight: 400;
	font-size: 14px;
}
#copyinfo a {
	text-decoration: underline;
	color: #eaeaea;
}
#copyinfo a:hover {
	text-decoration: none;
}

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

	 html {
 		-webkit-text-size-adjust: none;
	}


	#mainmenu {display: none;}

	.mmenu {
  		display: block;
  		font-size: 14px;
  		width: 100%;
  		float: left;
  		clear: left;
	}

	.mmenu ul {
  		list-style: none;
  		padding: 0;
  		text-align: left;
  		position: relative;
  		margin: 0;
  		margin-bottom: 10px;
		display: none;
	}

	.mmenu ul li {
  		float: left;
  		*display: inline;
  		zoom: 1;
  		position: relative;
	}

	.mmenu ul li span.arrow {
  		display: block;
  		/* "display:none" to hide arrows for the non-mobile nav */
  		position: absolute;
  		top: 32px;
  		color: #000;
  		width: 20px;
  		left: 50%;
  		margin-left: -10px;
  		text-align: center;
  		font-size: 7px;
  		z-index: 5;
  		cursor: pointer;
	}

	.mmenu ul li a {
  		display: block;
  		color: #000;
  		padding: 15px 20px;
  		border-bottom: 1px solid #ccc;
  		text-decoration: none;
		font-weight: 700;
		letter-spacing: 1px;
		font-size: 11px;
		text-transform: uppercase;
	}

	.mmenu ul li ul {
  		list-style: none;
  		padding: 0;
  		display: none;
  		position: absolute;
  		left: 0;
  		width: 160px;
  		margin-bottom: 0;
	}

	.mmenu ul li ul li {
  		width: 160px;
	}

	.mmenu ul li ul li a {
  		background: #eaeaea;
  		border-bottom: 1px solid #ccc;
  		display: block;
  		padding: 15px;
	}

	.mmenu ul li ul li a:hover {
  		color: #656565;
	}

	.mmenu ul li.current-menu-item a,
	.mmenu ul li:hover a {
  		color: #656565;
	}

	.mmenu ul li:hover a:hover {
 		color: #656565;
	}

	.mmenu ul li:hover ul {
  		display: block;
	}

	.mmenu ul li:hover ul a {
  		color: #656565;
	}

	.mmenu ul li:hover ul a:hover {
  		color: #656565;
	}

	.mmenu .nav-bars {
  		display: none;
  		position: absolute;
    	right: 5%;
    	width: 40px;
		height: 40px;
		text-align: center;
    	top: 80px;
    	color: #000;
    	font-size: 24px;
    	cursor: pointer;
    	clear: none;
		z-index: 4;
		border: solid 2px #333;
		border-radius: 50%;
	}

	.mmenu .nav-bars::before {
		content: '\f419';
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'Genericons';
		line-height: 40px;
		color: #000;
		-webkit-transition: all 0.3s ease;
  		-moz-transition:    all 0.3s ease;
  		-ms-transition:     all 0.3s ease;
  		-o-transition:      all 0.3s ease;
	}

	.opened .nav-bars::before {
		content: '\f406';
	}

	.mmenu .nav-bars i {
  		font-weight: bold;
	}

	.mmenu.mobile {
  		width: 100%;
	}

	.mmenu.mobile ul {
  		display: none;
	}

	.mmenu.mobile ul li {
  		width: 100%;
  		float: none;
	}

	.mmenu.mobile ul li span.arrow {
  		display: block;
  		top: 6px;
  		font-size: 16px;
  		margin: 0;
  		right: 2px;
  		left: auto;
  		padding: 10px;
	}

	.mmenu.mobile ul li span.arrow:hover {
  		color: #aaa;
	}

	.mmenu.mobile ul li span.arrow.arrow-rotate {
 		 -webkit-transform: rotate(180deg);
      	-ms-transform: rotate(180deg);
          transform: rotate(180deg);
	}

	.mmenu.mobile ul li a {
  		padding: 15px;
		padding-left: 25px;
	}

	.mmenu.mobile ul li ul {
  		position: static;
  		width: 100%;
	}

	.mmenu.mobile ul li ul li {
  		width: 100%;
	}

	.mmenu.mobile ul li:hover a {
  		border-bottom: 1px solid #ccc;
	}

	.mmenu.mobile ul li:hover a:hover {
  	}

	.mmenu.mobile ul li:hover ul {
  		display: none;
	}

	.mmenu.mobile ul li:hover ul a {
  	}

	.mmenu.mobile ul li:hover ul a:hover {
	}

	.mmenu.mobile .nav-bars {
  		display: block;
	}

	#logo {
		width: 50%;
	}

	#menu-social {
		width: 45%;
	}

	#contentwrapper, #headerin, #bottomwidgets {
 		width: 90%;
 		margin-left: 5%;
	}

	#content { width: 100%; }

	.frontwidget .widget-title {
		width: 100%;
	}

	.frontwidget p {
		width: 100%;
		float: left;
		margin-top: 20px;
	}

 	h2.entry-title a {
 		font-size: 34px;
 		line-height: 100%;
	}
 	.post {
 		margin-bottom: 50px;
	}

 	#bottomwidgets .widgets {
 		width: 100%;
		float: left;
		clear: left;
 		margin: 0;
 		padding: 0;
 		margin-bottom: 25px;
 		margin-top: 25px;
	}
 	.pagination {
 		text-align: center;
	}
 	.pagination span, .pagination a {
 		padding: 0;
 		margin-right: 5px;
 		margin-left: 5px;
 		text-transform: uppercase;
 		border: none;
 		font-size: 16px;
	}
	.pagination a:hover, .pagination .current {
 		padding: 0;
 		margin-right: 5px;
 		color: #333;
 		background: none;
 		border: none;
 		font-size: 16px;
 		margin-left: 5px;
	}
 	#rightbar {
 		width: 100%;
 		float: left;
 		clear: both;
		margin: 0;
	}

}

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

 	html {
 		-webkit-text-size-adjust: none;
	}

	#logo {
		width: 80%;
	}

	#menu-social {
		width: 80%;
		float: left;
		text-align: left !important;
	}

	#menu-social ul {
		text-align: left;
		float: left;
	}

	#menu-social ul li a {
		margin-left: 0;
		margin-right: 10px;
	}

	.mmenu .nav-bars {
		top: 60px;
	}

 	#contentwrapper, #headerin, #bottomwidgets {
 		width: 90%;
 		margin-left: 5%;
	}

	#content { width: 100%; }

	.frontwidget .widget-title {
		width: 100%;
	}

	.frontwidget .widget-content {
		width: 100%;
		float: left;
		margin-top: 20px;
	}

 	h2.entry-title a {
 		font-size: 34px;
 		line-height: 100%;
	}
 	.post {
 		margin-bottom: 50px;
	}

 	#bottomwidgets .widgets {
 		width: 100%;
		float: left;
		clear: left;
 		margin: 0;
 		padding: 0;
 		margin-bottom: 25px;
 		margin-top: 25px;
	}
 	.pagination {
 		text-align: center;
	}
 	.pagination span, .pagination a {
 		padding: 0;
 		margin-right: 5px;
 		margin-left: 5px;
 		text-transform: uppercase;
 		border: none;
 		font-size: 16px;
	}
	.pagination a:hover, .pagination .current {
 		padding: 0;
 		margin-right: 5px;
 		color: #333;
 		background: none;
 		border: none;
 		font-size: 16px;
 		margin-left: 5px;
	}
 	#rightbar {
 		width: 100%;
 		float: left;
 		clear: both;
		margin: 0;
	}

}