/*
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(http://demoweb.company/fivi/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;
}
}
/*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(http://demoweb.company/maybom/wp-content/uploads/2020/12/icon-chat.png);
    background-position: center;
}
.dong{
	background-image: url(http://demoweb.company/fivi/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(http://demoweb.company/fivi/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(http://demoweb.company/fivi/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(http://demoweb.company/fivi/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: 12%;}}
@media only screen and (max-width: 768px){.anh-sp {display: none;}}
@media only screen and (max-width: 549px){.anh-sp .product-images { height: 70px;}}
.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;
	}}
/*bài viết liên quan*/
a.yarpp-thumbnail {
    width: 240px !important;
}
@media only screen and (max-width: 549px){a.yarpp-thumbnail { width: 156px !important;}img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image {
	width: 140px !important;}}
img.attachment-yarpp-thumbnail.size-yarpp-thumbnail.wp-post-image {
    width: 240px;
    height: 150px;
}
/*breadcrumb*/
div#mpbreadcrumbs {
    position: absolute;
    top: 18%;
    left: 11%;
    background-color: white;
    padding: 1px 5px 1px 5px;
}
#mpbreadcrumbs a {
    color: black;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
}
.tp-mask-wrap {
    display: none;
}