/*
 * Quick post-launch CSS overrides.
 *
 * Use this file for small client tweaks that do not justify a Sass rebuild.
 * Move long-term changes back into SCSS when practical.
 */

@media screen and (min-width:64rem){
	.is-style-two-col{
		column-count:2;
		column-gap:1rem;
	}
}

.menu-toggle.is-open, .menu-toggle[aria-expanded="true"] {
	display: none !important;
}

@media screen and (max-width:64rem){
.wp-block-table.is-style-pricelist .has-fixed-layout {
		table-layout: auto !important;
		width: 100%;
	}	

	.is-style-pricelist .has-fixed-layout tbody tr td:first-child{
		width:50% !important;
	}
	
}

#main .button, #main a.button, #main .search-form input[type="submit"] {
		display: inline-block;
		background: var(--wp--preset--color--primary);
		color: var(--wp--preset--color--base);
		padding: 1rem 2rem;
		border: 0;
		border-radius:25px;
		font-family: var(--wp--preset--font-family--body);
		font-size:clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.156), 1rem);
		font-weight: 500;
		letter-spacing: 0.01px;
		cursor: pointer;
		text-decoration: none;
		transition: background 0.2s ease, color 0.2s ease;
	margin:1rem 0;
}

#main .button:hover, #main a.button:hover, #main .search-form input[type="submit"]:hover,
#main .button:focus, #main a.button:focus, #main .search-form input[type="submit"]:focus,
#main .button:active, #main a.button:active, #main .search-form input[type="submit"]:active{
		background: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), var(--wp--preset--color--primary);
		color: var(--wp--preset--color--base);
}

.search-results .content-area .grid-container, .search-no-results .content-area .grid-container {
	padding: 2rem 0;
}

#main .error-404.not-found{
	padding:3rem 0;
}

.search-results h2, .search-results h3 {
	font-size: var(--wp--preset--font-size--medium);
	-webkit-flex-grow:2;
	flex-grow:2;
}

.nav-links a, .nav-links a span{
   display:inline-block;
}

.nav-links a {
	display: inline-block;
	background: var(--wp--preset--color--neutral-2);
	padding: 0.5rem 1rem;
	margin-right: 0.5rem;
	cursor: pointer;
}

.nav-links span {
	display: inline-block;
	padding: 0.5rem 1rem;
	color: #fff;
	margin-right: 0.5rem;
}

.nav-links span.page-numbers {
	color: var(--wp--preset--color--primary);
}

.nav-links a:hover {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

.nav-links span.page-numbers.current {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] textarea {;
	border: 1px solid #ccc;
}
