/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
:root {
 --light-gray: #f7f7f7;
}
 
.ug-product-catalog-links {
	margin-top: 2em;
}

.ug-product-catalog-links a {
	background-color: var(--light-gray);
	border-radius: 7px;
  	border: 1px solid rgba(0,0,0,0.06);
	aspect-ratio: 16 / 9;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2rem;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-bottom: 2em;
}

.ug-product-catalog-links a i {
	font-size: 3.5em;
}

.ug-login-to-quote-alert {
	background-color: rgba(2, 119, 180, 0.4);
	border-radius: 7px;
	color: var(--white);
	display: block;
	font-weight: 700;
	padding: .8em;
	text-align: center;
	width: 100%;
	transition: background-color 0.3s ease;
}

.ug-login-to-quote-alert:hover {
	background-color: #0076b4;
	color: #ffffff;
}

.woocommerce-product-attributes-item--attribute_pa_dimensione {
	display: none;
}