/* Start custom CSS */.mk-hide {
    display: none
}

.mk-fadeout {
    opacity: 0;
}

/* Basic styles for header and logo */
.elementor-88 .sticky-header {
  transition: all  0.5s ease-in-out;
  border-radius: 0px 0px 0px 0px;
  background-color: #000000;
  width:100%;
  inset-inline-start: auto!important;
  
}
 
.elementor-88 .sticky-header .logo {
  transition: transform 0.5s ease;
  transform-origin: left center; /* Set the scaling point to the left */
}
 
/* Starting heights for different devices */
@media (min-width: 1025px) {
  .elementor-88 .sticky-header {
      transition: all  0.5s ease-in-out;
      height:90px;
      margin-top: 0px;
  }
}
 
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-88 .sticky-header {
    transition: all  0.5s ease-in-out;
    height: 80px;
    margin-top: 0px;
    /*width: 100%!important;*/
  }
}
 
@media (max-width: 767px) {
  .elementor-88 .sticky-header {
    transition: all  0.5s ease-in-out;
    height: 70px;
    margin-top: 0px;
    width: 100%!important;
  }
}
 
/* Reduced heights when scrolling */
@media (min-width: 1025px) {
  .elementor-88 .sticky-header.shrink {
    transition: all  0.5s ease-in-out;
    height: 80px; /* 75% of 125px */
    width: 90%!important;
    margin-top: 0px!important;
    
    /*background-color: #e2d6c582;*/
    background-color: #FFFFFFC7;
    backdrop-filter: blur(15px);
    inset-inline-start: auto!important;
    border-radius: 25px;
  }
}
 
@media (min-width: 768px) and (max-width: 1024px) {
  .sticky-header.shrink {
    transition: all  0.5s ease-in-out;
    height: 70px; /* 75% of 120px */
    width: 100%!important;
    
    background-color: #e2d6c582;
    backdrop-filter: blur(5px);
    inset-inline-start: auto!important;
    border-radius: 25px;
  }
}
 
@media (max-width: 767px) {
  .elementor-88 .sticky-header.shrink {
    transition: all  0.5s ease-in-out;
    height: 60px; /* 75% of 90px */
    width: 100%!important;
    
    background-color: #e2d6c582;
    backdrop-filter: blur(10px);
    inset-inline-start: auto!important;
    border-radius: 25px;
  }
}
 
/* Reduced logo size when scrolling */
.elementor-88 .sticky-header.shrink .logo {
transition: all  0.5s ease-in-out;
  transform: scale(0.9);
  /*content:url('https://porkhunter.it/wp-content/uploads/2024/09/porkhunter_horizontal_logo.svg');*/
}/* End custom CSS */