/* Header */
.header {  }
.header-top { background: #3c3e46; }
.header-top-user-button { color: #bbb; }
.header-top-user-button:hover { color: #fff; }
.header-top-user-button-icon {  }
.header-logo {  }
.header-logo-image {  }
.header-logo-title { font-size: 18px; font-weight: 400; color: #fff; margin: 0; }

.section-search-form { position: relative; }
.section-search-input { padding:21px; }
.section-search-submit { position: absolute; top: 0; left: 0; width: 44px; height: 44px; line-height: 44px; font-size: 18px; box-shadow: none !important; padding: 0; }
.quicksearch-items { position: absolute; z-index: 100; right: 0; left: 0; border-radius: 5px; background: #fff; box-shadow: 0 15px 20px rgba(0, 0, 0, 0.05); max-height: 45vh; overflow-y: auto; }
.quicksearch-item { display: flex; align-items: center; border-bottom: 1px solid #f5f5f5; padding: 10px; }
.quicksearch-item:last-child { border-bottom: none; }
.quicksearch-item-image { margin-left: 20px; }
.quicksearch-item-image-link { display: block; }
.quicksearch-item-image-element { max-height: 60px; width: auto; }
.quicksearch-item-title { font-size: 14px; font-weight: 400; margin: 0; }
.quicksearch-item-link { color: #444; display: block; }
.quicksearch-item-link:hover { color: #ef4a23; }
@media(max-width: 767px) {
	.quicksearch-item { padding: 5px; }
}

.menu-container { background: #fff; }
.header-basket {  }
.header-basket-button { position: relative; background: #46484f; color: #bbb; }
.header-basket-button:hover { background: #57595f; color: #fff; }
.header-basket-button .fa { color: #bbb; font-size: 20px; }
.header-basket-button .badge {  position: absolute; top: 10px !important; right: 10px; font-size: 63%; height: 15px; line-height: 14px; }
.header-basket-button-divider { display: inline-block; width: 1px; height: 30px; background: #ddd; margin: 0 10px; vertical-align: middle; }
.header-basket-button:after { display: none; }
.header-basket-items { font-size: 14px; padding: 15px; min-width: 300px; text-align: right; }
.header-basket-item { margin-bottom: 15px; border-bottom: 1px solid #eee; position: relative; }
.header-basket-item:after { content: ""; clear: both; display: block; }
.header-basket-items .header-basket-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.header-basket-item-image { float: right; margin-left: 10px; margin-bottom: 10px; }
.header-basket-item-image-link {  }
.header-basket-item-image-element { border-radius: 5px; border: 1px solid #eee; }
.header-basket-item-details { margin-bottom: 10px; }
.header-basket-item-title { font-size: 14px; font-weight: 400; line-height: 1.6; margin-bottom: 5px; }
.header-basket-item-link {  }
.header-basket-item-subtitle { display: block; font-size: 12px; color: #999; }
.header-basket-item-remove { position: absolute; bottom: 5px; left: 0; }
.header-basket-item-price { font-size: 12px; color: #999; margin-bottom: 3px; }
.header-basket-container {  }
.header-basket-link {  }
.header-basket-empty {  }

@media(max-width: 991px) {
	.header-top-link { padding: 0; }
}

.offcanvas-button { width: 46px; height: 46px; line-height: 46px; text-align: center; padding: 0; font-size: 28px; border: none; }
.offcanvas-button i.fa { line-height: 46px; }
/* Sidebar */
.blog-sidebar .card { background-image: url(../images/sidebar-ribbon.png); background-position: calc(100% + 1px) -1px; background-repeat: no-repeat; }
.blog-sidebar .card-header { padding: 25px; }
.blog-sidebar .card-title { margin-bottom: 0; font-size: 1.1rem; }
.blog-sidebar .card-title i.fa { width: 48px; height: 48px; line-height: 48px; text-align: center; background: #fff; color: #ff5e5e; font-size: 20px; vertical-align: middle; margin-left: 15px; border-radius: 50%; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }

/* Responsive */
@media(max-width: 767px) {
	body {  }
	.page-context, .product-context, .post-plain-context, .post-full-context { padding: 20px 0; box-shadow: none; }
}

@media(max-width: 575px) {
	.card-header { padding: 15px 15px 0; }
	.card-body { padding: 15px; }
}

@media(max-width: 374px) {
	.product-buttons { display: block; }
	.product-buttons .btn { display: block; width: 100%; margin-bottom: 15px; }
}