/*

Theme Name: Supermarket

Theme URI: https://www.bkweb.vn/

Author: TrungNQ

Author URI: https://www.bkweb.vn/

Description:

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: bkns

Text Domain: bkns



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/* Header */

/* Site header */

/* Line head */

.line-head {

	background: #098b45;

	color: #fff;

	height: 42px;

	position: relative;

}

.line-head-gray {

	position: absolute;

    width: 50%;

    height: 42px;

    right: 0;

    background: #fbd626;

    top: 0;

    z-index: 0;

}

.line-head-area {

	background: #fbd626;

}

.line-head-left {

	width: 60%;

	height: 42px;

	line-height: 42px;

	float: left;

	background-image: url(images/header-bg.jpg);

	background-repeat: no-repeat;

	background-position: top right;

	padding-right: 50px;

}

.line-head-left-bg {

	background-color: #098b45;

	width: 100%;

}

.line-head-left span.hotline-label {

	font-weight: normal;

	display: inline-block;

}

.line-head-left span.hotline {

	font-size: 14px;

	display: inline-block;

}

.line-head-left span.separator{

	display: inline-block;

	padding: 0 10px;

}

.line-head-menu {

	display: inline-block;

	position: relative;

}

.line-head-menu > a {

	color: #fff;

	cursor: pointer;

}

.line-head-menu ul.drop-menu-top {

	position: absolute;

    width: auto;

    background: #FFF;

    border-top: solid 3px #FBD626;

    top: 100%;

    list-style: none;

    margin: 0;

    padding: 5px 10px;

    display: none;

    left: 0;

    z-index: 99999;

}

.line-head-menu:hover ul.drop-menu-top {

	display: block;

}

.line-head-menu ul.drop-menu-top li {

    float: left;

    width: 100%;

    height: auto;

    margin: 0;

    border-bottom: solid 1px #CCC;

    padding: 8px 0;

    color: #000;

    line-height: 1.5em;

}

.line-head-menu ul.drop-menu-top li a {

    color: #000;

    white-space: nowrap;

}

.line-head-right {

	float: right;

}

.line-head-right-bg  {

	padding-top: 6px;

}

.line-head-right a.promotion {

	display: inline-block;

	background: url(images/icon-user.png) no-repeat left center;

	padding-left: 30px;

	height: 30px;

	float: left;

	color: #098b45;

	border-right: 1px solid #098b45;

	line-height: 1em;

	padding-right: 15px;

    margin-right: 15px;

}

.line-head-right a.promotion p {

	margin: 0;

}

.small-cart {

	display: inline-block;

	background: url(images/icon-cart.png) no-repeat left center;

	padding-left: 35px;

	height: 30px;

	float: left;

	color: #098b45;

}

.small-cart p {

	margin: 0;

}

.small-cart p span {

    font-weight: bold;

    color: #DA251C;

}

/* Header */

.site-header {

	padding: 0;

	border-bottom: 1px solid #cccccc;

}

.site-banner {

	width: 100%;

	padding: 15px 0;

}

.logo {

	display: inline-block;

	width: 100%;

	text-align: left;

}

.logo img {

	max-width: 100%;

}

.site-header .site-title:hover {

	text-decoration: underline;

}

.site-title {

	font-size: 25px;

	font-weight: bold;

	line-height: 1;

	margin: 0;

	padding: 10px 0;

}

.site-description {

	font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;

	margin: 0;

}

.quick-search {

	float: right;

	padding-top: 10px;

}

.quick-search .screen-reader-text {

	display: none;

}

.quick-search .input-text {

	border: 1px solid #ccc;

	padding: 5px;

	display: inline-block;

	border-radius: 4px 0 0 4px;

	line-height: 20px;

	vertical-align: middle;

}

.quick-search .button {

	border: none;

	background: #fbd626;

	color: #fff;

	display: inline-block;

	height: 32px;

    width: 30px;

    text-align: center;

    line-height: 32px;

    vertical-align: middle;

    font-size: 16px;

}

#show_quicksearch {

	position: relative;

    float: right;

    padding: 2px 8px;

    margin-top: 8px;

    margin-right: 5px;

    margin-bottom: 8px;

    background-color: #FBD626;

    background-image: none;

    border: 1px solid transparent;

    border-radius: 4px;

    font-size: 20px;

    color: #fff;

    display: none;

}

@media (max-width: 999px) {

	.line-head-gray {

		left: 100px;

	    right: 0;

	    width: auto;

	}

	.line-head-left {

		width: auto;

	}

}

@media (max-width: 767px) {

	.line-head-left span.hotline-label {

		background: url(images/icon-phone.png) no-repeat center center;

		text-indent: -1000px;

	}

	.line-head-left span.separator,

	.line-head-left span.line-head-menu {

		display: none;

	}

	.line-head-right a.promotion p,

	.line-head-right a.small-cart p {

		display: none;

	}

	.logo {

		text-align: left;

	}

	.quick-search {

		width: 100%;

	    text-align: center;

	    padding-bottom: 10px;

	    background-color: #098B45;

	    float: none;

	    display: none;

	    position: absolute;

	    z-index: 99999;

	    top: 100%;

	    left: 0;

	}

	#show_quicksearch {

		display: block;

	}

}

/* Home */

.home-header {

	margin-bottom: 15px;

}

.product-nav-wrap {

	width: 100%;

	border: 1px solid #ccc;

}

.product-nav-wrap h3 {

	background: #fbd626;

	color: #098b45;

	text-transform: uppercase;

	font-size: 15px;

	margin: 0;

    padding: 10px 0 10px 15px;

    font-weight: bold;

}

.product-nav-container {

	padding: 0;

}

.product-nav {

	padding: 0;

	margin: 0;

	list-style: none;

}

.product-nav > li {

	border-bottom: 1px dotted #ccc;

	padding: 0 10px;

	position: relative;

}

.product-nav > li > a {

	color: #333;

	display: inline-block;

	width: 100%;

	padding: 10px 0;

}

.product-nav > li .sub-menu {

	position: absolute;

	left: 100%;

	top: 0;

	min-width: 180px;

	background: #FFF;

    border: 1px solid #e3e3e3;

	list-style: none;

	margin: 0;

	padding: 0;

	clip: rect(1px, 1px, 1px, 1px);

	z-index: 9999;

}

.product-nav li:hover > ul,

.product-nav ul li:hover > ul,

.product-nav .focus > ul,

.product-nav .focus > ul {

	clip: inherit;

	overflow: inherit;

	height: inherit;

	width: inherit;

}

.product-nav .sub-menu li {

	position: relative;

}

.product-nav .sub-menu li a {

	color: #333;

	display: inline-block;

	width: 100%;

	border-bottom: 1px solid #e3e3e3;

    padding: 12px 30px 12px 30px;

	white-space: nowrap;

	text-align: left;

}

.product-nav .sub-menu li a:hover {

	background: #098B45;

	color: #fff;

}

@media (max-width: 767px) {

	.product-nav-wrap {

		margin-bottom: 15px;

	}

}

/* Content */

.site-content {

	width: 100%;

	padding: 15px 0;

}

.content-area {

	padding: 0;

}

.site-main {

	width: 100%;

	margin-bottom: 15px;

}

/* Footer */

.site-footer {

	width: 100%;

    padding: 0;

    overflow: hidden;

}

.site-info {

	text-align: center;

	color: #ffcc00;

	font-weight: bold;

}

.site-info p {

	margin-bottom: 5px;

	font-size: 14px;

}

.face-link {

	display: inline-block;

	width: 100%;

	text-align: center;

}

p.hotline {

	font-size: 22px;

    font-weight: bold;

    text-align: center;

    color: #fff;

}

.widget-footer-fullwidth {

	width: 100%;

	overflow: hidden;

	margin-bottom: 15px;

}

.widget-footer-area {

	background: #fbd626;

	padding: 40px 40px 25px 40px;

}

.widget-footer {

	width: 100%;

	margin-bottom: 15px;

}

.widget-footer-title {

	font-size: 14px;

	margin: 0 0 15px 0;

	color: #333333;

	font-weight: bold;

}

.widget-footer-title img {

	margin-right: 10px;

}

.widget-footer-content {

	padding-left: 35px;

}

.widget-footer-content ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.widget-footer-content ul li {

	line-height: 2em;

}

.widget-footer-content ul li a {

	color: #333333;

}

.footer-line {

	padding: 15px 40px;

	background: #098b45;

	color: #fff;

}

.footer-line p {

	margin: 0;

}

.footer-line p a {

	color: #fff;

	font-weight: bold;

}

/* home */

/* home widgets */

.widget-home {

	width: 100%;

}

.content-area .widget-home:last-child {

	margin-bottom: 0;

}

.widget-home h3.widget-home-title {

	position: relative;

    margin: 0 0 15px 0;

    padding: 0 0 0 15px;

    height: 38px;

    line-height: 38px;

    color: #098b45;

    font-size: 15px;

    font-weight: bold;

    text-transform: uppercase;

    background: url(images/bg-title.png) no-repeat left center #eeebeb;

}

.widget-home h3.widget-home-title a,

.widget-home h3.widget-home-title a:hover {

	color: #098b45;

}

.widget-home a.thumbnail-image {

	display: inline-block;

	overflow: hidden;

	width: 100%;

}

.widget-home a.thumbnail-image img {

	width: 100%;

}

.widget-home h4 {

	font-size: 16px;

	font-weight: bold;

}

.widget-home h4 a {

	color: #333;

}

.widget-home p.caption {

	text-align: justify;

}

.widget-home a.view-more {

	color: #263472;

	text-transform: uppercase;

	font-weight: bold;

}

/* home news */

.home-news {

	background-image: url(images/bg-area.png);

	background-color: #f2f2f2;

	padding: 40px 0 30px 0;

	border-top: 1px solid #e6e6e6;

}

.home-news header h3 {

	margin: 0;

	padding: 0;

	font-size: 16px;

	font-weight: bold;

}

.home-news header h3 a {

	color: #333;

	text-decoration: none;

}

.home-news article {

	width: 100%;

}

.home-news article ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.home-news article ul li {

	padding: 5px 0;

}

.home-news article ul li a {

	color: #454545;

}



/* gallery widget */

.gallery-widget {

	padding: 0 4px 4px 4px;

}

.gallery-widget a {

	display: inline-block;

	float: left;

	width: 50%;

	padding: 4px;

	overflow: hidden;

}

.gallery-widget a span {

	background: #fff;

	height: 80px;

	width: 100%;

	display: inline-block;

}

.gallery-widget a img {

	max-width: 100%;

}

/* list supporter */

.list-supporter {

	padding: 15px;

}

.list-supporter .supporter {

	padding: 10px 0;

	border-bottom: 1px dotted #848893;

}

.list-supporter .supporter label.name {

	color: #bb8d73;

}

/* -------------------------------------------------------------

--- Libs -------------------------------------------------------

---------------------------------------------------------------- */





.search-field {

    background: #f8f8f8;

    border: #e3e3e3 1px solid;

    -moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;

    color: #333;

    margin: 0;

    padding: 5px;

}

::-webkit-input-placeholder {

   font-weight: normal;

}



:-moz-placeholder { /* Firefox 18- */

   font-weight: normal;

}



::-moz-placeholder {  /* Firefox 19+ */

   font-weight: normal;

}



:-ms-input-placeholder {

   font-weight: normal;

}

.search-submit {

	-webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-color: #7e7e7e;

    border: none;

    border-radius: 4px;

    -moz-border-radius: 4px;

    -webkit-border-radius: 4px;

    color: #fff;

    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);

    cursor: pointer;

    display: inline-block;

    font-size: 15px;

    line-height: 1.5;

    margin: 0;

    padding: 5px 20px;

    text-align: center;

    text-decoration: none;

}

/* footer social */

.social-link {

	padding: 5px 0;

	position: fixed;

    top: 20%;

    left: 5px;

    width: 35px;

}

.social-link a {

	margin-bottom: 2px;

	background: #ffffff;

	display: inline-block;

	width: 35px;

	height: 35px;

	text-align: center;

	line-height: 35px;

	color: #fff;

	padding: 0;

}

.social-link a:hover {

	color: #454545;

	background: #ddd;

}

.social-link a i {

	font-size: 20px;

}

.social-link .btn-facebook {

	background: #3a589b;

}

.social-link .btn-rss {

	background: #fd9f13;

}

.social-link .btn-twitter {

	background: #28aae0;

}

.social-link .btn-youtube {

	background: #cf3427;

}

.social-link .btn-google-plus {

	background: #da6245;

}

.social-link .btn-flickr {

	background: #025FE0;

}

.social-link .btn-linkedin {

	background: #0085AF;

}