@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.prinker-font {
  font-family: 'Poppins', serif;
  font-weight: 400;
  color: #333 !important;
  list-style-type: none;
}

.prinker-font-secondary {
  font-family: 'Poppins', serif;
  font-weight: 400;
  color: #fff !important;
  list-style-type: none;
}

h2.prinker-font {
  font-weight: 500;
  font-size: 1.5em;
  text-align: center;
}

h2.prinker-font-secondary {
  font-weight: 500;
  font-size: 1.5em;
  text-align: center;
}

.prinker-button-primary {
  color: #ffffff !important;
  background: #333333;
  border: 1px solid #333;
  border-radius: 5px;
  padding: 8px;
  text-decoration: none !important;
  margin-right: 10px;
}

.prinker-button-primary:hover {
  color: #333333;
  background: #b127ff;
  border: 1px solid #b127ff;
}

.prinker-button-secondary {
  color: #333333 !important;
  border: 1px solid #eeeeee;
  background: #eeeeee;
  border-radius: 5px;
  padding: 8px;
  text-decoration: none !important;
  margin-right: 10px;
}

.prinker-button-secondary:hover {
  color: #ffffff !important;
  background: #b127ff;
  border: 1px solid #b127ff;
}

/* Flex container */
.prinker-flex {
  display: flex; 
  align-items: center;  
  flex-direction: row; 
  gap: 40px; 
}

@media only screen and (max-width: 800px) {
  .prinker-flex {
    flex-direction: column;
  }
}

.prinker-flex-item {
  flex: 1;
}

.prinker-social-icon {
  color: #ffffff;
  margin: 5px;
}

.prinker-social-icon:hover {
  color: #b127ff;
}

.prinker-hero {
  background: 
    linear-gradient(45deg, rgba(255,3,228,0.8) 0%, rgba(8,133,246,0.8) 100%),
    url('/images/prinker/prinker-lifestyle/prinker-background-hero.png'); 
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat; 
}

.prinker-image-logo {
  max-width: 400px !important;
  height: auto;
}

/* Prinker app download image on product pages */
.prinker-app-img img {
  transition: transform 0.3s ease;
}

.prinker-app-img img:hover {
  transform: scale(0.9);
}

@media only screen and (max-width: 768px) { 
  h1.prinker-font, h1.prinker-font-secondary {
    font-size: 1.1em !important;
  }

  .prinker-img-hero {
    max-width: 300px;
    height: auto;
    object-fit: contain;
  }

  .prinker-hero-image {
    padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 20px !important;
  }

  .prinker-flex {
    flex-direction: column;
    gap: 10px;
  }

  h2.prinker-font, h2.prinker-font-secondary {
    text-align: left;
  }

  .prinker-flex-reverse {
    flex-direction: column-reverse;
  }

  .table-striped {
    font-size: 0.7em;
    line-height: 0.9em;
  }

  .prinker-hero {
    padding-bottom: 5% !important;
  }

  .prinker-slider {
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
  }

  .prinker-slider-item {
    flex: 0 0 auto;
    width: 100%;
    scroll-snap-align: start;
  }
}
/*  Prinker Hero Video */