@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Overpass:ital,wght@0,400;1,400;1,700&display=swap');


/**
------------------------------------
Style Admin v 1.1.03
Aggiornato 23 ottobre 2024
------------------------------------
*/





/*------------------------------------*\
    Core variables
\*------------------------------------*/


/* Variables ---------------- */

	:root {
		--font-theme: Helvetica, Arial, sans-serif;
		--font-mono: "Cutive Mono", monospace;
		--color-primary: #000;
		--color-accent: #1e88e5;
		--color-headings: #000;
		--color-light: #fff;

		--color-wp-block-layout: #1e88e5; /* Bordo dei blocchi Layout, sempre azzurro */
		--color-wp-block-content: #ff6900; /* Bordo dei blocchi Content, sempre arancione */

		--color-wp-block-header: #e1e1e1; /* Bg testalino blocchi Canva, di solito primary del cliente */
		--color-wp-block-title: #000; /* Colore titolo testalino blocchi Canva */
		--color-wp-block-subtitle: #666; /* Colore sottotitolo testalino blocchi Canva */
		--color-wp-block-bg-icon: #fff; /* Colore background icona blocchi Canva */

		--color-admin-dev: #059669;
		--color-admin-prod: #dc2626;
	}


	body,
	html .editor-styles-wrapper {
		font-family: var(--font-theme) !important;
		font-weight: 400 !important;
		font-style: normal !important;
		font-stretch: normal !important;
	}

	a {
		color: var(--color-accent);
	}



/*------------------------------------*\
    Utilities
\*------------------------------------*/

/*
Classi utili per nascondere pezzi di backend per interi ruoli di utenti

Ruoli predefiniti di Wordpress:

administrator
editor
author
contributor
subscriber

hide-for-admin
hide-for-editor
hide-for-author
hide-for-contributor
hide-for-subscriber
*/

.force-hidden {
	display: none !important;
}

/* Permette di vedere nel backend i blocchi a cui si mette la classe hidden, diversamente non sono più editabili */
/* Permette di vedere nel backend i blocchi a cui si mette la classe hidden, diversamente non sono più editabili */
#editor .edit-post-visual-editor .hidden {
	display: inherit !important;
}

body.administrator .hide-for-admin,
body.editor .hide-for-editor,
body.author .hide-for-author,
body.contributor .hide-for-contributor,
body.subscriber .hide-for-subscriber {
	display: none !important;
}

/* Nasconde il checkbox del post in evidenza */
body.post-type-post .edit-post-sidebar .components-panel__body > div:nth-child(6) {
	display: none !important;
}

/*
!!! IMPORTANTE !!!
Metodo per nascondere campi ACF per ruoli di utenti

Ruoli predefiniti di Wordpress:

administrator
editor
author
contributor
subscriber

Esempio per editor per slug ACF term_video_embed

body.editor div[data-name="term_video_embed"] {
	display: none !important;
}

Esempio per editor per il gruppo di campi = [Canva] Campi Extra

body.editor #acf-group_63ce9fe404104 {
	display: none !important;
}
*/

figcaption {
	display: none;
}



/*------------------------------------*\
   Admin bar - Prod / Dev
\*------------------------------------*/


/* ------------

Parte da replicare anche in
core > assets > src > css > default.css
per avere lo stesso effetto sulla barra admin con
la preview della pagina */

	#wpadminbar {
		/* background: var(--color-admin-prod, #1d2327) !important; */
		border-top: 4px solid var(--color-server-current);
	}

	#wpadminbar .quicklinks #wp-admin-bar-server-current {
		padding: 7px 6px;
	}

		#wpadminbar .quicklinks #wp-admin-bar-server-current > a {
			background-color: var(--color-server-current, #999);
			border-radius: 2px;
			display: flex;
			height: 18px;
			padding: 0px 6px;
			align-items: center;
			gap: 8px;
			color: #eee;
			font-size: 12px;
			font-style: normal;
			font-weight: 500;
			line-height: 16px;
		}

/* ------------- Fine parte da replicare ------------ */


			/* Elemento before con colore ambiente nel menu a tendina */

			.environment-dev.hover #wp-admin-bar-prod-mode .ab-item::before {
				position: absolute;
				content: '';
				width: .2em;
				height: 1em;
				left: 0;
				top: -.02em;
			}

				.environment-dev.hover #wp-admin-bar-prod-mode .ab-item::before {
					background-color: var(--color-admin-prod, rgb(50, 120, 60));
				}
				.environment-prod.hover #wp-admin-bar-dev-mode .ab-item::before {
					background-color: var(--color-admin-dev, rgb(160, 0, 0));
				}




/*------------------------------------*\
    Menu sidebar
\*------------------------------------*/

#adminmenu li.wp-menu-separator {
	background: hsla(0, 0%, 70%, .2);
}



/*------------------------------------*\
    Liste post
\*------------------------------------*/


/* Lista WP - Sbiadisce oggetti in bozza */
.wp-list-table tr.status-draft {
    opacity: .75;
    background: #ddd !important;
}

    .wp-list-table tr.status-draft td.column-thumbnail {
        filter: grayscale(1);
    }

    .wp-list-table tr.status-draft a.row-title {
        color: #999;
    }





/*------------------------------------*\

    Gutenberg

\*------------------------------------*/


.wp-block {
	max-width: 95% !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
}

	.wp-block .wp-block {
		max-width: calc(100% - 2rem) !important;
		margin-top: 1rem;
	}

@media (min-width:1280px) {

	.wp-block {
		margin-bottom: 1.5rem;
	}

	.wp-block .wp-block {
		max-width: calc(100% - 3rem) !important;
		margin-top: 1.5rem;
	}

}


.wp-block-columns .wp-block {
	margin-left: auto;
	margin-right: auto;
}


.acf-block-preview ._canva-wp-block figcaption {
	display: none !important;
}



	/*------------------------------------*\
		Look generale e colori
		blocchi wp column
	\*------------------------------------*/

		/* Backend rows border */

		.wp-block-columns {
			border: 1px solid #44dddd;
		}


		/* Backend columns border */

		.wp-block-column {
			border: 1px solid #ffddff;
		}

		.wp-block-columns .wp-block-column {
			margin-left: auto !important;
			margin-right: auto !important;
		}


		/* Backend standard image block */

		.wp-block-image .components-resizable-box__container {
			background: #eeeeee;
		}



	/*------------------------------------*\
		Blocchi SG
		Impostazioni globali
		- wrapper / main section
		- post selectors ..
		- swiper / hero ....
	\*------------------------------------*/


	/* Blocchi legacy (classe senza underscore) */

	.canva-wp-block {
		border: 1px solid #aaaaaa;
 		flex-wrap: wrap;
	}

		.canva-wp-block .info {
			background: #f0f0f0;
			/* Grey-lighter */
		}


	/* Blocchi aggiornati (classe con underscore) */


	._canva-wp-block {
		position: relative;
		border: 1px solid #aaaaaa;
	}

		._canva-wp-block ._header {
			display: flex;
			background: var(--color-wp-block-header);
			align-items: center;
		}

			._canva-wp-block ._header-icon {
				display: flex;
				align-items: center;
				width: 2rem;
				padding: .25rem;
			}

			._canva-wp-block ._header-icon-wrap {
				width: 1.5rem;
				height: 1.5rem;
				border-radius: 5rem;
			}

		._canva-wp-block ._header-info {
			padding: .25rem .5rem .25rem .5rem;
		}


	/* Aggiunge triangolino in alto a destra dell'intestazione se un blocco ha classi */
	._canva-wp-block._has-classes::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 8px 8px 0;
		border-color: transparent var(--color-wp-block-subtitle) transparent transparent;
	}


	/* Bordo blu per tutti i blocchi ACF misti (es. Hero, Action Link, Photobutton) */

	.acf-block-body .acf-block-fields {}



	/* Padding  dentro tutti i riqaudri WP che contengono gruppi di Campi
	es. [Canva* - Campi Extra
	es. Yoast SEO
	*/

	/* .acf-postbox>.inside.acf-fields {
		padding: 32px !important;
	} */



	/* Bordo arancione per tutti i blocchi ACF che fanno query contenuti */

		/* Post selector */
	.wp-block-acf-posts-selector .acf-block-body .acf-block-fields,
		/* Post selector slider */
	.wp-block-acf-posts-selector-slider .acf-block-body .acf-block-fields,
		/* Common block selector */
	.wp-block-acf-common-block-selector .acf-block-body .acf-block-fields,
		/* Common block slider */
	.wp-block-acf-common-block-slider .acf-block-body .acf-block-fields,
		/* Post per categoria */
	.wp-block-acf-posts-per-term-selector .acf-block-body .acf-block-fields,
		/* Post collegati */
	.wp-block-acf-posts-per-terms-of-post-selector .acf-block-body .acf-block-fields,
		/* Elenco termini tassonomie */
	.wp-block-acf-taxonomy-terms .acf-block-body .acf-block-fields
		{
		border-color: var(--color-wp-block-content);
	}


	._wp-block-acf-edit-header {
		background: var(--color-wp-block-header);
		padding: 4px 20px !important;
	}

	.acf-field._wp-block-acf-edit-header .acf-label {
		margin-bottom: 0;
	}

	._wp-block-acf-edit-title {
		color: var(--color-wp-block-title) !important;
		font-weight: 700;
	}


	/* Corregge padding eccessivo dei tab di ACF con accordion */
	.acf-block-body .acf-fields>.acf-field.acf-accordion .acf-accordion-title {
		padding: 8px 20px !important;
	}


	/* WP backend inspector header with block title */

	.block-editor-block-card {
		background: #f0f0f0;
		/* Grey-lighter */
	}

	/* Titolo nero per tutti i blocchi nota Canva in backend
	a prescindere dai colori della personalizzazione cliente */

	._header-note ._title {
		--color-wp-block-title: #000;
	}




/*------------------------------------*\
    Sidebar Post / Block
\*------------------------------------*/


/* Riquadro in sidebar del blocco selezionato */
.block-editor-block-inspector {
	border: 8px solid #f0f0f0; /* colore default wp backend */
	/* border: 8px solid var(--color-wp-block-header); */
}

	/* bg testalino in sidebar del blocco selezionato */
	.block-editor-block-card {
		background-color: #f0f0f0; /* colore default wp backend */
		/* background-color: var(--color-wp-block-header); */
	}

		/* Titolo del blocco selezionato */
		.interface-complementary-area h2 {
			font-weight: 700;
		}


	/* Controregole per accordion ACF se sta in sidebar rispetto a comportamento definito da Michele in .acf-accordion .acf-accordion-title:hover */
	.block-editor .edit-post-sidebar .acf-accordion .acf-accordion-title:hover,
	.block-editor .edit-post-sidebar .acf-accordion.-open .acf-accordion-title {
		background-color: #f0f0f0 !important;
	}







/*------------------------------------*\
    Utility Classes
\*------------------------------------*/


/* ------ Display Classes ------ */

.canva-block 			{ display: block; }
.canva-inline-block 	{ display: inline-block; }
.canva-flex 			{ display: flex; }
.canva-inline-flex 		{ display: inline-flex; }
.canva-hide 			{ display: none !important; }
.canva-flex-1 			{ flex: 1; }
.canva-flex-wrap 		{ flex-wrap: wrap; }
.canva-flex-column 		{ flex-direction: column; }

.canva-absolute			{ position: absolute; }

.canva-gap-1			{ gap: .25rem; }
.canva-gap-2			{ gap: .5rem; }
.canva-gap-3			{ gap: .75rem; }
.canva-gap-4			{ gap: 1rem; }
.canva-gap-6			{ gap: 1.5rem; }
.canva-gap-8			{ gap: 2rem; }
.canva-block 			{ display: block; }
.canva-inline-block 	{ display: inline-block; }
.canva-flex 			{ display: flex; }
.canva-inline-flex 		{ display: inline-flex; }
.canva-hide 			{ display: none !important; }
.canva-flex-1 			{ flex: 1; }
.canva-flex-wrap 		{ flex-wrap: wrap; }
.canva-flex-column 		{ flex-direction: column; }

.canva-absolute			{ position: absolute; }

.canva-gap-1			{ gap: .25rem; }
.canva-gap-2			{ gap: .5rem; }
.canva-gap-3			{ gap: .75rem; }
.canva-gap-4			{ gap: 1rem; }
.canva-gap-6			{ gap: 1.5rem; }
.canva-gap-8			{ gap: 2rem; }


/* ------ Visibilità blocchi Row-w-100 ------ */

._canva-wp-block.hide {
	opacity: .25;
	filter: brightness(.85);
}

._canva-wp-block.hide.staff-preview {
	opacity: 1;
	filter: none;
	box-shadow: 0 0 0 2px #ffed4a;
}


/* ------ Typography ------ */

.canva-font-system 		{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.canva-font-theme 		{ font-family: var(--font-theme); }
.canva-fs-h1 			{ font-size: 2.44rem !important; }
.canva-fs-h2 			{ font-size: 1.95rem !important; }
.canva-fs-h3 			{ font-size: 1.56rem !important; }
.canva-fs-h4 			{ font-size: 1.25rem !important; }
.canva-fs-h5 			{ font-size: 1.125rem !important; }
.canva-font-system 		{ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
.canva-font-theme 		{ font-family: var(--font-theme); }
.canva-fs-h1 			{ font-size: 2.44rem !important; }
.canva-fs-h2 			{ font-size: 1.95rem !important; }
.canva-fs-h3 			{ font-size: 1.56rem !important; }
.canva-fs-h4 			{ font-size: 1.25rem !important; }
.canva-fs-h5 			{ font-size: 1.125rem !important; }
/* Canva Wp backend values */

.canva-fs-small 		{ font-size: .9375rem !important; }
.canva-fs-xsmall 		{ font-size: .8125rem !important; }
.canva-fs-xxsmall 		{ font-size: .7rem !important; }
.canva-fw-300 			{ font-weight: 300; }
.canva-fw-400 			{ font-weight: 400; }
.canva-fw-700 			{ font-weight: 700; }
.canva-lh-10 			{ line-height: 1 !important; }
.canva-lh-11 			{ line-height: 1.1 !important; }
.canva-lh-12 			{ line-height: 1.2 !important; }
.canva-lh-14 			{ line-height: 1.4 !important; }
.canva-text-left 		{ text-align: left; }
.canva-text-center 		{ text-align: center; }
.canva-uppercase,
.uppercase 				{ text-transform: uppercase; }
.canva-fs-small 		{ font-size: .9375rem !important; }
.canva-fs-xsmall 		{ font-size: .8125rem !important; }
.canva-fs-xxsmall 		{ font-size: .7rem !important; }
.canva-fw-300 			{ font-weight: 300; }
.canva-fw-400 			{ font-weight: 400; }
.canva-fw-700 			{ font-weight: 700; }
.canva-lh-10 			{ line-height: 1 !important; }
.canva-lh-11 			{ line-height: 1.1 !important; }
.canva-lh-12 			{ line-height: 1.2 !important; }
.canva-lh-14 			{ line-height: 1.4 !important; }
.canva-text-left 		{ text-align: left; }
.canva-text-center 		{ text-align: center; }
.canva-uppercase,
.uppercase 				{ text-transform: uppercase; }


/* ------ Margin ------ */

.canva-m-0 		{ margin: 0 !important; }
.canva-m-0 		{ margin: 0 !important; }
/* To be used to reset spacing in backend */

.canva-mt-0 			{ margin-top: 0 !important; }
.canva-mt-1 			{ margin-top: .25rem !important; }
.canva-mt-2 			{ margin-top: .5rem !important; }
.canva-mt-3 			{ margin-top: .75rem !important; }
.canva-mt-4 			{ margin-top: 1rem !important; }
.canva-mt-6 			{ margin-top: 1.5rem !important; }
.canva-mt-8 			{ margin-top: 2rem !important; }
.canva-mb-0 			{ margin-bottom: 0 !important; }
.canva-mb-1 			{ margin-bottom: .25rem !important; }
.canva-mb-2 			{ margin-bottom: .5rem !important; }
.canva-mb-3 			{ margin-bottom: .75rem !important; }
.canva-mb-4 			{ margin-bottom: 1rem !important; }
.canva-mb-6 			{ margin-bottom: 1.5rem !important; }
.canva-mb-8 			{ margin-bottom: 2rem !important; }
.canva-ml-0 			{ margin-left: 0 !important; }
.canva-ml-1 			{ margin-left: .25rem !important; }
.canva-ml-2 			{ margin-left: .5rem !important; }
.canva-ml-3 			{ margin-left: .75rem !important; }
.canva-ml-4 			{ margin-left: 1rem !important; }
.canva-ml-6 			{ margin-left: 1.5rem !important; }
.canva-mt-0 			{ margin-top: 0 !important; }
.canva-mt-1 			{ margin-top: .25rem !important; }
.canva-mt-2 			{ margin-top: .5rem !important; }
.canva-mt-3 			{ margin-top: .75rem !important; }
.canva-mt-4 			{ margin-top: 1rem !important; }
.canva-mt-6 			{ margin-top: 1.5rem !important; }
.canva-mt-8 			{ margin-top: 2rem !important; }
.canva-mb-0 			{ margin-bottom: 0 !important; }
.canva-mb-1 			{ margin-bottom: .25rem !important; }
.canva-mb-2 			{ margin-bottom: .5rem !important; }
.canva-mb-3 			{ margin-bottom: .75rem !important; }
.canva-mb-4 			{ margin-bottom: 1rem !important; }
.canva-mb-6 			{ margin-bottom: 1.5rem !important; }
.canva-mb-8 			{ margin-bottom: 2rem !important; }
.canva-ml-0 			{ margin-left: 0 !important; }
.canva-ml-1 			{ margin-left: .25rem !important; }
.canva-ml-2 			{ margin-left: .5rem !important; }
.canva-ml-3 			{ margin-left: .75rem !important; }
.canva-ml-4 			{ margin-left: 1rem !important; }
.canva-ml-6 			{ margin-left: 1.5rem !important; }

/* ------ Padding ------ */

.canva-p-0 				{ padding: 0 !important; }
.canva-p-1 				{ padding: .25rem !important; }
.canva-p-2 				{ padding: .5rem !important; }
.canva-p-3 				{ padding: .75rem !important; }
.canva-p-4 				{ padding: 1rem !important; }
.canva-p-0 				{ padding: 0 !important; }
.canva-p-1 				{ padding: .25rem !important; }
.canva-p-2 				{ padding: .5rem !important; }
.canva-p-3 				{ padding: .75rem !important; }
.canva-p-4 				{ padding: 1rem !important; }

/* ------ Width ------ */

.canva-width-2 			{ width: .5rem !important; }
.canva-width-3 			{ width: .75rem !important; }
.canva-width-4 			{ width: 1rem !important; }
.canva-width-6 			{ width: 1.5rem !important; }
.canva-width-8 			{ width: 2rem !important; }
.canva-width-12 		{ width: 3rem !important; }
.canva-width-16 		{ width: 4rem !important; }
.canva-width-24 		{ width: 6rem !important; }
.canva-width-32 		{ width: 8rem !important; }
.canva-width-48 		{ width: 12rem !important; }
.canva-max-width-320 	{ max-width: 320px; }
.canva-max-width-480 	{ max-width: 480px; }

.canva-ratio-1-1		{ aspect-ratio: 1; }
.canva-ratio-4-3		{ aspect-ratio: 1.33; }
.canva-ratio-3-2		{ aspect-ratio: 1.5; }
.canva-ratio-16-9		{ aspect-ratio: 1.77; }
.canva-width-2 			{ width: .5rem !important; }
.canva-width-3 			{ width: .75rem !important; }
.canva-width-4 			{ width: 1rem !important; }
.canva-width-6 			{ width: 1.5rem !important; }
.canva-width-8 			{ width: 2rem !important; }
.canva-width-12 		{ width: 3rem !important; }
.canva-width-16 		{ width: 4rem !important; }
.canva-width-24 		{ width: 6rem !important; }
.canva-width-32 		{ width: 8rem !important; }
.canva-width-48 		{ width: 12rem !important; }
.canva-max-width-320 	{ max-width: 320px; }
.canva-max-width-480 	{ max-width: 480px; }

.canva-ratio-1-1		{ aspect-ratio: 1; }
.canva-ratio-4-3		{ aspect-ratio: 1.33; }
.canva-ratio-3-2		{ aspect-ratio: 1.5; }
.canva-ratio-16-9		{ aspect-ratio: 1.77; }


/* ------ Colors ------ */

.canva-bg-primary 				{ background: var(--color-primary); }
.canva-bg-secondary 			{ background: var(--color-secondary); }
.canva-bg-white 				{ background: #ffffff !important; }
.canva-bg-grey-lightest 		{ background: #f8f8f8 !important; }
.canva-bg-grey-lighter 			{ background: #f0f0f0 !important; }
.canva-bg-grey-light 			{ background: #d9d9d9 !important; }
.canva-bg-grey 					{ background: #bbbbbb !important; }
.canva-bg-grey-dark 			{ background: #777777 !important; }
.canva-bg-grey-darker 			{ background: #595d61 !important; }
.canva-bg-grey-darkest 			{ background: #22292f !important; }
.canva-bg-black 				{ background: #000000 !important; }
.canva-color-primary 			{ color: var(--color-primary); }
.canva-color-secondary 			{ color: var(--color-secondary); }
.canva-color-headings 			{ color: var(--color-headings); }
.canva-color-white 				{ color: #ffffff; }
.canva-color-grey-lightest 		{ color: #f8f8f8; }
.canva-color-grey-lighter 		{ color: #f0f0f0; }
.canva-color-grey-light 		{ color: #d9d9d9; }
.canva-color-grey 				{ color: #bbbbbb; }
.canva-color-grey-dark 			{ color: #777777; }
.canva-color-grey-darker 		{ color: #595d61; }
.canva-color-grey-darkest 		{ color: #22292f; }
.canva-color-black 				{ color: #000000; }
.canva-color-success 			{ color: #51d882; }
.canva-color-warning 			{ color: #ffed4a; }
.canva-color-alert 				{ color: #e3342f; }
.canva-bg-primary 				{ background: var(--color-primary); }
.canva-bg-secondary 			{ background: var(--color-secondary); }
.canva-bg-white 				{ background: #ffffff !important; }
.canva-bg-grey-lightest 		{ background: #f8f8f8 !important; }
.canva-bg-grey-lighter 			{ background: #f0f0f0 !important; }
.canva-bg-grey-light 			{ background: #d9d9d9 !important; }
.canva-bg-grey 					{ background: #bbbbbb !important; }
.canva-bg-grey-dark 			{ background: #777777 !important; }
.canva-bg-grey-darker 			{ background: #595d61 !important; }
.canva-bg-grey-darkest 			{ background: #22292f !important; }
.canva-bg-black 				{ background: #000000 !important; }
.canva-color-primary 			{ color: var(--color-primary); }
.canva-color-secondary 			{ color: var(--color-secondary); }
.canva-color-headings 			{ color: var(--color-headings); }
.canva-color-white 				{ color: #ffffff; }
.canva-color-grey-lightest 		{ color: #f8f8f8; }
.canva-color-grey-lighter 		{ color: #f0f0f0; }
.canva-color-grey-light 		{ color: #d9d9d9; }
.canva-color-grey 				{ color: #bbbbbb; }
.canva-color-grey-dark 			{ color: #777777; }
.canva-color-grey-darker 		{ color: #595d61; }
.canva-color-grey-darkest 		{ color: #22292f; }
.canva-color-black 				{ color: #000000; }
.canva-color-success 			{ color: #51d882; }
.canva-color-warning 			{ color: #ffed4a; }
.canva-color-alert 				{ color: #e3342f; }


/* ------ Is Dark ------ */

.canva-isdark *:not([class*="canva-color-"]) {
	color: #ffffff;
}


/* ------ Reset WP backend settings ------ */

.canva-mt-0>p {
	margin-top: 0 !important;
}


/**[class*="canva-fs-"] > p {
    font-size: 1em;
}
*/




/*------------------------------------*\
    Login
\*------------------------------------*/

body.login div#login h1 a {
	padding-bottom: 0px;
	height: 120px;
	/*width: 320px;
    background-size: 320px;*/
}

#login {
	margin: auto;
	padding: 10vh 0 0;
	/*width: 320px;*/
}


/*------------------------------------*\
    Backend setting Canva theme
\*------------------------------------*/

#titlediv {
	margin-bottom: 2rem;
}


/* Main title */

#titlediv #title {
	font-size: 2.5em !important;
}


/* Info block titles in backend */

#poststuff h2 {
	font-size: 16px !important;
	/* background-color: #f5f5f5 !important; */
}

#poststuff h3 {
	font-size: 24px !important;
	line-height: 1.4 !important;
	font-weight: 300 !important;
	color: #666666 !important;
}


/* Second level titles in ACF info blocks */

.acf-field [data-name="group_description"] .acf-input .mce-edit-area {
	height: 140px !important;
}

.acf-field [data-name="publication_cover"] {
	float: left !important;
	width: 20% !important;
}

.acf-field [data-name="publication_title"],
.acf-field [data-name="publication_subtitle"] {
	float: right !important;
	width: 60% !important;
}

.acf-field [data-name="publication_description"] {
	float: right !important;
	height: 300px !important;
	margin-top: 21px !important;
	width: 60% !important;
}

.acf-field [data-name="publication_description"] .mce-edit-area {
	height: 140px !important;
}

.acf-field [data-name="publication_description"] .mce-edit-area iframe {
	height: 140px !important;
}

.acf-field [data-name="publication_attachment"] {
	float: left !important;
	width: 30% !important;
}



/* Create ACF page */

.acf-field-object.open>.handle {
	background: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
	text-shadow: none !important;
}


/* ACF Form setting page broken layout fix*/

#acf-group_form_settings .acf-field {
	border-top: none;
	width: 80%;
	right: 0;
	left: 20%;
}

/* Stuff */

.acf-flexible-content .layout .acf-fc-layout-handle {
	font-size: 24px;
}

.acf-flexible-content .layout .acf-fc-layout-order {
	background: transparent;
	font-size: 24px;
	color: var(--color-primary);
}

.acf-fields.-border {
	border: none !important;
}

.acf-admin-toolbar .acf-tab.is-active {
	border-color: var(--color-accent);
}


/* Switch */

.acf-switch .acf-switch-on {
	text-shadow: none !important;
}

.acf-switch.-on {
	background: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
}

.acf-switch.-on {
	background-color: var(--color-primary) !important;
}

.acf-switch.-on .acf-switch-slider {
	border-color: var(--color-primary) !important;
}

.acf-switch:hover,
.acf-switch.-focus,
.acf-switch:hover .acf-switch-slider,
.acf-switch.-focus .acf-switch-slider {
	border-color: var(--color-primary) !important;
	color: var(--color-primary) !important;
}


/* Button groups */

	.acf-button-group label.selected {
		border-color: var(--color-primary);
		background: var(--color-primary);
	}

	.acf-button-group label.selected:hover {
		background: var(--color-primary);
	}

.acf-row td {
	border-top-color: #bbb !important;
}

.acf-fields>.acf-tab-wrap .acf-tab-group {
	border-top: none;
}

.acf-fields>.acf-tab-wrap {
	background-color: #fff;
}

.acf-table tbody tr:nth-of-type(2n) td,
.acf-table tbody tr:nth-of-type(2n) td.acf-fields>.acf-tab-wrap,
.acf-table tbody tr:nth-of-type(2n) td.acf-fields>.acf-tab-wrap .acf-tab-group li.active a {
	background-color: #f4f4f4;
}

.acf-table tbody tr:nth-of-type(2n) td.acf-fields>.acf-tab-wrap .acf-tab-group li a {
	background-color: #ebebeb;
}

/* .acf-accordion .acf-accordion-title,
.acf-accordion .acf-accordion-title label {
	transition: font-size .2s ease-in-out;
} */

.acf-accordion.-open {
	border: 1px solid var(--color-primary) !important;
	border-bottom-width: 2px !important;
}

	.acf-accordion.-open .acf-accordion-title label {
		/* font-size: 20px; */
		font-weight: 700;
	}

	.block-editor .edit-post-sidebar .acf-accordion.-open .acf-accordion-title label {
		font-size: inherit;
		font-weight: inherit;
	}

.acf-accordion .acf-accordion-title:hover,
.acf-accordion.-open .acf-accordion-title {
	background-color: var(--color-primary) !important;
	color: var(--color-light);
}



/* Canva menu */

.canva-menu-repeater .acf-label,
.canva-menu-repeater .acf-fields.-left>.acf-field::before {
	display: none;
}

.canva-menu-repeater .acf-fields.-left>.acf-field>.acf-input {
	width: 100%;
}


/* Code fields */

.canva-code textarea {
	font-family: var(--font-mono) inherit;
	background-color: #333;
	color: #aaaaaa;
	line-height: 2em !important;
	letter-spacing: 1px;
	font-size: 1.1rem !important;
}


/* ------ WP core ------ */


/* Buttons */

.wp-core-ui .button-primary {
	color: var(--color-light) !important;
	background: var(--color-primary);
	border-color: var(--color-primary);
}

.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
	color: var(--color-light) !important;
	background: var(--color-accent) !important;
	border-color: var(--color-accent) !important;
}

.wp-core-ui .button,
.wp-core-ui .button-secondary {
	color: var(--color-primary);
	border-color: var(--color-primary);
}

.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
	background: var(--color-primary);
	border-color: var(--color-primary);
	color: #f0f0f1;
	;
}

.wrap .add-new-h2,
.wrap .add-new-h2:active,
.wrap .page-title-action,
.wrap .page-title-action:active {
	border-color: var(--color-accent);
	color: var(--color-accent);
}


/* Links */

#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow div {
	background-color: var(--color-accent);
}



/*------------------------------------*\
    Tailwind classes
\*------------------------------------*/

/* .w-px 	{ width: 1px; }
.w-0.5 	{ width: 0.125rem; }
.w-4 	{ width: 1rem; }
.w-6 	{ width: 1.5rem; }
.w-8 	{ width: 2rem; }
.w-12 	{ width: 3rem; }
.w-16 	{ width: 4rem; }
.w-20 	{ width: 5rem; }
.w-24 	{ width: 6rem; }
.w-28 	{ width: 7rem; }
.w-32 	{ width: 8rem; }
.w-36 	{ width: 9rem; }
.w-40 	{ width: 10rem; }
.w-48 	{ width: 12rem; }
.w-64 	{ width: 16rem; }

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mt-0 	{ margin-top: 0 !important; }
.mt-1 	{ margin-top: .25rem !important; }
.mt-2 	{ margin-top: .5rem !important; }
.mt-3 	{ margin-top: .75rem !important; }
.mt-4 	{ margin-top: 1rem !important; }
.mt-6 	{ margin-top: 1.5rem !important; }
.mt-8 	{ margin-top: 2rem !important; }
.mt-12 	{ margin-top: 3rem !important; }
.mt-16 	{ margin-top: 4rem !important; }
.mt-24 	{ margin-top: 6rem !important; }
.mt-32 	{ margin-top: 8rem !important; }

.mb-0 	{ margin-bottom: 0 !important; }
.mb-1 	{ margin-bottom: .25rem !important; }
.mb-2 	{ margin-bottom: .5rem !important; }
.mb-3 	{ margin-bottom: .75rem !important; }
.mb-4 	{ margin-bottom: 1rem !important; }
.mb-6 	{ margin-bottom: 1.5rem !important; }
.mb-8 	{ margin-bottom: 2rem !important; }
.mb-12 	{ margin-bottom: 3rem !important; }
.mb-16 	{ margin-bottom: 4rem !important; }
.mb-24 	{ margin-bottom: 6rem !important; }
.mb-32 	{ margin-bottom: 8rem !important; }


/* py-* ----------------
Tolti, creano disallineamenti nell'interfaccia dei blocchi e nelle aree di click. Non vanno bene per il backend */

/*
.pt-1 	{padding-top: .25rem !important;}
.pt-2 	{padding-top: .5rem !important;}
.pt-3 	{padding-top: .75rem !important;}
.pt-4 	{padding-top: 1rem !important;}
.pt-6 	{padding-top: 1.5rem !important;}
.pt-8 	{padding-top: 2rem !important;}
.pt-12 	{padding-top: 3rem !important;}
.pt-16 	{padding-top: 4rem !important;}
.pt-24 	{padding-top: 6rem !important;}
.pt-32 	{padding-top: 8rem !important;}

.pb-1 	{ padding-bottom: .25rem !important; }
.pb-2 	{ padding-bottom: .5rem !important; }
.pb-3 	{ padding-bottom: .75rem !important; }
.pb-4 	{ padding-bottom: 1rem !important; }
.pb-6 	{ padding-bottom: 1.5rem !important; }
.pb-8 	{ padding-bottom: 2rem !important; }
.pb-12 	{ padding-bottom: 3rem !important; }
.pb-16 	{ padding-bottom: 4rem !important; }
.pb-24 	{ padding-bottom: 6rem !important; }
.pb-32 	{ padding-bottom: 8rem !important; }
*/


/* Azzera il padding-top-bottom degli elementi row-w-100 per non rovinare il layout del be.

[class~="pt-"] non può funzionare perché va bene solo se pt-XY è dichiarata come prima classe tra tutte, cosa che non può succedere, quindi si usa [class*="pt-"] che vale per qualsiasi match in qualsiasi posizione */

.wp-block-acf-row-w-100-inner-blocks[class*="pt-"] {
	padding-top: 0 !important;
}

.wp-block-acf-row-w-100-inner-blocks[class*="pb-"] {
	padding-bottom: 0 !important;
}

.wp-block-acf-row-w-100-inner-blocks[class*="py-"] {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


/* CSS utile per gestire le preview delle immagini di un blocco */
img.block-preview,
.block-editor-inserter__preview-container .canva-wp-block {
	display: none !important;
}

.block-editor-inserter__preview-container img.block-preview {
	display: block !important;
}