/*
Theme Name:  Praxis WP 2024
Description: Child theme custom designed for Praxis
Author:      DCL
Author URI:  www.dclenter.com
Template:    labtechco
Version:     1.0
Tags:        light, white, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, responsive, retina
*/


/* NOTE: Main theme's style.css file is already added in head tag. /*

/* =Theme customization starts here
-------------------------------------------------------------- */

/* Hide mobile category list on desktop */
.ts-mobile-category-list {
	display: none;
}

@media (max-width: 991px) {
	
	.ts-mobile-category-list {
		display: block;
		width: 100%;
		order: 999;
		padding: 5px;
		background: transparent;
        margin-top: 230px;
	}
	
	.site-header-main {
		display: flex;
		flex-wrap: wrap;
	}
	
	.ts-category-items {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		justify-content: center;
	}
	
	.ts-category-item {
		margin: 0;
		padding: 0;
	}
	
	.ts-category-item a {
		display: inline-block;
		padding: 3px 8px;
		color: #1a1a1a;
		text-decoration: none;
		border: 1px solid rgba(255, 255, 255, 0.3);
		font-size: 14px;
		transition: all 0.3s ease;
		font-weight: 500;
		background: rgba(255, 255, 255, 0.2);
	}
	
	.ts-category-item a:hover {
		background: #3333338d;
		color: #fff;
		border-color: #fff;
	}
	
	.ts-category-item.active a {
		background: #3333338d;
		color: #fff;
		border-color: #fff;
		font-weight: 600;
	}
	
	.category #primary.content-area {
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}
	
	.ts-titlebar-wrapper + .ts-mobile-category-list,
	.ts-titlebar + .ts-mobile-category-list {
		margin-top: -15px;
	}
}

@media (max-width: 440px) {
	.ts-category-items {
		gap: 3px;
	}
	
	.ts-category-item a {
		padding: 2px 6px;
		font-size: 11px;
	}
}