img {
	max-width: 100%;
}
.main-banner {
	width: 100%;
	height: 50vh;
	background: url("../img/welcome.jpg") center;
	background-size: 100%;
}
.main-blog-card {
	width: 90%;
}
.category-aside {
	width: 100%;
}
.main-blog {
	width: 70%;
}
.aside-main {
	width: 30%;
}

.w-450 {
	width: 450px;
}
.vh-100 {
	min-height: 100vh;
}
/*admin*/
.section-1 {
	width: 100%;
	padding: 15px;
}
.main-table {
   width: 90%;
   max-width: 700px;
}
.react-btns i {
	font-size: 24px;
	color: #222;
	cursor: pointer;
}
.react-btns a  {
	text-decoration: none;
	color: #222;
	cursor: pointer;
}
.react-btns a:hover  {
	opacity: .8;
}
.react-btns .like:hover  {
	color: #0088FF;
}
.react-btns .liked  {
	color: #0088FF;
}
.comments .comment span {
   color: #0088FF;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  .aside-main {
  	display: none;
  }
  .main-blog {
	width: 100%;
  }
  .main-blog-card {
	width: 100%;
}
}

        /*blog css*/
/* Typography & Custom Colors */
        .text-gold {
            color: var(--text-color) !important;
        }

        .text-custom-muted {
            color: var(--text-muted) !important;
        }

        /* Blog Cards */
        .custom-blog-card {
            background-color: var(--card-bg);
            border: 1px solid rgba(212, 175, 55, 0.2);
            border-radius: 0.75rem;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
            transition: transform 0.2s ease, border-color 0.2s ease;
        }

        .custom-blog-card:hover {
            border-color: var(--border-color);
            transform: translateY(-2px);
        }

        .custom-blog-card .card-title {
            color: #ffffff;
            font-weight: 700;
        }

        .custom-blog-card .card-text {
            color: var(--text-muted);
        }

        /* Gold Action Buttons */
        .btn-gold {
            background-color: var(--text-color);
            color: #000000;
            font-weight: 600;
            border: none;
            transition: opacity 0.2s ease;
        }

        .btn-gold:hover {
            background-color: #e2be4c;
            color: #000000;
            opacity: 0.9;
        }

        /* Interactions & Reactions */
        .react-btn-link {
            color: var(--text-muted);
            text-decoration: none;
            transition: color 0.2s ease;
        }

        .react-btn-link:hover {
            color: var(--text-color);
        }

        .like-btn {
            cursor: pointer;
            transition: color 0.2s ease, transform 0.1s ease;
        }

        .like-btn:hover {
            color: var(--text-color);
            transform: scale(1.15);
        }

        .like-btn.liked {
            color: var(--text-color);
        }

        /* Sidebar / Category Items */
        .custom-list-group .list-group-item {
            background-color: var(--card-bg);
            color: var(--text-muted);
            border: 1px solid rgba(212, 175, 55, 0.15);
            transition: all 0.2s ease;
        }

        .custom-list-group .list-group-item:hover {
            background-color: var(--card-bg-light);
            color: var(--text-color);
        }

        .custom-list-group .list-group-item.active {
            background-color: var(--card-bg-light);
            color: var(--text-color);
            border-color: var(--border-color);
            font-weight: 700;
        }

        /* Custom Dark Alerts */
        .alert-custom-warning {
            background-color: var(--card-bg);
            border: 1px solid var(--border-color);
            color: var(--text-color);
            border-radius: 0.75rem;
        }