/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*Start code css nút xem thêm thu gọn nội dung phần mô tả sản phẩm*/
	<style>
	html {
		scroll-behavior: smooth;
	}

	/*body #tab-description { /*ẩn nội dung phần mô tả,//div chứa phần mô tả*/
	/*.panel.entry-content{
		height: 350px;
		padding-bottom: 80px;
		overflow: hidden;
	}*/

	/*body .tab-panels { /*div mẹ của div tab-description*/
	/*body #tab-description {*/
	.panel.entry-content{
		position: relative !important;
	}

	#shViewMoreBtnWrapper { /*phần nền mờ dần*/
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 25%, rgba(255, 255, 255, 0.75) 50%, rgba(255, 255, 255, 0.8) 55%, #fff 100%);
		text-align: center;
		padding: 50px; /*chiều cao phần làm mờ*/
		width: 100%;/*chiều rộng phần làm mờ*/
		position: absolute;
		z-index: 9;
		left: 0;/*khoảng cách phần nền mờ so với cạnh trái của phần mô tả*/
		right: 0; /*khoảng cách phần nền mờ so với cạnh phải của phần mô tả*/
		bottom: 0; /*khoảng cách phần nền mờ so với cạnh dưới của phần mô tả*/
		box-sizing: border-box;

	}

	#shViewMoreBtn { /*nút bấm*/
		padding: 8px 30px; /*chiều cao và rộng của nút*/
		border: 1px solid #277cea;
		color: #277cea;
		background-color: #fff;
		font-weight: 500;
		border-radius: 10px; /*bo viền cong 4 góc*/
		box-sizing: border-box;
		text-transform: initial;
		top: 50px; /*khoảng cách nút bấm so với cạnh trên của phần mô tả*/
	}
		#shViewMoreBtn2 { /*nút bấm*/
		padding: 8px 30px; /*chiều cao và rộng của nút*/
		border: 1px solid #d26e4b;
		color: #d26e4b;
		background-color: #fff;
		font-weight: 500;
		border-radius: 10px; /*bo viền cong 4 góc*/
		box-sizing: border-box;
		text-transform: initial;
		top: 50px; /*khoảng cách nút bấm so với cạnh trên của phần mô tả*/
	}
		#shViewMoreBtn3 { /*nút bấm*/
		padding: 8px 30px; /*chiều cao và rộng của nút*/
		border: 1px solid #d26e4b;
		color: #d26e4b;
		background-color: #fff;
		font-weight: 500;
		border-radius: 10px; /*bo viền cong 4 góc*/
		box-sizing: border-box;
		text-transform: initial;
		top: 50px; /*khoảng cách nút bấm so với cạnh trên của phần mô tả*/

	}
	#shCaret { /*mũi tên*/
		width: 30px;
		height: 30px;
		margin-left: 5px;
	}
	#shCaret2 { /*mũi tên*/
		width: 20px;
		height: 20px;
		margin-left: 10px;
	}
	#shCaret3 { /*mũi tên*/
		width: 20px;
		height: 20px;
		margin-left: 10px;
	}

/**/

	</style>
/*End code css nút xem thêm thu gọn nội dung phần mô tả sản phẩm*/
/*test*/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/*---------------------------------*/