/*
Theme Name: Haviweb Child Theme
Theme URI: http://haviweb.com.vn/
Description: Cong ty thiet ke website Havi
Author: Havi
Author URI: http://haviweb.com.vn/
Template: Haviweb
Version: 3.10.1
*/
/*top bar*/
#top-bar .flex-col.hide-for-medium.flex-left {
    width: 62%;
}
#top-bar .nav-dropdown-default{padding: 0;}
#top-bar .nav-dropdown{padding: 0; min-width: 96px; font-size: 14px;}
/*header*/
	.stuck .header-main.has-sticky-logo {
    background-image: none !important;
    position: absolute;
    top: -14px;
}
@media only screen and (min-width: 769px){
	.stuck div#logo {
    right: 24%;
}
.stuck div#masthead {
    width: 46%;
    right: 0;
	}}
div#masthead {
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2020/12/bg-header1.jpg);
    height: 59px;
    width: 100%;
}
#logo img {
	max-height: 50px !important;
	padding-right: 12px;
	height: 50px;
    margin-top: 8px;
	max-width: 250px !important;
}
.logo-left .logo {
    margin-right: 0 !important;
    position: absolute;
    right: 11%;
}
.logo-sticky {
    float: right;
}
.header-wrapper .logo-sticky {
    display: none;
}
.header-wrapper.stuck .logo-sticky {
    display: block;
}
/*submenu*/
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    min-width: 200px;
}
/*giá*/
span.amount{color: red;}
/*tin tức*/
.news .is-divider{display: none;}
.news .row.large-columns-2.medium-columns-1.small-columns-1 {display: inline-block;}
.news .post-item:nth-child(1){max-width:60%;float:left;flex-basis:60%}
.news .post-item:nth-child(1) .box-image{width:100%;float:left;}
.news .post-item:nth-child(1) .box-text{text-align:left;padding:0px;overflow:hidden;float:left;}
.news .post-item~.post-item{max-width:40%;float:right;}
.news .post-item~.post-item .box-image{width:41%;float:left;}
.news .post-item~.post-item .box-text{text-align:left;padding:0px;overflow:hidden;float:left;display:contents;font-size:12px;}
.news .post-item~.post-item p.from_the_blog_excerpt {display: none;}
.news .post-item~.post-item .box-text-inner.blog-post-inner {width: 59%;float: right;padding-left: 8px;height:67px;overflow:hidden;}
@media only screen and (max-width: 549px){.news .post-item:nth-child(1) { max-width: 100%; flex-basis: 100%;} .news .post-item~.post-item { max-width: 100%;} .news .post-item~.post-item .box-text-inner.blog-post-inner{height: auto;} p#breadcrumbs { margin-left: 20px; margin-right: 10px;}}
.news h5.post-title.is-large:hover{color:#1678ce;}
@media only screen and (max-width: 549px){.transparent .header-main{height: 68px !important;} .transparent #logo img{max-height: 58px !important;}}
/*absolute ft*/
.abft{color: white;}
/*form liên hệ*/
.tit-frm h3 {
    text-align: center;
}
.btn-smt {
    text-align: center;
	margin-bottom: -20px
}
div#frm-dk {
    border-radius: 10px;
    background-color: #f7f7f7;
}
/*icon ft*/
.arcontactus-widget .messanger p span {
    display: block;
    position: absolute;
    left: 56px;
    width: auto;
    top: 34px;
}
@media only screen and (max-width: 768px) {
.stuck div#logo {
    display: none;
}
}
.flow-ft i.icon-facebook:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2023/10/facebook.png);
    width: 33px;
    height: 33px;
    border-radius: 99px;
    display: block;
    background-size: cover;
}
.flow-ft i.icon-instagram:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2023/10/instagram.png);
    width: 33px;
    height: 33px;
    border-radius: 99px;
    display: block;
    background-size: cover;
}
.flow-ft i.icon-linkedin:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2023/10/linkedin.png);
    width: 33px;
    height: 33px;
    border-radius: 99px;
    display: block;
    background-size: cover;
}
.flow-ft i.icon-youtube:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2023/10/youtube.png);
    width: 33px;
    height: 33px;
    border-radius: 99px;
    display: block;
    background-size: cover;
}
.flow-ft i.icon-500px:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2023/09/zalo-ic.png);
    width: 33px;
    height: 33px;
    border-radius: 99px;
    display: block;
    background-size: cover;
}
.flow-ft .button i{top: 0;}
.flow-ft .button.instagram:not(.is-outline) {
    background-color: white !important;
}
/*button ft*/ 
#button-ft {
    background-color: #f35704;
    display: block;
    border-radius: 99px;
    white-space: nowrap;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    position: fixed;
    bottom: 50px;
	right: 18px;
	z-index: 99;
}
.hien{
	background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2020/12/icon-chat.png);
    background-position: center;
}
.dong{
	background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2020/12/x.png);
	background-position: center;
}
#button-ft #an{display: none;}
#sub-mn {
    background-color: white;
    text-align: left;
    padding-top: 10px;
    height: 150px;
    width: 158px;
    display: none;
    float: left;
    position: fixed;
    bottom: 136px;
    right: 10px;
	border-radius: 8px;
	z-index: 99;
}
#sub-mn:before {
    position: absolute;
    bottom: -7px;
    right: 25px;
    left: auto;
    display: inline-block!important;
    border-right: 8px solid transparent;
    border-top: 8px solid #FFF;
    border-left: 8px solid transparent;
    content: '';
}
#sub-mn ul li{
  list-style: none;
}
.zalo:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2020/12/zalo-1.png);
    width: 36px;
    height: 36px;
    position: absolute;
    left: 9px;
}
.zalo a {
    margin-left: 55px;
    line-height: 36px;
	font-size: 15px;
}
.frm:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2020/12/email-1.png);
    width: 36px;
    height: 36px;
    position: absolute;
    left: 9px;
}
.frm a {
    margin-left: 55px;
    line-height: 36px;
	font-size: 15px;
}
.hotline:before {
    content: "";
    background-image: url(https://www.helmut-fischer.vn/wp-content/uploads/2020/12/phone-call.png);
    width: 36px;
    height: 36px;
    position: absolute;
    left: 9px;
}
.hotline a {
    margin-left: 55px;
    line-height: 36px;
	font-size: 15px;
}
/*trang sp*/
.page-sp .box-text.box-text-products {
    text-align: center;
	background-color: #f3f2f2;
}
/*nhóm ngành*/
.sp-nhom-nganh .tab.has-icon a {
    background-color: rgb(240 126 32);
    color: white;
}
.tab.has-icon.active a {
    background-color: white;
    color: black;
}
/*chi tiết sp*/
.anh-sp {
    margin-top: -12%;
}
.anh-sp .product-images {
    height: 300px;
}
@media only screen and (max-width: 549px){.anh-sp img.wp-post-image.skip-lazy {width: 40%;}}
@media only screen and (max-width: 768px){.anh-sp { margin-top: -22%;}}
@media only screen and (max-width: 549px){.anh-sp .product-images { height: 60px;}}
.anh-sp .image-tools.absolute.bottom.left.z-3 {
    display: none;
}
.tit-bn {
    margin-top: -27%;
}
@media only screen and (max-width: 549px){.tit-bn {margin-top: -33%;}}
ul.tabs.wc-tabs.product-tabs.small-nav-collapse.nav.nav-uppercase.nav-line.nav-left {
    display: none;
}
.product-breadcrumb-container.is-normal {
    display: inline-block;
    background-color: white;
    padding: 5px;
    font-size: 14px;
}
@media only screen and (max-width: 549px){.product-breadcrumb-container.is-normal{font-size: 9px;}}
nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: black;
    font-weight: 800;
}
.product-title-container {
    display: table;
    margin-top: 15px;
    background-color: white;
    padding: 5px;
}
@media only screen and (max-width: 549px){.product-title-container{font-size: 9px;}}
h1.product-title.product_title.entry-title {
    color: #ff9f19;
    margin-bottom: 0;
}
.bg-sp {
    text-align: center;
}
.anh-sp .flickity-viewport {
    height: 300px !important;
}
footer.entry-meta.text-center {
    font-size: 18px;
}
footer.entry-meta.text-center a {
    color: #f25e09;
}
.post {
    margin-bottom: 0;
}
@media only screen and (max-width: 549px){.category-filtering.container.text-center.product-filter-row.show-for-medium {
    display: none;
	}}
/*block chi tiết sp*/
.block-product {
    display: block;
    background-color: white;
    width: 78%;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 88px 60px 96px;
	margin-top: 5%;
}
.block-product ul {
    margin-left: 2%;
}
.ss-block-sp {
    padding-bottom: 60px !important;
}
@media only screen and (max-width: 549px){.block-product{width: 100%; padding: 28px 18px 28px 30px;} h1.product-title.product_title.entry-title { font-size: 10px;}}
/*bài viết liên quan*/
.bvlq-tag .feature .image {
    width: 228px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.bvlq-tag .relatedcat li{list-style: none; margin-left: 0;}
.bvlq-tag { margin-top: 10px;}
.bvlq-tag h3 {
    color: #ac052a;
    font-size: 25px;
    border-bottom: 3px solid #224797;
    width: 100%;
    max-width: 30%;
    margin-bottom: 16px;
}
.bvlq-tag .related-title a {
    font-weight: 600;
}
@media only screen and (max-width: 549px){
	.bvlq-tag h3{max-width: 66%;}
	.bvlq-tag .feature .image { width: 100%; height: 240px;}
	.bvlq-tag .relatedcat li { padding-bottom: 0;}}
/*breadcrumb*/
p#breadcrumbs {
    position: absolute;
    top: 18%;
    left: 11%;
    background-color: white;
    padding: 1px 5px 1px 5px;
	color: black;
}
p#breadcrumbs a {
    color: #000000e3;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}
span.breadcrumb_last {
    font-weight: 600;
    color: #4c4c4c;
    text-transform: uppercase;
    font-size: 15px;
}
/*bỏ danh mục sp page*/
.page-sp p.category.uppercase.is-smaller.no-text-overflow.product-cat.op-7 {
    display: none !important;
}
.page-sp .box-text {
    padding-top: 1em;
	padding-bottom: 1em;}
/*danh mục blog*/
p.from_the_blog_excerpt {
    height: 71px;
    overflow: hidden;
}
h5.post-title.is-large {
    height: 45px;
    overflow: hidden;
}
.news .post-item:nth-child(1) h5.post-title.is-large{height: 60px !important;}
.news h5.post-title.is-large{height: 48px !important;}