/*
Theme Name: Wastecorp
Theme URI: http://mike-batruch.ca
Author: Mike Batruch
Author URI: http://mike-batruch.ca
Description: This is the Official Theme for Wastecorp's Blog. 
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: child-theme, wastecorp
Template: twentyseventeen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/*

				OVERALL STYLING BEGINS HERE

*/

/*
 * 
 * 
 * 
 * Comment*/

html,body {
    
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

a {

	text-decoration: none;
}

#blog-title {
    
    display: none;    
}

h1.entry-title {

	padding-bottom: 10px;
	border-bottom: 2px solid #ccc;
	font-size: 3.5rem;
}

.entry-content h2 {

	font-size: 1.8rem;
	margin-bottom: 20px;
    color: #cfae68;
}

h3 {

	font-size: 2rem;
}

h4 {

	font-size: 2rem;
}

img#fsb_image {

	position: absolute;
	margin-top: 20.3%;
	height: 400px;
}

form label {

	display: none;
}

ul {

	width: 100%;
	margin: 0 auto;
}

ul li {

	float: left;
	line-height: 52px;
	font-size: 0.9rem;
    cursor: pointer;
	background-color: #434343;
	text-transform: uppercase;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

li a {

	color: #999999;
	text-decoration: none;
	display: block;
	padding: 5px 18px;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

svg {

	display: block;
}

.fa {

	color: #6f6f6f;
}

blockquote {

	margin: 10px;
}

blockquote p {

	color: black !important;
	font-style: italic;
}

input[type="button"], input[type="submit"] {

	cursor: pointer;
}

.link-more {

	margin-top: 10px;
}

.link-more a {

	color: #333;
}

.contact-office {

	width: 30%;
	float: left;
	padding: 10px;
}

.pump-options-content {

	margin-left: 25px !important;
	padding-bottom: 30px;
}

.authors {

	float: left;
	margin-bottom: 50px;
}

#google-map {

	margin-top: 50px;
}

.clearfix {

	clear: both;
}

.error {
    
    text-align: center;
    padding-bottom: 30px;
/*
    width: 50%;
    margin: 0 auto;
*/
}

.error-button a {
    
    color: #cfae68;
    border: 2px solid #cfae68;
    padding: 10px;
    font-size: 1.5rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.error-button a:hover {
    
    color: #fff;
    background-color: #cfae68;
    
}

.caution {
    
    font-size: 2rem;
    margin-bottom: 40px;
}

/*              404 STYLING				*/

.four-title {

/*	padding: 20px 0px 0px 20px;*/
	font-size: 2rem;
	color: #cfae68;
    border-bottom: 2px solid #ccc;
}

.page-content, .content-area, .error-404 not-found {

	background-color: #fff;
	padding: 20px;
}

.page-content {

	-webkit-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
	-moz-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
	box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
}

input[type="search"]{

	border: 1px solid #ccc;
	font-size: 1rem;
	padding: 5px;
}

.page-content p {

	margin-bottom: 10px;
}

.site-main-search {

	position: relative;
	z-index: 500;
	margin-top: -10%;
	padding: 0px;
	line-height: 1.4;
	background-color: #fff;
}

.site-main-search .entry-title {

    border-bottom: 2px solid #ccc !important;
}

.site-main-search p {

	padding: 20px;
}

.site-main-search-nothing {

	position: relative;
	z-index: 500;
	margin-top: -10%;
	padding: 40px;
	line-height: 1.4;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
	-moz-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
	box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
}

.site-main-search-nothing p {

	padding: 20px;
}

#commentform p:nth-child(3) {

	padding: 0px;
	width: 10%;
/*    display: inline;*/
}

#respond {
    
    padding: 20px;
	box-shadow: none !important;
}

/*

				HEADER STYLING BEGINS HERE

*/

.site-branding-text {
	
	display: none;
}

.page-header {

	display: none;
}

.wrap {
	
	clear: both;
}

.custom-logo {

    display: block;
    height: 165px !important;
    width: auto;
    margin-left: 15%;
}

.es_textbox {

	padding: 0;
	float: left;
}

.es_button {

	padding: 0;
	float: left;
}

.es_textbox_class {

	height: 20px;
}

.es_textbox_button {

	background-color: #434343;
	color: #e2e2e2;
	border: none;
	width: 100%;
	height: 26px;
	text-transform: uppercase;
}

.es_widget_form {

	float: right;
	margin-top: -40px;
	/*width: 400px;*/
}

.es_lablebox {
	
	display: none;
}

#header-widget-area {

	margin-right: 15%;

}

#header-widget-area-2 {

	width: 100%;
	background-color: white;
}

.hw-widget-2 {

	width: 150px;
	display: flex;
	line-height: 4;
}

.hw-title-2 {

	cursor: pointer;
	margin: 0 auto;
	text-transform: uppercase;
	width: 200px;
	text-align: center;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hw-title-2:hover {

	color: #333;
}

#archives-dropdown-3, .postform {

	display: none;
}

.hw-widget-2 ul {

	display: none;
	position: absolute;
	z-index: 600;
	width: auto;
	margin-top: 64px;
	margin-left: 20px;
}

.hw-widget-2 li {

	background-color: white;
	color: #434343;
	float: initial;
	width: 100%;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hw-widget-2 li:hover {

	background-color: black;
	color: #fff;
}


.hw-widget-2:first-child {

	margin-left: 185px;
}

.hw-widget-2:last-child {

	width: 400px;
	position: relative;
	margin-right: 20%;
}

.hw-widget-2 form {

	/*margin-left: 70%;
	line-height: 63px;*/
	width: 400px;
	padding-top: 12px;
}

.hw-widget-2 form input[type="search"]{

	height: 40px;
	border: 1px solid #ccc;
	float: right;
	width: 50%;
	font-size: 1rem;
	padding-left: 20px;
}

.header-top {
	
	position: relative;
	z-index: 400;
	width: 100%;
	height: 400px;
    overflow: hidden;
	background-color: transparent;
/*	background-attachment: scroll;
	background-image: url(../wastecorp-theme/assets/images/wastecorp-banner.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
*/
}

.banner-title {
    
    display: none;
}

.site-main-search .entry-header {

	width: 100%;
	float: left;
}

.site-main-search .link-more a {

	color: #cfae68;
}

/*

				NAV STYLING BEGINS HERE

*/

nav {

	width: 960px;
	margin: 0 auto;
}

.navigation-top {

	width: 100%;
	height: 62px;
	background-color: #434343;
}

.navigation.pagination, .navigation.post-navigation {
    
    width: 100% !important;
}


.navigation.pagination span {
    
    padding: 0px !important;
}


.nav-links span {

    font-size: 1rem;
    padding: 0px 10px;
}

.nav-previous {
    
    float: left;
}

.nav-next {
    
    float: right;
}

.nav-hover {
    
    color: #999;
}

#top-menu i {
    
    position: absolute;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.move {
    
    margin-top: 10px;
    color: #fff;
}

header li a:hover {

	color: #fff;
}

.sub-menu {

	display: none;
	position: absolute;
	z-index: 500;
	width: 30%;
}

.sub-menu li {

	float: none;
}

.menu-toggle {

	display: none;
}

.search-submit {
	
	background: transparent;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 0;
	padding-top: 8px;
}

.screen-reader-text {

	display: none;
}

button#responsive-menu-button {

	background-color: #cfae68 !important;
	border-radius: 10px;
}

.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {

	background-color: #333333 !important;
}

.banner-widget {
    

    overflow: hidden;
}

/*

				MAIN CONTENT STYLING BEGINS HERE

*/

#main {

	position: relative;
	z-index: 500;
/*	margin-top: -140px;*/
}

.single-featured-image-header img {
	
	width: 100%;
	height: auto;
}

.entry-summary {

	margin-top: 70px;
}

/*

				BLOG STYLING BEGINS HERE

*/

article {

	padding: 20px 40px;
	background-color: #fff;
	margin-bottom: 10%;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
	-moz-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
	box-shadow: 0px 0px 5px 3px rgba(136,136,136,0.4);
}

.author {
	
	float: left;
	position: relative;
	z-index: 55;
	color: #6b6b6b;
}

.category-meta {

	margin-right: 5px;
	color: #6b6b6b;
}

.test {

	position: relative;
    color: #999;
	line-height: 1.2;
}

.post-categories {

	/*display: inline;*/
	margin-left: 120px;
	margin-top: -13px;
}

.post-categories li {

	background-color: transparent;
	display: inline;
	line-height: 0;
}

.post-categories li a {

	padding: 5px;
}

.tags-links {
    
    display: none;
}

.entry-header {

	margin-bottom: 0px;
}

.entry-header a {

	text-decoration: none;
	font-weight: 100;
	color: #6b6b6b;
}

.entry-title {

	color: #cfae68;
	font-size: 2rem;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 10px;
    
}

.entry-title a {

	text-decoration: none;
	color: #cfae68;
    font-weight: bold;
}

.entry-content a {

	text-decoration: none;
	font-weight: 100;
	color: #cfae68;
/*	text-transform: uppercase;*/
}

.entry-header {

	width: 50%;
	float: right;
}

.entry-header.full {

	width: 100%;
	float: none;
}

.entry-header.full img {

	padding: 20px;
}

.post .entry-title {
    
    border-bottom: none;
}

.entry-header.preview {

	width: 50%;
	float: right;
}

.entry-content.preview {

	width: 50%;
	float: right;
	margin-top: 0px;
}

article img {

	width: 100%;
	height: auto;
	float: left;
	margin-left: -20px;
	/*padding: 20px;*/
}

.comment-body img {

	width: auto;
	height: auto;
	float: none;
}

#commentform p:nth-child(3) {
    
    width: 100%;
}

#commentform label {

/*    display: inline-block !important;*/
}

#commentform p label:nth-child(2) {
    
   display: none !important;
}

.comment-notes {
    
    padding: 10px;
    line-height: 1.3;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    
    padding: 10px !important;
}

.comment-form-author label, .comment-form-email label, .comment-form-url label {
    
    display: block;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input {
    
    margin: 10px;
}

.comment-form-url {
    
    display: none;
}

.comment-awaiting-moderation {
    
    display: none;
}

.post-thumbnail {

	width: 50%;
	height: auto;
}

.post-thumbnail.full {

	float: left;
	width: 50%;
	margin-top: 20px;
    overflow: hidden;
}

.ecae span {
	
	margin-top: 20px;
	padding-left: 10px;
}

.ecae-dots {
    
    display: inline !important;
}

.ecae a {

	color: #cfae68;
}

.site-main-search img {

	width: auto;
	padding: 10px 10px;
	float: none;
}

a.ecae-link {

	border: 2px solid #cfae68;
	color: #cfae68;
	padding: 10px;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a.ecae-link:hover {

	color: #fff;
	background-color: #cfae68;
}

.nav-links, .nav-links a {
    
    font-size: 1rem;
    color: #000;
}

.nav-links .fa-2x {
    
    font-size: 2rem !important;
}

.nav-links a:hover, .nav-links .fa-2x:hover {
    
    color: #999;
}

.page-numbers.current {
    
    font-size: 1.5rem;
}

.entry-content p {

	color: #6b6b6b;
	margin: 20px 0px;
	line-height: 2;
}

.entry-content p img {

	float: left;
	margin: 0px 10px 5px 0px;
	width: 50%;
	height: auto;
}

.entry-meta {

	position: relative;
	/*top: 25px;
	padding-top: 10px;*/

}

.toggle-menu {

	color: #fff;
}

#lipsum {

	margin-top: -20px;
}

.posted-on {

	margin-right: 10px;
}

.posted-on a, .comments-meta, .comments-meta a {

	font-weight: 100;
	color: #a0a5aa;
}

.reply {
    
    padding: 10px 0px;
    margin-top: 15px;
    position: absolute;
    right: 40px;
}

.reply a {
    
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 10px;
    display: inline;
    color: #cfae68;
    border: 2px solid #cfae68;
    border-radius: 5px;
}

.reply a:hover {
    
    color: #fff;
	background-color: #cfae68;
}

#respond h3 {

	color: #cfae68;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
    position: relative;
}

small {
    
    position: absolute;
    right: 0;
}

#reply-title a {
    
    padding: 0;
    display: inline;
    font-size: 1.5rem;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#reply-title a:hover {
    
    color: #000;
}

.site-content-contain {

	width: 80%;
	margin: 0 auto;
}

hr {

	margin-top: -50px;
	display: none;
}

.screen-reader-text a {

	font-size: 1.2rem;
	font-weight: bold;
	margin-left: 5px;

}

.cat-links a, .edit-link a {

	text-decoration: none;

}

.edit-link a {

	font-size: 1rem;
	margin-left: 10px;
    display: inline;
}

.comment-body, .comment-respond  {

	margin-bottom: 30px;
    padding-bottom: 65px;
    position: relative;
    background-color: #fafafa;
}

.comment-content {

    margin-top: 20px;
    margin-left: -20px;
    padding: 10px;
    background-color: #fff;
}

.comment-metadata {
    
    margin: 10px;
    margin-left: -20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ccc;
}

.comment-metadata a {
    
    display: inline;
    padding: 0px;
}

.logged-in-as {

	margin-left: 10px;
	padding: 10px;
    position: relative;
}

.logged-in-as a {

	text-decoration: none;
	color: #464b50;
    padding: 0px;
    display: inline;
}

.logged-in-as a:first-child {
    
    display: inline;
    padding: 0;
}

.logged-in-as a:nth-child(2) {

    position: absolute;
    right: 0;
    margin-top: 0px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.logged-in-as a:nth-child(2):hover {

    margin-right: 10px;
}

.form-submit {

/*	padding: 20px 5px;*/
	cursor: pointer;
    display: inline;
}

#submit {

	border: 2px solid #cfae68;
	color: #cfae68;
	padding: 10px;
	text-transform: capitalize;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#submit:hover {

	color: #fff;
	background-color: #cfae68;
}

#respond #submit {
    
    margin-top: 10px;
    position: relative;
/*    left: 60%;*/
}

.entry-footer {

	padding: 0px 20px 10px 0px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 10px;
}

.comments-title {

	font-family: 'Roboto', sans-serif;
	margin-bottom: 20px;
}

.comment-body {

	box-shadow: none !important;
}

.children{
    
    margin-left: 30px;
    margin-top: -15px;
}

.children .children {
    
    margin: 0;
}

#respond textarea {

	border: 1px solid #ccc;
    border-radius: 5px;
	width: 80%;
    margin-left: 10%;
}

/*

				FOOTER STYLING BEGINS HERE

*/

#colophon {

	width: 100%;
	background-color: #434343;
	color: #fff;
}

#colophon a {
    
    color: #fff;
}

#colophon a:hover {
    
    color: #999;
}

#colophon h2 {

	font-size: 1.5rem;
    font-family: 'Roboto Slab', serif;
    color: #cfae68;
	padding: 5px 0px;
}

#colophon img {

	border-radius: 300px;
}

#colophon .wrap {

	width: 80%;
	margin: 0 auto;
}

#colophon section {

	padding: 20px;
}

#colophon .footer-widget-1 section:first-child {

	width: 20%;
}

#colophon .textwidget {

	padding: 10px;
}

#colophon .textwidget:last-child {

	padding: 10px 0px 0px 0px;
}

.footer-widget-2 {
    
    font-size: 0.8rem;
}

.textwidget h5 {

	line-height: 2;
}

.textwidget i {

	padding: 0px 5px;
}

.textwidget i:hover {

	color: #fff;
}

.widget-column {

	display: flex;
}

.widget-column.footer-widget-2 {

	text-align: center;
	display: block;
}

#text-4 {

	padding: 20px;
}


/*

				RESPONSIVE STYLING BEGINS HERE

*/

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

	.hw-widget-2:first-child {
	
	margin-left: 10%;
	}
}

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

	.hw-widget-2:first-child {
	
	margin-left: 5%;
	}

	.contact-office {

	width: 46%;
	padding: 10px;
	}

	.contact-office:nth-child(4) {

	margin-left: 25%;
	}
}

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

	.navigation-top {

	display: none;
	}

	.es_widget_form {

	width: 400px;
	}
	
	.hw-widget {
        
	float: left;
	margin-left: 13%;
	margin-top: 25px;
	}

	#header-widget-area-2 {
	
	position: relative;
	margin-top: 20px;
	}

	#colophon .wrap {

	width: 100%;
	margin: 0 auto;
	}

	#colophon h2 {
	
	padding: 20px 0px;
	font-size: 1.6rem;
	}

	#colophon section {
	
	width: 95%;
	display: inline-block;
	padding: 10px;
	text-align: center;
	}

	#colophon .footer-widget-1 section:first-child {

	width: 95%;
	padding-top: 40px;
	}

	.widget-column {

	display: block;
	}

	.textwidget i {

	padding: 0px 10px;
	}

	.norm_row.sfsi_wDiv {

	width: auto !important;
	text-align: center !important;
	position: relative !important;
	}

}

@media screen and (min-width: 776px) and (max-width:910px) {

	.hw-title-2 {

	width: 200px;
	}
	
	.hw-widget-2:last-child {
	
	width: 300px;
	}

	.search-submit {

	margin-right: 20px;
	}

	.hw-widget-2 form input[type="search"] {

	margin-right: 20px
	}
}

@media screen and (min-width:876px) {
    
    #main {
        
    margin-top: -140px !important;
    }
    
}

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

	.entry-header {

	width: auto;
	float: none;
	}
	
	article img {
	
	margin-top: 20px;
	}
    
    #respond h3 {
        
    font-size: 1rem;    
    }
    
    #reply-title a {
        
    font-size: 1rem;
    }
    
}

@media screen and (max-width:813px) {
    
    #page {
	
	width: 100%;
	}

	ul {
	
	width: 100%;
	}

	.entry-content p img {

	width: 100%;
	height: auto;
	margin-bottom: 20px;
	}
}


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

    .custom-logo {
    
    width: 253px;
    margin: 0 auto;
    }
    
	.navigation-top {
		
	margin-top: 40px;
	}
	
    #header-widget-area {
     
    width: 300px;
    margin: 0 auto;
    }
    
	.hw-widget {
	
	margin-top: 0px;
    float: none;
	}

	.post-thumbnail.full {

	width: 100%;
	}

	.hw-widget-2:first-child, .hw-widget-2:nth-child(2), .hw-widget-2:nth-child(3) {
	
	display: none;
	}
	
	.hw-widget-2:last-child {

    margin: 0 auto;
	}

	.hw-widget-2 form input[type="search"] { 

	width: 270px;
    margin: 0 auto;
	}

	.header-top {

	margin-top: 50px;
	}
	
	.es_widget_form {
	
    margin: 0 auto;
	float: none;
	width: 300px;
	}
    
    .search-submit {
        
    right: 10%;
    }
    
	.post-thumbnail {

	width: 100%;
	}

	.post-thumbnail img {

	width: 100%;
	height: auto;
	}

	.entry-content.preview {

	width: auto;
	float: none;
	}
	
	article img {

	width: 100%;
	float: none;
	margin-top: 20px;
	margin-left: 0px;
	padding: 0px;
	}
    
    .logged-in-as {
        
    font-size: 0.9rem;
    }
    
    .comment-metadata {
    
    margin-left: 0px;
    }

	.contact-office {

	width: 100%;
	}
	
	.contact-office:nth-child(4) {

	margin-left: 0px;
	}

	#google-map {

	height: 300px;
	}

	.header-top {
	
	background-position: left top;
	background-size: auto;
	}

}

@media screen and (min-width: 451px) and (max-width:774px) {
 
    .hw-widget-2 form {
        
        margin-left: -40px;
    }
    
}

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

	.hw-widget-2 form input[type="search"] {
	
	width: 270px;
	left: 0;
	}

	.hw-widget-2 ul li a {

	padding: 20px 30px;
	}

	.hw-widget-2:last-child {

	margin-top:0;
	}
	
	.search-submit {

	position: absolute;
	}
	
	#colophon img {
		
		max-width: 60% !important;
	}

}

@media screen and (min-width:601px) {
    
    #main {
        
    margin-top: -200px;
    }

    .header-top img {

    width: 100%;
    height: auto;
    }
}

@media screen and (max-width:600px) {
    
    .header-top {
        
    margin-top: 90px;    
    }
    
	nav {

	width: 100%;
	margin: 0;
	}

	.navigation-top {
	
	width: 50%;
	clear: both;
	margin-top: 20%;
	}
    
    h1.entry-title {
	
	font-size: 3rem;
	}
    
    .entry-title {

	padding-top: 20px;
    
    }
    
	.entry-content h2 {

	font-size: 1.8rem;
	text-align: center;
	}

	h4 {

	font-size: 1.7rem;
	}
    
	.es_widget_form {
	
/*	margin-top: 5px;*/
        
	}

	.hw-widget {

	margin-left: 0;
	}
	
	.hw-widget-2 {

	margin-top: 50px;
	}

	.hw-widget-2:first-child {

	margin: 50px 0px 0px 12px;
	}

	.hw-widget-2 ul:first-child {

	padding-top: 40px;
	}

	.hw-widget-2 form {
	
/*    margin-left: 0%;*/
    position: absolute;
	width: 360px;
	}

	.hw-widget-2 form input[type="search"] {

    width: 270px;
    margin: 0 auto;
	}

	.hw-widget-2 ul {

	width: 33%;
	text-align: center;
	}

	.hw-widget-2 ul li a {

	padding: 15px 10px;
	}
    
    .header-top img {
        
    max-width: none !important;
    }

	.post-categories li {

	line-height: 0.5;
	}

	.site-main-search img {

	width: 100%;
	padding: 0px;
	}
    
    .error {
        
    margin-top: 20px;
    width: 100%;
    }
    
    .error-button a {
        
    font-size: 1rem;
    }
    
    #comments article {
        
    padding-bottom: 10px;
    }
    
    .reply {
        
    right: 10px;
    }
    
    .reply a {
        
    float: none;
    }

	.article img {

	margin-left: 0;
	}
	
	.comment-body, .comment-respond {

	width: 100%;
	}
    
    .comment-content {
     
    margin-left: 0px;
    }
    
    .nav-next {
    
    margin-top: 20px;
    }

	#submit {

	padding: 10px;
	}

	.entry-content p {

	font-size: 0.8rem;
	}
    
    .comment-respond:last-child.logged-in-as a:nth-child(2) {
        
    margin-top: -20px;
    }
    
    .logged-in-as a:nth-child(2) {

	display: inline;
    }

     ul {
	
	width: 100%;
	float: left;
	}
	
	ul li {
	
	width: 100%;
	}
	
	.site-content-contain {
    
    width: 95%;
	margin-top: -140px;
	}

	article {
	
	padding: 0px 10px;
	box-shadow: none;
	}
    
    #comments article {
        
    padding-bottom: 65px;
    }
	
	.posted-on, .comments-meta {

/*	font-size: 0.8rem;*/
	}
	
	.site-main-search {

	margin-top: 0px;
	-webkit-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0);
	-moz-box-shadow: 0px 0px 5px 3px rgba(136,136,136,0);
	box-shadow: 0px 0px 5px 3px rgba(136,136,136,0);
	}

	.search-submit {
	
	position: absolute;
    right: 2%;
	}
}

@media screen and (max-width:450px) {
    
    .header-top {
        
    margin-top: 10px;
    }
    
    .hw-widget-2 form {
	
/*    margin: 0 auto;*/
    position: relative;
	width: 330px;
	}
}

@media screen and (max-width:320px) {
    
    .hw-widget-2 form {
	
    margin-left: -12%;
	}
}