/*
Theme Name: Spatial Mods
Author: C. Scott & C. Siebels
Description: Spatial Mods Landing Page
Version: 1.0
Template: materialis
*/
/*nav css*/
	.navigation-wrapper {
	background-color: #252623 !important;
	opacity: 0.85;
	border-radius:15px;
	padding:10px 25px;

	}
.coloured-nav ul.dropdown-menu.material-buttons > .current_page_item > a,
.coloured-nav ul.dropdown-menu.material-buttons > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.material-buttons > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.material-buttons > .current-menu-item > a {
  background-color: #6d40a9;
}

ul.dropdown-menu.material-buttons > .current_page_item > a:not(:disabled), ul.dropdown-menu.material-buttons > .current-menu-item > a:not(:disabled) {
	color: #6d40a9
}

/* Category Navigation */
.category-navigation {
    margin-bottom: 30px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}
.category-nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.category-nav-item {
    display: inline-block;
}
.category-nav-item a {
    display: block;
    padding: 8px 16px;
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 20px;
    font-size: 14px;
    transition: all 0.3s ease;
}
.category-nav-item a:hover {
    background-color: #6d40a9;
    color: #fff;
}
.category-nav-item.active a {
    background-color: #6d40a9;
    color: #fff;
}


/*home page css*/
	h1.hero-title {
	font-weight: 700;
	letter-spacing: 3px;
	}

	.align-right {
	justify-content: flex-end;
	}
	.purpleColumn {
	margin: 0 1.25em 1.25em 0;
	width: 100%;
	border: 4px #6d40a9 solid;
	padding: 0 10px;
	border-radius: 25px !important;
	}
	.wp-block-latest-posts.columns-3 li {
	border: 4px #6d40a9 solid;
	padding: 0 10px;
	border-radius: 25px !important;
	}
	.pricingColumn {
	border: 4px #ffffff solid;
	padding: 0 5px;
	border-radius: 25px;

	}
	.home-headings {
	padding: 0 !important;
	}
	.home-spotlight {
	border-radius: 25px;
	}
	.home-innovate {
	background-image: url('https://spatialmods.com/wp-content/uploads/2026/05/Spatial-MockUp-CALL-TO-ACTION-BAR.png');
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;
	border-radius: 25px;
	}
	.latest-posts-block-post-single, .blog-post {
	border: 4px #6d40a9 solid;
	border-radius: 25px !important;
	background-color: #ffffff;
	}
	.wp-block-list {
	margin: 12px 40px !important;
	}
	[class*="wp-block"] {
	max-width: 1232px;
	margin: 12px auto;
	}
	.materialis-front-page #page > .blog-page, .materialis-content-padding #page > .page-content, .materialis-inner-page #page > .page-content {
	padding-top: 1rem;
  	padding-bottom: 1rem;
	}
	h1.title, h1, h2, h3, h4, h5, .widget_block > .wp-block-group > .wp-block-group__inner-container h6:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h5:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h4:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h3:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h2:first-child, .widget_block > .wp-block-group > .wp-block-group__inner-container h1:first-child, h6 {
	color: #ffffff; 
	}
/* Blog css */
	.blog-post {
	border: 4px #6d40a9 solid;
	border-radius: 25px !important;
	background-color: #ffffff;
	}
	.nav-links, .post-comments .navigation {
	background:none;
	}
	.nav-link-text{
		vertical-align: center;	
		padding: 10px;
	}
	.column-indent {
	padding-left: 15px;
	}
	.read-more {
	width: 40px;
	height: 40px;	
	}
	.latest-posts-block-latest-post-wrap.latest-posts-block-is-express.latest-posts-block-express-layout-1 .latest-posts-block-post-single:not(:first-child) .latest-posts-block-post-img {
	margin-bottom: 0;
	}
	.latest-posts-block-latest-post-wrap.latest-posts-block-is-express.latest-posts-block-express-layout-1 .latest-posts-block-post-single:not(:first-child) .latest-posts-block-post-content {
	padding: 5px;
	}
	.latest-posts-block-post-grid-excerpt, .latest-posts-block-post-grid-title {
		color:#262626 !important;
	}
	.wp-block-latest-posts__list {
		text-transform: uppercase;
		text-align: center;
	}
	.wp-block-latest-posts__featured-image img {
		border-radius: 10px;
	}
	.mdc-card {
	background-color: #252623;
	background-color: var(--mdc-theme-surface, #252623);
	border-radius: 8px;
	}
	h3, p, li {
		color: #ffffff;
	}
/*FAQ */
#sp-ea-339.sp-easy-accordion > .sp-ea-single > .ea-header a .ea-expand-icon {
	float: left;
	color: #fff;
	font-size: 16px;
}
/*footer css*/
	.footer-contact-boxes a {
		color: #6d40a9 !important;
	}
	.footer-contact-boxes {
		background-color: #252623;
		color: #ffffff;
	}
	.footer-contact-boxes .widget-title {
		color: #ffffff;
	}
	.copyright{
		font-size:80%;
	}
	:where(.navigation-bar, .footer) .menu-item a:not(.mdc-ripple-upgraded) {
	pointer-events: auto !important;
	}