/*
Theme Name: ReFresh
Theme URI: http://www.insertcart.com/product/refresh-wp-theme/
Description: Refresh Theme is best WordPress magazine theme for personal and business website technology news or magazine with full features and SEO Optimize theme easily adapts on your mobile and desktop or any other device. Theme comes with lots of customization and connect social media like Facebook, Google+, twitter, pinterest, rss, skype, vimeo, dribbble, flickr, LinkedIn, YouTube and Adsense ready It supports all the awesome WordPress features completely free theme works also for blogging.Some features like floating menu bar with search and share options. WooCommerce eCommerce plugin supported. Working theme demo here http://demo.baztro.com/refresh
Version: 1.9
Author: InsertCart.com
Author URI: http://www.insertcart.com
Tags: custom-menu, custom-header, custom-background, custom-colors, one-column, two-columns, right-sidebar, theme-options, threaded-comments, translation-ready, featured-images, footer-widgets, e-commerce, sticky-post, blog, photography, news, entertainment, featured-image-header, rtl-language-support, grid-layout, post-formats, buddypress, portfolio 
Text Domain: refresh
License: GNU General Public License v2 or later
License URI: license.txt

Refresh WordPress theme, Copyright (C) 2017 InsertCart
Refresh WordPress theme is licensed under the GPL.
*/

/*===================== reset ===================== */
.clearfix:after { 
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html
.clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* ===================== general ===================== */

body {
	font: 500 16px/23px 'Monda', sans-serif;
	color: #555;
	text-align: left;
	word-wrap: break-word;
	margin: auto !important;
	background: #fff;
}
a {
	color: #334550;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
h2 a {
	color: #000;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0; 
	margin: 0; 
	color: #555;
	font-weight: normal;
	font-family: 'Monda', sans-serif;
}
h1 {
	font-size: 32px;
	line-height: 38px;
}

h2 {
    font-size: 22px;
    line-height: 1.5;
}
h3 {
	font-size: 18px;
	}
h4 {
	font-size: 16px;
	}
h5 {
	font-size: 14px;
	line-height: 1;
}
h6 {
	font-size: 12px;
}
input, textarea { 
}
hr {
	display: none;
}
p {
	padding: 7px 0;
}
code {
	color: #5886a3;
}small {
	font-size: 11px;
	line-height: 10px;
}
blockquote {
display: block;
margin: 25px 0;
padding: 0 0 0 28px;
clear: both;
font-size: 14px;
font-style: italic;
background: #F7F7F7;
border-left: 5px solid #A3A3A3;
}
blockquote.pullquote, blockquote.pullquoteleft {
	font-size: 2em;
	line-height: 1em;
	font-style: italic;
	width: 200px;
	color: #a1a1a1;
	background-image: none;
}
blockquote.pullquote {
	margin: 0 0 0 30px;
	border-left: 5px solid #eee;
	padding: 10px 0 10px 30px;
}
blockquote.pullquoteleft {
	margin: 0 30px 0 0;
	border-right: 5px solid #eee;
	padding: 10px 30px 10px 0;
	text-align: right;
}
table {
	margin: 0;
}
.list_inline li {
	display: inline;
	margin: 0 5px 0 0;
	list-style: none;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.dropcap {
	font-size: 270%;
	line-height: 100%;
	font-weight: bold;
	float: left;
	padding-top: 0;
	padding-right: 5px;
}
.highlight {
background: #ffff66;
}
.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	display: block;
}
div.gap {
	clear: both;
	display: block;
	height: 10px;
	margin-bottom: -22px;
}
.transparent_class {
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/*==========Author Information==========*/
#author-bio {
	border: 1px solid;
	min-height: 120px;
	margin-top: 30px;
	padding: 5px;
}
#author-bio img {
	float: left;
	width: 75px;
	padding: 2px;
	border: 1px solid #cccccc;
	margin: 5px 15px 0 0;
}
#author-bio h3 {
	font-size: 20px;
	margin: 0 0 10px 0;
}
#author-bio h4 {
	font-size: 12px;
	margin: 0 0 3px 0;
}
.avatar {
	border-radius: 45px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	-o-border-radius: 45px;
	-ms-border-radius: 45px;
-khtml-border-radius: 45px;
}
div .plusone, .twitter, .fb-like {
	font-size: 1px;
	display: inline-block;
}
div .fb_reset {
	display: inline;
}
/* ===================== shortcodes/framework fluid width ===================== */
.one_half {
	width: 48%;
}
.one_third {
	width: 30.66%;
}
.two_third {
	width: 65.33%;
}
.one_fourth {
	width: 22%;
}
.three_fourth {
	width: 74%;
}
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
	position: relative;
	float: left;
	display: inline;
	overflow: hidden;
	margin-right: 4%;
}
.first {
	margin-left: 0; /* the first left column */
}
.last {
	margin-right: 0;
	clear: right; /* the last right column */
}
/* ===================== images ===================== */
img, img a {
	border: none;
	width: auto;
	height: auto;
	max-width: 98%;
	vertical-align: middle;
}
.alignleft {
	float: left;
	margin: 0 15px 5px 0;
	display: inline;
}
.alignright {
	float: right;
	margin: 0 0 5px 15px;
	display: inline;
}
.aligncenter {
	display: block;
	margin: 0 auto;
}
.wp-caption, .imgthumb, .entry img {
	max-width: 98%;
	background: #f9f9f9;
	text-align: center;
}
.wp-caption img {
	background: #f9f9f9;
	width: auto;
}
.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.post_image {
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 12px;
	text-align: center; 
	border: 1px solid #dedede;
	padding: 20px;
	padding-bottom: 15px;
}
.post_image img {
	border: 1px solid #888;
	margin: auto;
}
.post_image .wp-caption {
	overflow: hidden;
}
.post_image .wp-caption img {
	background: none; float: left;
}
.post_image p.wp-caption-text {
	clear: left;
	border-top: none;
	font-size: 12px;
	padding: 10px;
	text-align: center;
	color: #555;
}
.special img, .special img a {
	border: 5px solid #ccc;
	vertical-align: bottom;
}
#share {
	width: auto;
	float: right;
	display: inline;
	margin-top: 3%;
}
.pagepost .entry {
padding-top: 4%;}
.pagepost h1 {
font-size: 32px;
line-height: 32px;}

/*----------Navigation menu-------------- */
#navigation {
	margin: 0 auto;
	width: 100%;
	z-index: 500;
	
}
#navigation-inner {
width: 68%;
margin-left: 18%;
margin-top: 0%;
}

	#navigation {
margin: 0;
font-size: 12px;
min-height: 35px;
  }
  


 #navigation .secondary{
 margin-bottom: 5px;
}
	#navigation  ul {
margin: 0 auto;
padding: 0;
list-style: none;
line-height: 1;
border-bottom: 0;
text-align: center;
 
}
#navigation  ul a {
position: relative;
display: block;
 padding: 0 14px;
height: 35px;
line-height: 50px;

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#navigation .secondary ul a{
height: 46px;
color: #FFF;}
#navigation .secondary ul a:hover{
opacity: 1;
border-bottom: 6px solid;
}
	 
#navigation  ul li{
float: left;
position: relative;
width: auto;
transition: all .3s;
-ms-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-webkit-transition: all .3s;

}
 
#navigation  > .sub-menu{margin-left:0;}
#navigation  ul li:first-child  
#maganav ul  a{border-right:none;}
 #navigation  ul li.current-menu-item  a{}
ul.catnav li a{padding:5px 10px;}	
#navigation  ul li.current-menu-item  ,#navigation  ul li a:hover {background:#FD4326;opacity: 1;     border-bottom: 6px solid #fff; }
	
#navigation .secondary ul li.current-menu-item, #navigation .secondary >ul >li a:hover { }
	
#navigation  ul li.dropme a{background: #FD4326;} 
	#navigation  ul ul {position: absolute;left: -999em;width: 212px;z-index:99999;border:0;margin-left:-1px;background: none;border-bottom: none;}
	#navigation  ul ul a {
width: 198px;
height: 15px;
padding: 15px 0px 10px 15px;
overflow: hidden;
text-align: left;
border-right: none;
box-shadow: 0 1px 3px 0 #fff;
-moz-box-shadow: 0 1px 3px 0 #fff;
-webkit-box-shadow: 0 1px 3px 0 #fff;
background: rgb(255, 115, 115);} 
#navigation .secondary ul ul a{padding: 0px 0px 2px 15px;}
	#navigation  ul ul a:hover {opacity: 1;
background: #FD4326;}
	#navigation  ul ul ul {border-top:0;margin: -50px 0 0 212px;}
	#navigation  ul li li  { margin:0;border:0;}
	#navigation  ul li:hover { opacity: 1;position:static;}
	#navigation  ul li:hover ul ul, #navigation  ul li:hover ul ul ul, #navigation  ul li:hover ul ul ul ul { left:-999em; }
	#navigation  ul li:hover ul, #navigation  ul li li:hover ul,#navigation  ul li li li:hover ul,#navigation  ul li li li li:hover ul { left:auto; }

div#navigation ul li.menu-item-has-children > a:after{
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
	padding: 5px;
    vertical-align: middle;
}
#spc{
float: right;
margin-top: 11px;
margin-right: 4%;
}
#searchacc {
	margin: 0;
	padding: 0;
	height: 1em;
}

#searchacc #searchform{
	margin: 0px 0px 0px -115px;
}
#searchacc li {
	list-style: none;
	float: left; 
}
#searchacc li a {
	display: block;
	
}
#navsearch::before{
    font: normal normal normal 14px/1 FontAwesome;
	    content: "\f002";
}
#navsearch{
padding: 5px 19px 14px 16px;
}

#navshare::before{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f1e0";
}
#navshare{
padding: 5px 19px 14px 16px;
}
#searchacc li ul {
	display: none; 
	}
#searchacc li:hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#searchacc li:hover li {
	 }
#searchacc li:hover li a {
	border-bottom: 1px solid #fff;
	color: #000; }
#searchacc li li a:hover {
	 }
	

#searchacc li:hover ul, #searchacc li.hover ul {
	display: block;
	position: absolute;
	margin-top: -30px;
	margin: 0;
	padding: 0; }
	
#searchacc li:hover li, #searchacc li.hover li {
	}
#searchacc li:hover li a, #searchacc li.hover li a {
	border-bottom: 1px solid #fff;
	color: #000; }

/* ===================== layout ===================== */

#top-menu-inner #myslidemenu {
	width: 75%;
	height: auto;
	padding-left: 0;
	float: left;
	display: inline;
	font-size: 115%;
	max-width: 75%;
}
#navigation .current_page_item {
	background: #FD4326;
}
.current-menu-item {
	background: #359BED;
}
/* .current-post-parent{
	background: #359BED;
    border-bottom: 7px solid #fff;
} */
p.site-title,
h1.site-title
{
font-size: 24px;
line-height: 2;
    padding-top: 0px;
    margin-top: 3px;
}
#header {
box-shadow: 0 1px 3px 0 rgb(255, 115, 115);
-moz-box-shadow: 0 1px 3px 0 rgb(255, 115, 115);
-webkit-box-shadow: 0 0px 2px 0 rgb(255, 115, 115);
background: rgb(255, 115, 115);
height: 52px;
border-top: none;

}
#header  a{
color:#fff;
}
#header h2{
font-size: 14px;
}
#header-inner {
    margin: 0 auto;
    max-width: 1224px;
	width: 100% !important;
}
#flot{
z-index: 10;
position: fixed;
left: 0;
right: 0;
top: 0;
}

#header #logo {
max-height: 50px;
overflow: hidden;
float: left;
display: inline;
max-width: 200px;
margin-left: 2%;
}
#header #logo img {
max-width: 184px;
max-height: 50px;
float: left;
overflow: hidden;
}
#header #banner-top {
	height: 75px; 
	float: right;
	display: inline;
	margin-top: 17px;
}
#header #banner-top img{
	height: 75px;
	width: 460px;
	float: right;
	display: inline;
	margin-top: 17px;
}
#single-nav  {
border-top: 1px solid;
}
#single-nav  a {
color:rgb(255, 115, 115);
}
#single-nav  :hover {
color:#333;
}
#single-nav  #single-nav-left{
	float:left;
	padding: 5px;
	font-weight: bold;
	width: 48%;
}
#single-nav  #single-nav-right{
	padding: 5px;
	font-weight: bold;
	float:right;
	width: 48%;
	text-align: right;
}
#featured-area {
	padding: 0;
	position: relative;
	z-index: 1;
}
#featured-area-inner {
	position: relative;
	padding: 20px;
	width: 590px;
	height: 412px;
	float: left;
	margin-bottom: 10px;
}
#featured-area-inner a:hover {
	text-decoration: none;
}
#page {
	position: relative;
	z-index: 1;	
 margin-top: 28px;
	display:block;
}
#page-inner {
	margin: 0 auto;
	width: 90%;
    max-width: 1224px;	
	position: relative;
}
#page-inner #banner-top{
	margin: 10px 0px 10px 0px;
	position: relative;
}
#pagecont {
width: 65%;
float: left;
min-width: 30%;
background: #FFF;
padding-bottom: 1%;
border-right: 1px solid #DDD;
padding-right: 1%;
border-top: 1px solid #DDD;
}
.pagepost {
max-width: 99%;
margin: 1%;
}
#content {
width: 65%;
float: left;
min-width: 30%;
background: #FFF;
padding-bottom: 1%;
border-right: 1px solid #DDD;
padding-right: 1%;
border-top: 1px solid #DDD;
}
#rdfa{
	background:#f5f5f5;
	}
h1.entry-title{
    margin-bottom: 20px;
}

/* ===================== searchform ===================== */
#search {
	width: auto;
	height: 30px;
	float: right;
	display: inline;
}
#s {
	background: #fff;
	border: 1px solid #ddd;
	color: #555;
	font-size: 100%;
	top: 0;
	height: 35px;
}
#searchform {
	margin-top: 30px;
}
#searchform, #searchform div {
	position: relative;
}

#searchacc form#searchform {
    background: rgb(255, 115, 115);
    padding: 6px;
max-width: 300px;}
#searchsubmit {
    cursor: pointer;
    height: 35px;
    line-height: 1px;	
}
#searchacc #searchsubmit {
    cursor: pointer;
    height: 35px;
    line-height: 1px;
}
form#searchform .input-group {
    margin-bottom: -1rem;
}
.input-group {
    display: table;
    width: 100%;}
.input-group-field{
    display: table-cell;
    margin: 0;
    vertical-align: middle;
	}
.input-group-button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    width: 1%;
    display: table-cell;
    margin: 0;
    vertical-align: middle;	
}
.button:hover, .button:focus {
    background-color: #1583cc;
    color: #fff;
}
.button {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 0 1rem 0;
    font-size: 0.9rem;
    background-color: #2199e8;
    color: #fff;
}	
/*
#searchacc #searchsubmit {
    cursor: pointer;
    height: 37px;
    border: none;
    line-height: 1px;
    background: #CCCCCC;
}
#searchsubmit {
	cursor: pointer;
height: 38px;
width: 45px;
line-height: 1px;
border: 1px solid;
}*/
form#searchform input#s {
padding: 0px 0px 0px 9px;
float: left;
margin: 0px 0px 0px 0px;
background: #EEE;
}

#searchform label {
	position:absolute;
	top:-1500px;
    left:-1500px;
}

/* ===================== Breadcrumbs  ===================== */
#crumbs {
	font-size: 12px;
	font-weight: 600;
	color: #777;
	margin: 3px 0px 10px 0px;
	padding: 5px;
	font-style: italic;
	border-bottom: 1px solid #ddd; 
}
/* ===================== content  ===================== */
.post {
	width: 99%;
	float: left;
}
.post .thumbnail {
	float: left;
	margin-top: 22px;
padding-right: 10px
}
.post .thumbnail img {
	background: #fff;
	padding: 0;
	border: 7px solid #f5f5f5;
	max-width: 200px;
}

.post h1 {
	color: #000;
	margin-bottom: 10px;
	font-style: normal;
}
.post h2 {
padding-top: 2%;
}

/*============Post Table===============*/

#pagecont table {
width: 95%;
color: #666;
font-size: 12px;
text-shadow: 1px 1px 0px #FFF;
background: #EAEBEC;
margin-top: 20px;
border: #CCC 1px solid;
}

#pagecont table tr {
text-align: center;
padding-left: 20px;
}
#pagecont table th {
padding: 2%;
background: #1AD6B8;
font-size: 20px;
color: #FFF;
text-shadow: none;
text-align: left;
}
#pagecont table tr td {
padding: 6px 15px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #E0E0E0;
background: #fff
}
#content table {
width: 95%;
color: #666;
font-size: 12px;
text-shadow: 1px 1px 0px #FFF;
background: #F5F5F5;
margin-top: 20px;
border: #CCC 1px solid;
border-collapse: collapse;
}
#content table tr {
text-align: center;
padding-left: 20px;
}
#content table th {
padding: 2%;
background: #FD4326;
color: #FFF;
text-shadow: none;
text-align: left;
}
#content table tr td {
text-align: center;
padding: 2px;
vertical-align: middle;
border: 1px solid #d9d9d9;
}
header.page-header{
    border: 1px solid;
    padding: 10px;
    border-color: #ddd;
    background: #FBFBFB;
    margin-bottom: 10px;
}	

table {
border-collapse: separate;
border-spacing: 0;
margin-bottom: 10px;
}
caption, th, td { 
	text-align: left;
	font-weight: normal;
}
tbody{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
.entry a {
	text-decoration: underline;
}
.entry a:hover {
	text-decoration: none;
}
.entry ul, .entry ol {
	padding: 9px 40px;
}
#nav-below {
	margin: 0 0 20px;
	padding: 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.nav-previous a::before {
	content: "\f060";
	font-family:FontAwesome;
	padding:5px;
}
.nav-next a::after {
    content: "\f061";
	font-family:FontAwesome;
	padding:5px;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
/* ===================== content / postinfo ===================== */
.postinfo {
}
.postmeta_box {
	height: auto;
font-size: 11px;
clear: both;
float: left;
display: inline;
padding-right: 10px;
margin-bottom: 15px;
}
.postmeta li {
	display: inline;
	font-size: 90%;
	font-style: normal;
	background: #abcf73;
	color: #fff;
	padding: 1px 3px;
}
.postmeta li a {
	text-decoration: none;
	color: #fff;
}
.postmeta li a:hover {
	text-decoration: underline;
}

.comp::before{
	content: "\f27b";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.post-edit-link::before{
	content: "\f044";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.tags a::before{
content: "\f02b";
    font: normal normal normal 14px/1 FontAwesome;
    padding: 3px;}
.authmt::before,
.auth::before{
	content: "\f017";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 3px;
}
.postcateg::before{
	content: "\f009";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.author::before{
	content: "\f007";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 6px;
}
.postmeta_bottom li {
	display: inline;
	font-size: 90%;
	font-style: normal;
	background: transparent;
	color: #777;
}
.postmeta_bottom li a {
	text-decoration: none;
	color: #777;
}
.postmeta_bottom li a:hover {
	text-decoration: underline;
}
.postmeta-top-single {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: 40px;
}
.readmore {
    cursor: pointer;
    padding: 6px;
    float: right;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #B5B5B5;
    -moz-box-shadow: 0 1px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
    background: #ff7373;
    color: #fff;
} 
.readmore:hover {
	opacity: 0.9;
}
#border {border-bottom: 1px solid #DDD;}

.postmeta-fullsize {
	float: right;
	display: inline;
	color: #888;
	font-size: 90%;
	font-style: italic;
}


/*
Name: Social
Author: Paul Crowe
URL: http://www.spiceupyourblog.com/2013/07/mini-social-icons-with-css-and-image.html
License: Open Source
*/
ul.spicesocialwidget {float:right; margin-top: 4%;}
ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;}
ul.spicesocialwidget li a{background-color:transparent;background-image:url('images/social.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px}
.ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('images/social.png' )}
ul.spicesocialwidget li.facebook a{ background-position:0 -32px}
ul.spicesocialwidget li.flickr a{ background-position:-32px -32px}
ul.spicesocialwidget li.dribbble a{ background-position:-64px -32px}
ul.spicesocialwidget li.googleplus a{ background-position:-96px -32px}
ul.spicesocialwidget li.linkedin a{ background-position:-128px -32px}
ul.spicesocialwidget li.pinterest a{ background-position:-160px -32px}
ul.spicesocialwidget li.rss a{ background-position:-192px -32px}
ul.spicesocialwidget li.skype a{ background-position:-224px -32px}
ul.spicesocialwidget li.twitter a{ background-position:-256px -32px}
ul.spicesocialwidget li.vimeo a{ background-position:-288px -32px}
ul.spicesocialwidget li.youtube a{ background-position:-320px -32px}
ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -64px; opacity: 1 !important;}
ul.spicesocialwidget li.flickr a:hover, #sidebar ul.spicesocialwidget li.flickr a:hover{ background-position:-32px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.dribbble a:hover, #sidebar ul.spicesocialwidget li.dribbble a:hover{ background-position:-64px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -64px; opacity: 1 !important;}
ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -64px; opacity: 1 !important;}
.heres {margin-left: 11px;
float: right;
}
/* ===================== sidebar ===================== */
#sidebar {
width: 31%;
float: left;
display: inline;
min-width: 15%;
overflow: hidden;
background: #FFF;
border-top: 1px solid #DDD;
padding-left: 2%;
}
#sidebar .box {
	padding: 0;
	margin: 0 0 20px;
}
#sidebar .boxinside {
	padding: 0px 0px 10px 10px;
	clear: both;
}



select {
max-width: 95%;
}

#sidebar #social {
	margin: 10px;
}
#sidebar #share {
	margin-bottom: 14px;
}
#sidebar #share img {
	margin-top: 8px;
	border: none;
	-webkit-transform: perspective(200px) rotateY(45deg);
	-moz-transform: perspective(200px) rotateY(45deg);
}
#sidebar #share img:hover {
	text-decoration: none;
	opacity: 0.5;
	-webkit-transition: all 0.25s linear;
	-moz-transition: all 0.25s linear;
	transition: all 0.25s linear;
	-webkit-transform: perspective(200px) rotateY(0deg);
	-moz-transform: perspective(200px) rotateY(0deg);
}
#sidebar ul {
	padding: 0 0 0px 18px;
	margin: 0;
	overflow: hidden;
}
#sidebar ul li {
}
#sidebar ul li :hover {
}
#sidebar ul li li {
	border-bottom: none;
	}

#sidebar h4, #sidebar h4 a {
text-transform: capitalize;
font-weight: bold;
font-size: 17px;
padding: 4%;
margin-bottom: 10px;
color: rgb(255, 115, 115);
border-bottom: 4px solid;
}
#sidebar h4 a:hover {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: none;
	text-decoration: none;
}

#twitter h4, #twitter h4 a {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	font-weight: normal;
}
#latesthd {
margin-bottom: -10px;
}
#ltpost {
clear: both;
}
#ltpost :hover{background: #f5f5f5;
padding-left: 5px;}
#ads {
	padding: 5px 0 0 13px;
	width: 270px;
}
#ads ul {
	list-style: none;
	overflow: hidden;
}
#ads ul li {
	float: left;
}
#ads ul li a {
	float: left;
	display: block;
	height: 135px;
	width: 135px;
}
#ads ul li a img {
	margin: 0 7px 10px 0;
}
#ads ul li.wide a {
	width: 260px;
	height: 130px;
	margin-right: 0;
}
#ads ul li {
	border-bottom: 0;
}
#ads ul li li {
	border-bottom: 0;
}
.latest-post {
	margin-bottom: 2px;
	list-style: none;
}
.latest-post a {
	float: none;
}
.latest-post img {
	float: left;
	padding: 2px;
	border: 1px solid #dedbd1;
	max-width: 60px;
	margin: 2px 12px 4px 0;
}
.latest-post .clear {
	clear: both;
}


/* ===================== bottom-menu ===================== */
nav li.home-icon{display:block;}
ul#footerhorizontal  li.home-icon{display:none;}
li.home-icon{display:none;}
 li.home-icon > a > i{
	font-size: 1.5rem;
	margin-top: 11px;
}
ul#footerhorizontal {margin: 5px; padding: 0; 
	list-style-type: none; list-style-image: none; }
ul#footerhorizontal li {display: inline-block; }
ul#footerhorizontal li a {padding: 3px;text-decoration:none;font-size: 0.8rem;}
ul#footerhorizontal li+li {border-left: 1px solid #848484;
    padding-left: 5px; }
 #footerads{
	padding:30px;
}
#bottom-menu {
	z-index: 1;
list-style-type: none;
margin: 0 auto;
padding-bottom: 20px;
padding-top: 20px;
width: 100%;
overflow: hidden;
background-color: #F5F5F5;
border-top: 1px solid #CCC;
}
#bottom-menu-inner {
	margin: auto;
    max-width: 1224px;
	width: auto;
	width: 94%;
	position: relative;
}
#bottom-menu a {
	text-decoration: none;
	color:#fff;
}
#bottom-menu a:hover {
	color: #F03E3E;
text-decoration: none;
}
#bottom-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#bottom-menu ul li a {
}
#bottom-menu ul li li {
	padding-left: 10px;
	border-bottom: none;
}
#bottom-menu h4 {
margin: 0 0 10px;
line-height: 22px;
font-weight: bold;
color: #359BED;
margin-bottom: 15px;
padding-bottom: 9px;
font-size: 18px;
border-bottom: 4px solid;
}
#bottom-menu-1 {
	width: 30%;
	margin: 0 2%;
	float: left;
	display: inline;
	overflow: hidden;
}
#bottom-menu-2 {
	width: 30%;
	margin: 0 2%;
	float: left;
	display: inline;
	overflow: hidden;
}

#bottom-menu-4 {
	width: 30%;
	float: left;
	display: inline;
	overflow: hidden;
}
/* ===================== footer ===================== */
#footerads{
	padding:30px;
}
#footer {
margin: 0 auto;
z-index: 1;
list-style-type: none;
border-top: 1px solid #CCC;

}
#footer-inner {
	margin: auto;
width: auto;
position: relative;
text-align: center;
font-size: 14px;
padding: 1%;
}

#footer-left, #footer-right {
	font-size: 14px;
}
#footer-left {
	float: left;
	width: 50%;
}
#footer-right {
	float: right;
	text-align: right;
	width: 28%;
}
#footer-left p, #footer-right p {
	padding: 0 40px;
}
#footer-left a, #footer-right a {
	font-weight: bold;
}
#footer-left, #footer-left a, #footer-right, #footer-right a {
	text-decoration: none;
}
/* ===================== pagenavi ===================== */
#pagenavi {
	text-align:left;
	height:0px;
	font-weight:bold;
	line-height:24px;
	padding-top: 25px;
	padding-bottom: 20px;
}
#pagenavi a {
	    background: #ff7373;
    color: #fff;
	padding: 5px 14px 5px 14px;
margin-right: 2px;
text-decoration: none;
text-align: center;
height: 26px;
padding-top: 4px;
line-height: 24px;
border-radius: 4px;
box-shadow: 0 1px 3px 0 #B5B5B5;
-moz-box-shadow: 0 1px 3px 0 #b5b5b5;
-webkit-box-shadow: 0 1px 3px 0 #B5B5B5;

}
#pagenavi span {
    padding: 5px 14px 5px 14px;
    margin-right: 2px;
    text-decoration: none;
    margin: 3px;
    text-align: center;
	background: #ff7373;
	color: #fff;
    height: 26px;
    padding-top: 4px;
    line-height: 24px;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #B5B5B5;
    -moz-box-shadow: 0 1px 3px 0 #b5b5b5;
    -webkit-box-shadow: 0 1px 3px 0 #B5B5B5;
}
#pagenavi a:hover {
	text-decoration: none;
	    background: #ea2c2c;
}
#pagenavi span.current {
    padding: 5px 14px 5px 14px;
    font-weight: bold;
    background: #ea2c2c;
    color: #fff;
}
/* ===================== Scroll to top ===================== */
.backtop {
background: #333;
color: #FFF;
width: 30px;
text-align: center;
height: 26px;
padding-top: 4px;
display: inline-block;
zoom: 1;
border-radius: 10em;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
}

/* ===================== calendar ===================== */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: center; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px;background: #f5f5f5;padding: 10px;font-weight: bold; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { margin-bottom: 8px;background: #f5f5f5;border-right: 1px solid #fff;padding: 10px;color: #333; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: #f5f5f5; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar tbody td#today{background: none repeat scroll 0% 0% #2D89A7;color: #fff;}
/* ===================== comments ===================== */
a.comment-reply-link::before{
    content: "\f112";
	font-family:FontAwesome;
	    padding: 4px;
}
.large-6{
    width: 50%;}
.row.collapse > .column, .row.collapse > .columns{
    padding-left: 0;
    padding-right: 0;
	float: left;
	position: relative;
}
.small-3{
	    width: 25%;
}
.small-9{
	    width: 75%;
}
.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child{
float:right;
}
.prefix, .postfix{
border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.875rem;
    height: 2.3125rem;
    line-height: 2.3125rem;
    overflow: visible;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 99%;
    z-index: 2;
	}
span.prefix, label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333333;
    border-color: #cccccc;
}	
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="tel"], input[type="time"], input[type="url"], textarea{       border-radius: 0;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.4rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%; 
	-webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 0.15s linear, background 0.15s linear;
    -moz-transition: border-color 0.15s linear, background 0.15s linear;
    -ms-transition: border-color 0.15s linear, background 0.15s linear;
    -o-transition: border-color 0.15s linear, background 0.15s linear;
    transition: border-color 0.15s linear, background 0.15s linear;
	}
.row{
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%;
	}
#commentform i.fa {
    padding: 5px;
}	
.column, .columns {
    position: relative;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left;
}
.row:before, .row:after {
    content: " ";
    display: table;
}	
#commentform > p.comment-form-comment > label:before {
 content: "\f0e5";
	font: normal normal normal 14px/1 FontAwesome;
	padding: 5px;
	color: #9B9B9B;
	font-size: 1rem;   
}
#commentform > p.comment-form-comment > label {
    display: block;
    margin-bottom: 0.88889rem;
    padding: 0.33333rem 0.5rem 0.5rem;
    position: relative;
    bottom: -15px;
    clear: both;
    background: #f2f2f2;
    border: 1px solid;
    color: #333333;
    border-color: #cccccc;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 0;
	}
	
.comments {
	margin: 10px 0;
}
.comments h3 {
	margin:84px 0 30px 0;
	font-size:24px;
	font-weight: bold;
	text-transform: capitalize;
}
ol.commentlist {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	clear:both;
	text-indent:0;
}
ol.commentlist li.comment {
	border: 1px solid #ddd;
		list-style:none;
	padding:1em;
	margin-bottom: 10px;
}
ol.commentlist li div.vcard {
	font-size:18px;
}
ol.commentlist li div.vcard cite.fn {
	font-style:normal;
	padding: 9px;
}
ol.commentlist li div.vcard img.avatar {
	border:2px solid #ccc;
	float:left;
	margin:0 1em 1em 0;
}
ol.commentlist li div.comment-meta {
	font-size:9px;
	margin-bottom: 10px;
}
ol.commentlist li div.comment-meta a {
	color: #aaa;
}
ol.commentlist li p {
	margin: 0;
}
ol.commentlist li ul {
	list-style:square;
	margin:0 0 1em 2em;
}
.commentlist .bypostauthor {
}
ol.commentlist li div.reply {
	font-size:11px;
	font-weight: bold;
	line-height: 1em;
	text-decoration: none;
	font-family: sans-serif;
	display: inline-block;
	line-height: 2.1em!important;
	cursor: pointer;
	padding: .25em .5em;
	margin: -3px 1.6em 7px;
	background:#418cd1;
}
ol.commentlist li div.reply a {
	font-weight:bold;
	color: #FFF;
}
ol.commentlist li ul.children {
	list-style:none;
	margin:1em 0 0;
	text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
	margin:0 0 .25em .25em;
}
ol.commentlist li ul.children li.depth-3 {
	margin:0 0 .25em .25em;
}
ol.commentlist li ul.children li.depth-4 {
	margin:0 0 .25em .25em;
}
ol.commentlist li.even {
	background:#fff;
}
ol.commentlist li.odd {
	background:#f5f5f5;
}
ol.commentlist li.pingback {
	border-bottom:1px dotted #676767;
	padding:1em;
}


ol.commentlist li ol {
	list-style: decimal;
	margin: 0 0 1em 2em;
}
#commentform #email:focus, #commentform #url:focus, #commentform #comment:focus {
	border: 1px solid #aaa;
}
textarea {
     height: auto;
}
#commentform small {
	line-height: 26px;
}
#commentform #submit{
	background: #418cd1;
	cursor: pointer;
	font-weight: bold;
	font-size: 14px;
	border: none;
	padding: 12px 16px;
	color: white;
	margin: 20px;
	
}
#commentform #submit:hover {
	text-decoration: none;
	opacity: 0.4;
	color:white;
}
#form-allowed-tags {
display:none;
}
/* ===================== css3/buttons ===================== */
.entry-attachment .attachment {
	overflow: hidden;
}
.entry-attachment .attachment p {
	text-align: center;
}
.entry-attachment .attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}

.entry-meta {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}

.sticky {
	
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
ol.commentlist li div.reply :hover{
	font-size:11px;
	color: #333;
opacity: 1;
}
pre {
	white-space: pre-wrap;
line-height: 1em;
margin: 15px -2px;
overflow: auto;
color: #333;
background: #F4F4F4;
padding: 6px;
-moz-tab-size: 2;
-o-tab-size: 2;
tab-size: 3;
-ms-word-break: normal;
word-break: normal;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
position: relative;
border: 1px solid;
}
.page-links{
	clear: both;
	display: block;
	font-size: 16px;
	font-weight: 700;
	margin: 10px 0;
	float: left;
}

#wp-admin-bar-myCustomMenu{
color:#FFFFFF;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
iframe{max-width:100%;}


/******************************
WooCommerce
**************************/

.woocommerce div.product div.images ol.flex-control-nav.flex-control-thumbs img{
	    padding: 4px;
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: inherit !important;}