/*
Theme Name: ICON Innovation & Technology
Theme URI: https://icon-innotech.com
Author: ICON Innovation & Technology
Author URI: https://icon-innotech.com
Description: Trang chủ ICON Innovation & Technology
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: icon
*/


body {
  background-color: transparent !important;
}

a {
    text-decoration: none !important;
}

a:hover,
a:focus {
    text-decoration: none !important;
}

.section-hero {
  background-color: #060e2d!important;
}

/* Sidebar Widgets */
.recent-post-item {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	border-bottom: 1px solid var(--black-6);
	padding: 8px 0;
	margin: 0;
}

.recent-post-item img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 4px;
}

.recent-post-item .sidebar-content {
	width: fit-content;
}

.recent-post-item .sidebar-content h6 {
	font-size: 14px;
	margin: 0;
	color: var(--black-1);
}

.recent-post-item .sidebar-content h6:hover {
	color: var(--primary-blue-1);
}

.recent-post-item .sidebar-content span {
	font-size: 12px;
	color: var(--black-2);
}

.widget-title {
	margin-bottom: 16px;
	font-weight: 800;
}

.widget {
    margin-bottom: 24px;
    padding: 24px 12px;
    background-color: var(--neutral-1);
    border-radius: 6px;
}

.breadcrumb {
    gap: 8px;
    justify-content: center;
}

.breadcrumb a {
	color: var(--black-4);
}

.breadcrumb a:hover {
	color: var(--black-6);
}

.partial-widget-border {
	width: 10%;
	border-bottom: 2px solid var(--primary-red-3);
	margin: 0 auto 16px 0;
}

.blog-sidebar {
  background-color: var(--neutral-1);
}

.blog-sidebar-wrapper .toc-widget ul {
	padding: 0;
}

.blog-sidebar-wrapper .toc-widget ul li {
	list-style: none;
	font-size: 14px;
	margin-bottom: 8px;
	transition: transform 0.3s ease; /* transition transform */
}

.blog-sidebar-wrapper .toc-widget ul li:hover {
   	transform: translateX(4px); /* dịch sang phải khi hover */
}

.blog-sidebar-wrapper {
  position: sticky;
  top: 50px; /* tùy vào chiều cao header của bạn */
  height: fit-content;
}


.recent-posts-widget .recent-post-item .thumb, .recent-posts-widget .thumb {
    width: 25%;
}

.recent-posts-widget .recent-post-item .sidebar-content, .recent-posts-widget .sidebar-content {
    width: 75%;
}
@media (max-width: 768px) {
	.recent-post-item {
		border-bottom: none;
	}
}
@media (max-width: 768px) {
  .recent-posts-widget {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .recent-posts-widget .recent-post-item {
		flex-direction: column;
		width: 23%;
		padding: 8px;
		background-color: var(--neutral-1);
		border-radius: 4px;
  }

  .recent-posts-widget .recent-post-item .thumb, .recent-posts-widget .thumb, .recent-posts-widget .recent-post-item .sidebar-content, .recent-posts-widget .sidebar-content{
    width: 100%;
  }
}

@media (max-width: 425px) {
 .recent-posts-widget .recent-post-item {
    width: 50%;
    padding: 8px;
  }
}