/*
 * Use this file for customizing the Rockbase theme.
 * 
 * This ensures that future Rockbase updates will 
 * not impact your changes.
 * 
*/

main {
	margin-block-start: 0!important;
}

.heading-highlight {
	position: relative;
	z-index: 9;
	display: inline-block;
}

.heading-highlight:after {
	position: absolute;
	width: 100%;
	height: 0.8vw;
	background-color: #30CC96;
	bottom: 0.52vw;
	content: "";
	left: 0;
	z-index: -1;
}

.wp-block-post .wp-block-post-title a {
	text-decoration: none;
}

.wp-block-post .wp-block-post-title a:hover {
	text-decoration: none;
	color: var(--wp--preset--color--primary);
}

.wp-block-navigation-item.wp-block-button a {
	padding-top: 0.7rem;
	padding-right: clamp(1.5rem, 1.75vw, 3.5rem);
	padding-bottom: 0.6rem;
	padding-left: clamp(1.5rem, 1.75vw, 3.5rem);
	border-radius: 8px;
}

.wp-block-navigation-item.wp-block-button.is-style-button-primary a {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
}

.wp-block-navigation-item.wp-block-button.is-style-button-primary a:hover,
.wp-block-navigation-item.wp-block-button.is-style-button-secondary a:hover,
.wp-block-navigation-item.wp-block-button.is-style-button-tertiary a:hover {
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
	width: 100%;
	text-align: center;
	align-items: center;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-button .wp-block-navigation-item__content {
	padding-top: 0.7rem;
	padding-right: clamp(1.5rem, 1.75vw, 3.5rem);
	padding-bottom: 0.6rem;
	padding-left: clamp(1.5rem, 1.75vw, 3.5rem);
}

@media (max-width: 800px) {
	.wp-block-site-logo img {
		max-width: 150px;
	}
}

@media (max-width: 599px) {
	.wp-block-site-logo img {
		max-width: 200px;
	}
}

.has-foreground-background-color.has-background .is-style-button-secondary a:hover,
.has-foreground-background-color.has-background .is-style-button-primary a:hover,
.has-foreground-background-color.has-background .is-style-button-tertiary a:hover {
	background-color: var(--wp--preset--color--background);
	color: var(--wp--preset--color--foreground);
}