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

/*************** ADD CUSTOM CSS HERE.   ***************/
.z9{z-index: 999}
.z8{z-index: 888}
.z7{z-index: 777}
.z6{z-index: 666}
.z5{z-index: 555}
.footer-wrapper .sealy-footer p strong{color: #A6E3FF !important}
.button.primary:not(.is-link){background: linear-gradient(222deg, #1592CB -0.79%, #33BDE6 64.66%, #006B8A 167.28%);}
.header-button .button{padding: 0 44px; font-weight: 400}
.tech_box > .col > .col-inner > .icon-box{border-radius: 60px; border: 1px solid transparent; backdrop-filter: blur(4.650000095367432px); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 190px; height: 205px; background: radial-gradient(116.81% 119.39% at 50.26% 29.02%, #fff 0%, #C8EEFF 100%) padding-box, linear-gradient(10deg, #1592CB, #FFFFFF, #77C9EE, #289DD2, #DEF2FB, #1592CB ) border-box; }
.icon-box .icon-box-img{margin-bottom: 0}
.sealy-portfolio-box .box-text {
	background: #eef3f6;
	padding: 16px 18px 18px;
}
.sealy-portfolio-box .portfolio-box-title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	color: #1a1a1a;
	text-transform: none;
	letter-spacing: 0;
}
.sealy-portfolio-location {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 8px 0 0;
	color: #6b7280;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: 0;
}
.sealy-portfolio-location__pin {
	display: inline-flex;
	color: #1592CB;
	flex-shrink: 0;
}
.sealy-portfolio-location__icon {
	display: block;
}

.sealy-product-spec h3 {
	margin: 1.1em 0 0.45em;
	font-size: 1.05em;
}
.sealy-product-spec ul,
.sealy-product-spec ol {
	margin: 0 0 1em;
	padding-left: 1.25em;
}
.sealy-product-spec li {
	margin: 0 0 0.45em;
}
sup {
	font-size: 0.55em;
	line-height: 0;
	vertical-align: super;
}

.logo_grid > .col > .col-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	height: 100%;
    padding: 10px;
}
.logo_grid > .col {max-width: 170px; max-height: 90px;}
.logo_grid > .col img {
	height: 100%; 
	width: 100%; 
	object-fit: cover;
	object-position: center;
}
.post-type-archive-product .box-image img, .post-type-archive-product .has-format img, .post-type-archive-product .image-cover img, .post-type-archive-product img.back-image{object-position: center bottom}
.tech_img .img-inner{box-shadow: 0 0 10px 5px #fff;border-radius: 20px;}
h4 > .person-name{letter-spacing: 0 !important}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.tech_box > .col > .col-inner > .icon-box{ width:100%; height: 180px;}
	.tech_box > .col > .col-inner > .icon-box > .icon-box-text {line-height: 1.2}

}

/* .dr_desc stays collapsed until "xem thêm"; opening slides the text down. */
.text.dr_desc {
	display: none;
}
.text.dr_desc.is-open {
	display: block;
	overflow: hidden;
}
button.dr-desc-more,
button.dr-desc-less {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	text-transform: none;
	text-decoration: underline;
	text-underline-offset: 2px;
	min-height: 0;
	height: auto;
	width: auto;
	cursor: pointer;
	vertical-align: baseline;
}
button.dr-desc-more:hover,
button.dr-desc-more:focus,
button.dr-desc-less:hover,
button.dr-desc-less:focus {
	background: transparent;
	box-shadow: none;
	color: inherit;
	outline: none;
	opacity: 0.75;
}
button.dr-desc-more[hidden],
button.dr-desc-less[hidden] {
	display: none;
}