hr {
color: #c6c6c6;
}
.bg-center {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.img-sticky {
position: sticky !important;
top: 160px !important;
}
.grecaptcha-badge {
display: none !important;
} .splide__arrow:disabled {
display: none;
}
.splide__arrow {
background-color: #FBE6E7 !important;
}
.splide__arrow i {
color: var(--primary-color) !important;
}
.splide__arrow--prev {
left: -50px;
}
.splide__arrow--next {
right: -50px;
}
.splide__pagination__page {
height: 10px;
width: 10px;
background-color: #FBE6E7;
}
.splide__pagination__page.is-active {
background-color: var(--primary-color);
}
.splide__pagination {
bottom: -2.5em;
}
@media screen and (max-width: 768px) {
.splide__arrow--prev {
left: 20px;
}
.splide__arrow--next {
right: 20px;
}
.splide__arrow {
top: 33%;
}
#catalogo-prodotti .splide__arrow,
#sezione-photogallery .splide__arrow {
top: 50%;
}
#sezione-photogallery-thumbnail .splide__arrow {
top: -120%;
}
.splide__pagination {
bottom: -1.5em;
}
} #breadcrumbs {
opacity: 0.5;
}
#breadcrumbs,
#breadcrumbs a {
color: var(--black-color);
font-size: var(--smaller-size);
margin-bottom: 0;
} #form input,
#form textarea {
border-radius: 8px;
border: 1px solid #dedede;
padding: 10px;
}
.gform_required_legend {
display: none;
} .google-maps iframe {
width: 100%;
height: 307px;
border-radius: 20px;
} .spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
background: var(--white-color);
display: flex;
justify-content: center;
align-items: center;
}
.spinner-border {
border: var(--bs-spinner-border-width) solid var(--primary-color);
border-right-color: var(--white-color);
} .irs--round .irs-handle {
top: 30px !important;
width: 15px !important;
height: 15px !important;
border: 3px solid var(--primary-color) !important;
background-color: var(--primary-color) !important;
}
.irs--round .irs-bar {
top: 36px;
height: 4px;
background-color: var(--primary-color) !important;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
font-size: 12px !important;
line-height: 1;
text-shadow: none;
padding: 3px 5px;
background-color: var(--primary-color) !important;
color: white;
border-radius: 4px;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
margin-left: -3px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: var(--primary-color) !important;
}
.irs-from, .irs-to, .irs-single {
top: 6px !important;
}
.woof_reset_search_form {
font-family: var(--font-family) !important;
font-size: 11px !important;
color: var(--white-color) !important;
background-color: var(--primary-color) !important;
padding: 5px 10px !important;
transition: 0.1s ease-in-out !important;
text-transform: uppercase !important;
border: 2.5px solid var(--primary-color) !important;
border-radius: 10px !important;
font-weight: bold !important;
transition: .1s ease-in-out;
}
.woof_reset_search_form:hover {
background-color: transparent !important;
color: var(--primary-color) !important;
border: 2.5px solid var(--primary-color) !important;
}
.irs-min, .irs-max {
display: none !important;
}
.woof_price_filter_txt {
border-radius: 6px !important;
border: 1px solid #dedede !important;
background-color: #ffffff !important;
font-size: 14px !important;
color: var(--black-color) !important;
padding: 5px 7px !important;
}
.woof_price_filter_txt_from:after {
content: '--' !important;
}
.woof_submit_search_form_container {
display: none !important;
}
div.woof_info_popup {
position: fixed;
top: 48%;
left: 48%;
z-index: 10001;
display: none;
overflow: hidden;
padding: 5px 20px !important;
border-radius: 5px;
background-color: var(--primary-color) !important;
color: #fff;
font-size: 14px !important;
box-shadow: unset !important;
} .fade-in {
opacity: 0;
transition: all 2s cubic-bezier(.215, .60, .355, 1);
}
.fade-in.in-page {
opacity: 1;
}
.fade-in-top {
opacity: 0;
transform: translateY(10vh);
transition: all 1s cubic-bezier(.215, .60, .355, 1);
}
.fade-in-top.in-page {
opacity: 1;
transform: translateY(0);
}
.fade-in-top.in-page {
opacity: 1;
transform: translateY(0);
}
.fade-in-left {
opacity: 0;
transform: translateX(-10vw);
transition: all 1s cubic-bezier(.215, .60, .355, 1);
overflow: hidden;
}
.fade-in-left.in-page {
opacity: 1;
transform: translateX(0);
}
.fade-in-right {
opacity: 0;
transform: translateX(10vw);
transition: all 1s cubic-bezier(.215, .60, .355, 1);
overflow: hidden;
}
.fade-in-right.in-page {
opacity: 1;
transform: translateX(0);
}
.transition-delay-0 {
transition-delay: 0ms;
}
.transition-delay-1 {
transition-delay: 100ms;
}
.transition-delay-2 {
transition-delay: 200ms;
}
.transition-delay-3 {
transition-delay: 300ms;
}
.transition-delay-4 {
transition-delay: 400ms;
}
.transition-delay-5 {
transition-delay: 500ms;
}
.transition-delay-6 {
transition-delay: 600ms;
}
.transition-delay-7 {
transition-delay: 700ms;
}
.transition-delay-8 {
transition-delay: 800ms;
}
.transition-delay-9 {
transition-delay: 900ms;
}
.transition-delay-10 {
transition-delay: 1000ms;
}@font-face { 
font-family: 'Rubik';
src: url(//www.colorificio2m.it/wp-content/themes/iimage-boiler/assets/css/fonts/rubik/Rubik-ExtraBold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Rubik';
src: url(//www.colorificio2m.it/wp-content/themes/iimage-boiler/assets/css/fonts/rubik/Rubik-Bold.ttf) format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Rubik';
src: url(//www.colorificio2m.it/wp-content/themes/iimage-boiler/assets/css/fonts/rubik/Rubik-SemiBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Rubik';
src: url(//www.colorificio2m.it/wp-content/themes/iimage-boiler/assets/css/fonts/rubik/Rubik-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} :root {
--primary-color: #e41b13;
--primary-color-2: #FBE6E7;
--grey-color-2: #989898;
--grey-color-3: #f8f8f8;
--white-color: #ffffff;
--black-color: #333333;
--font-family: 'Rubik', sans-serif;
--font-family2: 'Rubik', sans-serif;
--normal-size: 15px;
--small-size: 14px;
--smaller-size: 13px;
}
::selection {
color: #ffffff;
background: var(--primary-color);
}
body {
font-family: var(--font-family) !important;
color: var(--black-color);
font-size: var(--normal-size);
}
p {
line-height: 1.6 !important;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-weight: bold;
}
h1,
.h1 {
font-size: clamp(35px, 3vw, 55px);
}
h2,
.h2 {
font-size: 36px;
}
h3,
.h3 {
font-size: 28px;
}
.label {
font-size: 15px;
font-weight: bold;
color: var(--primary-color);
text-transform: uppercase;
}
a {
color: var(--black-color);
text-decoration: none;
}
a:hover {
color: var(--black-color);
text-decoration: none !important;
} .primary-bg {
background-color: var(--primary-color);
}
.primary-bg-2 {
background-color: var(--primary-color-2);
}
.bg-black {
background-color: var(--black-color) !important;
}
.bg-grey-3 {
background-color: var(--grey-color-3);
} .primary-text {
color: var(--primary-color);
}
.titoletto {
text-transform: uppercase;
font-size: 1rem;
color: var(--primary-color);
}
.black-color {
color: var(--black-color);
} #editor a {
text-decoration: underline;
transition: .1s ease-in-out;
color: var(--primary-color);
}
#editor a:hover {
color: var(--primary-color);
}
#editor p {
line-height: 1.6 !important;
}
#editor ul li p {
margin: 0;
} .primary-button,
#gform_submit_button_1,
#gform_submit_button_3,
#gform_submit_button_4 {
font-family: var(--font-family);
font-size: var(--normal-size);
color: var(--white-color);
background-color: var(--primary-color);
padding: 13px 25px;
transition: 0.1s ease-in-out;
text-transform: uppercase;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
}
.primary-button:hover,
#gform_submit_button_1:hover,
#gform_submit_button_5:hover {
background-color: transparent;
color: var(--primary-color);
border: 2.5px solid var(--primary-color);
}
#gform_submit_button_5 {
width: auto !important;
display: inline-block !important;
font-family: var(--font-family) !important;
font-size: var(--normal-size) !important;
color: var(--white-color) !important;
background-color: var(--primary-color) !important;
padding: 13px 25px !important;
transition: 0.1s ease-in-out !important;
text-transform: uppercase !important;
border: 2.5px solid var(--primary-color) !important;
border-radius: 10px !important;
font-weight: bold !important;
}
#gform_submit_button_5:hover {
background-color: transparent !important;
color: var(--primary-color) !important;
border: 2.5px solid var(--primary-color) !important;
}
.secondary-button {
font-family: var(--font-family);
font-size: var(--normal-size);
color: var(--primary-color);
background-color: #ffffff;
padding: 13px 25px;
transition: 0.1s ease-in-out;
text-transform: uppercase;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
}
.secondary-button:hover {
color: #ffffff;
border-color: var(--primary-color);
background-color: var(--primary-color);
}
.black-button {
font-family: var(--font-family);
font-size: var(--normal-size);
color: var(--white-color);
background-color: #000;
padding: 13px 25px;
transition: 0.1s ease-in-out;
text-transform: uppercase;
border: 2.5px solid #000;
border-radius: 10px;
font-weight: bold;
}
.black-button:hover {
color: #000;
border-color: #000;
background-color: var(--white-color);
}
.btn-product {
font-family: var(--font-family);
font-size: var(--normal-size);
color: #ffffff;
background-color: var(--primary-color);
padding: 10px 25px;
transition: 0.1s ease-in-out;
text-transform: uppercase;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
display: inline-flex;
align-items: center;
}
.btn-product i {
font-size: 23px;
margin-left: 8px;
transition: 0.2s ease-in-out;
}
.btn-product:hover {
color: var(--primary-color);
border-color: var(--primary-color);
}
.btn-product:hover i {
margin-left: 13px;
}
.btn-product-cart {
font-family: var(--font-family);
font-size: var(--normal-size);
color: var(--white-color);
background-color: var(--primary-color);
height: 54px;
width: 60px;
transition: 0.1s ease-in-out;
text-transform: uppercase;
border: 2.5px solid var(--primary-color);
border-radius: 10px;
font-weight: bold;
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn-product-cart:hover {
background-color: #ffffff;
color: var(--primary-color);
border: 2.5px solid var(--primary-color);
}
.btn-product-cart i {
font-size: 25px;
}  #sezione-blog #box-post .box-badge {
bottom: 20px;
left: 20px;
padding: 5px 15px;
border-radius: 8px;
font-size: 14px;
background-color: var(--primary-color-2);
font-weight: bold;
z-index: 1;
text-transform: uppercase;
transition: .2s ease-in-out;
}
#sezione-blog .box-badge:hover {
background-color: var(--primary-color) !important;
color: #ffffff;
}
#promo-novita #box-post .box-badge {
bottom: 20px;
left: 20px;
padding: 5px 15px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
z-index: 1;
text-transform: uppercase;
transition: .2s ease-in-out;
color: #ffffff;
}
.single-box-badge {
padding: 5px 15px;
border-radius: 8px;
font-size: 14px;
font-weight: bold;
z-index: 1;
text-transform: uppercase;
transition: .2s ease-in-out;
color: #ffffff;
}
#promo-novita #box-post .box-badge.green,
.single-box-badge.green {
background-color: #09D63D;
}
#promo-novita #box-post .box-badge.blue,
.single-box-badge.blue {
background-color: #098CD6;
} #box-post-product .cont-product-badge {
top: 10px;
left: 10px;
}
#box-post-product .box-badge {
padding: 5px 13px;
margin-right: 5px;
border-radius: 6px;
font-size: 12px;
font-weight: bold;
z-index: 1;
text-transform: uppercase;
transition: .2s ease-in-out;
color: #ffffff;
}
#box-post-product .box-badge.green {
background-color: #09D63D;
}
#box-post-product .box-badge.blue {
background-color: #098CD6;
} .tab-badge {
display: inline-block;
padding: 1px 8px;
border-radius: 6px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
transition: .2s ease-in-out;
color: #ffffff;
}
.tab-badge.green {
background-color: #09D63D;
}
.tab-badge.blue {
background-color: #098CD6;
}#topbar i {
transition: 0.1s ease-in-out;
color: var(--grey-color-2) !important;
}
#topbar a {
transition: 0.1s ease-in-out;
font-size: var(--smaller-size);
color: var(--grey-color-2) !important;
}
#topbar a:hover,
#topbar i:hover {
color: var(--grey-color-2);
opacity: 0.5;
}
#topbar .topbar-menu li a {
text-decoration: none;
font-size: var(--smaller-size);
color: #ffffff !important;
font-weight: normal;
}
#topbar .topbar-menu li {
padding: 0 10px;
}
#topbar .topbar-menu li:first-child {
padding-left: 0;
}
#topbar .topbar-menu li:last-child {
padding-right: 0;
}
#topbar .menu-item-has-children a:after {
content: "\f078";
font-family: "Font Awesome 6 Pro";
margin-left: 0.3rem;
transition: 0.3s ease-in-out;
position: relative;
font-size: 8px;
bottom: 2px;
color: #ffffff;
}
#topbar .menu-item-has-children {
position: relative;
cursor: pointer;
}
#topbar .menu-item-has-children .sub-menu {
visibility: hidden;
opacity: 0;
transition: .1s ease-in-out;
position: absolute;
z-index: 10000;
min-width: 270px;
top: 30px;
left: 0;
padding: 0;
background-color: var(--black-color);
list-style-type: none;
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
#topbar .menu-item-has-children .sub-menu {
min-width: 150px;
}
}
#topbar .menu-item-has-children:hover .sub-menu {
transform: translateY(-5px);
opacity: 1;
visibility: visible;
}
#topbar .menu-item-has-children .sub-menu li {
padding: 0;
}
#topbar .menu-item-has-children .sub-menu li a {
color: #ffffff;
padding: 6px 10px;
display: block;
}
#topbar .sub-menu li a:after {
content: '' !important;
} #header {
z-index: 999;
transition: 0.3s ease-in-out;
}
.logo-desktop {
width: 90px;
}
#menuDesktop {
transition: 0.3s ease-in-out;
}
#menu-menu-principale {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin-bottom: 0;
}
#menu-menu-principale .menu-item {
margin: 0 7px;
}
#menu-menu-principale .menu-item a {
font-weight: bold;
font-family: var(--font-family);
font-size: var(--normal-size);
text-transform: uppercase;
}
#menu-menu-principale .menu-item {
position: relative;
}
#menu-menu-principale .menu-item .sub-menu a {
font-size: var(--smaller-size);
font-weight: normal;
}
#menu-menu-principale .menu-item-has-children a:after {
content: "\f078";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
margin-left: 0.3rem;
transition: 0.3s ease-in-out;
position: relative;
font-size: 10px;
bottom: 2px;
color: var(--black-color);
}
#menu-menu-principale .menu-item-has-children:hover a:after {
content: "\f077";
}
#menu-menu-principale .sub-menu {
list-style: none;
opacity: 0;
visibility: hidden;
transform: translateY(-1rem);
transition: 0.3 ease-in-out;
position: absolute;
padding: 0;
left: 0;
min-width: 270px;
top: 33px;
transform: translateY(1rem);
transition: 0.3s ease-in-out;
box-shadow: 0 0 20px 0px rgba(33, 49, 89, 0.08);
}
#menu-menu-principale .sub-menu {
background-color: #ffffff;
}
#menu-menu-principale .sub-menu li {
margin: 0;
}
#menu-menu-principale .sub-menu li a {
padding: 8px 1rem;
transition: 0.1s ease-in-out;
color: var(--black-color);
display: block;
text-transform: none;
font-weight: var(--smaller-size);
border-bottom: 1px solid var(--light-color);
}
#menu-menu-principale .sub-menu li:last-child a {
border-bottom: none;
}
#menu-menu-principale .sub-menu li a:after {
content: '' !important;
}
#menu-menu-principale .sub-menu li a:hover {
color: var(--white-color);
background-color: var(--primary-color)
}
#menu-menu-principale .menu-item:hover .sub-menu {
transform: translateY(-5px);
opacity: 1;
visibility: visible;
}
#header .in-home {
background-color: transparent;
}
#header .in-home::after {
bottom: 1px;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
content: '';
width: calc(100% - 48px);
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
#header .in-home #menu-menu-principale .menu-item a {
color: white;
;
}
#header .in-home #menu-menu-principale .menu-item-has-children a:after {
color: var(--white-color);
}
#header .in-home #menu-menu-principale .sub-menu li a {
color: var(--black-color);
}
#header .in-home #menu-menu-principale .sub-menu li a:hover {
color: var(--white-color);
}
#header .in-home .black-text {
color: white;
}
.logo-container {
min-height: 69px;
width: 200px;
display: flex;
justify-content: center;
align-items: center;
}
#logoWhite {
top: 50%;
transform: translateY(-50%);
}
.menu-icon {
display: flex;
}
.menu-icon i {
font-size: 23px;
}
.cart-contents {
cursor: pointer;
}
.cart-count {
top: -8px;
right: -7px;
height: 15px;
width: 15px;
border-radius: 50px;
background-color: var(--primary-color);
color: #ffffff;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
} #menu-mobile {
height: 80px;
width: 100%;
z-index: 10000;
background-color: #ffffff;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#menu-mobile img {
height: 100%;
}
#menu-mobile a img {
height: 100%;
}
#menu-mobile .hamburger {
position: relative;
transition: transform 0.3s;
width: 35px;
height: 23px;
}
#menu-mobile .hamburger__line {
height: 4px;
width: 100%;
border-radius: 3px;
background-color: var(--black-color);
transition: 0.2s;
position: absolute;
z-index: 100000;
}
#menu-mobile .hamburger__line:nth-child(1) {
top: 0;
left: 0;
}
#menu-mobile .hamburger__line:nth-child(2) {
top: 50%;
left: 0;
transform: translateY(-50%);
}
#menu-mobile .hamburger__line:nth-child(3) {
bottom: 0;
left: 0;
}
#menu-mobile .opened .hamburger__line:nth-child(1) {
transform: rotate(45deg);
top: 50%;
}
#menu-mobile .opened .hamburger__line:nth-child(2) {
opacity: 0;
}
#menu-mobile .opened .hamburger__line:nth-child(3) {
transform: rotate(-45deg);
top: 50%
}
#menu-mobile .mobile-menu {
display: none;
position: fixed;
top: 79px;
left: 0;
height: calc(100% - 80px);
width: 100%;
background-color: var(--white-color);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
padding: 30px 0;
list-style-type: none;
z-index: 1000000000000;
}
#menu-mobile .open {
left: 0 !important;
}
#menu-mobile .mobile-menu li {
padding: 9px 15px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
#menu-mobile .mobile-menu li:last-child {
border-bottom: none !important;
}
#menu-mobile .mobile-menu li a {
text-decoration: none;
color: var(--third-color);
font-weight: bold;
height: 100%;
padding: 0 12px;
text-transform: uppercase;
}
#menu-mobile .menu-item-has-children:after {
display: none;
}
#menu-mobile .mobile-menu li ul { background-color: var(--white-color);
position: fixed;
z-index: 1000000;
margin: 0;
padding: 20px 0 30px 56px;
top: 80px;
left: 100%;
width: 100%;
transition: 0.2s ease-in-out;
height: calc(100vh - 80px);
overflow: auto;
}
#menu-mobile .go-back {
color: var(--primary-color);
position: absolute;
z-index: 100000000;
top: 0;
left: 100%;
width: 55px;
height: calc(100vh - 80px);
background-color: #fbe6e7;
display: flex;
align-items: center;
justify-content: center;
border: none !important;
font-size: 25px;
transition: 0.2s ease-in-out;
}
#menu-mobile .fixed {
position: fixed !important;
}
#menu-mobile .openMenu {
left: 0 !important;
}
#menu-mobile .sub-menu-arrow {
padding: 3px 6px;
background-color: transparent !important;
border: none !important;
color: var(--primary-color);
}    #buttonSearch {
background-color: unset;
border: unset;
padding: 0;
border-radius: 50px;
background-color: transparent;
display: flex;
align-items: center;
justify-content: center;
background-color: transparent;
transition: 0.1s ease-in-out;
}
#buttonSearch.clicked {
background-color: var(--dark);
}
#buttonSearch.clicked i {
color: #ffffff;
}
#buttonSearch i {
font-size: 28px;
color: var(--black-color) !important;
}
#searchBar {
display: none;
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: auto;
background-color: var(--primary-color);
}
#searchBar.open {
display: block !important;
}
#searchBar input {
width: 100%;
padding: 10px 20px;
border: 1px solid #d9d9d9;
border-radius: 50px;
background-color: #ffffff;
}
#searchBar #searchsubmit {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #000;
border: none;
background-color: transparent;
font-size: 20px;
}
#searchBar #searchformClose {
position: absolute;
right: -35px;
top: 50%;
transform: translateY(-50%);
height: 30px;
width: 30px;
background-color: #000;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #ffffff;
cursor: pointer;
line-height: auto;
} #mini-cart {
width: 23vw;
min-width: 400px;
height: 100%;
position: fixed;
right: -800px;
top: 0;
background-color: #ffffff;
transition: .3s ease-in-out;
}
#mini-cart.opened {
right: 0;
}
.mini-cart-header i {
font-size: 30px;
}
.mini-cart-close {
cursor: pointer;
}
.mini-cart-item-image img {
border-radius: 10px;
float: right;
margin-left: 4px;
width: 115px !important;
height: auto;
box-shadow: none;
}
.mini-cart-content {
height: 93%;
}
.mini-cart-content i {
display: block;
font-size: 22.5px !important;
height: unset !important;
width: unset !important;
text-align: center;
line-height: unset !important;
color: #989898 !important;
text-decoration: none;
font-weight: normal !important;
border: 0;
}
@media screen and (max-width: 768px) {
#mini-cart {
width: 100vw;
min-width: 375px;
height: 92%;
position: fixed;
right: -900px;
top: 80px;
z-index: 10000000;
background-color: #ffffff;
transition: .3s ease-in-out;
}
} .whatsapp-widget {
position: fixed;
bottom: 10px;
right: 10px;
height: 60px;
width: 60px;
border-radius: 50px;
background-color: #25D366;
transition: .1s ease-in-out;
z-index: 1500;
}
.whatsapp-widget a {
border-radius: 50px;
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.whatsapp-widget a i {
color: #ffffff;
font-size: 40px;
}
.whatsapp-widget:hover {
transform: scale(1.05);
} .message {
background-color: var(--primary-color);
width: 100%;
padding: 5px 0;
text-align: center;
}
.message span {
color: #ffffff;
font-size: 13px;
font-weight: 500;
}#bannerNewsletter {
background: transparent linear-gradient(360deg, #D60812 0%, #89040A 100%) 0% 0% no-repeat padding-box;
}
.bg-newsletter {
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
padding: 55px 0 40px 0;
margin-top: -20px;
}
.newsletter-input {
border-radius: 8px;
border: none;
padding: 12px;
margin: 0 30px;
width: 350px;
color: var(--black-color);
}
.newsletter-input:focus-visible {
outline: none !important;
}
.km-form-button.svelte-2erd7l {
font-family: var(--font-family) !important;
font-size: var(--normal-size) !important;
color: var(--white-color) !important;
background-color: var(--primary-color) !important;
padding: 13px 25px !important;
transition: 0.1s ease-in-out !important;
text-transform: uppercase !important;
border: 2.5px solid var(--primary-color) !important;
border-radius: 10px !important;
font-weight: bold !important;
width: auto !important;
}
.km-form-button.svelte-2erd7l:hover {
color: var(--primary-color) !important;
background-color: transparent !important;
border: 2.5px solid var(--primary-color) !important;
width: auto !important;
}
@media screen and (max-width: 768px) {
.bg-newsletter {
background-position: center center;
background-size: 100%;
background-repeat: no-repeat;
padding: 40px 0 30px 0;
margin-top: 0;
background-image: unset !important;
}
.newsletter-input {
margin: 0;
width: 100%;
}
}
footer a {
transition: .1s ease-in-out;
}
footer a:hover {
opacity: .7;
}
.footer-menu {
list-style-type: none;
columns: 2;
column-width: 50%;
column-gap: 30px;
padding: 0;
margin: 0;
}
.footer-menu li {
display: inline-block;
margin-bottom: 10px;
width: 100%;
}
.copyright,
.copyright a {
color: var(--grey-color-2);
}
.copyright a {
transition: .1s ease-in-out;
}
.copyright a:hover {
color: var(--grey-color-2);
opacity: .7;
}
.up-button {
height: 40px;
width: 40px;
background-color: #f5f5f5;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
margin-left: 10px;
}
.filter-grey-scale {
filter: grayscale(1);
transition: .1s ease-in-out;
}
.filter-grey-scale:hover {
filter: grayscale(0);
}
.footer-marchi:hover {
opacity: 1;
} #launcher {
z-index: 100 !important;
}
@media screen and (max-width: 768px) {
#launcher {
bottom: 68px !important;
right: -12px !important;
}
}.section-label,
.search-label {
font-size: 15px;
font-weight: bold;
color: var(--primary-color);
text-transform: uppercase;
}
.banner-warning {
padding: 10px;
border-radius: 8px;
background-color: rgb(255, 239, 176);
color: #ab6900;
display: inline-block;
}   .slider-home {
height: calc(100vh - 133px);
}
.slider-video {
width: 100vw;
height: auto;
}
.slider-overlay:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
}
.slider-home .title {
font-size: 35px !important;
font-weight: 400 !important;
line-height: 45px;
}
.slider-subtitle {
line-height: 40px;
}
.mouse-scroll-icon {
width: 20px;
}
@media screen and (max-width: 768px) {
.slider-video {
width: auto;
height: 100%;
}
.mouse-scroll-icon {
margin-bottom: -40px;
}
.slider-subtitle {
font-size: 24px;
}
}   #promo-novita #box-post h2 {
text-transform: uppercase;
color: var(--primary-color);
font-weight: bold;
font-size: 23px;
}
#promo-novita #box-post p {
font-size: 20px;
font-weight: 500;
}
#promo-novita #box-post .img-scale {
transition: 0.3s ease-in-out;
}
#promo-novita #box-post:hover .img-scale {
transform: scale(1.2);
}
#promo-novita .bg-effect {
transition: 0.3s ease-in-out;
background: transparent linear-gradient(180deg, #00000000 0%, var(--unnamed-color-000000) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}   .row-negative {
margin-top: -140px;
}
@media screen and (max-width: 768px) {
.row-negative {
margin-top: 0;
}
}   #catalogo-prodotti #box-post h2 {
text-transform: uppercase;
color: #ffffff;
font-weight: bold;
font-size: 30px;
}
#catalogo-prodotti #box-post .img-scale,
#catalogo-prodotti #box-post-product .img-scale {
transition: 0.3s ease-in-out;
}
#catalogo-prodotti #box-post:hover .img-scale,
#catalogo-prodotti #box-post-product:hover .img-scale {
transform: scale(1.1);
}
#catalogo-prodotti .bg-effect {
transition: 0.3s ease-in-out;
background: transparent linear-gradient(180deg, #00000000 0%, var(--unnamed-color-000000) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}
#catalogo-prodotti #box-post:hover .bg-effect,
#catalogo-prodotti #box-post-product:hover .bg-effect {
background: transparent linear-gradient(180deg, #d6081200 0%, var(--unnamed-color-d60812) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #d6081200 0%, #d60812 100%) 0% 0% no-repeat padding-box;
}
#catalogo-prodotti #box-post-product h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
line-height: 25px;
}
#catalogo-prodotti .price {
font-size: 20px;
font-weight: bold;
}
#catalogo-prodotti #loop-sottocategorie h2 {
font-size: 18px !important;
}
.quantity-box.product {
border: 1px solid #989898;
border-radius: 8px;
padding: 5px;
}
.quantity-box.product .quantity-input {
width: 30px !important;
text-align: center;
border: none;
font-size: 13px;
background-color: transparent;
}
.quantity-box.product .quantity-button {
border: none;
background-color: transparent;
font-size: 13px;
font-weight: 500;
}
.quantity-box.product input::-webkit-outer-spin-button,
.quantity-box.product input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity-box.product input[type=number] {
-moz-appearance: textfield;
}  #visual-tabella-prodotti .immagine-prodotto img {
width: 45px;
}
#visual-tabella-prodotti .titolo-prodotto h2 {
font-size: 13px !important;
text-transform: uppercase !important;
}
#visual-tabella-prodotti .cod {
font-size: 11px;
color: var(--grey-color-2);
font-weight: 400;
}
#visual-tabella-prodotti .prezzo-prodotto del {
font-size: 15px !important;
color: var(--primary-color) !important;
display: flex;
align-items: center;
margin-right: 5px;
}
#visual-tabella-prodotti .prezzo-prodotto del bdi {
font-size: 14px !important;
display: flex;
align-items: center;
}
#visual-tabella-prodotti .prezzo-prodotto .price {
font-size: 15px !important;
display: flex;
}
#visual-tabella-prodotti .prezzo-prodotto .price span {
font-size: 12px !important;
font-weight: 300 !important;
display: flex;
line-height: 22.5px;
padding-right: 5px;
}
#visual-tabella-prodotti .prezzo-prodotto ins {
text-decoration: none !important;
} #visual-tabella-prodotti .prezzo-prodotto ins bdi {
font-size: 14px !important;
}
#visual-tabella-prodotti .azioni-prodotto a {
height: 30px;
width: 30px;
background-color: #000000;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
transition: 0.1s ease-in-out;
border: 2px solid #000000;
font-size: 14px;
margin-left: 5px;
}
#visual-tabella-prodotti .azioni-prodotto a:hover {
background-color: var(--primary-color);
color: #ffffff;
border: 1px solid var(--primary-color);
}
#visual-box-prodotti {
display: block;
}
#visual-box-prodotti .price span {
font-size: 16px;
font-weight: 400;
line-height: 30px !important;
} #visual-tabella-prodotti #riga {
display: flex;
justify-content: space-between;
position: relative;
}
#visual-tabella-prodotti #riga .out-of-stock {
font-size: 16px;
color: #d60812;
font-weight: 500;
text-transform: uppercase;
}
#visual-tabella-prodotti .woocommerce-Price-amount:nth-child(2) bdi {
display: flex;
align-items: center;
font-size: 17px;
}
#visual-tabella-prodotti .woocommerce-Price-amount:nth-child(2) bdi .woocommerce-Price-currencySymbol {
font-size: 17px !important;
font-weight: bold !important;
}
.visual-box.selected,
.visual-list.selected {
color: var(--primary-color); }
.banner-label {
font-size: 13px;
color: var(--grey-color-2);
font-weight: bold;
}
@media screen and (max-width: 768px) {
#visual-box-prodotti {
display: block;
} .visual-list {
display: none !important;
}
}  .product-visualization {}
.product-visualization i {
color: var(--grey-color-2);
font-size: 20px;
cursor: pointer;
transition: 0.1s ease-in-out;
}
.product-visualization i:hover {
color: #737373;
}   .parent {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 25px;
grid-row-gap: 25px;
}
.div1 {
grid-area: 1 / 1 / 4 / 8;
}
.div2 {
grid-area: 1 / 8 / 5 / 11;
}
.div3 {
grid-area: 4 / 1 / 7 / 6;
}
.div4 {
grid-area: 4 / 6 / 5 / 8;
}
.div5 {
grid-area: 5 / 6 / 7 / 11;
}
@media (max-width: 768px) {
.parent {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-column-gap: 0;
grid-row-gap: 25px;
}
.div1,
.div2,
.div3,
.div4,
.div5 {
grid-area: auto / 1 / auto / -1;
}
}   #sezione-blog #box-post h2 {
font-weight: bold;
font-size: 25px;
}
#sezione-blog #box-post .img-scale {
transition: 0.3s ease-in-out;
}
#sezione-blog #box-post:hover .img-scale {
transform: scale(1.2);
}
#sezione-blog .bg-effect {
transition: 0.3s ease-in-out;
background: transparent linear-gradient(180deg, #00000000 0%, var(--unnamed-color-000000) 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}   .filter-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
transition: .4s ease-in-out;
visibility: hidden;
opacity: 0;
pointer-events: none;
z-index: 10000;
}
.filter-overlay.open {
visibility: visible;
opacity: 1;
pointer-events: all;
}
#shop-filters {
position: absolute;
top: 0;
left: -850px;
height: 100vh;
width: 20vw;
min-width: 350px;
max-width: 850px;
z-index: 10001;
box-shadow: 4px 3px 15px rgba(0, 0, 0, 0.3);
transition: .4s ease-in-out;
}
#shop-filters.open {
left: 0;
}
#shop-filters .close-filter-button {
position: absolute;
top: 30px;
right: 15px;
border: unset;
background-color: transparent;
color: #000 !important;
}
.sticky-top-custom {
position: sticky !important;
top: 140px;
z-index: 1000;
}
.test-banner-filter {
position: fixed;
top: 134px;
z-index: 100;
transition: .1s ease-in-out;
opacity: 0;
pointer-events: none;
}
.test-banner-filter.open {
opacity: 1;
pointer-events: all;
}   .slider-banner {
background-color: rgba(0, 0, 0, 0.65);
border-top-right-radius: 1.5rem;
border-top-left-radius: 1.5rem;
}
.slider-banner-mobile {
background-color: rgba(0, 0, 0, 0.65);
}
.slider-banner-mobile h3 {
font-size: 30px !important;
}
#slider-colorificio p {
font-size: 17px;
line-height: 25px;
}   #banner-formazione .slider-overlay:after {
border-radius: 2rem;
}
@media screen and (max-width: 768px) {
#banner-formazione .slider-overlay:after {
border-radius: 0 !important;
}
#banner-formazione .slider-overlay {
border-radius: 0 !important;
}
}   .form-margin {
margin-top: -150px;
z-index: 1;
}
.cont-box-icon a {
transition: 0.1s ease-in-out;
text-decoration: none;
}
.cont-box-icon a:hover {
color: var(--primary-color);
}
.box-icon {
width: 55px;
height: 55px;
border-radius: 15px;
background-color: var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
transition: 0.1s ease-in-out;
}
.box-icon i {
color: #ffffff;
font-size: 30px;
}
@media screen and (max-width: 768px) {
.form-margin {
margin-top: 0;
z-index: 1;
}
}   #loop-marchi h3 {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
}
.box-hover-scale {
transition: 0.15s ease-in-out;
}
.box-hover-scale:hover {
transform: scale(1.04);
}   #intestazione-prodotto .price span {
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
}
.price .woocommerce-Price-amount:nth-child(2) .woocommerce-Price-currencySymbol {
font-size: 20px !important;
font-weight: bold !important;
}
.badge-iva {
padding: 3px 7px;
background-color: var(--grey-color-3);
color: var(--grey-color-2);
border-radius: 6px;
font-size: 13px;
}
.badge-non-disponibile {
padding: 3px 7px;
background-color: var(--primary-color);
color: #ffffff;
border-radius: 6px;
font-size: 13px;
}
#formato-prodotto {
font-size: 14px;
color: var(--black-color);
position: relative;
z-index: 10;
}
.box-formato {
width: 100%;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
border-radius: 6px;
border: 1px solid #dedede;
}
.box-formato-varianti {
display: none;
position: absolute;
top: 74%;
width: 100%;
border: 1px solid #dedeed;
border-top: none;
z-index: 10;
background-color: #ffffff;
max-height: 142px;
overflow-y: scroll;
}
.box-formato-varianti a .item {
font-size: 13px;
padding: 8px 20px;
width: 100%;
}
.box-formato-varianti a .item:hover {
background-color: var(--primary-color);
color: #ffffff;
}  .accordion {
background-color: transparent;
color: #444;
cursor: pointer;
padding: 20px 0;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
transition: 0.4s;
}
.accordion i {
transform: rotate(360deg);
}
.active i {
transform: rotate(180deg);
}
.panel {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.accordion-2 {
padding: 8px 0;
padding-right: 20px;
display: flex;
justify-content: space-between;
align-items: center;
transition: 0.1s ease-in-out;
width: 100%;
border: none;
border-bottom: 1px solid #dedede;
background-color: transparent;
font-size: 14px;
color: var(--black-color);
text-align: left !important;
}
.accordion-2 i {
font-size: 11px;
transform: rotate(360deg);
}
.active-2 i {
transform: rotate(180deg);
}
.panel-2 {
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.taxonomy-filter {
padding: 10px 0;
list-style-type: none;
padding: 0;
margin: 0;
}
.taxonomy-filter input[type="checkbox"] {
accent-color: var(--primary-color);
}
.taxonomy-filter li a {
padding: 8px 0;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #dedede;
transition: 0.1s ease-in-out;
}
.taxonomy-filter .subcat-filter-checkoption {
border-bottom: 1px solid #dedede;
padding-top: 0;
}
.taxonomy-filter .subcat-filter-checkoption span {
padding: 5px 0;
display: flex;
justify-content: space-between;
align-items: center;
transition: 0.1s ease-in-out;
font-size: 13px;
}
.taxonomy-filter .subcat-filter-checkoption .count {
color: #939699;
}
.taxonomy-filter li:last-child a {
border-bottom: 0;
}
.taxonomy-filter li a:hover span,
.taxonomy-filter li a:hover span.count {
color: var(--primary-color);
}
.taxonomy-filter li a span {
font-size: 13px;
}
.taxonomy-filter li a span.count {
color: #939699;
font-size: 11px;
}
.filter-logo-box {
border-radius: 4px;
height: 30px;
width: 55px;
border: 1px solid #939699;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
}
.filter-logo-box img {
width: 96%;
}
.product-thumbnail img {
width: 100%;
}
.filter-subcat-active {
color: var(--primary-color) !important;
}
.subcat-filter-checkoption {
font-size: 14px !important;
color: var(--black-color) !important;
padding-top: 5px;
}
.subcat-filter-checkoption .count {
font-size: 11px !important;
}
.subcat-filter-checkoption input {
cursor: pointer;
}   .page-newsletter #editor p {
font-size: 23px !important;
}   .woocommerce a.remove:hover {
color: unset !important;
background: unset;
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
color: #989898 !important;
text-decoration: none;
font-weight: 700;
border: 0;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 150px;
box-shadow: none;
border-radius: 15px;
}
.woocommerce table.shop_table {
border: none !important;
}
.woocommerce table.shop_table th {
font-weight: 500;
padding: 9px 0 9px 12px !important;
line-height: 1.5em;
text-transform: uppercase;
color: var(--black-color);
font-size: 14px;
}
.woocommerce table.shop_table th.product-total {
text-align: end !important;
}
.woocommerce table.shop_table th:first-child {
padding-left: 0 !important;
padding-right: 0 !important;
} .product-name a {
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
}
.woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol bdi {
font-size: 20px;
font-weight: 700;
display: flex;
}
ins {
text-decoration: none !important;
}
del {
color: var(--primary-color) !important;
font-size: 16px !important;
}
del bdi {
color: var(--primary-color);
font-weight: normal !important;
font-size: 16px !important;
}
.woocommerce-cart-form__cart-item .product-thumbnail {
padding: 20px 0 !important;
}
.coupon input {
float: none !important;
box-sizing: border-box !important;
border: 1px solid #cfc8d8 !important;
padding: 10px !important;
margin: 0 10px 0 0 !important;
outline: 0 !important;
width: 230px !important;
border-radius: 8px !important;
}
.coupon button {
padding: 12px 10px !important;
border: 2px solid var(--primary-color) !important;
color: var(--primary-color) !important;
border-radius: 8px !important;
background-color: #ffffff !important;
transition: 0.1s ease-in-out;
}
.coupon button:hover {
border: 2px solid var(--primary-color) !important;
color: #ffffff !important;
background-color: var(--primary-color) !important;
}
.woocommerce-remove-coupon i {
color: var(--primary-color) !important;
margin-left: 5px;
}
.shop_table .actions {
padding: 40px 0 !important;
}
.woocommerce-cart-form .woocommerce table.shop_table .order-total td,
.woocommerce-cart-form .woocommerce table.shop_table .cart-subtotal td {
padding: 10px 0 !important;
}
.custom-cart-container .woocommerce table.shop_table .cart-subtotal td,
.custom-cart-container .woocommerce table.shop_table .order-total td {
text-align: right !important;
}
.cart_totals .cart-subtotal th bdi,
.cart_totals .cart-subtotal td bdi {
font-size: 17px !important;
font-weight: normal;
}
.cart_totals .cart-subtotal td,
.cart_totals .order-total td {
text-align: right !important;
}
.woocommerce-cart-form .woocommerce table.shop_table .cart-subtotal th {
font-weight: normal !important;
}
.woocommerce table.shop_table .order-total th {
font-size: 14px !important;
}
.woocommerce-cart-form .woocommerce table.shop_table .cart-subtotal bdi {
font-size: 15px !important;
font-weight: normal !important;
}
.woocommerce-cart-form .shop_table.shop_table_responsive {
margin-bottom: 0 !important;
}
body .qib-button-wrapper {
display: flex;
float: right !important;
flex-wrap: nowrap;
margin-right: 0 !important;
align-items: center;
justify-content: center;
gap: 0;
}
.cart_totals .shop_table {
margin-bottom: 0 !important;
}
.custom-cart-container .woocommerce-shipping-totals {
display: none !important;
}
@media screen and (max-width: 768px) {
.woocommerce-cart-form .product-quantity {
height: 80px;
}
.woocommerce #content table.cart .product-thumbnail,
.woocommerce table.cart .product-thumbnail,
.woocommerce-page #content table.cart .product-thumbnail,
.woocommerce-page table.cart .product-thumbnail {
display: block;
}
.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) "";
font-weight: 700;
float: left;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 100%;
box-shadow: none;
border-radius: 15px;
}
.woocommerce-page table.cart .product-thumbnail a {
display: flex;
justify-content: start;
}
.woocommerce-cart-form__cart-item.cart_item {
margin-bottom: 30px;
padding: 1.5rem !important;
box-shadow: 1px 2px 15px rgba(0, 0, 0, 0.2) !important;
border-radius: 15px !important;
}
.woocommerce-cart-form__cart-item .product-thumbnail {
padding: 0 0 20px 0 !important;
}
.woocommerce table.shop_table td:nth-child(1),
.woocommerce table.shop_table td:nth-child(2),
.woocommerce table.shop_table td:nth-child(3),
.woocommerce table.shop_table td:nth-child(4),
.woocommerce table.shop_table td:nth-child(6) {
border-top: none;
}
.woocommerce table.shop_table td:nth-child(5) {
padding-top: 15px !important;
}
.woocommerce-cart-form__cart-item .product-name a {
font-size: 12px !important;
line-height: 20px !important;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background-color: transparent;
}
.woocommerce table.shop_table .product-price bdi {
font-size: 18px !important;
}
.coupon button {
width: 34% !important;
}
.shop_table .actions {
padding: 10px 0 40px !important;
}
.update_cart {
width: 100%;
}
.woocommerce table.shop_table td {
padding: 9px 0;
}
}   .qib-button-wrapper .quantity input.input-text.qty.text {
height: 41px;
padding: 6px 12px 8px;
text-align: center;
background: #ffffff;
border: 1px solid #efefef;
font-size: 15px !important;
line-height: 20px;
box-shadow: none;
margin: 0 !important;
}
.qib-button-wrapper.qib-button-wrapper-0 {
border: 1px solid #dedede !important;
border-radius: 8px;
}
.qib-button-wrapper.button.qib-button {
color: #dedede !important;
}  .woocommerce-billing-fields__field-wrapper label {
font-weight: bold;
}
.woocommerce-billing-fields__field-wrapper input,
.woocommerce-additional-fields textarea {
padding: 12px 10px !important;
border-radius: 8px !important;
border: 1px solid #dedede;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #dedede;
border-radius: 8px;
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: flex;
align-items: center;
height: 44px;
margin: 0 0 -4px;
user-select: none;
-webkit-user-select: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 4px;
}
.select2-dropdown {
border: 1px solid #dedede;
}
.woocommerce-checkout-review-order-table {
background-color: var(--grey-color-3);
border-radius: 15px !important;
padding: 9px 30px 20px 30px;
}
.woocommerce-checkout-review-order-table th {
font-size: 17px !important;
font-weight: bold !important;
padding: 10px 0 !important;
}
.woocommerce-checkout-review-order-table .cart_item .product-name {
padding: 10px 20px 10px 0;
text-transform: uppercase;
font-size: 14px !important;
}
.woocommerce-checkout-review-order-table .cart_item .product-total {
text-align: end;
padding-right: 0;
font-size: 14px !important;
}
.woocommerce-checkout-review-order-table .cart_item .product-total bdi {
font-weight: normal !important;
font-size: 15px !important;
} .woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr th,
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
padding: 0 10px !important;
border-top: none !important;
font-size: 14px !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td {
text-align: end;
padding-right: 0 !important;
}
.woocommerce-checkout .woocommerce-checkout-review-order-table tfoot tr td bdi {
font-size: 15px !important;
font-weight: bold !important;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
background-color: unset;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 30px 0;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: var(--grey-color-3) !important;
border-radius: 8px !important;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
display: none !important;
}
#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 {
cursor: pointer;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 0;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
border: none;
padding: 30px;
margin: 2em 0;
text-align: left;
border-radius: 15px;
background-color: var(--grey-color-3);
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
padding: 12px 10px !important;
border-radius: 8px !important;
border: 1px solid #dedede;
}
.woocommerce form .form-row textarea {
height: 10em !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
background-color: var(--primary-color);
}
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-form-coupon button,
.woocommerce-ResetPassword .woocommerce-Button {
font-family: var(--font-family) !important;
font-size: var(--normal-size) !important;
color: var(--white-color) !important;
background-color: var(--primary-color) !important;
padding: 13px 25px !important;
transition: 0.1s ease-in-out !important;
text-transform: uppercase !important;
border: 2.5px solid var(--primary-color) !important;
border-radius: 10px !important;
font-weight: bold !important;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
.woocommerce-form-coupon button:hover,
.woocommerce-ResetPassword .woocommerce-Button:hover {
color: var(--primary-color) !important;
background-color: transparent !important;
border: 2.5px solid var(--primary-color) !important;
}
.lost_password a {
font-weight: 500 !important;
text-decoration: underline !important;
color: var(--primary-color) !important;
}
.lost_password a:hover {
text-decoration: none !important;
}
.woocommerce form .form-row-first,
.woocommerce form .form-row-last,
.woocommerce-page form .form-row-first,
.woocommerce-page form .form-row-last {
width: 49%;
overflow: visible;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
width: 100% !important;
}
.woocommerce-checkout #payment div.form-row {
padding: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 3px 0 0;
}   .woocommerce-form-register label,
.woocommerce-form-login label {
font-weight: bold !important;
}
.woocommerce-form-login__rememberme {
display: block !important;
margin-bottom: 10px !important;
}
.woocommerce-privacy-policy-link {
color: var(--primary-color);
text-decoration: underline;
}
.woocommerce-privacy-policy-link:hover {
color: var(--primary-color);
}   .woocommerce-MyAccount-navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
width: 100%;
padding: 12px;
padding-left: 0;
font-size: 16px;
text-transform: uppercase !important;
border-bottom: 1px solid #dedede;
font-weight: 600;
display: inline-block;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 65%;
}
.woocommerce-orders-table__cell-order-actions a {
background-color: #ffffff !important;
border: 2px solid var(--primary-color) !important;
border-radius: 6px !important;
color: var(--primary-color) !important;
transition: 0.1s ease-in-out !important;
}
.woocommerce-orders-table__cell-order-actions a:hover {
background-color: var(--primary-color) !important;
color: #ffffff !important;
}
.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
padding: 10px 0;
vertical-align: middle;
}
.nobr {
font-weight: 600;
}
.woocommerce-MyAccount-content p a {
text-decoration: underline !important;
transition: 0.1s ease-in-out !important;
color: var(--primary-color) !important;
}
.woocommerce-MyAccount-content p a:hover {
color: var(--primary-color) !important;
text-decoration: none !important;
}
.woocommerce-MyAccount-content button {
margin-top: 20px !important;
font-family: var(--font-family) !important;
font-size: var(--normal-size) !important;
color: var(--white-color) !important;
background-color: var(--primary-color) !important;
padding: 13px 25px !important;
transition: 0.1s ease-in-out !important;
text-transform: uppercase !important;
border: 2.5px solid var(--primary-color) !important;
border-radius: 10px !important;
font-weight: bold !important;
}
.woocommerce-MyAccount-content button:hover {
background-color: #ffffff !important;
color: var(--primary-color) !important;
border: 2.5px solid var(--primary-color) !important;
}
.woocommerce-MyAccount-content fieldset legend {
font-weight: bold !important;
margin-top: 30px !important;
}
.woocommerce-MyAccount-content label {
font-weight: bold !important;
}
.woocommerce-customer-details .woocommerce-column--1 h2,
.woocommerce-customer-details .woocommerce-column--2 h2 {
font-size: 30px;
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: none;
border-bottom-width: 2px;
border-right-width: 2px;
text-align: left;
width: 100%;
border-radius: 15px;
padding: 6px 12px;
box-sizing: border-box;
box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.woocommerce-MyAccount-navigation ul li a {
font-size: 14px !important;
color: #8d8d8d;
}
.woocommerce-MyAccount-navigation ul li:last-child a {
border-bottom: 0 !important;
}
.woocommerce-orders-table__row {
padding: 20px;
border-radius: 15px;
box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
margin-bottom: 20px;
}
}   .woocommerce-order-details td,
.woocommerce-order-details th {
padding: 10px 0 !important;
}
.woocommerce-order-details td {
padding-right: 20px !important;
}
.woocommerce-order-details th {
padding-right: 20px !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details tfoot td,
.woocommerce-MyAccount-content .woocommerce-order-details .product-total {
padding-right: 0 !important;
text-align: right !important;
}
.woocommerce-MyAccount-content .woocommerce-order-details .shipped_via {}
.woocommerce-order-details thead tr th {
font-weight: 600 !important;
text-decoration: underline !important;
}
.woocommerce-order-details .product-name a {
font-weight: normal !important;
}
.woocommerce-order-details td bdi,
.woocommerce-order-details th bdi {
font-size: 16px !important;
font-weight: normal !important;
}
.woocommerce .woocommerce-customer-details address {
padding: 20px;
}   .woocommerce-thankyou-order-received {
padding: 10px 20px;
background-color: #beffbe;
border-radius: 8px;
color: #006c00;
font-size: 18px;
display: inline-block;
}
.woocommerce-info {
border-top: none;
border-radius: 10px;
background-color: var(--grey-color-3);
}
@media screen and (max-width: 768px) {
.woocommerce-info {
font-size: 13px;
}
}
.woocommerce-info a {
text-decoration: underline;
transition: 0.1s ease-in-out;
color: var(--primary-color);
}
.woocommerce-info .wc-forward {
font-size: 100%;
margin: 0;
line-height: unset !important;
cursor: pointer;
position: relative;
text-decoration: underline !important;
overflow: visible;
padding: 0 !important;
font-weight: normal !important;
border-radius: 3px;
left: auto;
color: var(--primary-color) !important;
background-color: unset !important;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.woocommerce-info a:hover,
.woocommerce-info .wc-forward:hover {
color: var(--primary-color);
text-decoration: none !important;
}
.woocommerce-info::before {
color: var(--black-color);
}
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
font-family: "Font Awesome 6 Pro";
content: "\f105";
display: inline-block;
position: absolute;
top: 1em;
left: 1.5em;
}
.woocommerce-message {
border-top: none !important;
background-color: rgb(234 255 234) !important;
color: rgb(44 83 44) !important;
border-radius: 10px !important;
padding: 1em 2em !important;
}
@media screen and (max-width: 768px) {
.woocommerce-message {
font-size: 13px !important;
}
}
.woocommerce-message .wc-forward {
font-size: 100%;
margin: 0;
line-height: unset !important;
cursor: pointer;
position: relative;
text-decoration: underline !important;
overflow: visible;
padding: 0 !important;
font-weight: normal !important;
border-radius: 3px;
left: auto;
color: rgb(44 83 44) !important;
background-color: unset !important;
border: 0;
display: inline-block;
background-image: none;
box-shadow: none;
text-shadow: none;
}
.woocommerce-message .wc-forward:hover {
text-decoration: none !important;
}
.woocommerce-message::before {
display: none !important;
}
@media screen and (max-width: 768px) {
.woocommerce-message .wc-forward {
float: none !important;
display: block !important;
margin-bottom: 5px !important;
}
}
.disclaimer-spedizioni {
font-size: 13px;
}
.badge-shipping {
padding: 5px 15px;
border-radius: 5px;
background-color: #e5e5e5;
color: #575757;
font-size: 13px;
transition: .1s ease-in-out;
}
.badge-shipping:hover {
background-color: #d0d0d0;
}
.gform_wrapper.gravity-theme .gfield_description {
padding-top: 0 !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
background: unset !important;
border: unset !important;
font-size: 13px !important;
margin-block-start: 8px;
padding: 0 !important;
}@media (max-width: 768px) {
.mobile-menu {
left: 0rem;
}
.logo-footer {
margin-bottom: -13.5px;
}
.form-container {
margin: 48px 0 230px 0;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 25px;
}
#catalogo-prodotti #box-post-product h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
line-height: 19px;
}
#catalogo-prodotti .price {
font-size: 17px;
font-weight: bold;
}
.whatsapp-widget {
bottom: 80px;
}
#visual-tabella-prodotti #riga {
display: block;
justify-content: unset;
position: relative;
}
#visual-tabella-prodotti .immagine-prodotto img {
width: 70px;
}
#visual-tabella-prodotti .woocommerce img,
.woocommerce-page img {
max-width: unset;
}
.test-banner-filter {
top: 80px;
}
} @media screen and (max-width: 1100px) {
.slider-home .title {
font-size: 24px !important;
font-weight: 400 !important;
line-height: 35px;
}
.menu-icon i {
font-size: 28px;
}
h2 {
font-size: 35px;
}
#testata-mobile video {
height: 350px !important;
}
.storia-row:after {
content: '';
width: 3px;
height: calc(100% + 56px);
left: 60px;
transform: translateX(-50%);
position: absolute;
top: 0;
background-color: #EEE;
z-index: -1;
}
.storia__item.order-lg-1:after {
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-right: 20px solid var(--light-color);
border-left: 0;
}
.storia__item:after {
left: 0px !important;
}
.mt-70 {
margin-top: 0;
}
.form-absolute {
position: relative;
top: auto;
transform: translateY(0);
margin-top: 48px;
margin-bottom: -250px;
}
.mobile-menu {
left: -3rem;
}
.form-container {
margin: 80px 0 230px 0;
}
} @media (max-width: 1500px) {
.logo-container {
min-height: 69px;
width: 150px;
}
}.fs-free-shipping-notice-and-button-wrapper{align-content:start;align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.fs-free-shipping-notice-continue-shopping-button-wrapper,.fs-free-shipping-notice-text-and-progress-bar-wrapper{flex:0 1 auto;margin:0 .5em}.fs-free-shipping-notice-progress-bar-wrapper{align-items:center;display:flex;flex-direction:row}.fs-free-shipping-notice-progress-bar{border:1px solid #fff;border-radius:10px;height:10px;margin-left:10px;margin-right:10px;position:relative;width:100%}.fs-free-shipping-notice-progress-bar>span{background-color:#fff;border-bottom-left-radius:10px;border-top-left-radius:10px;display:block;height:100%;overflow:hidden;position:relative}.button.flexible-shipping-free-shipping-button{margin-left:0}.qib-button-wrapper button.qib-button{
padding: 6px 12px 8px;
height: 41px;
background: #ffffff;
border: 1px solid #efefef;
cursor: pointer;
font-size: 20px;
line-height: 20px;
width: 41px;
color: black;
height: 41px;
}
.qib-button-wrapper .quantity {
display: inline;
}
.qib-button-wrapper{
margin: 3px 0;
white-space: nowrap;
}
.qib-button-wrapper button.qib-button, .qib-button-wrapper div.quantity.wqpmb_quantity {
float: none !important;
height: 41px;
}
.qib-button-wrapper .quantity input.input-text.qty.text {
height: 41px;
padding: 6px 12px 8px;
text-align: center;
background: #ffffff;
border: 1px solid #efefef;
font-size: 20px;
line-height: 20px;
box-shadow: none;
margin: 0 !important;
}
span.wqpmb_plain_input.hidden{display: none;}
body.cart tr.woocommerce-cart-form__cart-item.cart_item .quantity.wqpmb_quantity,.quantity.wqpmb_quantity {
display: inline-flex;
}
body .qib-button-wrapper {
display: flex;
float: left;
flex-wrap: nowrap;
margin-right: 5px;
align-items: center;
justify-content: center;
gap: 0;
}
body .qib-button-wrapper .minus.qib-button, 
body .qib-button-wrapper .plus.qib-button{
background: #a19f9f14;
}
body .qib-button-wrapper .minus.qib-button:hover, body .qib-button-wrapper .plus.qib-button:hover {
background: #14141414;
}
.wpt-wrap .qib-button-wrapper {
gap: 0;
}
.wpt-wrap .qib-button-wrapper div.quantity.wqpmb_quantity {
height: 37px !important;
}
body.cart tr.woocommerce-cart-form__cart-item.cart_item .qib-button-wrapper{
margin: inherit;
}
.woocommerce div.product form.cart .qib-button-wrapper div.quantity{
margin-right: 0;margin: 0;
}
.qib-button-wrapper input::-webkit-outer-spin-button,
.qib-button-wrapper input::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
margin: 0; 
}
.qib-button-wrapper input[type=number],
.qib-button-wrapper .quantity input[type=number], 
.qib-button-wrapper .quantity input[type=number]{ 
-moz-appearance:textfield; }
.woocommerce-page div.product form.cart div.quantity.wqpmb_quantity, .woocommerce div.product form.cart .quantity.wqpmb_quantity, .woocommerce div.product .quantity.wqpmb_quantity{
margin: 0 !important;
}
@media only screen and (max-width: 600px) {
table.cart .product-quantity .plus, table.cart .product-quantity .minus {
display: block;
}
body .qib-button-wrapper {
display: flex;
float: right;
margin-right: 0;
}
}  body.theme-pricom .qib-button-wrapper .minus.qib-button, 
body.theme-pricom .qib-button-wrapper .plus.qib-button,
body.theme-pricom input.input-text.qty.text.wcmmq-qty-input-box {
background: #f5f5f5;
color: #7e7e7e;
border-radius: 0;
border: 0 none !important;
}
body.theme-pricom .qib-button-wrapper .minus.qib-button:hover, 
body.theme-pricom .qib-button-wrapper .plus.qib-button:hover,
body.theme-pricom input.input-text.qty.text.wcmmq-qty-input-box:hover {
color: #000;
}
body.theme-pricom .qib-button-wrapper {
border: 1px solid #ddd;
border-radius: 15px;
overflow: hidden;
}
body.theme-pricom .qib-button-wrapper .quantity .input-text[type=number] {
min-width: 56px;
}
.woocommerce div.product form.cart div.quantity .qty {
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
} body.theme-shoptimizer .ajax_add_to_cart.add_to_cart_button, 
body.theme-shoptimizer .single-product div.product form.cart .button {
margin-left: 0px !important;
margin-top: -2px !important;
width: 200px !important;
height: 50px !important;
width: 200px !important;
}