/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.5.1717549048
Updated: 2024-06-05 07:57:28

*/
div#primary aside section {
    border: 1px solid;
    padding: 10px;
    border-radius: 15px;
}
.h-duan .elementor-widget-container a:before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .5s ease;
    opacity: 0;
}
.duan-grid h3 a {
    opacity: 0;
    transition: opacity .5s ease;
}

.duan-grid:hover .h-duan .elementor-widget-container a:before, .duan-grid:hover h3 a {
    opacity: 1;
}

.h-title h2:before {    
    content: "";
    display: block;
    aspect-ratio: 1;
    background: #baf96a;
    border-radius: 50%;
    position: absolute;
	width: 35px;
    left: -20px;
    top: -15px;
    z-index: 0;
}
.h-title h2 {
    width: fit-content;
    margin: auto;
    position: relative;
}

.h-title h2 span {
    position: relative;
    z-index: 1;
}
.kadence-breadcrumb-container a {
	color: #0c4f2b;
}
table, td, th {
	border: 1px solid;
}
td {padding: 5px;}
table {
	width: 100%;
	border-collapse: collapse;
}
.single-content ul, .single-content ol {
	margin-bottom: 10px;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 5px !important;
}
a {
	text-decoration: unset !important;
}
p {
	margin-bottom: 10px !important;
	margin-top: 0;
}
.site-branding {
	margin-right: 50px;
}
.bnix-menu-icon {
	display: flex;
	justify-content: space-between;
}
.bnix-menu-item {
	padding: 0 20px;
}
.bnix-menu-item img {
	max-width: 50px;
}
.bnix-menu-item a {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bnix-menu-item span {
	text-align: center;
	line-height: 1;
	font-size: 16px;
	font-weight: 500;
	color: black;
	margin-top: 10px;
}
.bnix-menu-icon > div:last-child {
	padding-right: 0;
}
.bnix-menu-icon > div:first-child {
	padding-left: 0;
}
.post-title h1.entry-title {
	text-align: left !important;
	width: 100% !important;
	display: block !important;
}

.post-title .entry-meta.entry-meta-divider-dot {
	justify-content: flex-start !important;
	margin-bottom: 0;
}

div#primary {
	margin-top: 0 !important;
}
.entry-taxonomies a {
	background: #0c4f2b;
	color: white;
	padding: 5px;
	border-radius: 5px;
	line-height: 1;
}
.du-an-feature-image img, .post-thumbnail-inner img {
	border-radius: 15px;
	width: 100%;
}
.bnix-header form#searchform {
	background-color: #FFF;
	border-radius: 7px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	overflow: hidden;
	border: 1px solid #e8e8e8;
	min-height: 50px;
}
.elementor-search-form__container input {
	border: none;
	background: none;
	height: 50px;
	padding: 10px 15px;
	color: #000;
	width: 100%
}
.elementor-search-form__container {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center
}
.search-element form {
	width: 60%
}
.elementor-search-form__containe input#s {
	padding-left: calc(64px / 3);
	padding-right: calc(64px / 3)
}
.bnix-header  button#searchsubmit {
	max-width: 64px;
	background: #0c4f2b;
	height: 100%;
	display: flex;
	align-items: center;
}
form#searchform svg {
	width: 30px;
}
.site-container.bnix-header {
	width: 100%;
	padding: 30px 10px;
}
.bnix-header form {
	max-width: 600px;
	margin: auto;
	margin-bottom: 35px;
}
form#searchform svg path {
	fill: white;
}
h1.archive-title.du-an-title {
	text-align: center;
	font-size: 24px;
}
.feature {
	overflow: hidden;
	position: relative;
	-webkit-position:  relative; /* Add vendor prefix */
	z-index: 1;
}

.feature::before {
	display: block;
	padding-top: 56.25%;
	content: "";
}

.feature .image {
	position: absolute;
	-webkit-position: absolute; /* Add vendor prefix */
	bottom: 0;
	top: 0;
	background-position: center;
	background-size: cover;
	left: 0;
	right: 0;
	margin: auto;
}

.cs-social-share {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3px 0;
	margin: 15px 0 0
}

.cs-social-share .fa-brands {
	display: inline-block;
	width: 34px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	padding: 4px 10px 0;
	margin: 5px 0
}

.cs-social-share .fa-brands:hover {
	opacity: .7
}

.cs-social-share .fa-facebook-f {
	color: #fff;
	background-color: #3b5998
}

.share-icon svg path {
	fill: #fff
}

.share-icon svg {
	height: 100%;
	max-height: 14px
}

.share-icon {
	justify-content: flex-end;
	text-align: right;
	flex-basis: 50%
}

.title-share {
	flex-basis: 50%
}

.cs-social-share .fa-twitter {
	color: #fff;
	background-color: #55acee
}

.cs-social-share .fa-linkedin-in {
	color: #fff;
	background-color: #007bb5
}

.cs-social-share .fa-pinterest-p {
	color: #fff;
	background-color: #cb2027
}

.cs-social-share .fa-tumblr {
	color: #fff;
	background-color: #2c4762
}

.cs-social-share .fa-reddit-alien {
	color: #fff;
	background-color: #ff5700
}
.related-products {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}

.related-box {
	margin-bottom: 15px;
	flex-basis: 49%
}

.related-products .related-box:nth-child(3n) {
	margin-right: 0!important
}

.du-an-text {
	padding: 10px 0
}

.du-an-image .feature {
	overflow: hidden;
	position: relative;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px
}

.du-an-image .feature::before {
	display: block;
	padding-top: 56.25%;
	content: ""
}

.du-an-image .feature .image {
	position: absolute;
	bottom: 0;
	top: 0;
	background-position: center;
	background-size: cover;
	left: 0;
	right: 0;
	margin: auto
}
.du-an-text h3 {
	margin-bottom: 10px!important;
	font-size: 16px
}
.du-an-image {
    border-radius: 15px;
    overflow: hidden;
}
.du-an-text p,.du-an-text h3 {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	padding: 0;
	margin: 0
}

h2.related-product {
	margin-bottom: 15px
}
.du-an-image img {
	height: 275px;
	object-fit: cover;
}
a.post-more-link {
	display: flex;
    align-items: center;
}
a.post-more-link:hover svg path {
	fill: var(--global-palette-highlight);
}
a.post-more-link svg {
    width: 16px;
    margin-left: 10px;
}
.wpb_gallery_slides .slides, .gallery-images {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 20px;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	/* padding-left: 0; */
}

@media (min-width: 900px) {
	.wpb_gallery_slides .slides, .gallery-images {
		grid-template-columns: repeat(3, 1fr);
	}
}

.wpb_gallery_slides .slides li {
	list-style-type: none;
}

.wpb_gallery_slides .slides img, .gallery-images img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wpb_gallery_slides .slides img:hover, .gallery-images img:hover {
	transform: scale(1.05);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.wpb_gallery_slides .slides li img:nth-child(2), .gallery-images div img:nth-child(2) {
	display: none;
}
.wpb_gallery_slides img, .gallery-images img {
	height: calc(100vw * 0.1) !important; 
	object-fit: cover;
}
.wd-gallery-item {overflow: hidden;border-radius: 15px;}
.type-du_an .entry-content-wrap {
    max-width: 1024px;
    margin: 20px auto;
}
.related-da-image img {
    height: 275px !important;
    object-fit: cover;
}
@media (max-width: 900px) {
	.wpb_gallery_slides img, .gallery-images img {
		height: calc(100vw * 0.3) !important; 
	}
	.wpb_gallery_slides .slides, .gallery-images { 
		gap: 10px;
	}
	.mobile-html {padding-top: 10px;padding-bottom: 10px;}

	.bnix-menu-item img {
		max-width: 35px;
	}
	.related-da-image img {
		height: 215px !important;
	}
}
@media screen and (max-width: 540px) {
	.du-an-image img {
		height: 215px;
	}
	.related-products {
		flex-direction:column;
	}
	.site-branding {
		margin-right: 0;
	}

	.header-mobile-search-bar.header-item-search-bar, .header-mobile-search-bar form {
		width: 185px !important;
	}
	.bnix-menu-item span {
		font-size: 11px;
		line-height: 1.3;
	}

	.bnix-menu-item img {
		max-width: 25px;
	}

	.bnix-menu-item {
		padding: 0 10px;
	}
	.cs-social-share {
		align-items: flex-start;
		flex-direction: column;
	}
	h1.page-title.search-title {
		font-size: 26px;
	}
	.post-title .entry-meta.entry-meta-divider-dot {
		margin-bottom: 15px;
	}
}
/* css contact */
ul.list-style-none {list-style:none; margin:0; padding:0;}
ul.list-style-none li {margin:0;}
.ps-fixed {position:fixed;}
.br-sticky-buttons {
    --size:40px;
    --shadow:0 0 10px 5px rgba(0, 0, 0, .1);
    display:flex; flex-direction:column; gap:10px;
    bottom:0; right:0; z-index:20; transform:translateY(-50%); background:#000;
    padding:10px !important; border-radius:30px 0 0 30px;
}
.br-sticky-buttons:before, .br-sticky-buttons:after {
    content:""; position:absolute; right:0;
    height:30px; width:60px; pointer-events:none;
}
.br-sticky-buttons:before {top:-30px; border-radius:0 0 50px 0; box-shadow:30px 1px 0 0 #000;}
.br-sticky-buttons:after {bottom:-30px; border-radius:0 50px 0 0; box-shadow:30px -1px 0 0 #000;}

.br-sticky-buttons__item {width:var(--size); aspect-ratio:1;}

/* button */
.br-sticky-buttons a {
    text-decoration:none; border-radius:var(--size);
    display:flex; align-items:center; justify-content:center;
    top:0; left:0;
}
.br-sticky-buttons a[title="Hotline"] {animation:animate 1.5s ease infinite;}
.br-sticky-buttons a[title="Hotline"] .br-sticky-buttons__item-image {padding:7px;}

/* icon */
.br-sticky-buttons__item-image {width:var(--size); height:var(--size); background:rgba(0, 0, 0, 0);}

/* text */
.br-sticky-buttons__item-text {padding:5px 25px 5px 0; color:#fff; font-size:16px; font-weight:600; display:none;}
.br-sticky-buttons__item-image img {
    width: 100%;
    height: 100%;
    object-position: center;
}
@keyframes animate {
    0% {transform:rotate(0deg) scale(1) skew(1deg);}
    10% {transform:rotate(-25deg) scale(1) skew(1deg);}
    20% {transform:rotate(25deg) scale(1) skew(1deg);}
    30% {transform:rotate(-25deg) scale(1) skew(1deg);}
    40% {transform:rotate(25deg) scale(1) skew(1deg);}
    50% {transform:rotate(0deg) scale(1) skew(1deg);}
    100% {transform:rotate(0deg) scale(1) skew(1deg);}
}

/* Hide FB chat plugin */
.fb_reset {opacity:0; pointer-events:none;}


/****************************
 * Sticky Buttons Responsive
****************************/
@media only screen and (max-width:480px) {
    .br-sticky-buttons {
        padding:5px !important;
        border-radius:20px 0 0 20px;
    }
    .br-sticky-buttons:before, .br-sticky-buttons:after {width:50px;}
    .br-sticky-buttons:before {box-shadow:20px 1px 0 0 #000;}
    .br-sticky-buttons:after {box-shadow:20px -1px 0 0 #000;}
}