/**
 * Theme Name:     K-Tech
 * Author:         K-Tech
 * Template:       flatsome
 * Text Domain:	   k-tech
 * Description:    Theme Build by Dai
 * Theme URI:      https://k-tech.net.vn/
 * Author URI:     https://k-tech.net.vn/
 * Version:        20250916
 * License:        2NRJM-B46WR-K6VQR-Y4T3D-QRWPX
 * License URI:    https://k-tech.net.vn/
 */



 /*************** ADD CUSTOM CSS HERE.   ***************/

.footer-support {
    background-color: var(--primary-color);
}

.footer-support-icon a:hover {
    color: var(--fs-color-secondary);
}

.header-top .container {
    max-width: 100%;
	padding: 0 !important;
}

.header-top .top-bar-nav {
    background-color: var(--primary-color);
    border-radius: 0px 0px 0px 30px;
    color: #fff;
    padding: 3px 10px;
}

.social-icons a {
	padding: 5px 6px;
	border-radius: 3px;
}

.custom-header-top a .contact-wrap {
	display: flex;
	align-items: center;
}

.custom-header-top a svg {
	width: 15px;
	height: 15px;
	fill: #fff;
}

.custom-header-top a span {
	font-size: 14px;
	color: #fff;
}

.social-icons a.facebook {
	background: #3a589d;
}

.social-icons a.youtube {
	background: #c33223;
}

.social-icons a.twitter {
	background: #2478ba;
}


.button.icon i {
    font-size: 1.2em;
}




.title-price .section-title .section-title-main {
	font-size: 18px;
}

.header .header-main .header-nav .menu-item .sub-menu .menu-item a:hover {
    color: var(--fs-color-secondary);
}

.button.btn-contact:hover {
	box-shadow: inset 0 0 0 100px rgb(0 0 0 / .2) !important;
}


.button.btn-contact.btn1 {
	background: #00a2ff ;
}


.button.btn-contact.btn2 {
	background: #dcdb0c;
}


.button.btn-contact.btn3 {
	background: #ff0000 ;
}

#post-list .post-item .box .box-text .post-title a {
	color: var(--fs-color-secondary);
}

#post-list .post-item .box .box-text .post-title a:hover {
	color: #000;
}


.blog-wrapper.blog-archive .page-title {
	text-align: center
}

.header .header-main .header-nav .menu-item .sub-menu .menu-item.active a {
	color: var(--fs-color-secondary);
}


.widget-area {
    position: sticky;
    top: 100px;
}


.info {
	margin-top: 20px;
}

.info .date, .info .author {
    font-size: 16px;
    width: 48%;
    color: var(--fs-color-secondary);
}


.info svg {
	fill: var(--fs-color-secondary);
	width: 15px;
	height: 15px;
}


.home-blog .blog-list .post-item .box {
	background: transparent;
}

.home-blog .blog-list .post-item .box .box-text {
	padding: 0;
}

.home-blog .blog-list .post-item .box .box-text .post-title a {
    font-size: 18px;
    color: var(--fs-color-secondary);
    text-transform: none;
    font-weight: 600;
}

.home-blog .blog-list .post-item .box .box-text .post-title a:hover {
    color: #000;
}


.home-blog .blog-list .post-item .box .box-text .info {
	gap: 5px !important;
    margin-top: 6px;
	flex-direction: column;
}

.logo-left .logo {
    margin-right: 0px;
}
 
.blog-wrapper.blog-single .entry-header .entry-header-text .entry-category {
	display: none;
}

.blog-wrapper.blog-single .entry-header .entry-header-text .entry-title {
	text-transform: none;
}

.sec-footer .social-icons .icon {
	min-width: 50px;
}


.header-nav .menu-item .sub-menu .menu-item .menu-item a {
	color: #000 !important;
}

.header-nav .menu-item .sub-menu .menu-item .menu-item.active a {
	color: var(--fs-color-secondary) !important;
}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/



}