/*
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.   ***************/
body {
	font-size:18px!important;
}
.home_intro_left {
	position:relative;
	z-index:9;
}
.sanpham_khac {
	.img {
		border-radius:16px;
		overflow:hidden;
		.caption {
			font-size:18px;
			background:rgba(0,0,0,.7);
		}
	}
}
.pum-theme-lightbox {
	.popmake  {
		border: none;
        padding: 0;
		padding: 0;
		border-radius: 0 !important;
		background: none;
		box-shadow: none;
		.pum-content {
			border: none;
			padding: 0;
		}
		.pum-close {
			display: block;
            width: auto;
            margin: 0;
            bottom: 20px;
            top: unset;
            right: 30px;
            font-size: 14px;
            text-decoration: underline;
            border: none;
            background: none !important;
            box-shadow: none;
			font-style:italic;
		}
	}
}
.single-post {
	.post-item {
		.post-title {
			>a {
				color:#141212!important;
			}
		}
	}
}
.thuvien_list {
	>.col {
		padding-bottom:15px;
		.box {
			.box-image {
				.overlay {
					background:none!important;
				}
			}
			.box-text {
				padding-bottom:0px;
				background: linear-gradient(180deg, rgba(0, 0, 0, 0) 5.22%, rgba(0, 0, 0, 0.671263) 65.27%, #000000 100%);
				.post-title {
					min-height:auto;
				}
			}
		}
	}
}
.about_vethuonghieu .sanpham_thanhphan {
	#vertical_thum_resp_slider_main  {
		margin:0;
		.bx-wrapper- {
			max-width:100%!important;
			margin:0!important;
			div.bx-viewport {
				background:none!important;
				.sliderimgLiVerticalres {
					transition:.3s all ease-in-out;
					border:none;
					transform:scale(.9);
					box-shadow:none;
					padding:8px 0;
					&:hover {
						transform:scale(1);
					}
				}
			}
		}
	}
	
}
.count_down_box {
	position:fixed;
	display:none;
	top:120px;
	right:0;
	z-index:999;
	width:120px;
	height:auto;
	background: #FF4F4F;
	border:3px solid #fff;
	border-radius:16px;
	padding:10px;
	color:#fff;
	#count_down_sale {
		display:flex;
		margin:0 -2px;
		.item {
			padding: 0 2px;
			flex:1;
			>span {
				display:none;
			}
			.number {
				width:100%;
				border-radius:6px;
				background:#fff;
				font-weight:700;
				color: #273677;
				font-size: 20px;
                line-height: 25px;
				display:flex;
				align-items:center;
				justify-content:center;
			}
		}
	}
	.box_quantity {
		margin-bottom:8px;
		display:flex; 
		position:relative;
		justify-content:center;
		>span {
			transform: rotate(90deg);
			position: absolute;
			content:"";
			bottom: 3px;
			right: 8px;
			font-size: 13px;
		}
		#quantity_sale {
			font-size: 50px;
			font-weight: 900;
			line-height: 50px;
			
		}
	}
}
#block_widget-7 {
	background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
	border-radius:16px;
	.contact_form  {
		padding:15px;
		padding-top:30px;
		.everest-forms {
			.evf-field {
				margin:0;
			}
		}
		.evf-submit-container  {
			margin-top:20px;
		}
		.everest-forms-submit-button {
			img {
				height:42px;
			}
		}
	}
}
#block_widget-6 {
	background: #fff;
    padding: 15px;
    border-radius: 16px;
	.widget-title  {
		color:#141212;
		display:block;
		text-transform:uppercase;
	}
	.is-divider {
		max-width:100%;
		background:linear-gradient(180.13deg, #FFE451 -108.11%, #F1CF86 -69.3%, #F6D771 -57.48%, #FFF1A5 -30.5%, #F1CF86 8.31%, #CE9925 47.11%, #D9A943 62.21%, #FFF1A5 85.92%, #E6A925 124.73%);
	}
	.post-item {
		padding-bottom:15px;
		.box-text {
			.post-title {
				display: -webkit-box;
			  -webkit-line-clamp: 3;
			  -webkit-box-orient: vertical;  
			  overflow: hidden;
				font-size:15px;
				min-height:unset;
			}
		}
	}
	
}
.form_success {
	color:#fff;
	text-align:center;
}
.current-dropdown:after,
.current-dropdown:before{
	border:none!important;
	display:none!important;
}
.nav-dropdown-has-shadow .nav-dropdown {
	opacity: 1;
    visibility: visible;
    padding: 10px;
    border: none;
    overflow: hidden;
    border-radius: 16px;
	background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
	>li>a {
		color:#fff;
		&:hover {
			opacity:.8;
		}
	}
}
.contact_form_main {
	.everest-forms {
		margin-top:15px!important;
		.everest-form {
			margin-bottom:0;
		}
	}
	.section-content {
		>.row {
			>.col {
				>.col-inner {
					height:100%;
					>.row {
						height:100%;
					}
				}
			}
		}
	}
}
.contact_form {
	border: 2px solid rgb(241, 207, 134);
    border-radius: 20px;
    padding: 30px;
	.everest-forms {
		.evf-submit-container  {
			display: flex;
			justify-content: flex-end;
			margin-top: 20px;
			.evf-submit {
				background: none!important;
				border: none!important;
				padding: 0;
				margin: 0;
				color:#fff;
				>img {
					height:50px; 
					object-fit:contain;
				}
			}
		}
		margin-top:30px;
		input {
			border:none;
			box-shadow:none;
			border-bottom:1px solid rgb(241, 207, 134);
			background:none;
            padding: 5px 0;
			font-size:18px;
			color:#fff;
			&::placeholder {
				font-style:italic;
			}
		}
	}
}
#pum-2237 {
	.popmake  {
		background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
		.col {
			padding-bottom:0;
		}
		.form_success {
			padding:30px 0;
		}
		.pum-close {
			display: block;
            margin: 0;
            width: 30px;
            height: 30px;
            background: #fff;
		}
		.everest-forms {
			margin-top:15px;
			.form_combo {
				select {
					border: 2px solid #F1CF86;
					background: none;
					color: #fff;
					border-radius: 10px;
					padding: 10px 15px;
					background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
					box-shadow: none;
					option {
						color:#141212;
					}
				}
			}
			.evf-container {
				margin-bottom:15px;
			}
			.evf-field-container {
				padding:0;
			}
			.evf-submit-container  {
				margin-top:15px;
				padding:0;
				.evf-submit {
					background: none!important;
					border: none!important;
					padding: 0;
					margin: 0;
					color:#fff;
					img {
						height:50px;
					}
				}
			}
			input{
				border:none;
				box-shadow:none;
				border-bottom:1px solid rgb(241, 207, 134);
				background:none;
				padding: 8px 0;
				color:#fff;
				font-size:18px;
				&::placeholder {
					font-style:italic;
					color:#fff;
				}
			}
		}
	}
}
.popmake {
	background: rgb(255, 255, 255);
    border-radius: 24px!important;
    overflow: hidden!important;
    border: 2px solid rgb(241, 207, 134);
	.pum-close {
		display:none;
	}
	.pum-title {
		padding: 15px;
		background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
		margin: 0;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		text-transform: capitalize;
	}
	.pum-content {
		color: #263576;
    	padding: 30px 20px;
		ul {
			list-style-position: inside;
		}
	}
}
.single-post {
	.post-item .box,
	#main {
		background:none;
	}
}
.contact_infomation {
	h3 {
		color: #FFAE00!important;
		text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
	}
	p {
		word-break:break-all;
	}
}
.thuvien_main {
	.section-title-container {
		margin-bottom:15px;
	}
}
.section-title-container {
	.section-title-center {
		>b {
			opacity:0;
			visibility:hidden;
		}
	}
	.section-title-normal {
		margin:0;
		border:none;
		.section-title-main {
			margin:0;
			padding:0;
			border:none;
		}
	}
	.section-title {
		>a {
			color: #fff;
            display: flex;
            align-items: center;
            font-size: 16px;
		}
	}
}
.archive,
.blog {
	.page-title {
		color:#fff;
	}
	color:#fff!important;
	.post-item {
		.box {
			.box-text {
				.post-title {
					min-height:75px;
					color:#fff!important;
					>a {
						color:#fff!important;
						display: -webkit-box;
					  -webkit-line-clamp: 3;
					  -webkit-box-orient: vertical;  
					  overflow: hidden;
					}
				}
				.from_the_blog_excerpt  {
					display: -webkit-box;
				  -webkit-line-clamp: 2;
				  -webkit-box-orient: vertical;  
				  overflow: hidden;
				}
			}
		}
            
	}
}
.post-item {
	.box {
		border: 2px solid #F1CF86;
        border-radius: 16px;
		overflow:hidden;
		background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
		.box-text {
			padding:15px;
			color:#fff;
			.post-title {
				line-height:25px;
				min-height:100px;
				>a {
					color:#fff;
				}
			}
			.is-divider {
				display:none;
			}
			.button {
				display:flex; 
				justify-content:flex-end;
				font-style:italic;
				font-weight:normal;
				text-decoration:underline;
			}
		}
	}
}
#header {
	.header-wrapper {
		.header-bg-container {
			.header-bg-color {
				background: linear-gradient(to right, #263576,#2658A5 , #021151);
			}
		}
		.header-nav-main {
			>li {
				margin: 0 20px;
				>a {
					font-weight:500;
					color:#fff;
					text-shadow:0px 2px 5px rgba(0, 0, 0, 0.7);
					font-size:15px;
				}
			}
		}
	}
}
.html_topbar_left {
	.header_button {
		cursor:pointer;
		>img {
			height:42px; 
			object-fit:contain;
		}
	}
}
.button_white {
	background-color:#fff!important;
	border:none!important;
	display:inline-flex;
	align-items:center;
	&:hover {
		color:inherit!important;
	}
	&:before {
		content: '';
  position: absolute;
  top: -2px; /* Điều chỉnh vị trí */
  left: -2px; /* Điều chỉnh vị trí */
  right: -2px; /* Điều chỉnh vị trí */
  bottom: -2px; /* Điều chỉnh vị trí */
  background: linear-gradient(124.44deg, #8C421D 3.25%, #FBE67B 16.82%, #FCFBE7 24.7%, #F7D14E 34.72%, #D4A041 42.34%, #F7D14E 51.72%, #FCFBE7 59.56%, #FBE67B 64.68%, #FCFBE7 75%, #D4A041 78.79%, #FBE67B 82.29%, #F7D14E 92.72%, #8C421D 103.98%);
  z-index: -1; /* Đưa ra sau nội dung */
  border-radius: 10px; /* Bo tròn góc nếu cần */
	}
}
.typo_main {
	h1 {
		background: linear-gradient(124.44deg, #8C421D 3.25%, #FBE67B 16.82%, #FCFBE7 24.7%, #F7D14E 34.72%, #D4A041 42.34%, #F7D14E 51.72%, #FCFBE7 59.56%, #FBE67B 64.68%, #FCFBE7 75%, #D4A041 78.79%, #FBE67B 82.29%, #F7D14E 92.72%, #8C421D 103.98%);
  -webkit-background-clip: text; /* Cắt nền cho văn bản */
  -webkit-text-fill-color: transparent;
		font-weight:900;
		text-transform:uppercase;
	}
	>ul {
		margin:20px 0;
		list-style:none;
		>li {
			position:relative;
			margin-bottom:15px;
			&:first-child {
				&:before {
					content:"";
					position:absolute;
					top:0;
					left:-15px;
					height:100%;
					width:3px;
					border-radius:2px;
					background: linear-gradient(124.44deg, #8C421D 3.25%, #FBE67B 16.82%, #FCFBE7 24.7%, #F7D14E 34.72%, #D4A041 42.34%, #F7D14E 51.72%, #FCFBE7 59.56%, #FBE67B 64.68%, #FCFBE7 75%, #D4A041 78.79%, #FBE67B 82.29%, #F7D14E 92.72%, #8C421D 103.98%); 
					z-index:1;
				}
			}
		}
	}
}
#main {
	background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
}
.home_intro {
	.intro_image .img {
		position:relative;
		&:before {
			content: url(/wp-content/uploads/2024/10/intro_line.png);
			position:absolute;
			bottom:0;
			right:100%;
			z-index:1;
		}
		&:after {
			content: url(/wp-content/uploads/2024/10/intro_line.png);
			position:absolute;
			bottom:0;
			left:100%;
			z-index:1;
		}
	}
}
.back-to-top {
	    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
	border:2px solid #F6D771!important;
	background: #263576!important;
	>i {
		color:#fff;
	}
}
.absolute-footer {
	.menu-secondary-container {
			display:none;
		}
}
#footer {
	.footer-2 {
		color: #263576;
		
		.footer_socical {
			background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
            border-radius: 25px;
            padding: 10px 15px;
            display: inline-flex;
            align-items: center;
			>a {
				display: inline-flex;
            	align-items: center;
				color:#fff;
				margin: 0 10px;
			}
		}
		h4 {
			color: #263576;
			font-size:15px;
		}
		.ux-menu {
			.ux-menu-link .ux-menu-link__link {
				min-height:unset;
			}
		}
		p {
			font-size:14px;
		}
		.table_footer {
			font-size:20px;
			tr {
				td {
					color: #263576;
					border:none;
				}
			}
		}
	}
}
.vethuonghieu_content {
	>.col {
		margin-bottom:15px;
		&:last-child {
			margin-bottom:0;
		}
	}
}
.product_danhchoai {
	.text {
		>ul {
			>li {
				>ul {
					list-style:none;
					margin:10px 0;
					>li {
						margin-left:5px;
					}
				}
			}
		}
	}
}
.home_thanhphan {
		.img {
			cursor:pointer;
			.img-inner {
				overflow:unset!important;
			}
	}
}
.product_banner {
	z-index:99;
	.accordion {
		.accordion-item {
			.accordion-inner {
				margin-top:5px;
				background:#fff;
				border-radius:20px;
				font-size:14px;
				padding:20px;
                z-index: 9;
                box-shadow: 1px 3px 10px #c5b9b9;
				p, ul {
					margin-bottom:8px;
					>li:last-child {
						margin-bottom:0;
					}
				}
			}
			.accordion-title {
				border:none;
				padding:5px 20px;
				color:#fff;
				position:relative;
				border:2px solid #F1CF86;
				border-radius:30px;
				font-size:17px;
				&.active {
					color:#FFAE00;
					background:#fff;
					border:2px solid #fff;
					font-weight:normal;
				}
				button {
					top: 3px;
                    right: 5px;
					left: unset;
					width: auto;
					height: auto;
					transform: unset;
					line-height: unset;
					min-height: unset;
					>i {
						line-height: unset;
						font-size: 20px;
						margin: 0;
					}
				}
			}
		}
	}
}
@media only screen and (min-width:1200px) {
/*************** ADD PC ONLY CSS HERE  ***************/
	.product_banner {
	z-index:99;
	.accordion {
		.accordion-item {
			.accordion-inner {
				position: absolute;
                z-index: 9;
				width:500px;
			}
		}
	}
}
	.thuvien_main #block_widget-6 {
		margin-top:50px;
	}
	.vethuonghieu_image {
		transform:scale(1.2);
	}
	.vethuonghieu_content {
		>.col {
			&:nth-child(3) {
				margin-left:20px;
			}
			&:nth-child(4) {
				margin-left:40px;
			}
		}
	}
	.home_thanhphan {
		position:relative;
		z-index:9;
		>.col {
			&:nth-child(2n+1) {
				transform:translatey(20%);
			}
		}
	}
	.home_dieutuyetvoi {
	position:relative;
	&:before {
		content:url(/wp-content/uploads/2024/10/thanhphan_line-top.png);
		position:absolute;
		top:0;
		left:0;
		right:0;
		z-index:1;
	}
	&:after {
		content:url(/wp-content/uploads/2024/10/thanhphan_line-bottom.png);
		position:absolute;
		bottom:-10px;
		left:0;
		right:0;
		z-index:0;
	}
	.home_thanhphan {
		.img {
			cursor:pointer; 
		}
	}
}
	.form_success {
		font-size:18px;
	}
	.header {
		.header-wrapper {
			#logo {
				margin-right:100px;
			}
		}
	}
/*************** END OF PC ONLY CSS HERE  ***************/
}
@media only screen and (min-width:1500px) {
/*************** END OF PC ONLY CSS HERE  ***************/
	
/*************** END OF PC ONLY CSS HERE  ***************/
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.contact_form {
		padding:30px;
	}
	.evf-submit-container  {
		padding:0!important;
	}
	.mfp-content {
		background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
		color:#fff;
		.nav>li>a {
			color:#fff;
		}
		.header-search-form-wrapper {
			border-radius:6px;
			overflow:hidden;
			.searchform .button.icon {
				background: radial-gradient(100.46% 111.43% at 74.35% 44.35%, #2658A5 0%, #021151 100%);
				padding:2px;
			}
		}
	}
	.product_banner .accordion .accordion-item .accordion-inner {
		max-width:100%;
	}
	.pum-theme-lightbox {
		.popmake {
			left:10px;
			right:10px;
			.pum-close{
				font-size:11px;
				bottom:5px;
			}
		}
	}
/*************** END MOBILE ONLY CSS HERE  ***************/
}