/* === Custom CSS === */


/* HOME ------------------------------------------- */

/* Header styling */
.home.full-screen-header .site-header {
	min-height: 15vh !important;
	padding-bottom: 7em !important;
}

/* Large heading text */
.home .page-content h1,
.home .entry-content h1,
.home .comment-content h1 {
	font-size: 7.5rem !important;
	line-height: 0.5 !important;
}


/* PORTFOLIO -------------------------------------- */

/*
.page-id-2333 | portfolio
.page-id-3264 | dev-portfolio
.page-id-2325 | mangkorn
.page-id-3273 | piquest-overview
*/

/* Hide site navigation */
.page-id-2333 #site-navigation,
.page-id-3264 #site-navigation,
.page-id-2325 #site-navigation,
.page-id-3273 #site-navigation {
	display: none !important;
}

/* Adjust header padding */
.page-id-2333 .site-header,
.page-id-3264 .site-header,
.page-id-2325 .site-header,
.page-id-3273 .site-header {
	padding-bottom: 3em !important;
	padding-top: 3em !important;
}

/* Entry title styling */
.page-id-2333 .page-header .entry-title,
.page-id-3264 .page-header .entry-title,
.page-id-2325 .page-header .entry-title,
.page-id-3273 .page-header .entry-title {
	font-size: 35px !important;
	font-size: 3.5rem !important;
	letter-spacing: 0.05em !important;
}


/* MEDIA ------------------------------------------ */

.custom-video-size {
	width: 560px;
	height: 315px;
}

.gallery-container {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.gallery-item {
	flex: 1;
}

@media (max-width: 768px) {
	.gallery-container {
		flex-direction: column;
	}
}



/* TAGS ------------------------------------------- */

.tags-container {
	display: flex;
	flex-wrap: wrap; /* Allows tags to wrap if the container's width is exceeded */
	justify-content: center; /* Centers tags horizontally */
	gap: 3px; /* Adds some space between the tags */
}

/* Base class for all tags */
.tag-base::before {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 20px;
	font-size: 14px;
	color: white;
}

.my-tags-UnityEngine::before {
	content: "Unity Engine";
	background-color: #5E35B1; /* Deep Purple */
}

.my-tags-CSharp::before {
	content: "C#";
	background-color: #009688; /* Teal */
}

.my-tags-VR::before {
	content: "Virtual Reality";
	background-color: #1E88E5; /* Blue */
}

.my-tags-AR::before {
	content: "Augmented Reality";
	background-color: #24A81D; /* Green */
}

.my-tags-3D::before {
	content: "3D";
	background-color: #F4511E; /* Deep Orange */
}

.my-tags-2D::before {
	content: "2D";
	background-color: #CC233F; /* Red */
}

.my-tags-iOS::before {
	content: "iOS";
	background-color: #BA68C8; /* Purple Light */
}

.my-tags-Android::before {
	content: "Android";
	color: black;
	background-color: #ffef2f; /* Yellow */
}

.my-tags-PC::before {
	content: "PC";
	background-color: #7986CB; /* Indigo Light */
}

.my-tags-WebGL::before {
	content: "WebGL";
	color: black;
	background-color: #C0CA33; /* Lime */
}

.my-tags-MapboxSDK::before {
	content: "Mapbox SDK";
	background-color: #546E7A; /* Blue Grey */
}

.my-tags-GIS::before {
	content: "Geographic Information Systems";
	background-color: #78909C; /* Light Blue Grey */
}

.my-tags-TilesetsCLI::before {
	content: "Tilesets CLI";
	background-color: #FF7043; /* Deep Orange Light */
}

.my-tags-ProceduralGeneration::before {
	content: "Procedural Generation";
	background-color: #7B1FA2; /* Dark Purple */
}

.my-tags-PsychologicalResearch::before {
	content: "Psychological Research";
	background-color: #E91E63; /* Pink */
}

.my-tags-UserDataTracking::before {
	content: "User Data Tracking";
	background-color: #C49000; /* Darker Yellow */
}

.my-tags-RapidPrototyping::before {
	content: "Rapid Prototyping";
	color: black;
	background-color: #FFA726; /* Orange */
}

.my-tags-InAppPurchasing::before {
	content: "In-App Purchasing";
	color: black;
	background-color: #9CCC65; /* Green Light */
}

.my-tags-SystemsArchitecture::before {
	content: "Systems Architecture";
	background-color: #3949AB; /* Indigo */
}

.my-tags-CombatSystems::before {
	content: "Combat Systems";
	background-color: #6D4C41; /* Brown */
}

.my-tags-Steamworks::before {
	content: "Steamworks SDK";
	background-color: #00838F; /* Dark Cyan */
}

.my-tags-EdTech::before {
	content: "Educational Technology";
	background-color: #00695C; /* Dark Teal */
}

.my-tags-DataPipeline::before {
	content: "Data Pipeline";
	background-color: #455A64; /* Slate */
}

.my-tags-GitWorkflow::before {
	content: "Git Workflow";
	background-color: #B71C1C; /* Maroon */
}

.my-tags-TeamLeadership::before {
	content: "Team Leadership";
	background-color: #1565C0; /* Dark Blue */
}

.my-tags-BusinessStrategy::before {
	content: "Business Strategy";
	color: black;
	background-color: #F9A825; /* Gold */
}

.my-tags-PerformanceOptimization::before {
	content: "Performance Optimization";
	background-color: #558B2F; /* Olive Green */
}