@import 'cart.css';

img, iframe {max-width: 100%;}
a, a:hover, a:focus {text-decoration: none;}
:focus, a:focus {outline: none;}

/* theme */
.navbar-brand > img {max-width: 64px;}
.caption > .title {display: block; font-weight: 600;}
.caption > .title, .item-label, .item-price, .item-tag, .item-add-cart, .item-product-tag, .item-rating, .item-description, .item-meta {margin-bottom: 10px;}
.festival-banner .container > img {max-width: 100%; display: block; height: auto;}
/* .form-control {padding: 5px 10px; height: 30px; font-size:12px; line-height: 1.5; border-radius: 3px;} */
.item-readmore {display: inline-block;}
.no-sidebar .content > section {padding-bottom: 30px;}

/* single content */
.single-content .item-meta .label {font-size: 13px; font-weight: 500;}
.single-content .item-post-tag {padding: 15px 0;}
.single-content .item-post-tag .title {display: inline-block; vertical-align: middle;}

/* thumbnail */
.thumbnail { padding: 0;}
/* .thumbnail .caption {padding: 10px 0;}
.thumbnail .item-image {display: block; position: relative;} */

/* button */
/*
.btn[disabled] {background-color: #eee; color: #777; opacity: 1;}
.btn[disabled]:hover {background-color: #dfdfdf;}
.btn {padding: 7px 10px; font-size: 12px; line-height: 1.2; border-radius: 3px;}
*/
.btn-facebook {background-color: #3b5999; color: #fff;}
.btn-facebook:hover, .btn-signin:hover, .btn-register:hover {color: #fff;}
.btn-signin {background-color: #337ab7; color: #fff;}
.btn-register {background-color: #222; color: #fff;}
.btn-cart {background-color: #337ab7; color: #fff;}
.btn-cart:hover {color: #fff;}
.btn-buy-now {background-color: #222; color: #fff;}
.btn-buy-now:hover {color: #fff;}

/* language */
.language .item-lang {width: 18px;}
.language .dropdown-menu {min-width: 200px;}
.language .dropdown-menu > li > a {white-space: normal;}
.language.open .dropdown-menu > li > a {padding: 2px 10px;}

/* navbar menu */
.navbar-main {background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.2); border: 0; border-radius: 0; margin-bottom: 40px;}
.navbar-main .navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px;}
.navbar-main .menu-nav {padding: 32px 0;}
.navbar-main .menu-nav, .navbar-main .menu-nav .account-nav {float: right;}
.navbar-main .account-nav .navbar-nav {margin: 0;}
.navbar-header {float: left;}
.navbar-brand {height: auto;}
.navbar-fixed-top.navbar-main .navbar-collapse {margin: auto;}
.navbar-fixed-top .menu-nav {padding: 10px 0;}
.navbar-fixed-top .navbar-brand {padding: 10px;}
.navbar-fixed-top .navbar-brand img {max-width: 32px; transition: all 0.3s linear;}
.navbar-main .menu-nav .navbar-nav > li > .dropdown-menu {position: absolute; top: 100%; left: auto; right: 0; z-index: 1000; float: left; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box;}
.btn-navbar-toggle {margin: 0 0 0 15px; padding: 4px 5px 0 0;}

/* account nav */
.account-nav .navbar-nav > li {float: left;}
.user-profile-avatar > img {max-width: 20px; float: left; margin-right: 10px;}
.widget-sidebar .user-profile-avatar > img {max-width: 70px;}
.user-profile-menu {margin-bottom: 0;}
.user-profile-menu > li {line-height: 24px;}
.user-profile-menu > li a {color: #222;}
.user-profile-manage .nav-tabs > li {border: 0;}
.user-profile-manage .nav-tabs > li a {background-color: transparent; border-radius: 0; border: 0; color: #222;}
.user-profile-manage .nav-tabs > li.active >a , .user-profile-manage .nav-tabs>li.active>a:hover, .user-profile-manage .nav-tabs>li.active>a:focus {border: 0; background-color: #286090; color: #fff;}
.user-profile-manage .nav-tabs > li > a:hover {border: 0; background-color: #286090; color: #fff;}

/* footer */
.footer {background-color: #eee; padding-top: 60px;}
.footer-nav {background-color: #222;}
.footer-nav .navbar {margin-bottom: 0;}
.footer-nav .nav > li > a:hover, .footer-nav .nav > li > a:focus {background-color: transparent;}
.widget-footer .widget-box .widget-box-head .title {margin-bottom: 25px;}

/* modal login */
.member-form .remember {float: left; margin: 0 0 30px; color: #aaa;}
.member-form .forgot-password {float: right; color: #aaa;}
.member-form .btn-action {clear: both;}
.member-form .btn-action .btn, .member-form .modal-footer .btn {display: block; text-align: center; width: 100%;}
.member-form .modal-footer {text-align: center;}


/* hero banner */
.hero-banner {margin-top: -40px;}
.hero-banner .site-cover-bg .slick-dots {bottom: 0;}
.hero-banner .site-cover-bg .slick-arrow {z-index: 10; width: auto; opacity: 0; transition: all 0.4s linear;}
.hero-banner .site-cover-bg .slick-prev {left: -10%;}
.hero-banner .site-cover-bg .slick-next {right: -10%;}
.hero-banner .site-cover-bg .slick-prev:before, .hero-banner .site-cover-bg .slick-next:before {font-size: 50px; font-family: 'FontAwesome';}
.hero-banner .site-cover-bg:hover .slick-arrow {opacity: 1}
.hero-banner .site-cover-bg:hover .slick-prev {left: 5%;}
.hero-banner .site-cover-bg:hover .slick-next {right: 5%;}
.hero-banner .site-cover-bg .slick-prev:before {content: '\f190';}
.hero-banner .site-cover-bg .slick-next:before {content: '\f18e';}
.hero-banner .slick-dotted.slick-slider {margin-bottom: 0;}

/* page header */
.page-header, .section-header {margin: 30px 0 12px; position: relative;}
.page-header > .title, .section-header > .title {font-weight: 600; font-size: 18px;}
.page-header > .view-all {position: absolute; font-size: 12px; right: 0; top: 3px;}
.title {font-size: 14px; font-weight: 600;}

/* register */
/*
.register .page-header {text-align: center;}
.register .register-form, .forget-password-form {border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 5px;}
.register .register-form .form-group {margin-bottom: 20px;}
.register .register-form .btn-register {display: block; width: 100%;}
.register .register-facebook {text-align: center; border-bottom: 1px solid #eee; padding: 25px 0;}
.register .register-facebook .sub-title {margin-bottom: 10px;}
.register .register-facebook .btn-facebook {padding: 10px 15px;}
.register .register-facebook .fa {font-size: 16px; margin-right: 10px;}
.register .register-default, .forget-password-form form {padding: 15px;}
.register .register-default .item-avatar {text-align: center;}
.register .register-default .glyphicon-user {font-size: 32px; color: #fff; background-color: #aaa; padding: 20px; border-radius: 50%; margin-bottom: 10px;}
.register .register-default .item-avatar label {display: block; margin-bottom: 10px;}
*/

/* breadcrumb */
.breadcrumb {background-color: transparent; padding: 0; font-size: 14px;}

/* layout view */
.layout-switch {float: right;}
.layout-switch .btn {box-shadow: none; color: #ddd; padding: 4px;}
.layout-switch .btn:hover {color: #222;}
.layout-switch .btn .fa {font-size: 18px;}
.layout-switch .btn.active {color: #222;}

/* grid */
/* .layout-view-grid > .row {display: flex; flex-flow: row wrap;} */

/* list */
.layout-view-list .item .thumbnail .item-image, .layout-view-list .item .thumbnail .caption {float: left;}
.layout-view-list .item .thumbnail:before, .layout-view-list .item .thumbnail:after {content: ''; display: table; clear: both;}


/* product */
/*
.label {color: #222; background-color: #eee; font-size: 12px;}
.label:hover {background-color: #222; color: #fff;}
*/
.item-price .regular-price {color: #aaa;}
.item-price .discount-price, .item-price .sale-price {color: #d32f2f;}
.item-rating .fa-star {color: #FBC02D;}
.item-share .share > span {display: inline-block; vertical-align: top;}
.item-tag-category, .item-post-image {margin-bottom: 20px;}

/* product detail page */
.module-product.single-content .item-meta .item-post-category {display: block;}
.module-product.single-content .item-meta {margin: 30px 0; padding: 10px 0;}
.module-product.single-content .item-meta > li {padding: 0;}
.module-product.single-content .item-meta > li + li {margin: 10px 0 0;}
.module-product.single-content .item-product-detail > .title {font-size: 18px; margin-bottom: 10px;}
.module-product.single-content .item-product-detail .item-meta {margin: 0 0 15px; border: 0; padding: 0; font-size: 12px;}
.module-product.single-content .item-product-detail .item-meta .item-rating {margin-bottom: 0;}
.module-product.single-content .item-product-detail .item-meta .item-review {color: #aaa;}
.module-product.single-content .item-product-detail .item-meta .item-rating, .module-product.single-content .item-product-detail .item-meta .item-review {display: inline-block;}
.module-product.single-content .item-product-detail .item-price {font-size: 18px; margin-bottom: 15px;}
.module-product.single-content .item-product-detail .item-price > div {display: inline-block;}
.module-product.single-content .item-product-detail .item-feature {margin-bottom: 20px;}
.module-product.single-content .item-product-detail .item-feature > a {color: #222; font-size: 12px; background-color: #eee; padding: 6px 10px;}
.module-product.single-content .item-product-detail .product-count {margin-bottom: 10px;}
.module-product.single-content .item-product-detail .item-feature > a + a {margin-left: 10px;}
.module-product.single-content .item-product-detail .item-feature .item-favourite > .fa-heart {color: #ff3300;}
.module-product.single-content .item-product-detail .item-feature .item-contact-form > .fa-envelope {color: #5bc0de;}
.module-product.single-content .item-product-detail .add-cart .qty {width: 100px; display: inline-block; margin-right: 5px; vertical-align: bottom;}
.module-product.single-content .item-product-detail .add-cart .qty .title {margin-bottom: 5px;}
.module-product.single-content .item-product-detail .add-cart .add-to-cart {margin-right: 5px;}
.module-product.single-content .item-product-detail .item-feature-list {margin-bottom: 15px;}
.module-product.single-content .item-product-detail .item-feature-list li + li {margin-top: 6px;}
.module-product.single-content .item-product-detail .item-feature-list .item-label {color: #555; font-weight: 600;}
.module-product.single-content .item-detail {padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 25px;}
.module-product.single-content .item-description .section-header {margin-bottom: 20px;}
.module-product.single-content .item-description .section-header .title {font-size: 14px;}
.module-product.single-content .item-tag-category .title, .module-product.single-content .item-tag .title {display: inline-block;}
.module-product.single-content .item-product-photo .slider-thumbnail .item-thumbnail:focus {outline: none;}
.module-product.single-content .item-product-photo .slider-thumbnail .item-thumbnail {margin: 10px 5px;}
.module-product.single-content .item-product-photo .slider-thumbnail .item-thumbnail.slick-current > img {box-shadow: 0 0 0 2px #0288D1;}

/* product list view */
.half .module-product .layout-view-list .item-description {display: none;}
.half .module-product .layout-view-list .item .thumbnail .item-product-tag, .half .module-product .layout-view-list .item .thumbnail .item-product-tag + .item-rating {display: inline-block;}
.module-product .layout-view-list .item .thumbnail .item-price .discount-price,
.module-product .layout-view-list .item .thumbnail .item-price .regular-price {display: inline-block;}

/* product grid view */
.module-product .layout-view-grid .item-description {display: none;}

/* module gallery */
.module-gallery.album .caption > .title {margin-bottom: 0;}

/* cart top menu*/
.cart-top .dropdown-menu {min-width: 400px;}
.cart-top .result .empty-cart .fa-shopping-bag {font-size: 2em; margin-right: 10px; vertical-align: middle;}
.cart-top .result .empty-cart {text-align: center; padding: 20px 0;}
.cart-top .result .item {padding: 10px; border-bottom: 1px solid #eee;}
.cart-top .result .item-price {margin-bottom: 0;}
.cart-top .result .item-qty {margin-bottom: 5px; display: block;}
.cart-top .result .thumbnail {position: relative; margin-bottom: 0; border: 0; padding: 0; border-radius: 0;}
.cart-top .result .caption {padding: 0 25px 0 0;}
.cart-top .result .delete {position: absolute; top: -1px; right: 0;}
.cart-top .result .action-has-item {text-align: center; padding: 10px 0 5px;}
.cart-top .result .action-has-item .btn {display: block; margin: 0 10px;}

/* search */
.search .search-form {width: 300px; padding: 5px 10px;}

/* other feature */
.item-meta > li {display: inline-block; margin-right: 8px;}

/* widget sidebar */
.sidebar {padding-top: 20px;}
.widget-box {margin-bottom: 25px;}
.widget-box .widget-box-head .title {font-weight: 600; margin-bottom: 10px;}
.widget-box .item-meta {margin-bottom: 0;}
.widget-box .item-meta > li {font-size: 10px;}
.widget-box .item-content .title {margin-bottom: 5px; display: block; font-weight: 600;}

.widget-article-recent .item-image, .widget-news .item-image {display: inline-block; width: 80px; margin-right: 10px;}
.widget-article-recent .item-image img, .widget-news .item-image img {max-width: 100%; display: block; height: auto;}
.widget-article-recent .item-content, .widget-news .item-content {display: inline-block; vertical-align: top; width: 65%;}
.widget-article-recent .widget-box-body > .item + .item,
.widget-news .widget-box-body > .item + .item {margin-top: 25px;}

/* widget article */
.widget-article-recent .item-description {display: none;}

/* widget news */
.widget-news .item-description {display: none;}

/* widget menu */
.widget-menu .dropdown-menu > li > a {color: #222;}

/* widget product category */
.widget-sidebar .widget-list-style ul { list-style: none; padding: 0; }
.widget-sidebar .widget-list-style ul li { position: relative; }
.widget-sidebar .widget-list-style ul li a { color: #222; display: block; padding: 10px 0; border-bottom: 1px solid #eee;}
.widget-sidebar .widget-list-style .widget-box-body > ul > li { display: block;}
.widget-sidebar .widget-list-style .widget-box-body > ul > li > a {}
.widget-sidebar .widget-list-style .toggle-menu { float: right; margin-top: 2px; font-size: 16px; transition: all 0.3s linear;}
.widget-sidebar .widget-list-style .active > .toggle-menu {transform: rotateX(180deg);}
.widget-sidebar .widget-list-style .category-dept-0 ul { display: none; }

.widget-sidebar .widget-list-style .widget-box-body span:hover, .widget-sidebar .widget-list-style .widget-box-body .toggle-menu:hover, .widget-sidebar .widget-list-style li:hover:before, .widget-sidebar .widget-list-style ul li .active, .widget-sidebar .widget-list-style .active span:after { color: #168EEA; }

/* widget tag */
.widget-tag .item-tag {background-color: #eee; display: inline-block; padding: 6px 10px; font-size: 12px;}

/* module forum */
.module-forum .item {padding: 10px; background-color: #f9f9f9; border: 1px solid #eee;}
.module-forum .item + .item {margin-top: 10px;}
.module-forum .item-content .title {margin-bottom: 10px; display: block; color: #222;}
.module-forum .item-info .item-date {margin-right: 10px;}
.module-forum .item-info .item-name, .module-forum .item-info .item-date {display: inline-block;}
.module-forum .item-count {text-align: center; padding: 10px; color: #fff;}
.module-forum .item-count .label-title {display: block;}
.module-forum .item-view {background-color: #222;}
.module-forum .item-comment {background-color: #23527c;}
.module-forum.single-content .user-profile,
.module-forum.single-content .user-profile .title,
.module-forum.single-content .item-meta {display: inline-block;}
.module-forum.single-content .user-profile {margin-bottom: 20px; margin-right: 10px;}

/* module tag content */
.module-tag-content .item-tag {display: inline-block; background-color: #eee; padding: 5px 10px 4px;}

/* Responsive */
@media (max-width: 767px) {
	.module-product .item-rating {display: none;}
	.hero-banner .site-cover-bg .slick-prev:before, .hero-banner .site-cover-bg .slick-next:before {font-size: 24px; font-family: 'FontAwesome';}
}
@media (min-width: 768px) {
	.container {width: 100%;}
	.navbar-main .menu-nav .menu-collapse {float: right; clear: none; background-color: transparent; position: relative; top: 0; width: auto;}
	.layout-view-list .item .thumbnail .item-image {padding-right: 10px;}
	.layout-view-list .item .thumbnail .item-image {width: 33.33333%;}
	.layout-view-list .item .thumbnail .caption {width: 66.66666667%; padding: 0 10px 10px;}
	.modal-login .modal-dialog {width: 400px;}
}
@media (max-width: 991px) {
	.navbar-main .menu-nav .menu-collapse.collapse {display: none !important;}
	.navbar-main .menu-nav .menu-collapse.collapse.in {display: block !important;}
	.navbar-main .menu-nav .menu-collapse {clear: both; position: absolute; top: 100%; left: 0; width: 100%; background-color: #eee; z-index: 11;}
	.navbar-main .menu-nav .menu-collapse, .navbar-main .menu-collapse .navbar-nav, .navbar-main .menu-collapse .navbar-nav > li {float: none;}
	.navbar-main .menu-collapse .navbar-nav {padding-top: 15px; padding-bottom: 15px;}
}
@media (min-width: 992px) {
	.navbar-toggle {display: none;}
}
@media (min-width: 1200px) {
	.container {width: 1160px;
}