/*
Theme Name: Supermarket
Theme URI: https://themefreesia.com/themes/supermarket
Author: Theme Freesia
Author URI: https://themefreesia.com
Description: Supermarket is  the perfect theme for your next WooCommerce project build for Store, eCommerce, Shop and also fits for any kind of Shopping theme which contains all the feature you need to create a stunning website. The theme consists of well organized components so it’s easy to edit and customize everything to create a specific website for your needs which is designed and developed by Theme Freesia. With a focus on Shopping sites, it features multiple sections on the front page as well as widgets, multiple navigation and social menus, a logo and more. There are several layout & color options to personalize your shop, multiple widget regions, a responsive design and much more. Get free support at https://tickets.themefreesia.com/ and View demo site at https://demo.themefreesia.com/supermarket.
Version: 1.1.8
Requires at least: 6.3
Requires PHP: 5.6
Tested up to: 6.4
Text Domain: supermarket
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: threaded-comments, right-sidebar, four-columns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, post-formats, footer-widgets, sticky-post, theme-options, translation-ready, e-commerce, education, portfolio

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
==================================================
*/
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	text-rendering: optimizelegibility;
}

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

*,
*:before,
*:after { /* box layout to all elements */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	background-color: #FFFFFF;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol, ul {
	list-style: none;
	margin: 0;
}

ul li a,
ol li a {
	color: #333;
}

ul li a:hover,
ol li a:hover {
	color: #2E7FFF;
}

ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}

table, 
th, 
td {
	border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin-bottom: 20px;
	width: 100%;
}

caption, 
th {
	font-weight: 400;
	text-align: left;
}

th {
	text-transform: uppercase;
	color: #333;
}

td, th {
	padding: 8px;
	border-width: 0 1px 1px 0;
}

a img {
	border: 0 none;
}

embed,
iframe,
object {
	max-width: 100%;
}

/* Other fixes*/
*,*:before,
*:after {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* Webkit */
::selection {
	background: #2E7FFF;
	color: #fff;
}

/* Gecko/Mozilla */
::-moz-selection {
	background: #2E7FFF;
	color: #fff;
}

/* 2.0 Typography
================================================== */
body,
button,
input,
select,
textarea {
	color: #222222;
	font-family: "Roboto", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	word-wrap: break-word;
	overflow-x: hidden;
}

/* ----- #Headings  ----- */
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	color: #111111;
	font-family: "Roboto", sans-serif;
	margin-top:0;
	margin-bottom: 15px;
}

h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a { 
	color: #111111;
	font-weight: inherit;
}

h1 {
	font-size: 30px;
	line-height: 1.233;
}

h2 {
	font-size: 26px;
	line-height: 1.269;
}

h3 {
	font-size: 24px;
	line-height: 1.292;
}

h4 {
	font-size: 22px;
	line-height: 1.318;
}

h5 {
	font-size: 20px;
	line-height: 1.350;
}

h6 {
	font-size: 18px;
	line-height: 1.389;
}

.highlight { 
	font-weight: 500;
}

/* ----- #Text Elements  ----- */
p {
	padding: 0;
	margin: 0 0 20px;
}

b, 
strong { 
	font-weight: 700; 
}

dfn, 
cite, 
em, 
i {
	font-style: italic;
}

/* -----  #Blockquote shortcode start styles  ----- */
blockquote {
	border-left: 2px solid #ddd;
	color: #888;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	letter-spacing: 0.3px;
	line-height: 26px;
	margin-bottom: 20px;
	padding: 16px 20px 1px;
	position: relative;
	quotes: none;
}

blockquote cite {
	display: block;
	font-size: 15px;
	font-style: normal;
	text-align: right;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

address {
	display: block;
	margin: 0 0 1.6em;
}

pre {
	background-color: #f8f8f8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	clear: both;
	color: #747474;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	line-height: 1.500;
	margin-bottom: 20px;
	overflow: auto;
	padding: 30px;
	position: relative;
	white-space: pre;
	z-index: 1;
}

code, 
kbd, 
tt, 
var {
	font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	line-height: 1.500;
}

abbr,
acronym,
dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, 
ins {
	background: #fff9c0;
	text-decoration: none;
	margin-bottom: 20px;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

[hidden] {
	display: none;
}

/* 3.0 Links
================================================== */
a {
	color: #2E7FFF;
	cursor:pointer;
	text-decoration: none;
}

a:focus,
a:active,
a:hover {
	text-decoration: none;
}

a:focus,
a:focus img {
	outline: thin dotted;
	outline-offset: -4px;
}

/* 4.0 Body Structure
================================================== */
#page {
	background-color: #FFFFFF;
	width: 100%;
}

.wide-wrap:after,
.wrap:after {
	clear: both;
	content: "";
	display: block;
}

.wide-wrap {
	margin: 0 40px;
}

.wrap {
	margin: 0 auto;
	max-width: 1300px;
	padding: 0;
	position: relative;
}

.inner-wrap {
	max-width: 978px;
	margin: 0 auto;
	overflow: hidden;
}

#primary .wrap {
	max-width: 100%;
}


/* --------------------------------------------
	Column
-------------------------------------------- */

.column {
	margin: 0 -15px;
}

.one-column,
.two-column,
.three-column,
.four-column {
	float: left;
	padding: 0 15px 30px;
}

.two-column-full-width {
	float: left;
	padding-bottom: 40px;
}

.one-column,
#primary .two-column {
	width:100%;
}

.two-column,
.two-column-full-width,
#primary .three-column,
#primary .four-column-full-width,
#primary .four-column {
	width: 50%;
}

.three-column,
.boxed-layout-small .four-column-full-width,
.three-column-full-width {
	width: 33.33%;
}

.four-column,
.four-column-full-width {
	width: 25%;
}

#primary .three-column:nth-child(3n+4),
#primary .four-column:nth-child(4n+5),
.boxed-layout-small .four-column-full-width:nth-child(4n+5) {
 	clear: none;
}

.two-column:nth-child(2n+3),
.three-column:nth-child(3n+4),
.four-column:nth-child(4n+5),
.four-column-full-width:nth-child(4n+5),
.boxed-layout-small .four-column-full-width:nth-child(3n+4),
#primary .three-column:nth-child(2n+3),
#primary .four-column:nth-child(2n+3) {
 	clear: both;
}

/* 5.0 Buttons
================================================== */
/* ----- Default Button ----- */

.btn-default {
	background-color: #2E7FFF;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	padding: 5px 15px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.btn-default:hover {
	background-color: #323232;
}

.light {
	background-color: #fff;
    color: #333;
}

.light:hover {
	background-color: #333;
    color: #fff;
}

.light-color {
	border-color: #fff;
    color: #fff;
}

.dark {
	background-color: #484848;
}

/* ----- Go To Top Button ----- */

.go-to-top {
	background-color: transparent;
	border: none;
	bottom: 40px;
	cursor: pointer;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 40px;
	z-index: 10000;
}

.go-to-top .icon-bg {
	background-color: #2E7FFF;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
	display: block;
	height: 40px;
	position: relative;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: 40px;
}

.go-to-top .back-to-top-text {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	left: 50%;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0px);
	-moz-transform: translate3d(-50%, -50%, 0px);
	-ms-transform: translate3d(-50%, -50%, 0px);
	-o-transform: translate3d(-50%, -50%, 0px);
	transform: translate3d(-50%, -50%, 0px);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	width: 100%;
	z-index: 2;
}

.go-to-top .back-to-top-icon {
	color: #fff;
	font-size: 24px;
	left: 50%;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 80%;
	-webkit-transform: translate3d(-50%, -50%, 0px);
	-moz-transform: translate3d(-50%, -50%, 0px);
	-ms-transform: translate3d(-50%, -50%, 0px);
	-o-transform: translate3d(-50%, -50%, 0px);
	transform: translate3d(-50%, -50%, 0px);
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 2;
}

.go-to-top:hover .back-to-top-text {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	top: 20%;
}

.go-to-top:hover .back-to-top-icon {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	top: 50%;
}

/* ----- More Link Button ----- */

a.more-link {
	display: block;
	font-size: 12px;
	font-style: italic;
	margin-top: 20px;
	position: relative;
	text-align: left;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	text-transform: uppercase;
	width: 150px;
}

a.more-link:hover {
	color: #333;
}

a.more-link:after {
	content: "\f105";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 14px;
	font-style: normal;
	left: 5px;
	position: relative;
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a.more-link:hover:after {
	content: "\f101";
}

/* 6.0 Accessibility
================================================== */

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

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:	0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:	0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow:	0 1px 2px rgba(0, 0, 0, 0.15);
	clip: auto !important;
	color: #2E7FFF;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* 7.0 Alignments
================================================== */

.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* 8.0 Breadcrumb
================================================== */

.breadcrumb {
	font-size: 13px;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.breadcrumb,
.breadcrumb a:hover {
	color: #999;
}

.breadcrumb a {
	color: #333;
}

.breadcrumb .home:before {
	content: '\f015';
	display: inline-block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 16px;
	font-style: normal;
	line-height: 1.313;
	margin-right: 4px;
	vertical-align: top;
}

.breadcrumb .post-page {
	padding: 0;
}

/* 9.0 Universal Clearfix
================================================== */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { 
	display: inline-block; 
}

/* start commented backslash hack \*/

* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* close commented backslash hack */


/* 10.0 Forms
================================================== */

button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Appearance and consistency in all browsers */
	*vertical-align: middle; /* Appearance and consistency in IE6/IE7 */
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="password"],
textarea {
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	margin-bottom: 30px;
	background-color: #fafafa;
}

input[type="search"] {
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

input[type="reset"],
input[type="button"],
input[type="submit"] {
	background-color: #2E7FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 0 none;
	color: #fff;
	cursor: pointer;
	display: block;
	margin-bottom: 30px;
	padding: 6px 18px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
	background-color: #747474;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	background-color: #fff;
	outline: 1px solid #25c9f6;
}

input[type="search"]:focus {
	background-color: #f2f2f2f2;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type=search] {
  -webkit-appearance: none;
}

/* #Search Form 
================================================== */
#search-box {
	display: inline-block;
	width: 33.33%;

}

.search-box-inner {
	margin-top: 10px;
	max-width: 360px;
	margin: 10px auto 0;
}

.search-categories-select {
	background: transparent url("images/down-arrow.svg") no-repeat scroll 92% 15px;
	background-size: Auto 10px;
	border: none;
	border-right: 1px solid #e2e2e2;
	cursor: pointer;
	float: left;
	-moz-appearance: none;
	-webkit-appearance: none;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 8px 20px 8px 10px;
	width: 150px;
}

.search-categories-select:hover,
.search-categories-select:focus {
	background-color: #f2f2f2;
}

.widget .search-categories-select {
	display: none;
}

#search-box form {
	border: 1px solid #e2e2e2;
	border-radius: 25px;
	overflow: hidden;
	width: calc(100% - 150px);
	display: inline-block;
	vertical-align: top;
	margin-left: -1px;
}

#search-box .search-form {
	overflow: hidden;
	width: 100%
}


#search-box input.search-field {
	width: calc(100% - 50px);
}

#search-box .search-submit {
	color: #ccc;
	width: 51px;
	border: none;
	background-color: transparent;
}

#search-box .search-submit:hover,
#search-box .search-submit:focus {
	background-color: #d2d2d2;
	color: #fff;
}

#search-box input[type="search"] {
	border: none;
}

#search-box .woocommerce-product-search {
	width: 100%;
}

#search-box .woocommerce-product-search .search-field {
	width: calc(100% - 200px);
}

#search-box .woocommerce-product-search button[type="submit"] {
	border: none;
	background-color: transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #ccc;
	cursor: pointer;
	font-size: 0;
	height: 40px;
	margin-left: -1px;
	outline: none;
	position: relative;
	right: 0;
	width: 51px;
	vertical-align: top;
	-webkit-transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s;
}

#search-box .woocommerce-product-search button[type="submit"]:hover, 
#search-box .woocommerce-product-search button[type="submit"]:focus {
	background-color: #d2d2d2;
	color: #fff;
}

#search-box .woocommerce-product-search button[type="submit"]:after {
	content: "\f002";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 18px;
	line-height: 11px;
}

/* 11.0 Logo-Name-Slogan
================================================== */
#site-branding {
	text-align: left;
	padding: 15px 0 20px;
}

.site-name {
	float: left;
	width: 33.33%
}

#site-detail {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

#site-title {
	font-family: "Roboto", sans-serif;
	font-size: 28px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 38px;
	margin: 0;
	-webkit-transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s;
}

#site-title a {
	color: #2E7FFF;;
	display: block;
}

#site-description {
	clear: both;
	color: #222;
	font-family: "Roboto", sans-serif;
	font-size: 11px;
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 1.727;
	margin: 0;
	text-transform: uppercase;
}

.custom-logo-link {
	display: inline-block;
}

.custom-logo-link .custom-logo {
	height: 60px;
	width: auto;
	vertical-align: middle;
}

#sticky-header #site-branding {
	display: none;
	background-color: transparent;
	float: left;
	padding: 0 15px 0 0;
}

.is-sticky #sticky-header #site-branding {
	display: block;
}

#sticky-header #site-branding .custom-logo {
	height: 40px;
	width: auto;
}

#sticky-header #site-title {
	font-size: 22px;
	line-height: 25px;
}

#sticky-header #site-description {
	font-size: 9px;
	line-height: 15px;
}

.header-right {
	text-align: right;
	display: flex;
	justify-content: center;
	align-items: center;
	float: right;
	min-height: 60px;
	width: 33.33%;
}

#sticky-header .header-right {
	display: none;
	padding-top: 0;
	width: auto;
}

#sticky-header .wishlist-wrap {
	padding: 2px 10px 0 0;
}

#sticky-header .header-right .wcmenucart-contents {
	padding: 9px 15px 0 0;

}

#sticky-header .header-right .wl-icon {
	height: 28px;
	width: 28px;
}

#sticky-header .header-right .cart-value {
	line-height: 1.4;
	min-width: 25px;
	min-height: 25px;
}

.is-sticky #sticky-header .header-right {
	display: block;
	min-height: auto;
}

.header-tel-info {
	color: #171717;
	width: 50%;
	display: inline-block;
	margin-right: 20px;
	font-size: 13px;
}

.header-tel-info p {
	margin: 0;
}

.tel-info-title {
	font-weight: 500;
	line-height: 24px;
	font-size: 18px;
}


/* #Horizontal Line
================================================== */
hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* 12.0 Images
================================================== */
img {
	height: auto;/* Make sure images are scaled correctly. */
	max-width: 100%;/* Adhere to container width. */
	vertical-align: top;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-top: 20px;
	margin-bottom: 20px;
}

figure {
	margin: 0;
}

img#wpstats {
	display: none;
}

.img-border {
	background-color: #fff;
	padding: 5px;
	border: 1px solid #ccc;
}

/* ----- Media ----- */
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption {
	margin-bottom: 20px;
	max-width: 100%;
}

.wp-caption a {
	position: relative;
}

.wp-caption .wp-caption-text {
	margin-bottom: 0;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-style: italic;
}

/* 13.0 Margin-Padding-Border Override Classes
================================================== */
.margin-top-none {
	/* Clear Margin Top */
	margin-top: 0 !important;
}

.margin-bottom-none {
	/* Clear Margin Bottom */
	margin-bottom: 0 !important;
}

.margin-right-none {
	/* Clear Margin Right */
	margin-right: 0 !important;
}

.margin-left-none {
	/* Clear Margin Left */
	margin-left: 0 !important;
}

.padding-top-none {
	/* Clear Padding Top */
	padding-top: 0 !important;
}

.padding-bottom-none {
	/* Clear Padding Bottom */
	padding-bottom: 0 !important;
}

.padding-right-none {
	/* Clear Padding Right */
	padding-right: 0 !important;
}

.padding-left-none {
	/* Clear Padding Left */
	padding-left: 0 !important;
}

.border-top-none {
	/* Clear Border Top */
	border-top: 0 none !important;
}

.border-bottom-none {
	/* Clear Border Bottom */
	border-bottom: 0 none !important;
}

.border-right-none {
	/* Clear Border Right */
	border-right: 0 none !important;
}

.border-left-none {
	/* Clear Border Left */
	border-left: 0 none !important;
}

.shadow-none {
	/* Remove Shadow */
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.margin-bottom-none p {
    /* Clear Inner p Tags Margin Bottom */
    margin-bottom: 0 !important;
}

/* 15.0 Header Section
================================================== */
/* ----- Top Header Bar ----- */



/* ----- Top Header Bar ----- */
.header-wrap {
	background-color: #fff;
	position: relative;
	display: block;
	clear: both;
}

.top-bar {
	background-color: #2E7FFF;
	margin: 0;
	padding: 5px 0;
}

.top-bar .widget_contact {
	float: left;
	margin: 0;
}

.top-bar .widget_contact ul li {
	display: inline-block;
	float: left;
	margin-right: 10px;
	line-height: 1.5;
}

.top-bar .widget_contact ul li a {
	color: #fff;
	font-size: 13px;
	float: left;
}

.right-top-bar {
	float: right;
}

.top-bar-menu {
	float: right;
}

.top-bar .top-bar-menu a {
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 30px;
	padding: 0 8px;
	text-align: left;
}

.top-bar .top-bar-menu ul li ul li a {
	color: #333;
}

.top-bar .top-bar-menu a:hover {
	opacity: 0.8;
}

.top-bar .top-bar-menu ul li {
	display: inline-block;
	position: relative;
}

.top-bar .top-bar-menu ul li ul,
.top-bar .top-bar-menu ul li:hover ul ul,
.top-bar .top-bar-menu ul ul li:hover ul ul,
.top-bar .top-bar-menu ul ul ul li:hover ul ul,
.top-bar .top-bar-menu ul ul ul ul li:hover ul ul {
	visibility:hidden;
}

.top-bar .top-bar-menu ul li ul {
	background-color: #fff;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	line-height: 2.667;
	list-style-type: none;
	left: 0;
	margin: 0;
	opacity: 0;
	padding: 5px 5px 0;
	position: absolute;
	top: 40px;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 200px;
	z-index: 9999;
}

.top-bar .top-bar-menu ul li ul li:last-child {
	border-bottom: none;
}

.top-bar .top-bar-menu ul li ul li {
	border-bottom: 1px solid #eee;
	display: block;
	width: 100%;
}
.top-bar .top-bar-menu > ul > li:hover > ul,
.top-bar .top-bar-menu ul li:hover ul,
.top-bar .top-bar-menu ul li ul li:hover ul {
	opacity: 1;
	visibility: visible;
	display: block;
}

.top-bar .top-bar-menu ul li ul li ul {
	left: 190px;
	top: 0;
}

.top-bar .social-links {
	float: left;
}

#sticky-header {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	position: relative;
	width: 100%;
	z-index: 999;
}

.is-sticky #sticky-header {
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	border-bottom: none;
}

.is-sticky #sticky-header:before {
	border-bottom: none;
}

.is-sticky .main-header {
	border-bottom: none;
}

.boxed-layout #sticky-header,
.boxed-layout-small #sticky-header {
	width: inherit;
}

/* ----- Header Widget Title ----- */
.top-bar .widget-title {
	display: none;
}

/* ----- Header Image ----- */
.header-image {
	width: 100%;
	height: auto;
}

/* ----- Header Media ----- */
.custom-header {
    display: block;
    height: auto;
    width: 100%;
}

.wp-custom-header {
    position: relative;
    text-align: center;
}

#wp-custom-header-video {
	width: 100%;
}

video#wp-custom-header-video {
	height: auto;
}

.wp-custom-header .wp-custom-header-video-button { 
	background-color: rgba(0, 0, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	cursor: pointer;
	font-size: 0;
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 30px;
	top: 30px;
	-webkit-transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s;
	width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { 
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
}

.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-play:after,
.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:after {
	color: #fff;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
	vertical-align: middle;
}

.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-play:after {
	content: "\f04c";
}
.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:after{
	content: "\f04b";
}


/* 16.0 Social Links
================================================== */

.social-links {
	display: inline-block;
}

.entry-content .social-links {
	margin: 0;
}

.social-links li {
	float: left;
	display: inline-block;
}

.top-bar .social-links li a {
	color: #fff;
}


.social-links li a {
	display: block;
	float: left;
	font-family: 'Font Awesome 6 Brands';
	font-size: 15px;
	text-align: center;
	line-height: 28px;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
	-o-transition: all 0.3s linear 0s;
	-ms-transition: all 0.3s linear 0s;
	transition: all 0.2s linear 0s;
	width: 30px;
}

.social-links .fab.fa-tf-link:before {
	content: '\f0c1';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
}

.social-links li a[href*="facebook.com"]:hover {
	color: #3B5998;
}

.social-links li a[href*="twitter.com"]:hover {
	color: #33CCFF;
}

.social-links li a[href*="pinterest.com"]:hover {
	color: #CB2027;
}

.social-links li a[href*="dribbble.com"]:hover {
	color: #F26798;
}

.social-links li a[href*="instagram.com"]:hover {
	color: #8E6051;
}

.social-links li a[href*="flickr.com"]:hover {
	color: #0063DB;
}

.social-links li a[href*="linkedin.com"]:hover {
	color: #007BB6;
}

.social-links li a[href*="angellist.com"]:hover {
	color: #000000;
}

/* 17.0 Navigation
================================================== */
.main-navigation {
	display: inline-block;
}

.main-navigation > ul > li {
	position: relative;
	display: inline-block;
}

.main-navigation a {
	color: #333;
	display: block;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 40px;
	padding: 0 10px;
	text-align: left;
	text-transform: uppercase;
}

.main-navigation .title-highlight > a:before {
	content: attr(title);
	position: absolute;
	top: -10px;
	right: -5px;
	display: inline-block;
	font-size: 10px;
	text-transform: uppercase;
	color: #fff;
	background-color: #E28461;
	padding: 2px 6px;
	line-height: 1.1;
}

.main-navigation .title-highlight > a:after {
	position: absolute;
	content: '';
	width: 15px;
	height: 10px;
	top: -4px;
	right: 15px;
	margin: 0 1px;
	background-color: #E28461;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	z-index: -1;
}

.is-sticky #sticky-header .main-navigation .title-highlight > a:before {
	top: -1px;
}
.is-sticky #sticky-header .main-navigation .title-highlight > a:after {
	display: none;
}

.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after {
	color: #2E7FFF;
}

/* ----- Dropdown ----- */

.main-navigation ul li ul {
	background-color: #fff;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	line-height: 2.667;
	list-style-type: none;
	margin: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	padding: 0;
	position: absolute;
	left: -9999rem;
	top: 40px;
	transition: opacity 0.30s linear, transform 0.30s linear, left 0s 0.30s;
	transform: translateY(2.5rem);
	width: 200px;
	z-index: 9999;
}

.main-navigation > ul > li:hover > ul,
.main-navigation > ul > li.focus > ul {
	display: block;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
  	left: 0;
	transition: opacity 0.30s linear, transform 0.30s linear;
	transform: translateY(0rem);
}

.is-sticky .main-navigation > ul > li:hover > ul {
	top: 50px;
}

.main-navigation ul li ul li {
	float: none;
	margin: 0;
	position: relative;
	text-align: left;
	width: 200px;
	z-index: 1;
}

.main-navigation ul li ul li:before {
    border-top: 1px solid #eee;
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    top: 0;
    width: 90%;
}

.main-navigation ul li ul li:first-child:before {
    border-top: none;
}

.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	color: #333;
	float: none;
	font-size: 13px;
	height: inherit;
	line-height: 1.538;
	padding: 12px 15px;
	text-transform: capitalize;
}

.is-sticky .main-navigation ul li ul li a {
	line-height: 1.538;
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li a:focus,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
	color: #2E7FFF;
}

.main-navigation ul li ul li ul {
	left: 190px;
	top: 10px;
}

.main-navigation ul li:last-child ul li ul {
	left: -200px;
}

.main-navigation ul ul li:hover ul,
.main-navigation ul ul li.focus ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul li.focus ul {
	top: 2px;
	display: block;
	opacity: 1;
		-moz-opacity: 1;
		filter:alpha(opacity=100);	
  	visibility:visible;
  transition: opacity 0.30s linear, transform 0.30s linear;
	transform: translateY(0rem);
}

.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-style: normal;
	text-decoration: inherit;
	font-size: 12px;
	padding-left: 6px;
}

.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
   content: "\f107";
}

.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
   content: "\f105";
   position: absolute;
   right: 15px;
}

/* ----- Top Megamenu  ----- */
#mega-menu-wrap-top-menu #mega-menu-top-menu > li.mega-menu-item > a.mega-menu-link {
	line-height: 30px;
}

/* ----- Responsive Navigation ----- */
.top-menu-toggle,
.menu-toggle {
	display: none;
}

.line-bar, 
.line-bar:after, 
.line-bar:before {
	background-color: #333;
}


/* 18.0 Content
================================================== */
#content {
	padding: 50px 0;
}

.blog #content {
	padding: 60px 0 0;
}

#main ul {
	list-style-type: disc;
}

#main ol {
	list-style-type: decimal;
}

#main ol ol {
	list-style: upper-alpha;
}

#main ol ol ol {
	list-style: lower-roman;
}

#main ol ol ol ol {
	list-style: lower-alpha;
}

#primary {
	float: left;
	width: 70%;
}

/* 19.0 Sidebars
================================================== */
#secondary {
	float: left;
	padding-left: 40px;
	width: 30%;
}

/* 20.0 Post
================================================== */
.entry-header {
	padding-bottom: 10px;
	text-align: left;
}

.blog-wrap {
	margin-left: -15px;
	margin-right: -15px;
}

.blog .post.hentry,
.archive .post.hentry,
.search-results .post.hentry,
.search-results .page {
	display: inline-block;
	margin-bottom: 30px;
	margin-right: -4px;
	padding: 0 15px;
	vertical-align: top;
	width: 50%;
}

.post.hentry.sticky:before {
	color: #2E7FFF;
	content: "\f02e";
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 22px;
	position: absolute;
	right: 20px;
	top: -12px;
}

.post.hentry.sticky {
	position: relative;
	width: 100%;
}

.post-content {
 	background-color: #fff;
	position: relative;
}

.archive .page-header,
.search-results .page-header {
	padding: 0 15px 20px
}

/* ----- Single page/post feature image ----- */
.single .post .post-image-content,
.page .page .post-image-content {
	margin-bottom: 40px;
	margin-right: 0;
	width: 100%;
}

.single .post .post-all-content,
.page .page .post-all-content {
	clear: both;
}

/* ----- Entry Titles ----- */
.entry-title {
	font-size: 24px;
	margin-bottom: 15px;
}

.entry-title,
.entry-title a {
	color: #111111;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #2E7FFF;
}

/* ----- Entry Meta ----- */
.entry-meta span:last-child {
	margin-right: 0;
}

.entry-meta span {
	color: #999;
	display: inline-block;
	margin-bottom: 10px;
}

.entry-header .entry-meta span + span:before,
.entry-footer .entry-meta span + span:before {
	text-align: center;
	content: '♢';
	width: 20px;
	color: #2E7FFF;
	display: inline-block;
}

.entry-meta,
.entry-meta a {
	color: #747474;
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 1.583;
	text-transform: uppercase;
}

.entry-meta .author a {
	color: #2E7FFF;
}

.entry-meta a:hover {
	color: #2E7FFF;
}

.posted-on a {
	letter-spacing: 2px;
}

/* ----- Tag-cat Links ----- */

.entry-content .entry-meta {
	float: right;
}

.entry-content a.more-link {
	display: none;
}

.entry-footer {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.entry-footer .entry-meta {
	display: inline-block;
	position: relative;
}
 
.entry-footer .entry-meta:after {
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	width: 1000px;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #ddd;
}

.entry-footer .entry-meta:after {
	left: 100%;
	margin-left: 15px;
}

/* #Extra Meta for Post Image
================================================== */
.post-image-content {
	margin-bottom: 20px;
	display: inline-block;
}

.sticky .post-image-content {
	margin-right: 0;
	width: 100%;
	margin-bottom: 20px;
}

.site-main .post:first-child .post-image-content .entry-meta {
	display: block;
}

.post-featured-image {
	display: inline-block;
	float: left;
	overflow: hidden;
	text-align: left;
}

.post-featured-image a {
	display: block;
}

/* Entry-format */
.format-aside .post-image-content .entry-format a:before {
	content: "\f06e";
}

.format-image .post-image-content .entry-format a:before {
	content: "\f03e";
}

.format-gallery .post-image-content .entry-format a:before {
	content: "\f1ad";
}

.format-video .post-image-content .entry-format a:before {
	content: "\f03d";
}

.format-status .post-image-content .entry-format a:before {
	content: "\f130";
}

.format-quote .post-image-content .entry-format a:before {
	content: "\f10d";
}

.format-link .post-image-content .entry-format a:before {
	content: "\f0c1";
}

.format-chat .post-image-content .entry-format a:before {
	content: "\f086";
}

.format-audio .post-image-content .entry-format a:before {
	content: "\f028";
}

/* #Entry Content
================================================== */
.entry-content {
	display: block;
	margin: 0 0 20px;
}

.entry-content dt,
.comment-content dt {
	font-weight: 700;
}

.entry-content dd,
.comment-content dd {
	margin-bottom: 20px;
}

.entry-content td,
.comment-content td {
	padding: 8px;
}

.entry-content ul,
.entry-content ol {
	margin: 0 0 30px 30px;
}

.entry-content li > ul, 
.entry-content li > ol {
	margin-bottom: 0;
}

.entry-content a {
	text-decoration: underline;
}

.wp-element-button,
.entry-content a:hover {
	text-decoration: none;
}

/* 21.0 Gallery
================================================== */
.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	margin: 0 4px 4px 0;
	width: 100%;
	vertical-align: top;
	text-align: center;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	clear: left;
}

.gallery-caption {
	text-align: left;
}

/* #Post-Image-Paging Navigation
================================================== */
.wp-pagenavi,
.default-wp-page {
	margin: 50px 0;
	clear: both;
}

.wp-pagenavi .pages {
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #747474;
	padding: 9px 15px;
}

.wp-pagenavi .current,
.wp-pagenavi a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #747474;
	display: block;
	float: left;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 4px 11px;
}

.wp-pagenavi .current,
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #747474;
	border: 1px solid rgba(0, 0, 0, 0.15);
	background-color: #f4f4f4;
}

.wp-pagenavi span.current {
	font-weight: 200;
}

/* ----- wp-pagenavi ----- */
.wp-pagenavi {
	text-align: center;
}

.wp-pagenavi .current,
.wp-pagenavi a {
	display: inline-block;
	float: none;
	margin-left: 4px;
}

/* ----- Default wp-page ----- */
#main ul.default-wp-page {
	margin-left: 0;
	list-style: none;
	padding-bottom: 0;
}

ul.default-wp-page li a {
	color: #848484;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 2px 10px;
}

ul.default-wp-page li a:hover {
	background-color: #f4f4f4;
}

ul.default-wp-page li {
	padding: 0 0 20px;
}

ul.default-wp-page li.previous {
	float:left;	
}

ul.default-wp-page li.next {
	float:right;
}

/* ----- Default wp-page-navi ----- */
.navigation.pagination:after {
	clear: both;
	content: "";
	display: table;
	table-layout: fixed;
}

.navigation.pagination {
	clear: both;
	margin-bottom: 50px;
	text-align: center;
	width: 100%;
}

.navigation.pagination .nav-links {
	display: inline-block;
}

.page-numbers {
	background-color: #fff;
	color: #747474;
	display: block;
	float: left;
	margin-right: 8px;
	padding: 6px 14px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.page-numbers:last-child {
	margin-right: 0;
}

.page-numbers.current,
.page-numbers:hover {
	background-color: #eee;
}

.navigation.post-navigation {
	clear: both;
	margin-bottom: 50px;
}

.navigation.post-navigation .nav-links,
.image-navigation .nav-links {
	display: inline-block;
	width: 100%;
}

.navigation.post-navigation .nav-previous,
.image-navigation .nav-links .nav-previous {
	float: left;
}

.navigation.post-navigation .nav-next,
.image-navigation .nav-links .nav-next {
	float: right;
}

.navigation.post-navigation .post-title {
	color: #949494;
	display: block;
}

.image-navigation .nav-links a {
	color: #2E7FFF;
}

/* 22.0 Attachments
================================================== */
.image-attachment div.attachment {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	border-width: 1px 0;
	margin: 0 -8.9% 1.625em;
	overflow: hidden;
	padding: 1.625em 1.625em 0;
	text-align: center;
}

.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto 1.625em;
	max-width: 100%;
}

.image-attachment div.attachment a img {
	border-color: #f9f9f9;
}

.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
	border-color: #ddd;
	background-color: #fff;
}

.image-attachment .entry-caption p {
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	margin: 0 0 2.6em;
	text-transform: uppercase;
}

/* ----- View attachment page ----- */
.attachment-jpeg .attachment {
	text-align: center;
}

/* 23.0 Comments
================================================== */
.comments-title {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.267;
	padding-bottom: 15px;
}

#main .comments-area ul,
#main .comments-area ol {
	margin: 0 0 30px 30px;
}

#main .comments-area ul ul,
#main .comments-area ol ol {
	margin-bottom: 0;
}

.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}

.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}

.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}

.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #484848;
}

.comments-area article header a {
	text-decoration: none;
	color: #484848;
}

.comments-area article header a:hover {
	color: #21759b;
}

.comments-area article header cite a {
	color: #444;
}

.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: 400;
	color: #fff;
	background-repeat: repeat-x;
	background: #0088d0;
	background: -webkit-linear-gradient(#009cee, #0088d0);
	background: -moz-linear-gradient(#009cee, #0088d0);
	background: -ms-linear-gradient(#009cee, #0088d0);
	background: -o-linear-gradient(#009cee, #0088d0);
	background: -webkit-gradient(#009cee, #0088d0);
	background: linear-gradient(#009cee, #0088d0);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}

a.comment-reply-link {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #747474;
}

a.comment-reply-link:hover {
	color: #21759b;
}

.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.commentlist .children {
	margin-left: 48px;
	margin-left: 3.428571429rem;
}

#comments .comment ol {
	list-style: none;
}

/* ----- Comment form ----- */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}

#respond h3#reply-title {
	font-size: 30px;
	font-weight: 400;
	line-height: 1.267;
	padding-bottom: 15px;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: 400;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}

#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

#respond form label {
	display: block;
	line-height: 1.714285714;
}

#respond form input[type="text"],
#respond form textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}

#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #484848;
}

.required {
	color: red;
}

label ~ span.required {
	display: block;
	float: left;
	margin: -18px 0 0 -16px;
	margin: -1.285714286rem 0 0 -1.142857143rem;
}

/* 24.0 Pages
================================================== */
/* ----- Page Title ----- */
.page-header {
	padding: 0 0 20px;
	position: relative;
	overflow: hidden;
}

.blog .page-header,
.category .page-header {
	display: none;
}

.error-404 .page-header {
	background-color: #fddbdd;
	margin-top: 0;
	padding: 25px 20px 15px;
}

.error-404 .page-title {
	padding: 0;
}

.error-404 .page-content {
	padding: 20px 0;
}

.error-404 #colophon {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.page-title {
	color: #333;
	font-size: 24px;
	line-height: 1.333;
}

/* ----- Contact Page ----- */
.wpcf7-select {
	background-color: #fafafa;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 0 30px;
	padding: 10px;
	width: 40%;
	display: block;
}

.wpcf7 p {
	margin-bottom: 0;
}

input[type="file"]  {
	margin: 0 0 30px;
	display: block;
}

input[type="checkbox"] {
	margin: 0 0 30px;
}

/* 14.0 Layouts
================================================== */

/*------ Full width Layout ------*/
body:not(.boxed-layout):not(.boxed-layout-small) .inner-wrap {
	max-width: inherit;
}

/*------ Boxed Layout ------*/
.boxed-layout #page {
	max-width: 1300px;
	margin: 30px auto;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0 1px 6px rgba(0, 0, 0, 0.15);
	box-shadow:         	0 1px 6px rgba(0, 0, 0, 0.15);
}

.boxed-layout-small #page {
	max-width: 1038px;
	margin: 30px auto;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0 1px 6px rgba(0, 0, 0, 0.15);
	box-shadow:         	0 1px 6px rgba(0, 0, 0, 0.15);
}

.boxed-layout .wrap,
.boxed-layout-small .wrap {
	max-width: 96%;
}

.boxed-layout #page,
.boxed-layout-small #page {
	overflow: hidden;
}

/* 25.0 Widgets
================================================== */
.widget {
	margin-bottom: 30px;
}

#search-box .widget {
	margin-bottom: 0;
}

.widget ul li a {
	color: #333;
}

.widget ul li a:hover,
.widget ul li a:focus {
	color: #2E7FFF;
}

.widget-title {
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
}

.widget-title,
.widget-title a {
	color: #222;
}

.widget-title a:hover {
	color: #2E7FFF;
}

#secondary .widget {
	margin-bottom: 40px;
}

#secondary .widget-title {
	clear: both;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
}

#secondary .widget-title span {
	display: inline-block;
	position: relative;
}

#secondary .widget-title span:before, 
#secondary .widget-title span:after {
	content: "";
	position: absolute;
	top: 50%;
	width: 1000px;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #ddd;
}

#secondary .widget-title span:before {
	right: 100%;
	margin-right: 15px;
}

#secondary .widget-title span:after {
	left: 100%;
	margin-left: 15px;
}



/* Search Widget
================================================== */
input.search-field {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #747474;
	float: left;
	font-size: 14px;
	height: 40px;
	line-height: 1.571;
	margin: 0;
	outline: medium none;
	padding: 6px 8px;
	width: 80%; /* fallback if needed */
	width: calc(100% - 50px);
}

.search-submit {
	background-color: #2E7FFF;
	border: 1px solid #e2e2e2;
	border-left: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	height: 40px;
	margin-left: -1px;
	outline: medium none;
	right: 0;
	width: 50px;
	-webkit-transition: all 300ms ease-out 0s;
	-moz-transition: all 300ms ease-out 0s;
	-o-transition: all 300ms ease-out 0s;
	-ms-transition: all 300ms ease-out 0s;
	transition: all 300ms ease-out 0s;
	vertical-align: top;
}

.search-submit:hover,
.search-submit:focus {
	background-color: #585858;
}

/* Section Title
================================================== */
.box-header {
	margin-bottom: 40px;
	padding: 0 50px;
	text-align: center;
}

.box-title {
	font-size: 28px;
	font-weight: 400;
	line-height: 36px;
	margin-bottom: 15px;
}

.box-sub-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.500;
	margin-bottom: 25px;
}

/* Category Menu Icon Box
================================================== */
.category-menu-icon-box {
	display: inline-block;
	margin: 20px 0 0;
	width: 100%;
}

.category-icon-wrap {
	width: 90%;
	margin: 0 auto;
}

.category-icon-slider .slides li img {
	border-radius: 50%;
}

.category-icon-slider .slides li img:hover {
	background-color: #eee;
}

.category-icon-slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

html[xmlns] .category-icon-slider .slides {
  display: block;
}

* html .category-icon-slider .slides {
  height: 1%;
}

.category-icon-slider {
	background-color: transparent;
	position: relative;
	text-align: center;
}

.category-menu-icon-box .flex-direction-nav {
	width: 100%;
}

.category-menu-icon-box .flex-nav-prev {
	border-radius: 20px 0px 0px 20px;
	left: -50px;
	position: absolute;
	transform: translateY(-50%);
}

.category-menu-icon-box .flex-nav-next {
	border-radius: 0px 20px 20px 0px;
	right: -50px;
	position: absolute;
	transform: translateY(-50%);
}

.category-menu-icon-box .flex-direction-nav li {
	display: inline-block;
	top: 55px;
}

.category-menu-icon-box .flex-nav-prev a.flex-prev:before {
	content: '❮';
	font-size: 40px;
}

.category-menu-icon-box .flex-nav-next a.flex-next:before {
	content: '❯';
	font-size: 40px;

}
.category-menu-icon-box .flex-nav-prev a.flex-prev,
.category-menu-icon-box .flex-nav-next a.flex-next {
	color: rgba(0, 0, 0, 0.15);
	display: block;
	font-size: 0;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.category-menu-icon-box .flex-direction-nav li:hover a.flex-prev,
.category-menu-icon-box .flex-direction-nav li:hover a.flex-next {
	color: #333;
}

/* Brand Box
================================================== */
.brand-content-box {
	padding: 0 0 50px;
}

.brand-wrap {
	width: 90%;
	margin: 0 auto;
}

.brand-slider .slides li a:hover {
	opacity: 0.7;
}

.brand-slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

html[xmlns] .brand-slider .slides {
  display: block;
}

* html .brand-slider .slides {
  height: 1%;
}

.brand-slider {
	background-color: transparent;
	position: relative;
}

.brand-content-box .flex-direction-nav {
	width: 100%;
}

.brand-content-box .flex-nav-prev {
	border-radius: 20px 0px 0px 20px;
	left: -50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.brand-content-box .flex-nav-next {
	border-radius: 0px 20px 20px 0px;
	right: -50px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.brand-content-box .flex-direction-nav li {
	display: inline-block;
	font-size: 0;
}

.brand-content-box .flex-nav-prev a.flex-prev:before {
	content: '\f104';
	font-size: 40px;
}

.brand-content-box .flex-nav-next a.flex-next:before {
	content: '\f105';
	font-size: 40px;

}
.brand-content-box .flex-nav-prev a.flex-prev,
.brand-content-box .flex-nav-next a.flex-next {
	color: rgba(0, 0, 0, 0.15);
	display: block;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.brand-content-box .flex-direction-nav li:hover a.flex-prev,
.brand-content-box .flex-direction-nav li:hover a.flex-next {
	color: #333;
}

/* Promotional Category Box
================================================== */
.supermarket-image-category-widget {
	background-color: #F1F3F6;
	position: relative;
	margin-bottom: 50px;
}

.supermarket-image-category-widget .widget-outer-wrap {
	padding: 50px 0;
}

.promo-category-wrap {
	width: 1300px;
	margin: 0 auto;
}

.boxed-layout .promo-category-wrap,
.boxed-layout-small .promo-category-wrap {
	max-width: 96%;
}

.ic-content-wrap {
	margin-left: -20px;
	display: inline-block;
	width: calc(100% + 20px);
}

.ic-content {
	display: inline-block;
	width: 25%;
	float: left;
	padding-left: 20px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}

.ic-img {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.ic-content .ic-img img {
	display: block;
	transition: all ease 0.5s;
}

.ic-content:hover .ic-img img {
	transform: scale(1.1);
}

.ic-text {
	position: absolute;
	padding: 10px;
	top: 10px;
	margin: 10px;
}

.ic-text h4 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

.ic-text p {
	line-height: 22px;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 0;
}

.promo-category-wide-text .ic-img {
	margin-bottom: 0;
}

.promo-category-wide-text .ic-text {
	width: 100%;
	margin-left: 0;
}

.more-products {
	font-size: 15px;
	position: relative;
	margin-bottom: 0;
	z-index: 2;
}

/* Product Category Text Background Color */
 
.image-category-bg-color .ic-text {
	background-color: rgba(255,255,255,0.7);
}

/* Product Widget Box
================================================== */
.product-widget-box .widget {
	margin-bottom: 50px;
}

.product-widget-box .widget-title {
	border-bottom: 2px solid rgba(0,0,0,.1);
	font-size: 20px;
	margin-bottom: 35px;
}

.product-widget-box .widget-title span {
	padding: 10px 0;
	display: inline-block;
	border-bottom: 2px solid #2E7FFF;
	margin-bottom: -2px;
}

.product-widget-box .title-style .widget-title {
	border: none;
	position: relative;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 50px;
	width: 100%;
}

.product-widget-box .title-style .widget-title span {
	margin: 0;
	border: 2px solid rgba(0,0,0,.1);
	padding: 5px 15px;
	max-width: 90%;
	text-align: center;
}

.product-widget-box .title-style .widget-title:before {
	content: "";
	display: block;
	-ms-flex: 1;
	flex: 1;
	height: 2px;
	opacity: .1;
	background-color: currentColor;
	margin-right: 10px;
}

.product-widget-box .title-style .widget-title:after {
	content: "";
	display: block;
	-ms-flex: 1;
	flex: 1;
	height: 2px;
	opacity: .1;
	background-color: currentColor;
	margin-left: 10px;
}

/* supermarket Grid Widget */

.supermarket-grid-widget {
	position: relative;
	width: 100%;
}

.product-widget-box .supermarket-grid-widget-wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
}

.product-widget-box .supermarket-grid-product {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

.supermarket-slide-widget .supermarket-grid-product {
	padding: 0;
	margin: 0;
}

.product-widget-box .five-column-grid .supermarket-grid-product {
	width: 20%;
}

.sc-grid-product-img {
	position: relative;
	overflow: hidden;
}

.have-border .sc-grid-product-img img {
	border: 1px solid #e2e2e2;
	display: block;
	padding: 10px;
}

.badge-sold-out {
	font-size: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	text-align: center;
	z-index: 9;
}

.have-border .badge-sold-out {
	top: 11px;
	bottom: 11px;
	left: 11px;
	right: 11px;
	width: auto;
}

.badge-sold-out span {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	transform: translate(-50%, -50%);
}

.available-on-back-order {
	text-align: center;
	background-color: rgba(8, 240, 58, 0.4);
	color: #545454;
	font-size: 14px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.have-border .available-on-back-order {
	left: 11px;
	right: 11px;
	bottom: 11px;
	width: calc(100% - 22px);
}

.sc-grid-product-img .onsale {
	background-color: #F0083A;
	position: absolute;
	font-size: 13px;
	color: #fff;
	top: 10px;
	border-radius: 3px;
	right: 10px;
	z-index: 2;
	padding: 0 8px 0 8px;
	line-height: 1.7;
}

.have-border .sc-grid-product-img .onsale {
	top: 11px;
	border-radius: 0;
	right: 11px;
}

.sc-grid-product-img .product-item-utility {
	position: absolute;
	right: 0;
	top: 50%;
	opacity: 0;
	transition: all .4s;
}

.supermarket-grid-product:hover .product-item-utility,
.product-item-utility.focus {
	opacity: 1;
	right: 15px;
}

.product-item-utility li {
	padding: 4px 0;
}

.widget .product-item-utility ul li a {
	background-color: #2E7FFF;
	border: none;
	box-shadow: 0.616px 0.788px 1px 0px rgba(0, 0, 0, 0.08);
	color: #fff;
	display: inline-block;
	position: relative;
	text-align: center;
	height: 34px;
	width: 34px;
	line-height: 34px;
}

.widget .product-item-utility ul li a:hover {
	background-color: #fff;
	color: #2E7FFF;
}

.product-item-utility li span {
	font-size: 0;
}

.product-item-utility .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse,
.product-item-utility .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse {
	display: none;
}

.supermarket-grid-product .product_add_to_wishlist:before,
.supermarket-grid-product .product-preview:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 14px;
}

.supermarket-grid-product .product-preview:before {
	content: "\f06e";
}

.supermarket-grid-product .product_add_to_wishlist:before {
	content: "\f004";
}

.sc-grid-product-content {
	padding: 10px 0;
}

.sc-grid-product-content .woocommerce-product-rating.woocommerce {
    display: inline-block;
}

.sc-grid-product-title {
	font-size: 15px;
	font-weight: 500;
	margin: 5px 0;
}

.supermarket-grid-product .price {
	display: inline-block;
}

.supermarket-grid-product .price del .woocommerce-Price-amount.amount {
	color: #999;
	margin-left: 5px;
}

.supermarket-grid-product .price ins {
	background: transparent;
	float: left;
	margin: 0;
}

.product-item-action {
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 7px;
}

/* supermarket Grid/Slide Widget */

.supermarket-grid-product .product-item-action .button,
.supermarket-grid-product .product-item-action .product_add_to_wishlist {
	background-color: #f2f2f2;
	position: relative;
	z-index: 2;
	text-align: center;
	vertical-align: top;
}

.supermarket-grid-product .product-item-action .button:hover,
.supermarket-grid-product .product-item-action .product_add_to_wishlist:hover {
	background-color: #2E7FFF;
}

.supermarket-grid-product .product-item-action .button:hover,
.supermarket-grid-product .product-item-action .product_add_to_wishlist:hover:before,
.supermarket-grid-product .product-item-action .button:hover:before {
	color: #fff;
}

.supermarket-grid-product .add_to_cart_button,
.supermarket-grid-product .product_type_grouped,
.supermarket-grid-product .product_type_external,
.supermarket-grid-product .product_type_simple,
.supermarket-grid-product .product_type_variable {
	color: #333;
	padding: 0 8px;
	min-height: 30px;
	display: inline-block;
	margin-bottom: 10px;
	line-height: 30px;
}

.supermarket-grid-product .added_to_cart.wc-forward {
	background-color: #f2f2f2;
	font-size: 0;
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: relative;
	margin-left: -4px;
	vertical-align: top;
}

.supermarket-grid-product .add_to_cart_button:before,
.supermarket-grid-product .added_to_cart.wc-forward:before,
.supermarket-grid-product .product_type_grouped:before {
	color: #333;
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 14px;
}

.supermarket-grid-product .add_to_cart_button:before {
	content: "\f291";
	margin-right: 10px;
}

.supermarket-grid-product .added_to_cart.wc-forward:before {
	content: "\f06e";
}

.supermarket-grid-product .product_type_grouped:before {
	content: "\f06e";
	margin-right: 10px;
}

/*Deal of Day*/

.deal-of-day {
	margin-top: 20px;
	margin-bottom: 60px;
}

.deal-of-day .widget-inner-wrap {
	border: 3px solid;
	border-top: none;
	border-color: #E28461;
	padding: 0 30px;
}

.deal-of-day .widget-title {
	border: none;
	font-size: 26px;
	font-weight: 500;
	display: flex;
	align-items: center;
	transform: translateY(-50%);
	margin-left: -33px;
	margin-bottom: 10px;
	max-width: 100%;
	width: 100%;
	padding: 0
}

.widget-area .deal-of-day .widget-title,
.site-footer .deal-of-day .widget-title {
	margin: 0;
	transform: none;
	font-size: 18px;
	display: inline-block;
	padding-top: 30px;
}

.deal-of-day .widget-title span {
	border: none;
}

.deal-of-day .widget-title:before {
	content: "";
	border-top: 3px solid;
	width: 30px;
	margin-right: 10px;
	border-color: #E28461;
}

.deal-of-day .widget-title:after {
	content: "";
	border-top: 3px solid;
	border-color: #E28461;
	flex: 1 0 auto;
	margin-left: 10px;
	margin-right: -66px;
}

.widget-area .deal-of-day .widget-title:before,
.widget-area .deal-of-day .widget-title:after,
.site-footer .deal-of-day .widget-title:before,
.site-footer .deal-of-day .widget-title:after {
	content: none;
}

.deal-of-day .widget-title span {
	max-width: 80%;
}

.countdown {
	color: #fff;
	font-size: 18px;
	position: absolute;
	top: -15px;
	right: 30px;
	background-color: #E28461;
	padding: 0 15px;
	border-radius: 20px;
	letter-spacing: 1px;
}

.countdown:before {
	content: '🕘';
}

.widget-area .countdown,
.site-footer .countdown {
	border-radius: 5px 5px 0 0;
	top: -20px;
	right: 0;
	width: 100%;
}

/* Animation */
.animation-bubble {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}

.bubble {
    position: absolute;
    bottom: -100px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F0083A;
    opacity: 0.2;
    animation: flying 30s infinite ease-in;
    z-index: -1;
}

.bubble:nth-child(1){
    width: 15px;
    height: 15px;
    bottom: -50px;
    animation-delay: 2s;
    left: 2%;
}

.bubble:nth-child(2){
    width: 30px;
    height: 30px;
    bottom: -150px;
    background-color: #2E7FFF;
    animation-delay: 3s;
    left: 5%;
}

.bubble:nth-child(3){
    bottom: -200px;
    width: 40px;
    height: 40px;
    animation-delay: 6s;
    left: 6%;
}

.bubble:nth-child(4){
	background-color: #2E7FFF;
    width: 20px;
    height: 20px;
    bottom: -100px;
    animation-delay: 9s;
    left: 7%;
}

.bubble:nth-child(5){
    width: 30px;
    height: 30px;
    bottom: -100px;
    animation-delay: 7s;
    left: 8%;
}

.bubble:nth-child(6){
	background-color: #2E7FFF;
    width: 40px;
    height: 40px;
    bottom: -100px;
    animation-delay: 5s;
    left: 2%;
}

.bubble:nth-child(7){
    width: 40px;
    height: 40px;
    bottom: -100px;
    animation-delay: 4s;
    left: 3%;
}

.bubble:nth-child(8){
	background-color: #2E7FFF;
    width: 20px;
    height: 20px;
    bottom: -100px;
    animation-delay: 1s;
    right: 5%;
}
.bubble:nth-child(9){
    width: 30px;
    height: 30px;
    bottom: -100px;
    animation-delay: 7s;
    right: 6%;
}

.bubble:nth-child(10){
	background-color: #2E7FFF;
    width: 50px;
    height: 50px;
    bottom: -60px;
    animation-delay: 9s;
    right: 8%;
}

.bubble:nth-child(11){
    width: 40px;
    height: 40px;
    bottom: -100px;
    animation-delay: 4s;
    right: 1%;
}

.bubble:nth-child(12){
	background-color: #2E7FFF;
    width: 15px;
    height: 15px;
    bottom: -100px;
    animation-delay: 2s;
    right: 2%;
}

.bubble:nth-child(13){
    width: 30px;
    height: 30px;
    bottom: -100px;
    animation-delay: 6s;
    right: 4%;
}

.bubble:nth-child(14){
	background-color: #2E7FFF;
    width: 25px;
    height: 25px;
    bottom: -60px;
    animation-delay: 9s;
    right: 3%;
}

@keyframes flying{
    0%{
        bottom: -100px;
        transform: translateX(0);
    }
    50%{
        transform: translateX(100px);
    }
    100%{
        bottom: 1080px;
        transform: translateX(-200px);
    }
}

/* View More Button For Product Widgets */
.view-more-wrap {
	width: 100%;
	text-align: center;
	display: inline-block;
}

.view-more-btn {
	background-color: #2E7FFF;
	color: #fff;
	padding: 6px 15px;
}

.view-more-btn:hover {
	background-color: #999;
}

.deal-of-day .view-more-wrap {
	margin-bottom: 30px;
}

/* supermarket Template Footer Column
================================================== */
.supermarket-template-footer-column {
	background-color: #F1F3F6;
	padding-top: 50px;
	margin-bottom: -50px;
}

.supermarket-template-footer-column .widget-title {
	font-size: 20px;
}

.sc-template-footer-wrap {
	margin: 0 -10px;
}

.sc-footer-column {
	width: 25%;
	display: inline-block;
	padding: 0 10px;
	margin: 0 -2px 20px;
	vertical-align: top;
}

/* Popular Post Widget
================================================== */

.widget-popular-posts {
	display: inline-block;
	position: relative;
	width: 100%;
}

.popular-posts-wrapper {
	float: left;
}

.tf-popular {
	float: left;
	width: 100%;
}

.blog .tf-popular .tf-post, 
.archive .tf-popular .tf-post, 
.search-results .tf-popular .tf-post,
.tf-popular .tf-post {
	background-color: transparent;
	clear: both;
	margin-bottom: 15px;
	display: inline-block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 0 0 10px;
	width: 100%;
}

.tf-popular .tf-post:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.tf-popular .tf-featured-image {
	float: left;
	width: 75px;
	margin-right: 15px;
	margin-bottom: 10px;
}

.tf-popular .has-post-thumbnail .tf-content {
	width: calc(100% - 90px);
	float: right;
}

.tf-content .tf-title {
	font-size: 16px;
	line-height: 23px;
	margin-bottom: 10px;
}

.tf-entry-meta span {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}

.tf-entry-meta, 
.tf-entry-meta a {
	color: #949494;
	font-size: 11px;
	letter-spacing: 0.2px;
	line-height: 20px;
}

.tf-entry-meta .author {
	display: none;
}

/* Contact Widget
================================================== */
.widget_contact ul li i {
	padding-right: 5px;
}

.widget_contact ul li {
	padding: 3px 0 2px 0;
}

.widget_contact ul li a:hover {
	color: #2E7FFF;
}

.top-bar .widget_contact ul li a:hover {
	color: #fff;
	opacity: 0.8;
}

/* Calendar Widget
================================================== */
.widget_calendar #wp-calendar {
	width: 90%;
	margin: 0 auto;
}

.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td {
	text-align: center;
}

.widget_calendar #wp-calendar caption {
	font-size: 18px;
	padding: 0 0 30px;
	text-transform: uppercase;
}

.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar tfoot td {
	background-color: #f4f4f4;
}


/* Posts Widget
================================================== */
.widget_posts {
	margin-bottom: 30px;
}

.widget_posts .post-title a:hover {
	text-decoration: underline;
}

.widget_posts .article-calendar {
	font-size: 14px;
}

/* Tag Cloud Widget
================================================== */
.widget_tag_cloud a {
	background-color: #eee;
	color: #747474;
	display: inline-block;
	font-size: 13px !important;
	font-weight: 300;
	margin-bottom: 10px;
	margin-right: 5px;
	padding: 2px 15px;
}

.widget_tag_cloud a:hover {
	background-color: #e8e8e8;
}

/* ----- Site Info ----- */
.site-info {
	background-color: #fff;
	font-size: 14px;
	line-height: 1.571;
	text-align: center;
	padding: 5px 0;
}

.site-info .wrap {
	padding: 20px 0 10px;
	position: relative;
}

.site-info .wrap:before {
	background-color: rgba(0,0,0,0.07);
	height: 1px;
	width: 100%;
	content: "";
	top: -4px;
	position: absolute;
	left: 0;
}

.site-info .social-links {
	display: inline-block;
	float: left;
	text-align: center;
}

.site-info .social-links a {
	color: #969595;
	display: inline-block;
	font-size: 18px;
	margin: 0 10px 10px 0;
}

.site-info .social-links a:hover {
	background-color: #fafafa;
	border-color: transparent;
}

.site-info .copyright {
	font-size: 13px;
	line-height: 26px;
	text-align: right;
	float: right;
}

.site-info .copyright,
.site-info .copyright a {
	color: #969595;
}

.site-info .copyright a:hover {
	color: #2E7FFF;
}

/* Googlemap Widget
================================================== */
.googlemaps_widget {
	width: 100%;
	margin-bottom: 50px;
}

.maps-container {
	margin: 0;
	padding: 0;
	height: auto;
}

.googlemaps_widget .maps-container .textwidget {
	border: 1px solid #ccc;
	height: 402px;
}

.googlemaps_widget iframe {
	width: 100%;
	height: 400px;
}

/* 26.0 Footer
================================================== */
#colophon p {
	margin-bottom: 15px;
}

#colophon {
	font-size: 14px;
	line-height: 1.500;
}

#colophon .widget-wrap {
	background-color: #fff;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	color: #333;
}

#colophon .widget-area {
	margin: 0 -15px;
	padding: 50px 0 10px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

#colophon .widget {
	margin-bottom: 10px;
}

#colophon .widget ul li a {
	color: #333;
}

#colophon .widget ul li a:hover {
	opacity: 0.8;
}

#colophon .widget_categories ul li a,
#colophon .widget_pages ul li a,
#colophon .widget_nav_menu ul li a,
#colophon .widget_recent_entries ul li a,
#colophon .widget_categories ul li a,
#colophon .widget_recent_comments ul li a,
#colophon .widget_meta ul li a,
#colophon .widget_rss ul li a {
	display: block;
}

#colophon .widget_categories ul ul li a,
#colophon .widget_pages ul ul li a,
#colophon .widget_nav_menu ul ul li a,
#colophon .widget_recent_entries ul ul li a,
#colophon .widget_categories ul ul li a,
#colophon .widget_recent_comments ul ul li a,
#colophon .widget_meta ul ul li a,
#colophon .widget_rss ul ul li a {
	padding-left: 20px;
}

#colophon .widget_categories ul ul ul li a,
#colophon .widget_pages ul ul ul li a,
#colophon .widget_nav_menu ul ul ul li a,
#colophon .widget_recent_entries ul ul ul li a,
#colophon .widget_categories ul ul ul li a,
#colophon .widget_recent_comments ul ul ul li a,
#colophon .widget_meta ul ul ul li a,
#colophon .widget_rss ul ul ul li a {
	padding-left: 30px;
}

#colophon .widget-title {
	font-size: 20px;
	line-height: 1.444;
}

.widget_search .widget-title {
	display: none;
}

.widget_rss ul li {
	display: block;
	padding: 10px 0;
}

.widget_meta ul li,
.widget_recent_comments ul li,
.widget_categories ul li,
.widget_recent_entries ul li,
.widget_archive ul li {
	display: block;
	padding: 7px 0 8px 20px;
	position: relative;
}

.widget_meta ul li:before,
.widget_recent_comments ul li:before,
.widget_categories ul li:before,
.widget_recent_entries ul li:before,
.widget_archive ul li:before {
	color: #888;
	content: "✦";
	font-size: 12px;
	left: 0;
	line-height: 20px;
	position: absolute;
}

.widget_recent_entries span {
	display: block;
}

.widget_text .textwidget li {
	margin-bottom: 10px;
}

#secondary .widget_meta ul li,
#secondary .widget_recent_comments ul li,
#secondary .widget_categories ul li,
#secondary .widget_recent_entries ul li,
#secondary .widget_archive ul li {
	border-bottom: 1px dotted #eee;
	padding: 9px 0 10px 20px;
}

#secondary .widget ul li:last-child {
	border-bottom: none;
}

#colophon .widget_posts .post-title {
	font-size: 15px;
	line-height: 1.467;
	padding-bottom: 0;
}

/* Footer column
================================================== */
.column-4 {
	float: left;
	padding: 0 20px 40px;
}

.column-4 {
	width: 25%;
}

.column-4:nth-child(4n+5) {
 	clear: both;
}

#colophon .column-4 {
	margin-bottom: 30px;
	padding: 0 15px;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	-webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

#colophon #site-branding {
	float: none;
}

/* ----- Footer Text Widgets for payment Card ----- */
.payment-card li {
	display: inline-block;
	font-size: 36px;
	margin: 0 5px 5px 0;
	line-height: 1;
}

#colophon .widget .payment-card li a {
	color: #888;
}

/* #Catalog Menu Slider Promotion
================================================== */
.slider-banner-box {
	margin-top: 30px;
	text-align: center;
}

.full-width-slider .slider-banner-box {
	margin-top: 0;
}

.slider-banner-wrap {
	display: inline-block;
	margin: 0 auto;
	max-width: 1300px;
	width: 100%;
	background-color: #fff;
	position: relative;
}

.boxed-layout .slider-banner-wrap,
.boxed-layout-small .slider-banner-wrap {
	max-width: 96%;
}

.slider-banner-inner {
	width: 100%;
}

.header-catalog-menu-wrap {
	float: left;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
}

.catalog-menu-box {
	opacity: 0;
	clear: both;
	position: absolute;
	min-width: 240px;
	top: 140%;
	visibility: hidden;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	z-index: 1;
}

.catalog-menu-box.show  {
	opacity: 100;
	visibility: visible;
	top: 100%;
}

.catalog-menu-wrap {
	background-color: #fff;
	border: 1px solid #e9e9e9;
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,.10);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,.10);
	box-shadow: 0 0 2px rgba(0,0,0,.10);
}

.show-menu-toggle {
	background-color: transparent;
	border: none;
	cursor: pointer;
	padding: 0;
	margin-right: 15px;
}

.header-catalog-menu-wrap {
	display: block;
}

.catalog-menu-title:before {
	color: #fff;
	content: "☰";
	font-size: 20px;
	font-style: normal;
	margin-right: 10px;
	vertical-align: middle;
}

.catalog-menu-title {
	color: #fff;
	font-size: 18px;
	margin-bottom: 0;
	text-align: left;
	background-color: #2E7FFF;
	padding: 8px 10px 7px;
	min-width: 240px;
}

.main-header .show-menu-toggle:hover .catalog-menu-title,
.main-header .show-menu-toggle:focus .catalog-menu-title {
	background-color: #222;
}

.is-sticky #sticky-header .catalog-menu-title {
	padding: 7px 5px 7px 15px;
	min-width: auto;
	font-size: 0;
}

.catalog-menu a {
	display: block;
	font-size: 14px;
	line-height: 44px;
	text-align: left;
}

.catalog-menu .title-highlight > a:after {
	content: attr(title);
	position: absolute;
	top: 9px;
	display: inline-block;
	font-size: 10px;
	font-weight: 600;
	text-transform: uppercase;
	color: #fff;
	background-color: #2E7FFF;
	padding: 2px 6px;
	margin-left: 10px;
	line-height: 1.1;
}

.catalog-menu > ul > li {
	padding: 0 20px;
}

.catalog-menu ul li {
	border-bottom: 1px solid #e9e9e9;
	display: block;
	position: relative;
}

.catalog-menu a:hover,
.catalog-menu a:focus {
	color: #2E7FFF;
}

.catalog-menu ul li ul li:first-child:before {
	content: "";
	height: 38px;
	background-color: #fff;
	width: 1px;
	position: absolute;
	float: left;
	left: -16px;
}

.catalog-menu ul li ul {
	background-color: #fff;
	border: 1px solid #e4e4e4;
  	box-shadow: 0 2px 4px rgba(0,0,0,.07);
	line-height: 2.667;
	list-style-type: none;
	left: 100%;
	margin: 0;
	opacity: 0;
	position: absolute;
	padding: 0 15px;
	top: -1px;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	min-width: 200px;
	z-index: 9999;
}

.show .catalog-menu ul.focus {
	visibility: visible;
}

.catalog-menu ul li:hover ul ul,
.catalog-menu ul ul li:hover ul ul,
.catalog-menu ul ul ul li:hover ul ul,
.catalog-menu ul ul ul ul li:hover ul ul {
	visibility: hidden;
}

.catalog-menu ul li ul li:last-child {
	border-bottom: none;
}

.catalog-menu ul li ul li {
	border-bottom: 1px solid #e4e4e4;
	display: block;
}
.catalog-menu > ul > li:hover > ul,
.catalog-menu ul li:hover ul,
.catalog-menu ul li ul li:hover ul {
	opacity: 1;
	visibility: visible;
	display: block;
}

.catalog-menu ul li a:focus ~ ul,
.catalog-menu ul li ul li a:focus ~ ul {
	opacity: 1;
	visibility: visible;
	display: block;
}

.catalog-menu ul ul.focus,
.catalog-menu ul ul ul.focus {
	opacity: 1;
	visibility: visible;
	display: block;
}

.catalog-menu li.menu-item-has-children > a:before, 
.catalog-menu li.page_item_has_children > a:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-style: normal;
	float: right;
	text-decoration: inherit;
	font-size: 12px;
	margin-right: 0;
}

.catalog-menu li.menu-item-has-children > a:before, 
.catalog-menu li.page_item_has_children > a:before {
	content: "\f105";
}

.hide-menu-toggle {
	background-color: transparent;
	border: none;
	display: block;
}

.show-catalog-menu .main-header .header-catalog-menu-wrap,
.slider-banner-box .header-catalog-menu-wrap {
	display: none;
}

.show-catalog-menu .slider-banner-box .header-catalog-menu-wrap {
	display: block;
}

.show-catalog-menu .catalog-menu-box {
	opacity: 100;
	position: relative;
	visibility: visible;
	top: 100%;
}

.show-catalog-menu .catalog-menu ul.focus {
	visibility: visible;
}

.show-catalog-menu .slider-banner-box .header-catalog-menu-wrap {
	width: 240px;
	margin: 0;
}

.show-catalog-menu .slider-banner-box .slider-banner-inner {
	width: calc(100% - 280px);
	display: inline-block;
}

.show-catalog-menu .main-slider {
	width: 100%;
}

.show-catalog-menu .product-promotion {
	width: 100%;
	margin-left: 0;
	padding-left: 0;
}

.show-catalog-menu .product-promotion-wrap {
	margin: 20px -10px;
}

.show-catalog-menu .product-promotion-content {
	width: 50%;
	display: inline-block;
	float: left;
	padding: 0 10px;
}

.hide-menu-toggle {
	cursor: pointer;
	padding: 4px 20px 10px;
	position: absolute;
	right: 0;
	top: -40px;
	background-color: transparent;
}

.hide-menu-toggle:hover,
.hide-menu-toggle:focus {
	background-color: #888;
}

.hide-menu-toggle .bars:after, 
.hide-menu-toggle .bars:before {
	background-color: #fff;
	position: absolute;
	content: '';
	display: inline-block;
	width: 20px;
	height: 2px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-o-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
	outline: 1px solid transparent;
	left: 0;
}

.hide-menu-toggle .bars:after {
	top: 0;
	-webkit-transform: translateX(-50%) rotate(-45deg);
	-moz-transform: translateX(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) rotate(-45deg);
	-o-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}

.hide-menu-toggle .bars:before {
	top: 0;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	-o-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.hide-menu-toggle .bars {
	display: inline-block;
	position: relative;
	top: -10px;
	vertical-align: bottom;
}

.show-catalog-menu .slider-banner-wrap .hide-menu-toggle {
	display: none;
}

/* #Main Slider
================================================== */
.main-slider {
	display: inline-block;
	width: 65%;
	vertical-align: top;
}

.main-slider .layer-slider {
	height: 100%;
	position: relative;
	max-width: 100%;
	width: 100%;
}

.layer-slider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

html[xmlns] .layer-slider .slides {
  display: block;
}

* html .layer-slider .slides {
  height: 1%;
}

.layer-slider .slides > li:first-child {
  display: block;
}

.main-slider .image-slider {
  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	position: relative;
}

.slider-image-content {
	overflow: hidden;
}

.animation-right .slider-image-content img {
	max-width: 100%;
    transition: all 6s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.animation-right .flex-active-slide .slider-image-content img {
	transform: scale(1.1);
}

.slider-text-content {
	position: absolute;
	top: 55%;
	text-align: left;
	left: 50%;
	width: 50%;
	transform: translate(-75%, -50%);
}

.slider-tag {
	color: #2E7FFF;
	margin-bottom: 5px;
	display: block;
}

.slider-header {
	font-size: 35px;
	margin-bottom: 10px;
	font-weight: 500;
}

.slider-text {
	margin-bottom: 0;
	font-size: 18px;
}

.slider-link {
	display: inline-block;
}

.slider-link .btn-default {
	font-size: 15px;
	margin: 0;
	padding: 8px 25px;
}

.slider-link .btn-default:hover {
	color: #fff;
}

/* ----- Slider Buttons ----- */
.main-slider .flex-direction-nav {
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	visibility: hidden;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.main-slider:hover .flex-direction-nav  {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	visibility: visible;
}

.main-slider .flex-direction-nav li {
	background-color: #fff;
	border-radius: 5px;
	display: block;
	font-size: 0;
	height: 40px;
	left: 10px;
	outline: medium none;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
	z-index: 99;
}

.main-slider .flex-direction-nav li:before {
	background-color: rgba(0, 0, 0, 0.35);
	content: "";
	height: 2px;
	left: 100%;
	margin-top: -1px;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 50%;
	-webkit-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s;
	-moz-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s;
	-o-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s;
	-ms-transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s;
	transition: left 0.3s ease 0s, right 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s;
	width: 35px;
}

.main-slider .flex-direction-nav a:before {
	-webkit-transform: translateX(-50%) rotate(40deg);
	-moz-transform: translateX(-50%) rotate(40deg);
	-ms-transform: translateX(-50%) rotate(40deg);
	-o-transform: translateX(-50%) rotate(40deg);
	transform: translateX(-50%) rotate(40deg);
	transform-origin: 0 100% 0;
}

.main-slider .flex-direction-nav a:before,
.main-slider .flex-direction-nav a:after {
	backface-visibility: hidden;
	background-color: #222;
	content: "";
	height: 50%;
	left: 35%;
	position: absolute;
	-webkit-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
	-moz-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
	-o-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
	-ms-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
	transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
	width: 3px;
}

.main-slider .flex-direction-nav a:after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-40deg);
	-moz-transform: translateX(-50%) rotate(-40deg);
	-ms-transform: translateX(-50%) rotate(-40deg);
	-o-transform: translateX(-50%) rotate(-40deg);
	transform: translateX(-50%) rotate(-40deg);
	transform-origin: 0 0 0;
}

.main-slider .flex-direction-nav a {
	display: block;
	height: 80%;
	margin: 10% 0 0 10%;
	position: relative;
	width: 80%;
}

.main-slider .flex-direction-nav li.flex-nav-next {
	left: auto;
	right: 10px;
}

.main-slider .flex-direction-nav li.flex-nav-next a {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.main-slider .flex-direction-nav li.flex-nav-next:before {
	left: auto;
	right: 100%;
}

/* ----- Slider Pagination Buttons ----- */
.main-slider .flex-control-nav {
	line-height: 0;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	bottom: 20px;
	z-index: 99;
	right: 20px;
	visibility: hidden;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.main-slider:hover .flex-control-nav {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	visibility: visible;
}

.main-slider .flex-control-nav li {
	display: inline-block;
}

.main-slider .flex-control-nav li a {
	background-color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 0;
	height: 3px;
	margin: 8px 5px;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter:alpha(opacity=80);
	text-align: center;
	vertical-align: middle;
	width: 15px;
}

.main-slider .flex-control-nav a.flex-active, 
.main-slider .flex-control-nav a:hover {
	background-color: #2E7FFF;
  	-webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
  	transition: background .3s ease;
}

/* ----- Slider Content Animation 
============================================= */

/* ----- Slider Content Animation Right ----- */
.animation-right .layer-slider li .slider-header,
.animation-right .layer-slider li .slider-text,
.animation-right .layer-slider li .slider-link,
.animation-right .layer-slider li .slider-tag {
		-webkit-animation-duration: .1s;
		animation-duration: .1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeOutRight;
		animation-name: fadeOutRight;
}

.animation-right .layer-slider li.flex-active-slide .slider-content .slider-header,
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-text,
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-link,
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-tag {
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}

.animation-right .layer-slider li.flex-active-slide .slider-content .slider-header {
		-webkit-animation-delay: .8s;
		animation-delay: .8s;
}

.animation-right .layer-slider li.flex-active-slide .slider-content .slider-text {
		-webkit-animation-delay: .6s;
		animation-delay: .6s;
}

.animation-right .layer-slider li.flex-active-slide .slider-content .slider-link,
.animation-right .layer-slider li.flex-active-slide .slider-content .slider-tag {
		-webkit-animation-delay: 1s;
		animation-delay: 1s;
}

/* ----- Right Animation ----- */
@-webkit-keyframes fadeInRight {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInRight {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutRight {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
}

@keyframes fadeOutRight {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
}

/* #Promotion
================================================== */
.product-promotion {
	display: inline-block;
	width: 35%;
	margin-left: -4px;
	padding-left: 20px;
}

.product-promotion-content {
	margin-bottom: 20px;
	position: relative;
}

.product-promotion-content:last-child {
	margin-bottom: 0;
}

.product-promotion-text-content {
	border-radius: 5px;
	padding: 10px;
	position: absolute;
	bottom: 10%;
	right: 20px;
}

.product-promotion-header {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
}

.product-promotion-text {
	margin: 0;
}

.product-promotion-content:nth-child(2) .product-promotion-text-content {
	top: 35%;
	left: 20px;
	bottom: auto;
	right: auto;
}

.hide-text-content .slider-text-content,
.hide-text-content .product-promotion-text-content {
	display: none;
}

/* Category Tab Box Widget
================================================== */
.supermarket-cat-tab-box-widget {
	display: inline-block;
	width: 100%;
}

.supermarket-cat-tab-box-widget .cat-tab-menu {
	border-radius: 3px;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	min-width: 60px;
	text-transform: uppercase;
	font-weight: bold;
}

.supermarket-cat-tab-box-widget .cat-tab-menu button {
	background-color: #f1f1f1;
	color: #545454;
	cursor: pointer;
	display: inline-block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 400;
	position: relative;
	padding: 8px 15px;
	margin-bottom: 10px;
}

.supermarket-cat-tab-box-widget .cat-tab-menu button {
	border-width: 0;
	border-left-width: 1px;
	border-style: solid;
	border-color: rgba(226, 226, 226, 1);
	flex-grow: 0;
}

.supermarket-cat-tab-box-widget .cat-tab-menu button:first-child {
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
	border-left-width: 0;
}

.supermarket-cat-tab-box-widget .cat-tab-menu button:last-child {
	border-top-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

.supermarket-cat-tab-box-widget .cat-tab-menu button:hover,
.supermarket-cat-tab-box-widget .cat-tab-menu button:focus,
.supermarket-cat-tab-box-widget .cat-tab-menu .active button {
	color: #fff;
	background-color: #2E7FFF;
}

.supermarket-cat-tab-box-widget .cat-tab-menu .active {
	position: relative;
}

.supermarket-cat-tab-box-widget .cat-tab-menu .active:after {
	content: '';
	display: block;
	position: absolute;
	border: 10px solid transparent;
	left: 50%;
	top: calc(100% - 10px);
	transform: translate(-50%, 0);
	border-top-color: #2E7FFF;
	border-top-width: 10px;
}

.cat-tab-layout-two .cat-tab-menu {
	border: none;
	justify-content: left;
	display: block;
}

.supermarket-cat-tab-box-widget .cat-tab-layout-two .cat-tab-menu button {
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	clear: both;
	font-size: 16px;
	float: left;
	display: block;
	text-align: left;
	padding: 4px 15px;
	margin-bottom: 0;
}

.supermarket-cat-tab-box-widget .cat-tab-layout-two .cat-tab-menu button {
	background-color: transparent;
	border: none;
}

.supermarket-cat-tab-box-widget .cat-tab-layout-two .cat-tab-menu button:hover,
.supermarket-cat-tab-box-widget .cat-tab-layout-two .cat-tab-menu button:focus,
.supermarket-cat-tab-box-widget .cat-tab-layout-two .cat-tab-menu .active button {
	background-color: rgba(255, 255, 255, 0.7);
	color: #333;
}

.supermarket-cat-tab-box-widget .cat-tab-layout-two .cat-tab-menu .active:after {
	content: none;
}


.product-widget-box .cat-tab-layout-two .supermarket-grid-widget-wrap {
	justify-content: left;
}


/* Index Information
================================================== */
.index-info-grid-container {
	margin-bottom: 50px;
}

.index-info-content.wrap {
	border: 1px solid #e2e2e2;
	padding: 20px 0;
}

.index-info-grid-list {
	width: 100%;
}

.index-info-item {
	float: left;
	width: 25%;
}

.index-info-item-wrap {
	border-right: 1px solid rgba(0,0,0,0.1);
	padding: 15px 20px;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.index-info-item:last-child {
	border: none;
}

.index-info-content .info-icon {
	border-right: 1px solid rgba(0,0,0,0.2);
	padding-right: 15px;
	width: 30%;
}

.info-text {
	color: #646464;
	padding-left: 25px;
	width: 70%;
}

.index-info-title {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 500;
}

.index-info-sub-title .more-link {
	display: none;
}

/* Banner With Text Widget
================================================== */
.supermarket-banner-with-text-widget {
	margin-bottom: 50px;
	display: inline-block;
	width: 100%;
}

.banner-with-text-wrap {
	margin: 0 -15px;
}

.bwt-content {
	float: left;
	position: relative;
	width: 50%;
}

.bwt-content:last-child {
	float: right;
}

.bwt-content-inner {
	padding: 0 15px;
}

.bwt-text {
	font-weight: 500;
	position: absolute;
	left: 70px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40%;
}

.bwt-text span p {
	margin-bottom: 0;
}

.bwt-text h3 {
	font-size: 28px;
	margin-top: 10px;
}

.single-column-banner .bwt-content {
	width: 100%;
}

.full-width-banner.single-column-banner .wrap {
	max-width: 100%;
}

.full-width-banner.single-column-banner .bwt-text {
	left: 15%;
}

.single-column-banner .bwt-text {
	left: 10%;
}

.light-text .bwt-text,
.light-text .bwt-text h3 {
	color: #fff;
}

.full-width-banner.single-column-banner .bwt-text span {
	margin-bottom: 10px;
	display: block;
}

.full-width-banner.single-column-banner .bwt-text h3 {
	font-size: 34px;
}


/* Latest Blog Widget
================================================== */
.latest-blog-wrap .latest-blog-image {
	display: inline-block;
	margin-bottom: 15px;
}

.latest-blog-wrap .entry-header {
	padding: 0;
}

.latest-blog-inner {
	padding: 20px 20px 0;
	border: 1px solid #e2e2e2;
}

.product-widget-box .cattabsl .supermarket-grid-product {
	width: 100% !important;
}

.latest-blog-inner .entry-title {
	font-size: 18px;
	font-weight: 500;
}

/* #gutenberg
================================================== */


/* #bbpress
================================================== */
#bbpress-forums,
div.bbp-breadcrumb, div.bbp-topic-tags,
div.bbp-template-notice p,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, 
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, 
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
	font-size: 14px;
}

#bbpress-forums p.bbp-topic-meta img.avatar, 
#bbpress-forums ul.bbp-reply-revision-log img.avatar, 
#bbpress-forums ul.bbp-topic-revision-log img.avatar, 
#bbpress-forums div.bbp-template-notice img.avatar, 
#bbpress-forums .widget_display_topics img.avatar, 
#bbpress-forums .widget_display_replies img.avatar, 
#bbpress-forums p.bbp-topic-meta img.avatar {
	border: 0;
	float: none;
	margin-bottom: 2px;
	margin-right: 1px;
}

.bbp-pagination {
	text-align: right;
}

.bbp-pagination-count {
	float: none;
}

#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 14px;
	overflow: hidden;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	clear: both;
}

#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
	background: #f4f4f4;
	border: none;
	font-weight: 700;
	text-align: center;
	padding: 15px 18px 15px 18px;
}

#bbpress-forums li.bbp-footer {
	padding: 8px;
	border-top: 1px solid #ddd;
}

#bbpress-forums .bbp-topics a {
	color: #333;
}

#bbpress-forums .bbp-topics a:hover {
	color: #2E7FFF;
}

#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic {
	border-top: 1px solid #ddd;
}

#bbpress-forums li.bbp-header ul {
	font-size: 16px;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
	font-size: 14px;
	padding: 12px 0 10px 18px;	
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
	font-size: 14px;
	margin: 5px 0 5px;
	padding: 0;
	word-wrap: break-word;
}

div.bbp-template-notice.info {
	color: #1891a8;
}

div.bbp-template-notice.info a {
	color: #1891a8;
	font-weight: 400;
}

#bbpress-forums p.bbp-topic-meta img.avatar {
  width:25px;
  height:25px;
}

#bbpress-forums fieldset.bbp-form {
	border: none;
	padding: 0;
}

#bbpress-forums fieldset.bbp-form legend {
	font-size: 15px;
	font-weight: 700;
	padding: 0 0 10px;
}

div.bbp-template-notice, div.indicator-hint {
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 15px 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
}

#bbpress-forums .wp-editor-container, 
#wp-bbp_topic_content-editor-container, 
#wp-bbp_reply_content-editor-container {
	border: 1px solid #ddd;
}

#wp-bbp_topic_content-editor-container textarea {
	background-color: transparent;
}

.bbp-topic-form input#bbp_topic_title, 
.bbp-topic-form input#bbp_topic_tags,
.bbp-topic-form select#bbp_stick_topic_select, 
.bbp-topic-form select#bbp_topic_status_select { 
	color: #AAA9A9;
	background-color: #ffffff;
    border: 1px solid #ddd;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:	0 1px 5px rgba(0, 0, 0, 0.1) inset;
	box-shadow:	0 1px 5px rgba(0, 0, 0, 0.1) inset;
    color: #747474;
    font-size: 13px;
    padding: 8px 2%;
}

.bbp-submit-wrapper button.submit {
	border: 1px solid #2E7FFF;
	background-color: #2E7FFF;
	color: #fff;
	padding: 8px 30px;
	font-size: 15px;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.bbp-submit-wrapper button.submit:hover {
	background-color: #ddd;
	border: 1px solid #ccc;
	color: #666;
	cursor: pointer;
}

.bbp-search-form input[type="submit"] {
	display: inline-block;
	height: 45px;
	margin: 0 0 0 -4px;
}

div.bbp-template-notice, div.indicator-hint {
	color: #ed1c24;
}

@media only screen and (max-width: 480px) {
	.bbp-search-form input[type="submit"] {
		height: 29px;
	}
}

/* Woocommerce
================================================== */
.woocommerce #main .page-title {
	display: none;
}

.woocommerce-ordering .orderby {
	background-color: #fafafa;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 5px;
	font-size: 15px;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
	background-color: #2E7FFF;
	color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
	background-color: #2E7FFF;
	color: #fff;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
	
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	background-color: #999;
	color: #fff;
}

.woocommerce .quantity .qty {
	height: 34px;
}

.woocommerce span.onsale {
	background-color: #2E7FFF;
	font-size: 14px;
	font-weight: 500;
	left: -20px;
	min-height: 4em;
	min-width: 4em;
	padding: 0.402em;
	top: -20px;
}

.woocommerce ul.products li.product .onsale {
	line-height: 1.2;
	border-radius: 0;
	min-height: 15px;
	top: 25px;
}

.woocommerce ul.products li.product h3 {
	font-size: 1.2em;
}

.woocommerce ul.products li.product .price {
	font-size: 1em;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	color: #747474;
}

.woocommerce ul.products li.product .price {
	color: #747474;
}

.woocommerce div.product .woocommerce-tabs .panel {
	padding-top: 20px;
}

.woocommerce-demo-store p.demo_store {
	background-color: #2E7FFF;
}

.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
	width: auto;
}

.woocommerce .woocommerce-message:before {
	color: #2E7FFF;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	padding: 10px 6px 12px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	padding: 15px;
}

.woocommerce table.shop_table td {
	padding: 12px;
	border-top: 0;
}

.woocommerce table.shop_table {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
	display: none;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	padding: 0.5em 0.8em;
}

.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count {
	margin: 0 0 3em;
}

.woocommerce ul.products li.product a img {
	margin: 0;
}

#secondary .woocommerce .widget-title {
	text-align: left;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
	background-color: #ddd;
	margin: 35px 0;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
	height: 0.4em;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, 
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
	background-color: #aaa;
}
 
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	border: 1px solid #bdbdbd;
	background-color: #f4f4f4;
	border-radius: 0;
	transform: rotate(45deg);
	height: 12px;
	width: 12px;
	top: -5px;
}

.price_slider_amount .price_label {
	color: #2E7FFF;
	font-size: 14px;
}

.woocommerce-Price-amount.amount {
	color: #2E7FFF;
	font-size: 16px;
}

.woocommerce .star-rating,
.comment-form-rating .stars span a {
	color: #ffd33b;
	font-size: 10px;
}

.product_list_widget .star-rating {
	margin: 8px 0 10px;
}

.widget_product_categories li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.product-categories li ul {
	border-top: 1px solid #eee;
}

.product-categories li a {
	line-height: 2.5;
}

.woocommerce .woocommerce-product-search input.search-field {
	width: calc(100% - 95px);
}

.woocommerce .woocommerce-product-search button[type="submit"] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 8px 15px;
	margin-bottom: 0;
	border: none;
	cursor: pointer;
	background-color: #2E7FFF;
	color: #fff;
}

.woocommerce .woocommerce-product-search button[type="submit"]:hover {
	background-color: #999;
}

.woocommerce .tagcloud a {
	border: 1px solid #ddd;
	display: inline-block;
	margin: 0 2px 6px 0;
	padding: 3px 10px;
}

.woocommerce-review-link {
	color: #747474;
}

#main .woocommerce-MyAccount-navigation > ul {
	list-style: none;
}

.woocommerce-MyAccount-navigation ul li > a {
	border: 1px solid #e4e4e4;
	display: block;
	height: 100%;
	margin-bottom: -1px;
	padding: 8px;
	width: 100%;
}

.woocommerce-MyAccount-navigation ul li > a:hover,
.woocommerce-MyAccount-navigation ul li.is-active {
	background-color: #f8f8f8;
}

.woocommerce nav.woocommerce-pagination {
	display: inline-block;
	margin-bottom: 40px;
	width: 100%;
}

.woocommerce-pagination .page-numbers {
	outline: none;
	border: none;
	border-radius: 0;
}

.woocommerce .single-featured-image-header {
	display: none;
}

.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover {
	background-color: #2E7FFF;
}

.woocommerce div.product .out-of-stock {
	color: #2E7FFF;
}

.cart .quantity input[type="number"] {
	margin-bottom: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: none;
	background-color: transparent;
	margin-right: 30px;
	margin-left: 0;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: transparent;
	border-bottom: 2px solid #2E7FFF;
}

.woocommerce .summary .product_meta .posted_in, 
.entry-summary .sku_wrapper, 
.entry-summary .variations label, 
.woocommerce .summary .product_meta .tagged_as, 
.brand {
	display: inline-block;
	font-size: 15px;
	margin: 0;
	width: 100%;
	clear: both;
}

.entry-summary .sku,
.woocommerce .summary .product_meta .posted_in a, 
.woocommerce .summary .product_meta .tagged_as a, 
.brand span a {
	font-weight: normal;
	color: #808080;
}

.entry-summary .product_meta span {
	padding: 5px 0px;
}

@media only screen and (max-width: 767px) {
	.woocommerce span.onsale {
		left: 0;
	}
	.woocommerce ul.products li.product .onsale {
		margin: -0.6em -0.6em 0 0;
	}
}

/* Woocommerce Cart and Wishlist */
.wishlist-box {
	display: inline-block;
}

.wishlist-wrap {
	padding: 7px 5px 0 0;
}

.wishlist-btn {
	padding: 5px;
	position: relative;
	display: inline-block;
}

.header-right .wcmenucart-contents {
	float: left;
	padding: 5px;
	color: #999;
	position: relative;
	line-height: 1;
}

.product-item-utility .yith-wcwl-add-to-wishlist {
	margin-top: 0;
}

.wl-counter {
	background-color: #2E7FFF;
	border-radius: 50%;
	top: 0;
	color: #ddd;
	display: inline-block;
	font-size: 10px;
	height: 15px;
	line-height: 14px;
	margin: 0;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	width: 15px;
}

.header-right .cart-value {
	border: 2px solid #2E7FFF;
	color: #2E7FFF;
	font-size: 15px;
	line-height: 1.8;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	min-width: 30px;
	min-height: 30px;
	margin-right: 5px;
}

.header-right .cart-value:after {
	border: 2px solid #2E7FFF;
	border-bottom: 0;
	border-top-left-radius: 99px;
	border-top-right-radius: 99px;
	bottom: 100%;
	content: '';
	height: 8px;
	left: 50%;
	margin-bottom: 0;
	margin-left: -7px;
	position: absolute;
	pointer-events: none;
	width: 14px;
}

.cart-value:hover,
.cart-value:hover:after {
	border-color: #212121;
}

.header-right .wishlist-btn i,
.header-right .wcmenucart-contents i {
	font-size: 22px;
	vertical-align: top;
}

.header-right .wl-icon {
	fill: #2E7FFF;
	height: 35px;
	width: 35px;
	display: inline-block;
	vertical-align: top;
}

.wishlist-btn:hover .wl-icon {
	fill: #212121
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	padding: .5em 0;
	margin: 0;
	font-size: 15px;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
	line-height: 1;
	margin-bottom: 10px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3,
.woocommerce div.product div.summary,
.woocommerce div.product form.cart div.quantity {
	font-size: 15px;
}

.related.products {
	float: left;
	width: 100%;
}

.yith-wcwl-add-button a.add_to_wishlist {
	border: 1px solid #ccc;
	padding: 2px 10px;
	margin-bottom: 15px;
	display: inline-block;
}

.yith-wcwl-add-button a.add_to_wishlist:hover {
	background-color: #fafafa;
}

.woocommerce .wishlist_table .yith-wcqv-button {
	margin-left: 20px;
}

.wishlist_table .product-add-to-cart span.dateadded {
	margin-bottom: 5px;
}

/* Wishlist Fontawesome version 4 fixed */
.yith-wcwl-share .share-button .fa,
.yith-wcwl-icon.fa {
	font-family: "Fontawesome";
}

/* Woocommerce Cart */
.header-right .cart-box {
	color: #222;
	float: right;
	margin-left: 5px;
	position: relative;
	height: 40px;
}

.cart-box .widgettitle, 
.cart-box .widget ul li a {
	color: #222;
}

.header-right .my-cart-wrap {
	float: left;
	color: #333;
	text-align: left;
	font-size: 12px;
	letter-spacing: 1px;
}

.header-right .my-cart-wrap div {
	height: 15px;
	line-height: 1.6;
}

.header-right .my-cart-wrap .my-cart {
	font-weight: bold;
}

.header-right .widget_shopping_cart {
	background: #fff;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
	opacity: 0;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 70px;
	visibility: hidden;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	min-width: 280px;
	z-index: 9999;
}

.header-right .cart-box:hover .widget_shopping_cart,
.header-right .cart-box.focus .widget_shopping_cart {
	opacity: 1;
	visibility: visible;
	top: 50px;
}

.header-right .woocommerce a.button {
	padding: 5px 10px;
	margin: 0 5px;
}

/* Full width for Dokan Dashboard  */
.dokan-dashboard #primary {
	width: 100%;
	margin-bottom: 30px;
}

.dokan-dashboard #secondary {
	display: none;
}

/* Supermarket Template
================================================== */
.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img {
	float: left;
	margin-left: 0;
	width: 90px;
	margin-right: 20px;
}

.product-widget-box .woocommerce ul.cart_list, 
.product-widget-box .woocommerce ul.product_list_widget {
	margin-left: -20px;
}

.product-widget-box .woocommerce ul.cart_list li, 
.product-widget-box .woocommerce ul.product_list_widget li {
	display: inline-block;
	padding: 10px;
	margin-bottom: 20px;
	width: calc(25% - 24px);
	vertical-align: top;
	background-color: #fff;
	margin: 0 0 20px 20px;
}

.product-widget-box .woocommerce ul.cart_list li img, 
.product-widget-box .woocommerce ul.product_list_widget li img {
	float: left;
	margin-right: 20px;
	width: 150px;
	margin-left: 0;
}

.boxed-layout-small .product-widget-box .woocommerce ul.cart_list li img, 
.boxed-layout-small .product-widget-box .woocommerce ul.product_list_widget li img {
	margin-right: 0;
	width: 100%;
	margin-bottom: 10px;
}

.product-widget-box .widget_product_categories li, 
.product-widget-box .widget_product_categories li ul {
	display: inline-block;
}

.product-widget-box .widget_product_categories li {
	margin-right: 20px;
}

.product-widget-box .widget_product_categories .cat-item > a {
	background-color: #e4e4e4;
	padding: 5px 15px;
	border: 1px solid #fff;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	overflow: hidden;
	text-align: left;
	background-color: #fff;
}

.archive.woocommerce span.onsale {
	background-color: transparent;
	font-size: 13px;
}

.archive.woocommerce ul.products li.product .onsale {
	top: 5px;
	right: 0;
}

.archive.woocommerce span.onsale:before {
	content: "";
	background-color: #2E7FFF;
	width: 80px;
	height: 105px;
	transform: rotate(-60deg);
	position: absolute;
	z-index: -1;
	top: -70px;
	right: -10px;
}

.woocommerce ul.products li.product .star-rating {
	margin: 0 auto 10px;
}

.woocommerce ul.products li.product .price {
	display: inline-block;
}

.woocommerce ul.products li.product .price del .woocommerce-Price-amount.amount,
.product_list_widget del .woocommerce-Price-amount.amount {
	color: #999;
	margin-left: 5px;
}

.woocommerce ul.products li.product .price ins,
.product_list_widget ins {
	background: transparent;
	float: left;
	margin: 0;
}

.woocommerce ul.products li.product .button {
	margin-top: 5px;
	background-color: #f2f2f2;
	color: #333;
	border-radius: 0;
	padding: 8px 38px;
}

.woocommerce ul.products li.product .button:hover {
	background-color: #2E7FFF;
	color: #fff;
}

.woocommerce-loop-product__link {
	display: block;
}

.widget_layered_nav .count {
	float: right;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
	height: 0.2em;
}

.woocommerce a.remove:hover {
	background: #333;
}

#secondary .product-categories .cat-item .count,
#colophon .product-categories .cat-item .count {
	float: right;
	line-height: 38px;
}

@media only screen and (max-width: 480px) {
	.woocommerce ul.cart_list li img, 
	.woocommerce ul.product_list_widget li img {
		width: 100%;
	}
}

/* Jetpack
================================================== */
@media only screen and (max-width: 800px) {
	#infinite-handle {
		clear: both;
		display: block;
	}
}

/* Recent Posts With Thumbnails
================================================== */
.rpwwt-widget ul li {
	margin: 0 0 1em;
}

.rpwwt-post-author {
	color: #747474;
}

.rpwwt-post-date {
	color: #949494;
	font-size: 13px;
	font-style: italic;
}

/* Print
================================================== */

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.social-links,
	.header-search,
	.flex-direction-nav,
	.flex-control-nav,
	.feature-icon,
	.portfolio-img,
	.portfolio-title-bg,
	.about-image,
	.team-content-wrap img,
	.testimonial-wrap img,
	.brand-content-box,
	.latest-blog-image,
	.fact-figure-box .btn-default,
	#secondary,
	.custom-logo,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer .widget-area,
	.site-info {
		display: none !important;
	}

	.latest-blog-text {
		padding: 30px;
	}

	.our-feature-box,
	.about-box-bg,
	.fact-figure-bg,
	.portfolio-box,
	.testimonial-bg,
	.latest-blog-box,
	.team-member-box {
		padding: 0;
	}

	.about-box .two-column {
	  width: 100%;
	}


	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 20pt;
	}

	h4 {
		font-size: 18pt;
	}

	h5 {
		font-size: 16pt;
	}

	h6 {
		font-size: 14pt;
	}

	.page .panel-content .entry-title,
	.page-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}