/*
Theme Name: MatBaoWS
Description: This is a child theme for Flatsome Theme
Author: MatBaoWS Team
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/

.portfolio-page-wrapper .page-title-inner {
	padding-top: 60px;
}
.portfolio-page-wrapper .page-wrapper {
	padding-bottom: 60px;
}
.tax-featured_item_category .portfolio-box .overlay {
	background-color: rgba(0, 0, 0, 0.448);
	opacity:0;
	transition: .4s;
}
.tax-featured_item_category .portfolio-box .box-text {
	bottom: 50%;
	transform: translatey(50%);
	opacity: 0;
	transition: .4s;
}
.tax-featured_item_category .portfolio-box:hover .box-text,
.tax-featured_item_category .portfolio-box:hover .overlay {
	opacity: 1;	
}
.portfolio-box .portfolio-box-title {
	opacity: 1;
	font-size: 22px;
}
.portfolio-box .portfolio-box-category {
	display: none;
}
.activity-tabs h4 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.activity-tabs .nav>li {
	margin: 0 5px 5px !important;
}
.activity-tabs .nav>li>a {
	border: 2px solid transparent;
}
.activity-tabs .nav>li>a:hover {
	border-color: var(--primary-color);
}
.post-item .is-divider {
	display: none;
}
.service-image {
	position: relative;
}
.service-image::before {
	content: "";
    position: absolute;
    background: rgb(26, 26, 26);
    transition: 0.3s linear;
    width: calc(100% + 5px);
    height: 1px;
    bottom: -10px;
    left: 10px;
}
.service-image:hover::before {
	width: 0;
}
.service-image::after {
    content: "";
    position: absolute;
    background: rgb(26, 26, 26);
    transition: 0.3s linear;
    width: 1px;
    height: calc(100% + 5px);
    top: 10px;
    right: -11px;
}
.service-image:hover::after {
	height: 0;
}

@media (max-width: 480px) {
	.service-box-text h3 {
		font-size: 20px;
	}
}