/*
Theme Name: TamPhat Child
Description: This is a child theme for TamPhat Theme
Author: TamPhat
Template: tamphat
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.name.product-title {
    font-size: 17px;
    font-weight: bold;
}
span.amount {
    color: #f00;
}
/*sidebar*/
#product-sidebar{
	padding-top:30px;
}
#secondary span.widget-title, #product-sidebar span.widget-title, #shop-sidebar span.widget-title {
    overflow: hidden;
    border-bottom: 2px solid #ff6100;
    display: block;
    padding: 6px 0
}
#product-sidebar span.widget-title, #shop-sidebar span.widget-title{
	display:block;
	width:100%;
	background: #ff6100;
	border-bottom: 2px solid #ff6100;
	border-radius: 5px 5px 0 0;
    padding: 10px 20px;
    font-weight: 700;
}
#product-sidebar .widget ul, #shop-sidebar .widget ul {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 2px 2px 10px #0000001a
}
#secondary .is-divider, #product-sidebar .is-divider, #shop-sidebar .is-divider{
	display:none;
}
	
#secondary span.widget-title span{
    text-transform: uppercase;
    padding: 7px 14px !important;
    font-size: 14px;
    line-height: 26px;
    background: #ff6100;
    color: #fff;
    border-radius: 5px 5px 0 0;
    padding: 0 20px;
    font-weight: 700;
    position: relative;
    margin-right: 20px
}

#secondary span.widget-title span:after{
    content: '';
    display: block;
    line-height: 40px;
    background: #ff6100;
    width: 18px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -7px;
    transform: skewX(21deg);
    border-radius: 0 5px 0 0
}

#secondary span.widget-title span:before{
    content: '';
    display: block;
    line-height: 40px;
    background: #00a352;
    width: 15px;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 0;
    margin-right: -13px;
    transform: skewX(13deg);
    border-radius: 0 5px 0 0
}
.flatsome_recent_posts ul, #secondary .widget ul {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 2px 2px 10px #0000001a
}
/* end sidebar*/
@media screen and (min-width: 850px) {
    .post-sidebar.large-3{
        padding-left:0px;
    }
	.home .large-3.col, #product-sidebar{
		padding-left:10px;
	}
}
@media (min-width: 992px) {
	.post-sidebar{ padding-left:15px !important;}
	
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.bai-viet-lien-quan ul li{width:50%;}
	
	

}