/* Theme Name: Netenjoytheme 

Author: NetEnjoy 
Author URI: https://netenjoy.it/ 
Description: Tema sviluppato per Venere Salotti 
Version: 1.0.7 */

/* ROOT */
:root {
  /*Color*/
  --white: #fff;
  --border-radius: 0;
  --color-black: #18020c;
  --color-var-1: #000;
  --color-var-2: #000;
  --color-var-3: #f5f5f5;
  --color-var-4: #000;
  --color-var-5: #000;
  --color-accent: #f6961c;
  --grey-accent: #b0aaa8;
  --bg-color: #8e8683;
  --border-color: #18020c;
  --font-brown: "Brown", helvetica, arial, sans-serif;
}

.bg-hedone-light {
  background-color: var(--color-var-3);
}

/* /==========================================/ GENERAL /==========================================/ */
* {
  scroll-behavior: smooth !important;
  -webkit-font-smoothing: antialiased;
}

html,
body {
  background-color: var(--bg-color);
  font-family: var(--font-brown);
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

html::-webkit-scrollbar {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  letter-spacing: 1px;
}

p {
  margin: 0;
  color: var(--color-black);
  font-size: 0.9375rem;
  line-height: 1.42859;
}

a {
  color: var(--color-black);
  display: inline-block;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

a:active,
a:focus,
a:hover {
  color: var(--color-accent);
}

dl,
ol,
ul {
  margin-bottom: 0px;
  padding-left: 0px;
  list-style: none;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: var(--grey-accent);
}

::-moz-selection {
  /* Code for Firefox */
  color: var(--white);
  background: var(--color-accent);
}

::selection {
  color: var(--white);
  background: var(--color-accent);
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--color-black);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--color-black);
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--color-black);
}

.py-120-single {
  padding-top: 120px;
  padding-bottom: 120px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

@media all and (max-width: 575.9px) {
  .py-120 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .pb-120 {
    padding-bottom: 60px;
  }

  .pt-120 {
    padding-top: 60px;
  }

  .py-60 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pt-60 {
    padding-top: 30px;
  }

  .pb-60 {
    padding-bottom: 30px;
  }
}

/* /==========================================/ BUTTONS /==========================================/ */
.theme-btn,
button.nav-btn {
  background: var(--color-black);
  color: var(--white);
  display: flex;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  min-width: 270px;
  max-width: 270px;
  height: 50px;
  min-height: 50px;
  line-height: 1.17;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border: 1px solid var(--color-black);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.theme-btn:hover,
button.nav-btn:hover {
  background: var(--color-accent);
  color: var(--white);
  border: 1px solid var(--color-accent);
}

@media all and (max-width: 575.8px) {
  .theme-btn {
    min-width: unset;
    max-width: unset;
    height: unset;
    font-size: 12px;
    min-height: unset;
    width: fit-content;
    padding: 16px 26px;
  }
}

/* /==========================================/ OWL CAROUSEL /==========================================/ */
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--color-accent) !important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 1rem !important;
}

/* /==========================================/ NAVBAR /==========================================/ */

img.custom-logo {
  height: 45px;
  width: auto;
  position: relative;
  z-index: 99997;
}

@media all and (max-width: 575.8px) {
  img.custom-logo {
    height: 35px;
  }
}

/*Menu Desktop*/

.header-content {
  position: sticky;
  width: 100%;
  top: 0;
  background: var(--bg-color);
  z-index: 9996;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0px 0px 30px 5px rgb(2 2 2 / 5%);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  animation: fadeIn 0.35s;
  -webkit-animation: fadeIn 0.35s;
  -moz-animation: fadeIn 0.35s;
  -o-animation: fadeIn 0.35s;
  -ms-animation: fadeIn 0.35s;
}

.menu-desktop ul#menu-principale {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.menu-desktop ul#menu-principale li a {
  color: var(--color-black);
  font-family: var(--font-brown);
  font-size: 11px;
  padding: 20px 12px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  animation: fadeIn 0.35s;
  -webkit-animation: fadeIn 0.35s;
  -moz-animation: fadeIn 0.35s;
  -o-animation: fadeIn 0.35s;
  -ms-animation: fadeIn 0.35s;
}

/* .menu-desktop ul#menu-principale :last-child a {
    padding-right: 0px;
} */

.btn-nav {
  margin-left: 20px;
}

.menu-desktop ul#menu-principale li a:hover {
  font-style: italic;
  color: var(--color-accent);
}

.menu-item-has-children {
  cursor: pointer;
}

/* Primo Livello menu */

.menu-desktop .menu-principale-container #menu-principale .sub-menu {
  display: none;
  position: absolute;
  background-color: var(--bg-color);
  box-shadow: 0px 10px 30px -8px rgb(0 0 0 / 13%);
  column-count: 2;
  column-gap: 0px;
  column-rule: 1px solid rgb(255 233 206 / 100%);
  margin-top: 8px;
  border-top: 1px solid var(--color-accent);
}

.menu-desktop .menu-principale-container #menu-principale li ul li a {
  color: var(--color-black);
  font-family: var(--font-brown);
  font-size: 10px;
  padding: 1rem 2rem;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  line-height: 1em;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid rgb(255 233 206 / 100%);
}

.menu-desktop .menu-principale-container #menu-principale li ul li a:hover {
  color: var(--color-accent);
}

/* PULSANTE NAVBAR */
.extra-btn {
  display: inline-block;
  color: var(--white);
  font-family: var(--font-brown);
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  font-size: 11px;
  padding: 12px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.extra-btn:hover {
  background-color: var(--color-accent);
  border: 1px solid var(--color-accent);
}

.modal-header,
.modal-content {
  border-radius: 0 !important;
}

@media all and (max-width: 1350px) {
  .menu-desktop ul#menu-principale li a {
    font-size: 10px;
  }

  a.nav-btn {
    font-size: 10px;
  }
}

@media all and (max-width: 575.8px) {
  a.nav-btn {
    padding: 10px 15px;
  }
}

/* Menu Mobile*/
div#menu-primary {
  display: none;
}

div#hamburger-2 {
  display: none;
}

.menu-mobile.is-open {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9980;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  animation: fadeIn 0.25s;
  -webkit-animation: fadeIn 0.25s;
  -moz-animation: fadeIn 0.25s;
  -o-animation: fadeIn 0.25s;
  -ms-animation: fadeIn 0.25s;
  background: var(--bg-color);
}

.menu-mobile .menu-principale-container {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

ul#menu-principale-1 {
  width: 100%;
}

.burger-box {
  cursor: pointer;
  z-index: 9999;
}

.menu-mobile ul#menu-principale-1 li a {
  font-family: var(--font-brown);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1;
  padding-bottom: 1.25rem;
  color: var(--color-black);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.menu-mobile ul#menu-principale-1 li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.menu-mobile ul#menu-principale-1 li a:hover {
  color: var(--color-accent);
  text-decoration: italic;
}

.menu-mobile #menu-principale-1 ul.sub-menu {
  display: none;
}

.menu-mobile #menu-principale-1 ul.sub-menu.is-open {
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-color);
  z-index: 9995;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.menu-mobile #menu-principale-1 li ul li a {
  font-family: var(--font-brown);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
  color: var(--color-black);
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  animation: fadeIn 0.35s;
  -webkit-animation: fadeIn 0.35s;
  -moz-animation: fadeIn 0.35s;
  -o-animation: fadeIn 0.35s;
  -ms-animation: fadeIn 0.35s;
}

.menu-mobile #menu-principale-1 li ul li:last-child a {
  font-weight: bold;
  color: var(--color-accent);
  padding-top: 20px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

/* /==========================================/ PRELOADER /==========================================/ */
.preloader {
  background: var(--bg-color);
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999;
}

.loader {
  width: 40px;
  height: 40px;
  position: relative;
  top: calc(50% - 30px);
  left: calc(50% - 20px);
}

.loader-box-1,
.loader-box-2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--color-black);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: loader-bounce 2s infinite ease-in-out;
}

.loader-box-1 {
  background-color: var(--color-black);
}

.loader-box-2 {
  background-color: var(--color-accent);
}

.loader-box-2 {
  animation-delay: -1s;
}

@keyframes loader-bounce {
  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@media (max-width: 992px) {
  .header-top {
    display: none;
  }

  .dropdown-item {
    white-space: break-spaces;
    font-size: 14px;
  }
}

/* /==========================================/ BURGER /==========================================/ */
#hamburger-1 > span {
  display: block;
  width: 28px;
  height: 2px;
  border-radius: 9999px;
  background-color: var(--color-black);
}

#hamburger-1 > span:not(:last-child) {
  margin-bottom: 7px;
}

#hamburger-1,
#hamburger-1 > span {
  transition: all 0.4s ease-in-out;
}

#hamburger-1.active {
  transition-delay: 0.8s;
  transform: rotate(45deg);
}

#hamburger-1.active > span:nth-child(2) {
  width: 0;
}

#hamburger-1.active > span:nth-child(1),
#hamburger-1.active > span:nth-child(3) {
  transition-delay: 0.4s;
}

#hamburger-1.active > span:nth-child(1) {
  transform: translateY(9px);
}

#hamburger-1.active > span:nth-child(3) {
  transform: translateY(-9px) rotate(90deg);
}

/* /==========================================/ HERO /==========================================/ */
section#hero {
  position: relative;
}

.hero-single {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.container-title {
  min-height: 90vh;
  padding-bottom: 60px;
}

.hero-single::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 40%);
  z-index: -1;
}

h2.hero-title {
  color: var(--white);
  font-family: var(--font-brown);
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 4.6875rem;
  line-height: 1.12;
}

.hero-slider .owl-item.active .hero-content h2.hero-title {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeIn;
  animation-delay: 0.3s;
}

@media all and (max-width: 1199.8px) {
  h2.hero-title {
    font-size: 3.1875rem;
    line-height: 1.1176470588;
  }
}

@media all and (max-width: 575.8px) {
  h2.hero-title {
    font-size: 1.6875rem;
    line-height: 1.22;
  }
}

@media all and (max-width: 384px) {
  h2.hero-title {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* /==========================================/ cta /==========================================/ */
section#cta {
  position: relative;
}

.cta-single {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.cta-single::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 40%);
  z-index: -1;
}

h2.cta-title {
  color: var(--white);
  font-family: var(--font-brown);
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 3.6875rem;
  line-height: 1.12;
  text-align: center;
}


@media all and (max-width: 1199.8px) {
  h2.cta-title {
    font-size: 2.1875rem;
    line-height: 1.1176470588;
  }
}

@media all and (max-width: 575.8px) {
  h2.cta-title {
    font-size: 1.6875rem;
    line-height: 1.22;
  }
}

@media all and (max-width: 384px) {
  h2.cta-title {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* /==========================================/ GALLERY SECTION /==========================================/ */

.gallery-img-content img {
  object-fit: cover;
  min-height: 75vh;
  height: 100%;
  width: 100%;
  object-position: center;
}

@media all and (max-width: 1199.9px) {
  .gallery-img-content img {
    min-height: 60vh;
    height: 60vh;
  }
}

@media all and (max-width: 575.8px) {
  .gallery-img-content img {
    min-height: 50vh;
    height: 50vh;
  }
}

/* /==========================================/ PRODUCT GRID SECTION /==========================================/ */
.home-product-head h3 {
  font-size: 1.6875rem;
  line-height: 1.22;
  font-weight: bold;
  text-transform: uppercase;
}

.home-product-title p {
  font-size: 1.6875rem;
  line-height: 1.22;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
}

.home-product-excerpt p {
  font-size: 0.9375rem;
  line-height: 1.42859;
  word-break: break-word;
}

img.home-product-image {
  max-height: 450px;
  width: 100%;
  object-fit: cover;
}

.home-product-content {
  background-color: var(--bg-color);
}

.home-product-btn {
  background: var(--grey-accent);
  color: var(--color-black);
  display: flex;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  min-width: 270px;
  width: 100%;
  height: 50px;
  min-height: 50px;
  line-height: 1.17;
  align-items: center;
  justify-content: center;
}

.home-product-btn:hover {
  background: var(--color-accent);
  color: var(--white);
}

@media all and (max-width: 575.8px) {
  .home-product-excerpt p {
    font-size: 14px;
  }
}

@media all and (max-width: 384px) {
  .home-product-head h3,
  .home-product-title p {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* /==========================================/COLLECTIONS CAROUSEL /==========================================/ */

/* SINGLE COLLECION PAGE */
.collection-title h2 {
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
}

img.collection-carousel-image {
  min-height: 450px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 1;
}

.collection-carousel-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}

.collection-carousel-item-content {
  cursor: pointer;
}

.collection-section.bg-hedone-light .collection-carousel-item {
  border: none;
}

.collection-section .collection-carousel-item {
  border: 1px solid var(--color-black);
}

@media all and (min-width: 1440px) {
  img.collection-carousel-image {
    min-height: 650px;
  }
}

/* /==========================================/ TWO COLLECTIONS SECTION /==========================================/ */
.two-collection-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

img.two-collection-img {
  object-fit: cover;
  min-height: 75vh;
  object-position: center;
}

@media all and (max-width: 575.8px) {
  img.two-collection-img {
    min-height: 50vh;
  }
}

/* /==========================================/ TEXT IMG SECTION /==========================================/ */
img.text-img-img {
  object-fit: cover;
  min-height: 75vh;
  height: 100%;
  width: 100%;
  object-position: center;
}

.text-img-text p {
  font-size: 17px;
  line-height: 1.79;
  text-transform: unset;
  word-break: break-word;
}

.text-img-title h2 {
  letter-spacing: 1px;
  font-size: 1.6875rem;
  line-height: 1.22;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-black);
}

@media all and (max-width: 1199.9px) {
  img.text-img-img {
    min-height: 60vh;
    height: 60vh;
  }
}

@media all and (max-width: 991.8px) {
  .text-img-title h2 {
    font-size: 1.5rem;
    line-height: 1;
  }
}

@media all and (max-width: 575.8px) {
  .text-img-text p {
    font-size: 14px;
    line-height: 1.42;
    text-transform: unset;
  }

  img.text-img-img {
    min-height: 50vh;
    height: 50vh;
  }
}

@media all and (max-width: 384px) {
  .text-img-title h2 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* /==========================================/ COONTACT INFO SECTION /==========================================/ */
.c-info-title p {
  font-size: 17px;
  line-height: 1.79;
  text-transform: uppercase;
  word-break: break-word;
}

.border-top-c {
  border-top: 1px solid var(--border-color);
}
.border-bottom-c {
  border-bottom: 1px solid var(--border-color);
}

.border-top-bottom-c {
  border-bottom: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
}

.c-info-title h2 {
  letter-spacing: 1px;
  font-size: 1.6875rem;
  line-height: 1.22;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-black);
}
.c-info-title-section h2 {
  letter-spacing: 1px;
  text-align: center;
  font-size: 1.6875rem;
  line-height: 1.22;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-black);
}

@media all and (max-width: 991.8px) {
  .c-info-title h2 {
    font-size: 1.5rem;
    line-height: 1;
  }
  .c-info-title-section h2 {
    font-size: 1.5rem;
    line-height: 1;
  }
}

@media all and (max-width: 575.8px) {
  .c-info-title p {
    font-size: 14px;
    line-height: 1.42859;
    text-transform: unset;
  }
}

@media all and (max-width: 384px) {
  .c-info-title h2 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
  .c-info-title-section h2 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* /==========================================/  FORM CONTACT SECTION /==========================================/ */
h5.contact-title {
  letter-spacing: 1px;
  font-size: 1.6875rem;
  line-height: 1.22;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-black);
}

@media all and (max-width: 991.8px) {
  h5.contact-title {
    font-size: 1.5rem;
    line-height: 1;
  }
}

@media all and (max-width: 384px) {
  h5.contact-title {
    font-size: 1.3125rem;
    line-height: 1.28;
  }

  .text-img-title h2 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* /==========================================/ TEMPLATE PAGE SINGLE CONTENT /==========================================/ */

.single-page-text p {
  padding-bottom: 1rem;
}

.single-page-text h2 {
  padding-bottom: 1.5rem;
  letter-spacing: 1px;
  font-size: 1.6875rem;
  line-height: 1.22;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-black);
}

@media all and (max-width: 991.8px) {
  .single-page-text h2 {
    font-size: 1.5rem;
    line-height: 1;
  }
}

@media all and (max-width: 575.8px) {
  .text-img-text p {
    font-size: 14px;
    line-height: 1.42;
    text-transform: unset;
  }
}

@media all and (max-width: 384px) {
  .single-page-text h2 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* /==========================================/ BLOG, POST TYPE; TAXONOMY, SINGLE, ARCHIVE /==========================================/ */

/* SINGLE COLLECTION HERO - SINGLE PAGE */
#single-collection-hero {
  position: relative;
}

.article-hero-single {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.single-article-container-title {
  min-height: 90vh;
  padding-bottom: 60px;
}

.collection-content strong {
  text-transform: uppercase;
}

.collection-content p {
  padding-bottom: 8px;
}

.article-hero-single::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 40%);
  z-index: -1;
}

.hero-single-title-main h1 {
  color: var(--white);
  font-family: var(--font-brown);
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 4.6875rem;
  line-height: 1.12;
}

.collection-title h3,
h4.widget-title {
  letter-spacing: 1px;
  font-size: 1.6875rem;
  line-height: 1.22;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-black);
}

.category-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.single-collection-btn {
  border: 1px solid var(--color-black);
  color: var(--color-black);
  background-color: var(--grey-accent);
  display: flex;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  height: 40px;
  padding: 0.6rem 1.5rem;
  margin-right: 5px;
  margin-bottom: 5px;
  line-height: 1;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-wrap: wrap;
}

.single-collection-btn:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.single-collection-btn:hover {
  background: var(--color-accent);
  color: var(--color-black);
  border: 1px solid var(--color-accent);
}

.related-product-img {
  border: 1px solid var(--color-black);
}

.collection-attachment a {
  border: 1px solid var(--color-black);
  color: var(--color-black);
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  padding: 0.6rem 1.5rem;
}

.collection-attachment a:hover {
  background: var(--color-accent);
  color: var(--color-black);
  border: 1px solid var(--color-accent);
}

.related-product-category {
  position: absolute;
  top: 5px;
  z-index: 5;
  margin: 0 auto;
  background: var(--bg-color);
  padding: 5px 10px;
  left: 5px;
  border: 1px solid var(--color-black);
  color: var(--color-black);
  text-transform: uppercase;
  font-size: 12px;
}

@media all and (max-width: 1199.8px) {
  .hero-single-title-main h1 {
    font-size: 3.1875rem;
    line-height: 1.1176470588;
  }
}

@media all and (max-width: 575.8px) {
  .hero-single-title-main h1 {
    font-size: 1.6875rem;
    line-height: 1.22;
  }

  .single-collection-btn,
  .collection-attachment a {
    font-size: 14px;
  }

  .collection-content p {
    font-size: 14px;
  }
}

@media all and (max-width: 384px) {
  .hero-single-title-main h1 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* TAXONOMY PAGE */

#taxonomy-collection-hero {
  position: relative;
}

.taxonomy-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.taxonomy-hero::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 40%);
  z-index: -1;
}

.taxonomy-container-title {
  min-height: 90vh;
  padding-bottom: 60px;
}

.taxonomy-hero-title-main h1 {
  color: var(--white);
  font-family: var(--font-brown);
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 4.6875rem;
  line-height: 1.12;
}

.taxonomy-product-content {
  background-color: var(--bg-color);
}

img.taxonomy-product-image {
  max-height: 450px;
  width: 100%;
  object-fit: cover;
}

.taxonomy-product-btn {
  background: var(--grey-accent);
  color: var(--color-black);
  display: flex;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  min-width: 270px;
  width: 100%;
  height: 50px;
  min-height: 50px;
  line-height: 1.17;
  align-items: center;
  justify-content: center;
}

.taxonomy-product-btn:hover {
  background: var(--color-accent);
  color: var(--white);
}

@media all and (max-width: 1199.8px) {
  .taxonomy-hero-title-main h1 {
    font-size: 3.1875rem;
    line-height: 1.1176470588;
  }
}

@media all and (max-width: 575.8px) {
  .taxonomy-hero-title-main h1 {
    font-size: 1.6875rem;
    line-height: 1.22;
  }

  .taxonomy-product-btn {
    font-size: 12px;
  }
}

@media all and (max-width: 384px) {
  .taxonomy-hero-title-main h1 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* SINGLE TAXONOMY PAGE */

#single-taxonomy-collection-hero {
  position: relative;
}

.single-taxonomy-hero {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background-position: center !important;
  background-repeat: repeat !important;
  background-size: auto !important;
}

.single-taxonomy-hero::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0 0 0 / 40%);
  z-index: -1;
}

.single-taxonomy-container-title {
  min-height: 90vh;
  padding-bottom: 60px;
}

.single-taxonomy-hero-title-main h1 {
  color: var(--white);
  font-family: var(--font-brown);
  position: relative;
  z-index: 2;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 4.6875rem;
  line-height: 1.12;
}

.single-taxonomy-product-content {
  background-color: var(--bg-color);
}

img.single-taxonomy-product-image {
  max-height: 450px;
  width: 100%;
  object-fit: cover;
}

.single-taxonomy-product-btn {
  background: var(--grey-accent);
  color: var(--color-black);
  display: flex;
  text-transform: uppercase;
  font-size: 0.9375rem;
  letter-spacing: 2px;
  min-width: 270px;
  width: 100%;
  height: 50px;
  min-height: 50px;
  line-height: 1.17;
  align-items: center;
  justify-content: center;
}

.single-taxonomy-product-btn:hover {
  background: var(--color-accent);
  color: var(--white);
}
a.single-collection-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media all and (max-width: 1199.8px) {
  .single-taxonomy-hero-title-main h1 {
    font-size: 3.1875rem;
    line-height: 1.1176470588;
  }
}

@media all and (max-width: 575.8px) {
  .single-taxonomy-hero-title-main h1 {
    font-size: 1.6875rem;
    line-height: 1.22;
  }

  .single-taxonomy-product-btn {
    font-size: 12px;
  }
}

@media all and (max-width: 384px) {
  .single-taxonomy-hero-title-main h1 {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* BLOG TEMPLATE PAGE */
.page-item.active .page-link {
  background-color: var(--color-black);
  border-color: var(--color-black);
}

.pagination {
  justify-content: center;
}

.page-link {
  color: var(--color-black);
}

.page-link:hover,
.page-link:focus {
  color: var(--color-accent);
}

.page-link:focus {
  box-shadow: 0 0 0 0.25rem rgb(253 186 13 / 25%);
}

.blog-btn {
  color: var(--color-black);
  text-decoration: underline;
  font-size: 0.9375rem;
  line-height: 1.42859;
}

.blog-btn:hover {
  color: var(--color-accent);
}

.blog-template-title p {
  font-size: 1.6875rem;
  line-height: 1.22;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: bold;
}

.blog-template-excerpt p {
  font-size: 0.9375rem;
  line-height: 1.42859;
  word-break: break-word;
}

@media all and (max-width: 575.8px) {
  .blog-btn {
    font-size: 14px;
    line-height: 1.42;
  }

  .blog-template-excerpt p {
    font-size: 14px;
  }
}

@media all and (max-width: 384px) {
  .blog-template-title p {
    font-size: 1.3125rem;
    line-height: 1.28;
  }
}

/* SINGLE ARTICLE PAGE */
.article-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}

/* /==========================================/ WIDGETS /==========================================/ */

/* HEADER EXTRA CONTENT */
.header-extra-content {
  position: absolute;
  z-index: 9985;
  bottom: 16px;
  font-size: 14px;
  left: 0;
  right: 0;
  width: 100%;
  text-align: center;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.header-extra-content p {
  font-size: 14px;
  text-align: center;
  color: var(--color-black);
}

@media (max-width: 767.98px) {
  .header-extra-content p {
    font-size: 13px;
  }
}

/* SIDE CONTACT BUTTONS */
#side-buttons {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 12px;
  z-index: 8888;
  cursor: pointer;
}

.icon-call span {
  background: var(--color-black);
  color: var(--white);
  padding: 1rem;
  display: flex;
  font-size: 1rem;
  align-items: center;
  justify-content: center;
}

span.info-call-icon {
  background: var(--color-black);
  padding: 1rem;
  display: flex;
  font-size: 1rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  line-height: 1;
}

.info-call-icon a {
  color: var(--white);
}

.icon-call span i,
span.info-call-icon i {
  line-height: 1;
}

.info-call {
  display: none;
}

/* WHATSAPP */
.floating_btn {
  position: fixed;
  bottom: 50px;
  left: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 8888;
}

@media (max-width: 767.98px) {
  .floating_btn {
    position: fixed;
    bottom: 15px;
    left: 15px;
    width: 80px;
    height: 80px;
  }
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size: 30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* /==========================================/ FOOTER /==========================================/ */

.footer-content {
  background-color: var(--bg-color);
  color: var(--color-black);
  border-top: 1px solid var(--border-color);
}

.privacy-col p {
  display: inline-block;
}

.privacy-col {
  display: flex;
  align-items: center;
}

#menu-collezioni li a,
#menu-menu-footer li a,
#menu-menu-footer-3 li a {
  color: var(--color-black);
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 1;
  font-family: var(--font-brown);
  margin-bottom: 1rem;
}

#menu-collezioni li a:hover,
#menu-menu-footer li a:hover,
#menu-menu-footer-3 li a:hover {
  color: var(--color-accent);
}

h4.footer-widget-title {
  font-size: 1.5rem;
  line-height: 1.42859;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--color-black);
  font-family: var(--font-brown);
}

.sub-footer {
  background-color: var(--grey-accent);
  border-top: 1px solid var(--color-black);
}

.copyright-text a,
.privacy-content a {
  color: var(--color-black);
}

.copyright-text {
  color: var(--color-black);
  font-size: 0.9375rem;
  line-height: 1.42859;
  word-break: break-word;
}

.form-control-footer {
  border: none;
  padding: 1rem 0.75rem;
  color: var(--color-black);
  background-color: transparent;
  border-bottom: 1px solid var(--color-black);
  border-radius: 0px;
  width: 100%;
}

ul#menu-collezioni {
  column-count: 2;
  column-gap: 0px;
  column-width: auto;
}

/*Contact Form*/
span.wpcf7-spinner {
  display: none;
}

/* FOOTER CONTACT */

.img-footer-container {
  height: 100%;
}

img.img-fluid.footer-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}

span.wpcf7-not-valid-tip {
  color: var(--color-accent);
}

.wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 15px;
}

a.privacy-link {
  color: var(--color-black);
  font-weight: bold;
}

@media all and (max-width: 575.8px) {
  h4.footer-widget-title {
    font-size: 0.9375rem;
    line-height: 1.42859;
  }

  input.wpcf7-form-control.has-spinner.wpcf7-submit.theme-btn {
    width: 100%;
  }

  p.p-form {
    font-size: 14px;
    word-break: break-word;
  }

  .form-control-footer {
    font-size: 14px;
    padding: 1rem 0.5rem;
  }

  span.wpcf7-not-valid-tip {
    font-size: 14px;
  }

  .copyright-text {
    font-size: 14px;
  }
}

/* PRIVATE AREA */

#login {
  width: 353px!important;
}

.pivate-area-title h2 {
  display: inline-block;
  letter-spacing: 1px;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--color-black);
}

.pivate-area-title p {
  padding-top: 16px;
}

.log-in-content {
  margin-top: 20px;
  margin-left: 0;
  padding: 26px 24px 34px;
  font-weight: 400;
  overflow: hidden;
  background: #fff;
  border: 1px solid #c3c4c7;
  box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
  max-width: 320px;
}

.log-in-content .login-username label {
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 3px;
}

.log-in-content input#user_login,
.log-in-content input#user_pass {
  font-size: 24px;
  line-height: 1.33333333;
  width: 100%;
  border-width: 0.0625rem;
  padding: 0.1875rem 0.3125rem;
  margin: 0 6px 16px 0;
  min-height: 40px;
  max-height: none;
  box-shadow: 0 0 0 transparent;
  border-radius: 4px;
  border: 1px solid #8c8f94;
  background-color: #fff;
  color: #2c3338;
}

.log-in-content p.login-submit {
  display: inline-block;
  float: right;
  width: 50%;
  text-align: end;
}

.log-in-content p.login-remember {
  display: inline-block;
  width: 50%;
}

.log-in-content .login-submit input#wp-submit {
  display: inline-block;
  color: var(--white);
  font-family: var(--font-brown);
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  font-size: 11px;
  padding: 12px 20px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* LOGIN ASIDE */
.modal-navbar{
  z-index: 99999!important;
}
.modal-dialog.modal-dialog-navbar{
  max-width: 254px;
  min-width: 254px;
  margin: 0 auto;
}

.modal-body{
  background: var(--grey-accent);
}

.modal-body-navbar{
  padding: 26px 24px 34px;
  background: var(--grey-accent);
}

.log-in-aside {
  font-weight: 400;
}

.log-in-aside-access .login-username label {
  font-size: 14px;
  line-height: 1.5;
  display: inline-block;
  margin-bottom: 3px;
}

.log-in-aside-access input#user_login,
.log-in-aside-access input#user_pass {
  font-size: 24px;
  line-height: 1.33333333;
  width: 100%;
  border-width: 0.0625rem;
  padding: 0.1875rem 0.3125rem;
  margin: 0 6px 16px 0;
  min-height: 40px;
  max-height: none;
  box-shadow: 0 0 0 transparent;
  border-radius: 4px;
  border: 1px solid #8c8f94;
  background-color: #fff;
  color: #2c3338;
}

.log-in-aside-access p.login-submit {
  display: inline-block;
  float: right;
  width: 50%;
  text-align: end;
}

.log-in-aside-access p.login-remember {
  display: inline-block;
  width: 50%;
}

.log-in-aside-access .login-submit input#wp-submit {
  display: inline-block;
  color: var(--white);
  font-family: var(--font-brown);
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  font-size: 11px;
  padding: 12px 20px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.logout_user a {
  display: block;
  text-align: center;
  color: var(--white);
  background-color: var(--color-black);
  font-family: var(--font-brown);
  font-size: 11px;
  padding: 12px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  margin-top: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a#wp-submit {
  display: block;
  text-align: center;
  color: var(--color-black);
  font-family: var(--font-brown);
  border: 1px solid var(--color-black);
  font-size: 11px;
  padding: 12px;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em;
  letter-spacing: 1px;
  margin-top: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.logout span {
  font-weight: 600;
  text-transform: capitalize;
}

.logout p {
  text-align: center;
}

p.login-msg {
  color: #f71a1a;
}

/* ASIDE LOGIN MOBILE */

@media (max-width: 767.98px) {
  .log-in-aside.is-open {
    width: 100%;
    max-width: unset;
    height: 88vh;
    position: fixed;
    top: 67px;
    background: var(--bg-color);
  }
}