/* site-title begin  */
.site-title {
	font-size: 2rem;
/* Smaller, but still noticeable */
	font-weight: bold;
	text-align: center;
	letter-spacing: 1.5px;
/* Slight spacing for breathability */
	background: linear-gradient(90deg, #ff7eb3, #ffcc00, #00ff99, #0072ff, #ff416c);
	background-size: 300% 300%;
	-webkit-background-clip: text;
	padding: 10px;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
/* Stylish modern font */
	animation: gradientMove 5s infinite linear, fadeIn 1.5s ease-in-out;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}
	
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes gradientMove {
	0% {
		background-position: 0 50%;
	}
	
	50% {
		background-position: 100% 50%;
	}
	
	100% {
		background-position: 0 50%;
	}
}

/* site-title end  */
/* Moving text on frint page from left to right begin  */
.marquee {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
/* Prevents line breaks */
	box-sizing: border-box;
}

.marquee h5 {
	display: inline-block;
	font-size: 1.5rem;
/* Keeps text readable */
	font-weight: bold;
	background-image: linear-gradient(45deg, #00c6ff, #0072ff, #00ff99, #00cc66);
	background-size: 200% 200%;
	color: #00c6ff;
/* Fallback color */
	-webkit-background-clip: text;
	animation: marquee 30s linear infinite, gradientMove 5s infinite linear;
	padding-right: 100%;
	white-space: nowrap;
}

@keyframes marquee {
	from {
		transform: translateX(-100%);
	}
	
	to {
		transform: translateX(100%);
	}
}

@keyframes gradientMove {
	0% {
		background-position: 0 50%;
	}
	
	50% {
		background-position: 100% 50%;
	}
	
	100% {
		background-position: 0 50%;
	}
}

/* category-list on front page begin */
.category-list {
	list-style: none;
/* Remove bullet points */
	padding: 0;
	text-align: center;
}

.category-list li {
	display: inline-block;
/* Keeps categories inline */
	margin: 5px;
/* Reduced margin */
	padding: 6px 12px;
/* Smaller padding */
	font-size: 1rem;
/* Reduced font size */
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 20px;
/* Slightly smaller rounded edges */
	background: linear-gradient(45deg, #0072ff, #00ff99);
	color: white;
	transition: all .3s ease-in-out;
}

.category-list li:hover {
	background: linear-gradient(45deg, #ff7eb3, #ffcc00);
	transform: scale(1.05);
/* Slightly smaller hover effect */
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* category-list end  */
/* category-list drop down begin  */
.category-list select {
	width: 100%;
/* Make it responsive */
	padding: 10px;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 10px;
	background: linear-gradient(45deg, #0072ff, #00ff99);
	color: white;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
}

/* Change background color on hover */
.category-list select:hover {
	background: linear-gradient(45deg, #ff7eb3, #ffcc00);
}

/* Style dropdown options (Only works in some browsers) */
.category-list select option {
	background: white;
/* Set default background */
	color: black;
/* Set default text color */
	font-weight: bold;
}

/* category-list drop down end  */
/* rss-grid begin  */
/* RSS Feed Grid - Darker Gradient */
/* RSS Feed Grid - Soft Gradient */
.rss-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
/* 2 columns */
	grid-template-rows: repeat(2, auto) !important;
/* 2 rows */
	gap: 10px !important;
/* Reduced spacing */
	padding: 20px !important;
	background: linear-gradient(45deg, #dfe6f2, #b0c4de, #90a4cf) !important;
/* Soft Blue Gradient */
	border-radius: 12px !important;
	border: 3px solid #0072ff !important;
/* Stylish blue border */
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15) !important;
/* Soft shadow */
}

/* Individual RSS Items */
.rss-grid-item {
	background: linear-gradient(45deg, #ffffff, #f8f9fa) !important;
/* Soft light gradient */
	padding: 15px !important;
	border-radius: 10px !important;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1) !important;
	border: 2px solid #00a2ff !important;
/* Light blue border */
	transition: all .3s ease-in-out !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
}

/* Hover Effect */
.rss-grid-item:hover {
	transform: translateY(-5px) !important;
	background: linear-gradient(45deg, #e3f2fd, #bbdefb) !important;
/* Light Blue Hover */
	border: 2px solid #ff7eb3 !important;
/* Change border on hover */
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
}

/* Title Styling */
.rss-grid-item h3 {
	font-size: 1.2rem !important;
	font-weight: bold !important;
	color: #0072ff !important;
	margin-bottom: 10px !important;
}

/* Text Styling */
.rss-grid-item p {
	font-size: 1rem !important;
	color: #444 !important;
/* Slightly darker for readability */
	margin-bottom: 15px !important;
}

/* Link Styling */
.rss-grid-item a {
	text-decoration: none !important;
	font-weight: bold !important;
	color: #0072ff !important;
	transition: color .3s ease-in-out !important;
}

/* Link Hover */
.rss-grid-item a:hover {
	color: #ff416c !important;
/* Red hover effect */
}

/* rss-grid end  */
/* 🌟 Blog Page Styling */
/* 🌟 BLOG PAGE STYLING */
/* 🏆 Add Stylish Background */
body {
	background: linear-gradient(135deg, #f9f9f9, #e3e6ec);
	font-family: 'Poppins', sans-serif;
	color: #333;
}

/* 📰 Blog Container */
.wp-block-query-loop {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
	gap: 20px !important;
	max-width: 1200px !important;
	margin: auto;
	padding: 20px;
}

/* 📌 Post Cards */
.wp-block-post {
	background: white;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	transition: all .3s ease-in-out;
}

.wp-block-post:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

/* 🖼 Featured Image */
.wp-block-post-featured-image img {
	width: 100%;
	height: 180px;
/* Consistent height */
	object-fit: cover;
	border-radius: 8px;
}

/* 📝 Post Title */
.wp-block-post-title {
	font-size: 1.4rem;
	font-weight: bold;
	color: #0072ff;
	text-decoration: none;
	transition: color .3s ease-in-out;
}

.wp-block-post-title:hover {
	color: #ff416c;
}

/* 📅 Date Styling */
.wp-block-post-date {
	font-size: .9rem;
	font-weight: 600;
	color: #666;
	display: block;
	margin-bottom: 5px;
}

/* 📄 Excerpt Styling */
.wp-block-post-excerpt {
	font-size: 1rem;
	color: #444;
	margin-bottom: 15px;
}

/* 🔗 Read More Button */
.wp-block-post a.read-more {
	display: inline-block;
	padding: 8px 15px;
	background: #0072ff;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.wp-block-post a.read-more:hover {
	background: #ff416c;
}

/* 🏷️ Category Dropdown Styling */
select {
	padding: 8px;
	font-size: 1rem;
	font-weight: bold;
	border-radius: 8px;
	background: linear-gradient(45deg, #0072ff, #00ff99);
	color: white;
	border: none;
	cursor: pointer;
}

select:hover {
	background: linear-gradient(45deg, #ff7eb3, #ffcc00);
}

/* 🌟 Ensure Category Dropdown is Visible */
/* 🌟 Fix Category Dropdown Visibility */
.category-list select {
	background: linear-gradient(45deg, #ff7eb3, #ffcc00) !important;
/* Stylish background */
	color: white !important;
	font-size: 1rem !important;
	font-weight: bold !important;
	border-radius: 8px !important;
	padding: 10px !important;
	border: 2px solid #0072ff !important;
	cursor: pointer !important;
	appearance: none !important;
/* Remove default browser styling */
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

/* 🔽 Dropdown List Items Always Visible */
.category-list select option {
	background: #ffffff !important;
/* White background for dropdown */
	color: #000 !important;
/* Black text */
	font-weight: bold !important;
	padding: 10px !important;
	display: block !important;
}

/* 🎨 Improve Hover Effect */
.category-list select option:hover {
	background: #0072ff !important;
/* Blue background */
	color: #ffffff !important;
/* White text on hover */
}

/* 🔽 Pagination Styling */
.wp-block-query-pagination {
	display: flex;
	justify-content: center;
	gap: 10px;
	padding: 15px;
	margin-top: 20px;
}

.wp-block-query-pagination a {
	display: inline-block;
	padding: 8px 15px;
	background: #0072ff;
	color: white;
	font-size: .9rem;
	font-weight: bold;
	border-radius: 5px;
	text-decoration: none;
	transition: all .3s ease-in-out;
}

.wp-block-query-pagination a:hover {
	background: #ff416c;
}

/* 🌟 Fix Category Dropdown Visibility */
.fix-category-dropdown select {
	background: linear-gradient(45deg, #ff7eb3, #ffcc00) !important;
/* Stylish background */
	color: white !important;
	font-size: 1rem !important;
	font-weight: bold !important;
	border-radius: 8px !important;
	padding: 10px !important;
	border: 2px solid #0072ff !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
}

/* 🔽 Force Dropdown List Items to Have a Background */
.fix-category-dropdown select option {
	background: #ffffff !important;
/* White background */
	color: #000000 !important;
/* Black text */
	font-weight: bold !important;
	padding: 10px !important;
	display: block !important;
}

/* 🎨 Improve Hover Effect */
.fix-category-dropdown select option:hover {
	background: #0072ff !important;
	color: #ffffff !important;
}

/* 🌟 Remove "Category: " Prefix from Category Titles */
.page-title,
.archive-title,
.entry-title {
	font-size: 1.5rem !important;
	font-weight: bold !important;
	color: #333 !important;
}

.page-title::before,
.archive-title::before,
.entry-title::before {
	content: "" !important;
	display: none !important;
}

/* Alternative way to hide "Category: " text */
.page-title,
.archive-title,
.entry-title {
	display: inline-block !important;
}

.page-title:before,
.archive-title:before,
.entry-title:before {
	content: none !important;
}

.page-title:after,
.archive-title:after,
.entry-title:after {
	content: none !important;
}