/*
Theme Name: Blogger Hub
Theme URI: https://www.themesglance.com/themes/free-blog-wordpress-theme/
Author: Themesglance
Author URI: https://www.themesglance.com/
Description: Blogger Hub is a minimal WordPress theme designed aesthetically for giving modern look to your site. This multipurpose theme can be used for food blog, fashion blog, lifestyle blog, news, writers, portfolios, tech blog, sports blog, artistic, artwork blog, blog showcase, creative blog, creative design personal blog, travel blog, craft blog, photography blog etc. It can prove to be a landing page. Magazines and newsletter sites can seamlessly blend into its design. If you are looking for a theme for writing journal or your biography then Blog Hub is the answer for you. It can be used as a writer’s theme. It is a bloggers’ junction. The Blogger Hub WordPress theme can be customized to make small to big changes. It is a fully responsive, cross-browser compatible and translation ready theme. It has various styling options making it versatile to be used in various forms. This mobile-friendly theme has short codes implemented which make your site clean and secure. The stunning design, interactive and user-friendly interface attract everyone’s attention and make them adhere to your site for longer time. Its SEO-friendliness gives your site a higher rank in Google search engine. Though the theme has various features and functionalities, still it has faster page loading ability. The social media integration makes your site reach wider audience. Demo: https://www.themesglance.com/blogger-hub-pro/
Tested up to: 5.5.3
Requires PHP: 7.2.14
Version: 0.6.9
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: blogger-hub
Tags: left-sidebar, right-sidebar, one-column, two-columns, three-columns, four-columns, grid-layout, block-styles, custom-background, custom-logo, custom-menu, custom-header, featured-images, featured-image-header, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, rtl-language-support, post-formats, blog, portfolio, news

Blogger Hub WordPress Theme has been created by Themesglance(themesglance.com), 2018.
Blogger Hub WordPress Theme is released under the Terms of GNU GPL
*/

/* Basic Style */
*{
	margin:0;
	padding:0;
	outline:none;
}
body{
	margin:0;
	padding:0;
	-ms-word-wrap:break-word;
	word-wrap:break-word;
	background-color:#f5e4e3;
	font-size: 16px;
	color:#666;
	font-family: 'Exo', sans-serif;
}
img{
	margin:0;
	padding:0;
	border:none;
	max-width:100%;
	height:auto;
}
section img{
	max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{
	margin:0;
	padding:10px 0;
	font-family: 'IM Fell English', serif;
}
p{
	margin:0 0 15px;
	padding:0;
	font-size:16px;
	line-height:1.8;
  color: #666;
}
a{
	text-decoration:none;
	color:#7c3028;
}
a:hover{
	text-decoration:none;
	color:#666;
}
a:focus,
a:hover{
	text-decoration:none !important;
}
a:focus,
input:focus, textarea:focus{
  outline: 1px dotted #000;
  border-bottom: 1px solid #000;
}
ul{
	margin:0 0 0 15px;
	padding:0;
}
:hover{-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
select{
  width:100%;
  padding: 10px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
  clear:both;
}
.clear{
	clear:both;
}
input[type='submit']:hover{
	cursor: pointer;
}
.center{
	text-align:center;
	margin-bottom:40px;
}
.main-wrap-box{
	margin:0 auto;
	padding:20px 0 20px;
}
.wp-caption{
	margin:0;
	padding:0;
	font-size:13px;
	max-width:100%;
}
.wp-caption-text{
	margin:0;
	padding:0;
}
.screen-reader-text {
	position: absolute;
	top:-9999em;
	left:-9999em;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
.sticky-menu{
  position: fixed;
	margin:0;
	padding:0;
}
.sticky .blog-sec {
  background: #f5f5f5;
}
.gallery-caption{
	margin:0;
	padding:0;
}
.alignleft,
 img.alignleft {
 	display: inline;
	float: left;
	margin-right:20px;
	margin-top:4px;
	margin-bottom:10px;
	padding:0;
	border:1px solid #bbb;
	padding:5px;
}
.alignright,
 img.alignright {
	display: inline;
	float: right;
	border:1px solid #bbb;
	padding:5px;
	margin-bottom:10px;
	margin-left:25px;
}
.aligncenter,
 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	border:1px solid #bbb;
	padding:5px;
}
.comment-list .comment-content ul {
	list-style:none;
	margin-left:15px;
}
.comment-list .comment-content ul li{
	margin:5px;
}
#respond{
	clear:both;
}
.toggle{
 	display:none;
}
.bypostauthor{
	margin:0;
	padding:0;
}
small{
	font-size:14px !important;
}
a.small-button{
	background:#3890cb;
	padding:5px 30px;
	border-radius:3px;
	color:#fff;
	display:table;
	margin:0 auto;
}
a.small-button:hover{
	color:#fff;
	background:#0c5f96;
}
input[type="text"],
input[type="email"],
input[type="phno"],
 textarea{
	border:1px solid #bcbcbc;
	width:100%;
	font-size:16px;
	padding:10px 10px;
	margin:0 0 23px 0;
	height:auto;
}
textarea{
	height:111px;
}
input[type="submit"] {
	border: none;
	text-align:center;
	text-transform:uppercase;
	font-size:15px;
	padding:8px 25px;
	background:#7c3028;
	font-weight:bold;
	color:#fff;
	border-radius:3px;
	margin: 10px auto;
}
input[type="submit"]:hover{
	background:#222;
}
table,
th,
td {
	border: 1px solid #d1d1d1;
}
table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}
td {
	border-width: 0 1px 1px 0;
}
th,
td {
	padding: 0.4375em;
}
/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}
.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}
.widget_calendar caption {
    font-weight: 900;
    margin-bottom: 1em;
    color: #fff;
    font-size: 20px;
}
.widget_calendar tbody a {
	background-color: #007acc;
	color: #fff;
	display: block;
	font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}
.widget th,
.widget td {
	padding: 0em;
}
span.page-links-title {
	clear: both;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    font-weight: bold;
    padding: 15px;
}
span.page-number {
    padding: 10px 15px;
}
span.page-number,span.page-links-title{
	display: block;
    float: left;
    margin: 2px 2px 2px 0;
	text-decoration: none;
    width: auto;
    color: #fff;
    font-weight: bold;
    background: #7c3028;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

/* Sweep To Right */
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #111111;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
	  color: #fff;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/* ---------Buttons--------- */
a.button{
	background:#7c3028;
  color: #fff;
  font-size: 16px;
  margin: 10px 0 0;
  padding: 9px 30px;
  text-transform: uppercase;
	font-weight:bold;
}

/*-------- Single post Header Image --------*/
.page-header {
  padding: 8%;
}
.page-header h1{
  display: block;
  font-size: 35px;
  color: #000;
  font-weight: bold;
}

/* --------- MENUS CSS --------- */
#sidelong-menu {
  display: inline;
}
ul.list_nav {
  margin: 0 auto;
  text-align: center;
  display: block;
}
.nav-menu ul{
  margin:0;
  padding:0;
  font-weight:400;
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold; 
}
.nav-menu li{
  display:inline-block;
  margin:0;
  position:relative;
}
.nav-menu li a{
	color: #707070;
	padding: 18px 10px;
	display: block;
	font-weight: normal;
	text-transform: capitalize;
	font-size: 15px;
}
.nav-menu ul li a:active,
.nav-menu ul li a:hover{
  color: #7c3028;
}
.nav-menu ul ul{
  display: none;
  position: absolute;
  background: #252525;
  min-width: 200px;
  z-index: 9999;
  border: 1px solid #f5e4e3;
}
.nav-menu ul ul ul{
  left: 100%;
  top: 0;
}
.nav-menu ul ul a{
	color: #7c3028;
	padding: 10px;
	background: #f5e4e3;
}
.nav-menu ul ul a:hover{
  background: #7c3028;
  color: #fff !important;
  border-left: 4px solid #f5e4e3;
}
.nav-menu ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}
.nav-menu ul ul li:last-child{
  border-bottom: 0;
}
.nav-menu ul li:hover > ul{
  display: block;
}
.nav-menu li a:hover{
  color: #7c3028;
}
.nav-menu .menu > ul > li.highlight{
  background-color: #006ccc;
}
.nav-menu .menu > ul > li.highlight:hover{
  background: transparent;
}
/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows ul .sf-with-ul{
  padding: 10px;
}
.sf-arrows .sf-with-ul,
.topbar .sf-arrows .sf-with-ul{
  padding: 10px 25px 10px 10px;
}
.sf-arrows .sf-with-ul:after{
  content: '\f0dd';
  position: absolute;
  right: 5px;
  top: 4px;
  font-size: 18px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.topbar .sf-arrows .sf-with-ul:after{
  font-size: 14px;
  top:7px;
  right: 8px;
}
.sf-arrows ul .sf-with-ul:after{
  top: 4px;
}
.toggle-menu, a.closebtn{
  display: none;
}

/*----- PRELOADING -------- */
#overlayer {
  width:100%;
  height:100%;  
  position:fixed;
  z-index:9999;
  background:#fff;
  left:0;
  right: 0; 
}
.tg-loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index:9999;
  border: 4px solid #333;
  top: 50%;
  left: 50%;
  animation: loader 2s infinite ease;
}
.tg-loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #333;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}

.elementor-html .tg-loader,
.elementor-html #overlayer,
.elementor-html .preloader{
  display: none;
}

@-webkit-keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@-webkit-keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  30% {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
/* Styles */
.preloader {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: white;
  text-align: center;
}
.preloader .preloader-container {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 44%;
  left: 0;
  position: relative;
}
.preloader .preloader-container .animated-preloader {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #333;
  border-radius: 50em;
}
.preloader .preloader-container .animated-preloader:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50em;
  background: white;
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-out infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
.preloader .preloader-container .animated-preloader:before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50em;
  background: #333;
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}

/*----------Sticky Header------*/
.fixed-header {
  position: fixed;
  top:0; 
  left:0;
  margin:0 !important;
  width: 100%;
  background: #fff;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  z-index: 999999;
}
	
/* ---------HEADER--------- */
.logo h1 a,
.logo p.site-title a{
	text-transform:capitalize;
	padding: 0;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	color: #7c3028;
  font-family: 'IM Fell English', serif;
}
.logo {
	padding: 8% 0;	
	text-align: center;
}
.logo p{
	font-size:15px;
	color: #7c3028;
  margin-bottom: 0;
}
#header {
  z-index: 999;
  width: 100%;
  height: auto;
  background: #fff;
}
#header .header-top {    
  color: #fff;
  padding: 10px 0;
}
.buttonbox a{
	background:#3890cb;
	color:#fff;
	padding:8px 15px;
	display:block;
	margin:27px 0 0 0;
	border-radius:5px;
	text-align:center;
}
.buttonbox a:hover{
	background:#000;
	color:#fff;
}
.search-box input[type="submit"] {
  padding: 0 0 0 40px;
  background: url(images/search.png) no-repeat scroll 22px 2px;
  text-align: center;
  float: right;
  text-indent: -9999px;
  border: none;
  margin-top: 6px;
}
.search-box {
  padding: 10px 0px;
}
.search-box input[type="search"]{
  border: none;
}
.search-box label{
	width: 75%;
	margin: 0;
}
.social-links i {
  margin-right: 15px;
  font-size: 13px;
  color: #000;
}
.social-links i:hover{
	color: #7c3028;
}
.social-links {
  padding: 17px 0;
}
/* ---------blog--------- */
.blog-sec {
  margin-bottom: 4%;
  text-align: center;
  border-bottom: solid 5px #dccdcc;
  padding: 15px;
  background: #fff;
}
.mainimage {
  overflow: hidden;
}
.page-template-custom-front-page .blog-sec h2 {
  font-size: 20px;
  color: #000;
}
.blog-sec h2 {
  font-size: 30px;
  font-weight: 600;
  color: #000;
  letter-spacing: 2px;
  margin: 0 ;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.post-hr {
  margin: 0 auto 15px;
  border-top: dashed 2px #111;
  width: 20%;
}
.box-image img {
  width: 100%;
}
.mainimage img:hover {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 0.5;
}
.blog-sec p {
  color: #707070;
  font-size: 15px;
  line-height: 1.8;
  margin:0;
}
p.post_tag a {
  color: #111;
  font-weight: 500;
  margin: 0 10px 5px 0;
  display: inline-block;
}
.att_socialbox a {
  margin: 5px;
  font-size: 12px;
  color: #111;
}
p.post_tag {
  text-align: left;
}
.att_socialbox span {
  font-size: 12px;
  font-weight: 600;
}
.att_socialbox i.fas.fa-share-alt {
  font-size: 13px;
}
.att_socialbox {
  text-align: right;
  color: #111
}
h1.page-title,
h1.search-title {
  background: #7c3028;
  margin-bottom: 3%;
  color: #fff;
  letter-spacing: 1px;
  text-align: center;
}
.entry-title{
  text-align: left;
  margin-bottom: 10px;
  color: #000;
}
.notfound {
  padding: 2% 0;
  text-align: center;
}
.notfound h1{
  font-weight: bold;
  font-size: 60px;
  color: #000;
}
.notfound p{
  line-height: 1.5;
  margin-bottom: 10px;
}
.read-moresec {
  margin: 20px 0px 0;
}

/*------- Related Posts ------*/
#wrapper .related-posts{
  padding: 2% 0;
  border-top: 1px solid;
}
#wrapper .related-posts h2.related-posts-main-title{
  font-size: 28px;
  color: #7c3028;
  font-weight: 600;
  letter-spacing: 0;
}
#wrapper .related-posts .blog-sec{
  text-align: left;
  border: 1px solid #dccdcc;
  border-bottom: solid 5px #dccdcc;
}
#wrapper .related-posts h3{
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  margin: 0;
  padding: 10px 0;
  text-transform: uppercase;
}
#wrapper .related-posts h3 a{
  color: #7c3028;
}

/* Category Post */
#main-post {
  padding: 3% 0px;
}
#category_post h1 {
  background: #7c3028;
  text-align: center;
  color: #fff;
  padding: 16px 0;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  margin-bottom: 25px;
  font-weight: normal;
}
#category_post h1:after {
  content: "";
  display: block;
  position: absolute;
  border-top: 5px solid;
  border-top-color: #7c3028;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
}

/* Woocommerce */
.woocommerce nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul li{
  border: 0;
}
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{
  background: #7c3028;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
  background: #fff;
  color: #7c3028;
  border: 1px solid #7c3028;
  padding: 10px;
  margin-right: 10px;
}
.woocommerce-product-gallery__image {
  padding: 5px;
}
.woocommerce span.onsale{
	background: #7c3028;
	padding: 0;
}
.woocommerce .woocommerce-breadcrumb a, .woocommerce .woocommerce-breadcrumb {
  color: #000;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  border: solid 1px #dcdcdc;
  padding: 10px ;
  text-align: center;
  background: #fff;
}
span.posted_in {
  display: block;
}
h2.woocommerce-loop-product__title,
.woocommerce div.product .product_title {
  color: #000;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 20px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #000;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background: #7c3028;
	color: #fff;
	border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background: #000;
	color: #fff;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 5px;
  border-radius: 0;
  border: solid 1px #000;
  color: #000;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #7c3028;
  padding: 12px;
  margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #fff;
}
.woocommerce span.woocommerce-input-wrapper {
  width: 100%;
}
.woocommerce ul.products li.product .star-rating{
  margin: 0 auto 10px;
  font-size: 15px;
}
.related.products ul.products li.product{
  width: 29%;
  float: none;
  display: inline-table;
}
.select2-container--default .select2-selection--single{
  height: 45px;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding: 7px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: 8px;
}
.woocommerce form .form-row input.input-text{
  padding: 10px;
  border: 1px solid #bcbcbc;
}
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
  width: auto;
}
.woocommerce  form.woocommerce-form-login.login .form-row,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  display: block;
  float: none;
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product .button{
  margin: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size: 20px !important;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2{
  max-width: 100%;
}

/*------ Woocommerce widget css -----*/
#sidebar .woocommerce .widget_shopping_cart .cart_list li, 
#sidebar .woocommerce.widget_shopping_cart .cart_list li{
  padding: 0 0 10px 2em;
  margin-bottom: 10px;
}
.woocommerce.widget_shopping_cart .cart_list li{
  padding-bottom: 10px;
}
.woocommerce.widget_shopping_cart p{
  margin: 0;
}
#sidebar .woocommerce .widget_shopping_cart .cart_list li a.remove, 
#sidebar .woocommerce.widget_shopping_cart .cart_list li a.remove{
  font-size: 20px;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
  width: 50px;
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total{
  padding: 10px 0;
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating{
  margin: 5px 0 5px;
  font-size: 14px;
}
#sidebar .woocommerce-product-search input[type="search"],
#footer .woocommerce-product-search input[type="search"]{
  padding: 10px;
  width: 100%;
  border: 1px solid;
}
.woocommerce-product-search button{
  width: 100%;
  padding: 10px;
  background: #7c3028;
  border:0;
  font-size: 15px;
  color: #fff;
  margin-top: 6px;
}
.woocommerce .widget_shopping_cart .buttons a:hover, 
.woocommerce.widget_shopping_cart .buttons a:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover{
  background: #7c3028 ;
  color: #fff ;
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
  background: #7c3028;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #000;
}
#footer .widget_price_filter .price_slider_wrapper .ui-widget-content{
  background: #fff;
}
.woocommerce .widget_rating_filter ul li{
  padding-bottom: 10px;
}

/* Homepage */
.post-info {
  padding: 10px 0 ;
  font-size: 15px;
}
.post-info i {
  color: #111;
  padding-right: 5px;
}
.post-info span {
    color: #111;
    margin-right: 15px;
}
.blogbtn a {
  color: #fff;
  background: #7c3028;
  font-size: 13px;
  font-weight: 500;
  padding: 12px 20px;
  font-family: 'IM Fell English', serif;
}
.blogbtn {
  margin: 2% 0;
}
.innerlightbox {
  padding-top: 4%;
}
#blog_post small{
	color:#6d6d6d;
	margin:0 0 20px 0;
}
#blog_post .small-button{
	margin-top:30px;
}
#blog_post .page-box,.postbox{
	color:rgba(74, 69, 69, 0.75);
	padding:15px;
	margin: 0 0 4% 0;
	box-shadow: 0 0 15px 3px #bbb;
}
#blog_post .page-box p{
	font-size:15px;
	margin:0;
	line-height: 25px;
}
#blog_post .box-image{
	margin:0;
}

#blog_post .services-box{
	margin:40px 0 20px 0;
}
img.alignnone.wp-image-755.size-large {
    width: 100%;	
}
/* Headings */
section h2,
section h3,
section h4,
section h5{
	font-weight:bold;
}

/* Back to Top */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 60px;
  height: 15px;
  width: 40px;
  padding: 3px 5px;
  font-size: 10px;
  font-weight: bold;
  color: transparent;
  visibility: hidden;
  z-index: 3;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.25s ease-in-out;
  background-color: #7c3028;
}
.back-to-top:hover, .back-to-top:focus {
  text-decoration: none;
}
.back-to-top::before,
.back-to-top::after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border: 20px solid transparent;
  border-top: 0;
}
.back-to-top::before {
  top: -20px;
  z-index: 4;
  border-bottom: 20px solid #7c3028;
}
.back-to-top::after {
  bottom: 0;
  z-index: 5;
  border-bottom: 20px solid #111;
}
.back-to-top:hover,
.back-to-top:focus {
  height: 40px;
  color: #fff;
}
.show-back-to-top {
  display: block;
  visibility: visible;
}
.scroll-left{
  left: 30px;
  right: auto;
}
.scroll-center{
  left: 50%;
  right: 50%;
}

/* Footer Section */
.footerinner td#prev a{
  color: #fff;
}
.footerinner .widget {
  padding: 5% 0;
}
#footer{
	background: #111;
	color:#fff;
	padding:0;
	text-align:left;
    clear:both;
}
#footer h3 {
  text-align: left;
  font-size: 26px;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 700;
}
a.rsswidget{
	color: #fff;
}
#footer p {
  font-size: 16px;
  margin: 0;
  color: #fff
}
.copyright a{
  text-decoration: none !important;
}
#footer .news-form{
	margin-top:24px;
}
#footer input[type="text"]{width:60%;
	padding:8px 5%;
	float:left;
	margin-right:2%;
	border-radius:5px;
}
#footer input[type="submit"]{
    width:35%;
	padding:11px 2%;
	float:right;
	border:none;
	background:#7c3028;
	margin:0;
}
#footer .search-field {
  width: 100%;
  padding: 10px 5px;
}
#footer label {
  display: inline;
}
#footer form.search-form{
	text-align: left;
}
#footer .copyright{
	text-align:center;
}
.copyright a {
  color: #fff;
}
.copyright p{
	font-size: 14px;
	font-family: 'IM Fell English', serif;
}
.inner{
  background: #7c3028;
  padding: 15px;
}
.footerinner ul {
  margin: 0;
}
.footerinner ul li {
  list-style: none;
  padding: 6px 0;
  letter-spacing: 1px;
  font-size: 13px;
}
.footerinner ul li a {
  color: #fff;
  font-size: 15px;
}
.footerinner ul li a:hover{
  color: #f5e4e3;
}
#sidebar select,.footerinner select {
  padding: 10px;
  color: #000;
}
#sidebar .textwidget {
  padding: 15px;
  background: #fff;	
}
.footerinner .tagcloud a{
 	background: #7c3028;
  color: #fff;
  font-size: 15px !important;
  padding: 5px 18px;
  margin: 0 0 5px;
  display: inline-block;
}
.footerinner a:focus {
  outline: 1px dotted #fff;
}
/* --------- Bradcrumbs --------- */
.bradcrumbs a {
  background: #7c3028;
  color: #fff;
  padding: 5px;
  display: inline-block;
  margin-right: 5px;
}
.bradcrumbs a:hover{
	background:#000;
}
.bradcrumbs span{
	background:#dddddd;
	color:#000;
	padding: 7px 15px;
}

/* Comments BOX */
#comments{
	margin-top:15px;
}
#comments h2.comments-title{
	font-size:20px;
	font-weight:bold;
	border-top:2px dotted #7e7e7e;
	padding:25px 0 0 0;
}
#comments h3.comment-reply-title{
	font-size:20px;
	font-weight:bold;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
	padding:12px 10px;
	font-size:18px;
	margin:20px 0 0 0;
}
#comments input[type="submit"].submit{
	background:#7c3028  ;
	padding:10px 20px;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:20px;
	border:none;
	margin:0;
}
#comments p.comment-form-comment label{
  display: block;
}
#comments a.comment-reply-link{
	color:#fff;
	background:#7c3028;
	padding:5px 15px;
}
#comments a.comment-reply-link:hover{
	background:#000;
  color: #fff;
}
#comments a time{
	color:#000;
	font-weight:bold;
	font-size:12px;
}
.comment-author.vcard img {
  margin-right: 10px;
}
.comment-meta.commentmetadata{
  margin: 10px 0;
}
ol.comment-list .comment-body{
  margin: 0 0 20px;
  padding:10px 10px 15px;
  background:#f7f7f7;  
}
#wrapper #comments ul{
	margin:0 0 0 40px;
}
#comments .reply{
	text-align: right;
}
#comments .comment-author{
	width:100%;
	clear:both;
}
#comments .comment-content{
	margin-left:7%;
}

/* Sidebar */
#sidebar td#prev a {
  color: #707070;
}
#sidebar caption {
  font-weight: bold;
  color: #707070;
  font-size: 15px;
  text-align: center;
  margin: 0;
}
table#wp-calendar {
  width: 100%;
}
#sidebar td {
  padding: 7px;
  color: #707070;
  font-size: 12px;
  text-align: center;
}
#sidebar td#today {
  background: #707070;
  color: #fff;
}
#sidebar tr {
  border-bottom: solid 1px #ddd;
}
#sidebar th {
  text-align: center;
  padding: 7px;
  color: #707070;
  font-size: 15px;
}
#sidebar select {
  padding: 10px;
  color: #707070;
  background: #fff;
  border: none;
  width: 100%;
}
#sidebar form.search-form{
  display: table;
  width: 100%;
  padding: 15px;
  border-bottom: solid 3px #ddd;
  background: #fff;
}
#sidebar h3 {
  background: #7c3028;
  text-align: center;
  color: #fff;
  padding: 16px 0;
  font-size: 18px;
  text-transform: capitalize;
  position: relative;
  margin-bottom: 20px;
  font-weight: normal;
}
#sidebar h3:after {
  content: "";
  display: block;
  position: absolute;
  border-top: 5px solid;
  border-top-color: #7c3028;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  bottom: -5px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -5px;
}
#sidebar input[type="search"],
input[type="search"] {
  padding: 9px;
  border: 1px solid;
  font-size: 14px;
  color: #000;
  font-style: italic;
  letter-spacing: 1px;
  font-weight: normal;
  width: 100%;
}
#footer input[type="submit"]{
  margin-bottom: 15px !important;
}
#sidebar label,
#footer label{
  width: 100%;
  float:left;
  margin-bottom: 12px;
}
#sidebar input[type="submit"],
#footer input[type="submit"]{
  background:#7c3028;
  border: none;
  color: #fff;
  padding: 8px 0;
  width: 100%;
  font-weight: normal;
  font-size: 15px;
  float: left;
  margin: 0;
  border-radius: 0;
  letter-spacing: 1px;
}
#sidebar aside {
  margin-bottom: 30px;
  border-bottom: solid 5px #dccdcc;
}
#sidebar ul {
  list-style: none;
  margin: 0;
  padding: 15px;
  font-size: 17px;
  background: #fff;
}
#sidebar ul li{
  font-size: 12px;
  padding: 8px 0;
}
#sidebar ul li a {
  color: #707070;
  font-size: 15px;
}
#sidebar .tagcloud a{
	color: #707070;
    font-size: 15px !important;
    padding: 8px 18px;
    margin: 0 0 5px;
    display: inline-block;
    background: #fff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#sidebar .tagcloud a:hover{
  	background: #7c3028;
    color: #fff;
}
#sidebar #calendar_wrap{
	background: #fff;
}
/* Page */
iframe {
    width: 100%;
}
.entry-audio audio{
	width: 100%;
}
.single-post #wrapper h1{
	margin: 0;
}
#wrapper h1 {
  font-weight: bold;
  margin: 10px 0;
  color: #000;
}
#wrapper p{
	font-size: 16px;
}
#wrapper hr{
	border:none;
	border-bottom:1px solid #e4e4e4;
	clear:both;
  margin: 0 0 10px;
}
#wrapper h2{
	font-size:40px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h3{
	font-size:36px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#000;
	margin:0 0 25px;
}
#wrapper h4{
	font-size:20px;
	font-weight:bold;
	margin:0;
	padding:0;
	color:#333;
	margin:0 0 25px;
}
#wrapper ul{
	margin:0 0 0 10px;
	font-size:16px;
}
#wrapper ul li{
	line-height:25px;
}
#wrapper ol{
	margin:0 0 0 15px;
	font-size:16px;
	counter-reset: myCounter;
}
#wrapper ol li{
	padding:0 0 0 0;
}
#wrapper {
  background: #fff;
  padding: 15px;
  margin-bottom: 10px;
}

/* Pagination */
.pagination {
	clear:both;
	position:relative;
	font-size:14px;
	line-height:13px;
	float:right;
} 
.pagination span,
.pagination a {
	display:block;
    float:left;
    margin: 0 4px;
    padding:10px 15px;
    text-decoration:none;
    width:auto;
    color:#707070;
    background: #fff;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
} 
.pagination a:hover{
	color:#fff;
  background: #111111;
} 
.pagination .current {
  padding: 10px 15px;
  color: #fff;
  background: #7c3028;
  border: 1px solid #d4d4d4;
}

/* ------------Navigation Links------------*/
.navigation .nav-previous a, .navigation .nav-next a{
  color: #fff;
  background: #7c3028;
  font-size: 16px;
  font-weight: 500;
  padding: 6px 10px;
}
.navigation .nav-previous a::before {
  content: "\f100";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 8px 0 0;
  font-weight: 900;
}
.navigation .nav-next a::after {
  content: "\f101";
  display: inline-block;
  line-height: 1;
  font-family: 'Font Awesome 5 Free';
  font-size: 16px;
  margin: 0 0 0 8px; 
  font-weight: 900;
}
.nav-links{
	padding: 10px 0 20px;
}
.nav-previous {
  float: left;
  width: 50%;
  margin: 15px 0;
}
.nav-previous i{
  margin-right: 6px;
}
.nav-next i{
  margin-left: 6px;
}
.nav-next{
  float: left;
  width: 50%;
  text-align: right;
  margin: 15px 0;
}
span.post-title {
  font-size: 20px;
  margin: 3%;
  font-weight: 600;
  line-height: 1.5;
  color: #7c3028;
}
.woocommerce-page .entry-content  a{
  text-decoration: none;
}
.entry-content  a,
.comment p a,
#sidebar .textwidget p a{
  text-decoration: underline;
}
#footer .textwidget p a{
  color: #fff;
  text-decoration: underline;
}

/* Media Css*/
@media screen and (max-width: 1000px){
  .fixed-header{
    position: static;
  }
  .nav-menu .nav ul li a:focus,
  a.closebtn.responsive-menu:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px solid #fff;
  }
  .toggle-menu {
    display: none;
    width: 100%;
    top: 0;
    cursor: pointer;
    padding: 10px;
    z-index: 999999;
    text-align: left;
    background: #000;
    right: 0;
    font-size: 20px;
    border-bottom: 1px solid #333;
  }
  .toggle-menu button:focus{
    outline: 1px dotted #fff;
    border-bottom: 1px dotted #fff;
  }
  .toggle-menu i {
    font-size: 25px;
    color: #fff;
    margin-right: 10px;
  }
  .toggle-menu button {
    background: transparent;
    border: none;
    color: #fff;
  }
  .side-nav {
    max-height: 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999;
    top: 110%;
    visibility: hidden;
    right: 0;
    overflow-y: scroll;
    background-color: #000;
    overflow-x: hidden;
    transition: 0.5s top ease-in-out;
    padding-top: 60px;
  }
  body.show-main-menu .side-nav{
    visibility: visible;
    top: 52px;
    transition: 0.5s top ease-in-out;
  }
  .side-nav .closebtn {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px;
    font-size: 18px;
    margin-left: 50px;
    display: block;
    color: #ffffff;
    border:none;
    background: transparent;
  }
  .side-nav .closebtn i{
    margin: 15px;
  }
  .side-nav #primary-site-navigation {
    width: 100%;
  }
  .toggle-menu span{
    font-size:30px;
    cursor:pointer; 
    text-align: right;
  }
  .toggle-menu{
    display: block;
  }
  .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
    float: right;
    color: black;
  }
  .nav-menu .nav ul li{
    border-top:1px #303030 solid; 
    display:block;
  }
  .nav ul li a{
    padding: 10px 15px;
    display: block;
    color: #ffffff !important;
    border: none;
    border-bottom: 1px solid #333;
    background: none !important;
  }
  .sf-arrows .sf-with-ul:after{
    right: 20px;
  }
  .nav ul li:first-child a{
    border-top: 1px solid #333;
  }
  .nav ul li:first-child ul li a{
    border-top: none;
  }
  .nav-menu .current_page_item > a, .nav-menu .current-menu-item > a, .nav-menu .current_page_ancestor > a {
    color: #7c3028;
  }
  .nav ul li ul li a:before{
    content:"__";
    padding-right: 10px;
  }
  .nav ul li ul li a{
    padding-left:20px !important;
  }
  .nav ul li ul li ul li a{
    padding-left:30px !important;
  }
  .nav-menu ul ul{
    position: static;
    width: 100%;
    background: none;
    border:none;
  }
  .nav-menu li{
    padding: 0;
    display: block;
  }
  .main-header-box{
    padding-bottom: 15px;
  }
  #sidelong-menu {
    text-align: left;
    display: inline;
  }
  .nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
    outline: 1px dotted #fff;
  }
  .nav-menu ul li a:hover,
  .nav-menu li a:hover{
    border-left: 4px solid #f5e4e3;
  }
  .related.products ul.products li.product{
    width: 46%;
    float: left;
  }
  .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img{
    width: 40px;
  }
}
@media screen and (max-width: 720px) and (min-width: 320px){
  p.post_tag,
  .att_socialbox{
    text-align: center;
  }
	ol.children {
    margin: 0 !important;
	}
	ol.children img {
    width: 30px;
    border: solid 1px;
	}
	#comments .reply {
		float: left !important;
		margin-bottom: 5%;
	}
	#wrapper #comments ol li{
		padding:0 !important;
	}
	#wrapper h2 {
    font-size: 30px !important;
	}
	.social-links{
		text-align: center;
	}
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
    width: 100%;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){	
	.search-box input[type="submit"] {
  	padding: 0 0 0 30px;
  	background: url(images/search.png) no-repeat scroll 10px 0px;
	}
	.social-links i{
		margin-right: 8px;
	}
}