/*!
Theme Name: Cioccolati Italiani
Theme URI: http://underscores.me/
Author: Roberto Rescigno - ROMI Company
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cioccolati-italiani
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Cioccolati Italiani is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
	--tw-bg-opacity: 1;
    background-color: rgb(219 171 138 / var(--tw-bg-opacity));
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #FFF9ED;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #FFF;
}

/* 
a:visited {
	color: #800080;
} */

a:hover,
a:focus,
a:active {
	color: #FFF9ED;
}

.page-template-blog a:hover,
.archive a:hover,
#next--post--single a:hover {
	color: inherit;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

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 {
	color: #666;
	border: none;
	border-radius: 5px;
	padding: 8.5px;
	margin-top: 3px;
}

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

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.page-template-blog .nav-links,
.archive .nav-links {
	display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 55px;
    /* color: var(--New-Palette-03, #3EB8EB); */
    font-family: Dense;
    font-size: 65px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: 1.95px;
}

span.page-numbers.current {
    color: #3EB8EB;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* Typo */
@font-face {
    font-family: 'Dense';
    src: url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Bold.eot');
    src: local('Dense Bold'), local('Dense-Bold'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Bold.woff2') format('woff2'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Bold.woff') format('woff'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Dense';
    src: url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense.eot');
    src: local('Dense'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense.woff2') format('woff2'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense.woff') format('woff'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dense';
    src: url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Thin.eot');
    src: local('Dense Thin'), local('Dense-Thin'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Thin.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Thin.woff2') format('woff2'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Thin.woff') format('woff'),
        url('/wp-content/themes/cioccolati-italiani/fonts/dense/Dense-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-Thin.otf') format('opentype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-ExtraLight.otf') format('opentype');
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-ExtraBold.otf') format('opentype');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Akrobat';
	src: url('/wp-content/themes/cioccolati-italiani/fonts/akrobat/Akrobat-Black.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
}




h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Dense', sans-serif;
	font-weight: 700 !important;
	letter-spacing: 1.44px;
	line-height: 52.8px;
}

h1 {
	font-size: 72px !important;
}

h2 {
	font-size: 48px !important;
	font-style: normal;
	font-weight: 700 !important;
}

h3 {
	font-size: 36px !important;
}

h4 {
	font-size: 30px !important;
}

h5 {
	font-size: 24px !important;
}

h6 {
	font-size: 21px !important;
}

@media only screen and (max-width: 960px) {

	html,
	body {
		overflow-x: hidden;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: 'Dense', sans-serif;
		font-weight: bold;
		letter-spacing: 1.2px;
		line-height: 40px;
	}

	h1 {
		font-size: 72px !important;
	}

	h2 {
		font-size: 40px !important;
		font-style: normal;
		font-weight: 700 !important;
	}

	h3 {
		font-size: 36px !important;
	}

	h4 {
		font-size: 30px !important;
	}

	h5 {
		font-size: 24px !important;
	}

	h6 {
		font-size: 21px !important;
	}

	body {
		font-family: 'Akrobat', sans-serif;
		color: #5A3217;
		font-size: 18px;
		line-height: 18px;
		letter-spacing: 0.36px;
		font-style: normal;
	}
}

/* Visibilità */
.show-desktop {
	display: block;
}

.show-mobile {
	display: none;
}

.show-tablet {
	display: none;
}

.show-desktop-mobile {
	display: block;
}

.show-desktop-tablet {
	display: block;
}

.show-mobile-tablet {
	display: none;
}

@media (max-width: 1024px) {
	.show-desktop {
		display: none;
	}

	.show-tablet,
	.show-desktop-tablet,
	.show-mobile-tablet {
		display: block;
	}
}

@media (max-width: 768px) {

	.show-mobile,
	.show-desktop-mobile,
	.show-mobile-tablet {
		display: block;
	}

	.show-desktop,
	.show-tablet,
	.show-desktop-tablet {
		display: none;
	}
}

/* Contenuto */

body {
	font-family: 'Akrobat', sans-serif;
	color: #5A3217;
	font-size: 22px;
	line-height: 30.8px;
	font-style: normal;
}

body.post,
body.page {
	margin: 0;
}

header a {
	color: #5A3217;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 17.6px;
	letter-spacing: 0.32px;
	text-transform: uppercase;
}

header a:hover {
	color: #fff;
}

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000; /* Assicurati che sia sopra gli altri elementi */
  }

body.fixed-header-active {
	padding-top: 70px; /* Assumi che l'altezza dell'header sia 70px */
}
  
a#button--cta {
	display: flex;
	padding: 13px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #5A3217;
	color: #fff;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 24.2px;
	letter-spacing: 0.44px;
	text-transform: uppercase;
	text-align: center;
}

.builder--margin {
	margin-bottom: 140px;
}

@media (max-width: 1024px) {
	.builder--margin {
		margin-bottom: 70px;
	}

	.single-store .builder--margin {
		margin-bottom: 0;
	}
}

@media (max-width: 768px) {
	#single--product p {
		color: #5A3217;
		font-family: Dense;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 0.54px;
	}

	.single-post .entry-meta {
		flex-direction: column;
	}
}


.singolo--giorno {
	color: #5A3217;
	font-family: 'Akrobat', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: 0.36px;
	margin-bottom: 9px;
}

.timeline .years--number {
	color: #5A3217;
	text-align: right;
	font-family: Dense;
	font-size: 190px;
	font-style: normal;
	font-weight: 700;
	line-height: 209px;
	letter-spacing: 5.7px;
}

.timeline .year-section::after {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 2px solid #5A3217;
	left: 0;
	z-index: -1;
	height: 60px;
}

.timeline .year-section:nth-child(4):after,
.timeline .year-section:nth-child(5):after {
	height: 90px;
}

.timeline .year-section:nth-child(6):after {
	height: 110px;
}

.timeline .year-section:nth-child(8):after {
	height: 40px;
}
.timeline .year-section:nth-child(10):after {
	height: 40px;
}

@media only screen and (min-width: 1441px) {
	.timeline .year-section:nth-child(4):after {
		height: 110px;
	}
	.year-section {
		gap: 92px;
		justify-content: space-between;
		max-width: 1100px;
		margin: 0 auto 140px;
	}
	.page-id-485 #text_and_image {
		max-width: 1100px;
		padding: 0;
	}
}


.timeline #text--one--column p,
.timeline #text--two--column p {
	font-weight: 600;
	line-height: 30.8px;
}

.timeline #text--two--column p {
	columns: 2;
	column-gap: 20px;
}

#year--sep {
	border: 1px solid;
	position: absolute;
	top: 41%;
	left: 0;
	display: block;
	z-index: -1;
	right: 0;
}

/* Post & Blog */

#blog--post a#categoria--post {
	color: #3EB8EB;
	font-family: Akrobat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	font-weight: 600;
	line-height: 25.2px;
	text-transform: uppercase;
}

#blog--post h3 {
	color: #5A3217;
	font-family: Dense;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	font-weight: 600;
	line-height: 39.6px;
	letter-spacing: 1.08px;
}

.single-post article {
	margin-top: 70px;
}

.single-post article .entry-content {
	margin: 0;
}
.single-post article .entry-content h2:first-of-type {
	margin-top: 0;
	margin-bottom: 20px;
}

.single-post article h2 {
	margin-top: 40px;
	margin-bottom: 20px;
}

.single-post article h3 {
	margin-top: 10px;
	margin-bottom: 17px;
	color: #3EB8EB;
	text-align: center;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	font-weight: 600;
	line-height: 39.6px;
	letter-spacing: 1.08px;
}

.single-post article p {
	margin-bottom: 40px;
	font-family: Akrobat;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	font-weight: 600;
	line-height: 30.8px;
}

.single-post article .post-thumbnail img {
	margin: 40px 0;
	width: 876px !important;
}

.single-post article img {
	margin: 40px 0;
	width: 100% !important;
}

/* Rimuovi lo stile di lista di default */
.single-post .entry-content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 1.5em 1.5em !important;
}

/* Aggiungi stile ai <li> */
.single-post .entry-content ul li {
	position: relative;
	color: #5A3217;
	font-family: Akrobat;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 30.8px;
	margin-top: 20px;
}


/* Aggiungi marker personalizzato */
.single-post .entry-content ul li::before {
	content: '■';
	position: absolute;
	left: -38px;
	top: 50%;
	transform: translateY(-57%);
	color: #3EB8EB;
	font-size: 48px;
}


.page-template-default header h1 {
	display: none;
}

.single-post main header.entry-header {
	padding: 0 170px;
	text-align: center;
}

.single-post .post-thumbnail {
	display: flex;
	justify-content: center;
}

.single-post .entry-content {
	padding: 0 282px;
}

.single-post .entry-meta {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #5A3217;
	font-family: Akrobat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 19.8px */
	text-transform: uppercase;
}

.single-post .entry-meta span,
.single-post .entry-meta span a {
	color: #5A3217;
	font-family: Akrobat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 19.8px */
	text-transform: uppercase;
}

.single-post blockquote {
	background: #5A3217;
	border: 16px solid #3EB8EB;
	padding: 46px 100px;
	color: #fff;
	margin: 40px auto;
	height: 185px;
    display: flex;
    align-items: center;
}

.single-post blockquote p {
	margin-bottom: 0;
	font-weight: normal;
}

#blog--post #singular--post:nth-child(1) img,
#blog--post #singular--post:nth-child(3) img,
#blog--post #singular--post:nth-child(5) img {
	height: 260px;
}

#blog--post #singular--post:nth-child(2) img,
#blog--post #singular--post:nth-child(4) img,
#blog--post #singular--post:nth-child(6) img {
	height: 350px;
}

#archive--blog h2 {
	color: #5A3217;
	font-family: Dense;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 52.8px */
	letter-spacing: 1.44px;
}

#archive--blog li a {
	color: #FFF9ED;
	font-family: Akrobat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	/* 25.2px */
	text-transform: uppercase;
}

#archive--blog ul {
	margin-top: 20px;
}

#archive--blog ul.years--archive li a {
	color: #5A3217;
	font-family: Dense;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 33px */
	letter-spacing: 0.9px;
}

#archive--blog li {
	margin-bottom: 10px;
}

#archive--blog ul.months--archive li a {
    color: #FFF9ED;
    font-family: Akrobat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-transform: uppercase;
    text-decoration: none;
}

ul.months--archive {
	margin-top: 10px !important;
}

.bottom--year {
	border-bottom: 2px solid #fff;
	width: 100px;
}

.bottom--year:last-of-type {
	border-bottom: 0;
}

#next--post--single img {
	height: 350px;
	object-fit: cover;
}

#next--post--single .next-post-categories {
	color: #3EB8EB;
	text-align: center;
	font-family: Akrobat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 140%;
	text-transform: uppercase;
}

#next--post--single h3 {
	color: #5A3217;
	text-align: center;
	font-family: Dense;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 1.08px;
}

#next--post--single h5 {
	color: #5A3217;
	font-family: Dense;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 26.4px */
	letter-spacing: 0.72px;
}

/* End Post & Blog */

.swiper {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-pagination {
	position: relative;
}


/* Home blog post */

.single--post--block:nth-child(1),
.single--post--block:nth-child(3) {
	display: grid;
	align-items: flex-end;
}

.single--post--block:nth-child(1) img {
	height: 250px;
	object-fit: cover;
}

.single--post--block:nth-child(2) img {
	height: 350px;
	object-fit: contain;
}

.single--post--block:nth-child(3) img {
	height: 250px;
	object-fit: cover;
}

.single--post--block:nth-child(4) img {
	height: 350px;
	object-fit: contain;
}

@media only screen and (min-width: 1536px) {
    .single--post--block:nth-child(4) img {
		object-fit: cover;
	}
}

/* CF7 Form */
footer .first-name,
footer .last-name,
footer .email {
	background-color: #3C4150;
	color: #FFF9ED;
	border: none;
	padding: 0.5rem;
	border-radius: 0.25rem;
	width: 100%;
}

footer .optional,
footer .agreement,
footer span.autorizzo {
	color: #FFF9ED;
	font-family: Akrobat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
	/* 19.6px */
}

footer form.wpcf7-form a {
    color: #3EB8EB;
}

footer ::placeholder {
	color: #FFF9ED;
}

footer .submit {
	background-color: #3EB8EB;
	color: #FFF9ED;
	padding: 0.75rem 1.5rem;
	border: none;
	cursor: pointer;
	width: 100%;
	text-transform: uppercase;
}

footer .wpcf7-list-item {
	margin: 0;
}

footer .submit:hover {
	background-color: #2A8BB8;
}

footer .wpcf7-spinner {
	display: none;
}

footer #informativa p {
	color: #FFF9ED;
	font-family: Akrobat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 19.6px */
}

footer .cf7-svg-checkbox {
    margin-bottom: 10px;
}

footer #select-all p {
	color: #3EB8EB;
	font-size: 14px;
	font-weight: 700;
	margin-top: 10px;
}

footer ul#trovaci {
	border-left: 2px solid #3EB8EB;
    padding-left: 10px;
}

#select-all p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 6px;
	color: #3EB8EB;
	font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
	margin-top: -10px;
}
#select-all a {
	cursor: pointer;
}
#select-all a:hover {
	color: inherit;
}

footer input::placeholder {
	color: #FFF9ED;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 600;
	line-height: 140%;
}

footer li {
	font-family: Akrobat;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	letter-spacing: 0.36px;
	text-transform: uppercase;
}

footer #column button {
	border-radius: 0;
	color: #FFF9ED;
	font-family: Akrobat;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 0.36px;
	text-transform: uppercase;
	width: 100%;
}

footer .agreement label,
footer .optional label {
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Stile del checkbox personalizzato */
.wpcf7 input[type="checkbox"] {
	width: 20px;
	height: 20px;
	background-color: #3EB8EB;
	/* Colore di sfondo blu chiaro */
	border: 3px solid #fff;
	/* Bordo blu */
	-webkit-appearance: none;
	/* Rimuove lo stile predefinito su Safari */
	-moz-appearance: none;
	/* Rimuove lo stile predefinito su Firefox */
	appearance: none;
	/* Rimuove lo stile predefinito */
	outline: none;
	/* Rimuove il bordo di focus */
	cursor: pointer;
	display: inline-block;
	position: relative;
}

/* Stile del checkbox quando è selezionato */
.wpcf7 input[type="checkbox"]:checked {
	background-color: #3EB8EB;
	/* Mantiene lo sfondo blu chiaro */
	border: 3px solid #fff;
	/* Bordo blu scuro */
}

/* Pseudo-elemento per la spunta */
.wpcf7 input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	top: 2px;
	left: 2px;
	width: 12px;
	height: 12px;
	background-color: #3EB8EB;
	/* Colore della spunta */
}

#form #curriculum br {
	display: none;
}

#form #candidati input[type="submit"] {
	width: 129px;
	width: auto;
	display: flex;
	background: #3EB8EB;
	border: none;
	padding: 13px 20px;
	color: #FFF9ED;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 24.2px;
	letter-spacing: 0.44px;
	text-transform: uppercase;
}

#form #informativa span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.w-full {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}

#form select {
	height: 52px;
	border: none;
	border-radius: 5px;
	padding: 8.5px;
	margin-top: 3px;
}

.page-template-lavora-con-noi #form .wpcf7-list-item {
	margin: 0;
}

.page-template-lavora-con-noi #form span.wpcf7-form-control.wpcf7-checkbox.mr-2 {
	gap: 20px;
	display: flex;
}

.page-template-lavora-con-noi a#candidatura {
	display: flex;
	padding: 13px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #5A3217;
	color: #FFF9ED;
	font-family: Akrobat;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 0.44px;
	text-transform: uppercase;
	margin-top: 30px;
}
.page-id-1061.page-template-lavora-con-noi a#candidatura {
	width: 400px;
}

.page-template-franchising input[type="checkbox"]:disabled {
    background-color: #3EB8EB;
    border-color: #3EB8EB;
    position: relative;
}

.page-template-franchising input[type="checkbox"]:disabled::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3EB8EB;
    border: 1px solid #3EB8EB;
    box-sizing: border-box;
}

.page-template-franchising input[type="checkbox"]:disabled::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(62, 184, 235, 0.5);
    border: 1px solid rgba(62, 184, 235, 0.5);
    box-sizing: border-box;
}


#hero--blog h1 {
	margin-bottom: 10px;
	color: #3EB8EB;
	text-align: center;
	font-family: Dense;
	font-size: 72px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 79.2px */
	letter-spacing: 2.16px;
}

#hero--blog h2 {
	color: #FFF9ED;
	text-align: center;
	font-family: Dense;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 52.8px */
	letter-spacing: 1.44px;
}


#app #sidebar .active\:border-l-\[\#3EB8EB\]:active {
    --tw-border-opacity: 1;
    color: #3EB8EB !important;
    border-color: #3EB8EB !important;
}

@media (max-width: 1024px) {
	#hero--blog {
		padding: 35px 25px;
	}

	#hero--blog h1 {
		color: #3EB8EB;
		text-align: center;
		font-family: Dense;
		font-size: 50px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 1.86px;
		margin-bottom: 4px;
	}

	#hero--blog h2 {
		color: #FFF9ED;
		text-align: center;
		font-family: Dense;
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 1.2px;
	}

	#blog--post {
		padding: 35px;
	}

	.single-post .entry-content,
	.single-post main header.entry-header {
		padding: 0 20px;
	}

	.single-post main header.entry-header h1 {
		font-size: 62px !important;
		line-height: 100%;
		letter-spacing: 1.86px;
	}

	.single-post article h3 {
		font-size: 32px !important;
		line-height: 100%;
		letter-spacing: 0.96px;
	}

	.single-post blockquote {
		padding: 46px 18px;
		text-align: center;
	}

	/* .single-post .entry-meta {
		flex-direction: column;
	} */
	.single-post .post-thumbnail {
		padding: 0 20px;
	}

	.single-post article {
		margin-top: 35px;
	}

	.timeline .year-section::after {
		display: none;
	}

	#sep--mobile {
		width: 100%;
        border-bottom: 2px solid #5A3217;
        z-index: -1;
	}

	.timeline #text--two--column p {
		columns: 1;
		column-gap: 20px;
	}
}

@media (max-width: 1240px) {
	.home #builder--5 #cta {
		background-position: center;
	}

	.home #builder--4 #box--cta {
		background-image: url(/wp-content/uploads/2024/06/background-gelato.png) !important;
	}
}

/* Store Locator */

@import url('https://fonts.cdnfonts.com/css/dense');

@import url('https://fonts.cdnfonts.com/css/akrobat');

.footer-nav-widgets-wrapper.header-footer-group,
footer#site-footer,
header.entry-header.has-text-align-center.header-footer-group,
header#site-header {
	display: none;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel-inner .Num_of_store {
	display: none;
}

li.item-state.asl-state-li:hover,
li.item-state.asl-state-li:active {
	background-color: transparent;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state > a:hover,
#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state > a:active {
    background-color: #DBAB8A !important;
}

#asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .info-addr-inner .icon-calendar,
#asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .info-addr-inner .txt-hours {
	display: none;
}

.btn--custom {
	color: var(--White, #FFF);
	font-family: Akrobat;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 24.2px */
	letter-spacing: 0.44px;
	text-transform: uppercase;
}

.custom_bnt_location {
	display: none;
}

.page-id-32 .post-inner {
	padding-top: 0;
}

#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state>a span {
	color: #5A3217;
	text-align: center !important;
	font-family: Dense !important;
	font-size: 48px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 110% !important;
	letter-spacing: 1.44px !important;
	background-color: transparent !important;
}

#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state>a {
	background-color: transparent !important;
	border: none;
}

li.item-state.asl-state-li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid var(--Timberwolf, #DCD2CF);
}

#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state ul.sl-acc-layout>li {
	margin-left: 0 !important;
}

li.sl-categories,
li.sl-days,
.sl-row.sl-desc {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	#asl-storelocator.asl-cont.asl-template-0.full-height .asl-panel {
		order: 2;
	}
	#asl-storelocator.asl-cont .asl-wrapper .Filter_section {
		padding: 35px 25px !important;
        background-color: #DBAB8A !important;
	}
	#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state ul.sl-acc-layout>li {
		margin-left: 0 !important;
		background: transparent;
	}
	#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state > a:hover, #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state > a:active {
		background-color: #DBAB8A !important;
		border: none;
		padding: 19px 100%;
		border-radius: 0 !important;
	}
	/* #slider--home::after {
		content: '';
		display: block;
		background-color: #DBAB8A;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0.5;
	} */
	#text_and_image h1 {
		font-size: 62px !important;
		line-height: 100%;
		letter-spacing: 1.86px;
	}
	.timeline h3 {
		font-size: 32px !important;
		line-height: 100%;
		letter-spacing: 0.96px;
	}
	.timeline .years--number {
		font-size: 140px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		letter-spacing: 4.2px;
	}
	.timeline #text--one--column p,
	.timeline #text--two--column p {
		color: var(--New-Palette-04, #5A3217);
		font-family: Akrobat;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 130%;
		margin-top: 20px;
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 800px) {
	li.item-state.asl-state-li {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-bottom: 1px solid var(--Timberwolf, #DCD2CF);
	}

	#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state>a span {
		color: #5A3217;
		text-align: center !important;
		font-family: Dense !important;
		font-size: 48px !important;
		font-style: normal !important;
		font-weight: 700 !important;
		line-height: 110% !important;
		letter-spacing: 1.44px !important;
		background-color: transparent !important;
	}

	.page-id-32 #asl-storelocator.asl-cont .asl-advance-filters.hide {
		display: block !important;
	}

	#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-panel .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state>a {
		background-color: transparent !important;
		border: none;
		padding: 19px 100%;
        border-radius: 0 !important;
	}

	body #asl-storelocator.asl-p-cont #asl-map-canv,
	body #asl-storelocator.asl-cont #asl-map-canv {height: 630px !important}

	#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state ul.sl-acc-layout>li {
		margin-left: 0 !important;
		background: transparent;
	}

	#asl-storelocator.asl-cont .sl-main-cont .asl-panel {
		border: 0 !important;
	}

	#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.item-state {
		margin-top: 0 !important;
	}

	#asl-storelocator.asl-cont .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box .sl-list-wrapper .sl-list {
		padding: 0 !important;
		height: 630px;
	}

	.page-template-store-locator .asl-cont .pol-lg-4 {
		max-width: 350px !important;
        margin: 0 !important;
	}

	.page-template-store-locator .pol-lg-4.pol-md-5.pol-sm-12.search_filter {
		max-width: 364px !important;
	}

	.page-template-store-locator #asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters {
		margin-bottom: 0 !important;
	}

	.page-template-store-locator .asl-filter-cntrl,
	.page-template-store-locator button.span-geo,
	.page-template-store-locator .sl-search-group.d-flex {
		width: 350px;
		border: 0;
	}

	#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-addr-list-title {
		color: #5A3217;
		font-family: Dense;
		font-size: 28px !important;
		font-style: normal;
		font-weight: 700 !important;
		line-height: 110% !important;
		letter-spacing: 0.84px !important;
	}

	.page-template-store-locator #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-act-btns .s-direction,
	.page-template-store-locator #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .btn.btn-asl {
		text-align: center;
		padding: 13px 23px !important;
		font-weight: 600;
		color: #FFF9ED;
		font-size: 22px;
		font-style: normal;
		line-height: 110%;
		letter-spacing: 0.44px;
		text-transform: uppercase;
		margin-right: 0 !important;
		margin-top: 0 !important;
		border-radius: 0 !important;
	}
	#asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .sl-act-btns {
		display: flex;
		flex-flow: nowrap;
		align-items: center;
		gap: 13px;
	}

	.sl-container {
		width: 1200px !important;
	}

	#asl-storelocator.asl-cont .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box .sl-list-wrapper .sl-list .sl-item {
		padding: 15px 12px !important;
	}

	li.sl-categories,
	li.sl-days,
	.sl-row.sl-desc {
		display: none !important;
	}

	.page-template-store-locator #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li span,
	.page-template-store-locator #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-addr-sec .addr-loc ul li a {
		color: #5A3217 !important;
		font-family: Akrobat !important;
		font-size: 18px !important;
		font-style: normal !important;
		font-weight: 600 !important;
		line-height: 140% !important;
	}

	ul.multiselect-container.adropdown-menu.show li:first-of-type,
	ul.multiselect-container.adropdown-menu.show li:nth-child(2) {
		display: none;
	}

	#asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-advance-filters .asl-filter-cntrl .asl-cntrl-lbl,
	#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter label {
		display: none;
	}

	#asl-storelocator.asl-cont .asl-wrapper .Filter_section {
		padding: 25px 170px !important;
	}

	.custom_bnt_location {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 66px;
		border-radius: 5px;
		background: #3EB8EB;
		height: 50px;
		width: 350px;
	}

	.custom_bnt_location button {
		color: #FFF;
		font-family: Akrobat !important;
		font-size: 22px !important;
		font-style: normal;
		font-weight: 600 !important;
		line-height: 140% !important;
		background: transparent;
	}

	#asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .btn-group button.adropdown-toggle,
	#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address,
	#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-name {
		height: 50px !important;
	}

	#asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters {
		padding-right: 0 !important;
	}

	a.action.a-website {
		display: none;
	}

	#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address,
	#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-name {
		color: #5A3217 !important;
		font-family: Akrobat;
		font-size: 22px !important;
		font-style: normal;
		font-weight: 600 !important;
		line-height: 140% !important;
	}

	#asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .btn-group button.adropdown-toggle .multiselect-selected-text {
		color: #5A3217 !important;
		font-family: Akrobat;
		font-size: 22px !important;
		font-style: normal;
		font-weight: 600 !important;
		line-height: 140% !important;
	}

	#asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter .sl-search-group .asl-search-address::placeholder {
		color: #5A3217 !important;
		font-family: Akrobat;
		font-size: 19.7px !important;
		font-style: normal;
		font-weight: 600 !important;
		line-height: 100% !important;
	}

	.page-template-store-locator #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section {
		background-color: #DBAB8A;
	}

	#asl-storelocator.asl-cont .infoBox .infoWindow {
		font-family: Akrobat;
	}

	#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 .sl-infoWindow-title,
	#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 h3 {
		font-family: 'akrobat';
		font-size: 20px;
		padding: 15px 45px 0px 10px !important;
	}

	#asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .info-addr-inner a,
	#asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .sl-tag {
		font-size: 16px !important;
	}

	#asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter .sl-search-group .span-geo {
		background: transparent !important;
	}

	.asl-cont .icon-direction-outline:before {
		content: '\e804';
		color: #3EB8EB;
	}
}

.privacy-policy p {
	margin-bottom: 20px;
}

#checkbox--list input {
	width: 18px;
    height: 20px;
}

#checkbox--list #point--list div {
	display: flex;
    align-items: center;
    gap: 6px;
}

.svg-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
	gap: 6px;
}

.svg-checkbox svg {
    width: 19px;
    height: 21px;
    margin-right: 8px;
}

.svg-checkbox svg.checked {
    display: none;
}

.cf7-svg-checkbox input:checked + svg.unchecked
.svg-checkbox input:checked + svg.unchecked {
    display: none;
}

.cf7-svg-checkbox input:checked + svg.checked
.svg-checkbox input:checked + svg.checked {
    display: block;
}

.svg-checkbox input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.form-container {
    display: none;
}

.cf7-svg-checkbox p,
.cf7-svg-checkbox-info p {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
}

.cf7-svg-checkbox p:last-of-type,
.cf7-svg-checkbox-info p:last-of-type {
	margin-bottom: 0;
}

.cf7-svg-checkbox p br,
.cf7-svg-checkbox-info p br {
	display: none;
}

.cf7-svg-checkbox svg,
.cf7-svg-checkbox-info svg {
    width: 19px;
    height: 21px;
    margin-right: 8px;
}

.cf7-svg-checkbox svg.checked,
.cf7-svg-checkbox-info svg.checked  {
    display: none;
}

.cf7-svg-checkbox input[type="checkbox"],
.cf7-svg-checkbox-info input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.cf7-svg-checkbox-group {
	display: flex;
	gap: 20px;
}

#text_and_image.main--section {
    position: relative;
}

.svg-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -120px; /* Regola la posizione a seconda delle tue esigenze */
}

.svg-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -150px; /* Regola la posizione a seconda delle tue esigenze */
}

@media only screen and (max-width: 960px) { 
	.cf7-svg-checkbox p,
	#informativa p {
		text-align: left;
		color: #5A3217;
		font-family: Akrobat;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 26px */
		margin-bottom: 10px;
	}
	.wpcf7-form label {
		color: var(--New-Palette-04, #5A3217);
		font-family: Akrobat;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%;
	}
	.cf7-svg-checkbox p {
		margin-bottom: 10px;
	}
	.cf7-svg-checkbox p:last-of-type {
		margin-bottom: 0;
	}
	#form #candidati input[type="submit"] {
		width: 100%;
	}
	.cf7-svg-checkbox svg,
	.cf7-svg-checkbox-info svg {
		width: 27px;
		height: 21px;
		margin-right: 8px;
	}
	.page-template-franchising #punti--forza h3 {
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 32px */
		letter-spacing: 0.96px;
	}
	.page-template-franchising #punti--forza p{
		font-family: Akrobat;
		font-size: 20px;
		font-style: normal;
		line-height: 130%;
	}
	#two_images_and_text p {
		font-size: 20px;
		font-style: normal;
		line-height: 130%;
		white-space: break-spaces;
	}
	#text_and_image.main--section h1 {
		text-align: center;
		font-size: 62px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 62px */
		letter-spacing: 1.86px;
	}
	#text_and_image.main--section h2 {
		text-align: center;
		font-size: 40px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%; /* 40px */
		letter-spacing: 1.2px;
	}

	.page-template-carretto #cta p {
		color: var(--New-Palette-02, #FFF9ED);
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 28px */
	}
	.page-template-lavora-con-noi #form h3 {
		text-align: center;
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		letter-spacing: 0.96px;
		margin-top: 10px;
	}
	.page-template-lavora-con-noi #punti--forza h3 {
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: 0.96px;
	}
	.page-template-lavora-con-noi #punti--forza p {
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: 130%;
	}
	#two_images_and_text h3 {
		font-size: 32px !important;
		line-height: 32px;
		letter-spacing: 0.96px;
	}
	.home #builder--5 #cta {
		background-image: url(/wp-content/uploads/2024/06/cioccolati-storia-home.png) !important;
	}
	.home #cta a {
		color: #FFF9ED;;
	}
	#cta a {
		width: 295px;
		color: #FFF9ED;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		letter-spacing: 0.4px;
		text-transform: uppercase;
	}
	.page-id-485 #cta.builder--margin {
		margin-bottom: 0;
	}
	.page-id-485 #cta h2 {
		color: #FFF9ED;
		text-align: center;
		font-family: Dense;
		font-size: 40px !important;
		font-style: normal;
		line-height: 110%;
		letter-spacing: 1.2px;
	}
	.page-id-485 #cta p {
		color: #FFF9ED;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 140%;
	}
	.single-store #contatti p {
		line-height: 100%;
    	letter-spacing: 0.36px;
	}
	.single-store #contatti a {
		height: 48px;
		width: 142px;
		font-size: 20px;
		line-height: 110%;
		letter-spacing: 0.4px;
	}
	.single-store #orari--apertura h3 {
		font-size: 32px !important;
		line-height: 100%;
		letter-spacing: 0.96px;
	}
	.single-store #orari--apertura .singolo--giorno {
		font-weight: 500;
		line-height: 100%;
	}
	.home #builder--4 #box--cta,
	#box--cta {
		background-image: url(/wp-content/uploads/2024/06/Franchising-mobile.png) !important;
		background-size: cover !important;
		        padding-bottom: 50px;
	}
	.page-template-menu-product #box--cta {
		background: url(/wp-content/uploads/2024/06/CTA-mobile-menu.png) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
	}
	.home #builder--4 #cta p {
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 130%;
	}
	.page-template-lavora-con-noi a#candidatura {
		display: flex;
		padding: 13px 20px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		background: #5A3217;
		color: #FFF9ED;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		letter-spacing: 0.4px;
		text-transform: uppercase;
		margin-top: 30px;
	}
	footer .cf7-svg-checkbox p,
	footer .cf7-svg-checkbox,
	footer #informativa p,
	footer .wpcf7-form label {
        color: #FFF9ED;
		font-size: 14px;
		margin-bottom: 0;
    }
	footer #informativa p:first-of-type {
		margin-bottom: 10px;
    }
	footer #select-all p {
		font-size: 14px;
		margin-top: 0;
	}
	footer ul#trovaci {
		border-left: none;
		padding-left: 0;
	}
	#archive--blog li>ul, li>ol {
		margin-left: 0;
	}
}

@media only screen and (max-width: 375px) {
	.page-template-lavora-con-noi a#candidatura {
		font-size: 19px;
	}
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 24px;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 24px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 122px;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 122px;
    right: auto;
}

@media only screen and (max-width: 768px) {
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
		right: 15px;
		left: auto;
	}
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
		left: 15px;
		right: auto;
	}
}
@media only screen and (max-width: 400px) {
	#hero--blog h1 {
		word-break: break-word;
	}
	#app #content .flex.flex-row.flex-wrap.md\:grid.md\:grid-cols-2.gap-x-\[5px\].md\:gap-x-\[22px\].gap-y-\[20px\].md\:gap-y-\[50px\].lg\:gap-y-\[30px\].mt-\[30px\] {
		column-gap: 15px;
	}
    #app .w-\[160px\] {
		width: 127px;
	}
	#app .h-\[160px\] {
		height: 127px;
	}
}

@media only screen and (max-width: 1024px) {
	.page-id-485 .md\:w-\[336px\],
	.page-id-485 .w-\[336px\] {
		width: 100%;
	}

}

@media only screen and (max-width: 1280px) {
	.page-id-485 #text_and_image,
	.page-id-485 .timeline {
		padding-left: 60px;
		padding-right: 60px;
	}
	.page-id-485 img.w-\[336px\] {
		width: 100%;
	}
	.page-id-485 #cta {
		padding-left: 0;
		padding-right: 0;
	}

}
@media (min-width: 1536px) {
    .page-template-franchising .\32xl\:px-\[570px\] {
        padding-left: 170px;
        padding-right: 170px;
    }
}