/*
Theme Name: Distance Lite
Theme URI: https://vivathemes.com/wordpress-theme/distance/
Description: Distance Lite is a multi-purpose WordPress theme that you can use for blog and business websites. The theme has a clean look with minimalist style and beautiful blog layout. In the front page you can display your blogor a static page. Add links to your Social media accounts easily with the integrated Social Media menu. Distance Lite comes loaded with 28 social media icons to have your visitors connect to you. Easily upload your logo image and favicon, styling for Contact Form 7 plugin are among the features. For even more features check the Pro Version of this theme https://vivathemes.com/wordpress-theme/distance/
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.0.8
Tags: two-columns, full-width-template, right-sidebar, custom-background, custom-header, custom-colors, custom-logo, custom-menu, translation-ready, featured-images, threaded-comments, entertainment
Text Domain: distance-lite
Domain Path: /languages/

Distance Lite theme, (C) 2020 Viva Themes

*/

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

body {
	height:100%;
	min-height: 100%;
	margin:0 !important;
	padding:0 !important;
	background: #f7f7f7;
	color: #333;
	font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
	font-size: 15px;
	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: 'Open Sans', arial, helvetica, tahoma, sans-serif;
}
h2 {
	color: #000;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 34px;
	font-weight: 400;
  font-family: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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: 'Open Sans', 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 */

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline;
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	word-break: normal;
}

.screen-reader-text:focus {
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #00B2B2;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	right: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

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

#wrapper {
	width: 100%;
	float: left;
	position: relative;
	margin-top: 120px;
}

/* header */

#header {
	width: 80%;
	margin: 0;
	margin-left: 10%;
	float: left;
	clear: left;
	position: relative;
}

#logo {
	width: 15%;
	float:left;
	margin-top: 39px;
}

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

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

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

#logo a h1.site-title:first-letter {
	color: #00B2B2;
}

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



/* search */

#searchform {
	padding:0;
	margin:0;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-right: 8px;
}
#searchform input#s {
	margin:0;
	padding:2px;
	width: 100%;
	box-sizing: borde-box;
	padding-left: 3px;
	background: none;
	border: solid 1px #eaeaea;
	height:34px;
	font-size:11px;
	padding-top:2px;
	color: #000;
	margin-bottom: 10px;
	float: left;
}
#searchform input#searchsubmit {
	background: #00B2B2;
	border: solid 2px #00B2B2;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 30px;
	cursor: pointer;
	clear: left;
	float: left;
}

/* Main Menu */

#mainmenu {
	width: 70%;
	float: left;
	margin-top: 0;
	*width: 916px; /* IE7 only hack */
}

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

.sf-menu li {
	position: relative;
}

.sf-menu ul {
	position: absolute;
	background: #fff;
	top: 100%;
	left: -9999em;
	opacity: 0;
	z-index: 999;
}

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

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	left: 0;
	opacity: 1;
}

.sf-menu li:hover > ul ul,
.sf-menu li.sfHover > ul ul {
	left: auto;
}

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

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

/* Centre the Menu */

.sf-menu {
    float: left;
    position: relative;
    left: 50%;
}
.sf-menu ul li {
    left: 0%;
}
.sf-menu li {
    left: -50%;
		padding-left: 20px;
		padding-right: 20px;
}

.sf-menu li.menu-item-has-children::after {
	content:'';
	width: 5px;
	height: 5px;
	display: block;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
	position: absolute;
	right: 5px;
	bottom: 11px;
	transform: rotate(45deg);
	transition: all 0.3s;
}

.sf-menu li.menu-item-has-children:hover::after {
	transform: rotate(-135deg);
	bottom: 9px;
}

.sf-menu li ul li.menu-item-has-children::after {
	transform: rotate(-45deg);
}

.sf-menu li ul li.menu-item-has-children:hover::after {
	transform: rotate(135deg);
	bottom: 9px;
}

/*** Menu Styling ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	box-shadow: 2px 2px 6px rgba(0,0,0,.2);
	min-width: 12em; /* allow long menu items to determine submenu width */
	*width: 12em; /* no auto sub width for IE7, see white-space comment below */
	padding-bottom: 14px;
}
.sf-menu a {
	padding: 0;
	text-decoration: none;
	zoom: 1; /* IE7 */
	font-size: 14px;
	text-transform: none;
	font-weight: 600;
	letter-spacing: .5px;
	color: #333;
	padding-top: 38px;
}

.sf-menu a::before {
		content: '';
		height: 3px;
		width: 0;
		background: #76D3D4;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
}

.sf-menu a:hover::before {
	width: 100%;
}

.sf-menu li.current-menu-item a::before {
  width: 100%;
}

.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 a {
	padding-top: 10px;
	padding-bottom: 0;
}

.sf-menu ul li a::before {
	display: none;
}

.sf-menu ul ul li {

}

.sf-menu ul li a,
.sf-menu ul ul li a {
	color: #666;
	font-size: 13px;
	text-transform: none;
	line-height: 220%;
	font-weight: 600;
}

.sf-menu ul li a:hover,
.sf-menu ul ul li a:hover {
	color: #00B2B2;
}

.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 {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #a3978e; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(163,151,142,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #a3978e; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(163,151,142,.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;
}

.sf-menu ul.sub-menu {display:block!important;}

/* Right Top Menu */

.rightmenu {
	width: 15%;
	float: right;
}


.rightmenu #menu-social ul li a {
	border-color: #ccc;
}

/* Top Widget */

.headerbg {
	width: 100%;
	margin-top: 120px;
	float: left;
	background: #fff;
	height: 410px;
	animation-duration: 1.4s;
	overflow: hidden;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-400px);
    }
    50%{
       opacity: 1;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 1;
        transform: translateX(-100%);
    }
    50%{
       opacity: 1;
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.headerbg .fadeInLeft{
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.headerimage {
	position: absolute;
	right: 10%;
	top: 0;
	opacity: 0;
	animation-delay: 2s;
}

#topwidget {
	max-width: 600px;
	float: left;
	padding-bottom: 0;
	color: #333;
	position: relative;
	z-index: 999;
	opacity: 0;
    margin-top: 100px;
	margin-left: 10%;
	margin-right: 5%;
	animation-delay: 1.5s;
}

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

#topwidget h2.widget-title {
	font-weight: 400;
	font-size: 24px;
	color: #333;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: none;
}

#topwidget h2.widget-title span {
	color: #00B2B2;
}

#topwidget a.widget-more {
	margin-top: 30px;
	display: block;
	text-decoration: none;
	color: #00B2B2;
	padding-top: 10px;
	position: relative;
}

#topwidget a.widget-more::before {
	content: '';
	width: 360px;
	height: 1px;
	border-top: solid 1px #ccc;
	display: block;
	position: absolute;
	left: -300px;
	top: 0;
	transition: all .3s ease;
}

#topwidget a.widget-more:hover {
	opacity: .7;
}

#topwidget a.widget-more:hover::before {
	width: 420px;
}

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

/* Content Section */

#contentwrapper {
	width: 80%;
	float: left;
	clear: left;
	margin-left: 10%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 40px;
	position: relative;
	opacity: 0;
	animation-delay: 1.5s;
}

.page-template-template-plain #contentwrapper {
	animation-delay: 0s;
}

#innerwhitebg {
	position: absolute;
	z-index: 0;
	background: #fff;
	height: 380px;
	top: 0;
	left: 0;
	right: 0;
	animation-duration: 1.4s;
}

.home #innerwhitebg {
	display: none;
}

.pagetop {
	max-width: 600px;
	position: absolute;
	left: 0;
	top: 100px;
}

.home .pagetop {
	max-width: 100%;
	position: relative;
	top: 0;
}

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

.home #content,
.home #rightbar {
	margin-top: 40px;
}

#contentfull {
	width: 100%;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
	margin-top: 440px;
}

#contentplain {
	width: 100%;
	float: left;
	clear: left;
	padding: 0;
	margin: 0;
	margin-top: 30px;
}


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

.home.blog #contentfull,
.search #contentfull,
.single #content,
.single #contentfull,
.single #rightbar {
	margin-top: 0;
}

.search #contentwrapper,
.single #contentwrapper {
	animation-delay: 0s;
}

/* Search Results */

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

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

}

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

/* 404 */

a.notfound {
	color: #00B2B2;
	font-size: 34px;
	text-decoration: none;
	display: block;
	margin-bottom: 20px;
}

a.notfound span {
	font-size: 24px;
	opacity: .7;
	transition: all .3s ease;
}

a.notfound:hover span {
	margin-left: 20px;
}

p.makesearch {
	font-size: 22px;
}

.error404 #searchform {
	width: 100%;
}

.error404 #searchform input#s {
	width: 80%;
	border: solid 2px #eaeaea;
	padding-top: 14px;
	padding-bottom: 14px;
}

/* content */

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

.search .post,
.archive .post,
.blog .post {
	width: 30%;
	float: left;
	clear: none;
	margin-right: 5%;
	margin-top: 20px;
}

.search .post:nth-child(3n+3),
.archive .post:nth-child(3n+3),
.blog .post:nth-child(3n+3) {
	margin-right: 0;
}

.search .post:nth-child(3n+4),
.archive .post:nth-child(3n+4),
.blog .post:nth-child(3n+4) {
	clear: left;
}

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

.entry {
}

a.bloglink {
	position: relative;
	display: block;
	float: left;
	line-height: 70%;
	margin-bottom: 10px;
}

a.bloglink::after {
	content: '+';
	width: 32px;
	height: 32px;
	font-size: 22px;
	font-weight: 300;
	display: block;
	background: rgba(0,178,178,.5);
	color: #fff;
	text-align: center;
	line-height: 32px;
	position: absolute;
	z-index: 2;
	bottom: 0;
	right: -5px;
	opacity: 0;
	transition: all .5s ease;
}

a.bloglink:hover::after {
	opacity: 1;
	right: 0;
}

a.bloglink img {
	transition: all .5s ease;
}

a.bloglink:hover img {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/* Content Titles */

h1.page-title, h1.entry-title {
	font-size: 24px;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: none;
	line-height: 120%;
	margin-bottom: 0;
	font-weight: 400;
	margin-bottom: 20px;
}

.single-post h1.entry-title,
h2.entry-title {
	font-size: 24px;
	color: #333;
	margin-top: 0;
	margin-bottom: 0;
	text-transform: none;
	line-height: 120%;
	margin-bottom: 20px;
	font-weight: 400;
}

h1.page-title:first-letter,
h1.entry-title:first-letter {
	color: #00B2B2;
}

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

h2.entry-title,
h2.entry-title a {
	text-decoration: none;
	color: #333;
	font-size: 18px;
	line-height: 120%;
	margin-bottom: 5px;
	margin-top: 0;
}

h2.entry-title a:hover {
	opacity: .6;
}

.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 {
    color: #999;
    margin-right: 5px;
    text-transform: uppercase;
    display: block;
    float: left;
		font-weight: 400;
		color: #333;
		font-size: 12px;
		margin-top: 1px;
}


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

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

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

/* Blog Page Navigation */

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

.pagination h2 {
	display: none;
}

.pagination span {
	margin-right: 10px;
}

.pagination span.current, .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: 10px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 300;
	text-transform: uppercase;
  	color: #000;
		height: 32px;
		width: 32px;
		line-height: 32px;
		border-radius: 3px;
		display: inline-block;
		text-align: center;
}

.pagination a:hover,
.pagination span.current {
	color: #00B2B2;
	background: #fff;
}

.pagination a.next,
.pagination a.prev {
	width: auto;
	padding-left: 8px;
	padding-right: 8px;
}

/* Post Navigation */

.navigation h1 {
	display: none;
}

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

.post-navigation a {
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 400;
	font-size: 0px;
}

.post-navigation a:hover {
	opacity: .6;
}

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

.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 32px/1 'Genericons';
	color: #00B2B2;
	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: -14px;
}
.post-navigation .nav-next a:after {
	content: '\f432';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 32px/1 'Genericons';
	color: #00B2B2;
	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: -14px;
}

.single-portfolio .post-navigation {
	margin-top: 30px;
	padding-top: 0;
	padding-bottom: 0;
}

/* 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: 260px;
	float: right;
	margin: 0;
	margin-top: 440px;
}

#rightbar .widget {
	width: 100%;
	margin-bottom: 30px;
	float: left;
	clear: left;
	font-size: 14px;
	box-sizing: border-box;
	border: solid 1px #eaeaea;
	padding: 20px 24px;
}

#rightbar h2.widget-title {
	font-size: 16px;
	color: #333;
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 600;
}

#rightbar h2.widget-title:first-letter {
	color: #00B2B2;
}

#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: #00B2B2;
	text-decoration: none;
}

#rightbar ul li a:hover {
	opacity: .7;
}

#rightbar a {
	color: #00B2B2;
}

#rightbar a:hover {
	opacity: .7;
	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;
}

#submit:hover {
	background: #eaeaea;
}

#respond h3, #comments h2 {
	color: #333;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
}

.comment-form-cookies-consent {
	width: 100%;
	float: left;
	clear: left;
	margin-top: 30px!important;
}

.comment-form-cookies-consent label {
	float: none!important;
	margin: 0!important;
	clear: none!important;
}

.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: #333;
	font-weight: 400;
}
.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: 90%;
  margin-left: 8%;
  float: left;
}
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;
	background: #000;
	position: relative;
}

/* Footer Widgets */

#footerinner {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: center center;
	opacity: .1;
}

#footerlogo {
	width: 80%;
	float: left;
	margin-left: 10%;
	margin-top: 100px;
	margin-bottom: 100px;
	position: relative;
	z-index: 2;
}

#footerlogo a {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
}

#footerlogo:first-letter {
	color: #00B2B2;
}


#footerwidgets {
	width: 80%;
	position: relative;
	z-index: 1;
	margin-left: 10%;
	float: left;
	font-size: 14px;
	color: #fff;
}

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


#footerwidgets h2.widget-title {
	font-size: 18px;
	color: #fff;
	margin-top: 0;
	margin-bottom: 10px;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 600;
}


#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;
	color: #fff;
}

#footerwidgets ul li a:hover {
	color: #00B2B2;
}

#footerwidgets a {
	color: #00B2B2;
	text-decoration: none;
}

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

/* Social Media Menu */

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

#menu-social {
	margin-top: 36px;
	width: auto;
	float: right;
	margin-left: 10px;
}

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

#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: solid 1px #666;
	margin-left: 8px;
	-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;
	border: solid 1px #00B2B2;
}

#menu-social li a::before {
	content:        '\f408';
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'Genericons';
	line-height: 32px;
	color: #999;
	-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: 80%;
	float: left;
	margin-left: 10%;
	border-top: solid 1px #333;
	text-align: left;
	font-size: 14px;
	line-height: 100%;
	font-weight: 300;
	color: #ccc;
	text-transform: none;
	margin-top: 50px;
	padding-top: 40px;
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
}

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

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

#copyinfo #menu-social {
	margin-top: -13px;
}

/* Contact Form 7 Style */

.wpcf7 {
	margin-top: 10px;
	float: left;
	clear: left;
	width: 100%;
}
.wpcf7 textarea, .wpcf7 input {
	padding: 5px 8px;
	margin-bottom: 15px;
	margin-top: 3px;
	width: 100%;
	border: none;
	border-bottom: solid 1px #cbcbcb;
	height: 30px;
	background: none;
	outline: none;
	float: left;
}

.wpcf7 p {
	width: 44%;
	float: left;
	margin-right: 6%;
	clear: none;
}

.wpcf7 label {
	color: #ccc;
	font-size: 18px;
}

.wpcf7 label span {
	color: #00B2B2;
}

.wpcf7 input.wpcf7-submit {
	width: auto;
	cursor: pointer;
	border: none;
	border: solid 1px #cbcbcb;
	text-transform: none;
	font-family: 'Open Sans', arial, helvetica;
	font-weight: 300;
	font-size: 18px;
	color: #00B2B2;
	background: none;
	padding: 20px 25px;
	padding-right: 150px;
	-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 {
	opacity: .7;
	background: none;
}
.wpcf7 p {
	text-align: left;
	font-size: 16px;
	margin-bottom: 40px;
	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 */
}
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: #333;
	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;
}

.nav-bars {display: none;}

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

	#content {
		width: 100%;
	}

	#rightbar {
		float: left;
		margin-top: 40px;
		width: 50%;
	}
}

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

	.search .post,
	.archive .post,
	.blog .post {
		width: 47%;
		margin-right: 6%;
	}

	.search .post:nth-child(3n+3),
	.archive .post:nth-child(3n+3),
	.blog .post:nth-child(3n+3) {
		margin-right:6%;
	}

	.search .post:nth-child(2n+2),
	.archive .post:nth-child(2n+2),
	.blog .post:nth-child(2n+2) {
		margin-right:0;
	}

	.search .post:nth-child(3n+4),
	.archive .post:nth-child(3n+4),
	.blog .post:nth-child(3n+4) {
		clear: none;
	}

	.headerimage {display: none;}
}

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

	#header #mainmenu {
		display: none;
	}

	body.opened #header { z-index: 999;}

	.mmenu {
  		display: block;
  		font-size: 14px;
  		font-weight: 100;
  		width: 100%;
  		float: left;
  		clear: left;
			margin-left: calc(50% - 50vw);
			margin-right: calc(50% - 50vw);
			max-width: 1000%;
			width: auto;

	}

	.mmenu ul {
  		list-style: none;
  		padding: 0;
  		text-align: left;
  		position: relative;
  		margin: 0;
  		margin-bottom: 10px;
			display: none;
			background: #f7f7f7;
			margin-top: 120px;
			border-top: solid 1px #eaeaea;
			z-index: 900;
	}

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

	.mmenu ul li button.arrow {
  		display: block;
  		/* "display:none" to hide arrows for the non-mobile nav */
  		position: absolute;
  		top: 32px;
  		color: #ccc;
  		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: #333;
  		padding: 15px 20px;
  		border-bottom: 1px solid #eaeaea;
  		text-decoration: none;
			font-weight: 600;
			letter-spacing: 1px;
			font-size: 11px;
			text-transform: uppercase;
			width: 100%;
			box-sizing: border-box;
	}

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

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

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

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

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

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

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

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

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

.nav-bars {
  		display: block;
  		position: absolute;
			float: right;
			z-index: 999;
    	right: 10%;
    	width: 34px;
			height: 34px;
			background: none;
    	top: 36px;
    	color: #000;
    	font-size: 24px;
    	cursor: pointer;
    	clear: none;
		border: solid 1px #ccc;
		border-radius: 50%;
		text-align: center;
	}

	.mmenu.mobile {
		position: absolute;
	}

	.mmenu.mobile.opened {
	}

	.nav-bars::before {
		content: '\f419';
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 16px/1 'Genericons';
		line-height: 30px;
		color: rgba(0,178,178,.7);
		-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 button.arrow {
		display: block;
	top: 12px;
	font-size: 16px;
	margin: 0;
	right: 20px;
	left: auto;
	padding: 10px;
	border: none;
	background: none;
	width: 34px;
	}

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

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

	}

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

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


	.rightmenu {
		margin-right: 46px;
		width: 40%;
	}

}

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

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

	#header {
		width: 90%;
		margin-left: 5%;
	}

	.nav-bars {
		right: 5%;
	}

	#logo {
		width: 40%;
		margin-bottom: 10px;
	}

	.mmenu ul li a,
	.mmenu ul li ul li a {
		padding-left: 5%;
		padding-right: 5%;
	}

	#contentwrapper,
	#copyinfo,
	#footerlogo,
	#footerwidgets,
	.frontwidget {
		width: 90%;
		margin-left: 5%;
	}

	#footerwidgets .widget {
		width: 45%;
		margin-right: 5%;
		margin-bottom: 50px;
	}

	#footerwidgets .widget:nth-child(3n+3) {
		clear: left;
	}

	#content {
		width: 100%;
	}

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

}


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

	#wrapper,
	.headerbg {
		margin-top: 50px;
	}

	#copyinfo {
		line-height: 180%;
		text-align: center;
	}

	#copyinfo #menu-social {
		float: left;
		clear: left;
		width: 100%;
	}

	#copyinfo #menu-social ul {
		text-align: center;
	}

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

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

	.search .post,
	.archive .post,
	.blog .post {
		width: 100%;
		margin-right: 0;
	}

	.search .post:nth-child(3n+3),
	.archive .post:nth-child(3n+3),
	.blog .post:nth-child(3n+3) {
		margin-right:0;
	}

	.wpcf7 p {
		width: 95%;
		margin-right: 0;
	}

	#footerwidgets .widget {
		width: 100%;
		margin-right: 0;
	}

}