@layer base, theme, utils, extra;  @view-transition {
navigation: auto;
}
::view-transition-old(root) {
animation: fade-out 0.25s ease-out forwards;
}
::view-transition-new(root) {
animation: fade-in 0.25s ease-in forwards;
}
@keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
:root { --primary-color: #c22525; --primary: var(--primary-color);
--primary-dark: #bb453c;
--secondary: #575656;
--secondary-color: var(--secondary);
--secondary-dark: hsl(54, 98%, 43%);
--gray: #565656;
--gray-dark: #1c1c1c;
--gray-light: #e9e8e9;
--gray-lighter: #f5f5f5;
--light-gray: var(--gray-light);
--dark-gray: var(--gray-dark);
--base-font-size: 16px;
--base-font-family: 'Instrument Sans', sans-serif; --text-color: #010001;
--text-14: 0.875rem;
--text-16: clamp(0.875rem, 0.839rem + 0.143vi, 1rem);
--text-16-fixed: 1rem;
--text-24: clamp(1.125rem, 1.018rem + 0.429vi, 1.5rem);
--text-32: clamp(1.25rem, 1.036rem + 0.857vi, 2rem);
--text-xl: clamp(24px, 2.4px + 3.6vw, 60px);
--text-size: var(--text-16);
--text-base: var(--text-16); --leading-none: 1;
--leading-tight: 1.25;
--leading-snug: 1.375;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--leading-loose: 2; --spacer: clamp(35px, 26px + 1.5vw, 50px); --container-width: 1600px;
--container-default-padding-left: 30px;
--container-default-padding-right: 30px; --swiper-theme-color: var(--primary-color) !important;
--swiper-pagination-bullet-inactive-color: var(--gray);
--swiper-pagination-bullet-inactive-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 0.4rem;
--swiper-pagination-bullet-width: 1.4rem;
--swiper-pagination-bullet-height: 0.6rem;
--swiper-pagination-bullet-border-radius: 5px;
--swiper-pagination-bottom: 0; --md: 767px;
--lg: 1024px; --nav-height: 143px;
@media (width<1700px) {
--nav-height: 99px;
}
@media (width<=1400px) {
--nav-height: 90px;
}
@media (width<=1024px) {
--nav-height: 70px;
}
}
@layer base {
*,
*::before,
*::after {
box-sizing: border-box;
}
* {
transition-behavior: allow-discrete;
}
html {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
scroll-padding-top: 250px;
scroll-behavior: smooth;
}
a {
color: var(--primary-color);
}
a,
button {
cursor: revert;
}
a[href^='tel'],
a[href^='mailto'] {
color: inherit;
text-decoration: none;
}
.btn,
button {
width: fit-content;
outline-color: transparent;
text-box: trim-both cap alphabetic;
}
ol,
ul,
menu,
summary {
list-style: none;
}
img {
max-inline-size: 100%;
max-block-size: 100%;
}
table {
border-collapse: collapse;
}
input,
textarea {
-webkit-user-select: auto;
field-sizing: content;
}
textarea {
white-space: revert;
}
meter {
-webkit-appearance: revert;
appearance: revert;
}
:where(pre) {
all: revert;
box-sizing: border-box;
}
::placeholder {
color: unset;
}
:where([hidden]) {
display: none;
}
:where([contenteditable]:not([contenteditable='false'])) {
-moz-user-modify: read-write;
-webkit-user-modify: read-write;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
-webkit-user-select: auto;
}
:where([draggable='true']) {
-webkit-user-drag: element;
}
:where(dialog:modal) {
all: revert;
box-sizing: border-box;
}
::-webkit-details-marker {
display: none;
} @media (hover: hover) {
a:hover {
}
} @media (hover: none) {
} label:has(input) {
display: flex;
align-items: center;
gap: var(--spacer-s);
} textarea {
--padding: var(--spacer-m);
min-height: calc(2lh + 2 * var(--padding));
max-height: calc(4lh + 2 * var(--padding));
field-sizing: content;
line-height: 1.5;
padding: var(--padding);
padding-inline: calc(var(--padding) + calc((1lh - 1ex) / 2));
} @media screen and (-webkit-min-device-pixel-ratio: 0) {
select,
textarea,
input {
font-size: 16px !important;
}
}
.container {
width: min(90%, 800px);
}
.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.box {
display: grid;
place-items: center;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-block-start: 0;
margin-block-end: 0;
font-family: inherit;
font-weight: 600;
line-height: 1.2;
color: inherit;
text-box: trim-both cap alphabetic;
i {
font-style: normal;
color: var(--primary);
}
}
p {
display: contents;
max-width: 100ch;
}
.elementor-heading-title,
[class^='title-'] {
text-wrap: balance;
text-box: trim-both cap alphabetic;
}
[id] {
scroll-margin-top: 2.5rem;
}
} html {
font-size: var(--base-font-size);
font-family: var(--base-font-family);
}
body {
accent-color: var(--primary-color);
color: var(--text-color);
overflow-x: hidden !important;  }
p {
font-size: var(--text-base);
color: var(--text-color);
}
.text-white,
.text-white p {
color: #fff !important;
}
.text-gray,
.text-gray p {
color: var(--gray) !important;
}
.text-primary,
.text-primary p {
color: var(--primary) !important;
}
.balance {
text-wrap: balance !important;
} .elementor-widget-button .elementor-button {
border-radius: 0;
&,
& .elementor-button-text {
font-size: var(--text-base);
font-weight: 700;
text-transform: uppercase;
text-decoration: none !important;
}
&:is(:hover, :active, :focus) {
background-color: var(--primary-dark);
}
&.elementor-size-sm {
padding: 8px 20px;
@media (hover: none) {
padding-block: 15px !important;
}
}
}
.btn:has(.elementor-button) {
padding: 0 !important;
}
.btn-sm .elementor-button {
padding: 1em;
&,
& .elementor-button-text {
font-size: var(--text-sm);
}
} .sentence-case {
text-transform: lowercase;
&::first-letter {
text-transform: uppercase;
}
}
.dyn-p-l {
padding: 0 30px 0 clamp(30px, -94.4444px + 12.1528vw, 100px) !important;
}
.dyn-p-l-large {
padding: 0 30px 0 clamp(30px, -183.3333px + 20.8333vw, 150px) !important;
}
.dyn-p-r {
padding: 0 clamp(30px, -94.4444px + 12.1528vw, 100px) 0 30px !important;
}
.dyn-p-i {
padding: 0 clamp(30px, -94.4444px + 12.1528vw, 100px) 0
clamp(30px, -94.4444px + 12.1528vw, 100px) !important;
}
.bg_gray_pattern,
.bg_white_pattern,
.bg_red_pattern,
.bg_black_pattern {
background-repeat: repeat;
background-size: clamp(18px, 12px + 1vw, 28px) auto;
}
.bg_red_pattern {
background-color: var(--e-global-color-primary);
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/pattern-sx.png);
background-position: top right;
}
.bg_black_pattern {
background-color: var(--e-global-color-text);
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/pattern-dx.png);
background-position: top center;
}
.bg_white_pattern {
background-color: #fff;
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/pattern.png);
}
.bg_gray_pattern {
background-color: var(--gray-light);
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/gray-pattern.jpg);
}
.p-30 {
padding: 30px !important;
}
.padding-xl {
padding: 80px clamp(30px, 18px + 2vw, 50px) !important;
}
.mw-800 {
width: min(800px, 100%) !important;
margin-inline: auto !important;
} .title_container {
.e-n-menu-heading {
list-style: none;
padding: 0;
margin: 0;
display: flex; gap: 0;
}
.e-n-menu-title {
--n-menu-title-padding: 0 !important;
}
.e-n-menu-item {
position: relative;
}
.e-n-menu-item:not(:last-child)::after {
content: '\003E';
margin: 0 0.5em;
color: currentColor;
font-size: 1em;
line-height: 1em;
display: inline-block;
}
.elementor-heading-title {
max-width: min(80%, 50ch);
margin-inline: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
} body:not(.page-id-667):not(.page-id-530)
.title_container
.e-n-menu-item:has(#bc_prod) {
display: none;
}
.page-id-667,
.page-id-530 {
.title_container {
background: #fff !important;
}
} header {
height: 0;
}
#header {
grid-template-columns: 310px 1fr 310px;
padding: 35px 60px;
position: fixed;
z-index: 10;
background: #fff;
transition: all 0.25s linear;
& > div {
view-transition-name: --persist-nav;
}
.logo {
img {
display: block;
margin-right: auto;
transition: all 0.25s linear;
width: auto !important;
height: min(2.5vw, 74px);
}
}
nav .menu-item a {
font-size: 16px;
}
@media (width<1700px) {
grid-template-columns: 220px 1fr 220px;
padding: 25px 40px;
.logo img {
height: 42px;
}
nav .menu-item a {
font-size: 14px;
}
}
@media (width<=1400px) {
grid-template-columns: 180px 1fr;
align-items: flex-start;
.top_icons {
display: none;
}
.logo img {
max-width: min(65vw, 180px);
height: auto;
}
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
margin-top: 20px;
}
}
@media (width<=1024px) {
padding: 15px;
}
.elementor-nav-menu--dropdown .elementor-item:hover {
background-color: var(--secondary);
&,
& > a {
color: #fff;
}
} .e-search-input-wrapper {
opacity: 0;
&:not(:has(:placeholder-shown)) {
opacity: 1;
}
transition: opacity 0.3s ease;
input {
border-width: 0 0 1px 0 !important;
padding: 0 !important;
}
.e-search-nothing-found-message {
font-size: 14px;
}
}
.e-search:is(:focus, :hover) .e-search-input-wrapper {
opacity: 1 !important;
}
}
body {
&.past-top {
#header {
padding-block: 15px;
box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
.logo img {
max-height: 42px;
}
}
}
} .home .hero {
& > div {
.text,
.prod {
max-width: 40vw !important;
}
@media (width<=1024px) {
.text,
.prod {
max-width: 80vw !important;
&.un_colpo {
max-width: 70vw !important;
}
}
}
}
}
:not(.home) .hero {
@media (width<=1024px) {
min-height: auto !important;
}
& > div {
.prod.mano_hero {
top: 10vh;
}
.prod.mano_hero,
.prod.mano_hero > img {
height: 100%;
width: auto;
object-fit: contain;
}
@media (min-width: 1025px) and (max-width: 1400px) {
.prod.mano_hero {
width: 100%;
}
.prod.mano_hero > img {
width: 100%;
height: auto !important;
}
}
@media (width<=1024px) {
height: min(85vw, 450px);
max-height: unset;
.prod.mano_hero {
top: 2.5vh;
}
.prod.mano_hero,
.prod.mano_hero > img {
max-height: 440px;
width: auto;
height: auto;
}
}
}
}
@keyframes slideInProductRight {
from {
transform: translate3d(150%, 0, 0) !important;
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.hero {
& > div {
position: relative;
overflow: hidden;
.text,
.prod {
position: absolute;
img {
max-width: 100%;
}
}
.text {
top: 150px;
left: min(160px, 5vw);
z-index: 1;
opacity: 1;
animation: none !important;
}
.prod {
z-index: 0;
right: 0;
bottom: 0;
animation: slideInProductRight 1s ease both;
&.due_colpi {
max-height: 80%;
bottom: 15%;
}
&.un_colpo {
right: 5vw;
bottom: 5vw;
max-width: 70%;
img {
max-height: 195px;
width: auto;
}
@media (min-width: 1025px) and (max-width: 1699.98px), (width<540px) {
bottom: 30%;
}
@media (min-width: 540px) and (max-width: 720px) {
bottom: 25%;
}
}
}
&:nth-child(1) {
.prod {
transform: translate3d(150%, 0, 0);
animation-delay: 1.5s;
}
.text {
animation-delay: 0.85s;
}
}
&:nth-child(2) {
.prod {
transform: translate3d(150%, 0, 0);
animation-delay: 2.5s;
}
.text {
animation-delay: 1.85s;
}
}
@media (width<=1024px) {
height: max(300px, 65svh);
max-height: 30svh;
.text,
.prod {
width: min(80vw, 600px);
}
.text {
top: 7.5vw;
}
}
@media (width<=600px) {
height: max(300px, 50svh);
max-height: 25svh;
.text,
.prod {
max-width: calc(100% - 10vw) !important;
width: calc(100% - 10vw);
}
}
@media (width<=460px) {
height: max(265px, 40svh);
max-height: 20svh;
}
}
@media (width<=600px) {
height: auto !important;
min-height: unset !important;
}
}
main {
margin-top: var(--nav-height);
}
@media (orientation: landscape) and (max-height: 1000px) {
.hero {
min-height: unset !important;
& > div {
height: 400px;
max-height: 80dvh;
.text {
top: max(50px, 5vh);
left: max(25px, 2.5vh);
img {
max-width: 80%;
}
}
}
}
.after_hero .e-con-inner {
padding-block: 50px !important;
}
} @keyframes fadeInText {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.img_boxes {
.img_box {
transition: filter 0.5s;
overflow: hidden;
.box_text {
color: #fff;
font-size: var(--text-16);
font-family: 'DM Sans', Sans-serif !important;
line-height: 1.4em !important;
bottom: -500px;
opacity: 0;
transition: bottom 0.5s ease, opacity 0.5s ease;
padding-inline: 15px;
}
@media (hover: hover) {
&:hover {
filter: grayscale(100%);
.box_text {
bottom: 0;
opacity: 1;
}
}
}
@media (hover: none) {
.box_text {
bottom: 0;
opacity: 0;
//animation: fadeInText 1.5s ease-in forwards;
}
}
@media (width<786px) {
height: min(100vw, 420px);
min-height: 380px;
}
@media (width<360px) {
height: min(100vw, 480px);
min-height: 440px;
}
@media (min-width: 1600px) and (min-height: 1051px) {
min-height: 25vw;
.box_text {
font-size: 18px !important;
line-height: 1.45em !important;
padding-inline: 40px;
}
}
}
}
@supports (animation-timeline: view()) {
.img_boxes .img_box {
@media (hover: none) {
.box_text {
animation-timeline: view();
animation-range: entry 0% cover 30%;
}
}
}
} .video_container {
position: relative;
overflow: hidden;
video {
z-index: 0;
min-height: 600px;
}
.video_overlay {
width: 33.3333333vw;
height: 100% !important;
position: absolute !important;
top: 0 !important;
right: 0 !important;
background: rgba(10, 26, 36, 0.5);
z-index: 5;
p {
color: #fff;
text-align: left;
display: block;
text-wrap: balance;
}
.elementor-heading-title {
margin-bottom: clamp(25px, -8px + 5.5vw, 80px);
text-align: left;
}
&:before,
&:after {
background-size: contain;
background-repeat: no-repeat;
}
&:before {
content: '';
position: absolute;
top: 50px;
left: -8%;
width: 15vw;
height: 200px;
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/01.png);
background-position: top left;
z-index: 1;
}
&:after {
content: '';
position: absolute;
bottom: 50px;
right: -4%;
width: 20vw;
height: 200px;
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/02.png);
background-position: bottom right;
z-index: 1;
}
@media (width<1600px) {
&:before,
&:after {
height: 150px;
}
}
@media (width<1400px) {
width: 50vw;
&:before {
height: 160px;
width: 80px;
}
&:after{
height: 160px;
width: 100px;
}
}
@media (width<1200px) {
width: 66.666666vw;
}
@media (width<=1024px) {
width: 100vw;
&:before {
left: -2%;
}
&:after {
right: -1%;
}
}
@media (width<=360px) {
&:before,
&:after {
display: none;
}
}
}
@media (orientation: landscape) {
.elementor-widget-video {
max-height: calc(100svh - 80px) !important;
}
}
} .versioni_container {
background-repeat: no-repeat;
@media (width>1024px) {
background-position: -265px 50%;
background-size: 365px 600px;
}
@media (width<=1024px) {
background-position: -365px 50%;
background-size: 486px 800px;
}
@media (width<768px) {
background-image: none !important;
}
} @media (width>1024px) {
.half_grays:has(.box_caricamento):before {
content: '';
position: absolute;
width: 44px;
height: 44px;
top: 0;
background-size: contain;
left: 50%;
transform: translateX(calc(-100% - 80px));
background: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/caricamento-1.svg) no-repeat
center right;
margin: 40px;
}
.half_grays:has(.box_attivazione):after {
content: '';
position: absolute;
width: 44px;
height: 44px;
top: 0;
background-size: contain;
right: 0;
background: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/attivazione.svg) no-repeat
center right;
margin: 40px;
}
}
@media (width<=1024px) {
.box_caricamento {
background-color: #c7c9c9;
padding-block: 60px !important;
&:after {
content: '';
position: absolute;
width: 54px;
height: 54px;
top: 0;
background-size: contain;
right: 0;
background: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/caricamento-1.svg) no-repeat
center right;
margin: 40px;
}
}
.box_attivazione {
padding-block: 60px !important;
&:after {
content: '';
position: absolute;
width: 54px;
height: 54px;
top: 0;
background-size: contain;
right: 0;
background: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/attivazione.svg) no-repeat
center right;
margin: 40px;
}
}
}
@media (width>1024px) {
.half_grays {
background: #c8caca;
background: linear-gradient(
90deg,
rgba(200, 202, 202, 1) 0%,
rgba(200, 202, 202, 1) 50%,
rgba(69, 72, 74, 1) 50%,
rgba(69, 72, 74, 1) 100%
);
}
.half_img {
background-color: #e5e5e5;
color: var(--gray);
position: relative;
& > .e-con-inner {
z-index: 1;
}
&:after {
content: '';
position: absolute;
height: 100%;
top: 0; width: min(50dvw, 800px);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: 0;
}
&.img_right:after {
left: 50dvw;
}
&.img_left:after {
right: 50dvw;
}
&.img_supporto:after {
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/11/diana-supporto.jpg);
}
&.img_manutenzione:after {
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/11/pulizia-e-manutenzione-diana.jpg);
}
&:has(.ico_design):before {
content: '';
position: absolute;
width: 85px;
height: 180px;
bottom: -100px;
top: unset;
background-size: contain !important;
left: 49%;
background: url(//www.dianadispositivo.it/wp-content/uploads/2025/11/diana-fori.svg?v=02)
no-repeat left bottom;
margin: 40px;
z-index: 4;
}
}
}
@media (width<=1024px) {
.half_img_img_box {
background-color: #e5e5e5;
.elementor-heading-title {
color: var(--text-color) !important;
}
padding-block: 50px !important;
}
}
@media (width<450px) {
.box_caricamento,
.box_attivazione {
overflow-x: hidden !important;
&:after {
right: -20px;
top: -20px;
}
}
}
@media (width<1600px) {
.tabelle_container > .e-con-inner {
flex-direction: column !important;
row-gap: 100px !important;
}
}
.table {
background-color: #fff;
border-top-left-radius: 30px !important;
border-top-right-radius: 30px !important;
grid-template-rows: min-content auto auto auto !important;
column-gap: 1px !important;
overflow: hidden !important;
max-width: 800px;
margin-inline: auto !important;
&.pl > div.elementor-widget-text-editor {
padding-block: 40px !important;
align-content: center;
}
& > div.elementor-widget {
padding: 15px clamp(15px, 6px + 1.5vw, 30px);
word-break: break-word;
line-height: 1em;
&.elementor-widget-text-editor {
padding-block: 25px !important;
* {
color: var(--gray) !important;
line-height: 1.2;
display: block;
font-size: 14px;
}
}
p {
margin: 0;
&:not(:last-child) {
margin-bottom: 1.75em;
}
}
&:nth-child(6n + 1),
&:nth-child(6n + 2),
&:nth-child(6n + 3) {
background: #f3f3f3;
}
&:nth-child(6n + 4),
&:nth-child(6n + 5),
&:nth-child(6n + 6) {
background: #e8e8e8;
}
}
@media (width>1024px) {
min-height: 388px !important;
}
@media (width<=1024px) {
width: 100%;
max-width: 100% !important;
margin-top: 25px;
& > div.elementor-widget{
word-break: normal;
}
}
@media (width<650px) {
zoom: 0.9;
}
@media (width<600px) {
zoom: 0.85;
}
@media (width<550px) {
zoom: 0.8;
}
@media (width<500px) {
zoom: 0.75;
}
@media (width<450px) {
zoom: 0.7;
}
.mini_ico_caricamento,
.mini_ico_attivazione,
.mini_ico_trasporto {
display: flex;
align-items: center;
justify-content: center;
&:before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-size: contain;
background-repeat: no-repeat;
background-position: right center;
margin-right: 10px;
}
}
.mini_ico_caricamento:before {
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/caricamento-1.svg);
width: 18px;
height: 18px;
}
.mini_ico_attivazione:before {
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/10/attivazione.svg);
width: 20px;
height: 20px;
filter: invert(100);
}
.mini_ico_trasporto:before {
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/11/trasporto-diana.svg);
} } main#content {
ul:not(.e-n-menu-heading):not(.elementor-editor-element-settings) {
list-style: none;
padding-left: 0;
margin-top: 25px;
margin-bottom: 35px;
li {
position: relative;
padding-left: 1.8em;
margin-bottom: 1em;
font-family: 'DM Sans', Sans-serif;
font-size: var(--text-base);
font-weight: 500;
line-height: 1.25em;
&:before {
content: '';
position: absolute;
left: 0;
top: 0.25em;
width: 0.75em;
height: 0.75em;
border: 2.5px solid var(--primary-color);
border-radius: 50%;
box-sizing: border-box;
}
}
}
.made_in_italy {
border: 0;
border-bottom: 6px solid transparent;
background-image: linear-gradient(
to right,
#008c45 33.3%,
#f4f5f0 33.3%,
#f4f5f0 66.6%,
#cd212a 66.6%
);
background-repeat: no-repeat;
background-size: 100% 6px;
background-position: bottom left;
&.top {
background-position: top left;
}
}
} .prod_main_section {
background-size: auto 600px;
@media (width<=1024px) {
background-size: auto 400px;
}
@media (width<450px) {
background-size: auto 300px;
}
}
.search_item {
padding-inline: 5px !important;
&:before {
content: '';
position: absolute;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/11/search-diana-google.svg);
left: -35px;
top: 50%;
transform: translateY(-50%);
}
}
.bg_0102 {
position: relative;
overflow: visible;
* {
z-index: 2;
}
&:before,
&:after {
content: '' !important;
position: absolute;
height: 180px !important;
background-size: contain;
width: 250px !important;
z-index: 1 !important;
background-repeat: no-repeat;
}
&:before {
left: -60px !important;
top: 35px !important;
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/11/01.png);
}
&:after {
right: -32px;
bottom: 35px;
background-image: url(//www.dianadispositivo.it/wp-content/uploads/2025/11/02.png);
}
@media (width<768px) {
&:before,
&:after {
height: 120px !important;
width: 180px !important;
}
&:before {
left: -40px !important;
}
&:after {
right: -34px;
}
}
} form.elementor-form {
label:not([for='form-field-privacy']),
input::placeholder {
text-transform: uppercase;
color: var(--text-color) !important;
font-size: var(--text-16-fixed);
}
select.elementor-size-xl {
line-height: 60px;
font-size: var(--text-16-fixed);
}
input[type='text'],
input[type='email'],
input[type='tel'],
select,
textarea {
border-width: 0 0 1px 0 !important;
border-color: var(--gray);
border-radius: 0 !important;
padding-inline: 0 !important;
font-size: var(--text-16) !important;
color: #000 !important;
&:is(:focus, :active) {
border-width: 0 0 1px 0 !important;
border-color: #000 !important;
box-shadow: none;
}
}
.elementor-field-type-textarea {
margin-block: 25px;
label {
margin-bottom: 15px;
}
}
.elementor-field-group {
margin-bottom: 25px !important;
}
textarea {
min-height: 100px;
max-height: 6lh;
resize: vertical;
overflow-y: auto;
}
.elementor-field-group-privacy {
.elementor-field-subgroup {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 10px;
.elementor-field-option {
display: contents;
}
}
label[for='form-field-privacy'] {
font-size: var(--text-16);
}
input[type='checkbox'] {
height: 1lh;
width: 1lh;
border: solid 1px var(--gray);
accent-color: var(--primary);
}
}
button[type='submit'] {
margin-top: 25px;
width: auto;
flex-basis: fit-content !important;
border-radius: 0;
border: none;
}
.elementor-message {
text-align: center !important;
margin-block: 25px !important ;
font-weight: bold !important;
background: #1a1c1c !important;
padding-block: 25px !important;
color: #fff;
font-family: 'DM Sans';
}
&:has(.elementor-message-success) {
.elementor-form-fields-wrapper {
opacity: 0.25;
pointer-events: none;
}
}
}
@media (min-width: 1025px) and (max-width: 1400px) {
.contact_form_row > .e-con-inner {
& > div:nth-child(1) {
flex-basis: 40% !important;
}
& > div:nth-child(2) {
flex-basis: 60% !important;
}
}
}
@media (min-width: 1025px) and (max-width: 1199px) {
form.elementor-form {
.elementor-column {
width: 100%;
}
.elementor-field-group {
margin-bottom: 15px !important;
}
}
}
@supports (-webkit-touch-callout: none) {
input[type='text'],
input[type='email'],
input[type='password'],
input[type='number'],
input[type='tel'],
input[type='url'],
input[type='search'],
textarea,
select {
font-size: 16px !important;
}
} .home footer {
margin-top: var(--spacer);
}
footer {
.footer_container {
background: #f4f4f4;
.main_col .elementor-widget-text-editor {
text-wrap: balance;
font-size: var(--text-16);
padding-right: 15px;
}
@media (width>1024px) {
background: linear-gradient(
90deg,
rgba(245, 245, 245, 1) 0%,
rgba(245, 245, 245, 1) 40%,
rgba(233, 233, 234, 1) 40%,
rgba(233, 233, 234, 1) 100%
);
.main_col {
position: relative;
.elementor-widget-text-editor {
max-width: 390px !important;
}
&:after {
position: absolute;
height: 100%;
right: 0;
top: 0;
transform: translateX(50%);
aspect-ratio: 1;
content: '';
background: linear-gradient(
45deg,
rgba(245, 245, 245, 1) 0%,
rgba(245, 245, 245, 1) 49.5%,
rgba(255, 255, 255, 1) 49.5%,
rgba(255, 255, 255, 1) 50.5%,
rgba(233, 233, 234, 1) 50.5%,
rgba(233, 233, 234, 1) 100%
);
}
}
.secondary_col {
padding-left: 5vw;
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.main_col img {
width: 15vw;
max-width: 280px;
}
.main_col .elementor-widget-text-editor {
position: absolute;
top: calc(55px + 4vw);
left: 15px;
z-index: 10;
padding-right: 5vw;
p {
font-size: clamp(0.75rem, 0.635rem + 0.24vi, 0.875rem) !important;
}
}
}
@media (width<768px) {
.main_col {
text-align: left;
padding-bottom: 0;
img {
float: left;
width: auto;
width: 240px;
max-width: calc(100% - 30px);
}
}
}
.social_icons {
img {
margin-right: 15px;
}
div:first-of-type {
margin-left: -2px;
}
}
.footer_menu {
.e-n-menu-headin {
flex-direction: column;
}
.e-n-menu-item {
display: block;
width: 100%;
.e-n-menu-title {
padding: 2px 0;
}
}
}
}
} body
> button.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float='bottom-right'] {
transition: opacity 0.5s ease !important;
&:not(:hover, :focus, :active) {
opacity: 0.65 !important;
}
}
body.dialog-lightbox-body .iubenda-tp-btn {
display: none !important;
}