@charset "utf-8";
/* CSS Document */


/*
Theme Name:     BISY 2025
Theme URI:      https://bisy.it
Description:    Restyling in accordo con linee guida Zucchetti (ottobre 2024)
Author:         Milo Neri @ Diapason Digital
Author URI:     https://diapason.digital
Text Domain:    bisy
Version:        2.0.0
*/


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Roboto Subset Latin Extended */

@font-face{font-family:'Roboto';src:local('Roboto Black'), local('Roboto-Black'), url('/font/subset-Roboto-Black.woff2') format('woff2'), url('/font/subset-Roboto-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Bold'), local('Roboto-Bold'), url('/font/subset-Roboto-Bold.woff2') format('woff2'), url('/font/subset-Roboto-Bold.woff') format('woff');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/font/subset-Roboto-BlackItalic.woff2') format('woff2'), url('/font/subset-Roboto-BlackItalic.woff') format('woff');font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Italic'), local('Roboto-Italic'), url('/font/subset-Roboto-Italic.woff2') format('woff2'), url('/font/subset-Roboto-Italic.woff') format('woff');font-weight:normal;font-style:italic;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Light'), local('Roboto-Light'), url('/font/subset-Roboto-Light.woff2') format('woff2'), url('/font/subset-Roboto-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/font/subset-Roboto-BoldItalic.woff2') format('woff2'), url('/font/subset-Roboto-BoldItalic.woff') format('woff');font-weight:bold;font-style:italic;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Light Italic'), local('Roboto-LightItalic'), url('/font/subset-Roboto-LightItalic.woff2') format('woff2'), url('/font/subset-Roboto-LightItalic.woff') format('woff');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto'), local('Roboto-Regular'), url('/font/subset-Roboto-Regular.woff2') format('woff2'), url('/font/subset-Roboto-Regular.woff') format('woff');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Thin'), local('Roboto-Thin'), url('/font/subset-Roboto-Thin.woff2') format('woff2'), url('/font/subset-Roboto-Thin.woff') format('woff');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('/font/subset-Roboto-MediumItalic.woff2') format('woff2'), url('/font/subset-Roboto-MediumItalic.woff') format('woff');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Medium'), local('Roboto-Medium'), url('/font/subset-Roboto-Medium.woff2') format('woff2'), url('/font/subset-Roboto-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/font/subset-Roboto-ThinItalic.woff2') format('woff2'), url('/font/subset-Roboto-ThinItalic.woff') format('woff');font-weight:100;font-style:italic;font-display:swap}





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* colors */

:root {
	
	--grey-100:   #f8f4f3;      --grey-200:   #e6dde1;      --grey-300:   #d8cacd;      --grey-400:   #b6a8ac;      --grey-500:   #94868a;      --grey-600:   #646873;      --grey-700:   #525763;      --grey-800:   #404552;      --grey-900:   #2e3442;      --grey-999:   #1c2231;
	--orange-100: #feecda;      --orange-200: #fedab5;      --orange-300: #fdc790;      --orange-400: #fcb46b;      --orange-500: #ec7c36;      --orange-600: #d54a3c;      --orange-700: #9f3433;      --orange-800: #681d29;      --orange-900: #471520;      --orange-999: #260d17;
	--teal-100:   #dcfbf5;      --teal-200:   #b9f7ea;      --teal-300:   #95f3e0;      --teal-400:   #72efd5;      --teal-500:   #3c9ca8;      --teal-600:   #28747e;      --teal-700:   #1f595d;      --teal-800:   #1b4853;      --teal-900:   #102d3b;      --teal-999:   #081324;
	--blue-100:   #c8f8fd;      --blue-200:   #92f1fb;      --blue-300:   #5be9f8;      --blue-400:   #24e2f6;      --blue-500:   #0badc5;      --blue-600:   #118aa8;      --blue-700:   #17678b;      --blue-800:   #1d446e;      --blue-900:   #10304f;      --blue-999:   #031b30;
	--pink-100:   #fedae1;      --pink-200:   #feb5c3;      --pink-300:   #fd90a6;      --pink-400:   #fc6b88;      --pink-500:   #cf5c80;      --pink-600:   #a14d79;      --pink-700:   #743d71;      --pink-800:   #462e69;      --pink-900:   #2f1d4f;      --pink-999:   #180c34;
	--green-100:  #dafddd;      --green-200:  #b5fcba;      --green-300:  #8ffa98;      --green-400:  #6af875;      --green-500:  #5ad267;      --green-600:  #49ac5a;      --green-700:  #39854c;      --green-800:  #295f3f;      --green-900:  #183931;      --green-999:  #081324;
	
	--z-lime:#96c93d;
	--z-teal:#00b09e;
	
	--z-positive:#39d09c;
	
	--z-mandarine:#f7c867;
	--z-orange:#e8603c;
	
	--z-blue:#0156cb;
	--z-blue-hover:#016cfe;
	--z-blue-dark:#312783;
	--z-blue-dark-hover:#4033aa;
	
	--z-black:#1d2127;
	--z-text:#35383e;
	
	--accent: var(--z-blue);
	--accent-hover: var(--z-blue-hover);
	
	--thin-lines:#e5dcde;
	
	
	--bg-z-light:linear-gradient(45deg,rgba(83,117,163,.10),rgba(154,188,234,.10));
	--bg-z-dark:linear-gradient(45deg,rgba(83,117,163,.25),rgba(154,188,234,.25));
	
	--z-blue-gradient:linear-gradient(40deg,var(--z-blue),var(--z-blue-dark));
	--z-blue-gradient-hover:linear-gradient(40deg,var(--z-blue-hover),var(--z-blue-dark-hover));
	--z-lime-gradient:linear-gradient(225deg,var(--z-lime),var(--z-teal));
	--z-orange-gradient:linear-gradient(225deg,var(--z-mandarine),var(--z-orange) 62%);
	

}

.bg-white {background:#fff}
.color-white {color:#fff}

.bg-z-light {background:var(--bg-z-light)}
.bg-z-dark  {background:var(--bg-z-dark)}

.bg-z-lime {background:var(--z-lime-gradient);color:#fff}
.bg-z-orange {background:var(--z-orange-gradient);color:#fff}

.bg-s-lighten {background:linear-gradient(45deg,#fff2,#fff3);backdrop-filter:saturate(200%)}
.bg-m-lighten {background:linear-gradient(45deg,#fff4,#fff6);backdrop-filter:saturate(200%)}
.bg-l-lighten {background:linear-gradient(45deg,#fff6,#fffa);backdrop-filter:saturate(200%)}




/*
.elyx,
.elyx :is(.bg-light,.bg-dark,.bg-black),
:is(.bg-light,.bg-dark,.bg-black) .elyx {--accent: var(--green-400)!important; --accent-hover:var(--green-300)!important}
*/




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */



/* grid & gaps */


.container-14,.container-12 {padding-left:24px;padding-right:24px; margin: 0 auto; max-width: 600px}

@media (min-width: 960px) {
	
	:root {
	--is_1col:  calc((100% - (18px *  0)) / 12);
	--is_2col:  calc((100% - (18px *  5)) /  6);
	--is_3col:  calc((100% - (18px *  3)) /  4);
	--is_4col:  calc((100% - (18px *  2)) /  3);
	--is_5col:  calc((var(--is_1col) *  5) + (18px *  4));
	--is_6col:  calc((100% - (18px *  1)) /  2);
	--is_7col:  calc((var(--is_1col) *  7) + (18px *  6));
	--is_8col:  calc((var(--is_1col) *  8) + (18px *  7));
	--is_9col:  calc((var(--is_1col) *  9) + (18px *  8));
	--is_10col: calc((var(--is_1col) * 10) + (18px *  9));
	--is_11col: calc((var(--is_1col) * 11) + (18px * 10));
	--is_12col: 100%;
	}
	
	.is_1col  {width: var(--is_1col)}
	.is_2col  {width: var(--is_2col)}
	.is_3col  {width: var(--is_3col)}
	.is_4col  {width: var(--is_4col)}
	.is_5col  {width: var(--is_5col)}
	.is_6col  {width: var(--is_6col)}
	.is_7col  {width: var(--is_7col)}
	.is_8col  {width: var(--is_8col)}
	.is_9col  {width: var(--is_9col)}
	.is_10col {width: var(--is_10col)}
	.is_11col {width: var(--is_11col)}
	.is_12col {width: 100%}
	
	.container-12 {max-width:var(--is_12col); padding-left:48px;padding-right:48px}
	.container-14 {max-width:100%}
}
@media (min-width: 1280px) {
	
	:root {
	--is_1col:  72px;
	--is_2col:  162px;
	--is_3col:  252px;
	--is_4col:  342px;
	--is_5col:  432px;
	--is_6col:  522px;
	--is_7col:  612px;
	--is_8col:  702px;
	--is_9col:  792px;
	--is_10col: 882px;
	--is_11col: 972px;
	--is_12col: 1062px;
	--is_13col: 1152px;
	--is_14col: 1242px;
		
	}
	
	.is_1col  {width: 72px}
	.is_2col  {width: 162px}
	.is_3col  {width: 252px}
	.is_4col  {width: 342px}
	.is_5col  {width: 432px}
	.is_6col  {width: 522px}
	.is_7col  {width: 612px}
	.is_8col  {width: 702px}
	.is_9col  {width: 792px}
	.is_10col {width: 882px}
	.is_11col {width: 972px}
	.is_12col {width: 1062px}
	.is_13col {width: 1152px}
	.is_14col {width: 1242px}
	
	.container-12 {max-width:var(--is_12col); padding-left: 0; padding-right: 0}
	.container-14 {max-width:var(--is_14col); padding-left: 0; padding-right: 0}
	
}
                             :root      { --top: 0px;   }
                             .admin-bar { --top: 32px}
@media (max-width: 782px) {  .admin-bar { --top: 46px} }




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* quick show/hide classes */
@media (min-width: 0px)    and (max-width: 1023px)  { .hide-on-mobile  {display:none!important} .desktop-only{display: none!important}  }
@media (min-width: 1024px)                          { .hide-on-desktop {display:none!important} .mobile-only {display: none!important}  }




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* typography */

:root {
	
	--xs-copy: 12px;
	--s-copy:  14px;
	--m-copy:  14px;
	--l-copy:  16px;
	--xl-copy: 18px;
	--xxl-copy:24px;
	
	--xxs-label: 10px;
	
	--xs-title:  16px;
	--s-title:   18px;
	--m-title:   21px;
	--l-title:   24px;
	--xl-title:  30px;
	--xxl-title: 36px;

}

.xs-copy  {font-size: var(--xs-copy);  line-height: 1.5; letter-spacing: .033em}
.s-copy   {font-size: var(--s-copy);   line-height: 1.5; letter-spacing: .012em}
.m-copy   {font-size: var(--m-copy);   line-height: 1.5; letter-spacing: .012em}
.l-copy   {font-size: var(--l-copy);   line-height: 1.5; letter-spacing: normal}
.xl-copy  {font-size: var(--xl-copy);  line-height: 1.5; letter-spacing: normal}
.xxl-copy {font-size: var(--xxl-copy); line-height: 1.25; letter-spacing: -.012em}

small, .xxs-label {font-size: var(--xxs-label); line-height: 1.2; letter-spacing: .066em}

h6, .xs-title  {margin: 0; letter-spacing: normal; font-size: var(--xs-title);  line-height: 1.125}
h5, .s-title   {margin: 0; letter-spacing: normal; font-size: var(--s-title);   line-height: 1.16}
h4, .m-title   {margin: 0; letter-spacing: normal; font-size: var(--m-title);   line-height: 1.286}
h3, .l-title   {margin: 0; letter-spacing: normal; font-size: var(--l-title);   line-height: 1.25}
h2, .xl-title  {margin: 0; letter-spacing: normal; font-size: var(--xl-title);  line-height: 1.2}
h1, .xxl-title {margin: 0; letter-spacing: normal; font-size: var(--xxl-title); line-height: 1.25}

.mega-title    {margin: 0; letter-spacing: normal; font-size: 40px; line-height: 48px}
.giga-title    {margin: 0; letter-spacing: normal; font-size: 56px; line-height: 60px}


@media (min-width: 768px) {

	:root {
		
		--s-copy:  14px;
		--m-copy:  16px;
		--l-copy:  18px;
		--xl-copy: 20px;
		--xxl-copy:28px;

		--xs-title:  18px;
		--s-title:   20px;
		--m-title:   24px;
		--l-title:   28px;
		--xl-title:  36px;
		--xxl-title: 40px;

	}

	.s-copy   {letter-spacing: .012em}
	.m-copy   {letter-spacing: normal}
	.xl-copy  {line-height: 1.2}
	.xxl-copy {line-height: 1.29}

	h6, .xs-title  {line-height: 1.16}
	h5, .s-title   {line-height: 1.25}
	h4, .m-title   {line-height: 1.25}
	h3, .l-title   {line-height: 1.29}
	h2, .xl-title  {line-height: 1.25}
	h1, .xxl-title {line-height: 1.35}
	
	.mega-title    {font-size: 48px; line-height: 56px}
	.giga-title    {font-size: 60px; line-height: 72px}

}
@media (min-width: 1280px) {

	:root {
		
		--xl-copy: 24px;
		--xxl-copy:36px;

		--l-title:   36px;
		--xl-title:  40px;
		--xxl-title: 48px;

	}

	.xl-copy  {line-height: 1.25; letter-spacing: -.012em}
	.xxl-copy {line-height: 1.25; letter-spacing: -.033em}

	h3, .l-title   {line-height: 1.25}
	h2, .xl-title  {line-height: 1.35}
	h1, .xxl-title {line-height: 1.25}
	
	.mega-title    {font-size: 60px; line-height: 66px}
	.giga-title    {font-size: 72px; line-height: 90px}

}





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* general elements */


html, body {padding:0; margin:0; font-family: 'Roboto',sans-serif; font-size: var(--m-copy); letter-spacing: .033em}

html {scroll-behavior: smooth}
body {background:#fff; color:var(--z-black); overflow-x:hidden}
svg {fill: currentcolor}

svg.facebook {fill: #1877f2}
svg.linkedin {fill: #0a66c2}
svg.youtube  {fill: #f00}

svg[viewBox="0 0 48 48"],
svg[viewBox="0 0 24 24"]   {width:24px; height:24px}
svg[viewBox="0 0 16 16"]   {width:16px; height:16px}
svg[viewBox="0 0 34.3 24"] {width:35px; height:24px}

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

figure {display: block; margin: 0; line-height: 0; position: relative; overflow: hidden}
figure img {width: 100%; object-fit: cover; object-position: center center}


a {text-decoration:none; color:currentcolor}
:visited {color:inherit}
a:hover,
button:hover {cursor:pointer}

a:hover {text-decoration:none; color:var(--accent)}

a.hiddenlink:hover {color: currentColor}

a.accentlink,.accent-link a {color:var(--accent)}
a.accentlink:hover,
.accentlink a:hover {text-decoration:underline; text-decoration-color:currentColor; text-decoration-style:dashed; color:var(--z-text)}

a.opacitylink {opacity: .75}
a.opacitylink:hover {opacity: 1}

a.underline-on-hover:hover {text-decoration: underline; text-decoration-color: currentColor; text-decoration-style: dashed}
a.underline-link, .underline-link a {text-decoration: underline}



p {margin: 0}

hr {color:currentColor;height:1px;border:none;background:currentColor;clear:both;margin:0;opacity:.3}

blockquote {font-style: italic; margin: 1em 0 1.5em 1.5em}

pre,.pre {background-color:var(--grey-100); border-radius: 4px; padding: 0 6px;font-family: monospace}
pre {padding: .5em}

iframe {max-width: 100%; border:none; outline:none}

table {border-collapse: collapse; width:100%}
table is:(td,th) {padding: .75em .25em}
table tr:hover td {background-color:var(--grey-100)}

:is(.xl-copy,.xxl-copy,.l-title,.xl-title,.xxl-title) sup {font-size: .55em; font-weight: 500}


/* Wordpress specifics */
.sub-menu {list-style-type:none;padding:0;margin:0}
.menu-item > a {display:block}
.screen-reader-text {visibility:hidden;height:0;width:0;overflow:hidden;position:absolute}


/* Modifiers */
.circular {font-family: 'Circular Std',sans-serif}
.serif {font-family: serif}
.italic {font-style: italic}
.strong,.bold {font-weight: 700}
.medium {font-weight: 500}
.regular {font-weight: 400}
.uppercase {text-transform: uppercase}
.hidden {display: none}
.list-style-type-none {list-style-type: none; padding:0; margin: 0}
.list-style-type-none li {margin: 0}
.col-container {display: flex; justify-content: space-between}
.col-container.gap {gap: 18px}
.align-items-center {align-items: center}
.centered {margin-left:auto;margin-right:auto}
.text-align-center {text-align: center}
.text-align-right {text-align: right}
.disabled {opacity: .3; filter: grayscale(100); cursor:default}
a.disabled:hover{cursor:default}
figure.disabled {opacity:1}
.inline {display: inline; margin-top: 0; margin-bottom:0}
.bg-dark {color:#fff}
.sticky {position:sticky;top:var(--top);z-index:999}
.relative {position:relative}
.accent {color:var(--accent)}



/* Styled links -> .btn */
.btn {display:inline-block;line-height:1;padding:.6em 1.5em;border-style:solid;border-width:2px;box-sizing:border-box;border-radius:calc(1.2em + 2px);flex-grow:0;flex-shrink:0;font-weight:500;text-decoration:none;background-position:-2px -2px;background-size:calc(100% + 4px) calc(100% + 4px)}
.xs-copy .btn,.btn.xs-copy,.btn.s-btn {padding:.5em calc(1em + 1px);border-radius:calc(1em + 2px)}
.m-copy .btn,.btn.m-copy,.btn.m-btn {padding:.6em 1.5}
.l-copy .btn,.btn.l-copy,.btn.l-btn {padding:.6em 1.5;font-weight:bold}

.btn {color:#fff; border-color:var(--accent); background-color:var(--accent)}
.btn:hover {color:#fff; border-color:var(--accent-hover); background-color:var(--accent-hover)}

.btn.accent {color:#fff; border-color:transparent; background-image:var(--z-blue-gradient)}
.btn.accent:hover {color:#fff; border-color:transparent; background-image:var(--z-blue-gradient-hover)}

.btn.outline {color:var(--accent); border-color:var(--accent); background-color:transparent}
.btn.outline:hover {color:#fff; border-color:var(--accent-hover); background-color:var(--accent-hover)}

:is(.bg-z-lime,.bg-z-orange,.color-bg) .btn.outline {color:currentcolor;border-color:currentcolor}
:is(.bg-z-lime,.bg-z-orange,.color-bg) .btn.outline:hover {color:var(--accent); border-color:#fff; background-color:#fff}

.btn.ghost {color:currentcolor;border-color:transparent;background-color:transparent}
.btn.ghost:hover {color:#fff;border-color:var(--accent-hover);background-color:var(--accent-hover)}


.btn.icon-right,
.btn.icon-left  {display:inline-flex; align-items:center}
.btn.icon-right {padding-right: 1.2em}
.btn.icon-left  {padding-left: 1.2em}
.btn.icon-right svg,
.btn.icon-left  svg {width: 1.5em; height: 1.5em}
.btn.icon-right svg {margin-left: .3em}
.btn.icon-left  svg {margin-right: .3em}

.btn + .btn {margin-left: 6px}

.btn-group {display: flex}
.center .btn-group {justify-content: center}
.btn-img {overflow: hidden; position: relative; line-height: 0; display: inline-block}
.btn-img .label {position:absolute; z-index: -1; top:50%; left:0; width: 100%; display: block; transform: translateY(-50%); text-overflow:clip; overflow:hidden}
.btn-img + .btn-img {margin-left: 6px}
.btn-img:not(.disabled):hover::before {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff44}

.btn.icon-only {padding:0;margin:0}


/* Input fields and other form things */
input,textarea,select {outline:none;font-family:inherit;font-size:inherit;box-sizing:border-box}
input:is([type="text"],[type="email"],[type="number"],[type="tel"],[type="password"],[type="checkbox"]),select,textarea {color:currentcolor;line-height:1;padding:.5em; border:solid 1px #ccc;background-color:#fff;border-radius:6px}
input:is([type="text"],[type="email"],[type="number"],[type="tel"],[type="password"]),select {max-width:240px;min-width:100%}
textarea {color:currentcolor;width:100%;min-width:100%;max-width:100%; height:5em; min-height:5em; line-height:1.25em;border-radius:6px}

.form-row .wpcf7-list-item > label {position:relative; display:flex; gap:6px}
input[type="checkbox"] {appearance:none; width:1.5em; height:1.5em; border:solid 2px #ccc; border-radius:3px; display:inline-block; margin:-.1em 0 0 0; padding:0; flex-shrink:0}
input[type="checkbox"] + span::before {display: none!important}
input[type="checkbox"]:checked {background-color:var(--z-blue)}
input[type="checkbox"]:checked + span::before {content:'✓';font-weight:900;color:#fff;position:absolute;display:block!important;line-height:1.5em;width:1.5em;text-align:center;left:0; top:0}


input:is([type="submit"],[type="button"],[type="checkbox"]),label:has(input[type="checkbox"]) {cursor:pointer}


.color-bg input:is([type="text"],[type="email"],[type="number"],[type="tel"],[type="password"],[type="checkbox"]),
.color-bg select,.color-bg textarea {border-color:transparent;color:var(--z-black)}


input:not([type="submit"],[type="button"]):hover,textarea:hover,select:hover {border-color:var(--z-blue)}
input:not([type="submit"],[type="button"]):focus,textarea:focus,select:focus {outline:solid 2px var(--z-blue);border-color:var(--z-blue)}

.color-bg input:not([type="submit"],[type="button"]):is(:hover,:focus),
.color-bg textarea:is(:hover,:focus),
.color-bg select:is(:hover,:focus) {box-shadow:0 .3em 1.2em 0 #0002}




.form-row.col-container.gap {gap:36px}
.form-row + .form-row {margin-top:18px}
.form-row input:is([type="text"],[type="email"],[type="number"],[type="tel"]),select {max-width:unset; min-width: unset; width:100%}
.form-row .col {flex-basis:calc(50% - 18px)}

.form-row.compressed {max-width:432px}
.form-row.compressed + .form-row.compressed {margin-top: 12px}
.form-row.compressed.col-container {gap:6px}
.form-row.compressed input:is([type="text"],[type="email"],[type="number"],[type="tel"]),select {max-width:unset}

.inline-form {align-items:flex-start; justify-content: flex-start; gap:6px}
.inline-form .wpcf7-spinner {align-self: center;margin:0;flex-shrink: 0}

.form-row label {display:block; font-size:12px; line-height: 15px; margin-bottom: 6px}
.form-row.xxs-label {margin-top: 12px}
.form-row.submit-row {display:flex; align-items: center}



.chips {display:flex; flex-wrap: wrap; gap: 6px}
.chips > .wpcf7-list-item {margin:0;} 
.chips label {position: relative; margin: 0; font-size: 14px}
.chips input:is([type="checkbox"],[type="radio"]) {cursor: pointer; position: absolute; width:100%; height:100%; border-radius:calc(1em + 1px); opacity:0; margin:0; border:none; outline:none;appearance:none}

.chips label > span {line-height:2em; display:block; box-sizing: border-box; padding:0 1em; border:none; background:var(--bg-z-light); white-space:nowrap; border-radius:1em; opacity:.75}
.color-bg .chips label > span {background:#fff;color:var(--z-black)}


.chips input:hover + span {opacity:1}
.chips input:checked + span {background:var(--z-blue);opacity:1; color:#fff}



@media (max-width:959px) {

	.form-row.col-container.gap {flex-direction:column; gap:18px}

}




/* Accordions */
.accordion {position:relative;transition:padding .25s ease-out}
.accordion.active {padding: 0 0 1em 0}
.accordion-head {position:relative;cursor:pointer;transition:padding .25s ease-out;display:flex;align-items:center;gap:.25em}
.accordion-body {position:relative;overflow:hidden;max-height:0;margin:0;transition: max-height .25s ease-out}
.accordion-head.chevron-left::before {content:'+';display:block;position:relative;font-size:1.25em;width:1em;height:1em;line-height:1em;text-align:center;border-radius:.5em;transition: transform .25s ease-out; flex-shrink:0}
.accordion-head.chevron-left.active::before {transform:rotate(45deg)}
.accordion-head:hover.chevron-left::before {background:var(--accent);color:#fff}
.accordion-head.active {padding: 0 0 .5em 0}

.accordion-head.chevron-left + .accordion-body {padding-left: 1.75em}

.accordion-body ul {padding-left: 1.5em; list-style:square}
.accordion-body li + li {margin-top: .75em; line-height:normal}



/* Entry content styles */

.entry-content p {margin: .5em 0 1em 0}
.entry-content pre {margin: .5em 0 1em 0;white-space: normal}
.entry-content h3 {margin-top: 2em}
.entry-content h4 {margin-top: 3em}
.entry-content h5 {margin-top: 3.42857em}
.entry-content h6 {margin-top: 4em}

.entry-content :is(ol,ul) :is(h3,h4,h5,h6) {margin-top: 0}

.entry-content :is(ol,ul) {margin: 1em 0; padding: 0 0 0 1.5em}
.entry-content li {margin: .5em 0}

.entry-content hr {margin: 1em 0}

.entry-content figure img {width: auto; display: block}
.entry-content figure img.aligncenter {margin: 0 auto}

.entry-content table {font-size:var(--s-copy)}
.entry-content table th {background:var(--grey-100);font-weight:500; padding-top: .5em; padding-bottom: .5em}
.entry-content table :is(th,td) {border:none}
.entry-content table th {border-bottom:solid 1px var(--thin-lines)}
.entry-content table td {border-bottom:solid .25px var(--thin-lines)}





/* Specific classes */
a.appstore-btn.disabled:is(:active,:hover,:focus) {cursor: wait}
.main-section {position: relative}

.icon-bg {position:relative;width:36px;height:36px;line-height:0;display:block;border-radius:8.333333333%}
.icon-bg svg {width:100%;height:100%}

.the-date {text-transform: lowercase}
.edit-post-link {display:block; margin-top: 1.5em}

.mini-title {letter-spacing:.066em;font-weight:500}


.bg-logato {position:relative; overflow:hidden}
.bg-logato > .container-12 {position: relative;z-index: 1}



/* tag prodotto */
.prodotto > :is(a,div,span) {display:flex; gap:8px; align-items:center; font-size:18px}
.prodotto .icon-bg {width:48px;height:48px;flex-shrink:0;flex-grow:0}
.prodotto .link-text {flex-shrink:0;flex-grow:0}
.prodotto .link-title {font-weight:500; line-height:18px;margin-bottom:4px}
.prodotto .menu-item-description {font-size:9px;line-height:9px;letter-spacing:.066em;display:block}

.prodotto .icon-bg {background:var(--grey-900)}
.prodotto svg {fill:#fff}
a.prodotto:hover .icon-bg {opacity:.6}

.prodotto.s-icon .icon-bg {width:36px;height:36px}

.zenergy-utility .icon-bg,
.category-zenergy-utility .icon-bg {background:var(--z-lime-gradient)}

.margyn .icon-bg,
.category-margyn .icon-bg {background:var(--z-orange-gradient)}




@media (min-width: 960px) {
	.bg-logato::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-image:url('img/bg-dark-logato_1920.svg');background-size:cover; background-position:center; mix-blend-mode:soft-light; opacity:.3}
}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Header */


:root { --header-height: 84px; }

#site-header {position: relative; z-index: 9}
#site-header .header-inner {align-items: center; padding:18px 0}

#site-header .logo-wrapper {display:block; position:relative; line-height: 0; width:118px; height:52px }
#site-header .logo-wrapper :is(img,svg) {position:absolute; height:100%; width:100%; left:-6px; top:0}

#site-header .logo-wrapper img {display:none}
.hero-bg-z-lime #site-header .logo-wrapper img.bisy-hr-bianco {display:block}
.hero-bg-z-orange #site-header .logo-wrapper img.bisy-hr-bianco {display:block}
.hero-bg-z-light #site-header .logo-wrapper img.bisy-hr-teal-900 {display:block}
.hero-bg-z-dark #site-header .logo-wrapper img.bisy-hr-teal-900 {display:block}

:is(.hero-bg-z-orange,.hero-bg-z-lime) #site-header {color:#fff}


:is(.hero-bg-z-orange,.hero-bg-z-lime) #site-header .btn.platform-login-link {color:var(--z-black);background:#fff;border-color:#fff}
:is(.hero-bg-z-orange,.hero-bg-z-lime) #site-header .btn.platform-login-link:hover {color:#fff;background:var(--z-blue);border-color:var(--z-blue)}

:is(.hero-bg-z-orange,.hero-bg-z-lime) #site-header .desktop-nav .desktop-ul > li > a:hover,
:is(.hero-bg-z-orange,.hero-bg-z-lime) #site-header .language-switcher-desktop a:hover {color:var(--z-black)}




#site-header .desktop-nav .desktop-ul {display:flex; align-items: center; gap: 16px}
#site-header .desktop-nav .desktop-ul > li {padding: 12px 16px}
#site-header .desktop-nav .desktop-ul > li.current-menu-item::after {position:absolute;content:'';display:block;bottom:6;height:4px;background:var(--accent);width:48px}
#site-header .desktop-nav .menu-item-has-children {position: relative}
#site-header .desktop-nav .sub-menu {z-index:99;position:absolute;top:100%;display:none;gap:1em;flex-direction:column;left:50%;transform:translateX(-50%);margin:0;width:120px;padding:18px;color:var(--z-black);background:#fff;border-radius:6px;box-shadow:0 6px 24px 1px #0004}
#site-header .desktop-nav .sub-menu::before {content:'';display:block;position:absolute;left:50%;width:18px;height:18px;top:-8px;transform:translateX(-50%)rotate(45deg);background:#fff}
#site-header .desktop-nav .sub-menu a:hover {color:var(--accent)}
#site-header .desktop-nav .menu-item-has-children:hover > .sub-menu {display:flex}
#site-header .desktop-nav .large-submenu .sub-menu {width:220px}

#site-header .header-actions {gap:36px}
#site-header .language-switcher-desktop ul {list-style-type:none; margin:0; padding:0;display:flex;gap:16px;aling-items:center}
#site-header .language-switcher-desktop ul .wpml-ls-current-language {border-bottom: solid 1px currentcolor; pointer-events: none}




@media (min-width: 1024px) {

	:root { --header-height: 88px; }
	
	#site-header .logo-wrapper :is(img,svg) {left:0}
	
	.prodotto .menu-item-description {font-size:10px;line-height:10px}

}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Hero area */
/* #page-hero */


#page-hero {position:relative}
#page-hero.has-custom-bg {margin-top: calc(0px - var(--header-height)); padding-top:var(--header-height)}
#page-hero .hero-bg {position:absolute;height:100%;width:100%;top:0;left:0; background-size: cover; background-position: top center; background-repeat: no-repeat}
#page-hero .hero-inner {position:relative; z-index:2; padding-top: 192px; padding-bottom: 120px}


#page-hero.default-light-bg::after  {position:absolute;content:'';display:block;width:100%;height:100%;left:0;top:0;background-image: linear-gradient(#fff0 10%, #fff9 60%, #fff)}


#page-hero .side-image {background-size:contain;background-repeat:no-repeat;background-position:left bottom}


#page-hero #breadcrumbs {margin-top:6px}
#page-hero #breadcrumbs + p {margin-top:24px}


#page-hero.layout-centrato .hero-inner {flex-direction: column; padding-top:0; padding-bottom: 48px; gap:84px}
#page-hero.layout-centrato .hero-post-thumbnail-container {order:1; overflow: hidden; border-radius: 12px; max-height: 640px}
#page-hero.layout-centrato .hero-post-thumbnail-container img {height:100%}
#page-hero.layout-centrato .hero-text {order:2}


#page-hero .testo-secondario {margin-top: 20px}
#page-hero .testo-in-evidenza {margin-top: 20px}


body:not(.single-bisy_case) #page-hero.layout-centrato .hero-text {align-self:center; text-align: center}

@media (max-width:959px) {

	#page-hero .hero-bg {background-position: top -20%}
	#page-hero #breadcrumbs + p {margin-top:18px}
	
	#page-hero.layout-centrato .hero-inner {gap:36px}

}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Product banner */

#product-banner {padding: 36px 0; transition: padding .3s ease-out}
#product-banner.squeeze {padding: 18px 0}

#product-banner .cta-o-data p {padding-left:18px}

.single-bisy_case #product-banner {border-bottom:solid 1px #fff3; position: relative; background:var(--bg-z-light)}

@media (max-width:959px) {
	
	#product-banner {padding:18px 0}
	#product-banner .banner-inner {padding:0 18px; flex-direction: column; gap: 18px; align-items: flex-start; position: relative}
	#product-banner .the-product {flex-shrink:0}
	#product-banner .prodotto .icon-bg {width:36px;height:36px}
	#product-banner .prodotto .link-text {margin-bottom:0}
	#product-banner .prodotto .product-tagline {display:none}
	#product-banner .product-menu {font-size:var(--xs-copy);}
	#product-banner .cta-o-data {position:absolute;top:0;right:18px;height:36px;display:flex;flex-direction:column;width:180px;justify-content:center;align-items:flex-end; font-size:var(--xs-copy)}
	
	#product-banner.advanced-layout .cta-o-data {flex-direction:row; justify-content:flex-end; align-items:center}

}
@media (max-width:600px) {

	#product-banner.sticky {top:0}

}
@media (min-width: 1280px) {

	#product-banner .product-menu {gap: 36px}

}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Footer */


#site-footer {position:relative; padding:72px 0}
#site-footer .col-title {letter-spacing: .066em; margin-bottom:12px; line-height: 1}

#site-footer .menu-row :is(li,p):not(.col-title):not(:last-child) {margin-bottom:5px}

#site-footer .menu-row .col-contatti .btn {margin-top:12px}
#site-footer .menu-row .footer-logo {margin-top:-36px}

/* logo con scritta zucchetti */
#site-footer .menu-row .col-footer-logo {display:flex;align-items:center;justify-content:center}
#site-footer .menu-row .footer-logo {width:100%;height:auto;margin-top:0}

#site-footer .badges-social-row {padding: 36px 0 60px 0}

#site-footer .badges-social-row .social-menu-col .col-title {margin-bottom:18px}
#site-footer .badges-social-row .social-menu {gap:24px}
#site-footer .badges-social-row .social-menu a:not(:hover,:focus) svg {fill:currentcolor}

#site-footer .credits {opacity: .8}
#site-footer .credits p:not(:last-child) {margin-bottom:9px}
#site-footer .credits p:first-child {display:flex; flex-direction: column; gap: 9px}

@media (max-width: 960px) {

	#site-footer .menu-row {gap:36px 15px; justify-content: center; flex-wrap: wrap}
	#site-footer .menu-row .col {flex-basis: calc(50% - 7.5px)}
	#site-footer .menu-row .col-footer-logo {flex-basis: 100%; text-align:center}
	#site-footer .menu-row .footer-logo {width: 120px; margin-top:0}
	
	#site-footer .badges-social-row {flex-direction: column; gap: 48px}
	#site-footer .badges-social-row .badges-col      {order:2; flex-direction: column; gap: 18px}
	#site-footer .badges-social-row .badge      {gap: 6px; justify-content: flex-start; font-size: 10px; letter-spacing: .066em}
	#site-footer .badges-social-row .social-menu-col {order:1; text-align: center}
	#site-footer .badges-social-row .social-menu-col .col-title {margin-bottom:24px}
	#site-footer .badges-social-row .social-menu {justify-content: center}
}
@media (min-width: 960px) {
	
	#site-footer {padding: 96px 0}
	#site-footer .badges-social-row .social-menu-col {padding-left: calc(var(--is_1col) + 18px)}
	
	#site-footer .credits p:first-child {flex-direction: row; gap: 18px}
	#site-footer .credits p:first-child span + span::before {content:'|'; left:-9px; position: relative}

}
@media (min-width: 960px) {
	
	#site-footer {padding: 108px 0 120px 0}

}





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Mobile menu */
/* .slide-out-panel */


.slide-out-panel-overlay                    {display: none; -ms-overflow-style: none; overflow: -moz-scrollbars-none}
.slide-out-panel-overlay::-webkit-scrollbar {display: none !important}
.slide-out-panel-overlay        {position: fixed; top: var(--top); left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0); z-index: 99999; display: none; transition: background 0.25s ease-out; overflow-x: hidden}

.slide-out-panel-overlay.show   {display: block}
.slide-out-panel-overlay.active {background: rgba(0,0,0,.12)}


.slide-out-panel           {position: absolute; right: 0; top: 0; bottom: 0; transition: transform 0.25s ease-out; transform: translateX(100%); height: 100%; width: 100%;box-sizing: border-box}
.active .slide-out-panel   {transform: translateX(0)}

@media (min-width: 600px) {  .slide-out-panel {max-width: 408px}  }


#mobile-menu .panel-inner {padding: 30px 24px 72px 24px; display:flex;flex-direction:column;gap:108px; background-image:linear-gradient(160deg,var(--teal-999),#000 40%,var(--teal-800))}
#mobile-menu .panel-header {line-height:0}
#mobile-menu .panel-header .title-group {opacity:.6}

#mobile-menu .panel-body {font-size:18px}

#mobile-menu .mobile-ul {display:flex;flex-direction:column;gap:72px}
#mobile-menu .mobile-ul > li > a {font-size:12px; color:var(--teal-400);text-transform:uppercase;letter-spacing:.066em}
#mobile-menu .mobile-ul .sub-menu {display:flex;flex-direction:column;gap:24px; margin-top:24px}
#mobile-menu .mobile-ul > li:not(.xs-copy) .sub-menu li:not(.prodotto) a {line-height:18px}
#mobile-menu .mobile-ul > .small-submenu .sub-menu {gap:15px; font-size:12px; line-height: 12px; margin-top:15px}

#mobile-menu .language-switcher-row {padding: 24px 0; border-top:solid 1px currentcolor;border-bottom:solid 1px currentcolor}
#mobile-menu .language-switcher-row ul {list-style-type:none; margin:0; padding:0;display:flex;gap:16px;aling-items:center}
#mobile-menu .language-switcher-row ul .wpml-ls-current-language {border-bottom: solid 1px currentcolor; pointer-events: none}

#mobile-menu .platform-login-row {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin-top:48px}






/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Archives */


body:is(.blog,.archive,.search) #page-hero .hero-bg {opacity: .36}
body:is(.blog,.archive,.search) #page-hero::before {opacity: .08}
body:is(.blog,.archive,.search) #page-hero .hero-inner {padding-top:108px; padding-bottom:72px}


.post-grid {margin-top: 36px; margin-bottom:96px; display: grid; grid-gap: 48px 18px; grid-template-columns: 1fr 1fr 1fr}


.post-grid .post .post-thumbnail-container {border-radius: 6px; position:relative}
.post-grid .post .post-thumbnail-container .icon-bg {position:absolute;z-index:5;top:16px;left:16px}
.post-grid .post .post-thumbnail-container::before {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to right bottom,#fff,var(--teal-999));mix-blend-mode:overlay;opacity:.2;z-index:2;transition:opacity .55s ease-out}
.post-grid .post .post-thumbnail-container::after {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to right bottom,#fff,var(--teal-999));mix-blend-mode:screen;opacity:.5;z-index:3;transition:opacity .55s ease-out}
.post-grid .post .post-thumbnail-container img {transition: transform .55s ease-out}

.post-grid .post .post-content .entry-title {margin:5px 0 5px 0}
.post-grid .post .post-content {padding:15px 10px 0 10px}
.post-grid .post .edit-post-link {padding:0 10px}




.post-grid .post a:hover .post-thumbnail-container img {transform:scale(1.1)}
.post-grid .post a:hover .post-thumbnail-container::before {opacity:.8}
.post-grid .post a:hover .post-thumbnail-container::after {opacity:0}

.pagination-container {margin-bottom:96px}
.pagination-container .nav-links {display:flex;justify-content:center;align-items:center;gap:48px}
.pagination-container .nav-links .page-numbers:not(.prev,.next) {display:block;width:36px;line-height:36px;border-radius:50%;text-align:center}
.pagination-container .nav-links a.page-numbers {color:var(--teal-600)}
.pagination-container .nav-links a.page-numbers:not(.prev,.next):hover {color:var(--teal-999);background:var(--grey-100)}
.pagination-container .nav-links a:is(.prev,.next) .navigation-link {display:flex; gap: 6px; align-items:center;color:var(--teal-999)}
.pagination-container .nav-links a:is(.prev,.next) .navigation-link .arrow {display:block;line-height:36px;width:36px;background:var(--grey-200);border-radius:50%;text-align:center}
.pagination-container .nav-links a:is(.prev,.next):hover .navigation-link .arrow {background:var(--grey-100)}




@media (max-width: 959px) {

	.post-grid {grid-template-columns: 1fr}
	
}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Lista di categorie o tag */


.term-list-title {margin-bottom:12px; line-height:1; letter-spacing: .066em}
.term-list {display: flex; gap:8px; flex-wrap: wrap}
.term-list .btn {margin:0; padding: calc(.5em - 2px) calc(1em - 2px); border-radius: calc(1em - 1px); background-color:var(--grey-200);border-color:var(--grey-200);color:var(--teal-999)}
.term-list .btn:hover {background-color:var(--grey-100);border-color:var(--grey-100);color:var(--teal-999)}

.term-list .btn.product                   {background-color:var(--grey-900);border-color:var(--grey-900);color:var(--grey-100)}
.term-list .btn.product:hover {background-color:var(--grey-700);border-color:var(--grey-700);color:var(--grey-100)}

.term-list .btn.product.elyx                   {background-color:var(--green-400);border-color:var(--green-400);color:var(--teal-999)}
.term-list .btn.product.elyx:hover {background-color:var(--green-200);border-color:var(--green-200);color:var(--teal-999)}

.term-list .btn.product.margyn                   {background-color:var(--orange-400);border-color:var(--orange-400);color:var(--orange-999)}
.term-list .btn.product.margyn:hover {background-color:var(--orange-200);border-color:var(--orange-200);color:var(--orange-999)}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* singular && single ( .page, .single ) & general page styles */

.single .article-body {margin-bottom: 144px}

.single .related .related-posts {margin-top:24px; margin-bottom:144px}
.single.single-bisy_case .related .related-posts {margin-bottom:60px}

body:is(.single-post,.single-bisy_offer) .entry-content {margin: 0 auto}

.single .post-footer {margin-top:72px}
.single .related {margin-top:144px}


@media (max-width: 959px) {
	
	.single .article-body {margin-bottom: 108px}
	
	.single .related {margin-top:72px}
	.single .related .related-posts {margin-bottom:108px}
	.single.single-bisy_case .related .related-posts {margin-bottom:60px}

}




/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Singola offerta di lavoro */


.single-bisy_position #page-hero .hero-text {padding-top:192px; width:100%; max-width:var(--is_8col)}
.single-bisy_position #page-hero .testo-in-evidenza {margin-top:36px;font-weight: 500}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Singolo prodotto */

.single-bisy_product .single-product-section {padding: 120px 0 72px 0}
.single-bisy_product .single-product-section .section-title {margin-bottom:48px}

/* nascondi la featured-image, nei prodotti serve solo per SERP / embed */
.single-bisy_product #page-hero .hero-post-thumbnail-container {display:none}
.single-bisy_product #page-hero .zenergy-banner {height:48px;width:auto}
.single-bisy_product #page-hero .svg-icon + .the-title {margin-top:.5em}

.single-bisy_product #description .section-title {margin-bottom:12px}
.single-bisy_product #description figure {display:flex; justify-content: center;align-items:center}
.single-bisy_product #description figure img {flex-basis:content}

.single-bisy_product #use-cases .info-group {display:grid; grid-gap: 48px 18px; grid-template-columns: 1fr 1fr 1fr 1fr}
.single-bisy_product #use-cases .info-group .info-item figure {width:48px; height:48px;display:flex;justify-content:center;align-items:center;background:var(--teal-400);border-radius:8.333333%; margin-bottom: 12px}
.single-bisy_product .elyx #use-cases .info-group .info-item figure {background:var(--accent)}
.single-bisy_product #use-cases .info-group .info-item figure img {width:50%}
.single-bisy_product #use-cases .info-group .info-title {margin-bottom:.25em}

.single-bisy_product #features .info-group {display:grid; grid-template-columns: 1fr 1fr; grid-gap:48px}
.single-bisy_product #features .info-group .entry-content ul {list-style-type:'✔ ';padding-left:1.35em}

.single-bisy_product #features .feature {margin-bottom:60px}
.single-bisy_product #features .feature figure {overflow:visible}
.single-bisy_product #features .feature figure.screenshot a {position:relative;display:block;line-height:0;border-radius:6px;overflow:hidden;box-shadow:0 4px 8px #0002}
.single-bisy_product #features .feature figure.screenshot a::before {content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;background:var(--accent);opacity:0;transition:opacity .25s ease-out}
.single-bisy_product #features .feature figure.screenshot a:hover {box-shadow:0 4px 8px #0005}
.single-bisy_product #features .feature figure.screenshot a:hover::before {opacity:.5}
.single-bisy_product #features .feature .text :last-child {margin-bottom:0}

.single-bisy_product #webinars .webinars-head .m-title {margin-bottom: 6px}
.single-bisy_product #webinars .webinars-head .xs-copy {max-width: 343px}
.single-bisy_product #webinars .post-grid {margin-bottom:0}

.single-bisy_product #plans {padding-bottom: 60px}
.single-bisy_product #plans .piani-head .m-title {margin-bottom: 6px}
.single-bisy_product #plans .piani-group {margin-top: 36px}
.single-bisy_product #plans .piano {box-sizing:border-box; padding:24px; border-radius:6px; background:#fff; color:var(--z-black); display:flex; flex-direction:column;justify-content:space-between}
.single-bisy_product #plans .piano .nome {letter-spacing:.03em}
.single-bisy_product #plans .piano .vp {margin:36px 0 18px 0}
.single-bisy_product #plans .piano .descrizione {margin-bottom:24px}
.single-bisy_product #plans .piano .features    {margin-bottom:48px}
.single-bisy_product #plans .piano .features ul {list-style-type:none;padding:0}
.single-bisy_product #plans .piano .features li {margin-bottom: 12px; padding-left:24px; position: relative}
.single-bisy_product #plans .piano .features li::before {display:block;content:'✓';font-weight:900;width:18px;height:18px;line-height:18px;color:#fff;background:var(--z-positive);border-radius:9px;text-align:center;position:absolute;top:0;left:0;}
.single-bisy_product #plans .piano .card-footer {justify-content: flex-start; gap: 24px}
.single-bisy_product #plans .piano .card-footer a:hover {color:currentColor}

.single-bisy_product #plans .piano.enfasi  {background-image:linear-gradient(to right top,var(--grey-100),var(--grey-200))}
.single-bisy_product #plans .piano.contrasto {background-image:linear-gradient(to right top,var(--grey-600),var(--grey-800)); color:#fff}

.single-bisy_product #plans.color-bg .piano.neutro {background-image:linear-gradient(225deg,#ffff,#fffd);background-color:transparent}
.single-bisy_product #plans.bg-z-lime .piano.enfasi {background-image:linear-gradient(225deg,#fff7,#fff8),var(--z-lime-gradient)}
.single-bisy_product #plans.bg-z-orange .piano.enfasi {background-image:linear-gradient(225deg,#fff7,#fff8),var(--z-orange-gradient)}

.single-bisy_product #plans.bg-z-lime .piano.contrasto .nome span {color:#fff3;background:var(--z-lime-gradient);background-clip:text}
.single-bisy_product #plans.bg-z-orange .piano.contrasto .nome span {color:#fff3;background:var(--z-orange-gradient);background-clip:text}

.single-bisy_product #comparison {padding-top: 60px; padding-bottom: 108px}
.single-bisy_product #comparison .mini-title {margin: 48px 0}

.single-bisy_product #comparison table th {padding:24px 0; border-bottom: solid 1px var(--thin-lines)}
.single-bisy_product #comparison table td {padding:18px 0; border-bottom: solid .25px var(--thin-lines)}
.single-bisy_product #comparison table td:not(:first-child) {text-align:center}
.single-bisy_product #comparison table td:first-child {padding: 0}
.single-bisy_product #comparison table th:first-child {text-align:left}

.single-bisy_product #comparison table tr {display:grid;grid-template-columns: minmax(450px, 3fr) 1fr 1fr 1fr}

.single-bisy_product #comparison table .accordion-head {transition: padding .2s ease-out; line-height: 20px; padding-top:18px; padding-bottom:18px}

.single-bisy_product #comparison table td.yes {position:relative}
.single-bisy_product #comparison table td.yes span {position:relative;display:inline-block;width:20px;line-height:20px; font-size: 12px; font-weight:900; background:var(--z-positive);border-radius:50%;color:#fff}

.single-bisy_product #comparison .note-tabella-comparativa {padding: 12px 0 24px 0}
.single-bisy_product #comparison .download {padding: 24px 0}

.single-bisy_product #faq {padding: 108px 0}
.single-bisy_product #faq.bg-logato::before,.single-bisy_product #faq.bg-logato::after {display:none}
.single-bisy_product #faq .faq-group {margin-top:60px; display:flex; flex-direction:column; gap: 24px}
.single-bisy_product #faq .faq-element {border-top: solid 1px var(--thin-lines); padding-top:24px}

.single-bisy_product .tlcheck #page-hero .hero-bg {background-position:center right}


@media (max-width: 599px) {
	.single-bisy_product #webinars .webinars-head {margin-bottom: 24px;flex-direction: column;gap: 12px;align-items: flex-start}
}
@media (max-width: 959px ) {

	.single-bisy_product .single-product-section:not(#comparison,#features) {padding-bottom:0}
	
	.single-bisy_product #description .description-row {flex-direction:column-reverse; gap: 60px}
	.single-bisy_product #description figure img {max-width:200px}
	
	.single-bisy_product #use-cases .info-group {grid-gap: 48px; grid-template-columns: 1fr}
	
	.single-bisy_product #features .info-group {grid-gap: 48px; grid-template-columns: 1fr}
	.single-bisy_product #features .feature {flex-direction: column}
	
	.single-bisy_product #plans .piani-group {flex-direction: column; gap: 18px}
	
	.single-bisy_product #comparison .container-12 {overflow-x:scroll}
	.single-bisy_product #comparison table {min-width:500px}
	.single-bisy_product #comparison table tr {display:grid;grid-template-columns: minmax(240px, 3fr) minmax(100px, 1fr) minmax(100px, 1fr) minmax(100px, 1fr)}
	.single-bisy_product #comparison table tr :is(td,th):first-child {position:sticky;left:0;background-color:#fff; border-right: solid 1px #08132422; padding-right:18px}
	
}
@media (min-width: 960px ) {
	
	.single-bisy_product .elyx #page-hero .hero-bg {background-position: center right}
	
	.single-bisy_product #features .feature figure {padding-right:18px;box-sizing:border-box}
}

@media (min-width:1280px) {

	.single-bisy_product #page-hero .hero-inner {padding-bottom:192px}
	
}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Singolo prodotto */
/* Advanced Layout */


.single-bisy_product .advanced-layout #page-hero .hero-inner {padding-top:0;padding-bottom:0;align-items:center}
.single-bisy_product .advanced-layout #page-hero .side-image {align-self:stretch;display:flex;align-items:flex-end;padding-top:72px}
.single-bisy_product .advanced-layout #page-hero .side-image img {position:relative;max-width:110%;left:-15%}

.single-bisy_product .advanced-layout #page-hero .the-title {font-size:var(--m-title);line-height:1}
.single-bisy_product .advanced-layout #page-hero #breadcrumbs {line-height:1; margin-bottom:48px}
.single-bisy_product .advanced-layout #page-hero .testo-in-evidenza {font-size:var(--l-title); line-height: 1.25; max-width:var(--is_11col); margin-bottom:1em;font-weight:bold}

.single-bisy_product .advanced-layout #page-hero .product-hero-kpi-group {padding:48px;background:linear-gradient(to right,transparent 5%,#0002 36%,transparent 95%)}
.single-bisy_product .advanced-layout #page-hero .kpi-item {width:var(--is_4col)}
.single-bisy_product .advanced-layout #page-hero .kpi-item .titolo {max-width:252px; letter-spacing:.1em; line-height:1; margin-bottom: 1em}
.single-bisy_product .advanced-layout #page-hero .kpi-item .testo  {max-width:252px}


.single-bisy_product .advanced-layout .numbers-row {padding-top:160px}
.single-bisy_product .advanced-layout .numbers-row .testo {margin-top:12px}

.single-bisy_product .advanced-layout .settori-advanced-row {padding-top:144px; padding-bottom: 208px}
.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-vp-container {max-width:342px; width:100%}
.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-vp-container .giga-title {margin-bottom:18px}
.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-vp-container a {margin-top:12px; display:inline-block}
.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-list {flex-direction:column; gap:36px; padding-top: 28px}
.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-item {gap:12px; justify-content: flex-start; align-items:center}
.single-bisy_product .advanced-layout .settori-advanced-row .icon-container {flex-shrink:0; width:72px; height:72px; border-radius:4px; display:flex;align-items:center;justify-content:center}
.single-bisy_product .advanced-layout .settori-advanced-row .icon-container img {width:30px; height:30px}

.single-bisy_product .advanced-layout .product-intro .video-container {margin-top:-100px; overflow:hidden; border-radius:6px; position:relative;z-index:2}
.single-bisy_product .advanced-layout .product-intro .video-container::before,
.single-bisy_product .advanced-layout .product-intro .video-container::after  {content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0; background-repeat: no-repeat; cursor:pointer; transition:opacity .2s ease-out}
.single-bisy_product .advanced-layout .product-intro .video-container::before {background-image:var(--z-blue-gradient);mix-blend-mode:multiply}
.single-bisy_product .advanced-layout .product-intro .video-container::after  {background-image:url('img/filled-youtube-icon-2.svg'); background-size: 72px 49.5px; background-position: center center}
.single-bisy_product .advanced-layout .product-intro .video-container.hide-overlay::before,
.single-bisy_product .advanced-layout .product-intro .video-container.hide-overlay::after  {opacity:0; pointer-events:none}


.single-bisy_product .advanced-layout .why-row {padding-top:64px}
.single-bisy_product .advanced-layout .why-row .mini-title {margin-bottom:24px}
.single-bisy_product .advanced-layout .why-text-large {line-height:1.5; width:100%; max-width:522px}
.single-bisy_product .advanced-layout .why-text-small {letter-spacing:0; max-width:432px}

.single-bisy_product .advanced-layout .key-benefits-row {padding-top:144px; padding-bottom: 144px}
.single-bisy_product .advanced-layout .key-benefits-row .mini-title {margin-bottom:60px}
.single-bisy_product .advanced-layout .benefits-group {flex-direction: column; gap: 48px}
.single-bisy_product .advanced-layout .benefit-section {padding:48px 0}
.single-bisy_product .advanced-layout .benefit-section .col:first-child .xs-copy {width:100%; max-width:342px; margin-top:12px}
.single-bisy_product .advanced-layout .benefit-section .col:last-child {padding-top:12px;padding-left:60px; display:flex;flex-direction:column;gap:48px}
.single-bisy_product .advanced-layout .benefit-section .mega-title {margin-bottom:.1em}
.single-bisy_product .advanced-layout .benefit-item .accordion-head.chevron-left {gap:.5em}
.single-bisy_product .advanced-layout .benefit-item .accordion-head.chevron-left::before {margin-top:-.0833333em;width:1em;height:1em;line-height:1em;font-size:1em;background-color:var(--accent);color:#fff}
.single-bisy_product .advanced-layout .benefit-item .accordion-head.chevron-left:hover::before {background-color:var(--accent-hover)}
.single-bisy_product .advanced-layout .benefit-item .accordion-body {padding-left:36px}

.single-bisy_product .advanced-layout .product-clients {padding-top:108px; padding-bottom:120px}
.single-bisy_product .advanced-layout .logo-wall.grid {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 18px 63px; margin-bottom: 48px}
.single-bisy_product .advanced-layout .clients-to-cases {margin-top:108px}
.single-bisy_product .advanced-layout .clients-to-cases .l-title {margin-bottom:24px}
.single-bisy_product .advanced-layout .clients-to-cases .m-copy {margin-bottom:24px}

.single-bisy_product .advanced-layout .product-startup {padding:120px 0}
.single-bisy_product .advanced-layout .product-startup .startup-row > .col-container > .col:first-child .l-copy  {max-width:342px; margin: 36px 0 18px 0}
.single-bisy_product .advanced-layout .product-startup .startup-row > .col-container > .col:first-child .m-copy {max-width:342px; margin-bottom:24px}
.single-bisy_product .advanced-layout .product-startup .steps {flex-direction:column;gap:48px}
.single-bisy_product .advanced-layout .product-startup .step .col:first-child {box-sizing:border-box; width:60px;padding-left:12px;border-left:solid 4px var(--accent); line-height:.75; flex-shrink:0}
.single-bisy_product .advanced-layout .product-startup .step .col:last-child  {flex:1}
.single-bisy_product .advanced-layout .product-startup .step .uptitle {line-height:1; margin-bottom:8px; margin-top: -3px}
.single-bisy_product .advanced-layout .product-startup .step .title   {margin-bottom:18px; line-height:1}

.single-bisy_product .advanced-layout .slides-row .richiedi-slides .m-title{max-width:432px}
.single-bisy_product .advanced-layout .slides-row .richiedi-slides .l-copy {max-width:432px; margin: 18px 0 12px 0}
.single-bisy_product .advanced-layout .slides-row .richiedi-slides .m-copy {max-width:432px}

.single-bisy_product .advanced-layout #webinars  {padding-top: 96px; padding-bottom: 96px}

.single-bisy_product .advanced-layout #plans {padding-bottom:120px}

.single-bisy_product .advanced-layout #plans .piano.contrasto {background-image:linear-gradient(to right top,var(--teal-999),var(--teal-800)); color:#fff}
.single-bisy_product .advanced-layout #plans .piano.contrasto .card-footer a:hover {color:var(--)}






@media (max-width: 959px) {

	.single-bisy_product .advanced-layout .why-row > .col-container {flex-direction: column}
	
	.single-bisy_product .advanced-layout .benefit-section {flex-direction: column}
	.single-bisy_product .advanced-layout .benefit-section .col:last-child {padding-left:0;padding-top:24px; gap:24px}
	
	.single-bisy_product .advanced-layout .logo-wall.grid {grid-template-columns: 1fr 1fr 1fr; grid-gap: 18px}
	
	.single-bisy_product .advanced-layout .product-startup .startup-row > .col-container {flex-direction: column; gap:60px}
	.single-bisy_product .advanced-layout .product-startup .startup-row > .col-container > .col {width:100%}
	.single-bisy_product .advanced-layout .product-startup .step {gap:8px}
	.single-bisy_product .advanced-layout .product-startup .step .col:first-child {width:48px; padding-left: 8px}
	
}
@media (max-width: 767px) {


	.single-bisy_product .advanced-layout #page-hero #breadcrumbs {margin-bottom: 36px}
	.single-bisy_product .advanced-layout #page-hero .testo-in-evidenza {margin-bottom:72px}
	.single-bisy_product .advanced-layout #page-hero .product-hero-kpi-group {flex-direction:column; gap: 48px}

	.single-bisy_product .advanced-layout .numbers-row .product-numbers-group {flex-direction:column; gap: 48px; align-items: center}
	.single-bisy_product .advanced-layout .numbers-row .product-numbers-group .number-item {max-width:252px}
	
	.single-bisy_product .advanced-layout .settori-advanced-row > .col-container {flex-direction:column}
	.single-bisy_product .advanced-layout .settori-advanced-row > .col-container > .col {width:100%}
	.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-vp-container {max-width:100%; text-align:center; margin:0 auto}
	.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-vp-container .giga-title {max-width:400px; margin-left:auto;margin-right:auto}
	.single-bisy_product .advanced-layout .settori-advanced-row .settori-advanced-vp-container .text {max-width:342px; margin-left:auto;margin-right:auto}
	
}



@media (min-width: 1080px) and (max-width: 1279px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:580px} }
@media (min-width: 1024px) and (max-width: 1079px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:549px} }
@media (min-width:  960px) and (max-width: 1023px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:513px} }
@media (min-width:  768px) and (max-width:  959px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:337px} }
@media (min-width:  600px) and (max-width:  767px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:310px} }
@media (min-width:  414px) and (max-width:  599px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:206px} }
@media (min-width:  390px) and (max-width:  413px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:192px} }
@media (min-width:  375px) and (max-width:  389px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:184px} }
@media (min-width:  320px) and (max-width:  374px) {.single-bisy_product .advanced-layout .product-intro .video-container iframe {height:153px} }




/* Margyn layout shift per ovviare alla mancanza del video, da togliere quando il video sarà presente */
.single-bisy_product .margyn.advanced-layout .settori-advanced-row {padding-bottom:144px}
.single-bisy_product .margyn.advanced-layout .why-row {padding-top:144px}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Single Case Study */
/* .single_bisy_case */


.single-bisy_case #page-hero .hero-inner {gap: 60px; padding-bottom: 84px}
.single-bisy_case #page-hero .hero-text {align-items: flex-end; padding-bottom: 48px; border-bottom: solid 1px var(--grey-900) }
.single-bisy_case #page-hero .highlight {width:var(--is_2col); min-width: 162px; display:flex;flex-direction:column;gap:8px}
.single-bisy_case #page-hero .highlight:last-child .l-title {color:var(--accent);font-weight:500}

/*
.single-bisy_case #page-hero .hero-post-thumbnail-container {position: relative}
.single-bisy_case #page-hero .hero-post-thumbnail-container::before,
.single-bisy_case #page-hero .hero-post-thumbnail-container::after {content:'';position:absolute;width:100%;height:100%;top:0;left:0}
.single-bisy_case #page-hero .hero-post-thumbnail-container::before {z-index:1;background-color:var(--teal-900); mix-blend-mode: hue}
.single-bisy_case #page-hero .hero-post-thumbnail-container::after {z-index:2;background-image:linear-gradient(to right top,var(--teal-999),var(--grey-700)); mix-blend-mode: hard-light}
.single-bisy_case .elyx #page-hero .hero-post-thumbnail-container::after {background-image:linear-gradient(to right top,var(--teal-999),var(--green-700))}
*/

.single-bisy_case article .case-sidebar .sidebar-head {padding-bottom:12px;border-bottom:solid 1px var(--grey-900)}
.single-bisy_case article .case-sidebar .features-list {margin:24px 0; padding: 0;display:flex;flex-direction:column;gap:12px; list-style-type:none}
.single-bisy_case article .case-sidebar .features-list li {padding-left:24px;position:relative; line-height: 15px}
.single-bisy_case article .case-sidebar .features-list li::before {content:'';position:absolute;display:block;width:1em;height:1em;left:0;top:.075em;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48cGF0aCBkPSJNMTEgMTJIMWExIDEgMCAwIDEtMS0xVjFhMSAxIDAgMCAxIDEtMWgxMGExIDEgMCAwIDEgMSAxdjEwYTEgMSAwIDAgMS0xIDFaTTIgNSAxIDZsNCA0IDYtNi0xLTEtNSA1LTMtM1oiLz48L3N2Zz4=");background-size:100% 100%;overflow:hidden;border-radius:2px}
.single-bisy_case article .case-sidebar .sidebar-body {border-bottom:solid 1px var(--grey-900)}
.single-bisy_case article .case-sidebar .sidebar-footer {padding:24px 0;display:flex;flex-direction:column;gap:18px;align-items: center;justify-content: center}



@media (max-width: 959px) {

	.single-bisy_case #page-hero .hero-inner {gap: 36px}
	.single-bisy_case #page-hero .hero-text {flex-direction: column; align-items:normal; gap: 12px; padding-bottom: 12px}
	.single-bisy_case #page-hero .highlights {flex-direction: column; gap: 12px}
	.single-bisy_case #page-hero .highlight {width:100%; padding-top: 12px; border-top: solid 1px var(--grey-900)}
	
	.single-bisy_case article .case-sidebar {padding: 48px 0}
	
}
@media (min-width:960px) {

	.single-bisy_case article .container-12 {display:flex;justify-content: space-between; align-items: flex-start; gap:48px}
	.single-bisy_case article .entry-content {max-width:702px}
	.single-bisy_case article .case-sidebar {max-width:252px;flex-shrink:0;position:sticky;top:calc(var(--top) + 36px)}

}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Gruppo prodotti con layout a card verticali */


.product-group.grid {display:grid; grid-gap:18px; grid-template-columns: 1fr 1fr 1fr}

.product-card {position:relative;display:flex;flex-direction:column;padding:60px 0 24px 0;text-align:center;align-items:center;gap:36px;border-radius:6px;background:linear-gradient(to right bottom,var(--grey-100),var(--grey-200));aspect-ratio:2/3;box-sizing:border-box;overflow:hidden}

.product-card.zenergy-utility {background:var(--z-lime-gradient);color:#fff}
.product-card.margyn {background:var(--z-orange-gradient);color:#fff}
.product-card:is(.zenergy-utility,.margyn):hover {color:#fff}

.product-card::before {position:absolute;display:block;content:'';width:100%;height:100%;top:0;left:0;opacity:0;background:#fff;mix-blend-mode:overlay;border-radius:6px;pointer-events:none;transition:opacity .1s ease-out}
.product-card:hover::before {opacity:.3}

.product-card .icon-bg {position:absolute;width:180%;height:auto;bottom:-48%;right:-68%;mix-blend-mode:overlay;background:transparent}
.product-card .product-name-group {position:relative}
.product-card .product-name-group .the-tagline {margin-top:.5em}
.product-card .product-cta {position:relative}


.product-card:not(.zenergy-utility,.margyn) .product-cta {opacity:.6}

@media (max-width: 959px) {

	.product-group.grid {grid-template-columns: 1fr 1fr; grid-gap:6px}
	.product-group.grid .product-card {padding: 36px 12px 24px 12px; gap: 18px}
	.product-group.grid .product-card .icon-bg {width:72px; height: 72px}
	.product-group.grid .product-card .the-tagline {min-height: 36px}
	
}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Gruppo di case */

.case-group {display:flex; flex-wrap: wrap; gap: 18px}
.case-group article {position:relative; width: var(--is_4col); height: 210px; overflow: hidden; border-radius: 6px; background-image:linear-gradient(to right top,var(--teal-999),var(--grey-700))}

.case-group article.has-post-thumbnail {background-size: cover; background-position: center center}
.case-group article.has-post-thumbnail::before,
.case-group article.has-post-thumbnail::after {content:'';position:absolute;width:100%;height:100%;top:0;left:0}
.case-group article.has-post-thumbnail::before {z-index:1;background-color:var(--teal-900); mix-blend-mode:hue}
.case-group article.has-post-thumbnail::after {z-index:2;background-image:linear-gradient(to right top,var(--teal-999),var(--grey-700)); mix-blend-mode: hard-light}


.case-group .icon-bg {position:absolute;z-index:5;top:16px;left:16px}

.case-group .case-card {color:#fff; position:absolute; z-index:5; display: block; padding:24px; width:100%; height: 100%; top: 0; left: 0; box-sizing: border-box; background: transparent; backdrop-filter:blur(0px); transition:backdrop-filter .2s ease-out}

.case-group .case-content {transform:translateY( 147px ); transition: transform .2s ease-out; max-width: 360px}
.case-group .case-content .the-excerpt {opacity:0;margin-top:4px; transition: opacity .2s ease-out}
.case-group .case-cta {display:none; position:absolute; bottom: 0; opacity:0; transform:translateY(100px); transition:transform .2s ease-out, opacity .2s ease-out}
.case-group article:hover .case-card {color:#fff}
.case-group article:hover .case-content {transform:translateY(64px)}
.case-group article:hover .case-content .the-excerpt {opacity:1}
.case-group article:hover .case-cta {transform:translateY(-24px); opacity:1}

.case-group article.has-post-thumbnail:hover .case-card {backdrop-filter:blur(10px)}

@media (max-width: 959px) {

	.case-group {flex-direction: column}
	

}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Fascia contatti e fascia demo */


.fascia-azioni {padding: 120px 0}
.fascia-azioni .pre-cta-copy {margin-top:.5em; margin-bottom: 2em; max-width:432px}
#fascia-contatti .microcopy {margin-top:12px}

#candidatura .pre-cta-copy {margin-bottom: .5em}

@media (max-width: 959px) {

	.fascia-azioni {padding: 72px 0; text-align: center}
	.fascia-azioni > .col-container {gap: 48px}
	.fascia-azioni .col-container {flex-direction:column}
	
	#fascia-contatti > .col-container {align-items: center}
	
	#demo .richiedi-demo {align-self: center}
	#demo .the-form {text-align: left}
	
	#candidatura .richiedi-demo {align-self: center}
	#candidatura .the-form {text-align: left}
	
	#request-access .richiedi-psw {align-self: center}
	#request-access .the-form {text-align: left}
	
	
}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Fascia Pubblica Amministrazione / MePA */

.fascia-mepa {padding: 48px 0}
.fascia-mepa .icon-container {background-image:linear-gradient(to right top,#0066CC,#1276DC);border-radius:6px; display:flex; align-items:center; justify-content:center; width:162px; height:162px; flex-shrink:0}
.fascia-mepa .icon-container img {width:72px;height:72px}
.fascia-mepa .titolo {margin-bottom:.666666em}

@media (max-width:1279px) {

	.fascia-mepa .col.is_6col {width:100%}

}
@media (max-width: 959px) {

	.fascia-mepa .col-container {flex-direction: column; align-items: flex-start}
	.fascia-mepa .icon-container {width:108px; height:108px}
	.fascia-mepa .icon-container img {width:48px; height:48px}
	
}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Homepage */


.home #page-hero .hero-inner {padding-top: 216px; padding-bottom: 144px}
.home #page-hero .the-value-proposition {margin: 24px 0 36px 0}
.home #page-hero .hero-bg {mix-blend-mode:luminosity}
.home #page-hero .hero-bg::before {content:'';position:absolute;display:block;width:100%;height:100%;background:var(--z-lime-gradient);opacity:.8}

.home section {padding:120px 0}

.home .row-head {margin-bottom:36px}
.home .row-head .s-title {margin-bottom:6px}
.home .row-head .xs-copy {max-width:343px}


#case-study .case-group article:is(:nth-child(1),:nth-child(2)) {width: var(--is_6col); height: 320px}
#case-study .case-group article:is(:nth-child(1),:nth-child(2)) .case-content {transform:translateY( 250px )}
#case-study .case-group article:is(:nth-child(1),:nth-child(2)) .case-cta {display:block}
#case-study .case-group article:is(:nth-child(1),:nth-child(2)):hover .case-content {transform:translateY(136px)}


#home-clients .logo-wall {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap:18px 63px; margin-top: 48px;mix-blend-mode:multiply}
#home-clients .logo-wall img {width: 100%; height:auto}

@media (max-width: 959px) {
	
	#home-body .products-row {padding-top: 72px}
	#home-body .casestudy-row {padding-top: 144px}
	
	#home-clients .logo-wall {grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:18px; margin-top: 24px}
	
}
@media (max-width: 599px) {
	
	.home section {padding:96px 0}
	
	.home .row-head {margin-bottom:24px; flex-direction: column; gap: 12px; align-items: flex-start}
	
	
	#home-clients .logo-wall {grid-template-columns: 1fr 1fr;margin-top: 18px}

}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Pagina CHI SIAMO */



.page-template-chi-siamo #page-hero .hero-post-thumbnail-container {position:relative; width:var(--is_5col);overflow: visible}
.page-template-chi-siamo #page-hero .hero-post-thumbnail-container img {position:absolute;top:50%;transform:translateY(-50%)}

.page-template-chi-siamo #mission-vision {padding-top:72px;padding-bottom:72px}
.page-template-chi-siamo #mission-vision .m-copy {margin-top:12px; max-width:432px}

.page-template-chi-siamo #timeline {padding-top:72px}
.page-template-chi-siamo #timeline .container-12 {position: relative; z-index: 2}
.page-template-chi-siamo #timeline .row-head .xs-copy {margin-top: 8px }
.page-template-chi-siamo #timeline .the-timeline {height:8px;border-radius:4px;margin: 72px 0 24px 0;background:linear-gradient(to right,var(--z-lime),var(--z-teal),var(--z-blue))}
.page-template-chi-siamo #timeline .event {max-width: 136px}

.page-template-chi-siamo .mini-separatore {height:80px;padding: 60px 0;background-image:url("img/bisy-footer-logo.webp");background-repeat: no-repeat;background-position: center center;background-size:108px 108px}

.page-template-chi-siamo #awards {position:relative} 
.page-template-chi-siamo #awards .container-12 {position: relative}
.page-template-chi-siamo #awards .row-head .m-copy {margin-top:12px} 
.page-template-chi-siamo #awards .awards-body {padding-top: 60px; padding-bottom:108px}
.page-template-chi-siamo #awards .awards-group {position: relative}
.page-template-chi-siamo #awards .award {padding: 24px;border-radius: 6px;}
.page-template-chi-siamo #awards .award-inner {position:relative; display:flex; flex-direction: column; gap: 36px; align-items: center}
.page-template-chi-siamo #awards .award-inner .text-box .xs-copy {margin-top:8px}

.page-template-chi-siamo #go-to-team {position: relative;background-size:50% auto}
.page-template-chi-siamo #go-to-team .the-team-post-thumbnail {position:absolute;left:0;top:0;bottom:0;height:100%;width:50%}
.page-template-chi-siamo #go-to-team .the-team-post-thumbnail img {position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover}
.page-template-chi-siamo #go-to-team .container-14 {justify-content: flex-end}


@media (max-width: 959px) {
	
	
	.page-template-chi-siamo #mission-vision .col-container {flex-direction: column; gap: 36px}
	.page-template-chi-siamo #mission-vision .m-copy {max-width: unset}
	
	.page-template-chi-siamo #awards .awards-group {flex-direction: column}
	
	.page-template-chi-siamo #timeline .timeline-body {display:flex; gap: 24px; margin: 0 auto; padding-top: 60px}
	.page-template-chi-siamo #timeline .the-timeline {width: 8px; height:auto; background-image: linear-gradient(to bottom, var(--blue-400),var(--teal-400));margin:unset}
	.page-template-chi-siamo #timeline .events-group {flex-direction: column; gap: 36px; padding: 24px 0}
	.page-template-chi-siamo #timeline .event {max-width: unset}
	
	.page-template-chi-siamo #go-to-team {padding-top:0}
	.page-template-chi-siamo #go-to-team .the-team-post-thumbnail {position: static;width:auto}
	.page-template-chi-siamo #go-to-team .the-team-post-thumbnail img {position:static;width:100%; height: auto}
	
	.page-template-chi-siamo #go-to-team .container-14 {justify-content: center;padding-top:36px}
	
}
@media (max-width:1280px) {

	.page-template-chi-siamo #page-hero .hero-bg {background-size: cover;background-position: top -20%}
	
	.page-template-chi-siamo #go-to-team .is_6col {max-width: 432px}

}

@media (min-width:1440px) {

	.page-template-chi-siamo #go-to-team {padding:144px 0}

}
@media (min-width:1600px) {

	.page-template-chi-siamo #go-to-team {padding:216px 0}

}
@media (min-width:2000px) {

	.page-template-chi-siamo #go-to-team {padding:320px 0}
	.page-template-chi-siamo #go-to-team .the-team-post-thumbnail {top: 50%; transform: translateY(-50%); height:calc(100% - 192px)}
	.page-template-chi-siamo #go-to-team .the-team-post-thumbnail img {left:unset;right:0;width:auto; border-radius: 12px}

}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Pagina TEAM */


body.page-template-team {background:#fff}
.page-template-team #page-hero {background-color:#fff;background-size:100% 580px; background-repeat: no-repeat; color:var(--teal-999)}
.page-template-team #page-hero .hero-bg {mix-blend-mode: soft-light}

.page-template-team #team-members {padding-top:72px; padding-bottom:120px}
.page-template-team #team-members .kittens-group {flex-wrap: wrap; justify-content: center}
.page-template-team #team-members .tall-kittens .kitten {max-width:252px}
.page-template-team #team-members .round-kittens {margin-top:96px; gap: 96px 48px; justify-content: center}
.page-template-team #team-members .round-kittens .kitten {max-width:162px}
.page-template-team #team-members .tall-kittens .avatar {border-radius:12px}
.page-template-team #team-members .round-kittens .avatar {border-radius:50%}
.page-template-team #team-members .round-kittens .avatar svg {width:100%;height:auto; fill: var(--grey-999); opacity:.18}
.page-template-team #team-members .kitten .name {margin-top:18px;margin-bottom:6px;line-height:1}
.page-template-team #team-members .kitten .job-title {line-height:1}
.page-template-team #team-members .kitten .links {line-height:1; margin-top:6px}



.page-template-team .fascia-azioni .pre-cta-copy {max-width: unset}


@media (max-width:959px) {
	
	.page-template-team #page-hero {background-size:100% 30%}
	.page-template-team #page-hero .hero-bg {background-size: 100% auto}
	
	.page-template-team #team-members .round-kittens {margin-top:60px; gap: 60px 24px; justify-content: center}
	.page-template-team #team-members .round-kittens .kitten {max-width: calc(50% - 12px)}
}
@media (min-width:1280px) {

	.page-template-team #page-hero .hero-text.is_6col {width:var(--is_8col)}
}


/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Pagina LAVORA CON NOI */


.page-template-lavora-con-noi .row-head .s-title {margin-bottom:6px}
.page-template-lavora-con-noi .posizioni-group {display: grid; grid-gap: 36px 18px; grid-template-columns: 1fr 1fr 1fr; padding-top:36px; padding-bottom: 72px}
.page-template-lavora-con-noi .posizioni-group article {position: relative; border-radius:6px}
.page-template-lavora-con-noi .posizioni-group article a {display:block; padding:24px 24px 72px 24px}
.page-template-lavora-con-noi .posizioni-group article .sede {line-height:1;margin-bottom:60px;display: block}
.page-template-lavora-con-noi .posizioni-group article .details p {margin: 2px 0}
.page-template-lavora-con-noi .posizioni-group article .view-cta {position: absolute;bottom:30px;line-height:1}
.page-template-lavora-con-noi .posizioni-group article:hover{box-shadow: 0 3px 8px #0002}

@media (max-width:959px) {
	
	.page-template-lavora-con-noi .posizioni-group {grid-template-columns: 1fr}
}







/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Pagina PRODOTTI */




.page-template-prodotti #prodotti .container-12 {position: relative; padding-bottom: 108px}

.page-template-prodotti #principi .principi-head {padding: 96px 0}
.page-template-prodotti #principi .principi-head .m-title {margin-bottom:12px}
.page-template-prodotti #principi .principi-group {padding-bottom: 120px}
.page-template-prodotti #principi .principio .m-copy {margin-bottom:8px}

@media (max-width: 959px) {
	
	.page-template-prodotti #principi .principi-head {padding: 72px 0}
	.page-template-prodotti #principi .principi-group {flex-direction: column; gap: 36px; padding-bottom: 72px}
}






/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Pagina CONTATTI */


.page-template-contatti #contatti {padding-bottom:144px}
.page-template-contatti #contatti .m-title {margin-bottom:36px}

.page-template-contatti :is(.company-details,.direct-contacts) {flex-direction:column; gap: 24px}
.page-template-contatti .company-details .medium.uppercase {opacity:.7;margin-bottom:5px}

.page-template-contatti .direct-contacts .col {border-bottom:solid 1px currentcolor; padding-bottom:30px}
.page-template-contatti .direct-contacts .testo {margin: 3px 0}



@media (max-width: 959px) {
	
	.page-template-contatti #contatti {padding-bottom:108px}
	.page-template-contatti #contatti .container-12.col-container {flex-direction: column; gap: 108px}
	
}








/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Pagina WEBINAR */

.page-template-webinars .hero-bg {opacity:.95}
.page-template-webinars .hero-bg::before {content:'';position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right top,#0005,#0001)}
.page-template-webinars .webinar-completi .hero-bg {mix-blend-mode:overlay}

.page-template-webinars .webinar-group {display:flex; flex-direction: column; gap: 60px; padding: 108px 0}
.page-template-webinars .webinar-group .hentry iframe {border-radius: 6px}


.page-template-webinars .password-form-container {padding:144px 0}
.page-template-webinars .password-form-container form p:first-child {margin-bottom: 2em; font-size:var(--xl-copy)}
.page-template-webinars .password-form-container form p:last-child {display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}
.page-template-webinars .password-form-container .after-form {margin-top: 1.5em}

@media(max-width: 1279px) {
	
	.page-template-webinars .webinar-group .hentry.col-container {flex-direction:column; justify-content: center}
	.page-template-webinars .webinar-group .hentry .col {width:unset;text-align:center}
	.page-template-webinars .webinar-group .hentry .post-content {max-width:432px}
	
	.page-template-webinars .webinar-group .hentry iframe {}

}
@media(max-width: 989px) {
	
	.page-template-webinars .webinar-group .hentry iframe {height:338px}

}
@media(min-width: 1280px) {
	
	.page-template-webinars .webinar-group .hentry .post-content {padding-left:18px}

}





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */


/* Pagina ACCEDI / LOGIN (verso i vari prodotti) */


.page-template-gateway #page-hero .hero-inner   {padding-top: 108px; padding-bottom: 48px}
.page-template-gateway #gateway                 {padding-bottom: 192px}
.page-template-gateway .product-buttons-list    {display:flex;flex-direction:column;gap:8px; margin-bottom:18px}
.page-template-gateway .product-button          {padding:12px;border-radius:6px;border:solid 1px var(--grey-600); background:#fff}
.page-template-gateway .product-button:not(.disabled):hover {box-shadow:0 3px 6px #0002; border-color:var(--grey-800)}

.page-template-gateway .product-button .prodotto {text-align:left}
.page-template-gateway .product-button .prodotto > div {justify-content: flex-start}

.page-template-gateway .product-button.disabled {opacity:.4;border-color:var(--grey-500); color: var(--grey-999)}
.page-template-gateway .product-button.disabled .icon-bg {background: var(--grey-200)}
.page-template-gateway .product-button.disabled .icon-bg svg {fill: var(--grey-700)}

.page-template-gateway .product-button:not(.disabled) .icon-bg.elyx {background: var(--green-400)}
.page-template-gateway .product-button:not(.disabled) .icon-bg.elyx svg {fill: var(--green-999)}

.page-template-gateway .product-button:not(.disabled) .icon-bg.margyn {background: var(--orange-400)}
.page-template-gateway .product-button:not(.disabled) .icon-bg.margyn svg {fill: var(--orange-999)}



/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */


/* Pagina PRIVACY POLICY */

:is(.page-id-3,.page-id-42) #page-hero {background:transparent}
:is(.page-id-3,.page-id-42) .entry-content :is(li,p) {line-height:1.5em; text-align:justify;text-align-last:left;overflow-wrap:break-word;hyphens:auto}
:is(.page-id-3,.page-id-42) .iub_header {margin-left:auto;margin-right:auto; padding-bottom: 1em; position:relative; margin-bottom: 6em; font-size:var(--l-copy)}
:is(.page-id-3,.page-id-42) .iub_header p {text-align:center;text-align-last:center}
:is(.page-id-3,.page-id-42) .iub_header::after {content:'';position:absolute;display:block;bottom:0;width:5em;left:calc(50% - 2.5em);height:1px;background:var(--accent)}
:is(.page-id-3,.page-id-42) .iub_content > div:not(.iub_header) {margin-bottom:6em}
:is(.page-id-3,.page-id-42) .iub_content h2 {font-size:var(--l-title); margin-top: 3em}
:is(.page-id-3,.page-id-42) .iub_content h3 {font-size:var(--m-title); margin-top: 3em}
:is(.page-id-3,.page-id-42) .iub_content h4 {font-size:var(--s-title); margin-top: 4em}

:is(.page-id-3,.page-id-42) #cookie-policy {border-top: dashed 1px var(--accent)}
:is(.page-id-3,.page-id-42) .definitions {border-top: dashed 1px var(--accent)}
:is(.page-id-3,.page-id-42) .definitions > h3 {font-size:var(--l-title); margin-top: 3em}






/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Eccezioni specifiche */





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* Simple Light-Box */

.sl-overlay {background-image:linear-gradient(to right bottom,#000,var(--teal-999))!important;opacity:1!important}

.sl-wrapper .sl-navigation button {color:#fff!important}
.sl-wrapper button.sl-close {color:#fff!important}
.sl-wrapper .sl-navigation button:hover {color:var(--accent)!important;opacity:1!important}
.sl-wrapper button.sl-close:hover {color:var(--accent)!important}

.sl-wrapper .sl-image {box-shadow: 0 0 250px -50px var(--teal-800)}
.sl-wrapper .sl-image .sl-caption {position:unset!important;padding:1em!important;text-align:center;background:transparent!important}





/* ⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻⸻ */

/* CF7 css */


.wpcf7 .screen-reader-response {position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}

.wpcf7 form .wpcf7-response-output {margin:1em 0; padding:.5em .75em; border-radius:6px;font-size:var(--s-copy)}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {display:none}

.wpcf7 form.sent .wpcf7-response-output {background-color:var(--z-teal); color:#fff}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {background-color:var(--z-mandarine); color:var(--z-black)}

.wpcf7-form-control-wrap {position:relative}
.wpcf7-not-valid-tip {font-size:var(--xs-copy); margin-top:.25em; font-weight:normal; display:block; letter-spacing:.033em; background-color:var(--z-mandarine); color:var(--z-black); padding:.3em .5em;border-radius:6px}




.wpcf7-list-item {display: inline-block}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {content: " "}

.wpcf7-spinner {visibility: hidden;display: inline-block;background-color: #23282d; /* Dark Gray 800 */opacity: 0.75;width: 24px;height: 24px;border: none;border-radius: 100%;padding: 0;margin: 0 24px;position: relative}

form.submitting .wpcf7-spinner {visibility: visible}

.wpcf7-spinner::before {content: '';position: absolute;background-color: #fbfbfc; /* Light Gray 100 */top: 4px;left: 4px;width: 6px;height: 6px;border: none;border-radius: 100%;transform-origin: 8px 8px;animation-name: spin;animation-duration: 1000ms;animation-timing-function: linear;animation-iteration-count: infinite}

@media (prefers-reduced-motion: reduce) {.wpcf7-spinner::before {animation-name: blink;animation-duration: 2000ms}}
@keyframes spin {from {transform: rotate(0deg)}to {transform: rotate(360deg)}}
@keyframes blink {from {opacity: 0} 50% {opacity: 1} to {opacity: 0}}

.wpcf7 input[type="file"] {cursor: pointer}

.wpcf7 input[type="file"]:disabled {cursor: default}

.wpcf7 .wpcf7-submit:disabled {cursor: not-allowed}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {direction: ltr}

.wpcf7-reflection > output {display: list-item; list-style: none}

.wpcf7-reflection > output[hidden] {display: none}