/* 
	Theme Name: JN Pack 2025
	Author URI: https://scharmach.pl/
	Description: Custom theme for JN Pack
	Author: Scharmach Consulting
	Author URI: https://scharmach.pl/
	Template: hello-elementor
	Text Domain: hello-elementor
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: clamp(16px, 16px + 4 * (100vw - 1360px) / 560, 20px);
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9019607843);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

main {
  margin-top: 8.5045rem;
}

@media (max-width: 1360px) {
  html {
    font-size: clamp(10px, 10px + 6 * (100vw - 768px) / 592, 16px);
  }
}
@media (max-width: 768px) {
  html {
    font-size: 12px;
  }
}
.jnpack-blue-text {
  color: rgb(0, 41, 85);
}

.jnpack-black-text {
  color: rgb(0, 0, 0);
  font-weight: 400;
}

.wlasna-marka-link {
  color: rgb(77, 123, 187) !important;
  text-decoration: underline !important;
}

.pp-link {
  color: rgb(77, 123, 187) !important;
}

.jnpack-main-menu-header .sub-menu {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.jnpack-faq .e-n-accordion-item-title-text {
  position: relative;
}
.jnpack-faq .e-n-accordion-item-title-text::before {
  content: "?";
  display: block;
  position: absolute;
  left: -2rem;
  top: 0;
  font-size: 2rem;
  color: rgb(77, 123, 187);
}

details[open] .e-n-accordion-item-title-text::before {
  color: rgb(255, 255, 255);
}

.jnpack-contact-form form .elementor-field-type-text input,
.jnpack-contact-form form .elementor-field-type-email input,
.jnpack-contact-form form .elementor-field-type-textarea input,
.jnpack-contact-form form .elementor-field-type-tel input {
  padding: 1.65rem 1.35rem;
}
.jnpack-contact-form form .elementor-field-type-text label,
.jnpack-contact-form form .elementor-field-type-email label,
.jnpack-contact-form form .elementor-field-type-textarea label,
.jnpack-contact-form form .elementor-field-type-tel label {
  padding-left: 1.35rem;
}
.jnpack-contact-form form .elementor-field-type-text textarea,
.jnpack-contact-form form .elementor-field-type-email textarea,
.jnpack-contact-form form .elementor-field-type-textarea textarea,
.jnpack-contact-form form .elementor-field-type-tel textarea {
  padding: 1.65rem 1.35rem;
}
.jnpack-contact-form form .elementor-field-option {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.jnpack-contact-form form .elementor-field-option input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid #ccc;
  border-radius: 5px !important;
  cursor: pointer;
  position: relative;
  background-color: #fff;
  vertical-align: middle;
}
.jnpack-contact-form form .elementor-field-option input[type=checkbox]:checked {
  background-color: rgb(255, 255, 255);
  border-color: rgb(77, 123, 187);
}
.jnpack-contact-form form .elementor-field-option input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 0.3rem;
  left: 0.5rem;
  width: 0.25rem;
  height: 0.45rem;
  border: solid rgb(77, 123, 187);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.jnpack-contact-form form .elementor-field-option label {
  font-size: 0.75rem !important;
  color: rgb(111, 111, 111) !important;
  font-weight: 400 !important;
}
.jnpack-contact-form form .elementor-field-type-html {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.jnpack-contact-form form .elementor-field-type-html .star {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 5px;
  border: 1px solid rgb(0, 0, 0);
  color: rgb(77, 123, 187);
}

.jnpack-prod-big-loop {
  transition: all 300ms ease-in-out;
}
.jnpack-prod-big-loop:hover {
  background-color: rgb(77, 123, 187) !important;
}
.jnpack-prod-big-loop:hover .jnpack-big-loop-text .elementor-heading-title {
  color: rgb(255, 255, 255) !important;
}

.jnpack-zalety-grid .jnpack-zaleta {
  transition: all 0.3s ease-in-out;
}
.jnpack-zalety-grid .jnpack-zaleta .jnpack-ok {
  transition: all 0.3s ease-in-out;
}
.jnpack-zalety-grid .jnpack-zaleta .jnpack-ok .jnpack-ok-icon {
  transition: all 0.3s ease-in-out;
}
.jnpack-zalety-grid .jnpack-zaleta:hover {
  background-color: rgb(255, 255, 255);
}
.jnpack-zalety-grid .jnpack-zaleta:hover .jnpack-ok {
  background-color: rgb(77, 123, 187);
}
.jnpack-zalety-grid .jnpack-zaleta:hover .jnpack-ok .jnpack-ok-ico svg path {
  stroke: rgb(255, 255, 255);
}

.jnpack-specjalisci-loop-grid .elementor-grid {
  display: flex !important;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 2rem;
}
.jnpack-specjalisci-loop-grid .elementor-grid .e-loop-item {
  width: calc(33.33% - 1.5rem);
}

.jnpack-specjalisci-loop {
  transition: all 600ms ease-in-out;
}
.jnpack-specjalisci-loop:hover {
  background-color: rgb(77, 123, 187) !important;
}
.jnpack-specjalisci-loop:hover .specialisci-icon .elementor-icon svg path {
  fill: rgb(255, 255, 255) !important;
}
.jnpack-specjalisci-loop:hover .specjalisci-icon-two .elementor-icon svg path {
  fill: transparent !important;
  stroke: rgb(255, 255, 255) !important;
}
.jnpack-specjalisci-loop:hover .specjalisci-icon-two .elementor-icon svg rect,
.jnpack-specjalisci-loop:hover .specjalisci-icon-two .elementor-icon svg circle {
  stroke: rgb(255, 255, 255) !important;
}
.jnpack-specjalisci-loop:hover .specjalisci-text .elementor-heading-title {
  color: rgb(255, 255, 255) !important;
}
.jnpack-specjalisci-loop:hover .specjalisci-text .elementor-heading-title .jnpack-black-text {
  color: rgb(255, 255, 255) !important;
}

.jnpack-targi-slideshow .elementor-image-carousel-wrapper {
  overflow: visible !important;
}
.jnpack-targi-slideshow .swiper-slide img {
  width: 16rem !important;
  height: 16rem !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
  filter: grayscale(100%);
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
}
.jnpack-targi-slideshow .swiper-slide-next img {
  filter: grayscale(0%);
  transform: scale(1.3);
}
.jnpack-targi-slideshow .elementor-swiper-button-prev {
  position: absolute !important;
  display: block !important;
  top: auto !important;
  bottom: -4.5rem !important;
  left: 49% !important;
  transform: translateX(0) !important;
}
.jnpack-targi-slideshow .elementor-swiper-button-prev:hover svg {
  fill: rgb(77, 123, 187) !important;
}
.jnpack-targi-slideshow .elementor-swiper-button-next {
  position: absolute !important;
  display: block !important;
  top: auto !important;
  bottom: -4.5rem !important;
  left: 51% !important;
  transform: translateX(0) !important;
}
.jnpack-targi-slideshow .elementor-swiper-button-next:hover svg {
  fill: rgb(77, 123, 187) !important;
}

@supports not (-moz-appearance: none) {
  .jnpack-historia-akordeon .e-n-accordion-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .jnpack-historia-akordeon .e-n-accordion-item .e-n-accordion-item-title {
    height: 3.55rem;
    margin-right: 8.4rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item .e-con {
    border-radius: 15px;
  }
  .jnpack-historia-akordeon .e-n-accordion-item > .e-con {
    height: 3.55rem;
    overflow: visible !important;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(1) .e-n-accordion-item-title {
    margin-top: 1.6rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(2) > .e-con {
    margin-top: -5.95rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(3) > .e-con {
    margin-top: -10.3rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(4) > .e-con {
    margin-top: -14.65rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(5) > .e-con {
    margin-top: -19rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(6) > .e-con {
    margin-top: -23.35rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(7) > .e-con {
    margin-top: -27.7rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(8) > .e-con {
    margin-top: -32.05rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(9) > .e-con {
    margin-top: -36.4rem;
  }
  .jnpack-historia-akordeon .e-n-accordion-item:nth-of-type(10) > .e-con {
    margin-top: -40.75rem;
  }
}
.jnpack-prod-small-loop {
  transition: all 300ms ease-in-out;
}
.jnpack-prod-small-loop .jnpack-small-loop-img img {
  max-height: 11.45rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.jnpack-prod-small-loop:hover {
  background-color: rgb(77, 123, 187) !important;
}
.jnpack-prod-small-loop:hover .jnpack-small-loop-text .elementor-heading-title {
  color: rgb(255, 255, 255) !important;
}

@media (max-width: 768px) {
  main {
    margin-top: 6.5225rem;
  }
  .jnpack-blue-btn,
  .jn-pack-white-btn {
    width: 100% !important;
  }
  .jnpack-blue-btn a,
  .jn-pack-white-btn a {
    width: 100% !important;
    text-align: center !important;
  }
  .elementor-swiper-button-prev {
    position: absolute !important;
    bottom: -3.5rem !important;
    top: auto !important;
    left: 45% !important;
    transform: translateY(0) !important;
  }
  .elementor-swiper-button-next {
    position: absolute !important;
    bottom: -3.5rem !important;
    top: auto !important;
    left: 55% !important;
    transform: translateY(0) !important;
  }
  .jnpack-zalety-grid {
    row-gap: 1rem !important;
  }
  .jnpack-zaleta {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    -moz-column-gap: 2rem !important;
         column-gap: 2rem !important;
  }
  .jnpack-zaleta .jnpack-ok {
    position: relative !important;
    top: auto !important;
  }
  .jnpack-faq .e-n-accordion-item-title-text::before {
    display: none;
  }
  .jnpack-specjalisci-loop-grid .elementor-grid {
    flex-direction: column;
  }
  .jnpack-specjalisci-loop-grid .elementor-grid .e-loop-item {
    width: 100% !important;
  }
  .jnpack-contact-form form .elementor-field-option label {
    font-size: 1rem !important;
    width: 75% !important;
  }
  .jnpack-historia-akordeon .e-n-accordion-item {
    grid-template-columns: 1fr !important;
  }
  .jnpack-historia-akordeon .e-n-accordion-item .e-n-accordion-item-title {
    margin-right: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  .jnpack-historia-akordeon .e-n-accordion-item > .e-con {
    margin-top: 0 !important;
    width: 100% !important;
    height: auto !important;
  }
  .jnpack-targi-slideshow .swiper-slide img {
    width: auto !important;
    height: 27rem !important;
    filter: grayscale(0%) !important;
  }
  .jnpack-targi-slideshow .swiper-slide-next img {
    transform: scale(1) !important;
  }
  .jnpack-targi-slideshow .elementor-swiper-button-prev {
    left: 45% !important;
  }
  .jnpack-targi-slideshow .elementor-swiper-button-next {
    left: 55% !important;
  }
  .mobile-no-br br {
    display: none !important;
  }
}/*# sourceMappingURL=style.css.map */