/*
Theme Name: Twenty Twenty Child
Theme URI: https://wp-themes.com/twentytwenty/
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress Twenty Twenty child theme.
Template: twentytwenty
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: twentytwenty-child
*/

.site-content a,
footer a {
	color: #b83d25;
}

ul {
	list-style-type: none !important;
}

/*Menu hiding*/
.header-navigation-wrapper {
	display: none;
}

/*Centratura del logo nell'header*/
.header-inner {
	display: flex;
	justify-content: center;
}

.header-titles-wrapper {
	margin: 0;
	padding: 0;
}

:root {
	--accent-color: hsl(10, 65%, 43%);
	--accent-color-hover: hsl(10, 65%, 25%);
}

#site-content {
	max-width: 1400px;
	margin: 5rem auto 0 auto;
}

h1 {
	font-size: 5rem;
}

p {
	margin: 0;
}

a {
	text-decoration: none;
}

a.link-rosso-signode {
	color: #b83d25 !important;
}

a.link-rosso-signode:hover {
	text-decoration: underline !important;
}

button,
.button {
	font-size: 1.2rem;
	padding: 1rem 2rem;
	background-color: var(--accent-color) !important;
	color: hsl(0, 0%, 100%);
	border-radius: 1rem;
	width: 200px;
}

button:hover,
.button:hover {
	text-decoration: none;
	background-color: var(--accent-color-hover) !important;
	color: hsl(0, 0%, 100%);
}

h1.page-title {
	text-align: center;
	margin-bottom: 5rem;
}

.filter-panel {
	width: 100%;
	margin-bottom: 10rem;
	background-color: hsla(0, 0%, 90%, 1);
	padding: 5rem 3rem;
	display: flex;
	justify-content: center;
	border-radius: 2rem;
}

.filter-panel__form {
	display: flex;
	flex-direction: column;
	row-gap: 2rem;
}

.filter-panel__filters {
	display: flex;
	column-gap: 2rem;
}

.button-container {
	margin-top: 2rem;
	display: flex;
	flex-direction: row;
	column-gap: 1rem;
	justify-content: flex-end;
}

.label {
	font-weight: 600;
	font-size: 2rem;
	margin-bottom: 1rem;
	text-align: left;
	width: 100%;
}

.tendina {
	width: 100%;
}

.etichette {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	gap: 3rem;
}

.etichetta {
	max-width: 300px;
	position: relative;
	padding: 2rem;
	border: 1px solid hsl(0, 0%, 90%);
	border-radius: 2rem;
}

.etichetta__name {
	font-weight: 700;
	font-size: 2.5rem;
	margin-bottom: 1rem;
	line-height: 1;
}

.etichetta__tipologia {
	font-weight: 800;
	font-size: 1.4rem;
	text-transform: uppercase;
	color: var(--accent-color);
}

.etichetta__sotto-tipologia {
	font-weight: 400;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: var(--accent-color);
}

.etichetta__description {
	margin-top: 1rem;
	font-size: 1.4rem;
	margin-bottom: 8rem;
}

.etichetta__button {
	font-size: 1.2rem;
	float: right;
	padding: 1rem 2rem;
	background-color: var(--accent-color);
	color: hsl(0, 0%, 100%);
	border-radius: 1rem;
	position: absolute;
	bottom: 2rem;
	right: 2rem;
}

.etichetta__button:hover {
	background-color: var(--accent-color-hover);
	color: hsl(0, 0%, 100%);
}

.etichetta__button.disabled {
	background-color: hsla(0, 0%, 73%, 1);
	cursor: not-allowed;
	color: hsl(0, 0%, 0%);
}

.error {
	color: var(--accent-color);
	text-align: center;
}

@media only screen and (max-width: 1400px) {
	#site-content {
		margin: 5rem 2rem 0 2rem;
	}
}

@media only screen and (max-width: 900px) {
	h1 {
		font-size: 4rem;
	}

	h1.entry-title {
		margin-bottom: 12rem;
	}
}

@media only screen and (max-width: 767px) {
	.header-titles-wrapper {
		display: flex;
		justify-content: center !important;
		align-items: center;
	}

	.header-titles .site-logo {
		margin: 0;
	}

	h1 {
		font-size: 3.5rem;
	}

	h1.entry-title {
		margin-bottom: 10rem;
	}

	.filter-panel__form {
		width: 100%;
	}

	.filter-panel__filters {
		flex-direction: column;
		row-gap: 1rem;
	}

	.label {
		font-size: 1.6rem;
	}

	select {
		font-size: 1.6rem;
	}

	.button-container {
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		align-items: flex-end;
	}
}

/*grid system*/
.grid {
	display: flex;
	flex-wrap: wrap;
}

.grid-col {
	display: flex;
	flex-direction: column;
}

.grid-centered {
	justify-content: center;
	align-items: center;
}

/*Utility classes*/
.mr-1 {
	margin-right: 1rem;
}

.mr-2 {
	margin-right: 2rem;
}

.mt-1 {
	margin-top: 1rem;
}

.mt-2 {
	margin-top: 2rem;
}

.mb-1 {
	margin-bottom: 1rem;
}

.mb-2 {
	margin-bottom: 2rem;
}

.disabled {
	opacity: 0.6;
	pointer-events: none;
}

.text-center {
	text-align: center;
}

.nascondi {
	display: none;
}

/* Modifiche CSS tema */
.entry-content > .alignwide {
	margin-top: 0 !important;
	margin-bottom: 1rem !important;
}