:root { --color-dark:       #30211A; --color-medium:     #5C3D2E; --color-accent:     #893a30; --color-cream:      #FCFAF2; --color-blush:      #DBC5BA;  --radius-sm:        5px;
--radius-md:        10px;
--radius-pill:      15px; --shadow-dark:      5px 5px 15px -4px #30211A;
--shadow-cream:     5px 5px 15px -4px #FCFAF2; --transition-base:  all 0.3s ease;
}  .header__content,
.header__menu li {
align-items: center;
} .header__logo {
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease, visibility 0.4s ease;
}
.scroll-down .header__logo {
opacity: 1;
visibility: visible;
} body:not(.home) .header__logo {
opacity: 1 !important;
visibility: visible !important;
} header .menu li a {
padding: 14px;
text-transform: uppercase;
}
header .menu li a:hover {
text-decoration: none;
color: var(--color-accent) !important;
} .menu > li.menu-item-has-children > a::after {
opacity: 1;
transition: opacity 0.05s ease;
}
.menu > li.menu-item-has-children:hover > a::after {
opacity: 0;
} .header__quick ul li[class*="icon-"] {
position: relative;
}
.header__quick ul li[class*="icon-"] a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .header__quick ul li[class*="icon-"] {
filter: brightness(0) saturate(100%) invert(13%) sepia(18%) saturate(600%) hue-rotate(340deg) !important;
transition: filter 0.2s ease;
} .header__quick ul li[class*="icon-"]:hover {
filter: brightness(0) saturate(100%) invert(28%) sepia(40%) saturate(900%) hue-rotate(330deg) brightness(95%) !important;
} @media (max-width: 400px) {
.header__quick .menu-item-type-custom {
display: flex !important;
}
} .evi a {
border-radius: var(--radius-md) !important;
color: var(--color-dark) !important;
border: 2px solid var(--color-dark);
background: transparent;
text-transform: uppercase;
letter-spacing: 1px;
transition: var(--transition-base);
}
.evi a:hover {
box-shadow: var(--shadow-dark);
}  .page-template-menu-trasparent .menu li a {
color: var(--color-dark) !important;
} .page-template-menu-trasparent .menu > li.menu-item-has-children > a::after {
filter: invert(0);
} body.page-template-menu-trasparent.scroll-down .header {
background: var(--color-blush) !important;
} .page-template-menu-trasparent.scroll-down .header__logo-img {
filter: brightness(0) invert(0);
} @media (max-width: 1190px) { .menu {
background: rgba(220, 228, 224, 0.96) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important; transform: translateY(-20px) !important;
opacity: 0 !important;
transition: opacity 0.4s ease, transform 0.4s cubic-bezier(.215, .61, .355, 1) !important; display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
} .menu-open .menu {
transform: translateY(0) !important;
opacity: 1 !important;
} .menu {
pointer-events: none !important; }
.menu-open .menu {
pointer-events: auto !important; } .menu li {
width: 100% !important;
margin: 0 !important;
border-bottom: none !important;
text-align: center !important;
display: block !important;
}
.menu li a {
font-size: 1.4rem !important;
font-weight: bold !important;
text-transform: uppercase !important;
letter-spacing: 3px !important;
opacity: 1 !important;
color: var(--color-dark) !important;
padding: 18px 20px !important;
display: block !important;
transition: color 0.2s ease, letter-spacing 0.2s ease !important;
} .menu li a:hover {
color: var(--color-accent) !important;
letter-spacing: 5px !important;
} .menu li.current-menu-item > a,
.menu li.current_page_item > a {
color: var(--color-accent) !important;
border-bottom: 2px solid var(--color-accent) !important;
padding-bottom: 6px !important;
} .menu li + li {
border-top: 1px solid rgba(48, 33, 26, 0.1) !important;
} .menu > li.menu-item-has-children > a::after {
filter: brightness(0) !important;
} .menu > li.menu-item-has-children > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: auto !important;
}
.menu > li.menu-item-has-children > a::after {
position: static !important; margin-top: 0 !important; flex-shrink: 0 !important; } .header__quick {
justify-content: center !important;
} .icon-hamburger span {
background: var(--color-dark) !important;
height: 2px !important;
width: 28px !important;
margin-bottom: 7px !important;
} .header__content {
padding-right: 60px !important;
}
.icon-hamburger {
right: 5px !important;
} .menu-open .icon-hamburger span:nth-child(4) {
opacity: 0 !important;
}
}   .adf__img {
margin-bottom: -2.1vh !important;
} @media (max-width: 794px) {
.container_adf__text-column {
margin-top: -15vh !important;
background: #fff;
border-radius: var(--radius-md);
padding: 20px;
}
} @media (max-width: 767px) {
figure.img_above {
z-index: 0 !important;
}
.container_adf__text-column {
z-index: 1 !important;
position: relative;
}
}  @media (min-width: 1024px) {
figure.img_above {
position: relative !important;
z-index: 999 !important;
}
.wp-block-columns.has-background {
overflow: visible !important;
}
.wp-block-group.alignfull.has-background {
overflow: visible !important;
}
} @media screen and (min-width: 768px) and (max-width: 1366px) {
figure.img_above {
z-index: 0 !important;
display: flex !important; align-items: flex-end !important; align-self: flex-end !important;
}
figure.img_above img {
object-fit: contain !important;
object-position: bottom !important; width: auto !important;
height: 100% !important; max-height: 100% !important;
} .container__text-column {
position: relative;
z-index: 2 !important;
background: white;
border-radius: var(--radius-md) !important;
}
.container__text-column .col_grp__txt {
border-radius: var(--radius-md) !important;
}
} @media screen and (min-width: 1024px) and (max-width: 1200px) { .wp-block-cover .wp-block-columns.are-vertically-aligned-center {
align-items: stretch !important;
} .wp-block-cover .wp-block-columns .wp-block-column:last-child {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
align-self: flex-end !important;
} .wp-block-cover .wp-block-columns .wp-block-column:last-child figure.img_above {
margin: 0 !important;
display: flex !important;
align-items: flex-end !important;
width: 100% !important;
} .wp-block-cover .wp-block-columns .wp-block-column:last-child figure.img_above img {
display: block !important;
width: 100% !important;
height: auto !important;
object-fit: contain !important;
object-position: bottom !important;
}
} @media screen and (max-width: 767px) {
figure.img_above img {
object-fit: unset !important;
width: 100% !important;
height: auto !important;
}
} .container {
display: flex;
gap: 20px;
position: relative;
}
.container__image-column {
flex: 1;
position: relative;
z-index: 1;
} .container__text-column {
flex: 1;
position: relative;
z-index: 2;
margin-left: -10% !important;
} .container__text-column-sx {
flex: 1;
position: relative;
z-index: 2;
margin-right: -10% !important;
} @media (max-width: 794px) {
.container__text-column,
.container__text-column-sx {
margin-top: -15vh !important;
margin-left: 0 !important;
}
}  .col_grp__txt {
position: relative;
}
.col_grp__txt::before {
content: "";
position: absolute;
top: 25px;
left: 25px;
width: 100%;
height: 100%;
border: 2px solid var(--color-dark);
border-radius: var(--radius-md);
z-index: -1;
} .col_grp_sx__txt {
position: relative;
}
.col_grp_sx__txt::before {
content: "";
position: absolute;
top: 25px;
right: 25px;
width: 100%;
height: 100%;
border: 2px solid var(--color-cream);
border-radius: var(--radius-md);
z-index: -1;
} .col_grp__txt-whois {
position: relative;
top: 50px;
left: 50px;
}
.col_grp__txt-whois::before {
content: "";
position: absolute;
top: 25px;
left: 25px;
width: 100%;
height: 100%;
border: 2px solid var(--color-dark);
border-radius: var(--radius-md);
z-index: -1;
} @media (max-width: 794px) {
.col_grp__txt-whois {
left: 0;
}
.col_colla_txt-whois {
padding: 30px 10px 0;
}
.grp__app {
margin-top: 40px !important;
}
}  figure.hp__image_sx {
position: relative;
display: inline-block;
}
figure.hp__image_sx::before {
content: '';
position: absolute;
top: -25px;
left: -25px;
width: 100%;
height: 100%;
border: 2px solid var(--color-medium);
border-radius: var(--radius-md);
z-index: -1;
} figure.hp__image_dx {
position: relative;
display: block;
}
figure.hp__image_dx::before {
content: '';
position: absolute;
top: -25px;
right: -25px;
width: 100%;
height: 100%;
border: 2px solid var(--color-cream);
border-radius: var(--radius-md);
z-index: -1;
} figure.sposa__image_dx {
position: relative;
display: block;
}
figure.sposa__image_dx::before {
content: '';
position: absolute;
top: -25px;
right: -25px;
width: 100%;
height: 100%;
border: 2px solid var(--color-medium);
border-radius: var(--radius-md);
z-index: -1;
}  .home__servizi .wp-block-columns {
align-items: stretch !important;
}
.home__servizi .wp-block-column {
display: flex !important;
flex-direction: column !important;
}
.home__servizi .wp-block-column .wp-block-buttons {
margin-top: auto !important;
padding-top: 20px !important;
padding-bottom: 30px;
} .home__makeup .wp-block-group {
display: flex !important;
flex-direction: column !important;
}
.home__makeup .wp-block-group .wp-block-buttons {
margin-top: auto !important;
padding-top: 20px !important;
padding-bottom: 30px;
} .home__feed .wp-block-column {
display: flex !important;
flex-direction: column !important;
}
.home__feed .wp-block-column p:last-child {
margin-top: auto !important;
padding-top: 20px !important;
padding-bottom: 20px;
} @media (max-width: 1024px) {
.home__feed.wp-block-columns {
flex-direction: column !important;
}
.home__feed .wp-block-column {
width: 100% !important;
max-width: 100% !important;
}
} .feed__col-shad {
box-shadow: var(--shadow-dark);
}   .cinzia-features {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
align-items: center;
} @media (max-width: 1200px) {
.cinzia-features {
grid-template-columns: repeat(2, 1fr) !important;
gap: 16px 32px !important;
}
} @media (max-width: 782px) {
.cinzia-features {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px 20px !important;
}
} @media (max-width: 794px) {
.home__faq,
.home__feed    { padding: 2vh 5vh; }
.home__makeup,
.home__whois   { padding: 2vh 6vh; }
} .btn_master a {
transition: var(--transition-base);
}
.btn_master a:hover {
box-shadow: var(--shadow-dark);
} .btn_contattami a:hover {
box-shadow: var(--shadow-cream);
}  @media (min-width: 782px) and (max-width: 1400px) {
body .home__servizi.is-layout-grid,
body .home__servizi.wp-block-group-is-layout-grid,
body .home__makeup.is-layout-grid,
body .home__makeup.wp-block-group-is-layout-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}   @media (max-width: 1024px) {
.whois_header__image-col {
display: none !important; }
.whois_header__image {
display: none; } .wp-block-cover .wp-block-columns .wp-block-column:not(.whois_header__image-col) {
flex-basis: 100% !important;
max-width: 100% !important;
width: 100% !important;
}
} @media (min-width: 1024px) {
.whois_header__image {
filter: drop-shadow(4px 4px 12px rgba(0, 0, 0, 0.25));
}
} .wp-block-video video {
border-radius: var(--radius-md) !important;
}  input[type="text"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
border-radius: var(--radius-sm);
} .selezione,
.selezione_serviziofferti {
padding: 10px 20px;
border-radius: var(--radius-sm);
} .cnt__cnt a:hover {
padding: 2px 6px;
border-radius: var(--radius-sm);
box-shadow: var(--shadow-dark);
} input[type="submit"].wpcf7-submit {
border-radius: var(--radius-md);
color: var(--color-dark);
border: 2px solid var(--color-dark);
background: transparent !important;
text-transform: uppercase;
letter-spacing: 1px;
transition: var(--transition-base);
padding: 14px 50px;
font-weight: bold;
}
input[type="submit"].wpcf7-submit:hover {
box-shadow: var(--shadow-dark);
}  .footer {
background: var(--color-dark);
color: var(--color-cream);
margin-left: -5vw;
margin-right: -5vw;
}
.footer__logo {
width: 117px;
margin-bottom: 40px;
}
.footer__column-center h2 {
margin-bottom: -1rem;
} .footer__address a        { color: var(--color-cream); }
.footer__address a:hover  { color: var(--color-blush); }
.footer__email a          { color: var(--color-cream); }
.footer__email a:hover    { color: var(--color-blush); }
.footer__phone a          { color: var(--color-cream); }
.footer__phone a:hover    { color: var(--color-blush); } .footer__titolo-rx {
text-transform: uppercase;
letter-spacing: 10px;
line-height: 1.5;
}
.footer__para {
line-height: 1.5;
} .footer__btn {
padding: 10px 20px;
border: 2px solid var(--color-cream);
border-radius: var(--radius-pill);
display: inline-block;
margin: 0 10px;
transition: var(--transition-base);
}
.footer__btn:hover {
box-shadow: var(--shadow-cream);
}
.footer__btn a {
text-transform: uppercase;
color: var(--color-cream);
letter-spacing: 1px;
} .policy a       { color: var(--color-cream); }
.policy a:hover { color: var(--color-blush); } .design {
background-color: var(--color-cream);
text-align: center;
font-weight: bold;
}
.design__text          { color: var(--color-dark); }
.design__text a        { color: var(--color-dark); }
.design__text a:hover  { color: var(--color-accent); } @media (max-width: 1366px) {
.footer__grid {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
.footer__titolo-rx {
letter-spacing: 5px !important;
font-size: 1rem !important;
word-break: break-word;
}
.footer__para {
font-size: 0.95rem;
word-break: break-word;
}
.footer__btn {
padding: 8px 14px;
margin: 0 6px;
}
.footer .grid {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
.policy,
.policy p {
white-space: normal !important;
overflow: visible !important;
}
} @media (max-width: 1024px) {
.footer__grid {
flex-direction: column !important;
align-items: center;
text-align: center;
padding: 4vh 6vw !important;
}
.footer__grid .col-25,
.footer__grid .col-50 {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
padding-left: 5vw !important;
padding-right: 5vw !important;
}
.footer__titolo-rx {
letter-spacing: 3px !important;
font-size: 1.1rem !important;
word-break: break-word;
}
.footer__para {
word-break: break-word;
}
.footer__btn {
display: inline-block !important;
text-align: center;
margin: 10px auto !important;
}
p.footer__btn {
display: block;
text-align: center;
}
.footer .grid {
flex-direction: column !important;
padding: 0 5vw !important;
}
.footer .grid .col-50 {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
text-align: center !important;
}
.policy,
.policy p,
.alignright {
text-align: center !important;
white-space: normal !important;
overflow: visible !important;
}
} @media (max-width: 794px) {
.footer__grid {
padding: 4vh 4vw !important;
}
.footer__grid .col-25,
.footer__grid .col-50 {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
.footer__titolo-rx {
letter-spacing: 2px !important;
font-size: 1rem !important;
}
.footer__email {
padding-bottom: 2vh !important;
}
.footer .grid {
padding: 0 4vw !important;
}
}  .icon-clocknow {
overflow: hidden;
font-size: 1px;
text-indent: -9999px;
display: inline-block;
margin: -6px 3px;
width: 23px;
height: 23px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath d='M416.07 272a160 160 0 10-160 160 160 160 0 00160-160zM142.12 91.21A46.67 46.67 0 00112 80l-2.79.08C83.66 81.62 64 104 64.07 131c0 13.21 4.66 19.37 10.88 27.23a4.55 4.55 0 003.24 1.77h.88a3.23 3.23 0 002.54-1.31L142.38 99a5.38 5.38 0 001.55-4 5.26 5.26 0 00-1.81-3.79zM369.88 91.21A46.67 46.67 0 01400 80l2.79.08C428.34 81.62 448 104 447.93 131c0 13.21-4.66 19.37-10.88 27.23a4.55 4.55 0 01-3.24 1.76h-.88a3.23 3.23 0 01-2.54-1.31L369.62 99a5.38 5.38 0 01-1.55-4 5.26 5.26 0 011.81-3.79z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M256.07 160v112h-80M416.07 432l-40-40M96.07 432l40-40'/%3E%3C/svg%3E");
} .icon-arrows2 {
overflow: hidden;
font-size: 1px;
text-indent: -9999px;
display: inline-block;
margin: -6px 3px;
width: 23px;
height: 23px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='32' d='M262.62 336L342 256l-79.38-80M330.97 256H170'/%3E%3Cpath d='M256 448c106 0 192-86 192-192S362 64 256 64 64 150 64 256s86 192 192 192z' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='32'/%3E%3C/svg%3E");
} .icon-calendar {
overflow: hidden;
font-size: 1px;
text-indent: -9999px;
display: inline-block;
margin: -6px 3px;
width: 23px;
height: 23px;
background-size: 100%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'%3E%3Crect fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='32' x='48' y='80' width='416' height='384' rx='48'/%3E%3Ccircle cx='296' cy='232' r='24'/%3E%3Ccircle cx='376' cy='232' r='24'/%3E%3Ccircle cx='296' cy='312' r='24'/%3E%3Ccircle cx='376' cy='312' r='24'/%3E%3Ccircle cx='136' cy='312' r='24'/%3E%3Ccircle cx='216' cy='312' r='24'/%3E%3Ccircle cx='136' cy='392' r='24'/%3E%3Ccircle cx='216' cy='392' r='24'/%3E%3Ccircle cx='296' cy='392' r='24'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='32' stroke-linecap='round' d='M128 48v32M384 48v32'/%3E%3Cpath fill='none' stroke='currentColor' stroke-linejoin='round' stroke-width='32' d='M464 160H48'/%3E%3C/svg%3E");
}  .mt-0 { margin-top: 0; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 40px; }
.mt-4 { margin-top: 100px; } .mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 40px; }
.mb-4 { margin-bottom: 100px; } .p-0 { padding: 0; }
.p-1 { padding: 10px; }
.p-2 { padding: 20px; }
.p-3 { padding: 40px; }
.p-4 { padding: 100px; } .pt-1 { padding-top: 10px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 40px; }
.pt-4 { padding-top: 15vh; } .pb-1 { padding-bottom: 10px; }
.pb-2 { padding-bottom: 20px; }
.pb-3 { padding-bottom: 40px; }
.pb-4 { padding-bottom: 15vh; } .text-center { text-align: center; }
.text-right  { text-align: right; }
.text-left   { text-align: left; } .img-res {
width: 100%;
height: auto;
margin-bottom: 20px;
vertical-align: middle;
} @media (max-width: 794px) {
.sma-col-invert {
flex-direction: column-reverse;
}
}