/*
Theme Name: Dược phẩm
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*css header menu*/
div#masthead ul li.menu-item:not(:last-child) {
    margin-right: 40px;
}

div#masthead ul li.menu-item a.nav-top-link {
    color: #000;
    font-size: 14px;
	font-weight: 500;
}

ul.nav-dropdown.nav-dropdown-default {
    border: 1px solid #e9e6e6;
    border-radius: 6px;
    padding: 10px;
}


/* css popup cart */
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
    background-color: #fff !important;
    width: 350px
}

.cart-popup-title.text-center h4 {
    font-weight: 700;
}

div#cart-popup td.product-thumbnail img, div#cart-popup ul.product_list_widget li img {
    border-radius: 5px;
}

div#cart-popup .variation dd, .variation dl, .variation dt {
    float: left!important;
    padding: 2px 0;
    margin: 0;
}

div#cart-popup dl.variation {
    opacity: 1 !important;
}

div#cart-popup dd.variation-SelectStyle, div#cart-popup dd.variation-SelectyourStyle, div#cart-popup dd.variation-Style {
    color: #ff642e;
    font-weight: 700;
}

div#cart-popup dd.variation-ColorGroup {
    color: #008b8b;
    font-weight: 700;
}

div#cart-popup dd.variation-Size {
    color: #63af1a;
    font-weight: 700;
}

div#cart-popup .shop_table .mobile-product-price, div#cart-popup ul.product_list_widget li .quantity {
    clear: both;
}

div#cart-popup dd.variation-SelectyourStyle img {width: 60px !important;}

div#cart-popup .variation dt {
    font-weight: 700;
}

div#cart-popup .wcpa_cart_type_image-group {
    margin: 0;
}

.wc-forward, a.button.checkout.wc-forward {
    font-size: 17px;
    padding: 7px 0;
}

.off-canvas-cart .button.wc-forward:not(.checkout):not(.checkout-button) {
    border-radius: 5px;
}

#place_order, .cart-checkout, .dddddd, .off-canvas-cart .button.checkout, .single-product .single_add_to_cart_button, .wbs-button-check, .woocommerce-cart .single_add_to_cart_button, .brnhmbx-bfm-button {
    border-radius: 4px;
    background-color: #ff4a3c!important;
}

.noPadding {
    padding-bottom: 0 !important;
}


.home-about h2 {
    text-align: center;
    font-size: 45px;
    font-weight: 500;
}

.home-about p {
    text-align: justify;
}

/* css trang chi tiet san pham */
.product-main {
    padding-top: 25px !important;
}

button.single_add_to_cart_button.button.alt.wp-element-button.wcpa_even_binded {
    font-size: 20px;
}

.product-info .price bdi {
    color: red;
}

.product-info .price del bdi {
    color: #000;
    font-size: 20px;
}


/* css sidebar */
ul.product_list_widget {
    background: #f1f1f1;
    border-radius: 8px;
    padding: 10px 10px 10px 12px;
}

span.product-title {
    font-size: 14px;
}

ul.product_list_widget img {
    border-radius: 4px;
}

/* css footer product */
.product-footer .woocommerce-tabs {
    border-top: 0 !important;
	padding-top: 0 !important;
}

.single-product ul.tabs.wc-tabs.product-tabs {
    border: 1px solid #aaa;
    border-bottom: 0;
    background: #cfc2c22b;
    padding: 4px 4px 0 4px;
    border-radius: 6px 6px 0 0;
}

.single-product .tabbed-content .nav-tabs>li a  {
    border: 1px solid #d3d3d3;
    border-radius: 5px 5px 0 0;
    background: #ffffff59;
    overflow: hidden;
}

.single-product .nav-tabs > li.active > a {
    border-bottom: 0 !important;
    background: #fff;
}

.single-product .nav-tabs > li > a {
    font-size: 12px;
    font-weight: 600;
    padding: 8px 6px 6px 6px;
    line-height: 16px;
    overflow: hidden;
    border: 0;
    color: #000;
}

.single-product .nav-tabs+.tab-panels {
    border-top: 0 !important;
}

.single-product .tabbed-content .nav-tabs>li.active {
    border-bottom: 0;
    margin-bottom: 0;
}

.box-text.box-text-products {
    padding-left: 0;
    padding-right: 0;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    font-size: 14px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (min-width: 992px) {
	.row-divided.row-reverse>.col+.col:not(.large-12) {
		border-right: 0 !important;
	}

	div#product-sidebar {
		margin-top: 25px;
		padding-left: 0;
	}
}

@media (max-width: 767px) {
	.product-main .large-6.col {
		padding-bottom: 4px;
	}
}

@media (max-width: 548px) {
	.product-main {
		padding-top: 12px !important;
	}
	.product-main, .product-info {
		padding-bottom: 0 !important;
	}
	/* 	css product footer */
	.single-product .tabbed-content .nav-tabs>li {
		width: 50%;
		float: left;
	}
	.single-product .nav-tabs+.tab-panels {
		padding: 10px;
	}
}



@media (min-width: 850px) {
	/*css header menu*/
	input#woocommerce-product-search-field-0 {
		border-width: 2px;
		border-color: #222;
		height: 48px;
		padding: 0 20px;
		font-size: 16px;
	}
	
	input#woocommerce-product-search-field-0:focus {
		background-color: #fff;
	}

	button.ux-search-submit.submit-button {
		right: 12px;
		font-size: 16px;
	}
	
	/* 	css header bottom */
	div#wide-nav {
		border-bottom: 2px solid #cccc;
	}

	.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
		border-bottom-color: #fff;
	}

	ul.nav-dropdown.nav-dropdown-default li a {
		color: #000;
		font-size: 14px;
		border-bottom: 0;
		padding: 8px 0px;
		display: block;
		width: 100%;
	}

	ul.nav-dropdown.nav-dropdown-default li a {
		margin: 0  !important;
		border-radius: 6px;
		padding-left: 8px;
		transition: .5s ease-in-out;
	}

	ul.nav-dropdown.nav-dropdown-default>li:hover>a {
		background: #222;
	}

	ul.nav-dropdown.nav-dropdown-default>li:hover>a {
		color: #fff;
	}
	
	.nav-dropdown.nav-dropdown-default>li {
		margin-right: 0 !important;
	}

	.sub-menu.nav-column.nav-dropdown-default>li {
		margin-right: 0 !important;
	}

	.sub-menu.nav-dropdown>li.nav-dropdown-col {
		min-width: 180px;
	}
}
  
	
@media (max-width: 768px) {
	/* 	css menu */
	.mobile-sidebar .nav-sidebar, .sub-menu.nav-sidebar-ul, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu {
		padding-top: 0 !important;
	}

	.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul>li:not(.nav-slide-header)>a, ul.sub-menu.nav-sidebar-ul.is-current-slide li a {
		color: #000 !important;
		text-transform: initial !important;
		font-weight: 500 !important;
	}

	input#woocommerce-product-search-field-2, input#woocommerce-product-search-field-1 {
		border-radius: 4px;
		height: 42px;
		background-color: #fff;
		font-size: 15px
	}

	input#woocommerce-product-search-field-2:focus, input#woocommerce-product-search-field-1:focus {
		border: 2px solid #222;
	}

	.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul>li:not(.nav-slide-header)>a, ul.sub-menu.nav-sidebar-ul.is-current-slide li a {
		padding: 10px;
	}
	
	ul.sub-menu.nav-sidebar-ul.is-current-slide li {
		border-top: 1px solid #ececec;
		margin-bottom: 0;
		margin-top: 0;
		transition: background-color .3s;
	}

	ul.sub-menu.nav-sidebar-ul.is-current-slide li a {
		font-size: .8em;
	}

	.nav-slide-header .toggle {opacity: 1;}
}

@media (max-width: 549px) {
	/* 	css menu */
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		width: 88% !important;
	}
	section.section.footer.myfooter {
		padding: 0;
	}
	section.section.footer.myfooter .noPadding {
    padding-bottom: 20px !important;
}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}