/*
 Theme Name:   UNCICO Karol Ucinski
 Author:       Gosia Gozdz myspot.ON
 Template:     Divi
 Version:      1.17

*/

/* ============== GLOBAL STYLES ============== */

/* Fix a horizontal scroll bug on mobile browsers */
#page-container { 
  overflow:hidden; 
  width:100%; 
  max-width:100%; }

/*SELECTION*/
::selection {
     background-color: #D7E4F6;
     color: #000;} 

body {
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, "clig" 0;
  -webkit-font-feature-settings: "liga" 0, "clig" 0;
}



/* ============== TEXT STYLE ============== */

ul, li, ol {
  line-height:1.2em!important;
}

:where(.et_pb_text) :is(p,ul,ol,blockquote) ~ :is(h1,h2,h3,h4,h5,h6) {
  padding-top:.75em;
}

:where(.et_pb_text) p:last-of-type {
  padding-bottom:1em;
}
:where(.et_pb_text) :is(p,ul,ol,blockquote):last-child {
  padding-bottom:0;
}

:where(.et_pb_text) ::marker {
  color:var(--gcid-primary-color);
  font-family:var(--et_global_heading_font);
}
:where(.et_pb_text) :is(ol,ul) li:not(:last-child) {
  padding-bottom:.5em;
}



/* Style Blockquotes */
:where(.et_pb_text) blockquote {
  border:none;
  position:relative;
  padding:.5em 1em;
  margin:.5em 0 1.5em;
}
:where(.et_pb_text) blockquote::after {
  content:'〞';
  color:var(--gcid-primary-color);
  position:absolute;
  font-size:4em;
  left:-.15em;
  top:.2em;
}
:where(.et_pb_text) blockquote::before {
  content:'';
  background:var(--gcid-primary-color);
  opacity:0.1;
  width:100%;
  height:100%;
  position:absolute;
  z-index:-1;
  left:0; 
  top:0;
  border-radius:5px;
}



/* ============== LINKS ============== */
:where(.et_pb_text, #un-footer) a {
  text-underline-offset: .22em;
}



/* ============== BACK TO TOP ============== */
.et_pb_scroll_top.et-pb-icon {
  background: transparent;
  color: #000;
  padding: 12px;
  font-size: 22px;
  right: 20px;
  bottom: 40px !important;
}

.et_pb_scroll_top.et-pb-icon.et-visible {
  transition: all .3s ease-in-out;
}

@media (max-width:980px){
.et_pb_scroll_top:before {
  content: '!';
}

.et_pb_scroll_top.et-pb-icon {
  background: #EEF2F5;
  border-radius:08px;
  color: #000;
  padding: 12px;
  font-size: 22px;
  right: 10px;
  bottom: 10px !important;
}}



/* ===================== FORMULARZ ===================== */

.forminator-field input,
span.select2-selection.select2-selection--single,
textarea {
    padding: 15px 0!important;
    border-width: 0 0 1px 0!important;
    border-style: solid!important;
    border-radius: 0!important;
    background: transparent!important;
}

#checkbox-1 label {
    align-items:flex-start!important;}

span.forminator-checkbox-label {
    line-height:1.2em!important;
    text-align:left!important;
    font-size:12px!important;
    width:80%;}

@media (max-width:980px){
	span.forminator-checkbox-label {
width:100%;}
}


button.forminator-button.forminator-button-submit {
    width: 100%!important;
    display: block!important;
    margin-top:20px!important;
    text-align:center!important;
    text-transform:uppercase;
    border: 1px solid transparent!important;
    border-radius:100px!important;
}

.forminator-checkbox .forminator-checkbox-box {
    background: transparent!important;
    box-shadow: none!important;
}

.forminator-checkbox input:checked + .forminator-checkbox-box {
    background: transparent!important;
}

button.forminator-button.forminator-button-submit,
button.forminator-button.forminator-button-submit:hover {
    box-shadow:none!important;
}

button.forminator-button.forminator-button-submit:hover {
    border-color: #3A2418!important;
}



/* =========================
   HEADER
========================= */
#un-header {
  position: sticky!important;
  top: 0;
  z-index: 9999;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

#un-header .et_pb_menu__menu > nav > ul {
  gap: 2.25em!important;
}

#un-header .et_pb_menu__cart-button {
  margin-left: 2.25em!important;
}

#un-header .et_pb_menu__menu > nav > ul > li {
  margin: 0!important;
  padding: 0!important;
}

#un-header .et_pb_menu__menu > nav > ul > li > a {
  position: relative;
  padding-left: 0!important;
  padding-right: 0!important;
  text-decoration: none!important;
}

#un-header .et_pb_menu__menu > nav > ul > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: .18em;
  width: 100%;
  height: 0;
  border-bottom: 1px solid currentColor;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
}

#un-header .et_pb_menu__menu > nav > ul > li > a:hover::after {
  transform: scaleX(1);
}
@media (max-width:980px) {
  #un-header .et_pb_menu__menu > nav > ul {
    gap: 1.2em!important;
  }

  #un-header .et_pb_menu__cart-button {
    margin-left: 1.2em!important;
  }
}


/* =========================
   IMAGE BACKGROUND ZOOM
========================= */
.un-image-zoom {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.un-image-zoom::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: inherit;
  background-position: inherit;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1);
  transform-origin: center;
  transition: transform .65s ease;
}

.un-image-zoom:hover::before {
  transform: scale(1.08);
}

.un-image-zoom > * {
  position: relative;
  z-index: 1;
}

.un-image-zoom .et_pb_image_wrap {
  display: block;
  overflow: hidden;
}

.un-image-zoom img {
  display: block;
  transition: transform .65s ease;
}

.un-image-zoom:hover img {
  transform: scale(1.08);
}
@media (prefers-reduced-motion: reduce) {
  .un-image-zoom::before {
    transition: none;
  }

  .un-image-zoom img {
    transition: none;
  }
}


/* =========================
   PHOTO MARQUEE
========================= */
.un-photo-marquee {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

.un-photo-marquee__track {
  display: flex !important;
  width: max-content !important;
  gap: 24px;
  animation: un-photo-marquee 42s linear infinite;
}

.un-photo-marquee:hover .un-photo-marquee__track {
  animation-play-state: paused;
}

.un-photo-marquee .et_pb_group {
  flex: 0 0 320px !important;
  width: 320px !important;
  max-width: 320px !important;
  margin: 0 !important;
}
@keyframes un-photo-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--un-photo-marquee-distance, -50%), 0, 0); }
}
@media (max-width: 767px) {
  .un-photo-marquee__track {
    gap: 14px;
    animation-duration: 34s;
  }

  .un-photo-marquee .et_pb_group {
    flex-basis: min(72vw, 280px) !important;
    width: min(72vw, 280px) !important;
    max-width: min(72vw, 280px) !important;
  }
}

body.et-fb .un-photo-marquee {
  overflow: visible !important;
}

body.et-fb .un-photo-marquee__track {
  animation: none !important;
  transform: none !important;
}

body.et-fb .un-photo-marquee [data-un-photo-clone] {
  display: none !important;
}


/* =========================
   TESTIMONIALS MARQUEE
========================= */
.un-testimonials {
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

.un-testimonials .un-testimonials__track {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: max-content !important;
  gap: 20px;
  will-change: transform;
  animation: un-testimonials-marquee 34s linear infinite;
}

.un-testimonials:hover .un-testimonials__track {
  animation-play-state: paused;
}

.un-testimonials .et_pb_column {
  flex: 0 0 360px !important;
  width: 360px !important;
  max-width: 360px !important;
  margin: 0 !important;
}

body.et-fb .un-testimonials,
html.et-fb .un-testimonials {
  overflow: visible !important;
  -webkit-mask-image: none;
  mask-image: none;
}

body.et-fb .un-testimonials .un-testimonials__track,
html.et-fb .un-testimonials .un-testimonials__track {
  animation: none !important;
  transform: none !important;
}

body.et-fb .un-testimonials [data-un-testimonial-clone],
html.et-fb .un-testimonials [data-un-testimonial-clone] {
  display: none !important;
}

body.et-fb .un-testimonials .et_pb_column,
html.et-fb .un-testimonials .et_pb_column {
  flex: inherit !important;
  width: auto !important;
  max-width: none !important;
}


@keyframes un-testimonials-marquee {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--un-testimonials-loop-distance, -50%), 0, 0); }
}

@media (max-width: 767px) {
  .un-testimonials .un-testimonials__track {
    gap: 14px;
    animation-duration: 28s;
  }

  .un-testimonials .et_pb_column {
    flex-basis: min(82vw, 320px) !important;
    width: min(82vw, 320px) !important;
    max-width: min(82vw, 320px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .un-testimonials .un-testimonials__track {
    animation: none;
  }
}


/* =========================
   FOOTER
========================= */
#un-footer .et_mobile_nav_menu {
  display: none!important;
}

#un-footer .et_pb_menu__menu {
  display: block!important;
}

#un-footer .et_pb_menu__wrap,
#un-footer .et-menu-nav,
#un-footer .et_pb_menu__menu > nav > ul {
  justify-content: flex-start!important;
  text-align: left!important;
}

#un-footer .et_pb_menu__menu > nav > ul {
  display: flex!important;
  flex-direction: column!important;
  align-items: flex-start!important;
  flex-wrap: nowrap!important;
}

#un-footer .et_pb_menu__menu > nav > ul > li {
  display: block!important;
  width: auto!important;
  margin: 0!important;
  padding: 0!important;
  text-align: left!important;
}

#un-footer .et_pb_menu__menu > nav > ul > li > a {
  display: inline-block!important;
  justify-content: flex-start!important;
  padding: .34em 0!important;
  line-height: 1.2em!important;
  text-align: left!important;
}

@media (max-width:980px) {
  #un-footer .et_pb_text_align_right-phone {
    text-align: left!important;
  }
}