/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 07 2023 | 18:48:07 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.royal-site-map-wrapper {
	width: 100%;
	padding: 80px 30px;
	border-top: solid 1px #DDD;
}

.royal-site-map-container {
	max-width: 1100px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0 auto;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
}

.royal-sitemap-item,
.royal-sitemap-item:visited {
	padding: 40px;
	font-weight: 300;
	color: var(--royal-medgray);
    font-family: 'Roboto Slab', serif;
	font-size: 2.0rem;
	text-align: center;
	background: var(--royal-verylitegray);
	border: solid 1px #DDD;
	transition: all ease 0.3s;
}

.royal-sitemap-item:hover,
.royal-sitemap-item:focus, 
.royal-sitemap-item:active {
	text-decoration: none;
	background: var(--royal-white);
	border: solid 1px #AAA;
}

.royal-sitemap-item-wide {
	grid-column: 1 / span 2;
}

/* -------------------------------------------------------------------- */
@media (max-width: 960px) {
	
	.royal-site-map-wrapper {
	padding: 50px 30px;
	}
	
	.royal-site-map-container {
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	}

	.royal-sitemap-item, .royal-sitemap-item:visited {
    padding: 20px;
    font-size: 1.5rem;
	}

}

/* -------------------------------------------------------------------- */
@media (max-width: 808px) {
	
	.royal-site-map-container {
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	}

	.royal-sitemap-item, .royal-sitemap-item:visited {
    padding: 15px;
    font-size: 1.3rem;
	}

}

/* -------------------------------------------------------------------- */
@media (max-width: 600px) {
	
	.royal-site-map-wrapper {
	padding: 40px 30px;
	}
	
	.royal-site-map-container {
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	grid-template-columns: 1fr;
	}

	.royal-sitemap-item,
	.royal-sitemap-item:visited {
    padding: 12px;
    font-size: 1.2rem;
	}
	
	.royal-sitemap-item-wide {
	grid-column: 1 / span 1;
	}

}