@charset 'UTF-8';



a, a:hover, a:focus{color: inherit; text-decoration: none}
button:focus{outline: none}


.text-center .img-fluid{ margin-left:auto; margin-right:auto; }

.clear{ clear:both; }

.space-10{ height:10px; clear:both; }
.space-20{ height:20px; clear:both; }
.space-30{ height:30px; clear:both; }
.space-40{ height:40px; clear:both; }
.space-50{ height:50px; clear:both; }


.no-padding{ padding:0 !important; }

.no-margin{ margin:0 !important; }



body{font-family: "Barlow", sans-serif; font-style: normal; color: #4a4b4e; font-weight: 400}



.font-light {font-weight: 300;}
.font-regular {font-weight: 400;}
.font-medium {font-weight: 500;}
.font-semibold {font-weight: 600;}
.font-bold {font-weight: 700;}

.divider{height: 3px; width: 100%; background-color: #ccc}
.color-white{color: #fff}
.color-blue{color: #448ac9}
.color-black{color: #000}
.color-yellow{color: #f9c35c}
.color-pink{color: #e75094}
.color-gray{color: #4a4b4e}
.bg-yellow{background-color: #f9c35c}
.bg-blue{background-color: #448ac9}
.bg-pink{background-color: #e75094}
.bg-lightgray{background-color: #EBEBEB}
.bg-gray{background-color: #5d5d5d}

.bg-multicolor{
  background : -moz-linear-gradient(20.11% 156.62% 45deg,rgba(68, 138, 201, 1) 0%,rgba(101, 126, 190, 1) 9.13%,rgba(171, 101, 168, 1) 29.79%,rgba(214, 86, 153, 1) 44.72%,rgba(231, 80, 148, 1) 52.27%,rgba(237, 118, 129, 1) 67.75%,rgba(249, 195, 92, 1) 100%);
  background : -webkit-linear-gradient(45deg, rgba(68, 138, 201, 1) 0%, rgba(101, 126, 190, 1) 9.13%, rgba(171, 101, 168, 1) 29.79%, rgba(214, 86, 153, 1) 44.72%, rgba(231, 80, 148, 1) 52.27%, rgba(237, 118, 129, 1) 67.75%, rgba(249, 195, 92, 1) 100%);
  background : -webkit-gradient(linear,20.11% 156.62% ,79.89% -79.41% ,color-stop(0,rgba(68, 138, 201, 1) ),color-stop(0.0913,rgba(101, 126, 190, 1) ),color-stop(0.2979,rgba(171, 101, 168, 1) ),color-stop(0.4472,rgba(214, 86, 153, 1) ),color-stop(0.5227,rgba(231, 80, 148, 1) ),color-stop(0.6775,rgba(237, 118, 129, 1) ),color-stop(1,rgba(249, 195, 92, 1) ));
  background : -o-linear-gradient(45deg, rgba(68, 138, 201, 1) 0%, rgba(101, 126, 190, 1) 9.13%, rgba(171, 101, 168, 1) 29.79%, rgba(214, 86, 153, 1) 44.72%, rgba(231, 80, 148, 1) 52.27%, rgba(237, 118, 129, 1) 67.75%, rgba(249, 195, 92, 1) 100%);
  background : -ms-linear-gradient(45deg, rgba(68, 138, 201, 1) 0%, rgba(101, 126, 190, 1) 9.13%, rgba(171, 101, 168, 1) 29.79%, rgba(214, 86, 153, 1) 44.72%, rgba(231, 80, 148, 1) 52.27%, rgba(237, 118, 129, 1) 67.75%, rgba(249, 195, 92, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#448AC9', endColorstr='#F9C35C' ,GradientType=0)";
  background : linear-gradient(45deg, rgba(68, 138, 201, 1) 0%, rgba(101, 126, 190, 1) 9.13%, rgba(171, 101, 168, 1) 29.79%, rgba(214, 86, 153, 1) 44.72%, rgba(231, 80, 148, 1) 52.27%, rgba(237, 118, 129, 1) 67.75%, rgba(249, 195, 92, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#448AC9',endColorstr='#F9C35C' , GradientType=1);
}

.button {border-radius: 10px}
.btn{padding: 1% 6%; border-radius: 10px; transition: all 0.5s ease;}
.btn-cart:hover, .btn-cart:focus{color: #fff}
.btn-invia{padding: 2px 20px}

.btn-preview-prodotti:hover{color: inherit; background-color: transparent !important; border: 1px solid;}
.hover-multicolor:hover, .color-multicolor{
  background: -webkit-linear-gradient(45deg, rgba(68, 138, 201, 1) 0%, rgba(101, 126, 190, 1) 9.13%, rgba(171, 101, 168, 1) 29.79%, rgba(214, 86, 153, 1) 44.72%, rgba(231, 80, 148, 1) 52.27%, rgba(237, 118, 129, 1) 67.75%, rgba(249, 195, 92, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn.bg-yellow:hover{background-color: transparent; color: #f9c35c; border: 1px solid}
#footer .btn.bg-pink:hover{background-color: rgba(255,255,255,0.8); color: #e75094; border: 1px solid}

.components-button{background-color: #f9c35c; color: #fff; border: none; transition: all 0.5s ease;}
.components-button:hover{color: #f9c35c; background-color: #fff; border: 1px solid;}

.slick-slider{margin: 0}

.font-57{font-size: 57px; font-size: calc(18px + 2.05vw)}
.font-50{font-size: 50px; font-size: calc(18px + 1.7vw)}
.font-48{font-size: 48px; font-size: calc(18px + 1.6vw)}
.font-44{font-size: 44px; font-size: calc(18px + 1.4vw)}
.font-38{font-size: 38px; font-size: calc(18px + 1.05vw)}
.font-24{font-size: 24px; font-size: calc(16px + 0.45vw)}
.font-22{font-size: 22px; font-size: calc(16px + 0.35vw)}
.font-21{font-size: 21px; font-size: calc(16px + 0.3vw)}
.font-18{font-size: 18px; font-size: calc(16px + 0.15vw)}
.font-16{font-size: 16px; font-size: calc(14px + 0.15vw)}
.font-14{font-size: 14px; }

@media(max-width:767px){
    .font-48{font-size: 35px}
}

.z-index2{z-index: 2}

.width-full{width: 100%}

.box-shadow{box-shadow: 0 0 10px rgba(0,0,0,0.2)}

.gallery .link-gallery .img-fluid{transition: transform 0.5s ease;}
.gallery .link-gallery:hover .img-fluid{transform: scale(1.1);}


/* Header */

#header{position: sticky; z-index: 1000; background-color: #fff; top: 0; box-shadow: 0 0 45px rgba(0,0,0,0.2)}

.navbar{padding: 0 15px}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;}
.navbar-light .navbar-nav .nav-link{color: inherit}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{font-weight: 700; color: inherit}

.navbar-brand{max-width: 280px}

@media(max-width:767px){
    .navbar-nav { padding-bottom: 20px;}
    .navbar-expand-lg .navbar-nav .nav-link{padding: 20px}
    .btn-cart{margin-top: 20px}
    .navbar-light .navbar-toggler{border: none}
}


/* Home */

.onda-header-home{position: absolute; left: 0; right: 0; bottom: 0; }

.number-step{font-size: 153px; color: #fff; position: absolute; left: 0; top: 0; z-index: 1; line-height: 1; transform: translate(-64%, -33%); font-weight: 700;}

.container-icon-contatti{width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center}
.container-preview-prodotti-home{margin-top: -80px}



/* contatti */
.form-control { background: none; color: #fff; border-width: 0 0 1px; border-radius: 0; padding: 0; font-size: inherit}
.form-control:focus{background: none; outline: none;box-shadow: none; color: #fff;}
.form-control::placeholder {color: #fff;}

.wpcf7 form .wpcf7-response-output{margin: 10px 0; padding: 0; border: 0}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border: none; color: #f00}
.wpcf7-not-valid-tip{color: #f00}
.wpcf7-list-item{margin: 0}

.preview-prodotti{border-radius: 20px; overflow: hidden; height: 100%}





/*cart*/
.cart-contents {position: relative; display: flex !important; align-items: center; justify-content: center;}
/*.cart-contents:after {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f07a" !important; font-size: 30px; color: #FFF;}*/
.cart-contents:hover {text-decoration: none;}
.cart-contents-count { background-color: #fff; display: block; width: 14px; height: 14px; border-radius: 50%; position: absolute; top: 18px; right: 8px; transform: translateY(-105%) translateX(25%); vertical-align: middle; text-align: center; color: #e75094; font-weight: bold; line-height: 1.2;  font-size: 11px}
.btn-cart{padding: 5px 10px}

/* Tesi */
.container-preview-prodotti-tesi{background-image: url(../images/onda-header-tesi.png); background-position: center top; background-size: contain; background-repeat: no-repeat}

/* Personalizzazione prodotti */
.tm-range-picker {
  margin: 2em 10px;
  max-width: 0%;
  display: none !important;  
}

.tc-totals-form dl.tm-extra-product-options-totals {
  margin-left: 0;
  margin-right: 0;
  display: none !important;
}

.column-count-4{column-count: 4}
.column-count-5{column-count: 5}

@media(max-width:767px){
    .column-count-4{column-count: 2}
    .column-count-5{column-count: 2}
    
}


.onda-header-prodotti{position: absolute; bottom: 0; left: 0; right: 0}

/* Woocommerce */
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{font-size: 48px; color: #448AC9; font-weight:700}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover{
    background-color: #F9C35C
}
.woocommerce .quantity .qty, .tm-quantity input.tm-qty, .tc-extra-product-options .tmcp-field-wrap label.cpf-upload-container{border-radius: 10px; border: 1px solid #000; padding: 5px 10px; width: 100px;}
.tc-extra-product-options .tmcp-field-wrap label.cpf-upload-container{margin-top: 5px}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {border-radius: 10px}

.related.products{clear: both}

.cpf-type-range .tm-epo-element-label.tm-left, .cpf-type-range .tm-epo-element-label.tm-right{width: 100%}

.tm-extra-product-options .cpf_hide_element hr.tc-cell{border-color: #000}
.product_meta{display: none}

.tm-extra-product-options ul.tmcp-elements li.tmcp-field-wrap{width: auto;}


.zoomImg { position: relative !important; top: 0 !important; left: 0 !important; display: none !important}
/*.woocommerce-product-gallery__image > a { pointer-events: none;}*/

.wc-block-components-shipping-address { display: none !important; }