@import url("https://use.typekit.net/hts7abo.css");
/*--------------------------------*/
/* MISC */
/*--------------------------------*/
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.iubenda-uspr-btn a.iubenda-cs-preferences-link, .iubenda-uspr-btn a.iubenda-cs-uspr-link {
    font-size: 12px !important;
}

body>button.iubenda-tp-btn.iubenda-cs-preferences-link {
    display: none;
    visibility: hidden !important;
}
.animations-disabled * {
  animation: none !important;
  transition: none !important;
}


/*--------------------------------*/
/* SECTION */
/*--------------------------------*/
.uk-section-primary {
  background: linear-gradient(rgb(182 214 255 / 30%), rgb(182 214 255 / 30%)), url(/wp-content/uploads/2019/04/bg-light.jpg);
  background-size: 1200px;
  background-repeat: repeat;
}
.co-section-dark {
  background: linear-gradient(rgb(182 214 255 / 30%), rgb(182 214 255 / 30%)), url(/wp-content/uploads/2019/04/bg-light.jpg);
  background-size: 1200px;
  background-repeat: repeat;
}

/*--------------------------------*/
/* NAVBAR */
/*--------------------------------*/
.tm-header .uk-navbar-container {box-shadow: 0 4px 20px 0 rgba(0,0,0,0.14);}
.uk-logo {
  transform: scale(1);
  transition: transform .3s cubic-bezier(1, -1.15, 0.06, 3.04);
  transform-origin: top left;
}
.uk-logo:hover {
  transform: scale(1.1);
  transition: transform .3s cubic-bezier(1, -0.15, 0.06, 3.04);
}
/*--------------------------------*/
/* MENU MOBILE */
/*--------------------------------*/
#tm-mobile .uk-modal-body {
  background: #fff url(/wp-content/uploads/2019/04/FOGLIE-DI-BASILICO-2.png);
  background-size: 50vw;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.uk-navbar-toggle .uk-navbar-toggle-icon svg {
  width: 24px;
  height: 24px;
}
.uk-navbar-toggle .uk-navbar-toggle-icon svg rect:nth-of-type(2) {
  width: 12px;
}
.uk-navbar-toggle .uk-navbar-toggle-icon svg rect:nth-of-type(3) {
  width: 16px;
}
.uk-navbar-toggle .uk-navbar-toggle-icon svg rect {transition: width .5s cubic-bezier(1, -0.15, 0.06, 3.04);}
.uk-navbar-toggle:hover .uk-navbar-toggle-icon > svg > rect {
  width: 24px;
  transition: width .2s ease-in;
}
.uk-modal-close-full svg {width: 24px;}
.uk-modal-close-full svg {
  transform: rotate(0deg);
  transition: transform .3s ease-out;
}
.uk-modal-close-full:hover svg {
  transform: rotate(90deg);
  transition: transform .3s ease-in;
}
.co-modal-logo {width: 120px;}

/*--------------------------------*/
/* BUTTON */
/*--------------------------------*/
.uk-button:not(disabled) {
  transform: scale(1);
  transition: transform .3s cubic-bezier(1, -1.15, 0.06, 3.04);
}
.uk-button:not(disabled):hover {
  transform: scale(1.05);
  transition: transform .3s cubic-bezier(1, -0.15, 0.06, 3.04);
}
.uk-button-default:disabled:hover {transform: scale(1);}

/*--------------------------------*/
/* CARD */
/*--------------------------------*/
.co-card .el-item {border-radius: 0 25px 0 0; position: relative;}
.co-card .uk-card {transition: all .2s ease-in;}
.co-card .uk-card:hover {transition: all .2s ease-out;}

.co-card .el-item {
    background: url(/wp-content/uploads/2019/04/bg-light.jpg);
    background-size: 150%;
}

/*.co-card div:nth-of-type(1) .el-item::before {
  content: "";
  background: url(/wp-content/uploads/2019/04/Pin.png);
  position: absolute;
  top: -70px;
  left: -70px;
  height: 140px;
  width: 140px;
  background-size: contain;
  background-repeat: no-repeat;
}
.co-card div:nth-of-type(2) .el-item::before {
  content: "";
  background: url(/wp-content/uploads/2019/04/aglio-pomodoro.png);
  position: absolute;
  top: -70px;
  left: -54px;
  height: 140px;
  width: 140px;
  background-size: contain;
  background-repeat: no-repeat;
}
.co-card div:nth-of-type(3) .el-item::before {
  content: "";
  background: url(/wp-content/uploads/2019/04/pomodoro-peperoncino.png);
  position: absolute;
  top: -70px;
  left: -54px;
  height: 140px;
  width: 140px;
  background-size: contain;
  background-repeat: no-repeat;
}*/
.uk-tile-default {
    box-shadow: 0 5px 15px rgba(0,0,0,.08);
    border-radius: 0 25px 0 0;
}
.co-panel {border-radius: 0 25px 0 0;}

/*--------------------------------*/
/* LENS */
/*--------------------------------*/
.co-zoom-lens {
  position: absolute;
  top: 24px;
  left: 116px;
  z-index: 1;
  display: block;
  border-radius: 100%;
  height: 180px;
  width: 180px;
  background: url(/wp-content/uploads/2023/03/pizza_margherita.png);
  background-size: 1000px;
  background-position: 0;
}
.co-zoom-lens2 {
  position: absolute;
  top: 24px;
  left: 116px;
  z-index: 1;
  display: block;
  border-radius: 100%;
  height: 180px;
  width: 180px;
  background: url(/wp-content/uploads/2019/04/FUSILLONI2.png);
  background-size: 1000px;
  background-position: 0;
}
.co-zoom-lens3 {
  position: absolute;
  top: 24px;
  left: 116px;
  z-index: 1;
  display: block;
  border-radius: 100%;
  height: 180px;
  width: 180px;
  background: url(/wp-content/uploads/2019/04/FUSILLI.png);
  background-size: 1000px;
  background-position: 0;
}
.co-lens {
  z-index: 2;
  width: 400px;
  min-width: 400px;
  left: 112px;
  top: 23px;
}

/*--------------------------------*/
/* BUSINESS MODEL */
/*--------------------------------*/
.co-product-lines .el-title {
    background: #e40522;
    text-align: center;
    padding: 20px 10px;
    color: #fff!important;
	font-weight: 600!important;
}
.co-product-lines .uk-card-body {
    padding: 0px 0px;
}
.co-catalogue-as-is .uk-accordion-content .el-content .w3eden .row:first-child {
	column-count: 2;
}
/*--------------------------------*/
/* WHO WE ARE */
/*--------------------------------*/
.co-data-grid .el-title {font-size: 40px;}
.co-data-grid .el-meta {font-weight: 800; line-height: 1.2;}

.co-swipe img {animation: swipe 3s infinite 0s ease-in-out;}

.co-zindex2 {z-index: 2;}
.co-zindex3 {z-index: 3;}
.co-label-grid .uk-grid-margin:last-of-type .el-item {
	min-width: 260px;
}
.co-label-grid .el-meta {
    font-size: 14px;
    min-height: 70px;
}
.co-label-grid .el-image {
    max-width: 100px;
    transform: scale(1.3);
}

/*--------------------------------*/
/* COOP MEANS ITALY */
/*--------------------------------*/  
.co-spaghetto {
	pointer-events: none;
}
.co-spaghetto img {
	height: 100vw;
    width: 7px;
}

/*--------------------------------*/
/* MAP */
/*--------------------------------*/
.co-map img {min-width:1000px;}
.co-map {overflow-x: scroll; padding: 0;}
.co-map::-webkit-scrollbar {width: 0px;}
.co-map::-webkit-scrollbar-track,
.co-map::-webkit-scrollbar-thumb {opacity: 0;}

/*--------------------------------*/
/* FORM */
/*--------------------------------*/

.uk-input:focus:not(:focus-visible), .uk-select:focus:not(:focus-visible), .uk-textarea:focus:not(:focus-visible) {
    outline: none !important;
}
.uk-input:focus-visible, .uk-select:focus-visible, .uk-textarea:focus-visible {
    outline: 2px dashed #000 !important;
}

span.wpcf7-not-valid-tip {
  color: #fff!important;
  background: #E40522;
  font-weight: 800!important;
  display: inline-block!important;
  font-size: 12px!important;
  text-transform: uppercase;
  padding: 0 6px;
  border-radius: 5px;
}
span.wpcf7-list-item {margin: 0!important;}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #E40522;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 10px;
}
.wpcf7-form .uk-form .uk-position-relative.uk-margin-bottom p {
    margin-bottom: 0;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    margin-right: 12px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content: "✓";
    font-size: 18px;
}
div.wpcf7-validation-errors:before {
    content: "✖";
    font-size: 18px;
}
.uk-input, .uk-select, .uk-textarea {
  font-size: 18px;
}
.grecaptcha-badge {z-index: -10; visibility: hidden;}

.check {
  position: absolute;
  top: 35px;
  right: 6%;
  font-size: 15px;
  color: #71bb22;
  background: white;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.input-border {
  height: 2px;
  background: #71bb22;
  width: 100%;
  display: block;
  margin-top: -2px;
  position: relative;
}
.error {
  position: absolute;
  top: 35px;
  right: 6%;
  font-size: 15px;
  color: #E40522;
  background: white;
  height: 30px;
  width: 30px;
  border-radius: 100%;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.input-border-red {
  height: 2px;
  background: #E40522;
  width: 100%;
  display: block;
  margin-top: -2px;
  position: relative;
}
.wpcf7-not-valid-tip {
  position: absolute;
  width: auto;
  left: 0;
  top: 40px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #b98702;
}

/*--------------------------------*/
/* DOWNLOAD MANAGER */
/*--------------------------------*/
.co-dm-accordion .uk-accordion-title{
  background: #E40522;
  color: #fff;
  padding: 5px;
}
.co-dm-accordion .uk-accordion-title:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23ffffff%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");
}
.wpdm-link-tpl > * {font-family: 'Lato', sans-serif!important;}
.ptitle {font-size: 16px;}
.ptitle .label {
  font-size: 10px;
  margin-left: 10px;
  background: #fff;
  color: #000;
  box-shadow: 0 2px 10px rgba(0,0,0,.14);
}
.wpdm-download-link.btn-primary {
  background: #E40522;
  color: #fff;
  padding: 4px;
  font-size: 12px;
  letter-spacing: 2px;
  top: -6px;
  position: relative;
  left: 10px;
}
.wpdm-link-template.link-template-default .text-muted {
    font-size: 9px;
}
.wpdm-link-template.link-template-default {
    margin-bottom: 20px;
}
.wpdm-download-link.btn-primary:hover {background: #cd1722; text-decoration: none;}
.w3eden .wpdm-link-tpl img.wpdm_icon {display: none;}
h3.package-title {
    font-size: 14px;
    margin-bottom: 0;
}
.w3eden .wpdm-link-tpl {margin-bottom: 10px;}
.co-dm-accordion .uk-panel {
  padding: 30px;
  border-radius: 0 25px 0 0;
  background: #fff;
  color: #000;
  box-shadow: 0 5px 15px rgba(0,0,0,.08);
}
.w3eden .pagination {display: none;}
.co-dm-accordion .el-item.uk-open .uk-accordion-title {background: #cd1722;}
.co-dm-accordion .el-item.uk-open .uk-accordion-title:before {
  background: none;
  content: "-";
  color: #fff;
  transform: translateX(10px);
}
.wpdmpro .uk-article-meta {display: none;}
.wpdm-link-tpl .media-body {display: inline-block;}
img.wpdm_icon {display: none;}

/*--------------------------------*/
/* VALUES SWITCHER */
/*--------------------------------*/
.co-switch-values .uk-thumbnav li {
	position: relative;
	margin-bottom: 50px;
}

.co-switch-values .uk-thumbnav > * > ::after {
    background: transparent;
}
.co-switch-values .uk-thumbnav > li:not(.uk-active) > a > img,
.co-switch-values .uk-thumbnav > li:not(.uk-active) > a > svg {
	color: #000!important;
}
.co-switch-values .uk-thumbnav>.uk-active>::after {
    background-color: transparent;
}
.co-switch-values .uk-thumbnav li a {margin: 0 30px;}

.co-switch-values .uk-thumbnav li::before {
	content: '';
    text-transform: uppercase;
    color: #010101;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 54%;
    bottom: -50px;
    font-size: 14px;
}
.co-switch-values .uk-thumbnav li.uk-active img {
    filter: drop-shadow(0px 0px 5px #e11925);
}
.co-switch-values .uk-thumbnav>.uk-active::before {
	color: #e40521;
}
.co-switch-values .uk-thumbnav li:nth-of-type(1)::before {
	content:'Good';
}
.co-switch-values .uk-thumbnav li:nth-of-type(2)::before {
	content:'Safe';
}
.co-switch-values .uk-thumbnav li:nth-of-type(3)::before {
	content:'Ecological';
}
.co-switch-values .uk-thumbnav li:nth-of-type(4)::before {
	content:'Ethical';
}
.co-switch-values .uk-thumbnav li:nth-of-type(5)::before {
	content:'Convenient';
}
.co-switch-values .uk-thumbnav li:nth-of-type(6)::before {
	content:'Transparent';
}

/* .co-switch-values .uk-thumbnav>.uk-active + li::before  {
	content:'';
  height: 75px;
    width: 75px;
  display: block;
  border-radius: 100%;
  background: rgba(225, 25, 37, .7);
  cursor: pointer;
box-shadow: 0 0 0 0px rgba(228,219,206, 0.3);
  animation: pulse 4s infinite;
	transform-origin: center;
    position: absolute;
    top: 0%;
    left: 27%;
}
.co-switch-values .uk-thumbnav>.uk-active + li:hover::before {
  animation: none;
  opacity: 0;
}*/

/*--------------------------------*/
/* TIMELINE */
/*--------------------------------*/
.timeline-line {
    background: url(/wp-content/uploads/2019/10/spaghetto-timeline.png);
	background-repeat: repeat-y;
    min-width: 8px;
    background-size: contain;
}
.timeline-icon-default {
	background: url(/wp-content/uploads/2019/10/timeline-point.png);
    background-size: 120px;
    background-position: left;
    background-repeat: no-repeat;
    height: 120px;
    width: 120px;
    margin-left: -10px!important;
    border: none!important;
    background-color: rgba(0,0,0,0)!important;
    margin-top: -30px;
}
.co-timeline .el-title {
	transform: scale(0.7);
    transform-origin: left;
}

/*--------------------------------*/
/* BRAND LABEL */
/*--------------------------------*/
.co-label-section .uk-panel img {
    width: 600px !important;
}
.co-label-section .uk-card {margin-left: 0 !important;}

/*--------------------------------*/
/* FOOTER */
/*--------------------------------*/
.co-footer {
  background: url(/wp-content/uploads/2019/04/bg-cucitura-footer.jpg);
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

.co-toptop a {
  background: #e11925!important;
  padding: 20px 16px;
  color: #fff!important;
}
.co-toptop {z-index: 10;}

.hide {
  visibility: hidden;
  opacity: 0;
}
.show {
  visibility: visible;
  opacity: 1;
}


/*--------------------------------*/
/* ANIMATION */
/*--------------------------------*/
@keyframes swipe{
  0%{transform: translateX(50px);}
  85%{transform: translateX(-50px);}
  100%{transform: translateX(50px);}
}

@keyframes pulse {
  0% {
		transform: scale(0.5);
    -moz-box-shadow: 0 0 0 0 rgba(225, 25, 37, 0.4);
    box-shadow: 0 0 0 0px rgba(225, 25, 37, 0.3);
  }
  70% {

		transform: scale(1);
      -moz-box-shadow: 0 0 0 20px rgba(225, 25, 37, 0);
      box-shadow: 0 0 0 20px rgba(225, 25, 37, 0.3);
  }
  100% {
            width: 75px;
      height: 75px;
		transform: scale(1);
		opacity: 0;
      -moz-box-shadow: 0 0 0 0 rgba(225, 25, 37, 0);
      box-shadow: 0 0 0 0px rgba(225, 25, 37, 0);
  }
}

/*--------------------------------*/
/* MEDIA QUERY */
/*--------------------------------*/
@media all and (max-width: 640px) {
  .co-footer {
    background-size: cover;
    background-position: center;
  }
  .uk-heading-hero {font-size: 15vw;}
  .uk-button-large {padding: 0 20px;}

  .co-card .el-item .el-title {
    font-size: 18px;
    padding-left: 20px;
    padding-bottom: 20px;
  }
  .co-card .el-item img {
    width: 50%!important;
    margin: 0 25%!important;
  }
  .co-zoom-lens, .co-zoom-lens2, .co-zoom-lens3 {left: 56px;}
  .co-lens {left: 50px;}
  .co-lens-container {transform: scale(0.8);}

  .co-pin {
    width: 60px;
    top: 40px;
    left: 40px;
  }
  .co-pin2 {width: 120px; left: 20px;}

  .co-dm-accordion .uk-panel {padding: 20px;}
  .ptitle .label {
    display: block;
    width: 50px;
    margin-bottom: 6px;
  }
  .ptitle {font-size: 14px;}

  .co-panel-form {padding: 20px 0px;}
	
	.co-overlay .uk-overlay {
	opacity: 1;
	}
	.co-overlay .el-title {
		opacity: 1;
		transform: translateY(0%);
	}
	.co-overlay .uk-overlay-primary {
		background: transparent;
	}
}

@media all and (max-width: 960px) {
  .co-card .el-item {
    padding: 0;
    margin: 20px;
  }
  .co-card .el-item img {
    width: 30%;
    margin: 0 35%;
  }
  .co-card .el-item .el-title {
    margin-top: 0!important;
  }
  .co-hero-page div.uk-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .co-lens-container {left: 20%;}

  .co-form, .co-checkbox  {padding-left: 30px;}
	
  .co-footer-menu {column-count: 2;}
}

@media all and (min-width: 961px) {
  .co-form {padding-left: 40px;}
  .co-footer-menu {margin-left: 70px !important;}
}

@media all and (min-width: 640px) {
	.co-overlay, .co-overlay img {width: 50vw;}  
}