/*

Theme Name: Viacom - Web ban hang

Theme URI: http://viacom.com.vn

Version: 1.0

Description: (Child theme for vietmoz-wp)

Author: viacom

Author URI: http://viacom.com.vn

template: vietmoz-wp

*/

body:not(.home) #primary {

	background: #fff;

	padding: 10px;

}

.home #primary {

	padding: 0;

}

.home #primary main {

	background: #fff;

	padding: 10px;

}

header#masthead > .container {

}

.home .sslider {

	margin-bottom: 10px;

	border: 0px solid #fff;

}

.home-desc h1, .home-desc h2, .home-desc h3, .home-desc h4, .home-desc h5, .home-desc h6 {

	margin-top: 0;

}

.home-desc {

	margin: 0 0 20px 0;

}

.home-desc h2 a {

  color: #fff;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: bold;

  display: block;

  padding: 10px 8px;

}

.home-desc img {

	box-shadow: 0px 0px 1px #D6D6D6;

}

/* Web bán hàng */

.page-template-home-ban-hang main .sslider {

	margin-bottom: 20px;

}

.woocommerce ul.products li.product a img {

  box-shadow: 0px 0px 1px #D6D6D6;

  overflow: hidden;

  border: 1px solid #ddd;

  transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  margin-bottom: 0.5em;

}

.woocommerce ul.products li.product:hover a img {

	box-shadow: 0px 0px 2px rgba(34, 145, 230, 0.52);

 	border: 1px solid #8BC5F1;

}

.woocommerce ul.products li.product h3 {

	text-align: center;

	line-height: 1.5em;

	font-weight: bold;

	font-size: 0.9285714285714286em;

	padding: 0;

}

.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price ins {

	text-align: center;

	font-size: 1em;

	font-weight: bold;

	color: #DA1C5C !important;

}

.woocommerce ul.products li.product .price del {

	font-size: 0.85em;

	color: #2291e6;

}

.woocommerce ul.products li.product .price ins {

	text-decoration: none;

	color: #DA1C5C;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

	margin-bottom: 1em;

}

.home-products .item h2 {

	margin: 0 0 15px;

}

.home-products .item h2 a {

	background: #16a085;

	color: #fff;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: bold;

	display: block;

	padding: 10px 8px;

}

.home-products .item:nth-child(4n+2) h2 a {

	background: #D33727;

}

.home-products .item:nth-child(4n+3) h2 a {

	background: #04A548;

}

.home-products .item:nth-child(4n+4) h2 a {

	background: #FF5F25;

}

.home-products .item:last-child ul.products {

	margin-bottom: 0;

}

/*archive*/

.archive.woocommerce .page-title {

	font-weight: 700;

	font-size: 20px;

	text-transform: uppercase;

	color: #555;

	float: left;

	margin: 0;

	padding: 4px 0 0;

}

.woocommerce .woocommerce-ordering select {

	padding: 5px;

	text-transform: uppercase;

	font-size: 12px;

}

.archive.woocommerce ul.products {

	padding-top: 20px;

	border-top: 1px solid #eee;

}

.archive-img {

	margin-bottom: 1em;

}

.woocommerce-pagination {

	padding-top: 15px;

	border-top: 1px solid #eee;

}

.woocommerce nav.woocommerce-pagination ul, .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {

	border: none !important;

}

.woocommerce .woocommerce-pagination ul.page-numbers li a {

	margin: 0 3px;

	width: 28px;

	height: 28px;

	border: 1px solid #3498db;

	border-radius: 4px;

	text-align: center;

	line-height: 26px;

	padding-top: 0;

	padding-bottom: 0;

}

.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {

	width: 28px;

	height: 28px;

	border-radius: 4px;

	border: 1px solid #3498db;

	margin: 0 3px;

	background: #3498db !important;

	color: #fff !important;

}



/*single*/

.woocommerce div.product div.images img {

  	box-shadow: 0px 0px 3px #D6D6D6;

	border: 1px solid #eee;

}

.woocommerce div.product .product_title {

	text-transform: uppercase;

	font-weight: bold;

	font-size: 18px;

	line-height: 28px;

	color: #DA1C5C;

	margin-bottom: 10px;

	border-bottom: 1px solid #eee;

	padding-bottom: 5px;

}

.woocommerce div.product p.price del, .woocommerce div.product span.price del {

	font-size: 12px;

	font-weight: bold;

	margin: 5px 0;

}

.woocommerce div.product .price span.lab {

	font-size: 18px;

	color: #444;

	margin-right: 10px;

	display: block;

}

.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {

	text-decoration: none;

	margin: 5px 0;

	font-size: 26px;

}



.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {

	font-size: 13px;

	line-height: 18px;

	margin-bottom: 0;

}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {

	margin-bottom: 1em;

}

.product_meta {

	display: none;

}

div.product div.summary div[itemprop="description"] {

	border-bottom: 1px solid #eee;}

div.product div.summary div[itemprop="description"] ul {

	list-style: none;

	padding-left: 0;

}

div.product div.summary div[itemprop="description"] ul li {

	font-size: 13px;

	color: #333;

}

div.product div.summary div[itemprop="description"] ul li:before {

	background: #F19B29;

	width: 5px;

	height: 5px;

	content: '';

	display: inline-block;

	border-radius: 100%;

	vertical-align: middle;

	margin-right: 12px;

}

.muahang > div[class*="col-"] {

	padding-top: 10px;

}

.woocommerce div.product form.cart div.quantity {

	display: block;

	float: none;

	margin-bottom: 10px;

	margin-right: 0;

}

.woocommerce div.product form.cart .button {

	float: right;

}

.woocommerce .quantity .qty {

	padding: 4px;

	border: 1px solid #B0A7A7;;

}

button.single_add_to_cart_button.button.alt {

	padding: 12px;

	text-transform: uppercase;

}

button.single_add_to_cart_button.button.alt i {

	font-size: 20px;

	line-height: 14px;

	vertical-align: bottom;

	margin-right: 6px;

}

.woocommerce div.product .woocommerce-tabs ul.tabs {

	display: none;

}

.woocommerce div.product form.cart {

	margin-bottom: 0;

}

.title-section {

	text-transform: uppercase;

	font-weight: bold;

	border-bottom: 1px solid #ddd;

	padding: 4px 0;

	margin-bottom: 15px;

}

.title-section span {

	border-bottom: 3px solid #3498DB;

	padding: 3px 0;

}

.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {

	width: 22.15%

}

.woocommerce div.product p.price > span.amount {

	font-size: 26px;

	font-weight: bold;

	margin: 10px 0;

	display: block;

}



/*cartpage*/

/* Cart page */

.woocommerce-cart .entry-title {

	text-align: center;

}

.woocommerce table.shop_table, .woocommerce-page table.shop_table {

  border-radius: 0;

  border: none;

}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {

  /*font-weight: 600;*/

  text-transform: uppercase;

  text-align: right;

}

.woocommerce table.shop_table th.product-name {

  text-align: left;

}

.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {

  text-align: right;

}

.woocommerce table.shop_table td.product-thumbnail, .woocommerce table.shop_table td.product-name {

  text-align: left;

}

.woocommerce table.shop_table td.product-quantity .quantity {

  float: right; 

}

.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {

  width: 90px;

}

.woocommerce table.cart td a {

  color: #333;

  text-transform: uppercase;

  /*font-weight: 600;*/

  font-size: 16px;

}

.woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation {

  font-size: 12px;

  margin: 10px 0 10px;

  color: #666;

}

.woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd {

  margin-bottom: 0px;

}

.woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text {

  font-size: 11px;

  vertical-align: middle;

}

.woocommerce table.cart td .coupon input.button, input[name="update_cart"], input[name="proceed"] {

  background: #666 !important;

  color: #fff !important;

  text-transform: uppercase;

  font-weight: 600 !important;

  font-size: 12px !important;

}

.woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals tr td {

	text-align: right;

	padding-right: 20px;

}

input[name="proceed"] {

  background: #D95454 !important;

  border-color: transparent !important;

}

.woocommerce table.cart td .coupon input.button:hover, input[name="update_cart"]:hover {

  background: #333 !important;

}

.cart_totals h2 {

  text-transform: uppercase;

  font-size: 15px;

  /*font-weight: 600;*/

}

.woocommerce .cart-collaterals .cart_totals table, .woocommerce-page .cart-collaterals .cart_totals table {

	width: 100%;;

}

.woocommerce .cart-collaterals .cart_totals table td, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table th {

  font-weight: 400;

  font-size: 13px;

}



ul.products .pif-has-gallery:hover .secondary-image {

  opacity: 1;

}



@media screen and (max-width: 768px) {

	#primary {

	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

		width: 48% !important;

	}

	.archive.woocommerce .page-title {

		float: none;

		text-align: center;

	}

	.woocommerce .woocommerce-ordering {

		float: none;

		margin-left: auto;

		text-align: center;

	}

	.muahang > div[class*="col-"] {

		text-align: center;

	}

	.woocommerce div.product form.cart .button {

		float: none;

	}

}

@media screen and (max-width: 321px) {

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

		width: 100% !important;

	}

}