/*
Theme Name: Cipolla dal 1950
Theme URI: #
Author: eXceed Srl
Author URI: https://exceedsrl.com
Description: Cipolla dal 1950
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cipolla-dal-1950
*/

/* Generale */

@import url('https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed&family=Gilda+Display&display=swap');

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75em;
  color: #666;
  margin-bottom: 20px;
  overflow-x: hidden;
}

section {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Gilda Display', serif;
  font-weight: 400;
  line-height: 1.25em;
  margin: 0 0 20px 0;
  color: #222;
}

p {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.75em;
  color: #666;
  margin-bottom: 20px;
}

.clearfix {
  clear: both;
}

input[type="text"] {
  border: solid 1px #000;
  padding: 10px;
  border-radius: 0px;
}

input[type="email"] {
  border: solid 1px #000;
  padding: 10px;
  border-radius: 0px;
}

input[type="submit"] {
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
  border-radius: 0px!important;
}

.container {
  /* min-width: 992px !important; */ /* Rimuovi questa riga */
  max-width: 1140px;
  width: 100%;
  height: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;  
}

.section-subtitle {
  font-size: 15px;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 400;
  color: #666;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 6px;
  margin-bottom: 5px;
}

.section-title {
  font-size: 30px;
  font-family: 'Gilda Display', serif;
  font-weight: 400;
  color: #222;
  position: relative;
  margin-bottom: 20px;
  line-height: 1.25em;
}

.info_header {
  display: flex;
  flex-wrap: nowrap;
  background-color: #222;
  height: 50px;
}

.info_header > div {
  flex-basis: 33.3%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.info_header span {
  text-align: center;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 7px;
}

.info_header svg {
  height: 25px;
}

.info_header svg path {
  fill: #aa8453;
}

.info_header > div:nth-child(2) svg path:first-of-type {
  fill: transparent!important;
}

#cerca svg {
  width: 20px;
  height: 25px;
  fill: #fff;
  position: relative;
  top: 6px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#cerca:hover svg,
.header_sticky #cerca:hover svg
{
  fill: #aa8453;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  transform: scale(1.2);
}

#il-mio-account svg {
  width: 18px;
  height: 20px;
  position: relative;
  top: 3px;
  -webkit-transition: all 0.4s!important;
  transition: all 0.4s!important;
}

#il-mio-account:hover svg path,
#il-mio-account:hover svg ellipse,
.header_sticky #il-mio-account:hover svg path
{
  -webkit-transition: all 0.4s!important;
  transition: all 0.4s!important;
}

#il-mio-account:hover svg {
  transform: scale(1.2);
}

#il-mio-account svg path {
  fill: #fff!important;
}

/* Header - Lista dei desideri */
#lista-desideri svg {
  width: 22px;
  height: 22px;
  position: relative;
  top: 4px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

/* Header - Lista dei desideri (piena) */
#lista-desideri.piena svg path {
  fill: #aa8453;
  stroke: #aa8453;
  stroke-width: 1px;
}

#lista-desideri.piena svg:hover path {
  fill: #fff;
  stroke: #fff;
}

/* Header - Lista dei desideri (vuota) */
#lista-desideri.vuota svg path {
  fill: none;
  stroke: #fff;
  stroke-width: 1px;
}

#lista-desideri.vuota svg:hover path {
  fill: #fff;
  stroke: #fff;
}

#lista-desideri:hover svg {
  transform: scale(1.2);
}

/* Header - Lista dei desideri sticky (piena) */
.header_sticky #lista-desideri.piena svg path, .pagina-senza-immagine #lista-desideri.piena svg path {
  fill: #aa8453;
  stroke: #aa8453;
}

.header_sticky #lista-desideri.piena .heart-icon:hover .heart-outline, .pagina-senza-immagine #lista-desideri.piena .heart-icon:hover .heart-outline {
  fill: #222;
  stroke: #222;
}

/* Header - Lista dei desideri sticky (vuota) */
.header_sticky #lista-desideri.vuota svg path, .pagina-senza-immagine #lista-desideri.vuota svg path, .postid-126166 #lista-desideri.vuota svg path {
  fill: none;
  stroke: #222;
}

.header_sticky #lista-desideri.vuota .heart-icon:hover .heart-outline, .pagina-senza-immagine #lista-desideri.vuota .heart-icon:hover .heart-outline {
  fill: #222;
  stroke: #222;
}

.postid-126166 header { /* Regalo */

  position: relative;

}

#carrello {
  position: relative;
}

#carrello svg {
  width: 19px;
  height: 23px;
  position: absolute;
  top: -5px;
  left: 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#carrello:hover svg:first-of-type path,
.header_sticky #carrello:hover svg:first-of-type path {
  stroke: #aa8453;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#carrello:hover svg:first-of-type circle,
.header_sticky #carrello:hover svg:first-of-type circle {
  fill: #aa8453;
  stroke: #aa8453;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#carrello:hover svg:nth-child(2) {
  transform: rotate(110deg)!important;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

#carrello svg:nth-child(2) {
  transform: rotate(141deg)!important;
  top: -33px;
  left: 13px;
  width: 32px;
  height: 32px;
}

#carrello:hover svg {
  transform: scale(1.2);
}

#carrello svg:first-of-type path {
  stroke: #fff;
}

#carrello svg:first-of-type circle {
  fill: #fff;
  stroke: #fff;
}

#carrello span {
  position: absolute;
  top: -27px;
  left: 21px;
  color: #fff;
  width: 10px;
  height: 10px;
  padding: 5px;
  display: inline-grid;
  line-height: 10px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
}

#carrello {
  transition: all 0.5s;
}

#carrello.animated {
  transform: rotate(360deg);
}

#overlay_ricerca {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
}

#overlay_ricerca:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: hsla(0, 0%, 0%, 0.6);
  z-index: 20;
  width: 100%;
  height: 100%;
}

.home #overlay_ricerca:before {
  background-color: hsla(0, 0%, 0%, 0.8);
}

.home #overlay_ricerca > div {
  top: -10%;
}

#overlay_ricerca > div {
  width: 100%;
  max-width: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  z-index: 20;
  position: relative;
  top: -7%;
}

.dgwt-wcas-search-wrapp {
  max-height: 800px!important;
}
.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  font-size: 27px!important;
  background-color: transparent!important;
  border: solid 1px #fff!important;
  border-radius: 33px!important;
  width: 0%;
  height: 70px!important;
  color: #fff!important;
  padding: 20px!important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
  padding: 11px 20px 11px 43px!important;
}

.dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
  fill: #fff!important;
}

.dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
  background-color: transparent;
}

.dgwt-wcas-pd-addtc-form input.qty {
  width: 60px;
  height: 50px;
  border: 0;
  text-align: center;
  -moz-appearance: none;
  appearance: none;
  background: #f8f5f0;
  border-radius: 30px;
  font-weight: 500;
  color: #747691;
  font-size: 16px;
}

.dgwt-wcas-pd-addtc-form .add_to_cart_inline a {
  font-size: 13px!important;
  font-weight: 700!important;
  letter-spacing: 2px!important;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  background-color: #aa8453!important;
  color: #fff!important;
  border: 0px!important;
  padding: 7px!important;
  border-radius: 0px!important;
}

.dgwt-wcas-pd-addtc-form .add_to_cart_inline a:hover {
  background-color: #222!important;
}

.dgwt-wcas-pd-addtc {
  display: none!important;
}

#overlay_ricerca > div > input {
  font-size: 27px;
  padding: 11px;
  background-color: transparent;
  border: solid 1px #fff;
  border-radius: 33px;
  width: 0%;
  color: #fff;
  padding: 20px;
}

#overlay_ricerca button {
  width: 30px;
  height: 45px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background-color: transparent;
  margin: -10px 30px 0 30px;
}

#overlay_ricerca button svg {
  fill: #fff;
}


a {
  color: #aa8453;
  text-decoration: none;
}

.wc-apa-button-separator {
  display: none!important;
}

/* Animazioni */

.animazione {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animazione_lenta {
  animation-duration: 2s;
  animation-fill-mode: both;
}

.animazione_veloce {
  animation-duration: .5s;
  animation-fill-mode: both;
}

.fadeInLeft {
  opacity: 0;
  transform: translateX(-100%);
  animation-name: fadeInLeft;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}


.fadeInRight {
  opacity: 0;
  transform: translateX(100%);
  animation-name: fadeInRight;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}

/* Header */
header {
  position: absolute;
  width: 100%;
  background-color: transparent;
  padding: 20px 0px;
  z-index: 20;
}

.top-navbar {
  font-size: 18px;
  margin: 0 auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.top-navbar .social {
  align-items: center;
  justify-content: center;
  align-content: center;
  text-align: center;
  display: flex;
  padding: 0 0 0 60px;
}

.top-navbar .social ul {
  list-style: none;
}

.top-navbar .social li:first-of-type {
  display: none;
}

.header_sticky .top-navbar .social li:first-of-type {
  display: block;
}

.top-navbar .social a:hover {
  color: #666;
}

#toggle-menu {
  display: none!important;
}

.navbar-logo {
  padding: 10px;
}
.navbar-logo img {
  width: 200px;
}

.navbar-links {
  padding: 0 321px 0 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}

.navbar-links > a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 4px 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.pagina-senza-immagine .navbar-links > a,
.postid-126166 .navbar-links > a 
{
  color: #222;
}

.navbar-links > a:hover,
.postid-126166 .navbar-links > a:hover {
  color: #aa8453;
}

.navbar-toggle-sidebar {
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  padding: 0;
  color: #fff;
  position: relative;
  top: 3px;
  left: 5px;
  cursor: pointer;
}


/* dropdown */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown_link {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 3px;
  margin: 4px 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.header_sticky .dropdown_link,
.pagina-senza-immagine header .dropdown_link {
  color: #222;
}


.dropdown_menu {
  display: none;
  position: absolute;
  background-color: rgb(255 255 255 / 96%);
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
  top: 100%;
  left: 0;
  width: 220px;
  border-radius: 4px;
}

.dropdown_menu ul {
  list-style: none;
  padding: 0;
  margin: 10px 0 10px 20px;
  border-left: 2px solid transparent;
  border-image: linear-gradient(0.99turn, rgb(255 249 34 / 0%), rgb(0 0 0), rgba(56, 2, 155, 0));
  border-image-slice: 1;
}

.dropdown_menu a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size: 13px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.dropdown_menu a:hover {
  margin-left: 8px;
  font-weight: 700;
  color: #aa8453;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.dropdown:hover .dropdown_menu {
  display: block;
}

/* Fine dropdown */

.mega-menu {
  width: 50%;
  background-color: rgb(255 255 255 / 96%);
  position: absolute;
  top: 79px;
  left: 50%;
  transform: translateX(-34.8%)!important;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease-in-out;
  margin: 25px auto;
  height: 75vh;
  z-index: 50;
}

.mega-menu > div {
  z-index: -1;
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  overflow: hidden;
}

.mega-menu > div > img {
  filter: grayscale(1);
  opacity: 0.02;
  transform: rotate(-45deg);
  width: 120%;
  height: auto;
  z-index: 10;
  position: relative;
}

.mega-menu .row {
  display: flex;
  top: 0;
  left: 0;
  position: absolute;
  padding: 40px;
  width: 100%;
  max-width: 1031px;
}

.mega-menu .row div {
  flex-basis: 25%;
}

.mega-menu h4 {
  margin-bottom: 10px;
  color: #aa8453;
  font-weight: 700;
}

.mega-menu ul {
  list-style: none;
  padding: 0 0 0 20px;
  margin: 0;
  border-left: 2px solid transparent;
  border-image: linear-gradient(0.99turn, rgb(255 249 34 / 0%), rgb(0 0 0), rgba(56,2,155,0));
  border-image-slice: 1;
}

.mega-menu a {
  color: #000;
  text-decoration: none;
  font-size: 13px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.mega-menu a:hover {
  padding-left: 8px;
  font-weight: 700;
  color: #aa8453;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#gioielli-dropdown:hover + .mega-menu, .mega-menu:hover {
  opacity: 1;
  visibility: visible;
}

.sidebar-menu .dropdown {
  position: relative;
  display: inline-block;
  top: 2px;
}

.sidebar-menu #faq {
  margin: 0;
}

.sidebar-menu .dropdown-toggle {
  cursor: pointer;
  color: #fff;
}

.sidebar-menu .dropdown-menu {
  position: absolute;
  top: 15px;
  right: -49px;
  z-index: 1000;
  display: none;
  float: right;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.sidebar-menu .dropdown-menu li {
  display: block;
  clear: both;
  color: #333;
  white-space: nowrap;
}

.sidebar-menu .dropdown-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}

.sidebar-menu .dropdown-menu li a:hover,
.sidebar-menu .dropdown-menu li a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.sidebar-menu .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.li_lingua {
  padding: 21px 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border-bottom: solid 1px #f4f4f4;
}
  
  .li_lingua a {
    margin: 0 16px;
    display: flex;
    align-items: center;
    position: relative;
  }

  .li_lingua a:hover img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    transform: scale(1.2);
  }
  
  .li_lingua img {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    width: 20px;
  }

  .li_lingua img.active {
    border: solid #aa8453 2px;
    padding: 2px;
  }
  
  .lingua_corrente {
    color: #222;
    font-weight: 700;
    position: absolute;
    top: -3px;
    left: 25px;
  }
  
  .lingua_corrente:first-of-type {
    left: 30px;
  }
  
  .dropdown .lingua {
    width: 25px;
  }
@media (max-width: 767px) {
  .sidebar-menu .dropdown-menu {
    position: static;
    float: none;
  }
}

#toggle-menu i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  width: 26px;
  height: 1px;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #aa8453;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

#toggle-menu i:before,
#toggle-menu i:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #aa8453;
  position: absolute;
  left: -10px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#toggle-menu i:before {
  top: -7px;
}

#toggle-menu i:after {
  bottom: -7px;
}

#toggle-menu.active i:before,
#toggle-menu.active i:after {
  top: 0;
  bottom: 0;
}

.nav-toggle-custom {
  top: 1px !important;
}
.nav-toggle-custom i,
.nav-toggle-custom i:before,
.nav-toggle-custom i:after {
  background: #aa8453 !important;
}

#toggle-menu i,
#toggle-menu i:before,
#toggle-menu i:after {
  background: #666 !important;
}

.nav-toggle-custom {
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-decoration: none;
  position: relative;
  top: -15px;
  z-index: 10;
  display: block !important;
  float: right;
  right: 0;
  display: none;
  border-bottom: none !important;
}
.nav-toggle-custom:hover i:before {
  top: -7px;
}
.nav-toggle-custom:hover i:after {
  bottom: -7px;
}

.nav-toggle-custom.active i {
  background: transparent !important;
}

#toggle-menu.active i {
  background: transparent !important;
}

.nav-toggle-custom.active i:before {
  top: 0px;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.nav-toggle-custom.active i:after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}
.nav-toggle-custom:hover,
.nav-toggle-custom:focus,
.nav-toggle-custom:active {
  outline: none;
  border-bottom: none !important;
}

#toggle-sidebar {
  transition: all 0.4s;
  position: relative;
  top: -1px!important;
  width: 32px;
  height: 32px;
  border-bottom: unset!important;
  border: 1px solid #aa8453!important;
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
  border-radius: 25%;
  background-color: rgb(255 255 255 / 16%);
  display: flex!important;
  flex-wrap: nowrap!important;
  align-items: center!important;
  justify-content: center!important;
}

#toggle-sidebar svg:last-child {
  display: none;
  width: 24px;
  height: 24px;
}

#toggle-sidebar svg:last-child .cls-2 {
  fill: #fff;
}

.pagina-senza-immagine #toggle-sidebar > svg:nth-child(1) > path:nth-child(2) {
  stroke: #222;
}

.navbar-toggle-sidebar.active svg:last-child {
  display: block!important;
}

.navbar-toggle-sidebar.active svg:first-child {
  display: none!important;
}

#toggle-sidebar svg {
  transform: rotate(180deg);
  transition: all 0.4s;
  width: 28px;
  height: 28px;
}

#toggle-sidebar:hover svg path:last-child {
  stroke: #aa8453;
  transition: all 0.4s;
}

#toggle-sidebar:hover svg:last-child .cls-2 {
  fill: #aa8453;
  transition: all 0.4s;
}

.header_sticky .navbar-toggle-sidebar svg path:last-child {
  stroke: #222;
}

.header_sticky .navbar-toggle-sidebar svg:last-child .cls-2 {
  fill: #222!important;
}

#chiudi-sidebar {
  background-color: transparent;
  border: 0;
  font-size: 1.5rem;
  line-height: 1;
  text-align: center;
  padding: 10px 30px;
  color: #222;
  cursor: pointer;
}

.header_sticky .menu-container .navbar-nav {
  margin: 22px 0px 0px 0px;
}

.header_sticky .navbar-links > a {
  color: #222;
}

.header_sticky .navbar-links > a:hover {
  color: #aa8453;
}

.header_sticky #cerca svg, .pagina-senza-immagine #cerca svg, .postid-126166 #cerca svg {
  fill: #222;
}


.header_sticky #il-mio-account svg path, .pagina-senza-immagine #il-mio-account svg path, .postid-126166 #il-mio-account svg path {
  fill: #222!important;
}

.header_sticky #il-mio-account svg ellipse, .pagina-senza-immagine #il-mio-account svg ellipse, .postid-126166 #il-mio-account svg ellipse {
  fill: #222!important;
}

.header_sticky #carrello svg:first-of-type path, .pagina-senza-immagine #carrello svg:first-of-type path, .postid-126166 #carrello svg:first-of-type path {
  stroke: #222;
}

.header_sticky #carrello svg:first-of-type circle, .pagina-senza-immagine #carrello svg:first-of-type circle, .postid-126166 #carrello svg:first-of-type circle {
  fill: #222;
  stroke: #222;
}


#azioni {
  position: relative;
  top: -3px;
}

#azioni a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 4px 10px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}


/* Header - Lingua */
 
#lingue {
  position: relative;
  top: 17px;
  display: grid;
  height: 60px;
  margin: 0 10px 0 40px;
}

#lingue a {
  display: inline-block;
}

#lingue a:hover::after,
#lingue:hover .lingua_secondaria {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s;
}

#lingue .lingua_secondaria {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s;
}


#lingue a::after,
#lingue a.hovered::after,
#lingue a.hovered.active::after {
  content: '';
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  opacity: 0;
}

.header_sticky #lingue a::after,
.header_sticky #lingue a.hovered::after,
.header_sticky #lingue a.hovered.active::after {
  content: '';
  position: absolute;
  left: 0;
  top: 25px;
  width: 100%;
  height: 2px;
  background-color: #222;
  opacity: 0;
}

#lingue a:hover::after,
#lingue a.hovered::after,
#lingue a.hovered.active::after {
  opacity: 1;
}




@media (min-width: 992px) {
  .header_sticky {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 150;
    left: 0;
    top: 0;
    animation: slideDown 0.5s;
    height: 130px;
  }
}

@media (min-width: 992px) {
  .header_sticky {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 150;
    left: 0;
    top: 0;
    animation: slideDown 0.5s;
    height: 130px;
  }
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}

/* Pagina */

.pagina-senza-immagine .page {
  margin: 100px 0 0 0;
}

.pagina-senza-immagine header {
  position: relative;
}

.pagina-senza-immagine .header_sticky {
  position: fixed;
}

.pagina-senza-immagine .page h1 {
  text-align: left;
}


.woocommerce-account .page h1 {
  text-align: center;
}

#tracking-info-form h2 {
  text-align: center;
}

#tracking-info-form svg {
  margin: 0 auto;
  display: table;
}

#tracking-info-form input[type="submit"] {
  background-color: #aa8453 !important;
  letter-spacing: 1.2px;
  transition: all .5s;
  padding: 6px 10px !important;
  color: #fff!important;
  border: none;
  height: 37px;
  cursor: pointer;
}

#tracking-info-form > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 700px;
  gap: 50px;
  margin: 20px auto;
}

#tracking-info-form > div:last-of-type {

}

#tracking-info-form input[type="submit"]:hover {
  background-color: #666 !important;
}

/*
.post-template-default .page {
  margin: 100px 0 0 0;
}

.pagina-senza-immagine header {
  position: relative;
}

.pagina-senza-immagine .page {
  margin: 100px 0 0 0;
}

.pagina-senza-immagine .header_sticky {
  position: fixed;
}
*/

/* Sidebar */
.sidebar {
  background-color: #fff;
  position: fixed;
  top: 0;
  right: -320px;
  height: 100%;
  width: 320px;
  overflow: hidden;
  z-index: 151;
  transition: right 0.5s ease, opacity 0.5s ease;
  opacity: 0; /* Aggiungiamo l'opacità a 0 quando la sidebar è chiusa */
}

/* Mostra la sidebar quando il toggle viene cliccato */
.sidebar.open {
  right: 0;
  opacity: 1; /* Aggiungiamo l'opacità a 1 quando la sidebar è aperta */
}



/* Menu della sidebar */
.sidebar-menu {
  margin: 0px 0px 0px 0px;
  padding: 0 32px;
  list-style: none;
}

.sidebar-menu:first-of-type {
  margin: 0px;
}

.sidebar-menu:first-of-type .dropdown {
  width: 25px;
  float: right;
}

.sidebar .dati_fatturazione {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.sidebar .dati_fatturazione p {
  text-align: center;
  font-size: 9px;
  line-height: 15px;
  margin: 25px auto;
}

.sidebar .dati_fatturazione p span {
  font-size: 24px;
  position: relative;
  top: 8px;
}


.recapiti {
  margin: 25px 0px;
}

.sidebar-menu-item {
  padding: 10px 0px;
  list-style: none;
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 1.5em;
  border-bottom: 1px solid #f4f4f4;
}

.sidebar-menu-item a {
  font-family: "Barlow", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #222;
  text-decoration: none;
  position: relative;
  padding: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: inline-block;
}

.sidebar-menu-item a:hover {
  color: #aa8453;
  padding-left: 8px;
  font-weight: 700;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.icona_sidebar {
  width: 20px;
  float: left;
  position: relative;
  top: 4px;
  color: #aa8453;
}

.sidebar-menu-item a > span {
  float: left;
}

.sidebar .info {
  padding: 0 32px;
  margin: 0px 0px 20px 0px;
  min-height: 65px;
  display: flex;
}

.sidebar .info:first-of-type {
  margin: 0 0 7px 0;
}

.sidebar .info:nth-child(2) {
  min-height: 50px;
}

.sidebar .info > a {
  display: flex;
}

.sidebar .info div:first-of-type {
  width: 60px;
  height: 50px;
  border: 1px solid #aa8453;
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
  border-radius: 50%;
}

.sidebar .info svg {
  width: 30px;
  height: 30px;
  fill: #aa8453;
  padding: 10px 9px;
}

.sidebar .call {
  width: 100%;
  height: auto;
  color: #222;
  font-weight: 400;
  font-size: 15px;
  margin-top: 0px;
  margin-left: 10px;
  display: grid;
}

.sidebar .call:last-child {
  margin-top: -8px;
}

.sidebar .call span {
  width: 100%;
  height: auto;
  color: #222;
  font-weight: 400;
  font-size: 15px;
  margin-top: 0px;
  font-family: 'Barlow', sans-serif;
}

.sidebar > div > div:nth-child(1) > a > div.call > span:nth-child(2) {
  font-family: 'Gilda Display', serif;
  font-size: 14px;
  color: #aa8453;
  display: grid;
}

.sidebar > div > div:nth-child(1) > a > div.call > span:nth-child(2) > span {
  font-family: 'Gilda Display', serif;
  font-size: 11px;
  color: #aa8453;
  display: grid;
  top: -10px;
  position: relative;
}

.sidebar .call span:nth-child(2) {
  font-family: 'Gilda Display', serif;
  font-size: 18px;
  color: #aa8453;
  margin-top: -7px;
}

.sidebar .call .numero_whatsapp {
  font-family: 'Gilda Display', serif;
  font-size: 18px;
  color: #aa8453;
  margin-bottom: 5px;
}

.sidebar .call .numero_whatsapp:last-child {
  margin-top: -5px;
}

/* Slider */

.slider {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  z-index: 0;
  position: relative;
}

.slider:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.slide {
  height: 100vh;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}
  

.slide video {
  width: 100%!important;
  height: auto;
  object-fit: cover;
  background-color: transparent;
  left: 0;
  top: 0;
  position: absolute;
}

.slider .slide img {
  width: 100%!important;
  height: 100vh;
  object-fit: cover;
  background-color: transparent;
  left: 0;
  top: 0;
  position: absolute;
}

.slide-content {
  color: white;
  font-size: 2rem;
  text-align: center;
  padding: 0 2rem;
}

.slide .btn {
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.75rem 1.5rem;
  transition: background-color 0.2s ease;
}

/* Colore del bottone al passaggio del mouse */
.slide .btn:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

#frecce-slider {
  position: absolute;
  bottom: 10%;
  right: 10%;
  z-index: 2;
}

#frecce-slider button {
  background-color: transparent;
  width: 40px;
  height: 40px;
  line-height: 34px;
  border-radius: 100%;
  color: #fff;
  margin-right: 3px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}

#frecce-slider button i {
  color: #fff;
  font-size: 10px;
}

#frecce-slider button:hover {
  transform: scale(0.9);
  background: transparent;
  border: 1px solid #aa8453;
  color: #fff;
}

.slide .info_slide {
  width: 1100px;
  z-index: 3;
  text-align: center;
  position: relative;
  top: -75px;
}

.slide .info_slide span {
  font-family: 'Barlow Condensed', serif;
  font-size: 15px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 6px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}
.slide .info_slide h2 {
  position: relative;
  margin: 30px 0;
  font-family: 'Gilda Display', serif;
  font-size: 40px;
  text-transform: uppercase;
  line-height: 1.35em;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  color: #fff;
  font-weight: 400;
  letter-spacing: 11px;
  text-align: center;
}
.slide .info_slide p {
  font-size: 18px;
  line-height: 1.75em;
  margin-bottom: 0;
  color: #fff;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  margin-right: 15px;
}
.slide .info_slide p span {
  letter-spacing: 5px;
  text-transform: uppercase;
  margin: 0 5px;
  padding-right: 14px;
  position: relative;
}
.slide .info_slide p span:last-child {
  padding: 0;
}
.slide .info_slide p span:last-child:after {
  display: none;
}
.slide .info_slide p span:after {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #222;
  position: absolute;
  top: 10px;
  right: 0;
  opacity: .5;
}
.slide .info_slide .btn-light {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  position: relative;
  top: 57px;
}

.slide .info_slide .btn-dark {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}
.slide .social a {
  color: #eee;
  font-size: 20px;
  margin: 10px 15px;
}



.contattaci_slider {
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  text-orientation: sideways;
  text-orientation: sideways;
  margin: 0;
  position: absolute;
  top: 0;
  left: 40px;
  height: 60%;
  z-index: 9;
}

.contattaci_slider a {
  text-decoration: none;
}

.contattaci_slider a:hover .icon {
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.contattaci_slider .icon {
  position: absolute;
  left: -1px;
  top: -50px;
  width: 50px;
  height: 50px;
  border: 1px solid #aa8453;
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
  border-radius: 100%;
  background-color: rgb(255 255 255 / 16%);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.contattaci_slider .call {
  color: #fff;
  text-transform: uppercase;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  letter-spacing: 5px;
  font-size: 12px;
  line-height: 1.75em;
  margin-top: 15px;
}

.contattaci_slider .call span {
  font-family: "Gilda Display", serif;
  font-size: 25px;
  color: #aa8453;
  letter-spacing: 1px;
}

.contattaci_slider a .icon svg {
  fill: #aa8453;
  padding: 10px 4px;
  transform: rotate(180deg);
  width: 30px;
  height: 30px;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.page-content {
  padding: 4rem 0;
}


/* Pulsanti qty */
.quantity .plus, .quantity .minus {
  border: none;
  color: #aa8453;
  border-radius: 50%;
  font-size: 27px;
  padding: 0 5px;
  box-sizing: border-box;
  line-height: 27px;
  cursor: pointer;
  background-color: transparent;
  position: relative;
  top: 4px;
}

.quantity .plus:hover,
.quantity .minus:hover {
  color: #666;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number]{
  -moz-appearance: textfield;
}

/* La storia */

#introduzione {
  margin: 75px 0px;
}

#introduzione .la-storia {
  display: flex;
  justify-content: center;
  align-items: start;
  margin: 75px 0px 0px 0px;
}

#introduzione .la-storia a {
  font-size: 16px;
  color: #524631;
}

#introduzione > .container > div > h1 {
  text-align: center;
}

#introduzione > .container > div > p {
  text-align: center;
}

#introduzione .la-storia > div:first-of-type {
  padding: 30px;
}

#introduzione .la-storia > div {

}

#introduzione .la-storia > div > div {
  margin-bottom: 30px;
}


#introduzione .la-storia p {
  margin-bottom: 20px;
  text-align: justify;
  font-size: 14px;
}

#introduzione .la-storia .section-title {
  font-size: 45px;
  margin: 0;
}

#introduzione .info {
  padding: 0;
  margin: 0px 0px 20px 0px;
  display: flex;
}

#introduzione .info a {
  font-family: 'Gilda Display', serif;
  font-size: 24px;
  color: #aa8453;
}

#introduzione .info > a > div:first-of-type {
  width: 60px;
  height: 60px;
  border: 1px solid #aa8453;
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
  border-radius: 50%;
}

#introduzione .info svg {
  width: 40px;
  height: 40px;
  stroke: #aa8453;
  padding: 10px 10px;
}

#introduzione .info svg path,
#introduzione .info svg circle {
  stroke: #01a701;
}

#introduzione .call {
  width: 100%;
  height: auto;
  color: #222;
  font-weight: 400;
  font-size: 15px;
  margin-top: 0px;
  margin-left: 10px;
  display: grid;
}

#introduzione .call span {
  width: 100%;
  height: auto;
  color: #222;
  font-weight: 700;
  font-size: 17px;
  margin-top: 0px;
  font-family: 'Barlow', sans-serif;
}

#introduzione.call span:nth-child(2) {
  font-family: 'Gilda Display', serif;
  font-size: 20px;
  color: #aa8453;
}

#introduzione img {
  width: 550px;
}

#info_negozio_prodotto {
  margin: 20px 0;
  display: flex;
  flex-wrap: nowrap;
}

#info_negozio_prodotto > span {
  font-size: 20px;
  flex-basis: 25%;
  margin: 0 0 0 0;
  min-height: 62px;
  text-align: center;
  font-weight: 700;
}

#info_negozio_prodotto svg {
  width: 65px;
  height: 65px;
  fill: #aa8453;
}


#info_negozio_prodotto > span small {
  font-weight: 400;
}

#info_negozio_prodotto i {
  color: #aa8453;
}

section::selection {
  background-color: transparent;
  color: inherit;
}

/* Le stelle e-commerce - Home */ 

#le-stelle-ecommerce {
  max-height: 87px;
  position: relative;
  top: 42px;
}

#le-stelle-ecommerce > div:first-of-type {
  background-color: #aa8453;
  height: 45px;
  position: relative;
  animation: animateBg 6.5s linear infinite;
  background-image: linear-gradient(318deg, rgba(171,138,98,1) 10%, rgba(255,255,255,1) 50%, rgba(171,138,98,1) 70%);
  background-size: 600% 100%;
  transition: background-image 0.5s ease-in-out;
}

#le-stelle-ecommerce > div:last-of-type {
  display: flex;
  justify-content: flex-end;
  max-height: 100px;
}

#le-stelle-ecommerce .container h3 {
  padding: 5px 0 0 0;
  font-style: italic;
  font-weight: 700;
}

#le-stelle-ecommerce > div img {
  max-width: 150px;
  width: 100%;
  height: auto;
  position: relative;
  top: -98px;
  left: -185px;
}

/* Categorie Home */

#categorie {
  padding: 100px 0px;
  background: #f8f5f0;
}

#categorie .section-subtitle, .section-title {
  margin: 0px 0px 0px 11px;
}

.categorie {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0px;
}

#categorie .categoria {
  position: relative;
  overflow: hidden;
  flex-basis: 30%;
  max-height: 263px;
  margin: 10px;
  cursor: pointer;
}

.related ul.products {
  width: 100%;
  flex-wrap: nowrap;
  display: flex
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width: 25%;
  margin: 0;
  clear: unset!important;
}

#categorie .categoria:nth-child(4),#categorie .categoria:nth-child(5) {
  flex-basis: 45.8%;
  margin: 10px;
  max-height: 300px;
}

#categorie .categoria:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
#categorie .categoria:hover .con {
  bottom: -12px;
}
#categorie .categoria img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: auto;
}
#categorie .categoria .category {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  writing-mode: vertical-rl;
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-orientation: mixed;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 3px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: "Barlow Condensed", sans-serif;
  padding: 10px 3px;
  line-height: 1.5em;
}
#categorie .categoria .category a {
  color: #fff;
}
#categorie .categoria .category:hover {
  color: #fff;
}
#categorie .categoria .con {
  padding: 20px;
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
  z-index: 1;
  height: auto;
  box-sizing: border-box;
  background: -moz-linear-gradient(
    top,
    transparent 0,
    rgba(0, 0, 0, 0.1) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
  background: -webkit-linear-gradient(
    top,
    transparent 0,
    rgba(0, 0, 0, 0.01) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
  background: linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.01) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
}
#categorie .categoria .con h6,
#categorie .categoria .con h6 a {
  position: relative;
  color: #fff;
  font-size: 15px;
  font-family: "Barlow Condensed", sans-serif;
  display: inline;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#categorie .categoria .con h6 i {
  font-size: 6px;
  margin-right: 2px;
}
#categorie .categoria .con h3,
#categorie .categoria .con h3 a {
  position: relative;
  color: #fff;
  font-size: 27px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
}

#categorie .categoria .con i {
  color: #fff;
  font-size: 18px;
}
#categorie .categoria .con i:hover {
  color: #fff;
}
#categorie .categoria .con .btn-light {
  margin-left: 0;
  border-radius: 30px;
  border-color: #666;
  padding: 11px 30px;
}
#categorie .categoria .con .btn-light:hover {
  border-color: #aa8453;
}

#categorie .categoria .descrizione {
  display: none;
  color: #fff;
  font-size: 15px;
  text-align: justify;
}

#categorie .categoria:hover .descrizione {
  display: block;
}

#categorie .categoria .line {
  text-align: center;
  height: 1px;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.2);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  margin: auto 0 30px;
}
#categorie .categoria:hover .line {
  width: 100%;
  transition-property: all;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
}

#categorie .categoria .con .permalink {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #fff;
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline;
}
#categorie .categoria .con .permalink a {
  color: #fff;
  text-align: right;
  text-decoration: none;
}
#categorie .categoria .con .permalink i {
  font-size: 10px;
  text-align: right;
}
#categorie .categoria .con .permalink a:hover,
#categorie .categoria .con .permalink i:hover {
  color: #aa8453;
}


/* Configura il tuo gioiello - Home */

#configura-il-tuo-gioiello {
  padding: 100px 0px;
}

#configura-il-tuo-gioiello .section-subtitle, .section-title {
  margin: 0px 0px 0px 11px;
}

#configura-il-tuo-gioiello .container > div .section-subtitle {
  text-align: center;
  font-family: 'Gilda Display', serif;
  font-size: 25px;
  color: #ab8a62;
  font-weight: 400;
}

#configura-il-tuo-gioiello .container > div .section-subtitle:after {
  content: '';
  position: absolute;
  width: 60%;
  height: 1px;
  left: 20%;
  bottom: -15px;
  background-color: #ab8a62;
}

#configura-il-tuo-gioiello .container > div p {
  text-align: center;
  margin: 46px auto;
}

#configura-il-tuo-gioiello .container > div .btn-dark {
  margin: 0 auto;
  display: table;
}

#configura-il-tuo-gioiello .container > div .btn-dark a {
  position: relative;
  padding: 13px 14px 13px 10px;
  animation: animateBg 2.5s linear infinite;
  background-image: linear-gradient(121deg, rgba(171,138,98,1) 0%, rgba(255,255,255,1) 19%, rgba(171,138,98,1) 40%);
  background-size: 600% 100%;
  transition: background-image 0.5s ease-in-out; /* aggiunta della transizione */
}

@keyframes animateBg {
  0% { background-position: 100% 0%; }
  100% { background-position: 0% 0%; }
}

#configura-il-tuo-gioiello .container > div .btn-dark svg {
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
  z-index: 10;
}

#configura-il-tuo-gioiello .container > div {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

#configura-il-tuo-gioiello .container > div > div:first-child {
  flex-basis: 40%;
}

#configura-il-tuo-gioiello .container > div > div:last-child {
  flex-basis: 60%;
}

#configura-il-tuo-gioiello .container > div img {
  width: 75%;
  height: auto;
}

@keyframes rotate {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
    transform: rotateY(180deg); /* aggiungiamo una trasformazione di rotazione */
  }
}

/* Prodotti in vetrina - Home */

#prodotti-in-vetrina {
  padding: 100px 0px;
}

#owl-prodotti-in-vetrina {
  margin: 30px 0px;
}

#prodotti-in-vetrina .section-subtitle, .section-title {
  margin: 0px 0px 10px 11px;
}

#prodotti-in-vetrina .section-title {
  font-size: 19px;
}

.loop-prodotti {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.loop-prodotti .hidden-box a {
  color: #aa8453!important;
}

.loop-prodotti .accordion {
  flex-basis: 100%;
  padding: 20px 35px 0px 0px;
}

.loop-prodotti .prodotto {
  position: relative;
  overflow: hidden;
  flex-basis: 30%;
  height: 500px;
  max-height: 500px;
  margin: 10px 30px 10px 0;
}

.loop-prodotti .prodotto .dettagli_aggiuntivi {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 100;
  opacity: 0;
  transition: all 0.7s;
}

.loop-prodotti .prodotto .dettagli_aggiuntivi h3 {
  color: #fff;
  font-size: 15px;
}

.loop-prodotti .prodotto .dettagli_aggiuntivi h5 {
  color: #fff;
  font-size: 10px;
}

.loop-prodotti .prodotto:hover .dettagli_aggiuntivi {
  opacity: 1;
  top: 10px;
}

#prodotti-in-vetrina .prodotto:nth-child(4),#prodotti-in-vetrina .prodotto:nth-child(5) {
  flex-basis: 45.8%;
  margin: 10px;
  max-height: 300px;
}

.loop-prodotti .prodotto:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
  -webkit-filter: brightness(55%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.loop-prodotti .prodotto:hover .con {
  bottom: 79px;
}
.loop-prodotti .prodotto img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  object-fit: cover;
  height: 400px;
  max-height: 400px;
  aspect-ratio: 3/4;
}
.loop-prodotti .prodotto .disp {
  position: absolute;
  top: 14px;
  right: 12px;
  z-index: 3;
  writing-mode: vertical-rl;
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-orientation: mixed;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3px;
  background: rgb(106 14 7 / 28%);
  border: 1px solid rgba(255, 255, 255, 1);
  font-family: "Barlow Condensed", sans-serif;
  padding: 10px 3px;
  line-height: 1.5em;
}

.loop-prodotti .prodotto .con {
  padding: 20px;
  position: absolute;
  bottom: -33px;
  left: 0;
  width: 100%;
  -webkit-transition: all 1s;
  transition: all 1s;
  text-align: left;
  z-index: 1;
  height: auto;
  box-sizing: border-box;
}

#owl-prodotti-in-vetrina .con,
#owl-prodotti-ultimi-inseriti .con,
#owl-prodotti-popolari .con
{
  bottom: -85px!important;
}

#owl-prodotti-in-vetrina .prodotto:hover .con, #owl-prodotti-ultimi-inseriti .prodotto:hover .con, #owl-prodotti-popolari .prodotto:hover .con {
  bottom: 53px!important;
}

.related .loop-prodotti .prodotto .con {
  bottom: -73px!important;
}

.related .loop-prodotti .prodotto:hover .con {
  bottom: 86px!important;
}

.related .loop-prodotti .prodotto .con .permalink a {
  font-size: 14px;
}

.loop-prodotti .prodotto .con .prezzi,
.loop-prodotti .prodotto .con .prezzi a {
  position: relative;
  color: #fff;
  font-size: 20px;
  display: inline;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.loop-prodotti .prodotto .con .prezzi i {
  font-size: 6px;
  margin-right: 2px;
}
.loop-prodotti .con a {
  position: relative;
  color: #666;
  font-size: 19px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
  display: block;
  height: 2em;
  line-height: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Gilda Display', serif;
}

.loop-prodotti a {
  color: #666!important;
}

.loop-prodotti .prodotto h6 {
  display: flex;
}

.loop-prodotti .prodotto span:nth-child(2)::before {
  content: '/';
  position: relative;
  top: 0;
  left: 0;
  color: #666;
  padding: 0px 10px 0px 0px;
}

.loop-prodotti .prodotto:hover span:nth-child(2)::before {
  color: #fff;
}

.loop-prodotti .prodotto .prezzi .listino {
  text-decoration: line-through;
  font-size: 17px;
  color: #666;
}

.loop-prodotti .prodotto .prezzi .scontato {
  font-size: 24px;
  color: #aa8453;
}


.loop-prodotti .prodotto .con i {
  color: #fff;
  font-size: 18px;
}
.loop-prodotti .prodotto .con i:hover {
  color: #fff;
}
.loop-prodotti .prodotto .con .btn-light {
  margin-left: 0;
  border-radius: 30px;
  border-color: #666;
  padding: 11px 30px;
}
.loop-prodotti .prodotto .con .btn-light:hover {
  border-color: #aa8453;
}

.loop-prodotti .prodotto .descrizione {
  display: none;
  color: #fff;
  font-size: 15px;
  text-align: justify;
}

.loop-prodotti .prodotto:hover .descrizione {
  display: block;
}

.loop-prodotti .prodotto .line {
  text-align: center;
  height: 2px;
  width: 60px;
  background-color: rgba(255, 255, 255, 1);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  margin: auto 0 30px;
}
.loop-prodotti .prodotto:hover .line {
  width: 100%;
  transition-property: all;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
  position: relative;
  bottom: -4px;
}

.loop-prodotti .prodotto .con .permalink {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #fff;
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline;
}
.loop-prodotti .prodotto .con .permalink a {
  color: #fff!important;
  text-align: right;
  text-decoration: none;
  float: right;
}
.loop-prodotti .prodotto .con .permalink i {
  font-size: 10px;
  text-align: right;
}
.loop-prodotti .prodotto .con .permalink a:hover,
.loop-prodotti .prodotto .con .permalink i:hover {
  color: #aa8453;
}

.loop-prodotti .prodotto:hover .con > a {
  color: #fff!important;
}

.loop-prodotti .prodotto .con > a:after {
  content: '...';
  position: relative;
  bottom: 0;
  right: 0;
  color: #666;
}

.loop-prodotti .prodotto:hover .con > a:after {
  color: #fff;
}

.loop-prodotti .prodotto:hover .prezzi .listino {
  color: #fff!important;
}

.loop-prodotti .prodotto:hover .prezzi .scontato {
  color: #39b75a!important;
}


/*----*/


.loop-prodotti .item h4 {
  text-align: center;
  font-size: 17px;
  text-transform: uppercase;
}

.loop-prodotti .prezzi {
  display: flex;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0px;
}

.loop-prodotti .prezzi span {
  margin: 0 5px;
}

.custom-nav-prodotti > div {
  background-color: transparent;
  width: 40px;
  height: 40px;
  line-height: 34px;
  border-radius: 100%;
  color: #fff;
  margin-right: 3px;
  cursor: pointer;
  border: 1px solid #222;
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}

.custom-nav-prodotti > div i {
  color: #222;
  font-size: 10px;
}

.custom-nav-prodotti div:hover {
  transform: scale(0.9);
  background: transparent;
  border: 1px solid #aa8453;
  color: #fff;
}

.custom-nav-prodotti {
  position: relative;
  top: 150px;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

.custom-nav-prodotti .precedente {
  position: absolute;
  top: 55px;
  left: -60px;
  text-align: center;
}

.custom-nav-prodotti .successivo {
  position: absolute;
  top: 55px;
  right: -60px;
  text-align: center;
}


.custom-nav-prodotti .precedente,
.custom-nav-prodotti .successivo {
  cursor: pointer;
}

.custom-dots .owl-dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}

.custom-dots .owl-dot.active {
  background-color: #666;
}

/* Prodotti popolari - Home */
#prodotti-popolari {
  padding: 100px 0px;
}

/* Prodotti inseriti - Home */
#prodotti-ultimi-inseriti {
  padding: 100px 0px;
}

/* Laboratorio orafo */

#laboratorio-orafo {
  background-color: #222;
  padding: 100px 0px;
}

#laboratorio-orafo > div > div.row > div:nth-child(1) {
  flex-basis: 50%;
}

#laboratorio-orafo > div > div.row > div:nth-child(2) {
  flex-basis: 50%;
}

#laboratorio-orafo > div > div.row img {
  width: 100%;
  height: auto;
  position: relative;
  top: -85px;
}

#laboratorio-orafo .section-subtitle {
  color: #aa8453;
}

#laboratorio-orafo .section-title {
  color: #fff;
  display: flex;
  align-items: baseline;
  margin: 20px 0 35px 0;
}

#laboratorio-orafo .section-title > span {
  font-size: 40px;
}

#laboratorio-orafo .section-title > p {
  font-size: 15px;
  margin: 0 6px;
}

#laboratorio-orafo .row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

#laboratorio-orafo .row > div > p {
  font-size: 20px;
  line-height: 33px;
  text-align: justify;
  padding: 0px 70px 0px 0px;
}


/* Video */

#video {
  background-image: url('/wp-content/themes/cipolla-dal-1950/immagini/video-legamidicuore.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  position: relative;
}

#video:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 500px;
  background-color: rgb(0 0 0 / 60%);
  z-index: 40;
  top: 0;
  left: 0;
}

#overlay_video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  z-index: 200;
  display: none;
  opacity: 0;
}

#overlay_video:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 90%);
  width: 100%;
  height: 100%;
}

#video .contenuto_video {
  display: table;
  margin: 0px auto;
  padding: 70px 0px 0px 0px;
  z-index: 50;
  position: relative;
}

#video .section-subtitle {
  color: #fff;
  text-align: center;
}

#video .section-title {
  color: #fff;
  text-align: center;
  font-size: 45px;
}

#video .logo-legamidicuore {
  width: 470px;
  height: auto;
}

#video .vid {
  position: relative;
  z-index: 8;
  display: table;
  margin: 30px auto;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

#video .vid .icon {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  font-size: 40px;
  -webkit-animation: pulse 4s infinite;
  animation: pulse 4s infinite;
  stroke: unset;
}

#video .vid:hover .icon svg path:nth-child(2) {
  fill: #aa8453;
  transition-duration: 1s;
}

#video .vid .icon > svg {
  width: 50px;
  height: 50px;
  position: relative;
  top: 5px;
}

#video .vid .icon > svg path:nth-child(2) {
  fill: #fff;
}

#video .vid .vid-butn:hover .icon > svg path:nth-child(2) {
  fill: #aa8453;
}

#overlay_video_popup {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 111111;
  background-color: rgb(0 0 0 / 70%);
  top: 0px;
  left: 0px;
  display: none;
}

#modale_video_popup {
  background-color: #000;
  padding: 20px 45px;
  height: 650px;
  opacity: 0;
  display: none;
  top: 15%;
  position: fixed;
  z-index: 0;
  left: 27%;
  width: 800px;
}

#modale_video_popup .modal-content {
  height: 600px;
  width: 800px;
}

#contenuto_video_popup {
  height: 100%;  
}

#contenuto_video_popup > iframe {
  width: 100%;
  height: 100%;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

#chiudi-video {
  top: -4px;
  right: 0;
  position: relative;
  cursor: pointer;
  float: right;
}

#chiudi-video svg {
  width: 25px;
  height: 25px;
  fill: #aa8453;
  transform: rotate(0deg);
  transition-duration: .2s;
  display: block!important;
}

#chiudi-video .cls-2 {
  fill: #aa8453;
}


#chiudi-video:hover svg {
  transform: rotate(90deg);
  transition-duration: .2s;
}

/* Orologi di secondo polso */

#orologi-di-secondo-polso {
  background-image: url('/wp-content/themes/cipolla-dal-1950/immagini/categorie/orologi-di-secondo-polso.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  position: relative;
}

#orologi-di-secondo-polso:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 500px;
  background-color: rgb(0 0 0 / 60%);
  z-index: 40;
  top: 0;
  left: 0;
}

#orologi-di-secondo-polso .info {
  position: absolute;
  z-index: 99;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#orologi-di-secondo-polso .info h2,
#orologi-di-secondo-polso .info h3 {
  color: #fff;
  text-align: center;
  margin: 22px 0;
}

#orologi-di-secondo-polso .btn-dark {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 350px;
}

#orologi-di-secondo-polso .btn-dark a {
  margin: 0 auto!important;
}

/* Servizi */

#servizi {
  padding: 40px 0px;
}

#servizi .container > h2 {
  text-align: center!important;
  margin: 0 0 40px 0!important;
}

#servizi h4 {
  font-size: 20px;
  margin: 15px 0;
}

#servizi #a_partire_da {
  margin: 30px 0;
}

#servizi .container > div {
  display: flex;
  flex-wrap: nowrap;
}

#servizi .container > div > div {
  position: relative;
  overflow: hidden;
  flex-basis: 50%;
  max-height: 400px;
  background: #f8f5f0;
}

.home #servizi .container > div > div {
  opacity: 0;
}

#servizi .img {
  position: relative;
  overflow: hidden;
}
#servizi .img:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
#servizi .img img {
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    height: auto;
}
#servizi .content {
  padding: 30px;
}
#servizi .content .date {
  display: table-cell;
  position: relative;
  width: 80px;
  z-index: 2;
}
#servizi .content .date h3 {
    font-size: 65px;
    font-weight: 500;
    color: #aa8453;
    margin-bottom: 0px;
}
#servizi .content .date h2 {
    color: #666;
    letter-spacing: 2px;
    font-size: 10px;
    font-family: 'Barlow', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}
#servizi .content .cont {
  display: table-cell;
  vertical-align: middle;
}
#servizi .content .cont h3 {
  margin: 0 0 10px 0;
  font-size: 17px;
  color: #222;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  font-family: 'Gilda Display', serif;
}

#servizi .content .cont ul {
  font-size: 13px;
}
#servizi .content .cont p {
  font-family: 'Barlow', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.75em;
  color: #666;
  margin-bottom: 0px;
  text-align: justify;
}
#servizi .content .cont p a {
  text-decoration: none;
  font-weight: 700;
}
#servizi .content .cont .more {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #aa8453;
  padding-left: 40px;
  position: relative;
}
#servizi .content .cont .more:after {
  content: '';
  width: 30px;
  height: 1px;
  background: #aa8453;
  position: absolute;
  top: 50%;
  left: 0px;
}
#servizi .content .cont .more:hover {
   color: #222; 
}
#servizi .content .info h2 {
    font-size: 15px;
    letter-spacing: 3px;
    color: #666;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#servizi .content .info .tags {
  color: #aa8453;
}
@media screen and (max-width: 991px) {
    #servizi .content .cont h3 {
        line-height: 1.25em;
    }
    .order2 {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
    .order1 {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }  
}
@media screen and (max-width: 480px) {
    #servizi .content .date {
    width: 60px;
  }
    #servizi .content .info .tags {
    margin: 5px 0 0;
  }
    #servizi .content .date h3 {
    font-size: 40px;
  }
}

/* Pulsanti */

/* Pulsante Dark */

.btn-dark {
  position: relative;
  line-height: 1.2em;
}
.btn-dark a {
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  background: #ab8a62;
  color: #fff;
  padding: 13px 22px;
  margin: 30px 0px;
  position: absolute;
  font-size: 15px;
  letter-spacing: 3px;
  text-decoration: none;
}
.btn-dark a:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 100%;
  z-index: 1;
  background: #222;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-dark a span {
  position: relative;
  z-index: 2;
}
.btn-dark a:hover:after {
  width: 100%;
  left: 0;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.btn-dark a:hover span {
  color: #fff;
}


/* Pulsante Light */

.btn-light {
  position: relative;
  line-height: 1.2em;
}
.btn-light a {
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  background: transparent;
  color: #fff;
  padding: 12px 20px;
  margin: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 3px;
  border: 1px solid rgba(255,255,255,0.5);
  display: table;
  margin: 0px auto;
}
.btn-light a:after {
  content: '';
  width: 0;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 100%;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #fff;
}
.btn-light a span {
  position: relative;
  z-index: 2;
}
.btn-light a:hover:after {
  width: 100%;
  left: 0;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
.btn-light a:hover span {
  color: #222;
}


/* Marchi */

#marchi {
  padding: 50px 0px;
  background: #f8f5f0;
}

#marchi h1 {
  margin: 0px 0px 0px 8px;
}

#marchi .section-subtitle {
  margin: 30px 0px 30px 11px;
}

.marchi {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: row;
}

#marchi .marchio {
  position: relative;
  overflow: hidden;
  flex-basis: 20%;
  max-height: 500px;
  margin: 10px;
  cursor: pointer;
}


#marchi-firmati-cipolla .marchio:first-of-type,#marchi-firmati-cipolla .marchio:nth-child(2) {
  flex-basis: 47.5%;
  margin: 10px;
  max-height: 300px;
}

#marchi-gioielleria .marchio {
  flex-basis: 23%;
  margin: 10px;
  max-height: 300px;
  box-sizing: border-box;
}

#marchi-orologi .marchio {
  flex-basis: 47.5%;
  margin: 10px;
  max-height: 300px;
  box-sizing: border-box;
}

#marchi-orologi .marchio > div img, #marchi-gioielleria .marchio > div img {
  height: 300px;
  object-fit: cover;
}

#marchi .marchio:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
#marchi .marchio:hover .con {
  bottom: 0;
}
#marchi .marchio > div > img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: auto;
}

.marchio .logo-brand {
  width: 150px;
  height: auto!important;
}

#marchi .marchio .category {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  writing-mode: vertical-rl;
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-orientation: mixed;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 3px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: "Barlow Condensed", sans-serif;
  padding: 10px 3px;
  line-height: 1.5em;
}
#marchi .marchio .category a {
  color: #fff;
}
#marchi .marchio .category:hover {
  color: #fff;
}
#marchi .marchio .con {
  padding: 20px;
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
  z-index: 1;
  height: auto;
  box-sizing: border-box;
  background: -moz-linear-gradient(
    top,
    transparent 0,
    rgba(0, 0, 0, 0.1) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
  background: -webkit-linear-gradient(
    top,
    transparent 0,
    rgba(0, 0, 0, 0.01) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
  background: linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.01) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
}
#marchi .marchio .con h6,
#marchi .marchio .con h6 a {
  position: relative;
  color: #fff;
  font-size: 15px;
  font-family: "Barlow Condensed", sans-serif;
  display: inline;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#marchi .marchio .con h6 i {
  font-size: 6px;
  margin-right: 2px;
}
#marchi .marchio .con h5,
#marchi .marchio .con h5 a {
  position: relative;
  color: #fff;
  font-size: 27px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
}

#marchi .marchio .con i {
  color: #fff;
  font-size: 18px;
}
#marchi .marchio .con i:hover {
  color: #fff;
}
#marchi .marchio .con .btn-light {
  margin-left: 0;
  border-radius: 30px;
  border-color: #666;
  padding: 11px 30px;
}
#marchi .marchio .con .btn-light:hover {
  border-color: #aa8453;
}

#marchi .marchio .descrizione {
  display: none;
  color: #fff;
  font-size: 18px;
  text-align: justify;
}


#marchi .marchio:hover .descrizione {
  display: block;
}

/* line animation */
#marchi .marchio .line {
  text-align: center;
  height: 1px;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.2);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  margin: auto 0 30px;
}
#marchi .marchio:hover .line {
  width: 100%;
  transition-property: all;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
}

/* permalink */
#marchi .marchio .con .permalink {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #fff;
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline;
}
#marchi .marchio .con .permalink a {
  color: #fff;
  text-align: right;
  text-decoration: none;
}
#marchi .marchio .con .permalink i {
  font-size: 10px;
  text-align: right;
}
#marchi .marchio .con .permalink a:hover,
#marchi .marchio .con .permalink i:hover {
  color: #aa8453;
}


.owl-theme .owl-nav.disabled + .owl-dots {
  display: none!important;
}
.owl-theme .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 0 3px;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #ADADAD;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #aa8453;
  border: 1px solid #aa8453;
}


/* ======= News style ======= */
#articoli {
  background-color: #222;
  padding: 100px 0px;
}

#articoli .section-title {
  color: #fff;
}

#articoli .section-subtitle {
  color: #aa8453;
}

.news .item {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
  max-width: 400px;
}
.news .item:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.news .item:hover .con {
  bottom: 0;
}
.news .item img {
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-filter: brightness(50%);
  height: 500px;
  object-fit: cover;
}
.news .item .date {
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 20px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.5);
  color: #fff;
  padding: 5px 10px;
  text-align: center;
}
.news .item .date span {
  font-family: 'Barlow Condensed', sans-serif;
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #fff;
}
.news .item .date i {
  font-family: 'Barlow Condensed', sans-serif;
  display: block;
  font-size: 24px;
  font-style: normal;
  color: #fff;
}
.news .item .con {
  margin: -155px 20px 90px;
  padding: 20px;
  background-color: #f8f5f0 !important;
  border: 1px solid #f8f5f0;
  border-radius: 0;
  overflow: hidden;
  -webkit-transition: .2s cubic-bezier(.3, .58, .55, 1);
  transition: .2s cubic-bezier(.3, .58, .55, 1);
  bottom: -90px;
  position: relative;
  min-height: 154px;
}
.news .item .con .category {
  font-family: 'Barlow', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  letter-spacing: 3px;
  display: block;
}
.news .item .con .category a {
  margin-right: 5px;
  position: relative;
  color: #666;
}

.news .item .con .category a:first-of-type {
  font-size: 13px;
}

.news .item .con .category a:hover {
  color: #222;
}
.news .item .con .category a:last-child {
  margin-right: 0;
}
.news .item .con .category a:last-child:after {
  display: none;
}
.news .item .con a {
  color: #222;
  font-size: 22px;
  font-family: 'Gilda Display', serif;
  font-weight: 400;
  margin-bottom: 0px;
  line-height: 31px;
  min-height: 94px;
}
.news .item .con a:hover {
  color: #aa8453;
}
.news .item .con p {
  color: #fff;
  font-size: 17px;
}
.news .item .con i {
  color: #fff;
  font-size: 20px;
}

.owl-prev, .owl-next {
  display: none;
}


.custom-nav > div {
  background-color: transparent;
  width: 40px;
  height: 40px;
  line-height: 34px;
  border-radius: 100%;
  color: #fff;
  margin-right: 3px;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 0.2s ease-in-out;
  transform: scale(1);
}

.custom-nav > div i {
  color: #fff;
  font-size: 10px;
}

.custom-nav div:hover {
  transform: scale(0.9);
  background: transparent;
  border: 1px solid #aa8453;
  color: #fff;
}


.custom-nav {
  position: relative;
  top: 200px;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

.custom-nav .customPrevBtn {
  position: absolute;
  left: -60px;
  text-align: center;
}

.custom-nav .customNextBtn {
  position: absolute;
  right: -60px;
  text-align: center;
}


.custom-nav .customPrevBtn,
.custom-nav .customNextBtn {
  cursor: pointer;
}

.custom-dots .owl-dot {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: 0 5px;
}

.custom-dots .owl-dot.active {
  background-color: #666;
}

/* Newsletter */

#newsletter {
  padding: 100px 0px;
  background: #f8f5f0;
}

#newsletter .section-title {
  font-size: 45px;
  margin: 0px;
  padding: 0px;
}

#newsletter .section-title span {
  font-size: 15px;
}

.form-newsletter {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-newsletter div:first-of-type {
  flex-basis: 37.5%;
}

.form-newsletter div:nth-child(2) {
  flex-basis: 37.5%;
}

.form-newsletter div:nth-child(3) {
  flex-basis: 25%;
}

.form-newsletter div input {
  width: 100%;
  border-radius: 0px!important;
}

.form-newsletter div input[type="checkbox"] {
  width: 30px;
  margin: 13px 0 0 -8px;
}

.form-newsletter div input[type="text"],
.form-newsletter div input[type="email"] {
  padding: 20px;
  border: none;
  box-sizing: border-box;
  width: 97%!important;
}

.form-newsletter div input[type="submit"] {
  padding: 20px;
  background-color: #222;
  border: none;
  box-sizing: border-box;
  color: #fff;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 15px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease-out;
  letter-spacing: 3px;
  text-transform: uppercase;
  height: 55px;
  line-height: 15px;
  -webkit-appearance: none!important;
  -moz-appearance: none!important;
  appearance: none!important;
  border-radius: 0px!important;
  
}

.form-newsletter div input[type="submit"]:hover {
  padding: 20px;
  background-color: #aa8453;
}

/* Recensioni - Home */

#recensioni {
  background-image: url('/wp-content/themes/cipolla-dal-1950/immagini/altro/recensioni.jpg');
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 585px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

#recensioni:after {
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 65%);
  z-index: 1;
  position: absolute;
  content: '';
  left: 0;
  top: 0;
}


#owl-recensioni {
  width: 650px;
  margin: 0px auto;
  z-index: 10;
}

#recensioni .section-subtitle, .section-title {
  margin: 0px 0px 0px 11px;
}

#recensioni .info_recensioni {
  position: relative;
  width: 650px;
  margin: 120px auto 0px auto;
  z-index: 10;
}

#recensioni .info_recensioni span {
  font-family: 'Barlow Condensed', sans-serif;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 6px;
  margin-bottom: 10px;
}

#recensioni .info_recensioni h4 {
  font-family: 'Gilda Display', serif;
  font-size: 32px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 10px;
}

#recensioni .info_recensioni .line {
  width: 60px;
  border-top: 1px solid rgba(255,255,255,0.2) !important;
  margin-bottom: 10px;
}

#recensioni .recensione {
  position: relative;
  overflow: hidden;
  flex-basis: 30%;
  max-height: 335px;
  margin: 10px;
  width: 650px;
}

#recensioni .recensione:nth-child(4),#recensioni .recensione:nth-child(5) {
  flex-basis: 45.8%;
  margin: 10px;
  max-height: 300px;
}

#recensioni .recensione:hover img {
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(1.09, 1.09);
  transform: scale(1.09, 1.09);
  -webkit-filter: brightness(70%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
#recensioni .recensione:hover .con {
  bottom: 0;
}
#recensioni .recensione img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
  height: auto;
}
#recensioni .recensione .category {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  writing-mode: vertical-rl;
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  text-orientation: mixed;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 3px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  font-family: "Barlow Condensed", sans-serif;
  padding: 10px 3px;
  line-height: 1.5em;
}
#recensioni .recensione .category a {
  color: #fff;
}
#recensioni .recensione .category:hover {
  color: #fff;
}
#recensioni .recensione .con {
  padding: 20px;
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: left;
  z-index: 1;
  height: auto;
  box-sizing: border-box;
  background: -moz-linear-gradient(
    top,
    transparent 0,
    rgba(0, 0, 0, 0.1) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
  background: -webkit-linear-gradient(
    top,
    transparent 0,
    rgba(0, 0, 0, 0.01) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
  background: linear-gradient(
    to bottom,
    transparent 0,
    rgba(0, 0, 0, 0.01) 2%,
    rgba(0, 0, 0, 0.75) 90%
  );
}
#recensioni .recensione .con h6,
#recensioni .recensione .con h6 a {
  position: relative;
  color: #fff;
  font-size: 15px;
  font-family: "Barlow Condensed", sans-serif;
  display: inline;
  letter-spacing: 3px;
  text-transform: uppercase;
}
#recensioni .recensione .con h6 i {
  font-size: 6px;
  margin-right: 2px;
}

#recensioni .recensione .con h5,
#recensioni .recensione .con h5 a {
  position: relative;
  color: #fff;
  font-size: 27px;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 5px;
  text-decoration: none;
}

#recensioni .recensione .con i {
  color: #fff;
  font-size: 18px;
}
#recensioni .recensione .con i:hover {
  color: #fff;
}
#recensioni .recensione .con .btn-light {
  margin-left: 0;
  border-radius: 30px;
  border-color: #666;
  padding: 11px 30px;
}
#recensioni .recensione .con .btn-light:hover {
  border-color: #aa8453;
}

#recensioni .recensione .descrizione p {
  color: #fff;
  font-size: 15px;
  text-align: justify;
}

#recensioni .recensione .line {
  text-align: center;
  height: 1px;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.2);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  margin: auto 0 30px;
}
#recensioni .recensione:hover .line {
  width: 100%;
  transition-property: all;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
}

#recensioni .recensione .con .permalink {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #fff;
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline;
}
#recensioni .recensione .con .permalink a {
  color: #fff;
  text-align: right;
  text-decoration: none;
}
#recensioni .recensione .con .permalink i {
  font-size: 10px;
  text-align: right;
}
#recensioni .recensione .con .permalink a:hover,
#recensioni .recensione .con .permalink i:hover {
  color: #aa8453;
}

#recensioni .item .info {
  text-align: left;
  margin: 30px 0 15px 0;
}
#recensioni .item .info .author-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  float: left;
  overflow: hidden;
}
#recensioni .item .info .cont {
  margin-left: 85px;
}
#recensioni .item .info span {
  font-size: 15px;
  margin-bottom: 0px;
  padding-top: 0px;
  font-weight: 400;
  font-family: 'Barlow Condensed', sans-serif;
  color: #fff;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#recensioni .item .info span {
  font-size: 12px;
  color: #fff;
  line-height: 1em;
  display: flex;
}
#recensioni .item .info .rate {
  float: right;
}
#recensioni .item .info i {
  color: #e4a853;
  font-size: 12px;
  padding: 0px 4px 8px 0px;
}

#recensioni .item .quote {
    position: absolute;
    right: 20px;
    top: 147px;
    width: 70px;
    margin: 0 auto 30px;
    opacity: .3;
}

#recensioni .item .portale_recensioni {
  display: flex;
}

#recensioni .item .portale_recensioni > span:last-child {
  padding: 6px 10px 0px 8px;
  line-height: 20px;
}

#recensioni .recensione .info > span {
  position: relative;
    top: -5px;
}

#recensioni .item .portale_recensioni img {
  width: 60px;
  height: auto;
  margin: 7px 0px;
}

.accordion-box {
  position: relative;
  margin: 30px 0;
}

.accordion .hidden-box {
  display: none;
}

.accordion-box .block {
  position: relative;
  background: #f7f7f7;
  border-radius: 0px;
  overflow: hidden;
  margin-bottom: 15px;
}
.accordion-box .block.active-block {
  background-color: #f7f7f7;
}
.accordion-box .block:last-child {
  margin-bottom: 0;
}
.accordion-box .block .acc-btn {
  position: relative;
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  cursor: pointer;
  padding: 20px 40px;
  padding-right: 60px;
  color: #222;
  transition: all 500ms ease;
  font-family: 'Gilda Display', serif;
}
.accordion-box .block .acc-btn .count {
  color: #aa8453;
  padding-right: 3px;
}

.accordion-box .block .acc-btn:before {
  position: absolute;
  right: 35px;
  top: 20px;
  height: 30px;
  font-size: 14px;
  font-weight: 900;
  color: #aa8453;
  line-height: 30px;
  content: "\f078"; 
  font-family: "Font Awesome 6 Free";
  transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active:before {
  content: "\f077";
}


.accordion-box .block .acc-btn.active {
  background-color: #f7f7f7;
  color: #aa8453;
}


.accordion-box .block .acc-content {
  position: relative;
  display: none;
}
.accordion-box .block .content {
  position: relative;
  padding: 0px 40px 30px;
  background-color: #fff;
  color: #666;
}
.accordion-box .block .acc-content.current {
  display: block;
}
.accordion-box .block .content .text {
  display: block;
  position: relative;
  top: 0px;
  display: block;
}


/* News */

.blog .section-title {
  margin: 0px;
}

.blog .container > div:first-of-type {
  padding: 0 15px!important;
}

.category .news, .blog .news {
  display: flex;
  flex-wrap: wrap;
}

.blog .news {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.category .news .item, .blog .news .item  {
  flex-basis: 33.3%;
  padding: 15px;
  box-sizing: border-box;
}

.category .news .item img, .blog .news .item img {
  width: 100%;
}

/* Articolo */

.post-template-default ol, ul {
  margin-left: 25px;
}

.single-post .page img {
  width: 100%;
  height: auto;
}


/*
#banner-pagina {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}
*/

#banner-pagina {
  height: 500px;
  position: relative;
  z-index: 0;
}

#banner-pagina > img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  position: relative;
  top: 0;
  left: 0;
}

#banner-pagina:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

#banner-pagina .container {
  max-width: 1140px;
  width: 100%;
  height: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;  
}

#banner-pagina .container > div {
  position: absolute;
  top: 42%;
  z-index: 15;
}

#banner-pagina .container div h1 {
  color: #fff;
  font-size: 40px;
  margin: 0px;
}

.single .page {
  margin: 100px 0 0 0;
}

.servizi .info {
  position: relative;
  top: 50%;
  margin: 0 auto;
}

.servizi .info h1 {
  color: #fff;
}


/* FAQ */

.page-template-faq h1 {
  text-align: center!important;
}

#faq {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
}

#faq > div {
  padding: 0 20px 0 0;
  margin: 0 0 50px 0;
  flex-basis: 50%;
  box-sizing: border-box;
}

#faq .section-title {
  margin: 0;
}

/* Gift card */

.gift-card-content-editor.step-content input {
  border: solid 1px #000;
  padding: 10px;
}

.gift-cards-list button {
  margin: 10px 10px 0 0;
  padding: 10px 13px;
}

.product-type-gift-card .woocommerce-product-gallery__wrapper {
  box-shadow: unset!important;
} 

.ywgc-manual-amount-container {
  display: inline-flex;
  height: 35px;
  margin: 10px 10px 0 0;
}

.ywgc-manual-currency-symbol {
  padding: 5px 5px;
}

#ywgc-manual-amount {
  padding: 0 10px;
}

.gift-card-content-editor.step-content textarea {
  border: solid 1px #000;
  padding: 10px;
}

.woocommerce div.product form.cart div.quantity {
  display: none!important;
}

.gift_card_template_button .single-product #primary button[type="submit"] {
  margin: 0!important;
}

/* Footer - Parlano di noi */
#parlano-di-noi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1620px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 40px 0;
}


#parlano-di-noi > div:first-of-type {
  flex-basis: 100%;
}

#parlano-di-noi > div {
  flex-basis: 12%;
}

#parlano-di-noi span {
  font-family: 'Gilda Display',serif;
  font-size: 20px;
  color: #aa8453;
  border-bottom: solid 1px #ddd;
  font-weight: 700;
  display: block;
  margin: 0 0 20px 0;
  width: fit-content;
}

#parlano-di-noi img {
  width: 80%;
  height: auto;
  filter: grayscale(100%);
}

#parlano-di-noi img:hover {
  filter: grayscale(0%);
}



/* Footer */



footer {
  padding: 40px 0px;
  max-width: 1620px;
  width: 100%;
  height: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;  
}


footer > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

footer > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  position: relative;
  top: -233px;
  height: 0px;
}

footer > div:last-child {
  text-align: center;
  display: flex;
  flex-wrap: inherit;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: 30px 0px;
}

footer .colonna{
  flex-basis: 33.3%;
  padding: 0 35px 0 0;
  box-sizing: border-box;
}

footer > div:last-child .colonna {
  flex-basis: 100%;
}

footer #metodi-di-pagamento {
  flex-basis: 66.6%;
}

footer #metodi-di-pagamento > div {
  flex-basis: 100%;
}

footer #metodi-di-pagamento img {
  width: 100%;
  max-width: 1044px;
  height: auto;
}

footer .colonna > div {
  margin: 0px 0px 40px 0px;
  min-height: 193px;
}

footer .colonna h6,
footer .colonna > div > span,
footer .colonna > div > div > span
 {
  font-family: 'Gilda Display', serif;
  font-size: 20px;
  color: #aa8453;
  border-bottom: solid 1px #ddd;
  font-weight: 700;
  display: block;
    margin: 0 0 20px 0;
}

footer .colonna li a {
  color: #666;
  text-decoration: none;
  font-size: 13px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

footer .colonna li a:hover {
    padding-left: 8px;
    font-weight: 700;
    color: #aa8453;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

footer ul {
  list-style: none;
  margin: 0;
}

#social_footer {
  display: flex;
  padding-top: 4px;
}

#social_footer li {
  margin: 0px 8px 0px 0px;
}

#social_footer i {
  font-size: 30px;
}

#antivirus {
  display: flex;
  flex-wrap: nowrap!important;
  align-items: center;
  justify-content: center!important;
}

#antivirus img {
  height: auto;
  width: 80%;
}

#corrieri {
  display: flex;
  flex-wrap: nowrap!important;
  align-items: center;
  justify-content: space-around;
}

#corrieri img {
  height: auto;
  height: 68px;
}

#corrieri .dhl {
  width: 100%;
}

#corrieri .ups {
  width: 100%;
}

.award {
  width: 500px;
  height: auto;
}

footer .powered i {
  color: #aa8453;
}

footer .powered a {
  color: #222;
  font-weight: 700;
}

footer .powered a:hover {
  color: #a61f23;
}


footer #premi > div {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}


footer #premi img {
  width: 100%;
  max-width: 145px;
  height: auto;
}


.woocommerce-message {
  border: solid 2px #8fae1b;
}

.woocommerce-info {
  border: solid 2px #aa8453;
}

.woocommerce-error {
  border: solid 2px #c5261a;
}

.woocommerce-info::before {
  font-family: 'Font Awesome 6 Free'!important;
  content: "\f05a"!important;
  color: #aa8453!important;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: #ebe9eb!important;
  font-weight: 700;
}  

/* Home - Popup */

#popup-home {
  width: 550px; 
  border-radius: 10px;
  text-align: center;
  z-index: 150;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

#popup-home img {
  width: 100%;
}

#chiudi-popup {
  margin-top: 20px;
  padding: 10px 20px;
  border: none;
  background-color: #333;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}

#chiudi-popup:hover {
  background-color: #555;
}


/* 404 */

.error404 h1 {
  text-align: center!important;
}

.error404 .page-content {
  text-align: center;
}

.error404 h4 {
  text-align: center;
  font-size: 28px;
}

.error404 .page-content > a {
  font-size: 20px;
  margin: 0 15px;
}


/* Risultati di ricerca non trovati */

.search-no-results .container > div:first-of-type {
  margin: 100px 0 30px 0;
}

.search-no-results h1 {
  text-align: center!important;
}

.search-no-results .page-content {
  text-align: center;
}

.search-no-results h4 {
  text-align: center;
  font-size: 28px;
}

.search-no-results .page-content > a {
  font-size: 20px;
  margin: 0 15px;
}

.page-template-default #marchi {
  padding: 0;
  background: transparent;
}

/* Messaggi informativi */

.comunicazione {
  background-color: #aa8453;
  position: relative;
  animation: animateBg 6.5s linear infinite;
  background-image: linear-gradient(318deg, rgba(171,138,98,1) 10%, rgba(255,255,255,1) 50%, rgba(171,138,98,1) 70%);
  background-size: 600% 100%;
  transition: background-image 0.5s ease-in-out;
  padding: 0 10px;
}

.comunicazione p {
  font-size: 28px;
  font-family: 'Gilda Display', serif;
  font-weight: 700;
  color: #fff;
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 600px) {

  .comunicazione p {
    font-size: 22px;
    text-align: center;
  }

}


/* Responsive - Mobile */
@media (max-width: 768px) {

  /* Header */
  header {
    height: 100vh;
  }

  .toggle_header {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }

  /* Slider */
  .slide-content {
    flex-direction: column;
  }

  .slide .info_slide {
    width: 100%;
    padding: 10px;
    top: 0;
  }

  .slide .info_slide span {
    font-size: 10px;
  }

  .slide .info_slide h2 {
    font-size: 16px;
  }

  .slide .info_slide p {
    font-size: 16px;
  }

  .slide .info_slide .btn {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
  }

  .contattaci_slider {
    left: 10px;
  }

  .contattaci_slider .icon {
    width: 40px;
    height: 40px;
  }

  .contattaci_slider a .icon svg {
    width: 20px;
    height: 20px;
  }

  #slider .in_love {
    top: 205px;
  }

  #slider .unique_moments {
    top: 100px;
  }

  #slider .our_personality {
    top: 175px;
  }

  #slider .true_beauty {
    top: 110px;
  }

  #slider .with_passion {
    top: 80px;
  }

  #slider .purity {
    top: 150px;
  }

  #slider .unique_jewels {
    top: 150px;
  }

  #slider .pearls {
    top: 50px;
  }

  .dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    color: #000!important;
  }

  /* La storia */

  #introduzione {
    padding: 50px 20px;
  }

  #introduzione .la-storia {
    flex-wrap: wrap;
  }

  #introduzione .la-storia > div:first-of-type {
    padding: 0;
  }

  #introduzione .la-storia .section-title {
    font-size: 32px;
  }

  #introduzione img {
    width: 100%;
  }

  #introduzione .info a {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
  }

  #introduzione .info a span {
    display: none;
  }

  .parcheggio {
    color: #01a701!important;
  }

  #info_negozio_prodotto {
    flex-wrap: wrap;
  }

  #info_negozio_prodotto > span {
    flex-basis: 50%;
  }

  #introduzione .call span {
    font-size: 21px;
  }

  /* Stelle ecommerce - HOme */

  #le-stelle-ecommerce {
    max-height: 131px;
  }

  #le-stelle-ecommerce .container h3 {
    font-weight: 700;
    font-size: 18px;
    padding: 12px 126px 0 0;
  }

  #le-stelle-ecommerce > div:first-of-type {
    padding: 10px;
    height: 85px;
  }

  #le-stelle-ecommerce img {
    max-width: 124px!important;
    top: -119px!important;
    left: -16px!important;
  }

  /* Categorie - Home */ 
  #categorie {
    padding: 50px 20px;
  }

  #categorie .categoria {
    flex-basis: 100%;
    margin: 10px 0;
    max-height: 238px;
  }

  #categorie .categoria:nth-child(4), #categorie .categoria:nth-child(5) {
    flex-basis: 100%;
    margin: 10px 0;
  }

  #categorie .categoria:nth-child(4), #categorie .categoria:nth-child(5) {
    max-height: 238px;
  }

  #categorie .categoria:nth-child(4) img ,
  #categorie .categoria:nth-child(5) img {
    width: auto;
    height: 248px;
  }

  #categorie .section-subtitle,
  #categorie .section-title {
    margin: 0;
  }

  #categorie .section-subtitle {
    font-size: 14px;
  }

  #categorie .section-title {
    font-size: 22px;
    margin: 10px 0;
  }

  #categorie .categoria .con {
    bottom: -75px;
  }

  #categorie .categoria .con h3, #categorie .categoria .con h3 a {
    font-size: 30px;
  }

  #categorie .categoria .descrizione {
    font-size: 14px;
    line-height: 19px;
  }

  #categorie .categoria .con .permalink a {
    font-size: 16px;
  }

  /* Prodotti in vetrina - Home */
  #prodotti-in-vetrina {
    padding: 50px 20px;
  }

  /* Laboratorio orafo - Home */
  #laboratorio-orafo {
    padding: 50px 20px; 
  }

  #laboratorio-orafo .section-title {
    margin: 22px 0!important;
    flex-wrap: wrap;
  }

  #laboratorio-orafo .row {
    flex-wrap: wrap; 
  }

  #laboratorio-orafo .row > div > p {
    font-size: 16px;
    line-height: 28px; 
    padding: 0px 20px 0px 0px; 
  }

  #laboratorio-orafo img {
    width: 100%;
  }

  #laboratorio-orafo .section-title > p {
    margin: 10px 0;
  }

  #laboratorio-orafo .section-subtitle {
    font-size: 11px;
  }

  #laboratorio-orafo > div > div.row img {
    top: 0;
  }

  /* Video - Home */

  #video {
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 260px;
    position: relative;
  }

  #video:after {
    height: 100%;
  }

  #video .logo-legamidicuore {
    width: 70%;
    display: table;
    margin: 0 auto;
  }

  #modale_video_popup {
    background-color: transparent;
    width: 100%;
    left: 0px;
    height: auto;
    top: 20%;
    padding: 0;
  }

  #video .vid {
    margin: 20px auto;
  }

  #modale_video_popup .modal-content {
    height: 450px;
    width: auto;
    position: relative;
  }

  #video .contenuto_video {
    padding: 20px 0px 0px 0px;
  }

  #contenuto_video_popup {
    height: 100%;
    width: 90%;
    margin: 0px auto;
  }

  #chiudi-video {
    top: -23px!important;
    left: -7px;
  }

  #chiudi-video svg {
    width: 20px;
    height: 20px; 
    display: block!important;
  }

  #contenuto_video_popup > iframe {
    width: 100%;
    height: 100%;
  }

  /* Orologi di secondo polso - Home */

  #orologi-di-secondo-polso .info {
    width: 100%;
  }

  #orologi-di-secondo-polso .info h3 {
    font-size: 25px;
  }

  /* Servizi - Home */
  #servizi {
    padding: 50px 20px;
  }

  #servizi .container > div {
    flex-wrap: wrap;
  }

  #servizi .container > div:nth-child(2) {
    flex-direction: column-reverse;
  }

  #servizi .container > div > div {
    flex-basis: 100%;
    max-height: unset;
  }

  /* Prodotti ultimi inseriti - Home */
  #prodotti-ultimi-inseriti {
    padding: 50px 20px;
  }

  /* Marchi - Home */
  #marchi {
    padding: 50px 20px;
  }

  #marchi-firmati-cipolla .marchio:first-of-type, #marchi-firmati-cipolla .marchio:nth-child(2) {
    flex-basis: 100%;
    margin: 10px 0;
  }

  #marchi-firmati-cipolla .marchio > div {
    height: 167px;
  }


  #marchi-gioielleria .marchio {
    flex-basis: 100%;
    margin: 10px 0;
  }

  #marchi-orologi .marchio {
    flex-basis: 100%;
    margin: 10px 0;
  }

  #marchi-orologi .marchio > div > img {
    height: 300px!important;
  }
  
  #marchi .section-subtitle {
    margin: 30px 0px 30px 0px;
    font-size: 14px;
    letter-spacing: 4px;
  }

  /* Prodotti popolari - Home */
  #prodotti-popolari {
    padding: 50px 20px;
  }

  /* Articoli - Home */
  #articoli {
    padding: 50px 20px;
  }

  #articoli .section-title {
    margin: 0;
  }

  /* Newsletter - Home */
  #newsletter {
    padding: 50px 20px;
  }

  #newsletter .section-title {
    display: grid;
    line-height: 50px;
  }

  .form-newsletter div {
    flex-basis: 100%!important;
    margin: 10px 0;
  }

  .form-newsletter div input[type="text"], .form-newsletter div input[type="email"] {
    width: 100%!important;
    border-radius: 0px!important;
  }
  
  .form-newsletter div input[type="submit"] {
    border-radius: 0px!important;
  }

  #newsletter > div > form > div:nth-child(1) {
    order: 1;
  }

  #newsletter > div > form > div:nth-child(2) {
    order: 2;
  }

  #newsletter > div > form > div:nth-child(3) {
    order: 4;
  }

  #newsletter > div > form > div:nth-child(4) {
    order: 3;
  }

  .form-newsletter div input[type="checkbox"] {
    margin: 0!important;
  }

  /* Recensioni - Home */ 
  #recensioni {
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    position: relative;
    padding: 50px 20px;
  }

  #recensioni:after {
    height: 100%;
  }

  #recensioni .info_recensioni {
    width: 100%;
  }

  #owl-recensioni {
    width: 100%;
  }

  /* Frecce carousel */
  .custom-nav .customPrevBtn {
    left: 0;
  }

  .custom-nav .customNextBtn {
    right: 0;
  }

  .custom-nav-prodotti .precedente {
    left: 0;
  }

  .custom-nav-prodotti .successivo {
    right: 0;
  }

  /* Home - Blog */

  #articoli .section-subtitle {
    font-size: 13px;
  }

  /* Home - Recensioni */

  #recensioni .info_recensioni h4 {
    font-size: 21px;
  }

  /* Blog - Articolo */

  .post-template-default .page {
    margin: 100px 20px;
  } 

  #gallery-1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  /* Footer - parlano di noi */

  #parlano-di-noi div {
    flex-basis: 50%;
    padding: 50px 20px;
    box-sizing: border-box;
  }

  #parlano-di-noi img {
    width: 85%;
    height: auto;
  }

  /* Footer */
  footer {
    padding: 50px 20px;
    box-sizing: border-box;
  }

  footer > div {
    flex-wrap: wrap; 
  }

  footer > div:nth-child(2) {
    top: unset;
    height: auto;
  }

  footer .colonna {
    flex-basis: 100%; 
    margin: 20px 0px; 
    padding: 0;
  }

  footer .colonna > div {
    min-height: 0;
  }

  footer .colonna h6,
  footer .colonna > div > span,
  footer .colonna > div > div > span {
    font-size: 20px; 
    margin: 0px 20px 10px 0px; 
  }


  footer #antivirus {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  footer #antivirus a {
    flex-basis: 100%;
  }


  footer ul li {
    margin: 8px 0;
  }

  footer .colonna li a {
    font-size: 16px;
  }

  footer #metodi-di-pagamento, .award {
    flex-basis: 100%;
    width: 100%;
    height: auto;
  }
  

  footer #premi img {
    max-width: 100px;
  }

  footer .powered {
    font-size: 14px; 
  }

  footer .info_footer span:first-of-type {
    display: none;
  }

  footer .partita_iva {
    display: block;
  }

  body > strong > strong > footer > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > img {
    width: 100%;
    height: auto;
  }

}

/* Questa media query si applica agli schermi con larghezza massima di 576px, come i cellulari in modalità portrait */
@media (max-width: 576px) {
  .container {
    max-width: 100%; /* Imposta il max-width al 100% */
    padding-right: 10px; /* Riduci il padding destro */
    padding-left: 10px; /* Riduci il padding sinistro */
    margin-right: 5px; /* Riduci il margine destro */
    margin-left: 5px; /* Riduci il margine sinistro */
  }
}
/* Questa media query si applica agli schermi con larghezza massima di 768px, come i cellulari in modalità landscape e i tablet in modalità portrait */
@media (max-width: 768px) {
  .container {
    max-width: 720px;
    padding-right: 0;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
  }
}
/* Questa media query si applica agli schermi con larghezza minima di 992px, come i laptop e i desktop piccoli */
@media (min-width: 992px) {
  .container {
    max-width: 960px; /* Imposta il max-width a 960px */
  }
}
/* Questa media query si applica agli schermi con larghezza minima di 1200px, come i desktop medi */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px; /* Imposta il max-width a 1140px */
  }
}
/* Questa media query si applica agli schermi con larghezza minima di 1400px, come i desktop grandi */
@media (min-width: 1400px) {
  .container {
    max-width: 1320px; /* Imposta il max-width a 1320px */
  }
}


@media(max-width:600px) {

  /* Header */

  .info_header {
    display: none;
  }

  header {
    background-color: #fff;
    height: auto;
    padding: 20px 0 5px 0;
  }

  .contattaci_slider {
    display: none;
  }

  /*
  .pagina-senza-immagine .header_sticky {
    height: 200px;
    top: 0;
    left: 0;
  }
  */

  .pagina-senza-immagine .header_sticky {
    position: relative;
  }
  
  .blog .pagina-senza-immagine .page {
    margin: 0!important;
  }

  .pagina-senza-immagine .page h1 {
    margin: 0 20px;
  }

  .top-navbar {
    padding: 0px;
    justify-content: space-evenly;
    align-items: center;
    margin: 67px auto 0 auto;
  }

  .top-navbar .social {
    padding: 0;
    position: relative;
    left: -9px;
  }

  .top-navbar .social li:first-of-type {
    display: block;
  }

  .top-navbar .social li {
    margin: 0 0 15px 0;
  }

  .top-navbar .social li a {
    font-size: 22px;
  }

  .navbar-links, .navbar-links > a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 55px;
    font-size: 30px;
  }

  .navbar-links {
    position: fixed;
    transition: opacity 1s;
    overflow: hidden;
    background-color: #333;
    top: 0px;
    left: 0px;
    margin: 0px;
    display: flex;
    flex-wrap: nowrap;
    flex-basis: 100%;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: start;
    height: 100vh;
    padding: 50px 0;
    opacity: 0;
    pointer-events: none;
}

  .navbar-links.visible {
    opacity: 1;
    padding: 100px 0 0 0!important;
    pointer-events: auto;
    overflow-y: scroll;
  }

  .navbar-links > div {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    width: 100%;
    margin: 30px auto;
  }

  .header_sticky .navbar-links > a {
    color: #fff!important;
  }

  /* Dropdown gioielli */

  #toggle-sidebar-mobile {
    display: block;
    top: 0px;
  }

  #toggle-menu {
    display: block!important;
    top: -20px!important;
    right: -11px;
  }

  #toggle-menu.active {
    top: 111px!important;
    right: 16px;
    position: fixed;
  }

  #toggle-sidebar svg:last-child .cls-2 {
    fill: #aa8453!important;
  }

  #torna_indietro {
    position: fixed;
    left: 18px;
    top: 10px;
    font-size: 60px;
    color: #fff;
    z-index: 100;
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu > div {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
  }

  .dropdown-submenu:hover > div {
    display: block;
  }

  .dropdown-toggle::after {
    content: " \25BC";
    color: #fff;
    font-size: 14px;
  }

  .dropdown-toggle.open::after {
    content: " \25B2";
  }

  .dropdown-open .dropdown-toggle::after {
    content: " \25B2";
  }

  .mega-menu-mobile {
    align-items: center !important;
    align-content: center !important;
    justify-content: space-around !important;
    margin: 0 auto !important;
  }

  #orologi-dropdown-mobile,
  #contenuto-orologi-dropdown-mobile {
    order: 2;
  }

  #legamidicuore-dropdown-mobile,
  #contenuto-legamidicuore-dropdown-mobile {
    order: 2;
  }

  #gioielli-dropdown-mobile,
  #contenuto-gioielli-dropdown-mobile {
    order: 6;
  }

  .mega-menu-mobile .dropdown-submenu > div {
    position: static;
    width: 100%;
    padding-left: 20px;
  }

  .mega-menu-mobile ul {
    text-align: left;
  }

  .mega-menu-mobile li {
    list-style: none;
    line-height: 31px;
  }

  .mega-menu-mobile a {
    color: #fff;
    text-decoration: none;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 3px;
    margin: 4px 10px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    text-transform: initial;
  }

  /* Dropdown orologi  */

  .navbar-links .dropdown {
    margin: 0!important;
  }

  .dropdown_link {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 55px;
    font-size: 30px;
  }

  /* Sidebar */

  .sidebar.open {
    width: 100%;
  }

  .sidebar-menu {
    padding: 27px 20px 18px 20px;
  }

  .sidebar-menu:last-of-type {
    padding: 0px 20px 20px 20px;
  }

  .sidebar-menu-item a {
    font-size: 14px;
  }

  .sidebar.open #termini-e-condizioni, #faq, #blog { 
    display: none;
  }

  .sidebar .dati_fatturazione p {
    margin: 10px 0;
  }

  .sidebar .recapiti {
    margin: 20px 0;
  }

  #toggle-sidebar {
    left: -2px;
  }

  #toggle-sidebar svg:first-of-type path:last-of-type {
    stroke: #222;
  }

  #toggle-sidebar.active {
    position: fixed;
    left: 88%!important;
    top: 2%!important;
    width: 30px!important;
    z-index: 200;
    background-color: #fff;
  }

  .li_lingua {
    padding: 17px 0px;
  }

  #toggle-sidebar i:nth-child(2) {
    left: -26px!important;
    position: relative!important;
    top: 0px;
  }

  #toggle-sidebar:hover i:nth-child(2) {
    left: -47px;
  }

  #toggle-sidebar:hover i:first-of-type::before {
    top: -10px;
  }

  #toggle-sidebar:hover i:first-of-type::after {
    top: -10px;
  }

  .sidebar-menu-item {
    padding: 8px 0px;
  }

  .sidebar .info {
    min-height: 62px;
    padding: 0 15px;
  }

  .sidebar-menu:last-child {
    display: none;
  }

  .recapiti {
    margin: 17px 0;
  }

  #azioni {
    order: -1;
    position: fixed;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #222;
    z-index: 300;
  }

  #carrello span {
    display: none;
  }

  #carrello svg:nth-child(2) {
    display: none;
  }

  #azioni #il-mio-account {
    order: 1;
  }

  #azioni #lista-desideri {
    order: 2;
  }

  #azioni #carrello {
    order: 3;
    width: 27px;
  }

  #azioni #cerca {
    order: 4;
  }

  #azioni #lingue {
    order: 5;
  }

  #lingue {
    margin: 4px 10px;
    max-width: 100%;
  }

  #lingue a::after, #lingue a.hovered::after, #lingue a.hovered.active::after {
    top: 31px;
    width: 30px;
  }

  #lingue a:hover::after,
  #lingue:hover .lingua_secondaria {
    margin: -3px 10px 0 10px!important;
  }

  #lingue a {
    height: 30px;
  }

  #il-mio-account svg {
    width: 25px;
    height: 25px;
  }

  #lista-desideri svg {
    width: 27px;
    height: 27px;
  }

  #carrello svg {
    width: 26px;
    height: 26px;
    top: -14px;
    left: 0px;
  }

  #cerca svg {
    width: 27px;
    height: 27px;
  }

  .header_sticky #il-mio-account svg path, .pagina-senza-immagine #il-mio-account svg path {
    fill: #fff!important;
  }

  .header_sticky #cerca svg, .pagina-senza-immagine #cerca svg {
    fill: #fff!important; 
  }

  #carrello svg:first-of-type path, .header_sticky #carrello svg:first-of-type path {
    stroke: #fff;
  }

  .header_sticky #carrello svg:first-of-type circle, .pagina-senza-immagine #carrello svg:first-of-type circle {
    fill: #fff;
    stroke: #fff;
  }

  .header_sticky #carrello svg:first-of-type path, .pagina-senza-immagine #carrello svg:first-of-type path {
    stroke: #fff!important;
  }

  #lista-desideri.vuota svg path {
    stroke: #fff!important;
  }

  .carrello_pieno svg:first-of-type circle {
    fill: #aa8453!important;
    stroke: #aa8453!important;
  }

  .carrello_pieno svg:first-of-type path {
    stroke: #aa8453!important;
  }

  #carrello svg:first-of-type path

  body > header > nav > div.navbar-links > a:nth-child(1) {
    order: 3;
  }

  body > header > nav > div.navbar-links > a:nth-child(2) {
    order: 4;
  }

  body > header > nav > div.navbar-links > a:nth-child(4) {
    order: 6;
  }

  body > header > nav > div.navbar-links > a:nth-child(6) {
    order: 7;
  }

  body > header > nav > div.navbar-links > a:nth-child(5) { 
    order: 5;
  }

  body > header > nav > div.navbar-links > a:nth-child(9) { 
    order: 3;
  }

  /* Home - Slider */

  #frecce-slider {
    bottom: 13%;
  }

  /* Home - La storia */

  #introduzione {
    margin: 0;
  }

  #info_negozio_prodotto > span {
    font-size: 14px;
  }

  #info_negozio_prodotto > span {
    margin: 0 0 15px 0;
  }

  #info_negozio_prodotto svg {
    width: 60px;
    height: 60px;
  }

  /* Home - recensioni */

  #recensioni .recensione {
    width: auto;
  }

  #recensioni .info_recensioni {
    margin: 0;
  }

  /* Home - prodotti */

  .loop-prodotti .prodotto {
    margin: 0;
  }

  /* Home - laboratorio orafo */

  #laboratorio-orafo > div > div.row > div:nth-child(1),
  #laboratorio-orafo > div > div.row > div:nth-child(2) {
    flex-basis: 100%;
  }

  /* Home - recensioni */

  #recensioni .recensione .descrizione p {
    font-size: 14px!important;
    line-height: 21px!important;
  }

  /* Home - configuratore gioielli */

  #configura-il-tuo-gioiello {
    padding: 50px 20px;
  }

  #configura-il-tuo-gioiello .section-title {
    font-size: 22px;
  }

  #configura-il-tuo-gioiello .container > div {
    flex-wrap: wrap;
  }

  #configura-il-tuo-gioiello .container > div > div:last-child,
  #configura-il-tuo-gioiello .container > div > div:first-child {
    flex-basis: 100%;
  }

  #configura-il-tuo-gioiello .container > div p {
    margin: 46px auto 32px auto;
  }

  #configura-il-tuo-gioiello .container > div img {
    width: 100%;
  }

  /* FAQ */

  #faq {
    margin: 50px 20px;
  }

  #faq > div { 
    flex-basis: 100%;
    padding: 0;
  }

  /* Blog */

  .category .news .item, .blog .news .item {
    flex-basis: 100%;
  }

  .blog .page h1 {
    margin: 0;
    font-size: 21px;
  }

  .blog .page h2 {
    font-size: 12px;
  }


  /* Blog - Articolo */

  #banner-pagina .container {
    padding-right: 0px;
    padding-left: 0px;
  }

  #banner-pagina .container > div {
    padding: 0 10px;
    top: 50%;
  }

  #banner-pagina .container > div h1 {
    font-size: 21px;
  }

  /* Contattaci */

  #contattaci .wpcf7-form input[type="text"], #contattaci .wpcf7-form input[type="email"], #contattaci .wpcf7-form textarea {
    max-width: 328px;
  }

  .wpcf7-list-item {
    margin: 0!important;
  }


  /* Configuratore */

  #configuratore iframe {
    max-width: 1320px;
    margin: 0px auto;
    display: table;
  }

  .configuratore-gioielli-video {
    background-size: cover!important;
    height: 280px!important;
    background-image: url('https://www.cipollagioielli.com/template/uploads/2023/09/configuratore-di-giielli.jpg')!important;
  }

  .logo-cipolla {
    width: 50%;
    display: table;
    margin: 0 auto;
  }

  #video .section-subtitle {
    font-size: 12px;
}


#popup-home {
  width: 80%!important;
}

}

/* Media query iPhone 5S */

@media only screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {

  /* Header */
  .navbar-links, .navbar-links > a {
    line-height: 40px;
    font-size: 24px;
  }

  .navbar-links {
    align-content: unset!important;
  }

  /* Slider */
  .slide .info_slide {
    top: 63px!important;
    position: relative;
  }

  .slide .info_slide h2 {
    font-size: 13px;
  }

  /* Categorie - Home */

  #categorie .categoria > div {
    height: 182px;
  }

  /* Laboratorio orafo - Home */

  #laboratorio-orafo .section-title>span {
    font-size: 32px;
  } 

  /* Video - Home */

  #video {
    height: 212px;
  }

  #video .contenuto_video img {
    width: 85%;
    height: auto;
    margin: 0 auto;
    display: table;
  }

  /* Marchi - Home */

  #marchi .marchio .con {
    bottom: -68px;
  }


}