/* ┏━━━┓ ┏┓ ┏┓ ┏━━━┓ ┏━━━━┓ ┏━━━┓ ┏━┓┏━┓ ┏━━━┓ ┏━━━┓ ┏━━━┓ ┃┏━┓┃ ┃┃ ┃┃ ┃┏━┓┃ ┃┏┓┏┓┃ ┃┏━┓┃ ┃ ┗┛ ┃ ┃┏━┓┃ ┃┏━┓┃ ┃┏━┓┃ ┃┃ ┗┛ ┃┃ ┃┃ ┃┗━━┓ ┗┛┃┃┗┛ ┃┃ ┃┃ ┃┏┓┏┓┃ ┃┃ ┗┛ ┃┗━━┓ ┃┗━━┓ ┃┃ ┏┓ ┃┃ ┃┃ ┗━━┓┃ ┃┃ ┃┃ ┃┃ ┃┃┃┃┃┃ ┃┃ ┏┓ ┗━━┓┃ ┗━━┓┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┃┃ ┃┗━┛┃ ┃┃┃┃┃┃ ┃┗━┛┃ ┃┗━┛┃ ┃┗━┛┃ ┗━━━┛ ┗━━━┛ ┗━━━┛ ┗┛ ┗━━━┛ ┗┛┗┛┗┛ ▀ ┗━━━┛ ┗━━━┛ ┗━━━┛ - "CUSTOM STYLESHEET" DESIGN BY © LO STUDIO CUSTOM.CSS STYLESHEET FOR => " NAHEVA " BASE (MOBILE) SIZE /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /** * * █ █ █▀▀ ▄▀▀▄ █▀▀▄ █▀▀ █▀▀▄ * █▀▀█ █▀▀ █▀▀█ █ █ █▀▀ █▐█▀ * ▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - HEADER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ header { position: absolute; top: 0; left: 0; z-index: 4; background-color: var(--head-bkg-color); box-shadow: 0 0 1em rgb(30,30,30,.25); will-change: background-color; transition: .5s ease; } header.opened { box-shadow: none; } .head_wrapper { max-width: 1920px; margin: 0 auto; padding: .75em var(--frame); z-index: 4; will-change: padding; transition: .25s ease; } header.opened .head_wrapper { background-color: var(--white); border-bottom: 1px solid rgba(var(--black-rgb),.125); } header.fixed .head_wrapper { padding: .5em var(--frame); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LOGO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_logo { display: inline-block; --head-logo-width: 36px; /* <- in 'px' */ --head-logo-min: 36; --head-logo-max: 50; max-height: 50px; padding: .5em; margin: 0 .5em 0 -.5em; will-change: transform; transition: .5s ease; } .head_logo img, .head_logo svg { width: auto; height: 100%; } .head_logo svg path, .foot_logo svg path { transition: .25s ease; fill: var(--black); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HEAD CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .head_content { margin-right: -.25em; } .open_menu, .head_search { display: none; } .head_link { font-size: 100%; position: relative; width: 2.25em; padding: .5em; will-change: transform; transition: transform .5s ease, opacity .5s ease; } .head_link.head_src_btn { display: none; } /* header.opened .head_link { transform: scale(.85); opacity: 0; } */ .head_link svg { width: 100%; } .head_link svg .st0 { fill: var(--black); } .head_link svg .svg_fill { fill: transparent; transition: fill .355s ease; } /*. head_link:hover svg .svg_fill, .head_link:focus svg .svg_fill, .head_link:active svg .svg_fill { fill: var(--pink); } */ .head_link label.custom_count { font-family: var(--main-font); font-size: calc( var(--rem) * .75 ); line-height: 1; font-weight: 500; color: #ffffff; position: absolute; right: 0; bottom: .25em; display: flex; align-items: center; justify-content: center; width: 1.6em; height: 1.6em; padding-top: .125em; background-color: var(--red); border-radius: 2em; cursor: pointer; } .head_link.user_btn p { display: none; } /* Lang style */ .lang .gtranslate_wrapper { display: flex; } .lang .glink { padding: 0 0.4rem; border-left: 1px solid #1e1e1e; transition: .2s ease; } .lang .glink:first-of-type { border: 0; } .lang .glink.clicked { color: var(--pink); } .lang .glink:hover { opacity: .5; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ HAMBURGER / MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .hamburger_btn { display: inline-block; font-size: 16px; line-height: 0; --hamburger-px: 16px; --hamburger-min: 16; --hamburger-max: 20; padding: .5em; margin: 0 1em 0 -.25em; } #hamburger_desktop { display: none; margin-right: -.5em; } /* Included style from "hamburger.css" */ .hamburger { position: relative; display: inline-block; width: 1.25em; height: 1.25em; transition: .15s linear; } .top_bun, .burger, .bottom_bun { display: block; position: absolute; width: 1.25em; height: 2px; background-color: var(--black); border-radius: 2em; transform-origin: center; transition: .25s ease; will-change: height, transform; } .top_bun { top: .325em; } .burger { top: calc(50% - .075em); left: 50%; transform: translateX(-50%); width: 0; opacity: 0; transition-delay: opacity .15s; } .bottom_bun { bottom: .325em; } /* Tapped / Clicked */ .tapped .hamburger--naheva span { background-color: #1e1e1e; width: 1.5em; } .tapped .hamburger--naheva .burger { width: 0; opacity: 0; } .tapped .hamburger--naheva .top_bun { top: 0; transform: rotate(45deg) translate(.3em, .5em); } .tapped .hamburger--naheva .bottom_bun { bottom: 0; transform: rotate(-45deg) translate(.3em, -.5em); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ NAV MENU ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .menu_container { position: absolute; top: 0; left: 0; overflow: hidden; z-index: 3; transform: translateX(-100%); transition: .25s ease-in-out; } .menu_container.opened { transform: translateX(0); } .menu_block { top: 0; left: 0; width: 100%; height: 100%; background-color: var(--pink); transform: translateX(-100%); transition: .25s cubic-bezier(0,.35,1,.65) 0s; } .menu_container.opened .menu_block { transform: translateX(0); } .menu_left { display: none; } .main_nav { background-color: var(--white); transform: translateX(-100%); transition: .25s ease-in-out .25s; } .menu_container.opened .main_nav { transform: translateX(0); } .menu-menu-container .menu { width: 100%; max-height: 100vh; overflow-x: hidden; overflow-y: scroll; padding-top: 1em; } .menu-menu-container li { position: relative; width: 100%; min-height: 2em; background-color: transparent; border-top: 1px solid transparent; transform: translateX(-200%); transition: .25s ease-in-out .3s; } .menu-menu-container li:nth-of-type(2) { transition-delay: .35s; } .menu-menu-container li:nth-of-type(3) { transition-delay: .4s; } .menu-menu-container li:nth-of-type(4) { transition-delay: .45s; } .menu-menu-container li:nth-of-type(5) { transition-delay: .5s; } .menu-menu-container li:nth-of-type(6) { transition-delay: .55s; } .menu-menu-container li:nth-of-type(7) { transition-delay: .6s; } .menu-menu-container li:nth-of-type(8) { transition-delay: .65s; } .menu-menu-container li:nth-of-type(9) { transition-delay: .7s; } .menu-menu-container li:nth-of-type(10) { transition-delay: .75s; } .menu-menu-container li:nth-of-type(11) { transition-delay: .8s; } .menu-menu-container li:nth-of-type(12) { transition-delay: .85s; } .menu-menu-container li:nth-of-type(13) { transition-delay: .9s; } .menu-menu-container li:nth-of-type(14) { transition-delay: .95s; } .menu-menu-container li:nth-of-type(15) { transition-delay: 1s; } .menu_container.opened .menu-menu-container li { transform: translateX(0); } .menu-menu-container a { position: relative; width: 100%; font-size: 125%; line-height: 1.5; font-weight: 500; text-transform: uppercase; padding: .5em var(--frame); } .menu-menu-container li:hover a, .menu-menu-container li:active a, .menu-menu-container li:focus a { background-color: var(--pink); } .menu-menu-container li.current-menu-item { background-color: rgba(var(--black-rgb),.05); } .menu-menu-container li.current-menu-item a { opacity: .375; } .menu-menu-container li#menu-item-148 a, .menu-menu-container li#menu-item-57 a, .menu-menu-container li#menu-item-147 a { background-color: rgba(var(--pink-rgb),.5); } .main_nav .social { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ MOBILE UI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .mobile_search { position: fixed; bottom: var(--frame); left: var(--frame); transform-origin: bottom left; z-index: 2; } .mobile_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier { display: none; left: 50%; transform: translateX(-50%); } .mobile_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { padding: 0; font-size: 100%; width: 3em; height: 3em; background: url(../images/svg/ico_search.svg) no-repeat center; background-size: 1.25em; background-color: #ffffff; border: 1px solid rgba(var(--black-rgb),.75); box-shadow: -.1em .1em .5em rgba(30,30,30,.25); } .mobile_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search]::input-placeholder { opacity: 0; } .mobile_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search]::-webkit-input-placeholder { opacity: 0; } .mobile_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search]::-moz-input-placeholder { opacity: 0; } .mobile_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search]::-ms-input-placeholder { opacity: 0; } .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar button.dgwt-wcas-om-return, .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar button.dgwt-wcas-om-return:active, .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus, .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover { background-color: var(--pink); border: 1px solid rgba(30,30,30,.25); border-right: none; } .dgwt-wcas-overlay-mobile .dgwt-wcas-om-bar .dgwt-wcas-om-return svg path { fill: #1e1e1e; } .dgwt-wcas-overlay-mobile .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{ width: 100%; border-radius: 0; border-color: rgba(30,30,30,.25); } .dgwt-wcas-overlay-mobile .dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product { border-bottom: 1px solid rgba(30,30,30,.075); } .dgwt-wcas-overlay-mobile .dgwt-wcas-si { width: 7.5rem; } .mobile_chat { position: fixed; bottom: var(--frame); right: var(--frame); transform-origin: bottom right; z-index: 2; } .mobile_chat a { width: 3em; height: 3em; padding: 0; border-radius: 20em;box-shadow: .1em .1em .5em rgba(30,30,30,.25); } .mobile_chat a img { width: 100%; } .mobile_search, .mobile_chat { transform: scale(0); opacity: 0; transition: transform .5s cubic-bezier(.1,1.04,.62,1.2), opacity .5s ease; } .mobile_search.active, .mobile_chat.active { transform: scale(1); opacity: 1; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ DARKMODE SWITCHER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .theme-switch-wrapper { display: none; font-size: .5em !important; transition: .5s ease; } header.opened .theme-switch-wrapper { transform: scale(.85); opacity: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BANNERS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .banners { transform: translateY(0); z-index: 2; transition: .25s ease; } /* .banners.active { transform: translateY(0); } */ .banners .banner { display: flex; min-height: 4em; padding: .75em .5em; text-align: center; box-shadow: 0 0 .25em rgba(var(--black-rgb),.5); } .banners .banner_rosa { background-color: var(--pink); } .banners .banner_rosso { background-color: var(--red); } .banners .banner_nero { background-color: var(--black); } .banner_nero p { color: var(--white); } .banners .banner p { font-size: 85%; font-weight: 400; } .banners .banner_rosso p, .banners .banner_nero p { color: var(--white); } .banner_container.flex-sort { gap: 1em; } .banners .banner .link {} .banners .close_btn { width: 1.5em; height: 1.5em; margin: 0 0 0 auto; background-color: var(--black); } /** * * ▄▀▀▄ ▄▀▀ ▄▀▀ █▀▀ ▀▀█▀▀ ▄▀▀ * █▀▀█ ▀▄ ▀▄ █▀▀ █ ▀▄ * ▀ ▀ ▀▀ ▀▀ ▀▀▀ ▀ ▀▀ - ASSETS * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FRAME ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .frame { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FIBO SEARCH ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .dgwt-wcas-search-wrapp { min-width: 0; max-width: 100%; color: var(--black); } .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier { max-height: 1.25em; max-width: 1em; left: 1.25em; opacity: 1; fill: var(--black); } .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { padding: .625em .75em .625em 2.5em; } .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { font-size: 1.25em; color: var(--black); padding: .5em .75em; height: auto; width: auto; background: var(--white); border: 1px solid var(--black); border-radius: 20em; -webkit-border-radius: 20em; } .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::placeholder { font-family: var(--main-font); font-style: normal; color: var(--black); opacity: 1; transition: .25s ease; } .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input::-ms-placeholder { font-family: var(--main-font); font-style: normal; color: var(--black); opacity: 1; transition: .25s ease; } .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus::placeholder { font-family: var(--main-font); font-style: normal; color: var(--black); opacity: .75; } .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus::-ms-placeholder { font-family: var(--main-font); font-style: normal; color: var(--black); opacity: .75; } .dgwt-wcas-search-wrapp .dgwt-wcas-preloader { width: 2em; background-position: right .75em center; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BUTTONS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .btn { display: inline-block; position: relative; font: inherit; color: inherit; padding: .5em 1em; border: 1px solid #3e3e3e; background-color: #ccc; font-size: var(--rem); /* DA GUARDARE */ } .btn:hover, .btn:focus { background-color: ; color: ; } .btn:active { transform: translateY(1px); } .btn_color { background-color: #2980b9; border-color: #; color: #; } .btn_color:hover, .btn_color:focus { background-color: #2574a8; } .btn_color:active { background-color: #2472a4; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ LINKS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .link { display: inline-block; position: relative; padding: 1em 2em; border: 1px solid #3e3e3e; background-color: #ccc; text-transform: uppercase; } .link:hover, .link:focus, .link:active {} .link.link_black { background-color: var(--black); border-color: rgba(var(--white-rgb),.25); color: var(--white); box-shadow: 0 0 .5em rgba(30,30,30,.25); transform: scale(0); } .link.link_black.active { transform: scale(1); } .link.link_black:hover, .link.link_black:focus, .link.link_black:active { background-color: var(--pink); color: var(--black); border-color: rgba(var(--black-rgb),.75); } .link.link_pink { background-color: var(--pink); border-color: rgba(var(--black-rgb),.25); color: var(--black); box-shadow: 0 0 .5em rgba(30,30,30,.25); transform: scale(0); } .link.link_pink.active { transform: scale(1); } .link.link_pink:hover, .link.link_pink:focus, .link.link_pink:active { background-color: var(--black); color: var(--pink); border-color: rgba(var(--black-rgb),.75); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FILTERS STYLE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .filter_color { background-color: var(--color); mix-blend-mode: multiply; opacity: .5; } .filter_l { background: -moz-linear-gradient(left, rgba(30,30,30,0.75) 0%, rgba(30,30,30,0) 100%); background: -webkit-linear-gradient(left, rgba(30,30,30,0.75) 0%,rgba(30,30,30,0) 100%); background: linear-gradient(to right, rgba(30,30,30,0.75) 0%,rgba(30,30,30,0) 100%); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .s1 { overflow: hidden; } .slider_nav { top: 50%; transform: translateY(-50%); width: 4em; padding: 1em; background-color: var(--pink); border: 1px solid var(--pink); box-shadow: 0 0 .25em rgb(30,30,30,.5); z-index: 1; transition: .25s ease; } .slider_prev { left: 0; transform: translate(-100%, -50%); } .slider_next { right: 0; transform: translate(100%, -50%); } .slider_prev.active, .slider_next.active { transform: translate(0, -50%); } .slider_nav img { width: 100%; } .slider_nav.swiper-button-disabled { display: none; } .s1_title { text-align: center; } .s1_title :where(h1,h2,h3,p) { color: #fff; text-shadow: 0 0 .25em rgba(30,30,30,.5); } .s1_title p { font-size: 90%; color: #fff; font-weight: 700; text-shadow: 0 0 0.25em rgb(30,30,30,.75); letter-spacing: .25em; text-transform: uppercase; } .s1_page .s1_title { text-align: center; } .s1_page .s1_title .breadcrumb, .s1_page .s1_title .breadcrumb a, .s1_page .s1_title .breadcrumb span { color: #ffffff; } .s1_page .s1_title h1 { font-size: calc(var(--h1-size) * .75); font-weight: 300; color: #ffffff; text-transform: uppercase; } .breadcrumb { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; grid-gap: .5em; margin-bottom: .5em; } .s1_page .breadcrumb { justify-content: center; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BREADCRUMBS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .breadcrumb, .breadcrumb a, .breadcrumb span { color: var(--white); } #breadcrumbs { font-size: 75%; text-transform: uppercase; } #breadcrumbs a { padding: .5em 0; font-size: 1em; margin: 0; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SCROLL BUTTON ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .scroll { font-size: var(--rem); position: absolute; left: 50%; bottom: calc(12.5% + 0em); --scroll-px: 90px; --scroll-min: 90; --scroll-max: 140; max-width: 140px; padding: .75em; border-radius: 20em; background-color: var(--pink); box-shadow: 0 0 0 0 rgba(var(--pink-rgb),1); transform: scale(1) translateX(-50%); cursor: pointer; z-index: 1; animation: pulse 2s infinite; animation-play-state: running; } @keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(var(--pink-rgb),0.75); } 75% { box-shadow: 0 0 .5em 1.5em rgba(var(--pink-rgb),0); } 100% { box-shadow: 0 0 0 0 rgba(var(--pink-rgb),0); } } .scroll p { margin-bottom: .5em; font-size: 75%; font-weight: 500; color: #1e1e1e; text-shadow: none; letter-spacing: initial; } .scroll svg { width: 1.25em; animation: hang_scroll 2s ease-in-out infinite forwards alternate; animation-play-state: running; } @keyframes hang_scroll { 0% { transform: translateY(.25em); } 50% { transform: translateY(0); } 100% { transform: translateY(.25em); } } .scroll:hover, .scroll:focus, .scroll:active, .scroll:hover svg, .scroll:focus svg, .scroll:active svg { animation-play-state: paused; } .scroll svg .scroll-path { fill: #1e1e1e; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ COMPONENTS ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .swiper { overflow: hidden; } #urlbar-background { background: var(--pink); } .head_link svg path, svg.rip_and_tear path, svg.rip_and_tear rect, svg.rip_and_tear polygon { fill: var(--black); } h2 span, .h2 span { font-weight: 500; } span.color { color: var(--pink); } span.brand { display: inline-block; position: relative; font-family: var(--title-font); font-weight: 700; text-transform: uppercase; } sup.rights { position: absolute; right: 0; top: 1em; display: block; font-size: .2em; } del bdi { text-decoration: line-through; color: red; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card .brand { top: .5em; left: .5em; height: 2.5em; padding: .5em .75em; background-color: var(--black); box-shadow: .25em .25em .75em rgba(var( --black-rgb),.25); border: 1px solid rgba(var(--white-rgb),.25); border-radius: 20em; z-index: 2; } .card .brand img { width: auto; height: .75em; } .card .brand.brand_snem { background-color: var(--black); } .card .brand.brand_nhv { background-color: var(--pink); } .card .wishlist_btn { right: .5em; top: .5em; z-index: 2; } .wishlist_btn .yith-wcwl-add-to-wishlist { width: 2.5em; height: 2.5em; margin: 0; padding: .5em; font-family: var(--main-font); font-size: var( --rem); line-height: 0; border-radius: 20em; border: 1px solid rgba(30,30,30,.25); filter: drop-shadow(0 0 .25em rgba(30,30,30,.125)); background-color: #ffffff; cursor: pointer; transition: .25s ease; } .wishlist_btn .yith-wcwl-add-to-wishlist::after { display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 1.25em; height: 1.25em; background: url(../images/svg/ico_wishlist.svg) no-repeat center; background-size: 1.25em; transform: translate(-50%, -45%); will-change: transform; cursor: pointer; transition: .25s ease; } .wishlist_btn .yith-wcwl-add-to-wishlist.exists::after { background-image: url(../images/svg/ico_wishlist_filled.svg); background-size: 1.375em; } .wishlist_btn .yith-wcwl-add-button a i, .wishlist_btn .yith-wcwl-add-button a span { display: none; } .wishlist_btn .yith-wcwl-add-button a { position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 0; font-size: 0; background: transparent; border: none; z-index: 1; } .wishlist_btn .yith-wcwl-add-button a svg { display: none; } .wishlist_btn .yith-wcwl-add-button a.view-wishlist, .wishlist_btn .yith-wcwl-add-button span.separator { display: none !important; } body #yith-wcwl-popup-message { display: block; width: 85%; max-width: 24em; margin: 0 auto !important; padding: .75em 1.25em; line-height: 1.4; transform: translate(-50%, -50%); border: 1px solid rgba(30,30,30,.25); border-radius: .5em; } body .yith-wcwl-message { display: block; width: 100%; } .card_wrapper { text-align: left; } .card_img { padding-bottom: 125%; overflow: hidden; border: 1px solid rgba(var(--black-rgb),.25); transition: .25s ease; } .card_img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: 1s ease; } .card_content:before { display: block; content: ''; position: absolute; top: 1px; left: 50%; width: 0; height: 0; border-left: 1.25em solid transparent; border-right: 1.25em solid transparent; border-bottom: 1.25em solid #ffffff; transform: translate(-50%, -100%); transition: .5s ease; } .card_content { width: calc(100% - 1em); min-height: 6em; margin: -2em auto .5em auto; padding: 1em; background-color: #ffffff; border-radius: .5em; filter: drop-shadow(0 0 .5em rgba(30,30,30,.25)); transition: .5s ease; } .card_content h2 { font-size: 100%; font-weight: 500; color: #1e1e1e; } .card_content .price { grid-gap: .25em .75em; margin-top: .75em; font-size: 110%; font-weight: 700; color: #1e1e1e; } /*.card_content .price del { opacity: .5; }*/ .card_content .price ins { text-decoration: none; } .card_content .price span.onsale { display: block; padding: .375em .75em; background-color: #1e1e1e; color: #ffffff; } .card:hover .card_img, .card:active .card_img, .card:focus .card_img { border-color: rgba(var(--black-rgb),.75); } .card:hover .card_img img, .card:active .card_img img, .card:focus .card_img img { transform: translate(-50%, -50%) scale(1.05); } .card:hover .card_content, .card:active .card_content, .card:focus .card_content { filter: drop-shadow(0 0 .375em rgba(30,30,30,.375)) } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .archive_page .sec_news { display: none; } .sec_news { background-color: var(--pink); } .sec_news .close_btn { font-size: 100%; line-height: 0; position: absolute; top: 0.5em; right: 0.5em; width: 2em; height: 2em; padding: .5em; background-color: #1e1e1e; border: 1px solid #ffffff; border-radius: 6em; z-index: 1; transition: .25s ease; } .sec_news .container { padding-top: 2.5em; padding-bottom: 1.5em; } .sec_news .wrapper { margin-bottom: 1em; } .sec_news .wrapper svg { display: none; width: 4em; } .sec_news .content { width: 100%; flex: 1 1 auto; text-align: center; } .sec_news .content h4 { color: #1e1e1e; } .sec_news .content p { margin-top: 1em; color: #1e1e1e; } .sec_news .wpforms-confirmation-container-full p:last-of-type, div[submit-success]>.wpforms-confirmation-container-full p:last-of-type { text-align: center; font-size: calc(var(--rem) * 1.4); } .sec_news .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background-color: #fff !important; border: 1px solid #1e1e1e; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION CATEGORIES ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_categories { text-align: center; } .sec_categories .h2 { margin-bottom: .75em; } .sec_categories ul { align-items: flex-start; } .sec_categories li { list-style: none; width: auto; max-width: calc(100% / 3); transform: scale(0); transition: .25s ease; } .sec_categories li a { padding: 1em .5em; } .sec_categories li.active { transform: scale(1); } .sec_categories li .circle { width: 5em; height: 5em; border-radius: 20em; padding: 1em; margin: 0 auto .5em auto; background-color: #ffffff; /* filter: drop-shadow(0 0 .25em rgba(30,30,30,.25)); */ border: 1px solid rgba(var(--black-rgb),.5); cursor: pointer; will-change: background, padding; transition: .25s ease; } .sec_categories li .circle img { width: 100%; } .sec_categories li .p { font-size: 75%; font-weight: 500; text-transform: uppercase; } .sec_categories li h3 { transition: .25s ease; } .full_img { min-height: 100vh; margin-left: auto; margin-right: auto; overflow: hidden; } #full_img_desktop { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ JUICER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_social { text-align: center; } .sec_social span.brand { position: relative; } .sec_social span.brand::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 1.125em; height: 1.125em; background: url(../images/svg/naheva_cappello_natale.svg) no-repeat center; background-size: 100%; transform: translate(-0.425em, -0.35em); filter: drop-shadow(0 0 4px rgba(var(--black-rgb),.25)); } .sec_social span.sale_tag { position: relative; display: inline-block; font-weight: 100; margin-bottom: 1em; } .sec_social span.sale_tag::after { display: block; content: ''; position: absolute; top: 0; left: 0; width: 2.5em; height: 2.5em; background: url(../images/svg/sale_tag.svg) no-repeat center; background-size: 100%; transform: translate(2.325em, 0); filter: drop-shadow(0 0 4px rgba(var(--black-rgb),.25)); } .sec_social .subtitle { margin: 1em auto 2em auto; font-size: 125%; } .sec_social .subtitle a { display: inline-block; font-size: 1em; font-weight: 500; } #juicer h1.referral { display: none !important; } #juicer li.juicer.juicer-about { display: none !important; } #juicer li.feed-item { margin-bottom: 1em !important; border: 1px solid rgba(30,30,30,.125); border-top: 0; border-left: 0; } #juicer .j-poster { display: none; } #juicer .j-text { display: flex; align-items: flex-start; font-size: var(--rem); padding: 1em; } #juicer .j-text a { font-size: 1em; } #juicer .feed-item .j-message, #juicer .feed-item .j-message p { font-size: 90%; } #juicer .emoji { width: 1.25em !important; height: 1.25em !important; margin-bottom: -0.125em !important; } #juicer .j-meta { margin-top: 0; padding-left: 1em; } #juicer .j-paginate { display: inline-block; width: auto; margin: 2em auto; padding: 1em 2em; background-color: var(--black); box-shadow: 0 0 0.25em rgb(30 30 30 / 25%); border-radius: 0; border: 1px solid rgba(var(--white-rgb),.25); font-size: var(--rem); font-weight: 400; line-height: 1; color: var(--white); letter-spacing: initial; text-align: center; text-transform: uppercase; cursor: pointer; transition: .25s ease; } #juicer .j-paginate:hover, #juicer .j-paginate:active, #juicer .j-paginate:focus { background-color: var(--pink); color: #1e1e1e; border-color: rgba(var(--black-rgb),.75); } .sbi-header { display: none !important; font-size: 0 !important; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ AJAX SIDE CART ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .xoo-wsc-header { padding: 1em; } .xoo-wsch-top { width: 100%; justify-content: flex-start; gap: 1em; } .xoo-wscb-icon { display: block; width: 2rem; height: 2rem; background: url(../images/svg/ico_cart.svg) no-repeat center center; background-size: 100%; } .xoo-wsc-icon-bag2:before { display: none; } .xoo-wscb-count { display: flex; align-items: center; justify-content: center; position: absolute; bottom: -.25em; left: auto; right: -.25em; font-family: var(--main-font); font-size: 85%; line-height: 1; font-weight: 500; color: #ffffff; width: 1.6em; height: 1.6em; background-color: var(--red); border-radius: 2em; cursor: pointer; } span.xoo-wsch-text { margin-left: 0; } span.xoo-wsch-close { font-size: 1.75em; right: 0.375em; } .xoo-wsc-body, .xoo-wsc-body span.amount, .xoo-wsc-body a { font-size: 1em; color: var(--black); } .xoo-wsc-product { padding: 1em; } .xoo-wsc-sum-col { padding-left: 1em; } .xoo-wsc-sm-right { padding-left: .5em; max-width: 2.5em; } span.xoo-wsc-smr-del { margin-top: 0; padding: .5em; } .xoo-wsc-sm-left > *:not(:last-child) { padding-bottom: .25em; } .xoo-wsc-ft-buttons-cont .btn, .xoo-wsc-empty-cart .btn { background-color: var(--black); color: var(--white); } .xoo-wsc-ft-buttons-cont .btn.xoo-wsc-ft-btn-continue, .xoo-wsc-ft-buttons-cont .btn.xoo-wsc-ft-btn-cart { background-color: var(--pink); color: var(--black); } ul.xoo-wsc-notices li { padding: 1em; } .xoo-wsc-notice-error { background-color: var(--red); color: var(--white); } .xoo-wsc-footer { padding: 1em; background-color: var(--white); color: var(--black); } .xoo-wsc-footer, .xoo-wsc-footer a, .xoo-wsc-footer .amount { font-size: 1rem; } /** * * █▀▀ ▄▀▀▄ ▄▀▀▄ ▀▀█▀▀ █▀▀ █▀▀▄ * █▀▀ █ █ █ █ █ █▀▀ █▐█▀ * ▀ ▀▀ ▀▀ ▀ ▀▀▀ ▀ ▀▀ - FOOTER * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ footer { background-color: var(--footer-bkg-color); padding-bottom: calc( 3em + var(--frame) ); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER INFO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .info_blocks { grid-template-columns: 1fr 1fr; border-bottom: 1px solid rgba( var(--black-rgb),.15 ); } .info_block { text-align: center; } .info_block:nth-of-type(1) { border-right: 1px solid rgba(var(--black-rgb),.05); border-bottom: 1px solid rgba(var(--black-rgb),.05); padding: 0 1em 1em 0; } .info_block:nth-of-type(2) { border-bottom: 1px solid rgba(var(--black-rgb),.05); padding: 0 0 1em 1em; } .info_block:nth-of-type(3) { border-right: 1px solid rgba(var(--black-rgb),.05); padding: 1em 1em 0 0; } .info_block:nth-of-type(4) { padding: 1em 0 0 1em; } .info_block svg { width: 4em; margin-bottom: 1em; } .info_block h5 { font-size: 125%; text-transform: uppercase; } .info_block p { margin-top: .5em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FOOTER CONTENT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .foot_block { width: 100%; flex: 1 1 auto; } .foot_block.foot_main_block { margin-bottom: 3em; text-align: center; } .foot_logo { display: block; --foot-logo-width: 180px; --foot-logo-min: 180; --foot-logo-max: 280; max-width: 280px; margin: 0 auto; } .foot_logo img, .foot_logo svg { width: 100%; } .foot_logo svg:nth-of-type(2) { margin-top: .75em; } .foot_block .social { margin-top: 1.5em; grid-gap: 0.5em; } .foot_block .social a { padding: .25em; } .foot_block .social a img { width: 3em; } .foot_block .credits { display: none; } .credits { font-size: 82.5%; line-height: 1.5; margin: 1.5em auto 0 auto; text-align: center; opacity: .5; z-index: 1; } .credits .resp_sep { display: none; } .credits a { display: inline-block; color: inherit; font-size: 1em; } .credits a:active, .credits a:focus { opacity: 1; } .foot_title { margin-bottom: 1em; } .foot_block_content { border-top: 1px solid rgba(var(--black-rgb),.25); } .foot_block_content h4 { padding: 1em 2em 1em 0; text-transform: uppercase; background: url(../images/svg/plus.svg) no-repeat right center; background-size: .75em; cursor: pointer; } .foot_block_content h4.active { background-image: url(../images/svg/minus.svg); } .block_wrapper { display: none; padding-bottom: 1.25em; } .block_wrapper p { padding: .5em 0; } .block_wrapper p, .block_wrapper li { font-weight: 350; opacity: .75; } .block_wrapper p:nth-of-type(1), .block_wrapper li::first-child { margin-top: 0; } .block_wrapper li { list-style: none; } .block_wrapper a { padding: .5em 0; font-weight: 350; color: var(--black); opacity: .75; } .block_wrapper li a { font-size: 1em; opacity: 1; } .foot_block_content hr { background-color: rgba(var(--black-rgb),.25); } .paypal_banner { margin: 2em auto 0 auto; max-width: fit-content; -webkit-max-width: fit-content; } .paypal_banner img { width: 100%; max-width: 14em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ BACK TO TOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .back_top { display: inline-block; position: absolute; bottom: 1em; left: 50%; padding: 0em 1em; border-radius: .25em; --back-top-px: 60px; --back-top-min: 60; --back-top-max: 80; max-width: 80px; transform: translateX(-50%)!important; transition: .25s ease; z-index: 2; } .back_top img { width: 100%; } /** * * █ █ ▄▀▀▄ █▄ ▄█ █▀▀ * █▀▀█ █ █ █ █ █ █▀▀ * ▀ ▀ ▀▀ ▀ ▀ ▀▀▀ - HOMEPAGE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ .slider_cat_wrapper { background-color: var(--white); } .slider_cat_wrapper .swiper-slide a { padding: .75em .5em; text-align: center; overflow: hidden; } .slider_cat_wrapper .swiper-slide .circle { width: 3.5em; height: 3.5em; margin: 0 auto .5em auto; padding: .75em; border: .5px solid var(--black); border-radius: 20em; } .slider_cat_wrapper .swiper-slide h3 { font-size: 62.5%; font-weight: 500; text-transform: uppercase; white-space: nowrap; overflow: hidden; } .slider_cat_wrapper .swiper-horizontal>.swiper-pagination-bullets, .slider_cat_wrapper .swiper-pagination-bullets.swiper-pagination-horizontal, .slider_cat_wrapper .swiper-pagination-custom, .slider_cat_wrapper .swiper-pagination-fraction { position: relative; bottom: 0; left: 0; padding-bottom: .75em; line-height: 0; z-index: 1; } .slider_cat_wrapper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .slider_cat_wrapper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,.25em); } .slider_cat_wrapper .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,.375em)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,.375em)); background: var(--swiper-pagination-bullet-inactive-color,var(--black)); opacity: var(--swiper-pagination-bullet-inactive-opacity, .125); border: 1px solid rgba(var(--black-rgb),.25); } .slider_cat_wrapper .swiper-pagination-bullet-active { opacity: 1; background: var(--pink); } .s1_title span.brand { font-weight: 700; } /*#s1_home .s1_title { margin-top: 4em; }*/ #s1_home .s1_title :where(h1, h2, h3, p) { text-shadow: 0 0 1.5em rgb(10 10 10 / 25%), 0 0 .25em rgb(10 10 10 / 50%); } #s1_home .s1_title p.h3 { font-size: var(--h3-size); font-weight: 700; letter-spacing: 0.1ch; color: var(--white); -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--white); } #s1_home .s1_title p.h2 { font: 500 calc(var(--h2-size) * 1.5) / 1.25 var(--script); text-transform: none; letter-spacing: initial; } #s1_home .s1_title h1 { text-shadow: 1px 1px 0px var(--black), -1px 1px 0px var(--black), -1px -1px 0 var(--black), 1px -1px 0 var(--black); } #s1_home .s1_title p.big { font: 700 250% / 1.25 var(--main-font); letter-spacing: 0; text-shadow: 1px 1px 0px var(--black), -1px 1px 0px var(--black), -1px -1px 0 var(--black), 1px -1px 0 var(--black); } #s1_home .s1_title p.big.bigger { font-size: 18vw; line-height: 1; } #s1_home .s1_title p.script { font: 500 15vw / 1 var(--script); letter-spacing: 0; text-transform: none; text-shadow: 1px 1px 0px var(--black), -1px 1px 0px var(--black), -1px -1px 0 var(--black), 1px -1px 0 var(--black); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_featured { text-align: center; } .sec_featured .container { max-width: 100%; } .sec_featured h2.sec_title { margin-bottom: .75em; } .swiper { overflow: hidden; } .featured_slider.swiper-container { padding: 1em; } .sec_featured .card, .sec_latest .card { padding: 0 1.5em; } .sec_featured .card .brand, .sec_latest .card .brand { left: 2em; } .sec_featured .card .wishlist_btn, .sec_latest .card .wishlist_btn { right: 2em; } /* .featured_slider .swiper-slide { opacity: .25; filter: grayscale(50%); transition: .25s ease; } .featured_slider .swiper-slide.swiper-slide-visible { opacity: 1; filter: grayscale(0); } */ .sec_featured .card_content { width: calc(100% - 2em); padding: 1.25em 1em; } .sec_featured .card_content h2 { font-size: 125%; } .sec_featured .wishlist_btn .yith-wcwl-add-to-wishlist { width: 3em; height: 3em; } .sec_featured .wishlist_btn .yith-wcwl-add-to-wishlist::after { width: 1.25em; height: 1.25em; background-size: 1.25em; } .sec_featured .link { margin: 2em auto 0 auto; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION OUTLET ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_outlet { margin-top: .1em; background-color: var(--pink); text-align: center; } .sec_outlet .container { padding: .25em; } .sec_outlet h2 { position: relative; display: inline-block; font-size: calc( var(--h2-size) * 1.5 ); line-height: 1; font-weight: 300; color:var(--white); text-transform: uppercase; text-shadow: 0 0 .25em rgba(var(--black-rgb),.25); } .sec_outlet h2 .icon { display: block; margin: 0 auto; } .sec_outlet h2 .icon:before, .sec_outlet h2 .icon:after { display: block; content: ''; position: absolute; top: 50%; width: calc(50% - .4em); height: 1px; background-color: var(--white); transform: translateY(-50%); } .sec_outlet h2 .icon:before { left: 0; } .sec_outlet h2 .icon:after { right: 0; } .sec_outlet h2 .icon svg { width: .625em; } .sec_outlet h2 .icon svg path { fill: var(--white); } .sec_outlet h2 .brand { font-size: .9125em; font-weight: 700; color: #1e1e1e; text-shadow: none; } .sec_outlet .sized { display: none; background-position: top left; } .sec_outlet .link { box-shadow: none; } /** * * █▀▀▄ ▄▀▀▄ ▄▀▀▀ █▀▀ ▄▀▀ * █ █ █▀▀█ █ ▀▌ █▀▀ ▀▄ * █▀▀ ▀ ▀ ▀▀▀ ▀▀▀ ▀▀ - TEMPLATES _ PAGINE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE SYSTEM ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_system .s1_title, #s1_terms .s1_title { text-align: left; } #s1_system .breadcrumb, #s1_terms .breadcrumb { justify-content: flex-start; } #s1_system .breadcrumb, #s1_system .breadcrumb a, #s1_system .breadcrumb span, #s1_terms .breadcrumb, #s1_terms .breadcrumb a, #s1_terms .breadcrumb span, #s1_lavora .breadcrumb, #s1_lavora .breadcrumb a, #s1_lavora .breadcrumb span { color: var(--black); opacity: .75; } #s1_system .s1_title h1, #s1_terms .s1_title h1 { font-size: var(--h3-size); font-weight: 500; color: var(--black); text-shadow: none; } /* Banner Avvisi */ .banner_avviso { padding: 1.5em; border: 2px solid var(--red); } .banner_avviso h4 { margin-bottom: .5em; font-size: 150%; font-weight: 500; color: var(--red); } .banner_avviso b { font-weight: 500; } /* Menu Account */ .woocommerce-MyAccount-navigation { position: relative; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid var(--black); } .woocommerce-MyAccount-navigation::after { display: inline-block; content: ''; position: absolute; left: 50%; bottom: 0; border-left: 1em solid transparent; border-right: 1em solid transparent; border-top: .75em solid var(--black); transform: translate(-50%, calc(100% + 1px)); } .woocommerce-MyAccount-navigation a { display: block; padding: .25em 0; font-weight: 500; text-transform: uppercase; opacity: .5; } .woocommerce-MyAccount-navigation a:hover, .woocommerce-MyAccount-navigation a:active, .woocommerce-MyAccount-navigation a:focus { font-weight: 800; opacity: .75; } .woocommerce-MyAccount-navigation .is-active a { font-weight: 800; text-decoration: underline; opacity: 1; } /* Bacheca */ .woocommerce-MyAccount-content p a { display: inline; font-weight: 500; } .woocommerce-MyAccount-content p:nth-of-type(1) a { text-transform: uppercase; font-weight: 800; } .woocommerce-MyAccount-content p a:hover, .woocommerce-MyAccount-content p a:active, .woocommerce-MyAccount-content p a:focus { text-decoration: underline; opacity: .75; } /* Ordini */ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { /*float: none; margin: 0 .5em .5em 0; background-color: var(--pink); border: 1px solid #1e1e1e; border-radius: 0; line-height: 1.25; color: #1e1e1e; text-transform: uppercase; */ width: 100%; margin-bottom: .5em; padding: .75em 1em .625em 1em; font-weight: 400; } .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-top: 2em; } .woocommerce-table td a { display: inline-block; font-size: 1em; } /* Indirizzi */ .woocommerce-info { border-top-color: var(--pink); } .woocommerce-info::before { color: var(--pink); } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { border-top: 1px solid var(--black); padding-top: 2em; } .woocommerce .col2-set, .woocommerce-page .col2-set { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; grid-gap: 2em; } .woocommerce-MyAccount-content header { position: relative; top: auto; left: auto; z-index: initial; background-color: transparent; box-shadow: none; } .woocommerce-MyAccount-content header h3 { margin-bottom: .5em; font-size: 200%; font-weight: 500; line-height: 1.25; text-transform: uppercase; } .woocommerce-MyAccount-content header a { display: inline-block; padding: .75em 1.5em; margin-bottom: 1em; border: 1px solid var(--black); background-color: var(--black); color: var(--white); text-transform: uppercase; } /* Dettagli Account */ .woocommerce form .form-row { padding: 0; margin: 0 0 1em 0; } .woocommerce form .form-row:last-of-type { margin-bottom: 0; } .woocommerce form .form-row label { margin-bottom: .25em; font-size: 75%; line-height: 1.25; font-weight: 500; color: var(--black); text-transform: uppercase; opacity: .625; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { height: auto; padding: .5em; border: 1px solid rgba(var(--black-rgb),.5); border-radius: 0; background-color: transparent; font-family: var(--main-font); font-size: 100%; line-height: 1.5; color: var(--black); } em { display: block; margin-top: .5em; font-size: 75%; } legend { font-weight: 500; color: var(--black); text-transform: uppercase; } fieldset { border-color: rgba(var(--black-rgb),.25); } .woocommerce form button[type="submit"] { margin-top: 1em; } /* Login / Logout */ .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { padding: 1em; margin: 2em 0; border: 1px solid rgba(var(--black-rgb),.5); border-radius: 0; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: flex; align-items: center; justify-content: flex-start; width: 100%; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme span { display: block; margin-left: 1em; } .lost_password a { text-decoration: underline; } .woocommerce form p a { display: inline; text-decoration: underline; } .woocommerce-privacy-policy-text { margin-top: .5em; } .woocommerce-privacy-policy-text p { font-size: 75%; } .woocommerce-privacy-policy-text p a { font-size: 1em; } /* Social Login */ .woocommerce .woocommerce-MyAccount-content .wc-social-login-profile { margin: 2em 0 0 0; padding: 2em 0; border-top: 1px solid rgba(var(--black-rgb),.125); border-bottom: 1px solid rgba(var(--black-rgb),.125); } .wc-social-login-profile h2 { margin: 0 0 .5em 0; font-size: 150%; line-height: 1.25; font-weight: 500; text-transform: uppercase; } .woocommerce-MyAccount-content p a { text-decoration: underline; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ WHISHLIST ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ p.wishlist-empty, table.wishlist_table tbody td.wishlist-empty { margin: 0; padding: 4em 0; } .wishlist_table.mobile li { position: relative; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid rgba(var(--black-rgb),.25); } .wishlist_table.mobile li:last-child { margin-bottom: 0; } .wishlist_table.mobile li .item-wrapper { display: flex; align-items: flex-start; justify-content: center; width: 100%; margin-bottom: 0; } .wishlist_table.mobile li .item-wrapper .product-thumbnail { position: absolute; top: 0; left: 0; width: 4em; } .wishlist_table.mobile li .item-wrapper .item-details { width: 100%; } .wishlist_table.mobile li .item-wrapper .item-details h3 { min-height: 4rem; padding-left: 5rem; margin-bottom: .375em; font-size: 150%; font-weight: 500; line-height: 1.25; color: var(--black); } .wishlist_table.images_grid li .item-details table.item-details-table, .wishlist_table.mobile li .item-details table.item-details-table, .wishlist_table.mobile li table.additional-info, .wishlist_table.modern_grid li .item-details table.item-details-table { width: 100%; margin-bottom: .25em; } .wishlist_table.images_grid li .item-details table.item-details-table td.label, .wishlist_table.mobile li .item-details table.item-details-table td.label, .wishlist_table.mobile li table.additional-info td.label, .wishlist_table.modern_grid li .item-details table.item-details-table td.label { width: auto; font-weight: 500; line-height: 1.25; color: var(--black); } .wishlist_table.images_grid li .item-details table.item-details-table td.value, .wishlist_table.mobile li .item-details table.item-details-table td.value, .wishlist_table.mobile li table.additional-info td.value, .wishlist_table.modern_grid li .item-details table.item-details-table td.value { line-height: 1.25; } .wishlist_table.images_grid li .item-details table.item-details-table td, .wishlist_table.mobile li .item-details table.item-details-table td, .wishlist_table.mobile li table.additional-info td, .wishlist_table.modern_grid li .item-details table.item-details-table td { font-size: 100%; padding: .25em 0; } .additional-info-wrapper { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; grid-gap: .5em; } .wishlist_table.mobile li .additional-info-wrapper .move-to-another-wishlist, .wishlist_table.mobile li .additional-info-wrapper .product-add-to-cart { margin-bottom: auto; } .wishlist-in-stock { color: green; } .wishlist-out-of-stock { color: var(--red); } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { padding: .5em 1.5em !important; margin: 0 !important; background-color: var(--black); border: 1px solid var(--black); color: var(--white); transform: none; } .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit.alt:active, .woocommerce #respond input#submit.alt:focus, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:active, .woocommerce a.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce button.button.alt:active, .woocommerce button.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:active, .woocommerce input.button.alt:focus { background-color: var(--white); color: var(--black); } .wishlist_table.mobile li .additional-info-wrapper .product-remove a { display: block; padding: .25em .375em; border: 1px solid rgba(var(--black-rgb),.25); font-size: 150%; line-height: 0; color: var(--black); } .wishlist_table.mobile li .additional-info-wrapper .product-remove a:hover, .wishlist_table.mobile li .additional-info-wrapper .product-remove a:active, .wishlist_table.mobile li .additional-info-wrapper .product-remove a:focus { background-color: var(--black); color: var(--white); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CART ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ tr:nth-child(even) { background-color: #ffffff; } .woocommerce table.shop_table { margin: 0 0 2em 0; border-color: rgba(var(--black-rgb),.25); border-radius: 0; } .woocommerce table.shop_table.woocommerce-cart-form__contents { border: none; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { position: relative; display: flex; align-items: center; justify-content: space-between; padding: .25em .75em; } .woocommerce table.shop_table_responsive.woocommerce-cart-form__contents tr, .woocommerce-page table.shop_table_responsive.woocommerce-cart-form__contents tr { margin-bottom: 1em; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td.product-thumbnail, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td.product-thumbnail { display: none; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { display: inline-block; float: none; flex: 1 1 auto; text-align: left; } .woocommerce table.shop_table_responsive tr td.product-remove a, .woocommerce-page table.shop_table_responsive tr td.product-remove a { position: relative; } .woocommerce table.shop_table_responsive tr td.product-remove a::after, .woocommerce-page table.shop_table_responsive tr td.product-remove a::after { display: inline-block; content: ''; position: absolute; top: 50%; right: .75em; width: 1em; height: 1em; transform: translateY(-50%); background: url(../images/svg/close_red.svg) no-repeat center; background-size: contain; } .woocommerce table.shop_table_responsive tr td a, .woocommerce-page table.shop_table_responsive tr td a { display: block; flex: 1 1 auto; padding: .5em 0; } .woocommerce table.shop_table_responsive tr td span, .woocommerce-page table.shop_table_responsive tr td span { display: inline-block; max-width: 100%; height: auto; margin: 0; padding: .5em 0; line-height: 1.25; } .woocommerce table.shop_table_responsive tr td span span, .woocommerce-page table.shop_table_responsive tr td span span { padding: initial; } .woocommerce .quantity .qty { height: auto; margin-bottom: 0; padding: .25em .5em; border-radius: 0; border: 1px solid var(--black); background-color: transparent; font-size: 100%; line-height: 1.5; color: var(--black); } .woocommerce table.shop_table_responsive tr td a.remove, .woocommerce-page table.shop_table_responsive tr td a.remove { position: relative; display: inline-block; width: auto; height: auto; padding: .5em 0; border-radius: 0; font-size: 100%; color: var(--red) !important; text-align: left; } .woocommerce table.shop_table_responsive tr td a.remove:hover, .woocommerce table.shop_table_responsive tr td a.remove:focus, .woocommerce table.shop_table_responsive tr td a.remove:active, .woocommerce-page table.shop_table_responsive tr td a.remove:hover, .woocommerce-page table.shop_table_responsive tr td a.remove:focus, .woocommerce-page table.shop_table_responsive tr td a.remove:active { background-color: transparent; } .woocommerce .cart_totals table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page .cart_totals table.shop_table_responsive tr:nth-child(2n) td { display: block; padding: .75em; background-color: transparent; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { padding-bottom: 0; width: 100%; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; grid-gap: .5em 0; } .woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input { width: auto; height: auto; margin: 0 .5em 0 0; padding: .375em .5em; border: 1px solid #1e1e1e; border-radius: 0; background-color: #ffffff; font-size: 85%; line-height: 1.5; color: var(--black); } .woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text+.button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text+.button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text+.button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text+.button { float: none; margin: 0; padding: .375em .5em; background-color: var(--pink); font-size: 85%; color: #1e1e1e; text-transform: none; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { padding: .5em 1em; opacity: .25; } .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button { margin-top: 0; line-height: 1.5; } .woocommerce .cart-collaterals h2, .woocommerce-page .cart-collaterals h2 { margin-bottom: .5em; font-size: 150%; font-weight: 500; text-transform: uppercase; } .woocommerce table.shop_table_responsive tr.woocommerce-shipping-total td::before, .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-total td::before { display: none; } .woocommerce table.shop_table_responsive tr.woocommerce-shipping-total td .lpp-shipping-package-wrapper td::before, .woocommerce-page table.shop_table_responsive tr.woocommerce-shipping-total td .lpp-shipping-package-wrapper td::before { display: inline-block; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td .lpp-shipping-package-wrapper td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td .lpp-shipping-package-wrapper td { padding: 0; } .woocommerce ul#shipping_method li input { margin: 0; width: 1em; height: 1em; vertical-align: initial; appearance: none; -webkit-appearance: none; background-color: #ffffff; border: 1px solid #1e1e1e; border-radius: 2em; transition: .25s ease; } .woocommerce ul#shipping_method li input[type="radio"]:checked { background-color: #1e1e1e; box-shadow: inset 0 0 .125em .1em #fff; } .woocommerce ul#shipping_method .amount { margin-left: .25em; } .woocommerce-shipping-calculator a { font-size: 85%; font-weight: 500; text-transform: uppercase; text-decoration: underline; } .order-total .includes_tax { margin-left: .5em; } .woocommerce table.shop_table_responsive tr td span.select2-container--default, .woocommerce-page table.shop_table_responsive tr td span.select2-container--default { padding-bottom: 0; line-height: 0; } .woocommerce-shipping-total .select2-container--default .select2-selection--single .select2-selection__rendered { padding: .5em 1.5em .5em .5em; line-height: 1.25; color: #1e1e1e; } .woocommerce-shipping-total .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; width: 1em; top: 0; right: .5em; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr.order-total td { justify-content: flex-end; flex-wrap: wrap; grid-gap: 1em; padding: .75em; } .woocommerce table.my_account_orders .button { padding: .5em 1em; flex: initial; } .woocommerce address { line-height: 1.5; } .woocommerce #respond input#submit.alt.wc-forward, .woocommerce a.button.alt.wc-forward, .woocommerce button.button.alt.wc-forward, .woocommerce input.button.alt.wc-forward { padding: .75em 1.5em !important; } table.lpp-shipping-package-wrapper { width: 100%; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: rgba(var(--pink-rgb),.25); border: 1px solid rgba(30,30,30,.125); } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { padding: 2em 1em; } #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin-bottom: 2em; } #add_payment_method #payment ul.payment_methods li:last-child, .woocommerce-cart #payment ul.payment_methods li:last-child, .woocommerce-checkout #payment ul.payment_methods li:last-child { margin-bottom: 0; } #add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input { -webkit-appearance: none; appearance: none; width: 1.5em; height: 1.5em; background-color: #ffffff; border-radius: 1em; border: 1px solid #1e1e1e; } #add_payment_method #payment ul.payment_methods li input:checked, .woocommerce-cart #payment ul.payment_methods li input:checked, .woocommerce-checkout #payment ul.payment_methods li input:checked { background-color: #1e1e1e; box-shadow: inset 0 0 .125em .1em #ffffff; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { height: 1.5em; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background-color: #ffffff; color: #1e1e1e; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border: 1em solid #ffffff; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; } #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { width: 100%; border-color: #1e1e1e; } #add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea { width: 100%; height: auto; padding: .5em; border-color: rgba(30,30,30,.25); border-radius: 0; font-size: 125%; line-height: 1; } .ppc-button-wrapper, .ppcp-cancel { margin-top: 1em; } .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-size: 85%; } .woocommerce ul#shipping_method li { margin: 0 0 1em; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: .5em; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { line-height: 1.5; margin-left: 1em; text-decoration: underline; } .added_to_cart.wc-forward { margin-top: 1em; text-decoration: underline; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CONFERMA ORDINE + SOCIAL LOGIN ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .wc-social-login { position: relative; } .wc-social-login .button-social-login, .wc-social-login .widget-area .widget a.button-social-login, .wc-social-login a.button-social-login, .wc-social-login button.button-social-login, .wc-social-login input.button-social-login { max-width: 100%; font-size: 85%; margin: .5em 0; } .woocommerce-order { margin-top: 2em; } .woocommerce-order p.woocommerce-notice { margin-bottom: 1em; font-size: 125%; font-weight: 700; } .woocommerce ul.order_details li { float: none; margin: 0; padding: 0 0 1em 0; font-size: 75%; line-height: 1.25; } .woocommerce-order-details h2, .woocommerce-customer-details h2 { margin-bottom: .5em; font-size: 150%; font-weight: 500; text-transform: uppercase; } .woocommerce .woocommerce-customer-details address { border: 1px solid rgba(var(--black-rgb),.125); border-bottom-width: 1px; border-right-width: 1px; border-radius: 0; padding: 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CHECKOUT ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .woocommerce .button.wc-backward { margin-top: 1em; border-color: var(--black); background-color: var(--black); color: var(--white); } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 1em 1em 3em; background-color: rgba(var(--black-rgb),.05); font-size: 85%; color: var(--black); line-height: 1.25; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a { display: inline; font-size: 1em; text-decoration: underline; } #page_9 .woocommerce-error, #page_9 .woocommerce-info, #page_9 .woocommerce-message { margin-bottom: 0; } #page_9 ..woocommerce form.checkout_coupon { margin-bottom: 0; } .checkout.woocommerce-checkout h3 { font-size: 150%; line-height: 1.25; font-weight: 500; text-transform: uppercase; margin-bottom: .5em; } .woocommerce form .form-row .select2-container { line-height: initial; } .select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid rgba(var(--black-rgb),.5); border-radius: 0; height: auto; margin: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { padding: .5em 1em .5em .5em; height: auto; line-height: 1.25; color: var(--black); } .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 0; right: .25em; width: 1em; height: 100%; } #page_9 .woocommerce form .form-row-first, #page_9 .woocommerce-page form .form-row-first, #page_9 .woocommerce form .form-row-last, #page_9 .woocommerce-page form .form-row-last { float: none; width: 100%; } .woocommerce-account-fields { margin-top: 1em; } .woocommerce-checkout-review-order .woocommerce-privacy-policy-text { margin: 0 0 1em 0; } #ppc-button, #ppcp-hosted-fields, #place_order { margin-top: 1em; } #ppcp-credit-card-gateway-card-expiry { max-width: 100%; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox { text-transform: none; } .woocommerce form .form-row label.checkbox a, .woocommerce-page form .form-row label.checkbox a { font-size: 1em; } .woocommerce-terms-and-conditions-wrapper { margin-bottom: 1em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE CHI SIAMO ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .content h2 { line-height: 1.25; font-weight: 500; text-transform: uppercase; } .content p, .s2_page .content ul { margin-top: 1em; } .content li { padding: .25em 0; } .img_block { margin-top: 2em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE LAVORA CON NOI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_lavora .breadcrumb, #s1_lavora .breadcrumb a, #s1_lavora .breadcrumb span { color: var(--black); } #s1_lavora h1 { font-size: calc(var(--h1-size) * .5); color: var(--black); text-shadow: none; } #s2_lavora { text-align: center; } #s2_lavora .content { margin: 0 auto calc(2.5% * var(--vert-ratio)) auto; max-width: 1024px; } #s2_lavora .content p:first-of-type { margin-top: 0; } #s2_lavora h2 { margin-top: 1em; } #s2_lavora .wpforms-container-full { max-width: 1024px; margin: 1em auto 0 auto; padding: 1.5em 1em; background-color: var(--pink); box-shadow: 0 0 .5em rgb(30,30,30,.125); } #s2_lavora .wpforms-field { padding: 0; margin-top: 1em; text-align: left; } #s2_lavora .wpforms-field:nth-of-type(1), #s2_lavora .wpforms-field:nth-of-type(1) .wpforms-field-label { margin-top: 0; } #s2_lavora input, #s2_lavora textarea { font-family: var(--main-font); font-size: 1em; line-height: 1; color: #1e1e1e; padding: .75em; height: auto; border: 1px solid rgba(30,30,30,.75); border-radius: 0; } #s2_lavora div.wpforms-uploader .dz-message { font-size: 75%; } #s2_lavora div.wpforms-uploader .dz-message svg { width: 2em; height: 2em; margin-bottom: .25em; } #s2_lavora .wpforms-field-label { font-size: 75%; font-weight: 700; line-height: 1.25; text-transform: uppercase; text-align: center; margin: 1em 0; padding: 0; } #s2_lavora ul li { position: relative; display: flex; align-items: center; justify-content: center; } #s2_lavora input[type=checkbox] { appearance: none; -webkit-appearance: none; border: 1px solid rgba(30,30,30,.75); width: 1.5em; height: 1.5em; margin: 0 .75em 0 0; } #s2_lavora input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-size: 1em; background-color: #ffffff } #s2_lavora .wpforms-field-label-inline { font-size: 85%; font-weight: 300; } #s2_lavora .wpforms-field-label-inline a { display: inline-block; font-size: 1em; font-weight: 400; text-decoration: underline; } #s2_lavora .wpforms-submit-container { padding: 1.75em 0 0 0; } #s2_lavora button[type=submit] { font-size: 1.25em; color: #ffffff; text-transform: uppercase; letter-spacing: .1em; width: 100%; height: auto; padding: .55em 1.5em; background-color: #1e1e1e; border: 1px solid #1e1e1e; } #s2_lavora button[type=submit]:focus, #s2_lavora button[type=submit]:active, #s2_lavora button[type=submit]:hover { background-color: #ffffff; color: #1e1e1e; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TEMPLATE TERMINI E CONDIZIONI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_terms .container, #s2_terms .container { max-width: calc(1024px + calc(10% * var(--oriz-ratio))); } #s2_terms h2 { margin: 2em 0 .5em 0; font-size: 150%; font-weight: 500; line-height: 1.25; text-transform: uppercase; } #s2_terms h2:nth-of-type(1) { margin-top: 0; } #s2_terms h3 { font-size: 125%; line-height: 1.25; font-weight: 500; } #s2_terms p { margin-top: 1em; font-weight: 400; line-height: 1.6; } #s2_terms p a { display: inline; text-decoration: underline; } #s2_terms p a { opacity: .75; } /** * * ▄▀▀▄ █▀▀▄ ▄▀▀▀ █ █ ▀ ▐▌ ▐▌ █▀▀ * █▀▀█ █▐█▀ █ █▀▀█ █ ▀▄▀ █▀▀ * ▀ ▀ ▀ ▀▀ ▀▀▀ ▀ ▀ ▀ ▀ ▀▀▀ - TEMPLATES _ ARCHIVIO * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_shop .container, #s1_category .container { margin-top: calc((5% * var(--vert-ratio)) - .75rem); border-top: 1px solid rgba(var(--black-rgb),.125); } /* Title */ #s1_shop .s1_title, #s1_category .s1_title { text-align: left; } #s1_shop h1, #s1_category h1 { font-size: var(--h3-size); font-weight: 500; color: var(--black); text-shadow: none; } #s1_shop h1 br { display: none; } /* Filter Btn */ .filters_btn { position: relative; display: block; font-size: 100%; width: 100%; max-width: 4em; height: 4em; padding: 1em; border-radius: 20em; } .filters_btn svg { width: 100%; } .filters_btn.active { box-shadow: inset 0 0 .5em rgba(var(--black-rgb),.125); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Search & Filter */ .filters { display: none; box-shadow: inset 0 0 1em rgba(var(--black-rgb),.125); will-change: height, transform, padding; } .filters .searchandfilter ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; grid-gap: .5em; } .filters .searchandfilter ul li { position: relative; width: calc(50% - .25em); padding: 0; } .filters .searchandfilter label { width: 100%; } .filters .searchandfilter select.sf-input-select { min-width: 0; } .filters .searchandfilter select { height: auto; margin: 0; padding: .75em 2.5em .75em 1em; background-color: transparent; background-position: calc(100% - 1em) center; border: 1px solid var(--black); border-radius: 0; font-size: 85%; line-height: 1.25; color: var(--black); } .filters .searchandfilter .sf-field-search input { height: auto; margin: 0; padding: .75em 1em; background-color: transparent; border: 1px solid var(--black); border-radius: 0; font-size: 85%; line-height: 1.25; color: var(--black); } .filters .searchandfilter input[type="submit"] { width: 100%; padding: .75em 1em; border: 1px solid var(--black); border-radius: 0; background-color: var(--black); font-size: 85%; font-weight: 700; color: var(--white); text-transform: uppercase; } .filters .searchandfilter ul li.sf-field-reset { width: 100%; } .filters .searchandfilter .sf-field-reset a { width: 100%; padding: .5em .75em; font-size: 75%; line-height: 1.5; text-align: center; text-decoration: underline; text-transform: uppercase; } /* Posts Loop */ #ajax_container { grid-template-columns: 1fr 1fr; grid-gap: 2em .5em; } #s2_shop .container { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 1.5em 0; } #s2_shop .woocommerce-notices-wrapper { display: none; } #s2_shop .woocommerce-ordering { display: inline-block; } #s2_shop #ajax_container { display: block; } #s2_shop #ajax_container > ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em .5em; } #s2_shop .woocommerce-pagination { display: none !important; } #s2_shop .pagination { width: 100%; } /* Custom pagination */ .pagination, .wp-prev-next { margin: 2em 0 0 0; } .pagination ul { background-color: transparent; border-radius: 0; } .pagination li { border: none; } .pagination li:last-child a, .pagination li:last-child span { border-right: 1px solid transparent; } .pagination a, .pagination span { min-width: 3em; border: 1px solid transparent; border-right: 1px solid rgba(var(--black-rgb),.05); line-height: 1.5; color: var(--black); } .pagination .current { color: var(--black); border-color: var(--black); background-color: var(--pink); } .pagination a:hover, .pagination a:active, .pagination a:focus { background-color: transparent; border-color: rgba(var(--black-rgb),.5); color: var(--black); } /* Empty Result */ .product_empty { font-size: 125%; font-weight: 500; text-align: center; padding: 1em 0; border-top: 1px solid var(--black); border-bottom: 1px solid var(--black); } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION LATEST ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_latest { text-align: center; } .sec_latest .wrapper h2 span { font-weight: 400; } .sec_latest .wrapper h2 br { display: none; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ TAXONOMY ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .cat_ico { width: 3.5em; height: 3.5em; min-width: 3.5em; padding: .625em; margin-right: 1em; border: 1px solid var(--black); border-radius: 20em; } .cat_ico svg { width: 100%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ ARCHIVE NEGOZI ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s2_negozi .card { padding: 2em 0; border-bottom: 1px solid #1e1e1e; } #s2_negozi .card:nth-of-type(1) { padding-top: 1em; } .sec_categories .sized { display: block; height: auto; min-height: 100%; background-position: top center; } .full_gallery .swiper-slide.sized { padding-bottom: 75%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CARD SHOP ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .card_shop h2 { position: relative; padding-right: 1em; font-size: calc(var(--h2-size) * .75); font-weight: 500; } .card_shop h2::after { display: inline-block; content: ''; position: absolute; right: 0; top: 0; width: 1em; height: 1em; border: 1px solid var(--black); border-radius: 1em; background: url(../images/svg/plus.svg) no-repeat center; background-size: .5em; } .card_shop .active h2::after { background-image: url(../images/svg/minus.svg); } .card_shop .shop_type { margin-top: 1em; font-weight: 500; } .card_shop .card_info { display: none; } .card_shop .card_address span.title { display: block; margin-top: 1em; font-weight: 500; text-transform: uppercase; } .card_shop .link { margin-top: 1em; } .card_shop .card_img { display: none; margin-top: 1em; padding-bottom: 100%; } .card_shop .card_img.card_img_mobile { display: block; } /** * * ▄▀▀ ▀ █▄ █ ▄▀▀▀ █ █▀▀ * ▀▄ █ █ ▀█ █ ▀▌ █ ▄ █▀▀ * ▀▀ ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ - SINGLE * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 1 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /* Background */ .woocommerce-product-gallery__trigger { position: absolute; top: 0em; left: 0em; width: 100%; height: 100%; cursor: zoom-in; z-index: 1; } .woocommerce-product-gallery__trigger img.wp-smiley, .woocommerce-product-gallery__trigger img.emoji { display: none !important; visibility: hidden !important; opacity: 0 !important; transform: translateX(-100vw) !important; } .pswp__caption { display: none !important; } .flex-control-nav { position: absolute; bottom: .75em; left: 50%; display: flex; align-items: center; justify-content: center; grid-gap: .75em; margin-top: .1em; transform: translateX(-50%); z-index: 2; } .flex-control-nav li { list-style: none; flex: 1 1 auto; box-shadow: 0 0 0.5em rgb(30,30,30,.5); box-shadow: 0 0 0.25em rgb(30,30,30,.75); border: 1px solid #ffffff; } .flex-control-nav li img { width: 100%; filter: saturate(0.25) brightness(0.875); transition: .25s ease; } .flex-control-nav li img.flex-active { filter: grayscale(0); } .s1_single .wishlist_btn { top: 1em; right: 1em; z-index: 2; } .single_img a img { width: 100%; height: 100%; object-fit: cover; } .single_content { background-color: var(--white); margin-bottom: 3em; } .single_cat a { display: inline-block; padding: .5em; margin-left: -.5em; font-weight: 400; text-transform: uppercase; opacity: .75; } .single_content .breadcrumb, .s1_single .breadcrumb a, .s1_single .breadcrumb span, .s1_single .breadcrumb h1 { font-size: 1em; color: var(--black); } .single_content .breadcrumb { font-size: 75%; grid-gap: .25em; margin: 0; } .single_content h1 { margin: .375em 0 .5em 0; font-weight: 500; } .single_content p { font-weight: 350; margin-bottom: 1em; } .single_content .price { display: inline-block; margin: 0 .75em 1em 0; font-size: 150%; font-weight: 300; opacity: 1; } .single_content .price ins { margin-left: .5em; text-decoration: none; font-weight: 500; } .single_content .price .price_label { display: block; font-size: 50%; opacity: .75; } .single_content .onsale { display: inline-block; vertical-align: top; padding: .275em .5em; background-color: var(--black); font-size: 125%; color: var(--white); z-index: 1; } .single_content .product_meta { margin-top: 1.5em; } .single_content .product_meta p { } .single_content .product_meta p:last-of-type { margin-bottom: 0; } .single_content .product_meta p img { width: 2.25em; margin-right: .75em; } .single_content .product_meta p span { font-weight: 500; } .variations_form .variations { position: relative; width: 100%; padding-bottom: 1.5em; } .variations_form .variations th.label { display: none; } .variations_form .variations tbody td { border: none; padding: 0; } .variations_form .variations select { margin: 0; } .single_content .reset_variations { display: none !important; } .single_content .product_meta, #picker_pa_colore, #picker_pa_taglia, #picker_pa_forma, .single_content .single_variation_wrap { padding: 1.5em 0; border-top: 1px solid rgba(var(--black-rgb),.125); } #picker_pa_colore { padding-bottom: 0; } #picker_pa_colore::before, #picker_pa_taglia::before, #picker_pa_forma::before, .single_content .quantity::before { display: block; content: 'Scegli il colore: '; font-size: 100%; font-weight: 500; line-height: 1; margin-bottom: .5em; } #picker_pa_taglia::before { content: 'Scegli la taglia: '; } #picker_pa_forma::before { content: 'Scegli la forma: '; } .single_content .quantity::before { display: inline-block; content: 'Quantità: '; margin: 0; } #picker_pa_taglia ul, #picker_pa_forma ul { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; grid-gap: .5em 1em; } #picker_pa_taglia li, #picker_pa_forma li { position: relative; padding: .25em .25em; min-width: 2.5em; line-height: 2; text-align: center; } #picker_pa_forma li { padding: .25em .5em; } #picker_pa_taglia li input[type="radio"], #picker_pa_forma li input[type="radio"] { appearance: none; -webkit-appearance: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(30,30,30,.25); } #picker_pa_taglia li input[type="radio"]:checked, #picker_pa_forma li input[type="radio"]:checked { background-color: rgba(var(--pink-rgb), .5); border: 1px solid var(--black); } #picker_pa_taglia li label, #picker_pa_forma li label { position: relative; margin: 0; text-transform: uppercase; } #picker_pa_forma li label { text-transform: none; } .single_content div.swatch-label { margin-bottom: 1.5rem; font-size: .75em; font-weight: 500; text-transform: uppercase; opacity: .5; } .single_content .swatch-wrapper { padding: 0; margin: 0 .5em .5em 0; border: 2px solid rgba(30,30,30,.25); } .single_content .swatch-wrapper.selected { padding: 0; border: 2px solid var(--black); } .single_content .swatch-wrapper a { width: 5em !important; height: 5em !important; } .single_content .swatch-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .single_content .single_variation_wrap { } .single_content .stock.in-stock, .single_content .stock.out-of-stock { display: inline-block; margin-bottom: 1.5rem; font-size: 100%; font-weight: 600; color: green; text-transform: uppercase; } .single_content .stock.out-of-stock { color: var(--red); } .single_content .quantity { margin-bottom: 1.5em; } .single_content input.input-text.qty { display: inline-block; width: 4em; height: auto; margin: 0 0 0 .5em; padding: .5em .5em .375em .5em; background-color: transparent; border: 1px solid rgba(var(--black-rgb),.25); border-radius: 0; font: inherit; line-height: 1.5; font-weight: 400; color: var(--black); text-align: center; } .single_content button.single_add_to_cart_button[type="submit"] { display: block; width: 100%; position: relative; padding: .75em 1em; border: 1px solid rgba(var(--white-rgb),.25); border-radius: 0; background-color: var(--black); font-size: 112.5%; font-weight: 600; color: var(--white); letter-spacing: .05em; text-transform: uppercase; } #ppcp-messages { margin-top: 1.5em; } #paypal-msg { margin-top: -1em; font-weight: 500; font-size: 85%; } .single_content .a2a_kit { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; grid-gap: .25em; margin-top: 2em; } .single_content .a2a_kit p { width: 100%; opacity: .75; font-size: 75%; font-weight: 500; text-transform: uppercase; text-align: center; } .sidebar_trigger { margin-top: 1em; padding-left: 2.5em; background: url(../images/svg/size.svg) no-repeat left center; background-size: 1.5em; font-size: 100%; line-height: 1.5; text-decoration: underline; } .single_content .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(30,30,30,.5); z-index: 5; } .single_content .sidebar { position: fixed; right: 0; top: 0; padding: 1.5em; background-color: var(--white); transform: translateX(100%); transition: .25s ease; z-index: 6; } .single_content .sidebar.active { transform: translateX(0); box-shadow: 0 0 .5em rgb(30,30,30,.5); } .extra_text { margin-top: 2em; } .extra_text li { padding: 1em 0; border-top: 1px solid rgba(var(--black-rgb),.125); } .extra_text li:first-child { border: 0; } .extra_text li img { width: 1em; margin: .075em 1em 0 0; } .extra_text li p { flex: 1 1 auto; margin: 0; color: var(--pink); font-weight: 500; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ SECTION 2 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_related { background-color: var(--pink); text-align: center; } .sec_related .container::before { display: block; content: ''; position: absolute; right: 50%; top: 0; transform: translate(50%, calc(-100% + 1px)); width: 0; height: 0; border-left: 1.5em solid transparent; border-right: 1.5em solid transparent; border-bottom: 1.5em solid var( --pink); } .sec_related .sec_title h2 { line-height: 1.25; color: #1e1e1e; } .sec_related .slider_nav { width: 3.5em; padding: 0.75em; } /** * * █▀▀ ▄▀▀▄ █▀▀▄ █▄ ▄█ * █▀▀ █ █ █▐█▀ █ █ █ * ▀ ▀▀ ▀ ▀▀ ▀ ▀ - FORM * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ input[type="checkbox"] { border: 1px solid var(--black); width: 1.5em; height: 1.5em; } input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-size: 1.25em; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ FORM NEWSLETTER ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ .sec_news div.wpforms-container-full { margin: 0 auto; } .sec_news div.wpforms-container-full .wpforms-form .wpforms-field { padding: 0; margin-bottom: 1em; } .sec_news div.wpforms-container-full .wpforms-form input[type="text"], .sec_news div.wpforms-container-full .wpforms-form input[type="email"] { font-size: 1em; line-height: 1; color: #1e1e1e; padding: .75em; height: auto; border: 1px solid rgba(30,30,30,.75); border-radius: 0; } .sec_news div.wpforms-container-full .wpforms-form label.wpforms-error { margin-top: .25em; font-size: 65%; } .sec_news .wpforms-field.wpforms-field-checkbox li { display: flex; align-items: center; justify-content: flex-start; } .sec_news div.wpforms-container-full .wpforms-form input[type=checkbox] { appearance: none; -webkit-appearance: none; border: 1px solid rgba(30,30,30,.75); width: 1.5em; height: 1.5em; margin: 0 1em 0 0; cursor: pointer; } .sec_news div.wpforms-container-full .wpforms-form input[type=checkbox]:checked { background: url(../images/svg/checked.svg) no-repeat center; background-size: 1.25em; background-color: #ffffff; } .sec_news div.wpforms-container-full .wpforms-form label { font-size: 85%; } .sec_news div.wpforms-container-full .wpforms-form label a { display: inline-block; text-decoration: underline; } .sec_news div.wpforms-container-full .wpforms-form label a:hover { opacity: .5; font-weight: 700; } .sec_news div.wpforms-container-full .wpforms-form .wpforms-submit-container { padding: 0; } .sec_news div.wpforms-container-full .wpforms-form button[type=submit], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 125%; color: #ffffff; text-transform: uppercase; letter-spacing: .1em; width: 100%; height: auto; padding: .55em 1.5em; background-color: #1e1e1e; border: 1px solid #1e1e1e; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { width: auto; border-radius: 0; font-size: 100%; letter-spacing: initial; } .sec_news div.wpforms-container-full .wpforms-form button[type=submit]:hover, .sec_news div.wpforms-container-full .wpforms-form button[type=submit]:active, .sec_news div.wpforms-container-full .wpforms-form button[type=submit]:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:active, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:active, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:active, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:active, .woocommerce input.button:focus { background-color: #ffffff; color: #1e1e1e; } /** * * █▀▀ █ █ ▀▀█▀▀ █▀▀▄ ▄▀▀▄ * █▀▀ ▄▀▀▄ █ █▐█▀ █▀▀█ * ▀▀▀ ▀ ▀ ▀ ▀ ▀▀ ▀ ▀ - EXTRA * * ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░ */ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE GRAZIE ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ #s1_grazie { text-align: center; } #s1_grazie .container { background: rgba(255,255,255,.5); min-height: auto; } #s1_grazie .s1_title { max-width: 60em; } #s1_grazie .s1_title h1 { margin-bottom: .25em; font-size: 400%; color: var(--black); text-shadow: none; } #s1_grazie .s1_title p { margin-bottom: .5em; font-size: 150%; font-weight: 500; color: #1e1e1e; text-shadow: none; text-transform: none; letter-spacing: unset; } #s1_grazie .s1_title p a { display: inline-block; font-size: 1em; text-decoration: underline; } .back_wrapper { margin-top: 2.5%; } /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ PAGE 404 ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ /*∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞ CSS EXTRA O MOD ∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞∞*/ html #iubenda-cs-banner .iubenda-banner-content a { display: inline-block; } html #iubenda-cs-banner .iubenda-banner-content em { display: inline; margin: 0; font-size: 1em; } html #iubenda-cs-banner.iubenda-cs-fix-height.iubenda-cs-default-floating .iubenda-cs-content { height: calc(75% - 32px)!important; } html .iubenda-tp-btn.iubenda-cs-preferences-link { display: none !important; } #s2_lavora .wpforms-confirmation-container-full p:last-of-type, div[submit-success]>.wpforms-confirmation-container-full p:last-of-type { text-align: center; font-size: calc(var(--rem) * 1.4); } #s2_lavora .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background-color: #fff !important; border: 1px solid #1e1e1e; } /** * ██████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████ * * RESPONSIVE * * Settare se necessario regole fluid per minmax di elemtni specifici basandosi sulle seguenti regole: * => ORIGINAL CALC -> calc( 12px + (24 - 12) * ( (100vw - 320px) / (1920 - 320) ) ) * => CALC 1920px -> 320px -> calc( 12px + (24 - 12) * ( (100vw - 320px) / 1600 ) ) * => CALC 1280px -> 320px -> calc( 12px + (24 - 12) * ( (100vw - 320px) / 960 ) ) * => CALC 1024px -> 320px -> calc( 12px + (24 - 12) * ( (100vw - 320px) / 704 ) ) * * Da creare fluid dinamico con 2 step per i calc iniziali = 1920 -> 1024 1024 -> 320 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (max-width: 1921px) { .head_logo { height: calc( var(--head-logo-width) + ( var(--head-logo-max) - var(--head-logo-min) ) * ( (100vw - 320px) / 1600 ) ); } .hamburger_btn { font-size: calc( var(--hamburger-px) + ( var(--hamburger-max) - var(--hamburger-min) ) * ( (100vw - 320px) / 1600 ) ); } .scroll { width: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 320px) / 1600 ) ); height: calc( var(--scroll-px) + ( var(--scroll-max) - var(--scroll-min) ) * ( (100vw - 320px) / 1600 ) ); } .foot_logo { width: calc( var(--foot-logo-width) + ( var(--foot-logo-max) - var(--foot-logo-min) ) * ( (100vw - 320px) / 1600 ) ); } .back_top { width: calc( var(--back-top-px) + ( var(--back-top-max) - var(--back-top-min) ) * ( (100vw - 320px) / 1600 ) ); } } @media screen and (min-width: 420px) { #ajax_container { grid-template-columns: 1fr 1fr; grid-gap: 2em 1em; } #s2_shop #ajax_container > ul { grid-template-columns: 1fr 1fr; grid-gap: 2em 1em; } } /** * * █▄ ▄█ ▄▀▀▄ █▀▀▄ ▀ █ █▀▀ * █ █ █ █ █ █▀▀█ █ █ ▄ █▀▀ * ▀ ▀ ▀▀ ▀▀▀ ▀ ▀▀▀▀ ▀▀▀ - MOBILE PORT | 480 -> 767 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 481px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Nav Menu */ .menu-menu-container a { font-size: 150%; } /* Darkmode Switch */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Sec Newsletter */ .sec_news .content p { margin-top: .5em; } /* Sec Categories */ .sec_categories ul { grid-gap: 1em; } .sec_categories li { width: auto; } .sec_featured .card, .sec_latest .card { padding: 0; } /* Card Product */ .card .brand { padding: 1em 1.25em; height: 3em; } .card_content { width: calc(100% - 2em); padding: 1.25em 1em; } .card_content h2 { font-size: 125%; } .wishlist_btn .yith-wcwl-add-to-wishlist { width: 3em; height: 3em; } .wishlist_btn .yith-wcwl-add-to-wishlist::after { width: 1.25em; height: 1.25em; background-size: 1.25em; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ .foot_block:nth-of-type(1) { width: 100%; margin-bottom: 2em; } .info_blocks { grid-template-columns: 1fr 1fr; } .info_block { display: block; text-align: center; } .info_block svg { width: 6em; } .info_block:nth-of-type(even) { text-align: center; } .info_block .content, .info_block:nth-of-type(odd) .content { padding: 1em 0 0 0; } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template System */ .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { width: auto; margin-bottom: 0; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 2 */ #ajax_container { grid-template-columns: 1fr 1fr; } #s2_shop #ajax_container > ul { grid-template-columns: 1fr 1fr; } /* Taxonomy */ #s1_category .s1_title { align-items: center; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ .single_content button.single_add_to_cart_button[type="submit"] { width: 100%; } } /** * * ▀▀█▀▀ ▄▀▀▄ █▀▀▄ █ █▀▀ ▀▀█▀▀ * █ █▀▀█ █▀▀█ █ ▄ █▀▀ █ * ▀ ▀ ▀ ▀▀▀ ▀▀▀▀ ▀▀▀ ▀ - TABLET | 768 -> 1280 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 768px) { .frame { display: block; position: fixed; background-color: var(--white); z-index: 3; transition: .25s ease; } .frame-l { top: 0; left: 0; width: var(--frame); height: 100%; } .frame-r { top: 0; right: 0; width: var(--frame); height: 100%; } .frame-b { bottom: 0; left: 0; width: 100%; height: var(--frame); } main { padding-left: var(--frame); padding-right: var(--frame); } /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ header { box-shadow: none; } header.opened .head_wrapper { background-color: transparent; border: none; } /* Logo */ .head_logo { filter: drop-shadow(1px 1px 2px var(--white)); } .hamburger_btn.tapped { background-color: var(--white); border: 1px solid var(--black); border-radius: 20em; } /* Nav Menu */ .menu_container { transition: .25s ease-in-out; } .menu_block { width: 50%; z-index: 1; transform: translateX(0); transition: .25s ease-in-out .375s; } .menu_container.opened .menu_block { transform: translateX(-100%); } .menu_left { display: block; overflow: hidden; } .menu_left .bkg_thumb { display: block; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1); will-change: transform; } .menu_container.opened .menu_left .bkg_thumb { animation: menu_show 40s infinite; } @keyframes menu_show { 0% { transform: translate(-50%,-50%) scale(1); } 20% { transform: translate(-45%,-45%) scale(1.125); } 40% { transform: translate(-52.5%,-47.5%) scale(1.0625); } 60% { transform: translate(-45%,-55%) scale(1.25); } 80% { transform: translate(-52.5%,-52.5%) scale(1.0625); } 100% { transform: translate(-50%,-50%) scale(1); } } .main_nav { display: flex; flex-direction: column; align-items: center; overflow: hidden; z-index: 2; transform: translateX(0); } .menu_container.opened .main_nav { box-shadow: 0 0 1em rgb(30,30,30,.25); } .main_nav::before { display: block; content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: var(--pink); transition: .25s ease-in-out .375s; } .main_nav_wrapper { overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; } .main_nav_wrapper::-webkit-scrollbar { display: none; } .menu_container.opened .main_nav::before { transform: translateX(100%); } .menu-menu-container { width: 100%; border-top: 1px solid rgba(var(--black-rgb),.125); overflow-y: hidden; } .menu-menu-container .menu { max-height: 100%; overflow: hidden; } .menu-menu-container li { transition: .5s ease .375s !important; } .menu-menu-container li.current-menu-item { background-color: transparent; } .menu-menu-container li#menu-item-148 a, .menu-menu-container li#menu-item-57 a, .menu-menu-container li#menu-item-147 a { background-color: transparent; } .menu-menu-container li#menu-item-148 a:hover, .menu-menu-container li#menu-item-57 a:hover, .menu-menu-container li#menu-item-147 a:hover, .menu-menu-container li#menu-item-148 a:focus, .menu-menu-container li#menu-item-57 a:focus, .menu-menu-container li#menu-item-147 a:focus, .menu-menu-container li#menu-item-148 a:active, .menu-menu-container li#menu-item-57 a:active, .menu-menu-container li#menu-item-147 a:active { background-color: var(--pink); } .menu-menu-container li#menu-item-148 { margin-top: 1.5em; } .menu-menu-container a { font-size: 125%; padding: .5em 1.5em; } .menu-menu-container a:hover, .menu-menu-container a:focus, .menu-menu-container a:active { font-weight: 700; letter-spacing: .05em; } .main_nav .social { display: block; margin-top: 1.5em; padding: calc(var(--frame) - .5em) 1.5em; transform: translateX(-200%); transition: .5s ease .375s; } .menu_container.opened .main_nav .social { transform: translateX(0); } .main_nav .social label { padding: 0 1em .5em .25em; font-size: 85%; line-height: 1; font-weight: 600; text-transform: uppercase; } .main_nav .social .flex-l { grid-gap: .25em; } .main_nav .social a { padding: .25em; border-radius: 4em; } .main_nav .social a:hover, .main_nav .social a:active, .main_nav .social a:focus { transform: scale(1.05); background-color: var(--pink); filter: drop-shadow(0 0 .1em rgba(var(--black-rgb),.25)); } .main_nav .social a svg { width: 2em; } .main_nav .social a:nth-of-type(1) svg .st0 { fill: none; } /* Mobile UI */ .mobile_search { bottom: calc(var(--frame) + .25em); left: calc(var(--frame) + .25em); } .mobile_chat { bottom: calc(var(--frame) + .25em); right: calc(var(--frame) + .25em); } /* Darkmode Switch */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Cards */ .card .wishlist_btn { right: 1em; } .card_wrapper { padding: 0; } /* Sec Newsletter */ .sec_news .wrapper svg { display: block; margin-right: 1em; } .sec_news .content { text-align: left; } .sec_news div.wpforms-container-full form { display: flex; align-items: flex-start; justify-content: flex-start; } .sec_news .wpforms-field-container{ display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; width: calc((100% / 3) * 2); } .sec_news div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-name { width: 50%; padding-right: .25em; } .sec_news div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-email { width: 50%; padding-left: .25em; } .sec_news div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox { margin-bottom: 0; } .sec_news div.wpforms-container-full .wpforms-form .wpforms-submit-container { width: calc(100% / 3); padding-left: .5em; } .sec_news div.wpforms-container-full .wpforms-form .wpforms-submit-container { width: calc(100% / 3); padding-left: 0.5em; } .sec_news div.wpforms-container-full .wpforms-form button[type=submit] { font-size: 1em; padding: .8375em 1.5em; } /* Sec Categories */ .sec_categories .container { padding-left: 5%; padding-right: 5%; } .sec_categories .h2 br { display: none; } .slider_cat_wrapper .swiper-slide a { padding: 1.25em .5em .75em .5em; } .xoo-wsc-container, .xoo-wsc-slider { max-width: 520px; right: -520px; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ footer { padding-bottom: var(--frame); } /* Info */ .info_block:nth-of-type(1) { padding: 0 2em 2em 0; } .info_block:nth-of-type(2) { padding: 0 0 2em 2em; } .info_block:nth-of-type(3) { padding: 2em 2em 0 0; } .info_block:nth-of-type(4) { padding: 2em 0 0 2em; } /* Content */ .foot_title { display: none; } .foot_block_content { border: none; } .foot_blocks { padding-bottom: 5em; } .foot_block { width: auto; text-align: left; } .foot_block:nth-of-type(1) { margin-bottom: 10%; } .foot_block_content h4 { padding: 0 0 1em 0; background: none; cursor: initial; } .block_wrapper { display: block; padding-bottom: 0; } .foot_block_content hr { background-color: rgba(var(--black-rgb),.25); display: none; } .paypal_banner { margin: .5em 0 0 0; } .credits_mobile { width: 100%; margin-top: 10%; } .credits_mobile br { display: none; } .credits .resp_sep { display: inline-block; } /* Back Top */ .back_top { bottom: calc(.25em + var(--frame)); transform: translateX(-50%) scale(1) !important; z-index: 3; } .back_top img { opacity: 1; } /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ #s1_home .s1_title h1 { font-size: calc(var(--h1-size) * 1.5); } #s1_home .s1_title p.h3 { font-size: calc(var(--h3-size) * 1.25); } #s1_home .s1_title p.h2 { font-size: calc(var(--h2-size) * 1.5); } /* Slider Cat */ .slider_cat_wrapper { padding: 0; z-index: 3; } /* Sec 2 */ .featured_slider.swiper-container { padding: 1em 7.5%; } /* Sec Outlet */ .sec_outlet .wrapper { padding: 1em 1em; } .sec_outlet .focus { padding: calc(20% * var(--vert-ratio)) 0; overflow: hidden; } .sec_outlet .sized { display: block; } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Whishlist */ .wishlist_table { display: table; width: 100%; } .wishlist_table.mobile li { margin-bottom: 0; padding: 2em 1.5em 2em 0; border-bottom: none; background-color: var(--white); border-top: 1px solid var(--black); } .wishlist_table.mobile li .item-wrapper .product-thumbnail { top: 2em; left: 0em; } .wishlist_table.mobile li:nth-of-type(even){ padding: 2em 0 2em 1.5em; border-left: 1px solid var(--black); } .wishlist_table.mobile li:nth-of-type(even) .item-wrapper .product-thumbnail { left: 1.5em; } .wishlist_table.mobile li:first-child { padding-top: 0; border-top: 0; } .wishlist_table.mobile li:nth-of-type(2) { padding-top: 0; border-top: 0; } .wishlist_table.mobile li:first-child .item-wrapper .product-thumbnail, .wishlist_table.mobile li:nth-of-type(2) .item-wrapper .product-thumbnail { top: 0; } .woocommerce table.wishlist_table td { text-align: left; } .woocommerce table.wishlist_table td.product-add-to-cart a { display: inline-block !important; float: none; margin: 0 !important; padding: .5em 1.5em !important; font-size: 100%; line-height: 1.25; border-color: var(--white); } /* Template Chi Siamo */ .sec_chi_siamo .content { padding-right: 5%; } .sec_chi_siamo:nth-of-type(odd) .container { flex-direction: row-reverse; } .sec_chi_siamo:nth-of-type(odd) .content { padding: 0 0 0 5%; } .img_block { margin-top: 0em; } /* Template Lavora con noi */ #s2_lavora .wpforms-container-full { padding: 2em; } #s2_lavora .wpforms-field-label { text-align: left; } #s2_lavora ul li { justify-content: flex-start; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ #s1_shop .container, #s1_category .container { margin: .5em 0 1em 0; padding-top: 2em; } /* Archive Negozi */ #s2_negozi .card { padding: 2.5em 0; border-bottom: 1px solid rgba(var(--black-rgb),.25); } #s2_negozi .card:nth-of-type(1) { padding-top: 0em; } #s2_negozi .card:nth-of-type(even) .rel.flex-wrap { flex-direction: row-reverse; } /* Card Shop */ .card_shop h2::after { display: none; } .card_shop .card_info { display: block; } .card_shop .card_img.card_img_mobile { display: none; } .card_shop .card_img { display: block; margin-top: 0; padding-bottom: 45%; } /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ .s1_single { overflow: unset; } .single_content { position: sticky; top: 0; padding-top: 2em; padding-right: 0; } .single_img { position: sticky; top: 0; margin-bottom: -4em; } .single_img .woocommerce-product-gallery__image a img { width: 100%; } .flex-control-nav { position: sticky; bottom: calc(var(--frame) + 1em); margin: 0; transform: none; } .flex-control-nav li { max-width: 4em; cursor: pointer; transition: .25s ease; } .flex-control-nav li img { transition: .25s ease; } .flex-control-nav li:hover img, .flex-control-nav li:active img, .flex-control-nav li:focus img { filter: grayscale(0) brightness(1.125); } .sec_related .container::before { right: 25%; } } @media screen and (min-width: 769px) { /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Back Top */ .back_top { display: none; position: fixed; bottom: .5em; right: .5em; padding: .25em; --back-top-px: 40px; --back-top-min: 40; --back-top-max: 60; max-width: 60px; bottom: .25em; padding: 0 1em; width: auto; height: calc(var(--frame) - .5em); opacity: 1; z-index: 3; } .back_top img { width: 100%; height: 100%; object-fit: contain; } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template System */ .woocommerce table.shop_table th, .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding: .375em .5em; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { display: table-cell; padding: .375em .5em; } .woocommerce table.my_account_orders .button { margin-bottom: .25em; text-align: center; } .woocommerce table.my_account_orders .button:last-of-type { margin-bottom: 0; } .woocommerce-MyAccount-content header h3 { font-size: 175%; } .woocommerce .col2-set, .woocommerce-page .col2-set { align-items: flex-start; flex-wrap: nowrap; grid-gap: 0; padding-top: 2em; margin-bottom: 2em; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: none; width: 100%; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 { border-color: rgba(var(--black-rgb),.25); border-right: 1px solid rgba(var(--black-rgb),.25); } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { padding-right: 2em; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { padding-left: 2em; border-right: 0; } /* Cart */ .woocommerce table.shop_table_responsive tr:nth-child(2n) td.product-thumbnail, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td.product-thumbnail { display: block; } .woocommerce table.shop_table_responsive tr td.product-thumbnail, .woocommerce-page table.shop_table_responsive tr td.product-thumbnail { width: 6em; padding: .375em; } .woocommerce table.shop_table_responsive tr td a, .woocommerce-page table.shop_table_responsive tr td a, .woocommerce table.shop_table_responsive tr td span, .woocommerce-page table.shop_table_responsive tr td span { padding: 0; } .woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img { width: 100%; height: 100%; object-fit: cover; } .woocommerce table.shop_table_responsive tr td a.remove, .woocommerce-page table.shop_table_responsive tr td a.remove { padding: .5rem; font-size: 0; } .woocommerce table.shop_table_responsive tr td.product-remove a::after, .woocommerce-page table.shop_table_responsive tr td.product-remove a::after { position: relative; top: auto; right: auto; width: 1rem; height: 1rem; transform: none; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: auto; padding-right: .5em; } } /** * * Stylesheet: Desktop Stylsheet * This is the desktop size. * It's larger than an iPad so it will only be seen on the Desktop. * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1024px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Content */ .head_link { margin: 0 .25em; } .head_src_btn { z-index: 1; } .head_search { display: none; margin-right: .25em; overflow: hidden; } .head_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier { display: none; } .head_search .dgwt-wcas-search-wrapp.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input { padding: .375em 0; font-size: 100%; background: transparent; border: none; border-bottom: 1px solid var(--black); border-radius: 0; } .head_link.head_src_btn { display: block; } .dgwt-wcas-suggestions-wrapp { width: auto !important; } /* Hamburger */ #hamburger_mobile { display: none; } #hamburger_desktop { display: block; } .hamburger_btn.tapped { background-color: transparent; border: none; border-radius: 0; } .hamburger:hover span { height: 3px; } .hamburger_btn.tapped span { height: 3px; } /* Nav Menu */ .menu-menu-container a { line-height: 1.25; } /* Mobile UI */ .mobile_search, .mobile_chat { display: none; } /* Darkmode Switch */ /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ #s1_home .s1_title p.script { font-size: 7.5vw; } } @media screen and (min-width: 1025px) { /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Darkmode Switch */ .theme-switch-wrapper { display: none; margin-right: 1em; } /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Sec Newsletter */ .sec_news .container { padding-top: 1.5em; } .sec_news .wrapper { align-items: flex-start; padding-right: 5%; } .sec_news .wrapper svg { display: block; margin-right: 1em; } .sec_news .content { text-align: left; } /* Sec Categories */ .full_img { min-height: 100vh; } .xoo-wsc-container, .xoo-wsc-slider { max-width: 620px; right: -620px; } .xoo-wsc-img-col { width: 20%; } .xoo-wsc-sum-col { width: 80%; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ footer { padding-bottom: var(--frame); } /* Info */ .info_blocks { grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1.5em; } .info_block:nth-of-type(1), .info_block:nth-of-type(2), .info_block:nth-of-type(3), .info_block:nth-of-type(4) { padding: 0; border: none; } .info_block .content, .info_block:nth-of-type(odd) .content { padding-top: 1.25em; } /* Content */ .foot_block:nth-of-type(1) { margin-bottom: 7.5%; } .foot_block .social a img { width: 2.75em; } .credits { font-size: 75%; } .credits_mobile { margin-top: 7.5%; } .credits a:hover, .credits a:active, .credits a:focus { opacity: 1; color: var(--color); } #credits_studio:hover { color: #e74e0f; } /*∞∞∞∞∞∞ HOME ∞∞∞∞∞∞*/ /* #s1_home .container { justify-content: flex-start; } #s1_home .s1_title { width: 50%; } */ #s1_home .s1_title h1 { font-size: calc(var(--h1-size) * 1.25); } #s1_home .s1_title p.h3 { font-size: calc(var(--h3-size) * 1); } #s1_home .s1_title p.h2 { font-size: calc(var(--h2-size) * 1.25); } /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ .s1_page .container { justify-content: flex-start; } .s1_page .s1_title { text-align: left; } .s1_page .breadcrumb { justify-content: flex-start; } /* Template Lavora con noi */ #s1_lavora .breadcrumb { justify-content: center; } #s1_lavora .s1_title { text-align: center; } .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-size: 100%; } #s2_lavora .wpforms-container-full { padding: 2.5em 5%; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ #s1_shop .s1_title, #s1_category .s1_title { padding-right: 0em; } /* Sec 2 */ .filters_btn { display: none; } .filters { display: block; box-shadow: none; padding-top: 1em; padding-bottom: 1em; } .filters .searchandfilter ul li { width: calc(25% - .375em); } #ajax_container { grid-template-columns: 1fr 1fr 1fr; grid-gap: 2em; } #s2_shop #ajax_container > ul { grid-template-columns: 1fr 1fr 1fr; grid-gap: 2em; } /* Sec Latest */ .sec_latest .container { padding-left: 0; padding-right: 0; } .sec_latest .wrapper { margin: 0; padding-right: 5%; text-align: right; } .sec_latest .slider_prev { display: none; } /* Archive Negozi */ #s2_negozi .grid { grid-template-columns: 1fr 1fr; } #s2_negozi .card {} #s2_negozi .card:last-of-type { border-bottom: none; } #s2_negozi .card:nth-of-type(2) { padding-top: 0; } #s2_negozi .card:nth-of-type(odd) { padding-right: 2.5em; border-right: 1px solid rgba(var(--black-rgb),.25); } #s2_negozi .card:nth-of-type(even) { padding-left: 2.5em; } } /** * * █ ▄▀▀▄ █▀▀▄ ▀█▀ ▄▀▀▄ █▀▀▄ * █ ▄ █▀▀█ █ █ █ █ █ █ █ * ▀▀▀▀ ▀ ▀ █▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1281 -> 1366 * * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1281px) { p, .p { font-weight: 300; } h2, .h2 { font-weight: 100; } h4, .h4 { font-weight: 300; } /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Head Content */ .head_link svg { transition: .25s ease; } .head_link:hover svg, .head_link:focus svg { transform: scale(1.125); } .head_link:active svg { transform: scale(1); } .open_menu { display: flex; grid-gap: .25em; } .open_menu.shrink .head_link { font-size: 85%; } .open_menu .head_link { width: auto; padding: .5em .75em; margin: 0; text-transform: uppercase; color: var(--black); background: linear-gradient(currentColor 0 0) var(--d, 0) 0, linear-gradient(currentColor 0 0) 0 var(--d, 0), linear-gradient(currentColor 0 0) var(--p, 100%) 100%, linear-gradient(currentColor 0 0) 100% var(--p, 100%); background-size: var(--d, 0) 1px, 1px var(--d, 0); background-repeat: no-repeat; background-color: transparent; overflow: hidden; transition: .375s, background-position 0s .375s; will-change: font-size; } .open_menu .head_link.head_link_extra { display: none; } .open_menu .head_link:hover, .open_menu .head_link:focus, .open_menu .head_link:active { --d: 100%; --p: 0%; color: #1e1e1e; } .open_menu.shrink .head_link { font-size: 75%; opacity: .5; } .hamburger:hover .top_bun, .hamburger:focus .top_bun, .hamburger:active .top_bun { top: .125em; } .hamburger:hover .burger, .hamburger:focus .burger, .hamburger:active .burger { width: 1.25em; opacity: 1; } .hamburger:hover .bottom_bun, .hamburger:focus .bottom_bun, .hamburger:active .bottom_bun { bottom: .125em; } .tapped .hamburger--naheva .burger { width: 0; opacity: 0; } .tapped .hamburger--naheva .top_bun { top: 0; } .tapped .hamburger--naheva .bottom_bun { bottom: 0; } /* Darkmode Switch */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Sections 1 */ .s1_title p { font-weight: 400; letter-spacing: .375em; } .s1_title .scroll p { font-weight: 500; letter-spacing: 0; } /* Cards */ .wishlist_btn .yith-wcwl-add-to-wishlist:hover, .wishlist_btn .yith-wcwl-add-to-wishlist:focus, .wishlist_btn .yith-wcwl-add-to-wishlist:active { filter: drop-shadow(0 0 .25em rgba(30,30,30,.25)); } .wishlist_btn .yith-wcwl-add-to-wishlist:hover::after, .wishlist_btn .yith-wcwl-add-to-wishlist:focus::after { animation: wishing .5s infinite alternate; } @keyframes wishing { 0% { transform: translate(-50%,-45%) scale(1); } 100% { transform: translate(-50%,-45%) scale(1.125); } } .wishlist_btn .yith-wcwl-add-to-wishlist.exists:hover::after, .wishlist_btn .yith-wcwl-add-to-wishlist.exists:focus::after { animation: none; } .card_content h2 { font-size: 112.5%; } .card_content .price { font-size: 100%; } /* Sec Newsletter */ .sec_news .container { padding: 1.5em calc(2.5% * var(--oriz-ratio)); } .sec_news .wrapper { margin-bottom: 0em; } .sec_news div.wpforms-container-full .wpforms-form input[type="text"], .sec_news div.wpforms-container-full .wpforms-form input[type="email"] { padding: .5em .75em; } .sec_news div.wpforms-container-full .wpforms-form .wpforms-field { margin-bottom: 0.5em; } .sec_news div.wpforms-container-full .wpforms-form input[type=checkbox] { width: 1.25em; height: 1.25em; margin-right: .5em; } .sec_news div.wpforms-container-full .wpforms-form button[type=submit] { padding: .6075em 1em; } /* Sec Categories */ .sec_categories ul { grid-gap: 0.5em; justify-content: space-between; } .sec_categories li:hover .circle, .sec_categories li:focus .circle { transform: scale(1.1); background-color: var(--pink); } .sec_categories li:active .circle { transform: scale(1); } .sec_categories li h3 { transition: .25s ease; } .sec_categories li:hover h3, .sec_categories li:focus h3, .sec_categories li:active h3 { font-weight: 700; letter-spacing: .05em; } #full_img_desktop { display: block; } #full_img_mobile { display: none; } /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ .info_block .content, .info_block:nth-of-type(odd) .content { padding-top: 1.5em; } /* Content */ .foot_block:nth-of-type(1) { width: 30%; margin: 0; } .foot_logo { margin: 0; } .foot_block .social { justify-content: flex-start; } .foot_block .credits { display: block; } .credits_mobile { display: none; } .foot_block p, .foot_block ul { text-align: left; } /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Slider Cat */ .slider_cat.swiper { width: 100%; padding: 0 calc(5% * var(--oriz-ratio)); } .slider_cat .swiper-wrapper { display: flex; align-items: flex-start; justify-content: space-between; gap: .5em; } .slider_cat .swiper-slide { width: auto; } /* Sec 2 */ .slider_nav { width: 5em; } .slider_prev:hover { border-color: var(--black); transform: translate(12.5%, -50%) scale(1.25); } .slider_next:hover { border-color: var(--black); transform: translate(-12.5%, -50%) scale(1.25); } /* Sec Outlet */ .sec_outlet { margin-bottom: 3em; } .sec_outlet h2 { font-size: calc( var(--h2-size) * 1.375 ); font-weight: 100; } /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ .archive_page .sec_news { display: block; } .filters .searchandfilter ul li.sf-field-reset { width: auto; } } /** * * █▀▀▄ █▀▀ ▄▀▀ █ ▄▀ ▀█▀ ▄▀▀▄ █▀▀▄ * █ █ █▀▀ ▀▄ █▀▄ █ █ █ █ █ * ▀▀▀ ▀▀▀ ▀▀ ▀ ▀▀ ▀ ▀▀ █▀▀ - LAPTOP | 1440 -> 1919 * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1367px) { /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 2 */ #ajax_container { grid-template-columns: 1fr 1fr 1fr 1fr; } #s2_shop #ajax_container > ul { grid-template-columns: 1fr 1fr 1fr 1fr; } } /** * * █ █ █▀▀▄ █▀▀ █▀▀▄ * █ █ █▀▀█ █▀▀ █▐█▀ * ▀▀ ▀▀▀ ▀▀▀ ▀ ▀▀ - ÜBER | 1920 -> ... * __________________________________________________________________________________________________________________________________________________________________________ */ @media screen and (min-width: 1921px) { .frame { font-size: 20px; } /*∞∞∞∞∞∞ HEADER ∞∞∞∞∞∞*/ /* Logo */ .head_logo { height: 50px; } /* Head Content */ /* Hamburger */ .hamburger_btn { font-size: 20px; } /* Nav Menu */ /* Mobile UI */ /* Darkmode Switch */ /*∞∞∞∞∞∞ ASSETS ∞∞∞∞∞∞*/ /* Buttons & Links */ /* Sections 1 */ /* Scroll */ .scroll { width: 140px; height: 140px; } /* Cards */ /* Sec Newsletter */ /* Sec Categories */ /* Juicer */ /*∞∞∞∞∞∞ FOOTER ∞∞∞∞∞∞*/ /* Info */ /* Content */ .foot_logo { width: 280px; } /* Back Top */ .back_top { width: 60px; } /*∞∞∞∞∞∞ HOMEPAGE ∞∞∞∞∞∞*/ /* Sec 2 */ /* Sec Outlet */ /*∞∞∞∞∞∞ PAGE ∞∞∞∞∞∞*/ /* Template System */ /* Whishlist */ /* Cart */ /* Conferma Ordine & Social Login */ /* Checkout */ /* Template Chi Siamo */ /* Template Lavora con noi */ /* Template Termini e Condizioni */ /*∞∞∞∞∞∞ ARCHIVE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /* Sec Latest */ /* Taxonomy */ /* Archive Negozi */ /* Card Shop */ /*∞∞∞∞∞∞ SINGLE ∞∞∞∞∞∞*/ /* Sec 1 */ /* Sec 2 */ /*∞∞∞∞∞∞ FORM ∞∞∞∞∞∞*/ /*∞∞∞∞∞∞ EXTRA ∞∞∞∞∞∞*/ }