@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700&display=swap');

/*=======================================*/
/*    Navbar   */
/*=======================================*/
.tm-header .uk-navbar {
  background: #fff;
  box-shadow: 0 2px 24px 0 rgba(93,75,206,0.2);
  /* z-index: 10; */
  padding-right: 15px;
}
.tm-header .uk-navbar-container:not(.uk-navbar-transparent) {background: transparent;}
.tm-header .uk-logo {margin-left: 15px;}
.uk-navbar-dropdown {
  width: 100%;
  padding: 0px 6vw;
  border-top: 1px solid #e5e5e5;
}
.tm-header div.uk-sticky:not(.uk-sticky-fixed) .uk-navbar-dropdown {
  max-width: 100%;
  width: 100vw;
  transform: translateX(50%);
  left: -50%!important;
  background: #fff;
  box-shadow: 0 12px 24px 0 rgba(93,75,206,0.2);
}
.tm-header div.uk-sticky:not(.uk-sticky-fixed) .uk-navbar-dropbar-slide {
  background: transparent;
  box-shadow: none;
}
.tm-header .uk-sticky-fixed .uk-container.uk-container-large {
  max-width: 100vw;
  padding: 0;
}
.tm-header .uk-sticky-fixed .uk-navbar {padding: 0 4vw;}
.tm-header .uk-navbar-right {flex-direction: row-reverse;}
.si-nav, .uk-navbar-dropdown-nav a {text-align: center;}
.si-nav:before {
  content: '';
  display: block;
  height: 120px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#widget-custom_html-11 {padding: 0px;}
.si-nav-product .si-product-image {
  display: block;
  margin: 0 auto;
  height: 120px;
  max-width: 140px;
  object-fit: contain;
}
#product-menu .uk-navbar-dropdown {padding-left: 3vw;}
.uk-navbar-dropdown-grid > .uk-first-column {padding-left: 0!important;}

/*=======================================*/
/*    Navbar Mobile   */
/*=======================================*/
.tm-header-mobile .uk-navbar {box-shadow: 0 2px 24px 0 rgba(93,75,206,0.21);}
.tm-header-mobile .uk-navbar-toggle, .tm-header-mobile .uk-logo {min-height: 60px;}
.tm-header-mobile .uk-navbar-left {padding-left: 10px;}
.tm-header-mobile .uk-navbar-right {padding-right: 10px;}
.tm-header-mobile .uk-offcanvas-bar {
  background: -webkit-linear-gradient(305deg, #AE1D2F 0%, #e43f60 100%);
  background: -o-linear-gradient(305deg, #AE1D2F 0%, #e43f60 100%);
  background: linear-gradient(35deg, #AE1D2F 0%, #e43f60 100%);
}
#tm-mobile li.uk-active a {font-weight: 700;}
.uk-offcanvas-bar .uk-child-width-1-1.uk-grid.uk-grid-stack .uk-first-column:last-of-type {
  order: -1;
  margin-left: -15px;
  margin-top: 0;
}
.wpml-ls-link {text-transform: uppercase;}
.wpml-ls-legacy-list-horizontal ul {
  list-style: none;
  display: flex;
  justify-content: space-evenly;
}

/*=======================================*/
/*    Toolbar   */
/*=======================================*/
.menu-item-object-wpml_ls_menu_item {margin-top: 4px;}
.tm-toolbar {
  background: -webkit-linear-gradient(bottom, #AE1D2F 0%, #e43f60 100%);
  background: -o-linear-gradient(bottom, #AE1D2F 0%, #e43f60 100%);
  background: linear-gradient(to top, #AE1D2F 0%, #e43f60 100%);
}
.tm-toolbar .uk-container > div.uk-margin-auto-left {
  min-width: 360px;
  text-align: right;
  display: flex;
  justify-content: flex-end;
}
.wpml-ls-current-language {font-weight: 700;}
.wpml-ls-item-legacy-list-horizontal {
  padding: 6px 10px;
  font-size: 16px;
}
.wpml-ls-legacy-list-horizontal ul {margin: 0;}

/*=======================================*/
/*    Theme   */
/*=======================================*/
.uk-section-primary {
  background: -webkit-linear-gradient(110deg, #D94966 0%, #AE1D2F 100%);
  background: -o-linear-gradient(110deg, #D94966 0%, #AE1D2F 100%);
  background: linear-gradient(200deg, #D94966 0%, #AE1D2F 100%);
}
.uk-section-muted {
  background: -webkit-linear-gradient(#FFFFFF 0%, #F9EEEF 100%);
  background: -o-linear-gradient(#FFFFFF 0%, #F9EEEF 100%);
  background: linear-gradient(#FFFFFF 0%, #F9EEEF 100%);
}
.wp-block-button__link {
	margin: 0;
  border: none;
  overflow: visible;
  font: inherit;
  color: inherit;
  text-transform: none;
  -webkit-appearance: none;
  border-radius: 0;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 30px;
  vertical-align: middle;
  font-size: .875rem;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  transition: .1s ease-in-out;
  transition-property: color,background-color,background-position,border-color,box-shadow;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .81px;
  background-origin: border-box;
	background-color: #ae1d2f;
  color: #fff;
  border: 2px solid transparent;
  background-image: linear-gradient(180deg,#c72948 0,#ae1d2f 100%);
}
.wp-block-button__link:focus, .wp-block-button__link:hover {
  background-color: #981929;
  color: #fff;
  border-color: transparent;
  background-image: linear-gradient(180deg,#ae1d2f 0,#c72948 100%);
  text-decoration: none;
}

/*=======================================*/
/*    Child Pages   */
/*=======================================*/
.si-childpages li a {
  text-transform: uppercase;
  letter-spacing: 1px;
}

/*=======================================*/
/*    Homepage / Hero   */
/*=======================================*/
.si-hero-h1 {color: #fff;}

/*===========================================================*/
/*    Homepage / Last Posts  ||  Archive / Consigli   */
/*===========================================================*/
.si-meta-card, #si-post-grid .el-meta {
  border: 1px solid #ae1f2f;
  display: inline-block;
  padding: 0px 8px;
  border-radius: 50px;
  transition: all .2s ease-out;
}
.si-meta-card:hover, #si-post-grid .el-meta:hover {background: #ae1f2f;}
.si-meta-card:hover a, #si-post-grid .el-meta:hover a {color: #fff;}
.si-meta-card a, #si-post-grid .el-meta a {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 0.75rem;
  color: #ae1f2f;
}
.si-post .uk-card-media-top .uk-inline-clip {max-height: 180px;}
.si-post .uk-card-media-top .uk-inline-clip:after, #si-post-grid .uk-inline-clip:after {
  content: '';
  background: -webkit-linear-gradient(rgba(199,41,72,0) 0%, rgba(174,29,47,0.6) 100%);
  background: -o-linear-gradient(rgba(199,41,72,0) 0%, rgba(174,29,47,0.6) 100%);
  background: linear-gradient(rgba(199,41,72,0) 0%, rgba(174,29,47,0.6) 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.si-post .uk-card-media-top .uk-inline-clip:before, #si-post-grid .uk-inline-clip:before {
  content: '';
  background: url(../asset/sideral-watermark.svg);
  background-size: 60%;
  background-repeat: no-repeat;
  opacity: 0.4;
  position: absolute;
  top: 100%;
  left: 70%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 1;
}

/*=======================================*/
/*    Homepage / Tecnologia  */
/*=======================================*/
.si-tecnologia-slideshow .el-item .uk-position-cover:after {
  content: '';
  background: linear-gradient(270deg, rgba(215,62,92,0.16) 50%, rgba(174,29,47,0.77) 100%);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.si-tecnologia-slideshow {pointer-events: none;}
.si-tecnologia-panel .el-link {display: inline-flex;}
.si-tecnologia-panel .el-link:before {
  content: '';
  background: url(../asset/icons/icon-sucrosoma.svg) no-repeat;
  background-size: contain;
  width: 30px;
  margin-top: 14px;
  margin-right: 10px;
}
.si-tecnologia-panel .el-link:hover:before {
  background: url(../asset/icons/icon-sucrosoma-light.svg) no-repeat;
  background-size: contain;
}

/*=======================================*/
/*    Homepage / Quando si usa   */
/*=======================================*/
.si-grid-quando .el-image {
  color: #af1f2f!important;
  padding: 5px;
}
.si-grid-quando .el-title {margin-top: 5px!important;}
.si-grid-quando .el-item {
  border-radius: 100px;
  width: 200px;
  height: 200px;
  box-shadow: inset 10px 12px 20px 0px rgb(189 42 68 / 0.5);
}
.si-grid-quando .el-item:before {
  content: '';
  border-radius: 100px;
  border: dashed 2px #f9eeef;
  /*animation: spin 20s linear infinite;*/
  height: 200px;
  width: 200px;
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  pointer-events: none;
}
.si-grid-quando .el-item:hover:before {animation: spin 2s linear infinite;}
@keyframes spin {
  100% {transform: rotateZ(360deg);}
}

/*=======================================*/
/*    Homepage / Product Card   */
/*=======================================*/
.si-product-card-slim-image img {
  padding: 20px 20px 0px 20px;
  height: 240px;
  width: 100%;
  object-fit: contain;
}
.si-product-card-slim-image {overflow: hidden;}
.si-product-card-slim.uk-card-hover:hover {box-shadow: 0 14px 15px -10px !important;}
.si-product-card-slim {text-decoration: none!important;}

/*=======================================*/
/*    Product Slider   */
/*=======================================*/
.si-product-slider li.el-item {margin: auto;}
.si-product-slider ul.uk-slider-items, .si-product-slider-mobile ul.uk-slider-items {
  align-items: flex-end;
  padding-bottom: 30px;
}
.si-product-slider-section {
  background: transparent;
  z-index: 3;
  position: relative;
  margin-top: -120px;
}
.si-product-slider-page {
  margin-top: 0px;
  background: -webkit-linear-gradient(#FFFFFF 0%, #F9EEEF 100%);
  background: -o-linear-gradient(#FFFFFF 0%, #F9EEEF 100%);
  background: linear-gradient(#FFFFFF 0%, #F9EEEF 100%);
}
.si-product-slider .uk-width-1-6\@m {width: calc(100% * 1 / 9);}
.si-product-slider li.el-item:first-of-type {margin-left: 6%;}
.si-product-slider a .el-image {transition: all .2s ease;}

/*=======================================*/
/*    Archive Post / Category Grid   */
/*=======================================*/
.si-sidebar-cat-mobile {width: 100vw; overflow-x: scroll; margin-left: -30px;}
.si-sidebar-cat-mobile > .uk-grid {flex-direction: row; width: max-content;}
.si-sidebar-cat-mobile .uk-grid div {width: auto;}
.si-sidebar-cat-mobile .uk-grid > div:first-of-type > .el-item {margin-left: 15px;}
.si-sidebar-cat-mobile .uk-grid > div:last-of-type > .el-item {margin-right: 15px;}
.si-sidebar-cat-mobile {background: #fff; padding: 10px 0;}
.si-sidebar-cat-mobile.uk-sticky-fixed {min-width: 100vw; transform: translateX(-30px);}

/*=======================================*/
/*    Archive Product / Grid   */
/*=======================================*/
.si-grid-product-archive .si-product-card-container:nth-child(even) .uk-flex-middle {flex-direction: row-reverse;}
.si-grid-product-archive .si-product-card-container:nth-child(even) .si-product-card-text {padding: 20px 30px 20px 60px;}
.si-grid-product-archive .si-product-card {padding: 0; overflow: hidden;}
.si-grid-product-archive .si-product-card .si-product-card-image {background: #fff;}
.si-grid-product-archive .si-product-card .si-product-card-image img {
  margin: 0 auto;
  display: block;
  padding: 30px 0;
  max-height: 360px;
}

/*=======================================*/
/*    Single Product   */
/*=======================================*/
#si-hero-single-product {
  z-index: 979;
  position: relative;
}
#si-hero-single-product .uk-sticky-placeholder {width: 50% !important; order: -1;}
.si-single-product-col-pack + .uk-sticky-placeholder {}
.si-card-single-product {border: 1px solid #D2D2D2;}
.si-btn-foglio-illustrativo .el-content {
  color: #fff;
  border: none;
  box-shadow: 0 0 0 0 rgba(173, 29, 47, 0.5);
  animation: btn-pulse-light 1.8s infinite ease-in-out;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 1);
}
.si-product-vantaggi-grid .el-title {
  font-size: 0.875rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.si-product-accordion img {
  max-height: 320px;
  margin: 0 auto;
  display: block;
}
.si-single-product-col-pack {position: relative;}
.si-single-product-col-pack::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255,255,255,.4);
}
.si-single-product-pack .el-image {object-fit: contain; max-height: 60vh;}
.si-product-intro-panel-mobile {border: none;}
.single-gamma_sideral #si-slider,
.single-gamma_sideral #si-footer,
.single-gamma_sideral #si-absolute-footer {z-index: 979;}

/*=======================================*/
/*    Contact Form   */
/*=======================================*/
.uk-label.uk-form-label {white-space: normal;}
.wpcf7 .wpcf7-response-output {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 10px;
}
.wpcf7 .wpcf7-response-output:before {
    font-size: 36px;
    margin-right: 16px;
    vertical-align: middle;
}
.wpcf7 form.sent .wpcf7-response-output:before {content: '✓' !important;}
.wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.unaccepted .wpcf7-response-output:before {content: '𐄂';}
.screen-reader-response {display: none;}
.wpcf7 .wpcf7-not-valid-tip {
    background: #fef4f6;
    color: #f0506e;
    border-right: 1px solid #eaa2af;
    border-left: 1px solid #eaa2af;
    border-bottom: 1px solid #eaa2af;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 5px 20px;
    font-weight: 300;
    text-align: center;
}

.wpcf7-not-valid {
    display: block;
	border: 1px solid #eaa2af;
}
.wpcf7 .wpcf7-checkbox.wpcf7-not-valid:first-of-type + .wpcf7-not-valid-tip {margin-bottom: 15px;}
.wpcf7 .wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    background: #fef4f6;
    color: #f0506e;
    border: 1px solid #eaa2af;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 21px;
    text-align: center;
    margin: 20px 0px;
    padding: 20px 15px;
}
.wpcf7 .wpcf7-mail-sent-ok {
    background: #eefff5;
    color: #2ecc71;
    border: 1px solid #2ecc71;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 21px;
    text-align: center;
    margin: 20px 0px;
    padding: 20px 15px;
}
.wpcf7 .mg-form-checklabel span {
    font-size: 13px;
    line-height: 21px;
    display: block;
}
.wpcf7-checkbox + span.wpcf7-not-valid-tip {
    display: block;
    border-top: 1px solid #eaa2af;
    position: relative;
    top: 40px;
}
.wpcf7-checkbox.wpcf7-not-valid {border: 0px;}
.wpcf7-list-item-label {margin-left: 10px;}

/*=======================================*/
/*    Table   */
/*=======================================*/
.wp-block-table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}
.wp-block-table tr {border-top: 1px solid #e5e5e5;}
.wp-block-table td {
    padding: 16px 12px;
    vertical-align: top;
}

/*=======================================*/
/*    Footer   */
/*=======================================*/
#si-footer {border-top: 1px solid #af2030;}
.si-footer-menu .menu-item {
  padding: 10px 0;
  text-transform: inherit;
  letter-spacing: inherit;
}
.si-footer-menu .uk-subnav li {width: 42%;}

/*=======================================*/
/*    Privacy  */
/*=======================================*/
.si-informativa {
  height: 150px;
  margin-bottom: 15px;
  overflow: scroll;
  border: 1px solid #e5e5e5;
  padding: 10px;
  font-size: 12px;
}
.si-informativa h2 {font-size: 20px;}
.si-informativa h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0 0 0;
}
.si-informativa p {margin: 0;}


/*=======================================*/
/*    Media Query   */
/*=======================================*/
@media all and (max-height: 700px) and (min-width: 960px) {
  .si-single-product-col-pack img {max-height: 40vh;}
  .si-product-hero-panel {padding-top: 120px;}
  .si-grid-product-archive .si-product-card .si-product-card-image img {max-height: 300px;}
}
@media all and (max-width: 1400px) {
  .tm-header div.uk-sticky:not(.uk-sticky-fixed) .uk-navbar-dropdown {
    max-width: calc(100vw - 80px);
	  width: 100vw;
    transform: none;
    left: 0!important;
  }
}
@media all and (min-width: 1200px) {
  .si-grid-product-archive .si-product-card-container:nth-child(even) .si-product-card-text {padding: 20px 30px 20px 75px;}
}
@media all and (min-width: 960px) {
  .tm-header .uk-navbar-nav>li>a {
    padding: 0 15px;
    font-size: .875rem;
    letter-spacing: 0.81px;
  }
  .si-single-product-col-pack {z-index:1;}
  .si-product-hero-panel .el-content {font-size: 20px;}
  .si-single-product-col-pack.uk-sticky {width: 50% !important;}
  .si-product-card-text {padding-right: 30px;}
  .si-product-slider a:hover .el-image {transform: translateY(-10px); transition: all .2s ease;}
  .si-product-slider a {padding-top: 10px;}
}
@media all and (max-width: 959px) {
  .si-grid-product-archive .si-product-card-container:nth-child(even) .si-product-card-text {padding: 15px 15px 15px 45px !important;}
  .si-grid-product-archive .si-product-card-container:nth-child(odd) .si-product-card-text {padding: 15px;}
  .si-product-card-text .si-product-card-button {
    font-size: 0.75rem;
    line-height: 1.5;
    padding: 10px 15px;
  }
  .si-single-product-col-pack {
    min-height: unset!important;
    margin-top: 0!important;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #si-hero-single-product {align-items: start; min-height: unset!important;}
  .si-product-hero-panel .uk-margin-medium-top {margin-top: 12px!important;}
  .si-product-col-panel .uk-tile {padding: 30px 15px;}
  .si-product-slider-section {margin-top: -40px;}
  .si-product-slider-page {margin-top: 0px;}
  .si-single-product-col-pack {align-items: flex-start;}
  .si-prodcut-content-section {padding: 60px 30px;}
  .si-footer-menu .uk-subnav li {width: 100%;}
  .si-footer-menu .menu-item {padding: 6px 0; text-transform: inherit;}
}
@media all and (min-width: 640px) {
  .si-gamma-description {max-width: 50%}
}
@media all and (max-width: 639px) {
  .uk-button-large {
    line-height: 1.3;
    padding: 18px 20px;
    font-size: 0.875rem;
  }
  .uk-text-lead {font-size: 1rem;}
  .si-dotnav-container {margin-left: -15px;}
  .si-home-hero-section {min-height: 55vh!important;}
  .si-page-hero-section h1 {color: #fff !important;}
  .si-page-hero-section .uk-position-cover {background-color: rgba(175, 34, 55, 0.24) !important;}
  .si-product-hero-panel .el-link {display: none;}
  .si-product-card-text {
    padding: 15px 15px 15px 45px !important;
    margin-top: 0 !important;
  }
  .si-product-card-image img {
    max-height: 180px !important;
    padding: 20px 0 0 0 !important;
  }
  .si-product-card-text .si-product-card-title {font-size: 1.5rem;}
  .si-product-card-text .si-product-card-content {font-size: 0.75rem;}
  .uk-accordion-title {font-size: 1.25rem;}
  .si-prodcut-content-section {padding: 60px 15px;}
  .si-btn-foglio-illustrativo {padding-bottom: 20px; margin-top: 0 !important;}
  .si-product-vantaggi-grid .el-title {font-size: 12px;}
  .si-card-single-product {padding: 15px;}
  .si-single-product-pack {max-width: 70%; margin: 0 auto;}
  .si-single-product-pack .el-image {max-height: 33vh;}
  .si-product-card-slim-container .uk-card-body {padding: 10px;}
  .si-product-card-slim-content {
    display: ;
    font-size: 0.75rem;
    line-height: 1.3;
    margin-top: 6px!important;
  }
  .si-product-card-slim-title {font-size: 1.125rem;}
  .si-product-card-slim-image img {
    padding: 10px 10px 5px 10px;
    height: 140px;
  }
  .si-tecnologia-panel .el-link {align-items: center;}
  .si-tecnologia-panel .el-link:before {
    height: 24px;
    margin-top: 0;
    margin-right: 5px;
  }
  .si-footer-menu .menu-item {font-size: 0.8125rem;}
  .si-grid-quando .el-item, .si-grid-quando .el-item:before {width: 150px; height: 150px;}
  .si-grid-quando .el-item {padding: 25px 15px;}
  .si-grid-quando .el-image {max-width: 60px;}
  .si-grid-quando .el-title {font-size: 12px;}
  .si-gamma-description {color: #fff;}
}

@media all and (max-width: 375px) {
  .si-product-vantaggi-grid .el-title {font-size: 10px;}
}