/*
Theme Name: Andre Lite
Theme URI: https://vivathemes.com/wordpress-theme/andre/
Description: Andre Lite is a dark style WordPress theme. This theme is designed for freelancers, designers, coaches, writers etc. Clean Home page template that displays the header image with a block in the left including a typewriter animation to show your skills. Change the colors directly from the customizer. Easily upload your logo image and favicon, styling for Contact Form 7 plugin are among the features. RTL support and accesibility ready. Difference with Pro Version is portfolio, WooCommerce and block patterns support.
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.0
Requires PHP: 5.6
Tested up to: 5.8.1
Tags: two-columns, right-sidebar, custom-background, custom-header, custom-colors, custom-logo, custom-menu, translation-ready, featured-images, threaded-comments, blog, entertainment
Text Domain: andre-lite
Domain Path: /languages/

Andre Lite Theme, (C) Viva Themes

*/

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

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

h1 {
	font-size: 36px;
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: none;
	font-weight: 300;
	line-height: 160%;
}

h2 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: none;
	font-size: 34px;
	font-weight: 300;
	line-height: 160%;
}

h3 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 40px;
	margin-bottom: 20px;
	text-transform: none;
	font-size: 28px;
	font-weight: 300;
	line-height: 160%;
}

h4 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: none;
	font-size: 26px;
	font-weight: 300;
	line-height: 160%;
}

h5 {
	color: #fff;
	margin:0;
	padding:0;
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: none;
	font-size: 22px;
	font-weight: 400;
	line-height: 160%;
}

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;
}
code {
	font-family:"Courier New", Courier, monospace;
}
/* links */

a {
	color: #ccc;
	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: #f7f7f7;
	border-radius: 4px;
	border: solid 1px #eaeaea;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #000;
	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%;
	min-height: 100vh;
	padding-bottom: 160px;
	float: left;
	clear: left;
	position: relative;
	overflow: hidden;
}

.page-template-template-home-page #container {
	padding-bottom: 0;
}

#container::before {
	content:'';
	position: absolute;
	z-index: 1;
	left: 100px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #333;
}

#container::after {
	content:'';
	position: absolute;
	z-index: 1;
	right: 100px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #333;
}

#wrapper {
	width: 100%;
	padding-left: 100px;
	padding-right: 100px;
	box-sizing: border-box;
	float: left;
	position: relative;
	margin: 0;
	z-index: 1;
}

.innerwrapper {
	max-width: 900px;
  margin: 0 auto;
  padding-left: 30px;
	padding-right: 30px;
  box-sizing: border-box;
}

.homewrapper {
	max-width: 1200px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}

/* header */

#header {
	width: 100%;
	height: 100px;
	margin: 0;
	float: left;
	clear: left;
	position: relative;
	z-index: 2;
}

#header::after {
	content:'';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #333;
	animation-name: widthRight;
	animation-fill-mode: both;
	animation-duration: 2s;
	animation-delay: 0;
}

@-webkit-keyframes widthRight {
    0% {
        right: 100%;
    }
    100% {
        right: 0;
    }
}
@keyframes widthRight {
		0% {
			right: 100%;
		}
		100% {
			right: 0;
		}
}

#logo {
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-top: 5px;
	position: relative;
}

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

#logo a {
	color: #fffff00!important;
	text-decoration: none;
}

h1.site-title {
	font-size: 38px;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0;
	-webkit-text-stroke: 1px #666;
	text-stroke: 1px #666;
	margin-bottom: 5px;
	font-weight: 900;
	margin-top: 30px;
	letter-spacing: 3px;
	color: #ffffff00!important;
}

.slogan {
	height: 50px;
	position: fixed;
	left: 36px;
	top: 50px;
  text-align: center;
	width: calc(100vh - 100px);
	-webkit-transform: rotate(-90deg) translateX(-100%);
  transform: rotate(-90deg) translateX(-100%);
  transform-origin: 0 0;
}

h2.site-description {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0;
	color: #ccc;
	font-weight: 400;
	text-align: center;
	width: 100%;
	letter-spacing: 1.5px;
}

/* Main Menu */

.menu-button {
	display: block;
	left: 32px;
	top: 32px;
	z-index: 999;
	position: absolute;
	width: 36px;
	height: 36px;
	background: none;
	box-sizing: border-box;
	padding: 0;
	font-size: 24px;
	cursor: pointer;
	clear: none;
	border: none;
	text-align: center;
	transition: all .3s ease;
}

.menu-button:hover {
	opacity: .7;
}

.menu-button span.bar3 {
	display: block;
	width: 36px;
	height: 2px;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 17px;
}

.menu-opened .menu-button span.bar3 {
	display: none;
}

.menu-button::before {
	content: '';
	display: block;
	width: 36px;
	height: 2px;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 8px;
	transition: all .3s ease;
}

.menu-button::after {
	content: '';
	display: block;
	width: 36px;
	height: 2px;
	background: #ccc;
	position: absolute;
	left: 0;
	bottom: 8px;
	transition: all .3s ease;
}


.menu-opened .menu-button::before {
	-webkit-transform: rotate(-45deg) translate(-2px, 3px) ;
	transform: rotate(-45deg) translate(-2px, 3px) ;
	top: 14px;
}

.menu-opened .menu-button::after{
	-webkit-transform: rotate(45deg) translate(0px, -2px) ;
	transform: rotate(45deg) translate(0px, -2px) ;
	bottom: 15px;
}

/*overlay*/
.overlayright,
.overlayleft {
	position:fixed;
	top:0;
	left: 0;
	width:50%;
	height: 0;
	background: rgba(64,224,208,.1);
	overflow:hidden;
	z-index:99;
	transition: all .2s ease;
	box-sizing: border-box;
	padding-left: 10%;
	padding-right: 10%;
	visibility: hidden;
}

.menu-opened .overlayright,
.menu-opened .overlayleft {
	height: 100vh;
	visibility: visible;
}

.menu-opened #container {
	filter: blur(20px);
	transition: all 0s ease;
	transition-delay: .1s;
}

body.menu-opened {
	overflow: hidden;
}

.overlayright {
	left: auto;
	right: 0;
	transition: all .5s ease;
}

.inner-overlay {
	width: 60%;
	float: left;
	margin-left: 20%;
	margin-top: 120px;
}

.mainmenu {
	margin-top: 250px;
	width: 100%;
	float: left;
}

.mainmenu ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.mainmenu ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 78px;
}

.mainmenu ul li ul li {
	display: none;
}

.mainmenu ul li a {
	text-decoration: none;
	font-size: 28px;
	font-weight: 400;
	color: #fff;
	position: relative;
	text-transform: none;
	transition: all 0s ease;
	line-height: 110%;
}

span.menu-item-description {
	font-size: 16px;
	font-weight: 300;
	width: 0px;
	height: 16px;
	line-height: 16px;
	margin-top: 2px;
	display: block;
	overflow: hidden;
	transition: all .4s ease;
}

.mainmenu ul li a:after {
	content:'';
	display: block;
	position: absolute;
	top: 18px;
	right: -2%;
	width: 0;
	height: 2px;
	background: #f44336;
	transition: all .5s ease;
}

.mainmenu ul li.current-menu-item a:after,
.mainmenu ul li a:hover:after {
	width: 104%;
}

.mainmenu ul li.current-menu-item a,
.mainmenu ul li a:hover {
	opacity: .7;
}

.mainmenu ul li.current-menu-item span.menu-item-description,
.mainmenu ul li a:hover span.menu-item-description {
	width: 100%;
	color: #999;
	transition: all 1s ease;
}


/* Social Media Menu */

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

#menu-social {
	margin: 0;
	width: 50px;
	height: calc(100vh - 100px);
	position: fixed;
	top: 50px;
	right: 26px;
	z-index: 2;
}

#menu-social ul {
	list-style: none;
	margin:  0;
	text-align: center;
	font-size: 0;
	position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  margin: auto;
}

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

#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: none;
	margin: 0;
	-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: .5;
}

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

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

/* Front Page Widget */

.topwidget {
	width: 480px;
	float: left;
	position: relative;
	z-index: 9;
  margin-top: 220px;
	font-size: 38px;
	font-weight: 400;
	opacity: 0;
}

.topwidget .widget {
	width: 100%;
	margin-bottom: 0;
}

.topwidget h2 {
	font-weight: 300;
	font-size: 44px;
	color: #000;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: none;
}

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

.topwidget span {
	float: left;
	margin-right: 14px;
}

.console-container {
  text-align:left;
  display:block;
  color:white;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
	position: relative
}

.console-underscore {
  display:inline-block;
  position:relative;
	font-weight: 300;
	font-size: 32px;
  top:0px;
  left:-5px;
}

/* Header Image */

img.headerimg {
	right: 100px;
	top: -100px;
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: -5;
}

/* Content Section */

#searchresult,
.content {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	margin-top: 120px;
	opacity: 0;
}

/* Search Results */

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

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

}

/* 404 page */

h2.fourzerofour {
  font-size: 264px;
  font-family: sans-serif;
  position: relative;
  color: #ccc;
	text-align: center;
  margin: 0;
  padding: 0;
  overflow: hidden;
	font-weight: 900;
	line-height: 100%;
	margin-bottom: 50px;
}

.error404 #searchform {
	width: 100%;
	box-sizing: border-box;
}

.error404 #searchform label {
	font-weight: 400;
	text-transform: lowercase;
	font-size: 15px;
}

.error404 #searchform input#s {
	width: 100%;
	height: 42px;
	box-sizing: border-box;
	float: left;
	clear: left;
	margin-top: 5px;
	margin-bottom: 10px;
	border-radius: 4px;
	background: #262626;
	color: #ccc;
	border: solid 1px #333;
}

.error404 #searchform input#searchsubmit {
	display: block;
	cursor: pointer;
	padding: 12px 22px;
	font-weight: 600;
	font-size: 13px;
	transition: all .3s ease;
	background: none;
  border: none;
  color: #fff;
  border-radius: 4px;
  text-transform: none;
  font-size: 15px;
	background: #f44336;
}

.error404 #searchform input#searchsubmit:hover {
	opacity: .7;
}

/* content */

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

.search-results .page,
.search-results .post,
.archive .post,
.blog .post {
	margin-bottom: 80px;
}

.postdate {
  font-size: 17px;
  font-weight: 300;
	color: #999;
  display: block;
}

.single-post .postdate {
	text-align: center;
}

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

.attachment-andre-blogthumb {
	border-radius: 10px;
	transition: all .3s ease;
	margin-bottom: 20px;
}

.attachment-andre-blogthumb:hover {
	opacity: .8;
}

.single-post .attachment-andre-blogthumb:hover {
	opacity: 1;
}

.entry {
}

/* Content Titles */

h1.page-title, h1.entry-title {
	font-weight: 600;
  font-size: 28px;
  color: #fff;
  line-height: 120%;
  margin-top: 0;
	margin-bottom: 60px;
  text-transform: uppercase;
	text-align: center;
	word-break: break-word;
}

.single-post h1.entry-title {
	margin-bottom: 10px;
}

.term-description,
.archive .taxonomy-description {
	max-width: 500px;
	font-style: italic;
}

h2.entry-title,
h2.entry-title a {
	font-weight: 600;
  font-size: 28px;
  color: #fff;
  line-height: 120%;
  margin-top: 10px;
	margin-bottom: 10px;
  text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	word-break: break-word;
}

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

.post ul {
}
.post li {
	margin-left: 15px;
}
.entry p {
	margin: 34px 0;
	line-height: 185%;
}

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

.postcat a:hover {
	opacity: .7;
}

/* Blog More Link */

a.more-link {
  position: relative;
	display: block;
  padding-top: 10px;
  padding-bottom: 10px;
	height: 52px;
	line-height: 52px;
	width: 90px;
  text-align: left;
  color: #666;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
	padding: 0;
  padding-left: 30px;
	padding-right: 30px;
  background: #262626;
	opacity: 1;
	border-radius: 4px;
	margin-top: 20px;
	letter-spacing: .5px;
}

a.more-link:after {
  content: '';
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #666;
  border-right: solid 2px #666;
  transform: rotate(45deg);
	right: 20px;
	margin-top: -5px;
	top: 50%;
  z-index: 1;
  transition: all .3s ease;
}

a.more-link:hover {
	opacity: .8;
}

/* Blog Page Navigation */

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

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

.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: 5px;
	text-decoration: none;
	font-size: 1em;
	text-transform: none;
  	color: #fff;
		background: #333;
		height: 34px;
		width: 34px;
		line-height: 34px;
		border-radius: 2px;
		display: inline-block;
		text-align: center;
		font-weight: 300;
}

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

a.prev.page-numbers,
a.next.page-numbers {
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

span.allpages {
	display: none;
}

.pagination a.parentlink {
	width: auto;
	padding-left: 6px;
	padding-right: 6px;
}

/* Post Navigation */

.navigation h1 {
	display: none;
}

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

.post-navigation a {
	width: 50px;
  height: 50px;
  display: block;
  background: #262626;
  font-size: 0;
  position: relative;
  border-radius: 4px;
  opacity: .7;
  margin-bottom: 5px;
}

.post-navigation a:hover {
	opacity: 1!important;
}

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

.post-navigation span.meta-nav {
	width: 100%;
	display: block;
	text-decoration: none;
	line-height: 32px;
}
.post-navigation .nav-previous a:before {
	content: '';
  position: absolute;
  display: block;
  width: 10px;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  height: 10px;
  border-left: solid 2px #666;
  border-bottom: solid 2px #666;
  transform: rotate(45deg);
}
.post-navigation .nav-next a:before {
	content: '';
  position: absolute;
  display: block;
  width: 10px;
  left: 50%;
  top: 50%;
  margin-top: -5px;
  height: 10px;
  border-left: solid 2px #666;
  border-bottom: solid 2px #666;
	transform: rotate(-135deg);
  margin-left: -10px;
}

/* Post Tags */

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

p.singletags a {
	text-decoration: underline;
	color: #666;
	font-size: 16px;
	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 {
	opacity: 1;
	text-decoration: none;
}

p.singletags:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 24px/1 'Genericons';
	vertical-align: middle;
	content: '\f302';
	color: #666;
	text-align: center;
	margin-top: 0;
	background: #262626;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	line-height: 32px;
}

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

/* Right Sidebar*/

#rightbar {
	width: 340px;
	margin-top: 140px;
	float: left;
	margin-left: 0;
}

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

#rightbar .wp-block-search .wp-block-search__label,
#rightbar h2,
#rightbar h2.widget-title {
	font-size: 32px;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	text-transform: none;
	font-weight: 300;
}

#rightbar .wp-block-search {
	margin-top: 0;
}

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

#rightbar ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	list-style: none;
	width: 100%;
	margin-top: 2px;
	border-top: solid 1px #999;
	float: left;
	clear: left;
}

#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;
	text-decoration: none;
	font-weight: 400;
}

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

#rightbar a {
	text-decoration: none;
	font-weight: 600;
}

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

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

.alignfull {
	margin: 32px calc(50% - 50vw)!important;
	max-width: 100vw;
	width: 100vw;
}

.page-template-default .alignfull,
.single-post .alignfull {
	margin: 0!important;
	max-width: 100%;
	width: 100%;
}

/* Block Styling */

input {
	background: #262626;
	border-radius: 4px;
	border: none;
	color: #ccc;
}

input[type="submit" i] {
	background: #f44336;
	color: #fff;
	cursor: pointer;
}

.wp-block-video figcaption,
.wp-block-image figcaption {
	background: #262626;
	margin-top: 0;
	font-size: 15px;
	padding-left: 15px;
}

.wp-block-file .wp-block-file__button,
.wp-block-button__link {
	border-radius: 5px;
	background: #262626;
	font-size: 15px;
	font-weight: 600;
}

.wp-block-button__link:hover {
	opacity: .8;
}

.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	line-height: 140%;
}

blockquote {
	background: #262626;
	margin: 0;
	padding: 30px;
	font-style: italic;
	border-radius: 5px;
}

code {
	font-family:"Courier New", Courier, monospace;
}

.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
	color: #fff;
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
	padding-top: 0;
}

.wp-block-embed {
	margin: 0;
	margin-bottom: 40px;
}

.post-page-numbers {
	background: #333;
	text-decoration: none;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	line-height: 32px;
	text-align: center;
}

.post-page-numbers:hover,
span.post-page-numbers.current {
	background: #666;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100%;
}

.wp-block-separator {
	color: #333;
	margin-top: 20px;
	margin-bottom: 20px;
}

.wp-block-group.has-background {
	padding: 20px;
}

.wp-block-embed {
	width: 100%;
	margin: 0;
	margin-top: 18px;
	margin-bottom: 30px;
}

.issuuembed.issuu-isrendered {
    max-width: 100%;
}

.post select {
	border: none;
	background: #262626;
	color: #ccc;
	font-weight: 400;
	min-width: 220px;
	height: 42px;
	outline: none;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 4px;
}

.wp-block-search {
	margin-top: 30px;
}

.wp-block-search .wp-block-search__label {
	font-weight: 400;
	font-size: 24px;
	margin-bottom: 10px;
	color: #fff;
}

.wp-block-search .wp-block-search__input {
	background: #262626;
	border: none;
	height: 42px;
	color: #ccc;
	border-radius: 4px;
	font-weight: 400;
	padding-left: 5px;
}

.wp-block-search .wp-block-search__button {
	background: #f44336;
	border-radius: 4px;
	color: #fff;
	border: none;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	transition: all .3s ease;
	letter-spacing: .5px;
}

#rightbar .wp-block-search .wp-block-search__inside-wrapper {
	display: block;
}

#rightbar .wp-block-search .wp-block-search__input {
	min-width: 100%;
	background: none;
	border: solid 1px #fff;
}

#rightbar .wp-block-search .wp-block-search__button {
	float: left;
	clear: left;
	margin-left: 0;
	margin-top: 10px;
	height: 42px;
}

.wp-block-search__button:hover {
	opacity: .8;
}

#subscribe-email input {
	background: #fff;
	border: solid 1px #ccc;
	height: 42px;
	color: #333;
	font-weight: 400;
	padding-left: 5px;
	outline: none;
}

button.pushbutton-wide,
#subscribe-submit button {
	background: #000;
	color: #fff;
	border: none;
	cursor: pointer;
	padding: 14px 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	transition: all .3s ease;
}

button.pushbutton-wide:hover,
#subscribe-submit button:hover {
	background: #fff;
	color: #000;
}

.wp-social-link a, .wp-social-link a:active, .wp-social-link a:hover, .wp-social-link a:visited, .wp-social-link svg {
	color: #fff;
}

.wp-block-code code {
	color: green;
	background: none;
}

pre.wp-block-verse,
pre.wp-block-preformatted {
	background: #262626;
	border: none;
	border: none;
	color: #ccc;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets .swiper-pagination-bullet {
	margin-top: 10px;
	outline: none;
}

a.wp-block-jetpack-slideshow_button-next,
a.wp-block-jetpack-slideshow_button-prev {
	z-index: 1000;
	outline: none;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide {
	background: transparent!important;
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption {
	font-size: 18px;
}

ul.wp-block-gallery.aligncenter {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

ul.wp-block-gallery.alignright {
	float: right;
}

.wp-block-button__link {
	margin-top: 10px;
}

.wp-block-button__link {
	background-color: #f44336;
	border-radius: 4px;
	color: #fff;
	font-weight: 400;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	color: #ccc;
	border-color: #333;
}

.wp-block-button__link:hover {
	opacity: .8;
}

.wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link {
	border-radius: 0;
}

.wp-block-pullquote {
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	color: #ccc;
}

.wp-block-media-text {
	margin-top: 20px;
	margin-bottom: 20px;
}

.has-background-dim input,
.has-background-dim textarea,
.has-background-dim label,
.has-background-dim a {
	color: #fff;
}

.has-background-dim .pushbutton-wide {
	color: #000;
	background: #fff;
}

.has-background-dim .wp-block-button.is-style-outline a {
	border-color: #fff;
	color: #fff;
}

.has-background-dim .pushbutton-wide:hover {
	opacity: .7;
}

.wp-block-jetpack-layout-grid h5,
.wp-block-jetpack-layout-grid h5 a {
	text-align: center;
	text-decoration: none;
}

.wp-block-jetpack-layout-grid figure {
	margin-left: 0;
	margin-right: 0;
}

hr.wp-block-coblocks-dynamic-separator {
  background: #333;
  border: none;
}

.wp-block-quote {

}

.wp-block-jetpack-layout-grid.alignfull {
	padding-left: 0;
	padding-right: 0;
}

li.wp-social-link {
	margin-left: 0;
}

/* Contact Form 7 Style */

.wpcf7 {
	margin-top: 10px;
	float: left;
	clear: left;
	width: 100%;
}
.wpcf7 textarea, .wpcf7 input {
	padding: 14px 8px;
	margin-bottom: 0;
	margin-top: 3px;
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #333;
	background: #262626;
	outline: none;
	float: left;
	color: #ccc;
	border-radius: 4px;
}

.wpcf7 p {
	width: 100%;
	float: left;
	clear: none;
}

.wpcf7 label {
	color: #ccc;
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 10px;
}

.wpcf7 label span.required {
	color: #f44336;
}

.wpcf7 input.wpcf7-submit {
	width: auto;
	cursor: pointer;
	border: none;
	background: #f44336;
	text-transform: uppercase;
	font-family: 'Nunito Sans', arial, helvetica;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	padding: 14px 18px;
	-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;
	opacity: 1;
}
.wpcf7 input.wpcf7-submit:hover {
	opacity: .7;
}
.wpcf7 p {
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	text-transform: none;
}

span.wpcf7-not-valid-tip,
div.wpcf7-response-output {
	float: left;
}


/* 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: 80px;
}
#comments label {
	float: left;
	clear: left;
	margin-top: 15px;
}
#author, #email, #url, #comment {
	font-size: 15px;
	font-family: 'Roboto', arial, helvetica;
	line-height: 185%;
	padding:6px 8px;
	float: left;
	clear: left;
	margin-top: 0;
	background: none;
	color: #eaeaea;
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #333;
	border-radius: 4px;
	margin-bottom: 20px;
	outline: none;
}

#submit {
	cursor:pointer;
	padding: 18px 16px;
	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: #f44336;
	border: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Roboto', arial, helvetica;
	font-size: 15px;
	border-radius: 4px;
	letter-spacing: .5px;
}

#submit:hover {
	opacity: .8;
}

#respond h3, #comments h2 {
	font-size: 24px;
	text-transform: none;
	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;
	font-size: 14px;
	margin-top: 2px;
}

.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: 7px 20px;
	margin-top: 5px;
	float: left;
	clear: left;
	font-size: 14px;
	text-transform: none;
	text-decoration: none;
	background: #262626;
	border-radius: 4px;
	color: #fff;
	font-weight: 500;
}
.reply a.comment-reply-link:hover {
	opacity: .8;
}

h3#reply-title {
	margin-top: 30px;
	float: left;
	clear: both;
	display: block;
	width: 100%;
}

.comment-respond {
	clear: left;
	margin-top: 30px;
}

h3#reply-title small {
	margin-left: 10px;
	font-size: 16px;
}

p.logged-in-as {
	clear: both;
}

ol.commentlist {
	list-style-type: none;
	margin:0;
	padding:0;
	float:left;
	margin-top: 15px;
	width: 100%;
}
.avatar {
	float:left;
	margin: 10px;
	margin-left: 0;
	margin-top: 5px;
	border-radius: 3px;
	width: 42px;
}

.comment-meta.commentmetadata {
	line-height: 130%;
	font-size: 16px;
}
ol.commentlist li.comment {
	margin: 0;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 4px;
	list-style-type:none;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	border: solid 1px #333;
	line-height: 160%;
}
ol.commentlist li ul.children {
	width: 100%;
  float: left;
	margin: 0;
	margin-top: 20px;
}
ol.commentlist li ul.children li {
	width: 100%;
	border: none;
	margin-bottom: 0;
}
ol.commentlist li.alt {
}
ol.commentlist li p {
	margin-top: 30px;
}
ol.commentlist a {
	text-decoration: underline;
}
cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}
cite a {
	color: #ccc;
	text-decoration: none;
	font-size: 18px;
	font-weight: 400;
}

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

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

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

#footer {
	width: 100%;
	float: left;
	clear: left;
	height: 100px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	z-index: 1;
}

#footer::after {
	content:'';
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: #333;
	animation-name: widthLeft;
	animation-fill-mode: both;
	animation-duration: 2s;
	animation-delay: 0;
}

@-webkit-keyframes widthLeft {
    0% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}
@keyframes widthLeft {
		0% {
			left: 100%;
		}
		100% {
			left: 0;
		}
}

.copyinfo {
	margin-right: 140px;
	text-align: center;
	float: right;
	font-size: 13px;
	text-transform: uppercase;
	margin-top: 38px;
	font-weight: 400;
	color: #666;
	width: calc(100% - 280px);
}

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

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

/* 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 */

figure {
	margin: 0;
}

.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: 10px;
	border-radius: 4px;
	background: none;
	text-align: center;
	border: none;
	background: #262626;
}
.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: 10px;
	background: #262626;
	border-radius: 4px;
	margin: 5px;
	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;
	opacity: .8;
}
.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;
	border: none!important;
	text-decoration: underline!important;
}

.entry pre {
	border: solid 1px #666;
	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: solid 1px #666;
	color: #666;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
	border-radius: 4px;
}
.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 #666;
	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; }


@media screen and (max-width: 1020px) {
	img.headerimg {
		right: 0;
		top: 50px;
		width: 500px;
	}
}

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

	.overlayright,
	.overlayleft {
		width: 100%;
	}

	#rightbar {
		display: none;
	}

	.overlayright {
		background: none;
	}

	.menu-opened .overlayright {
		height: 120px;
	}
}

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

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

	#wrapper {
		padding: 0;
	}

	.topwidget {
		width: 100%;
		line-height: 120%;
	}

	#container::before,
	#container::after,
	.slogan {
		display: none;
	}

	#menu-social {
		height: auto;
		width: 30%;
		top: 34px;
		position: absolute;
	}

	#menu-social ul {
		top: 0;
		text-align: right;
		transform: none;
	}

	.copyinfo {
		float: left;
		text-align: left;
		margin-left: 30px;
		width: 100%;
	}

}

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

	.topwidget {
		font-size: 34px;
		margin-top: 120px;
	}

	#menu-social {
		top: auto;
		bottom: 26px;
		right: auto;
		left: 30px;
	}

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

	.copyinfo {
		display: none;
	}

	#logo {
		float: left;
		text-align: left;
		margin-left: 30px;
	}

	.menu-button {
		right: 30px;
		top: 36px;
		left: auto;
	}
	.menu-opened #woomenu {
		left: 32px;
		right: auto;
	}
}

@media screen and (max-height: 630px) {
	.topwidget {
		margin-top: 120px;
	}

	.menu-opened .overlayright,
	.menu-opened .overlayleft {
		overflow-y: auto;
	}
}