/*
Theme Name: bricks-child
Theme URI: 
Description: 
Author: Sławek Sobolewski
Author URI: 
Template: bricks
Version: 1.0.0
*/


:root {
   --main-accent: #EA3939;
   --white: #ffffff;
   --black: #192134;
   --main: #5D4233;
   --dark-blue: #001A4D;
   --gray: #5e5e5e;
   --border-light: #e4e4e4;
   --border: rgba(214, 214, 214, 1);
   --border-radius: 10px;
   --background-light: #fafafa;
   --main-background: #FAFAFA;
   
   --box-container: min(calc(100vw - 8vw), 1366px);
   --box-container-1600: min(calc(100vw - 8vw), 1600px);
   --box-container-narrow: min(calc(100vw - 8vw), 1200px);
   --box-base-container: min(calc(100vw - 10vw), 1130px);
   --box-banner-container: min(calc(100vw - 10vw), 1640px);
   --margin-full-to-container: calc(50% - min(calc(100vw - 8vw), 1366px) / 2);

   --h1: clamp(2rem, 1.265rem + 3.135vw, 3.75rem);
   --h2: clamp(1.5rem, 1.08rem + 1.792vw, 2.5rem);
   --h3: clamp(1.3rem, 1.187rem + 0.483vw, 1.6rem);
   --h4: clamp(1.1rem, 1.011rem + 0.322vw, 1.25rem);
   --transition-time: 0.3s;
   --transition-ease: cubic-bezier(0.4, 0, 0.2, 1);

   --repeat-autofit-600: repeat(auto-fit, minmax(600px, 1fr));
   --repeat-autofit-550: repeat(auto-fit, minmax(550px, 1fr));
   --repeat-autofit-500: repeat(auto-fit, minmax(500px, 1fr));
   --repeat-autofit-450: repeat(auto-fit, minmax(300px, 1fr));
   --repeat-autofit-400: repeat(auto-fit, minmax(400px, 1fr));
   --repeat-autofit-350: repeat(auto-fit, minmax(350px, 1fr));
   --repeat-autofit-300: repeat(auto-fit, minmax(300px, 1fr));
   --repeat-autofit-250: repeat(auto-fit, minmax(250px, 1fr));
   --repeat-autofit-200: repeat(auto-fit, minmax(200px, 1fr));
   --repeat-autofit-150: repeat(auto-fit, minmax(150px, 1fr));
   --repeat-autofit-100: repeat(auto-fit, minmax(100px, 1fr));

   --gap-4-3: clamp(3rem, 2.622rem + 1.615vw, 4rem);
   --gap-5-3: clamp(3rem, 2.243rem + 3.229vw, 5rem);
   --gap-6-3: clamp(3rem, 1.865rem + 4.844vw, 6rem);
   --gap-7-3: clamp(3rem, 1.486rem + 6.458vw, 7rem);
   --gap-8-3: clamp(3rem, 1.108rem + 8.073vw, 8rem);
   --gap-9-3: clamp(3rem, 0.73rem + 9.687vw, 9rem);
   --gap-10-3: clamp(3rem, 0.351rem + 11.302vw, 10rem);
   --gap-11-3: clamp(3rem, -0.027rem + 12.916vw, 11rem);
   --gap-12-3: clamp(3rem, -0.406rem + 14.531vw, 12rem);
   --gap-13-3: clamp(3rem, -0.784rem + 16.145vw, 13rem);
   --gap-14-3: clamp(3rem, -1.162rem + 17.76vw, 14rem);
   --gap-15-3: clamp(3rem, -1.541rem + 19.374vw, 15rem);

   --gap-5-4: clamp(4rem, 3.622rem + 1.615vw, 5rem);
   --gap-6-4: clamp(4rem, 3.243rem + 3.229vw, 6rem);
   --gap-7-4: clamp(4rem, 2.865rem + 4.844vw, 7rem);
   --gap-8-4: clamp(4rem, 2.486rem + 6.458vw, 8rem);
   --gap-9-4: clamp(4rem, 2.108rem + 8.073vw, 9rem);
   --gap-10-4: clamp(4rem, 1.73rem + 9.687vw, 10rem);
   --gap-11-4: clamp(4rem, 1.351rem + 11.302vw, 11rem);
   --gap-12-4: clamp(4rem, 0.973rem + 12.916vw, 12rem);
   --gap-13-4: clamp(4rem, 0.594rem + 14.531vw, 13rem);
   --gap-14-4: clamp(4rem, 0.216rem + 16.145vw, 14rem);
   --gap-15-4: clamp(4rem, -0.162rem + 17.76vw, 15rem);
   
   --gap-6-5: clamp(5rem, 4.622rem + 1.615vw, 6rem);
   --gap-7-5: clamp(5rem, 4.243rem + 3.229vw, 7rem);
   --gap-8-5: clamp(5rem, 3.865rem + 4.844vw, 8rem);
   --gap-9-5: clamp(5rem, 3.486rem + 6.458vw, 9rem);
   --gap-10-5: clamp(5rem, 3.108rem + 8.073vw, 10rem);
   --gap-11-5: clamp(5rem, 2.73rem + 9.687vw, 11rem);
   --gap-12-5: clamp(5rem, 2.351rem + 11.302vw, 12rem);
   --gap-13-5: clamp(5rem, 1.973rem + 12.916vw, 13rem);
   --gap-14-5: clamp(5rem, 1.594rem + 14.531vw, 14rem);
   --gap-15-5: clamp(5rem, 1.216rem + 16.145vw, 15rem);
   
   --gap-7-6: clamp(6rem, 5.622rem + 1.615vw, 7rem);
   --gap-8-6: clamp(6rem, 5.243rem + 3.229vw, 8rem);
   --gap-9-6: clamp(6rem, 4.865rem + 4.844vw, 9rem);
   --gap-10-6: clamp(6rem, 4.486rem + 6.458vw, 10rem);
   --gap-11-6: clamp(6rem, 4.108rem + 8.073vw, 11rem);
   --gap-12-6: clamp(6rem, 3.73rem + 9.687vw, 12rem);
   --gap-13-6: clamp(6rem, 3.351rem + 11.302vw, 13rem);
   --gap-14-6: clamp(6rem, 2.973rem + 12.916vw, 14rem);
   --gap-15-6: clamp(6rem, 2.594rem + 14.531vw, 15rem);
   
   --gap-8-7: clamp(7rem, 6.622rem + 1.615vw, 8rem);
   --gap-9-7: clamp(7rem, 6.243rem + 3.229vw, 9rem);
   --gap-10-7: clamp(7rem, 5.865rem + 4.844vw, 10rem);
   --gap-11-7: clamp(7rem, 5.486rem + 6.458vw, 11rem);
   --gap-12-7: clamp(7rem, 5.108rem + 8.073vw, 12rem);
   --gap-13-7: clamp(7rem, 4.73rem + 9.687vw, 13rem);
   --gap-14-7: clamp(7rem, 4.351rem + 11.302vw, 14rem);
   --gap-15-7: clamp(7rem, 3.973rem + 12.916vw, 15rem);
   
   --gap-9-8: clamp(8rem, 7.622rem + 1.615vw, 9rem);
   --gap-10-8: clamp(8rem, 7.243rem + 3.229vw, 10rem);
   --gap-11-8: clamp(8rem, 6.865rem + 4.844vw, 11rem);
   --gap-12-8: clamp(8rem, 6.486rem + 6.458vw, 12rem);
   --gap-13-8: clamp(8rem, 6.108rem + 8.073vw, 13rem);
   --gap-14-8: clamp(8rem, 5.73rem + 9.687vw, 14rem);
   --gap-15-8: clamp(8rem, 5.351rem + 11.302vw, 15rem);

   --gap-3-2: clamp(2rem, 1.622rem + 1.615vw, 3rem);
   --gap-4-2: clamp(2rem, 1.243rem + 3.229vw, 4rem);
   --gap-5-2: clamp(2rem, 0.865rem + 4.844vw, 5rem);
   --gap-6-2: clamp(2rem, 0.486rem + 6.458vw, 6rem);
   --gap-7-2: clamp(2rem, 0.108rem + 8.073vw, 7rem);
   --gap-8-2: clamp(2rem, -0.27rem + 9.687vw, 8rem);
   --gap-9-2: clamp(2rem, -0.649rem + 11.302vw, 9rem);
   --gap-10-2: clamp(2rem, -1.027rem + 12.916vw, 10rem);
   --gap-11-2: clamp(2rem, -1.406rem + 14.531vw, 11rem);
   --gap-12-2: clamp(2rem, -1.784rem + 16.145vw, 12rem);
   --gap-13-2: clamp(2rem, -2.162rem + 17.76vw, 13rem);
   --gap-14-2: clamp(2rem, -2.541rem + 19.374vw, 14rem);
   --gap-15-2: clamp(2rem, -2.919rem + 20.989vw, 15rem);

   --gap-2-15: clamp(1.5rem, 1.324rem + 0.751vw, 2rem);
   --gap-3-15: clamp(1.5rem, 0.972rem + 2.254vw, 3rem);
   --gap-4-15: clamp(1.5rem, 0.62rem + 3.756vw, 4rem);
   --gap-5-15: clamp(1.5rem, 0.268rem + 5.258vw, 5rem);

   --grid-gap: clamp(2rem, 1.1718rem + 3.3126vw, 4rem);
   --gap-2-1: clamp(1rem, 0.5833rem + 1.6667vw, 2rem);
   --gap-1-5-1: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
   --gap-3-1: clamp(1rem, 0.1667rem + 3.3333vw, 3rem);
   --gap-4-1: clamp(1rem, -0.25rem + 5vw, 4rem);
   --gap-5-1: clamp(1rem, -0.6667rem + 6.6667vw, 5rem);
   --gap-6-1: clamp(1rem, -1.0833rem + 8.3333vw, 6rem);
   --gap-7-1: clamp(1rem, -1.5rem + 10vw, 7rem);
   --gap-8-1: clamp(1rem, -1.9167rem + 11.6667vw, 8rem);
   --gap-9-1: clamp(1rem, -2.027rem + 12.916vw, 9rem);
   --gap-10-1: clamp(1rem, -2.406rem + 14.531vw, 10rem);
   --gap-11-1: clamp(1rem, -2.784rem + 16.145vw, 11rem);
   --gap-12-1: clamp(1rem, -3.162rem + 17.76vw, 12rem);

   --gap-1-05: clamp(0.5rem, 0.311rem + 0.807vw, 1rem);
   --gap-2-05: clamp(0.5rem, -0.068rem + 2.422vw, 2rem);
   --gap-3-05: clamp(0.5rem, -0.446rem + 4.036vw, 3rem);
   --gap-4-05: clamp(0.5rem, -0.824rem + 5.651vw, 4rem);

   --gap-150-1: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
   --gap-125-1: clamp(1.25rem, 1.338rem + -0.376vw, 1rem);

   --gap-1-0: clamp(0rem, -0.378rem + 1.615vw, 1rem);
   --gap-2-0: clamp(0rem, -0.757rem + 3.229vw, 2rem);
   --gap-3-0: clamp(0rem, -1.135rem + 4.844vw, 3rem);
   --gap-4-0: clamp(0rem, -1.514rem + 6.458vw, 4rem);
   --gap-5-0: clamp(0rem, -1.892rem + 8.073vw, 5rem);
   --gap-6-0: clamp(0rem, -2.27rem + 9.687vw, 6rem);
   --gap-7-0: clamp(0rem, -2.649rem + 11.302vw, 7rem);
   --gap-8-0: clamp(0rem, -3.027rem + 12.916vw, 8rem);
   --gap-9-0: clamp(0rem, -3.406rem + 14.531vw, 9rem);
   --gap-10-0: clamp(0rem, -3.784rem + 16.145vw, 10rem);
   --gap-11-0: clamp(0rem, -4.162rem + 17.76vw, 11rem);
   --gap-12-0: clamp(0rem, -4.541rem + 19.374vw, 12rem);
   --gap-13-0: clamp(0rem, -4.919rem + 20.989vw, 13rem);
   --gap-14-0: clamp(0rem, -5.298rem + 22.603vw, 14rem);
   --gap-15-0: clamp(0rem, -5.676rem + 24.218vw, 15rem);
   --gap-16-0: clamp(0rem, -6.054rem + 25.832vw, 16rem);
}
body{
    color:var(--black);
    transition: all var(--transition-time) var(--transition-ease);
}

main{
	overflow: hidden;
	max-width:100vw;
}
[class*="btn-"]{
    transition: all var(--transition-time) var(--transition-ease);
}
[class*="btn-"].red{
    transition: all var(--transition-time) var(--transition-ease);
    padding:clamp(0.6rem, 0.449rem + 0.646vw, 1rem) clamp(1.2rem, 1.124rem + 0.323vw, 1.4rem);
    background-color:var(--main-accent);
    border-radius:var(--border-radius);
    outline: 2px solid transparent;
    outline-offset: 3px;
    color:var(--white);
}
[class*="btn-"].red:hover{
    outline: 2px solid var(--main-accent);
    box-shadow: rgb(216 0 0) 0px 30px 60px -12px inset, rgb(150 1 1 / 100%) 0px 18px 36px -18px inset;
}

[class*="btn-"].white{
    transition: all var(--transition-time) var(--transition-ease);
    padding:clamp(0.6rem, 0.449rem + 0.646vw, 1rem) clamp(1.2rem, 1.124rem + 0.323vw, 1.4rem);
    background-color:transparent;
    outline:2px solid var(--white);
    outline-offset: -3px;
    border-radius:var(--border-radius);
}
[class*="btn-"].white:hover{
    background-color:var(--white);
    color:var(--black)!important;
    outline:2px solid var(--white);
    
}

[class*="btn-"].red-outline{
    transition: all var(--transition-time) var(--transition-ease);
    padding:clamp(0.6rem, 0.449rem + 0.646vw, 1rem) 2.5rem;
    background-color:transparent;
    outline:2px solid var(--main-accent);
    color:var(--main-accent);
    font-weight:500;
    outline-offset: -3px;
    border-radius:var(--border-radius);
}
[class*="btn-"].red-outline:hover{
    background-color:var(--main-accent);
    color:var(--white)!important;
    outline:2px solid var(--white);
    
}

[class*="btn-"].kontakt{
    transition: all var(--transition-time) var(--transition-ease);
    padding:1rem 1.4rem;
    background-color:var(--main-accent);
    border-radius:var(--border-radius);
    outline: 2px solid transparent;
    outline-offset: 3px;
}
[class*="btn-"].kontakt:hover{
    outline: 2px solid var(--main-accent);
    box-shadow: rgb(216 0 0) 0px 30px 60px -12px inset, rgb(150 1 1 / 100%) 0px 18px 36px -18px inset;
}
nav.brxe-breadcrumbs{
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow: scroll;
	font-size:clamp(1.25rem, 1.132rem + 0.505vw, 1.563rem)!important;
}
@media(max-width:600px){
    [class*="btn-"].kontakt{
    transition: all var(--transition-time) var(--transition-ease);
    padding:0;
    background-color:transparent;
    border-radius:0;
    outline: 0;
    outline-offset: 0;
}
[class*="btn-"].kontakt:hover{
    outline: 0;
    box-shadow: none;
}
}

.gray{
    color:rgba(25, 33, 52, 0.5)
}
.opacity-50{
    opacity:0.5;
}

/* checkboxy */
	:root {
  --form-control-color: var(--black);
  --form-control-disabled: #959495;
		--form-background: var(--main-yellow);
}

	
	/* global */
input[type="checkbox"]:not(.wpc-label-input) {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
	padding:0;
  font: inherit;
  color: currentColor;
  min-width: 1.4rem;
  width: 1.4rem!important;
  height: 1.4rem;
  border: 0.1rem solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: inline-flex!important;
  justify-content: center;
  align-items: center;
}

input[type="checkbox"]:not(.wpc-label-input)::before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
  display: inline-flex;
  position: relative;
  left: 0px;
  top: 0px;
}

input[type="checkbox"]:not(.wpc-label-input):checked::before {
  transform: scale(1);
}

input[type="checkbox"]:not(.wpc-label-input):focus {
  /* outline: max(2px, 0.15em) solid currentColor;*/
	outline:none;
  outline-offset: max(2px, 0.1em);
}

input[type="checkbox"]:not(.wpc-label-input):disabled {
  --form-control-color: var(--form-control-disabled);

  color: var(--form-control-disabled);
  cursor: not-allowed;
}


/* 
   ----------------------------
   Nawigacja karuzeli swiper 
   ----------------------------
*/
.splide__arrow--next,
.splide__arrow--prev,
.bricks-swiper-button-next, 
.bricks-swiper-button-prev{
box-shadow: 0px 4px 9.7px 0px rgba(0, 0, 0, 0.13);

}

/* Wyszukiwarka */
.searchwp-live-search-result--img img {
    aspect-ratio: 1 / 1;
    object-fit: cover!important;
}

/* 
-------------------------------------
   Menu 
-------------------------------------
*/
header.on-scroll.scrolling{
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}
#menu-header, #menu-header-2{
    align-items: center;
}

@media(min-width:1200px){
.menu-kontakt-btn a {
    background-color:var(--main);
    color:var(--white);
    padding:0.5rem 2rem;
    border-radius:5px;
    transition: background var(--transition-time) var(--transition-ease);
}

.menu-kontakt-btn a:hover{
    background-color:var(--brown);
}
}
#menu-header .menu-item a{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color:transparent;
    transition: all var(--transition-time) var(--transition-ease);
}
#menu-header .menu-item a:hover{
    border-bottom-color: var(--main);
}
#menu-header .current-menu-item a{
    border-bottom:2px solid var(--main);
}

.rounded-shadow{
    width:100%;
    background-color:var(--white);
    border-radius:1rem;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;

}