/*
Theme Name: Adagio Lite
Theme URI: http://www.vivathemes.com/wordpress-theme/adagio/
Description:  Adagio 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 personal or business website. Includes custom header, social media menu, three widget location, custom logo image, favicon and much more. Add links to your Social media accounts easily with the integrated Social Media menu. Adagio 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://www.vivathemes.com/wordpress-theme/adagio/
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.2
Tags: one-column, two-columns, right-sidebar, custom-background, custom-header, custom-colors, custom-logo, custom-menu, translation-ready, featured-images, threaded-comments, footer-widgets, blog, entertainment, photography
Text Domain: adagio-lite
Domain Path: /languages/

Adagio 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: #666;
	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: 'Playfair Display', 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: 'Playfair Display', 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: 'Playfair Display', 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: 'Playfair Display', 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: 'Playfair Display', 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 {
	width: 100%;
	float: left;
	clear: both;
}

#wrapper.fixed {
	margin-top: 102px;
}

.home #wrapper.fixed {
	margin-top: 50px;
}

/* header */

#header {
	width: 100%;
	margin: 0;
	float: left;
	clear: left;
	margin-bottom: 50px;
	position: relative;
	border-bottom: solid 2px #f6f6f6;
	background: #fff;
	
}

#header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}

.home #header {
	margin-bottom: 0;
	border-bottom: none;
}

.home #header.fixed {
	border-bottom: solid 2px #f6f6f6;
}

#headerbg {
	position: relative;
	float: left;
	width: calc(100% - 100px);
	margin-left: 50px;
	height: calc(100vh - 100px);
	margin-top: 0;
	background: #000;
	margin-bottom: 100px;
}

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

#headerline {
	width: calc(100% - 100px);
	float: left;
	margin-left: 50px;
}

#logo {	
	width: 80%;
	float:left;
	margin-top: 13px;
}

#logo a img {
	float: left;
	margin-right: 10px;
	max-height: 30px;
	width: auto;
}

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

h1.site-title {
	font-size: 20px;
	color: #000;
	text-transform: none;
	line-height: 100%;
	margin: 0;
	margin-top: 3px;
	float: left;
	letter-spacing: 2px;
	font-weight: 700;
}

.top-social-menu {
	margin: 0 !important;
	width: 50px !important;
	height: calc(100vh - 100px);
	position: absolute;
	top: 50px;
	right: 0;
	z-index: 1;
}

.top-social-menu ul {
	margin: 0 !important;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin: auto;
}
	
.top-social-menu ul li a {
	display:  inline-block;
	width: 32px;
	height: 22px !important;
	-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 !important;
	margin: 5px 0 !important;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
		
.top-social-menu ul li a:hover {
	text-decoration: none;
	opacity: .7;
}

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

.slogan {
	height: 50px;
	position: absolute;
	left: 0;
	top: 50px;
	 border-bottom: none;
    border-left: none;
    border-right: none;
    text-align: center;
    border-color: #999;
	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 !important;
	text-transform: none;
	margin: 0;
	color: #000;
	font-weight: normal;
	text-align: center;
	width: 100%;
	border-bottom: 1px dotted #000; line-height:0.1em; margin:24px 0 20px;
}

h2.site-description span {
	background:#fff; padding:0 10px;
}


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

#line-arrow {
	width: 20px;
	height: 20px;
	position: absolute;
	z-index: 2;
	left: 50%;
	bottom: 20px;
	margin-left: -10px;
	border-left: solid 1px #333;
	border-bottom: solid 1px #333;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


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

/*styling open close button*/
.menu-button {
	float: right;
	position: relative;
	z-index:999;
	margin-top: 15px;
}
.menu-button a {
	text-decoration:none;
}
.bar1, .bar2, .bar3 {
    width: 20px;
    height: 1px;
    background-color: #333;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px, 3px) ;
    transform: rotate(-45deg) translate(-4px, 3px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-4px, -3px) ;
    transform: rotate(45deg) translate(-4px, -3px) ;
}

/*overlay*/
.overlay {
	display:none;
	position:fixed;
	top:0;
	left: 0;
	height:100%;
	width:100%;
	background: rgba(255,255,255,.9);
	overflow:auto;
	z-index:99;
}

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

.mainmenu {
	width: 20%;
	float: left;
}

.mainmenu ul {
	margin: 0;
	padding: 0;
}

.mainmenu ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

.mainmenu ul li ul {
	display: none;
}

.mainmenu ul li a,
.secondary-menu ul li a {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: 'Playfair Display', arial, helvetica, tahoma, sans-serif;
}

.mainmenu ul li a:hover,
.mainmenu ul li.current-menu-item a,
.secondary-menu ul li a:hover,
.secondary-menu ul li.current-menu-item a {
	color: #666;
}

.secondary-menu {
	width: 20%;
	float: left;
	margin-left: 5%;
}

.secondary-menu ul {
	margin: 0;
	padding: 0;
}

.secondary-menu ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

.secondary-menu ul li ul {
	display: none;
}



/* Top Widget */

#topwidget {
	max-width: 530px;
	position: absolute;
	top: 240px;
	right: 100px;
	text-align: right;
	z-index: 1;
	color: #fff;
	opacity: 0;
}

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

#topwidget h2.widget-title {
	font-weight: 400;
	font-size: 22px;
	color: #fff;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 20px;
	letter-spacing: 2px;
}

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

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

#topwidget a {
	color: #fff;
}


/* Content Section */

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

.archive #contentwrapper,
.blog #contentwrapper {
	text-align: center;
}

#searchresult,
#content {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

/* Search Results */

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

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

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


/* content */

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

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

.entry {
	max-width: 900px;
	margin: 0 auto;
}

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

h1.entry-title,
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;
	font-weight: 400;
	text-align: center;
}

.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;
	text-align: center;
}

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

.blog #content h2.entry-title,
.blog #content h2.entry-title a {
	text-align: center;
}

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

.postcat span {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	font-style: italic;
	margin-right: 10px;
}


.postcat {
	width: 100%;
	float: left;
	margin-top: 5px;
	margin-bottom: 10px;
	text-align: center;
}

.postcat a {
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #999;
	font-style: italic;
}

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

/* Blog More Link */


#topwidget a.more-link {
	color: #fff;
}

a.more-link {
	position: relative;
	display: block;
	margin: 0;
	outline: none;
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 11px;
	overflow: hidden;
	padding: 0;
	height: 24px;
	margin-top: 10px;
}

a.more-link span {
	position: relative;
	display: inline-block;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

a.more-link span::before {
	position: absolute;
	top: 100%;
	content: attr(data-hover);
	font-weight: 600;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

a.more-link:hover span,
a.more-link:focus span {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}



/* Blog Page Navigation */

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

.pagination span,
.pagination h2,
.pagination a.page-numbers {
	display: none;
}

.pagination a.prev {
	width: 45%;
	float: left;
	text-align: right;
	font-size: 0;
	display: block;
}

.pagination a.next {
	width: 45%;
	float: right;
	text-align: left;
	font-size: 0;
	display: block;
}


/* 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: #ccc;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .5px;
	font-weight: 600;
}

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

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

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

.pagination a.prev:before,
.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);
	-webkit-transition: all 0.5s ease;
  	-moz-transition:    all 0.5s ease;
  	-ms-transition:     all 0.5s ease;
  	-o-transition:      all 0.5s ease;
}

.pagination a.next:after,
.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);
}

.pagination a.next:hover:after,
.pagination a.prev:hover:before {
	color: #ccc;
}


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

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

#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;
	border-top: solid 4px #f6f6f6;
	margin-top: 80px;
}

/* Footer Widgets */

#footerinner {
	max-width: 900px;
	margin: 0 auto;
	padding-top: 50px;
	padding-left: 30px;
	padding-right: 30px;
}

.page-template-template-home-page-php #footerinner {
	margin-top: 0;
	border-top: none;
}

#footerwidgets {
	width: 100%;
	float: left;
	font-size: 12px;
}

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

#footerwidgets .widget:nth-child(even) {
	float: right;
	text-align: right;
}

#footerwidgets .widget:nth-child(odd) {
	clear: left;
}

#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;
	text-decoration: none;
	font-size: 12px;
	line-height: 120%;
}

#footerwidgets ul li a:hover {
	text-decoration: underline;
}

#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: 0;
	margin-bottom: 10px;
	width: 100%;
	float: left;
	margin-top: -20px;
}

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

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

#footer #menu-social ul li {
	padding-left: 5px;
	padding-right: 5px;
	background: #fff;
}

#footer #menu-social ul li.first {
	padding-left: 15px;
}

#footer #menu-social ul li.last {
	padding-right: 15px;
}
		
#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%;
}

#footer #menu-social ul li a {
	border: solid 2px #333;
}
		
#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: #333;
	-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%;
	text-align: center;
	font-size: 11px;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 100%;
	font-weight: 600;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#copyinfo a {
	color: #333;
	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;
}

.jp-carousel-info,
.jp-carousel-image-meta {
	display: none;
}

.tiled-gallery {
	margin-top: 20px !important;
}

.tiled-gallery img:hover {
	opacity:.6;
	-webkit-transition: all 0.3s ease;
	-moz-transition:    all 0.3s ease;
	-ms-transition:     all 0.3s ease;
	-o-transition:      all 0.3s ease;
}

.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: 768px) {
	
	html {
 		-webkit-text-size-adjust: none;
	}
	
	#headerline,
	#headerbg {
		width: calc(100% - 60px);
		margin-left: 30px;
	}
	
	#contentwrapper {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	#topwidget {
		text-align: left;
		left: 40px;
		right: 40px;
	}
	
	.mainmenu,
	.secondary-menu {
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}
	
	.slogan,
	.top-social-menu {
		display: none;
	}
	
	#menu-social ul {
	}
	
	#logo {
		width: 50%;
		margin-bottom: 10px;
	}
	
	#content {
		width: 100%;
	}
	
	#rightbar {
		width: 100%;
		float: left;
		clear: left;
		margin-top: 20px;
	}
	
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 100%;
	}
}

@media screen and (max-width: 620px) {
	
	#footerwidgets .widget {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		text-align: left !important;
	}	

}