/*
Theme Name: Blanche Lite
Theme URI: http://www.vivathemes.com/wordpress-theme/blanche/
Description:  Blanche Lite is a clean and professional WordPress theme that will make your website stand out from the crowd. It has a minimal design and a balanced layout that can be used for your fashion blog or personal and business website. Includes custom header, social media menu, four widget location, custom logo image, favicon and much more. For even more features check the Pro Version of this theme https://www.vivathemes.com/wordpress-theme/blanche/
Author: Viva Themes
Author URI: http://www.vivathemes.com
License: GNU GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.1
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-colors, custom-logo, custom-menu, full-width-template, translation-ready, featured-images, threaded-comments, footer-widgets, blog, entertainment, photography
Text Domain: blanche-lite
Domain Path: /languages/

Blanche Lite Theme, (C) 2019 Viva Themes

*/

html {
	margin:0 !important;
	padding:0 !important;
}

body {
	height:100%;
	min-height: 100%;
	margin:0 !important;
	padding:0 !important;
	background: #fff;
	color: #999;
	font-family: 'Hind', arial, helvetica, tahoma, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 185%;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

h1 {
	font-size: 36px;
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Hind', arial, helvetica, tahoma, sans-serif;
}
h2 {
	color: #000;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: 400;
	font-family: 'Hind', arial, helvetica, tahoma, sans-serif;
}
h3 {
	color: #000;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: 400;
	font-family: 'Hind', arial, helvetica, tahoma, sans-serif;
}
h4 {
	color: #000;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 400;
	font-family: 'Hind', arial, helvetica, tahoma, sans-serif;
}
h5 {
	color: #000;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 400;
	font-family: 'Hind', arial, helvetica, tahoma, sans-serif;
}
p {
	margin-top: 10px;
}
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: #000;
	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;
}

#wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
}

/* header */

#header {
	width: 100%;
	margin: 0;
	float: left;
	clear: left;
	position: relative;
}

#headerbg {
	position: relative;
	z-index: 0;
	width: 100%;
	float: left;
	clear: left;
	margin: 0;
	min-height: 80vh;
	background: #000;
}

#headerin {
	width: 100%;
	float: left;
	clear: left;
	background:#f6f6f6;
	padding-top: 20px;
	padding-bottom: 0;
	position: relative;
	z-index: 2;
}

.home #headerin {
	background: none;
}

#headerline {
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
}

#logo {	
	width: 30%;
	float:left;
	margin-top: 0;
}

#logo a img {
	float: left;
	margin-bottom: 5px;
}

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

h1.site-title {
	font-size: 20px;
	color: #000;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0;
	margin-bottom: 5px;
	float: left;
	letter-spacing: 2px;
	font-weight: 600;
	clear: left;
}

h2.site-description {
	font-size: 13px !important;
	text-transform: none;
	margin: 0;
	margin-bottom: 5px;
	color: #000;
	font-weight: normal;
	line-height: 120%;
	float: left;
	clear: left;
}

#headerimage {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
}

/* 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: none;
	border: solid 1px #eaeaea;
	height:20px;
	font-size:11px;
	padding-top:2px;
	color: #000;
}
#searchform input#searchsubmit {
	display: none;
}

/* Main Menu */

#mainmenu {
	width: 55%;
	float: right;
	margin-top: 0;
	margin-bottom: 0;
}

.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sf-menu li {
	position: relative;
}

.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}

.sf-menu > li {
	float: left;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

/*** Menu Styling ***/
.sf-menu {
	float: right;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	background: #fff;
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
	padding: 7px 30px;
	padding-right: 0;
	text-decoration: none;
	zoom: 1; /* IE7 */
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	font-family: 'Hind', arial, helvetica;
	font-weight: 600;
	letter-spacing: 1px;
}

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

.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.sf-menu ul li {
}

.sf-menu ul ul li {
}

.sf-menu ul li a,
.sf-menu ul ul li a {
	color: #000;
	font-size: 13px;
	text-transform: none;
	line-height: 160%;
	padding: 7px 15px;
	padding-right: 15px;
	padding-bottom: 7px;
	line-height: 175%;
}

.sf-menu li:hover,
.sf-menu li.sfHover {
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}


/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}


/* Top Widget */

#topwidget {
	width: 280px;
	padding: 45px;
	padding-bottom: 0;
	position: relative;
	text-align: center;
	margin: 0 auto;
	margin-top: 200px;
	clear: both;
	margin-bottom: 100px;
	border: solid 3px #fff;
	z-index: 2;
	color: #fff;
	opacity: 0;
}

#topwidget .widget {
	width: 100%;
	margin-bottom: 45px;
}

#topwidget h2.widget-title {
	font-weight: 300;
	font-size: 36px;
	color: #fff;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#topwidget h2.widget-title span {
	
}

#topwidget ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: left;
}

#topwidget ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	width: 100%;
	margin-top: 2px;
}

#topwidget ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;
}

#topwidget ul li a {
	border: none;
	text-decoration: underline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0;
	color: #000;
}

#topwidget ul li a:hover {
	text-decoration: none;
}

/* Call to Action Button */

a.dbutton {
	
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
}

a.dbutton span {
	position: relative;
	display: inline-block;
	padding: 0 54px;
	line-height: 44px;
	background: #000;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .5px;
	color: #fff;
	text-transform: uppercase;
}

.mask a.dbutton span,
.box a.dbutton span,
#topwidget a.dbutton span {
	background: #fff;
	color: #000;
}

a.dbutton span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
}

.mask a.dbutton span::before,
.box a.dbutton span::before,
#topwidget a.dbutton span::before {
	background: #000;
}

a.dbutton:hover span,
a.dbutton:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}

a.dbutton:hover span::before,
a.dbutton:focus span::before {
	background: #000;	
}

.mask a.dbutton:hover span::before,
.mask a.dbutton:focus span::before,
.box a.dbutton:hover span::before,
.box a.dbutton:focus span::before,
#topwidget a.dbutton:hover span::before,
#topwidget a.dbutton:focus span::before {
	background: #fff;	
}

/* Front Widget */

.frontwidget {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
	padding-left: 25px;
	padding-right: 25px;
}

.frontwidget .widget {
	width: 100%;
	margin-top: 80px;
	margin-bottom: 20px;
	float: left;
	clear: left;
	opacity: 0;
}

.frontwidget h2.widget-title {
	font-weight: 300;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.frontwidget ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: left;
}

.frontwidget ul li {
	padding-top: 5px;
	padding-bottom: 5px;
	list-style: none;
	width: 100%;
	margin-top: 2px;
}

.frontwidget ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;
}

.frontwidget ul li a {
	border: none;
	text-decoration: underline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0;
	color: #000;
}

.frontwidget ul li a:hover {
	text-decoration: none;
}

.frontwidget a {
	text-decoration: none;
}

.frontwidget a:hover {
	text-decoration: none;
}

/* Content Section */

#contentwrapper {
	width: 100%;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	margin-top: 60px;
	margin-bottom: 20px;
	position: relative;
	opacity: 0;
}

#searchresult,
#content {
	width: 60%;
	float: left;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

#contentfull {
	width: 100%;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
}

.bg-img {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	z-index: 0;
	opacity: .4;
}

/* Search Results */

.search-results #searchresult {
	text-align: left;
}

.search-results .type-product,
.search-results .type-page,
.search-results .type-portfolio {
	width: 100%;
	float: left;
	clear: left;
	background: none;
	margin-bottom: 40px;
	
}

.search-results .pagination {
	display: block !important;
}


/* content */

.post {
	margin:0;
	padding:0;
	width: 100%;
	float: left;
	clear: left;
	margin-bottom: 60px;
}

.singular .post {
	margin-bottom: 0;
}

.entry {
}

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


/* Content Titles */

h1.page-title, h1.entry-title {
	font-size: 30px;
	color: #000;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	line-height: 110%;
	margin-bottom: 0;
	font-weight: 300;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.single-product h1.entry-title,
.single-portfolio h1.entry-title,
.single-post h1.entry-title,
h2.entry-title {
	font-size: 22px;
	color: #000;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: uppercase;
	line-height: 110%;
	margin-top: 10px;
	letter-spacing: 1px;
	text-align: left;
	font-weight: 400;
}

.term-description,
.archive .taxonomy-description {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

h2.entry-title a {
	text-decoration: none;
	color: #000;
	font-size: 22px;
	line-height: 110%;
	text-transform: uppercase;
}

.blog #content .post {
	padding-bottom: 30px;
}

.blog #content h2.entry-title,
.blog #content h2.entry-title a {
}

.post ul {
}
.post li {
	margin-left: 15px;
}
.entry p {
	margin: 8px 0;
}

.postcat span {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 15px;
	color: #999;
	margin-right: 10px;
}


.postcat {
	width: 100%;
	float: left;
	margin-top: 0;
	margin-bottom: 10px;
}

.postcat a {
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 15px;
	color: #666;
}

.postcat a:hover {
	color: #333;
}

/* Blog More Link */

a.more-link {
	color: #000;
	clear: left;
	font-weight:600;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	border-bottom: solid 1px #eaeaea;
	margin-top: 30px;
	height: 12px;
	width: 80%;
}

a.more-link span {
	background: #fff;
	padding: 10px 15px;
	border-radius: 3px;
	border: solid 1px #eaeaea;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-left: 10px;
}

a.more-link span:hover {
	background: #eaeaea;
}


/* Blog Page Navigation */

.pagination {
	float: left;
	clear: left;
	width: 100%;
	height: 50px;
	margin-top: 40px;
}

.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;
	margin-right: 15px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
  	color: #000;
}

.pagination a:hover,
.pagination .current {
	color: #999;
}

/* Post Navigation */

.navigation h1 {
	display: none;
}

.post-navigation {
	width: 100%;
	float: left;
	clear: none;
	margin-top: 30px;
	border-top: solid 1px #f6f6f6;
	border-bottom: solid 1px #f6f6f6;
	padding-top: 40px;
	padding-bottom: 40px;
}

.post-navigation a {
	text-decoration: none;
	color: #ccc;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}

.post-navigation a:hover {
	color: #999;
}

.post-navigation .nav-previous {
	width: 40%;
	float: left;
	position: relative;
	padding-left: 60px;
}
.post-navigation .nav-next {
	width: 40%;
	float: right;
	text-align: right;
	position: relative;
	padding-right: 60px;
}

.post-navigation .nav-next a:hover, .post-navigation .nav-previous a:hover {
	
}
.post-navigation span.meta-nav {
	width: 100%;
	display: block;
	text-decoration: none;
	line-height: 32px;
}
.post-navigation .nav-previous a:before {
	content: '\f431';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 64px/1 'Genericons';
	color: #eaeaea;
	vertical-align: middle;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -32px;
}
.post-navigation .nav-next a:after {
	content: '\f432';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 64px/1 'Genericons';
	color: #eaeaea;
	vertical-align: middle;
	-moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -32px;
}


/* Post Tags */

p.singletags {
	line-height: 30px;
	margin-top: 40px;
}

p.singletags a {
	text-decoration: none;
	color: #000;
	font-size: 14px;
	margin-left: 15px;
	margin-bottom: 3px;
	-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 {
	color: #999;
}

p.singletags:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	vertical-align: middle;
	content: '\f302';
	color: #000;
	text-align: center;
	margin-top: 0;
}

ol {
	margin: 10px;
}
ul {
	margin: 5px;
}


/* Right Sidebar*/

#rightbar {
	width: 250px;
	float: right;
	margin: 0;
	margin-top: 30px;
}

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

#rightbar h2.widget-title {
	font-size: 13px;
	color: #000;
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}

#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: underline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 0;
	color: #000;
}

#rightbar ul li a:hover {
	text-decoration: none;
}

#rightbar a {
	text-decoration: underline;
}

#rightbar a:hover {
	border: none;
	text-decoration: none;
}

#rightbar #searchform {
  	padding: 0;
  	float: left;
  	width: 100%;
	margin-top: 10px;
  	margin-right: 0;
}

#rightbar .widget_search {
	width: 100%;
}

#rightbar #searchform input#s{
	float: left;
	width: 96%;
	border: solid 1px #eaeaea;
	color: #000;
}

#rightbar select {
	max-width: 100%;
}

.widget_author_grid ul {
	list-style: none;
	margin:     0 0 25px !important;
}

.widget_author_grid ul li {
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
	display:  inline-block !important;
	position: relative !important;
}

.widget_author_grid .avatar {
	border: solid 1px #eaeaea;
	padding: 2px;
	margin-right: 5px;
}

.widget_authors ul li strong {
	font-weight: 600;
	text-transform: uppercase;
	width: 100%;
	clear: left;
	float: left;
}

.widget_authors ul li strong:hover {
	text-decoration: underline;
}

.widget_authors .avatar {
	border: solid 1px #eaeaea;
	margin: 0 auto !important;
	padding: 2px;
	float: none;
	margin-top: 20px !important;
}

/* calendar widget */

.widget_calendar {
	float: left;
}

#wp-calendar, #calendar_wrap {
	width: 100%; 
}

#wp-calendar caption { 
	text-align: right; 
	color: #333; 
	font-size: 13px; 
	margin-top: 10px; 
	margin-bottom: 15px; 
	text-transform: uppercase;
}

#wp-calendar thead { 
	font-size: 10px; 
}

#wp-calendar thead th { 
	padding-bottom: 10px; 
}

#wp-calendar tbody { 
	color: #333; 
}

#wp-calendar tbody td { 
	background: #eaeaea; 
	border:none; 
	text-align: center; 
	padding:5px;
}

#wp-calendar tbody td:hover { 
	background: #ccc; 
}

#wp-calendar tbody td a {
	color:#cc0000;
}

#wp-calendar tbody .pad { 
	background: none; 
}

#wp-calendar tfoot #next { 
	font-size: 13px; 
	text-transform: uppercase; 
	text-align: right;
	color: #333; 
	padding-top: 10px; 
}

#wp-calendar tfoot #prev { 
	font-size: 13px; 
	text-transform: uppercase; 
	padding-top: 10px; 
	color: #333; 
	text-align: left;
}

#wp-calendar tfoot #next a,
#wp-calendar tfoot #prev a {
	color: #333;
}	

/* 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;
	margin-top: 30px;
}
#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;
	background: none;
	color: #000;
	width: 90%;
}
#author, #email, #url {
	height:16px;
}
#submit {
	cursor:pointer;
	padding: 12px 16px;
	border: none;
	float: left;
	clear: left;
	margin-top: 20px;
	-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;
	border: solid 1px #eaeaea;
	color: #000;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-family: 'Hind', arial, helvetica, sans-serif;
}
#submit:hover {
	background: #eaeaea;
}

#respond h3, #comments h2 {
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 400;
}
.reply a.comment-reply-link {
	border: none;
	-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: 0;
	margin-top: 5px;
	float: left;
	clear: left;
	font-size: 13px;
	text-transform: uppercase;
	background: none;
	color: #000;
	font-weight: 500;
	letter-spacing: 1px;
}
.reply a.comment-reply-link:hover {
	color: #999;
}

.comment-respond {
	clear: left;
}

ol.commentlist {
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
	margin-top: 15px;
	width: 100%;
}
.avatar {
	float:left;
	margin: 10px 20px 0 0;
	width: 30px;
	height: 30px;
}
ol.commentlist li.comment {
	margin: 0;
	padding: 30px 0;
	list-style-type:none;
	float: left;
	width: 80%;
	margin-bottom: 20px;
	border-bottom: 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: #000;
	text-decoration: none;
	border-bottom: solid 1px #eaeaea;
}

.post-subscription-form,
.comment-subscription-form {
	float: left !important;
	clear: left !important;
}

label#subscribe-label,
label#subscribe-blog-label {
  	float: none;
	color: #000 !important;
}

#footer {
	width: 100%;
	float: left;
	clear: left;
}

/* Footer Widgets */

#footerinner {
	width: 100%;
	float: left;
	clear: left;
	background: #f6f6f6;
	margin-top: 30px;
	padding-top: 70px;
}

#footerwidgets {
	max-width: 1200px;
	margin: 0 auto;
	font-size: 12px;
	padding-left: 25px;
	padding-right: 25px;
}

#footerwidgets .widget {
	margin: 0;
	margin-right: 80px;
	width: 240px;
	float: left;
	margin-bottom: 80px;
}

#footerwidgets .widget:nth-child(4n) {
	margin-right: 0;
}

#footerwidgets h2.widget-title {
	font-size: 13px;
	color: #000;
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
}


#footerwidgets ul {
	padding: 0;
	margin: 0;
	width: 100%;
	float: left;
	clear: left;
}

#footerwidgets ul li {
	padding-top: 3px;
	padding-bottom: 3px;
	list-style: none;
	width: 100%;
}

#footerwidgets ul li ul li {
	border: none;
	list-style: none;
	margin-left: 0;
	margin-top: 2px;
	float: left;
	clear: left;
	width: 100%;
}

#footerwidgets ul li a {
	border: none;
	padding: 0;
}

#footerwidgets ul li a:hover {
}

#footerwidgets a {
}

#footerwidgets a:hover {
	border: none;
	text-decoration: none;
}

/* Social Media Menu */

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

#menu-social {
	margin-top: 0;
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

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

#menu-social ul li {
	display:  inline-block;
	position: relative;
}
		
#menu-social ul li a {
	display:  inline-block;
	width: 32px;
	height: 32px;
	-webkit-transition: all .3s ease;
  	-moz-transition:    all .3s ease;
  	-ms-transition:     all .3s ease;
  	-o-transition:      all .3s ease;
	text-align: center;
	border: none;
	background: #d7d8d7;
	margin: 10px 4px;
	-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 {
	text-decoration: none;
	opacity: .7;
}

#menu-social li a::before {
	content:        '\f408';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	line-height: 32px;
	color: #f6f6f6;
	-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';
}


#copyinfo {
	width: 90%;
	float: left;
	padding-left: 5%;
	padding-right: 5%;
	background: #f6f6f6;
	text-align: center;
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 100%;
	font-weight: 400;
	color: #666;
	text-transform: uppercase;
}

#copyinfo a {
	color: #666;
	text-decoration: none;
}

#copyinfo a:hover {
	text-decoration: underline;
}

/* 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 1px #ccc;
	height: 20px;
	background: none;
	border-radius: 3px;
}
.wpcf7 textarea {
	height: auto;
}
.wpcf7 input.wpcf7-submit {
	width: auto;
	cursor: pointer;
	border: none;
	border: solid 1px #333;
	text-transform: uppercase;
	font-family: 'Hind', arial, helvetica;
	font-weight: 400;
	color: #fff;
	background: #333;
	border-radius: 3px;
	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: #000;
	background: none;
}
.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, 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;
	margin-top: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
	margin-top: 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: none;
	text-align: center;
	border: none;
	background: #eaeaea;
}
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption {
	font-size: 12px;
	
}
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 {
	padding: 5px;
	background: #eaeaea;
	border: none !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition:    all 0.3s ease;
	-ms-transition:     all 0.3s ease;
	-o-transition:      all 0.3s ease;
}
.gallery img:hover {
	border: none !important;
	background: #d8d8d8;
}
.gallery-columns-2 .attachment-medium {
	max-width: 100%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 100%;
	height: auto;
}
.gallery .gallery-caption {
	color: #000;
	font-size: 12px;
	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;
}

a.post-edit-link {
	display: block;
	clear: both;
}

.entry pre {
	border: solid 1px #eaeaea;
	color: #000;
	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: solid 1px #eaeaea;
	color: #000;
	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: solid 1px #eaeaea;
	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;
}

.tagstring { display: none; }

.mmenu {
	display: none;
}

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

	#footerwidgets .widget {
		width: 40%;
		margin-right: 5%;
	}	

}

@media screen and (max-width: 768px) {
	
	html {
 		-webkit-text-size-adjust: none;
	}
	
	#header #mainmenu {
		display: none;
	}
	
	#menu-social {
	}
	
	#menu-social ul {
	}
	
	#logo {
		width: 50%;
		margin-bottom: 10px;
	}
	
	.mmenu {
  		display: block;
  		font-family: "Helvetica", Arial, sans-serif;
  		font-size: 14px;
  		font-weight: 100;
  		width: 100%;
  		float: left;
  		clear: left;
	}

	.mmenu ul {
  		list-style: none;
  		padding: 0;
  		text-align: left;
  		position: relative;
  		margin: 0;
  		margin-bottom: 10px;
	}
	
	.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: 600;
		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: 110px;
    	width: 16px;
    	top: 23px;
    	color: #000;
    	font-size: 24px;
    	cursor: pointer;
    	clear: none;
		z-index: 4;
	}

	.mmenu .nav-bars::before {
		content: '\f419';
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'Genericons';
		line-height: 28px;
		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;
	}
	
	#content {
		width: 100%;
	}
	
	#rightbar {
		width: 100%;
		float: left;
		clear: left;
	}

}

@media screen and (max-width: 620px) {
	
	#footerwidgets .widget {
		width: 95%;
		margin-left: 5%;
		margin-right: 0;
	}	

}