/*
Theme Name: Song Nhac
Theme URI: https://stores.com.vn
Author: CROLab
Author URI: https://stores.com.vn
Description: A customized theme for Song Nhac by Stores.com.vn
Version: 1.1.5
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Roboto Font */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: url(assets/fonts/Roboto-Light.ttf);
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url(assets/fonts/Roboto-Regular.ttf);
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url(assets/fonts/Roboto-Medium.ttf);
}

@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url(assets/fonts/Roboto-Bold.ttf);
}

/* Customized Elements */
.sc-label {
	padding: 1.75px;
	border-radius: 2.5px;
	position: absolute;
	top: 2.5px;
	right: 2.5px;
	z-index: 999;
	height: 24px;
	line-height: 20px;
}

.sc-label span {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.sc-label  img {
	width: 48px !important;
	height: auto;
}

.sc-success {
	background: transparent;
}


/* Global fonts */
h1, h2, h3, h4 {
	font-family: Roboto !important;
	font-weight: 500;
}

.main-menu a {
	font-family: Roboto !important;
}

#mini-cart .buttons a, .quantity .qty, .single_add_to_cart_button, .shop_table.wishlist_table .add_to_cart.button, .woocommerce table.wishlist_table .add_to_cart.button, ul.products li.product-col .add_to_cart_button, ul.products li.product-col .add_to_cart_read_more, ul.products li.product-col .quickview, .single-product .product-summary-wrap .price, .single-product .yith-wcwl-add-to-wishlist {
	font-family: Roboto !important;
}

button {
	font-family: 'Roboto' !important;
}

/* NEW VERSION EDITOR */
#main {
	padding-top: 16px;
}

/* Home page */
.home .vc_row .vc_column_container .porto-btn {
	font-size: .69em !important;
}

/* Header */
#header {
	border: 0 !important;
}

.header-col>.custom-html a:first-child {
	color: var(--dark) !important;
}

.header-main .header-left {
	flex: 1;
}

.header-main .header-right {
	margin-left: auto;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.header-main .header-left, #header .searchform-popup, #header .searchform .text {
	flex: 1;
}

/* Search Form */
.autocomplete-suggestion img {
	border-radius: 0 !important;
}

/* Navigation */
#header .main-menu .popup li.menu-item a {
	padding: 8px;
}

#header.sticky-header .main-menu-wrap {
	padding: 0;
}

.main-menu li a i {
	font-size: 17px !important;
	min-width: 17px;
}

.main-menu li a i[class^="icon-"] {
	margin-right: .25rem !important;
}

.mega-menu .sub-menu li.menu-item>a>i {
	font-size: 2.6em !important;
	vertical-align: middle;
	margin-right: .75em !important;
	min-width: 36px;
}

#side-nav-panel .accordion-menu .arrow {
	background: var(--primary);
}

/* Searchbox */
.searchform-popup {
	display: inline-block !important;
	text-align: center;
}
.searchform-popup .searchform {
	width: 80%;
	border: 0 !important;
}

#header .header-right .searchform {
	position: absolute;
	min-width: 190px;
}

.searchform-popup a.search-toggle {
	margin-left: auto !important;
}

#header .searchform-fields .text, #header .searchform-fields .text input {
	width: 100% !important;
}


#header .searchform-fields {
	box-shadow: 0 2px 3px rgba(127,127,127,0.11);
	transition: box-shadow ease-in-out .15s;
	border: 2px solid var(--primary);
}

#header .searchform-fields .button-wrap {
	background: var(--primary);
	position: absolute;
	right: 0;
}

#header .searchform-fields .button-wrap i {
	color: var(--white) !important;
	transition: all ease-in-out .15s;
}

#header .searchform-fields:hover {
	box-shadow: 0 3px 7px rgba(127,127,127,0.16);
	transition: box-shadow ease-out .15s;
}


#header .header-contact .nav-top {
	display: flex;
	flex-direction: row;
}

#header .header-contact .nav-top span, #header .header-contact .nav-top a {
	margin: 0;
	padding: 0;
}

#header .header-contact .nav-top li {
	margin-top: auto;
}

#header .header-contact .nav-top li.phone h3 {
	margin-bottom: 0;
}

#header .custom-html li i[class*="sn-"] {
	font-size: 2.75em !important;
}

#header .custom-html h3, #header .custom-html h4, #header .custom-html p, #header .custom-html a, #header .custom-html .list-inline {
	margin-bottom: 0;
}

/* Chrome Menu Overflow Fix */
#header .main-menu {
	overflow: visible !important;
}

/* Store Locations - Footer Hover Effect */
.store-location ul li:hover > a {
	color: #fff !important;
}

/* Header ::before first navigation item */
.mega-menu:before, .mega-menu:after {
	display: none !important;
}

/* Banner Portfolio (Project) */
h2.projects {
	position: relative;
	background: #0083cb;
	max-height: 50px;
}

h2.projects::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #0083cb;
	z-index: 99;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

.porto-recent-portfolios {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin: 0 !important;
}

.portfolio-widget .wpb_wrapper {
	position: relative !important;
}

.portfolio-title {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	z-index: 99;
}

.portfolio-title h3 {
	background-color: none !important;
	background: rgba(0,110,171,.75) !important;
}

.portfolio-title div[class*="porto-btn-"] {
	position: absolute;
	bottom: auto;
	top: auto;
	right: 0;
	width: 100% !important;
}

.portfolio-title a[class*="porto-btn-"] {
	line-height: auto !important;
	margin-right: 16px !important;
	border-radius: 0 0 5px 5px;
}


.portfolio-slider .owl-carousel .owl-nav [class*="owl-"] {
	background-color: rgba(0,0,0,.5) !important;
	height: 40px !important;
	width: 40px !important;
}

.portfolio-slider .owl-carousel .owl-nav [class*="owl-"]:hover {
	background-color: rgba(0,0,0,.9) !important;
}


.portfolio-slider-wrapper, .portfolio-slider, .portfolio-slider-wrapper .vc_column-inner {
	height: 100% !important;
}


.thumb-info.thumb-info-no-borders, .porto-recent-portfolios, .porto-recent-portfolios .owl-stage-outer, .porto-recent-portfolios .owl-stage, .porto-recent-portfolios .owl-item, .portfolio-slide, .portfolio-slide .portfolio-item, .portfolio-carousel, .thumb-info-wrapper, .thumb-info-wrapper .img-responsive {
	height: 100% !important;
	overflow: hidden;
}


.portfolio-slider .thumb-info.thumb-info-no-borders .thumb-info-wrapper {
	min-height: 384px !important;
	width: 100% !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
}

.portfolio-slider .thumb-info.thumb-info-no-borders .thumb-info-wrapper img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	min-height: 450px !important;
	min-width: 800px !important;
}

.portfolio-slide .thumb-info .thumb-info-wrapper:after {
	background: rgba(33,37,41,0.45) !important;
}

.portfolio-slide .thumb-info-title {
	bottom: 0 !important;
}

.portfolio-slide .thumb-info:hover .thumb-info-title {
	background: rgba(0,110,171, .75) !important;
}

/* Homepage */
.products-slider.owl-carousel .owl-stage-outer {
	padding: 10px 0 !important;
}

.sn-cat-icon li.product-category {
	margin: 0 !important;
}

.sn-cat-icon li.product-category a {
	display: block;
	position: relative;
}

.sn-cat-icon .owl-item li a {
	border-top: 1.5px solid #eee;
	border-left: 1px solid #eee;
	border-bottom: 1.5px solid #eee;
	border-right: 1px solid #eee;
	display: block;
	margin: -1px;
}

.sn-cat-icon .product-col {
	padding-right: 0 !important;
	padding-left: 0 !important;
}


.sn-cat-icon .product-category .thumb-info i {
	font-size: 4rem !important;
	transition: all ease-in-out .25s;
}

.sn-cat-icon .product-category:hover span i {
	transform: scale(1.25);
}

.sn-cat-icon .product-category:hover span {
	color: var(--primary);
}

.sn-cat-icon ul.products li.cat-has-icon .thumb-info {
	padding: 16px !important;
	border: none !important;
}

.product-col {
	margin-bottom: 27.5px !important;
}

.product-col .product-inner {
	border: 1px solid #eee;
	background: #fff;
}

.product-col .product-inner:hover {
	border: 1px solid var(--primary);
}

.product-col .product-inner .product-content {
	padding: 8px;
}

.sn-cat-icon ul.products li.product-col h3 {
	font-size: 1.15rem !important;
}

.home .vc_column-inner .vc_row.wpb_row.vc_inner:first-child .vc_column_container {
	padding-left: 0 !important;
}

/* Products Archive */
.breadcrumbs-wrap  {
	margin-top: 8px;
}

.archive-brand {
	margin-bottom: 30px;
}

.archive-brand a {
	display: block;
	border: 1px solid #eee;
	text-align: center;
}

.archive-brand img {
	height: 64px;
	max-height: 64px;
	width: auto;
	max-width: 100%;
}

.archive-brand .slide-cat-name > a.btn {
	border-radius: 3px !important;
	border-color: var(--primary);
	font-size: 0.9rem;
	font-weight: bold;
}


.product-col .product-inner, .product-col .product-inner img {
	transition: all ease-in-out .25s;
}

.product-col .product-inner:hover img {
	transform: scale(1.15) !important;
	transition: transform .25s !important;
}

ul.products li.product:hover .product-image {
	box-shadow: none !important;
}

.brand .pwb-brands-cols-outer {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}

.brand .pwb-brands-cols-outer>div {
	padding: 0 !important;
	border: 1px solid #eee;
	margin-left: -1px;
	margin-bottom: -1px;
	min-height: 1px;
	text-align: center !important;
}

.brand .pwb-carousel .pwb-slick-slide a {
	padding: 16px 8px;
	border: 1px solid #eee;
}

.brand .slick-track {
	margin: 16px 0;
}

.brand .pwb-carousel .pwb-slick-slide {
	margin-left: -1px !important;
	margin-right: -1px !important;
	padding: 1px;
}


/* Single Product */
.single .zoomContainer {
	height: 100% !important;
}
.pwb-single-product-brands a {
	margin: 0.25em;
}

.tab-pwb_tab-content img.size-full {
	max-height: 150px !important;
	height: 150px !important;
}

.single .sidebar-content .widget_text {
	border: 1px solid #ddd;
	padding: 8px;
}

.single .sidebar-content .widget_text .widget-title {
	text-align: center;
	color: var(--danger);
	margin-bottom: 0 !important;
}

.single .sidebar-content .su-accordion {
	padding: .5rem !important;
	margin-bottom: 0 !important;
}

.single .sidebar-content .widget_dsdl p:first-child {
	padding: 0 .5rem !important;
	margin: 0 !important;
}

.single .sidebar-content .su-spoiler-title .su-spoiler-icon {
	width: auto !important;
	height: auto !important;
}

.single .sidebar-content .sidebar-widget.info li {
	padding: 0.5rem !important;
}

.single .sidebar-content .sidebar-widget li {
	padding: 5px 0 !important;
	clear: both;
	overflow: auto;
	display: flex;
    flex-direction: row;
    align-items: center;
}

.single .sidebar-content .sidebar-widget li:not(:last-child) {
	border-bottom: 1px solid #eee !important;
}

.single span.amount {
	color: var(--danger);
}

.single form.cart {
	border-top: none !important;
}

.single form.cart div.quantity {
	display: none !important;
}

.single form.cart button.button {
	margin: 0 !important;
	width: 100% !important;
	background: var(--warning);
	transition: all ease-in-out .25s;
}

.single form.cart button.button:hover {
	background: var(--primary);
	transition: background ease-in-out .25s;
}

.single .sidebar-content .sidebar-widget.reason i {
	min-width: 55px !important;
	min-height: 50px !important;
}

.single .sidebar-content .widget:first-child {
	margin-bottom: 16px !important;
}

.single .sidebar-content .widget:not(:first-child) {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}

.single .sidebar-content .su-spoiler-style-default>.su-spoiler-content {
	padding: 0 !important;
}

.single .sidebar-content .su-spoiler-style-default>.su-spoiler-content ol {
	padding-left: 32px !important;
}

.single .sidebar-content .su-accordion > p {
	margin: 0 !important;
	padding: 0 !important;
	max-height: 0 !important;
}

.single .sidebar-content .su-accordion .su-spoiler {
	margin-bottom: 0 !important;
}

.single-product .product-summary-wrap .description p {
	line-height: 1.15em !important;
}

.single-product .woocommerce-product-rating:after {
	display: none !important;
}

.single-product .woocommerce-product-rating {
	margin-bottom: .5em !important;
}

.single-product .owl-carousel .img-thumbnail, .owl-carousel .owl-nav, .owl-carousel .thumb-info {
	max-width: 100% !important;
	width: 100% !important;
}

/* Archive Brand Carousel */
.brand .slick-slider .slick-arrow {
	display: block;
	position: absolute !important;
	background: var(--primary);
	z-index: 9;
	height: 100%;
	width: 38px;
	line-height: 20px;
	text-align: center;
}
.brand .slick-slider .slick-prev {
	left: 0;
	top: 0;
}

.brand .slick-slider .slick-arrow span {
	display: block;
	color: #fff !important;
}

.brand .slick-slider .slick-next {
	right: 0;
	top: 0;
}

.slick-prev:hover, .slick-next:hover {
	opacity: .9 !important;
}

.pwb-carousel:hover .slick-prev, .pwb-carousel:hover .slick-next {
	opacity: .25;
}

.brand .pwb-brands-cols-outer a img {
	max-height: 64px !important;
	height: 64px !important;
	width: auto !important;
	max-width: 100%;
}

.brand .showMoreCate {
	display: block;
	line-height: 64px;
	min-height: 64px;
	border: 1px solid #eee;
	margin-left: -1px;
	margin-right: -1px;
	text-align: center;
	text-decoration: none;
}

/* Archive brands slider */
.swiper-button-next, .swiper-button-prev {
	color: rgba(0,0,0,.45);
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 16px !important;
}

/* Archive Sidebar */
.pwb-row .pwb-columns {
	padding: 8px;
}

.archive .widget > div > ul li, .archive .widget > ul li, .archive .widget > div > ul, .archive .widget > ul {
	border: none !important;
}

/* About Us - timeline */
.timeline i {
	float: left !important;
	margin: 5px;
	border: 1px solid #eee;
	min-height: 45px;
	min-width: 45px;
	padding: 5px;
	font-size: 2.5em !important;
}

section.timeline .timeline-item-title {
	font-size: 2em !important;
	line-height: 50px !important;
}

/* Woocommerce */
span.price .woocommerce-Price-amount {
	color: var(--danger);
}

span.price del span.woocommerce-Price-amount {
	color: var(--gray);
}

ul.products li.product-col .woocommerce-loop-product__title {
	display: block;
  	display: -webkit-box;
  	max-width: 100%;
  	height: auto;
  	font-size: 14px;
  	line-height: 1;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	overflow: hidden;
  	text-overflow: ellipsis;
	white-space: normal;
	margin: .5em 0;
	line-height: 1.15rem;
}

ul.products li.product-col .product-loop-title {
	width: 100%;
	height: 50px;
	min-height: 40px;
	overflow: auto;
	display: block;
}

/* Single Post */
.wp-caption .wp-caption-text, .wp-caption-dd {
	text-align: center !important;
}

.single-post h2.entry-title {
	line-height: 2.35rem;
}

.single-post h1, .single-post h2, .single-post h3 {
	margin: 0 0 15px 0;
}

/* Partner Logo Section */
.partner-logo img {
	filter: gray; /* IE5+ */
	-webkit-filter: grayscale(1);
	-webkit-transition: all .25s ease-in-out;  
}

.partner-logo img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
}

/* Portfolio AJAX */
.mfp-content .ajax-container .portfolio-title, #portfolioAjaxBox .portfolio-title {
	margin-top: 10px !important;
	min-height: 100px;
}

.mfp-content .portfolio-image {
	margin-top: 100px !important;
}

/* Footer */
div#topcontrol {
	left: 10px !important;
	right: auto !important;
}

/***
* === MOBILE CSS === *
*/

@media only screen and (max-width: 767px) {
	/* HEADER */
	/* Moible Live Search */
	#header .searchform .autocomplete-suggestions {
		top: 0;
		right: 0 !important;
		width: 150% !important;
		position: absolute !important;
		left: auto !important;
		padding: 8px !important;
	}


	ul.products li.product-outimage .add-links .button {
		text-indent: 0 !important;
		width: 100% !important;
	}

	#asl-storelocator.asl-p-cont.asl-template-1 #panel.storelocator-panel {
		display: inline-block !important;
	}

	#header .header-main .container {
		min-height: 1px !important;
	}

	.home-banner:first-child>div.container {
		padding: 0 !important;
	}

	.home-slider .vc_column-inner {
		padding: 0 8px !important;
	}

	.home #main {
		padding-top: 0 !important;
	}

	.searchform-fields .text input {
		font-size: 16px !important;
	}

	.accordion-menu li.menu-item>a>i {
		min-width: 25px;
	}

	.accordion-menu .arrow {
		width: 30px !important;
	}

	.left-sidebar, .right-sidebar {
		margin-top: 35px !important;
	}

	.accordion-menu [class^="icon-"]:before, .accordion-menu [class*=" icon-"]:before  {
		min-width: 20px !important;
	}

	/* Mobile Related Products */
	div.related.products {
		display: none !important;
	}

	/* Footer on mobile */
	.footer-main .row div[class^="col-"]:not(:first-child) .widget-title::after {
		content: "+";
		position: absolute;
		right: 0;
		top: auto;
		bottom: auto;
	}
	.footer-main .row div[class^="col-"]:not(:first-child) .widget .block, .footer-main .row div[class^="col-"]:not(:first-child) .widget .textwidget {
		display: none;
	}

	/* Footer */
	div#topcontrol {
    	display: block !important;
	}
}