.elementor-kit-5805{--e-global-color-primary:#E01324;--e-global-color-secondary:#0E2547;--e-global-color-text:#3F4A5A;--e-global-color-accent:#0B1D38;--e-global-color-ab4ecd7:#03163D;--e-global-color-54cd9d5:#061B4D;--e-global-color-55029a8:#061B4D;--e-global-color-3bd02e4:#5B6675;--e-global-color-5181b29:#EEF1F5;--e-global-color-8a6a08b:#E6EAF0;--e-global-color-96ccd15:#1F8A5B;--e-global-color-72f3f76:#B7791F;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Sora";--e-global-typography-accent-font-weight:700;--e-global-typography-200488d-font-family:"Space Grotesk";--e-global-typography-200488d-font-size:52px;--e-global-typography-200488d-font-weight:700;--e-global-typography-3e8f9a8-font-family:"Manrope";--e-global-typography-3e8f9a8-font-size:16px;--e-global-typography-3e8f9a8-font-weight:400;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:21px;}.elementor-element{--widgets-spacing:21px 21px;--widgets-spacing-row:21px;--widgets-spacing-column:21px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5805 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   RLease — global CSS
   Paste into: Elementor → Site Settings → Custom CSS
   ============================================================ */

/* ---------- BUTTONS ----------
   Add CSS Classes on the Button widget:
     rl-btn rl-btn--fill      (red filled)
     rl-btn rl-btn--outline   (navy outline)
   The arrow is drawn by CSS — no icon upload needed.
--------------------------------------------------------------- */
.rl-btn .elementor-button{
  display: inline-flex;
  align-items: center;
  gap: 34px;                       /* desktop: wide gap like the design */
  transition: background-color .22s ease, color .22s ease, border-color .22s ease;
}

/* arrow → CSS mask, inherits the button's text color */
.rl-btn .elementor-button-text{ display: inline-flex; align-items: center; }
.rl-btn .elementor-button::after{
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: var(--rl-arrow) center / contain no-repeat;
          mask: var(--rl-arrow) center / contain no-repeat;
  transform: translateX(0);
  transition: transform .22s ease;
}
:root{
  --rl-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
}

/* arrow nudge on hover */
.rl-btn .elementor-button:hover::after,
.rl-btn .elementor-button:focus::after{ transform: translateX(5px); }

/* hide Elementor's own icon if one is ever set (avoids double arrow) */
.rl-btn .elementor-button-icon{ display: none !important; }

/* filled: darken */
.rl-btn--fill .elementor-button{ background-color:#e01324; color:#fff; }
.rl-btn--fill .elementor-button:hover,
.rl-btn--fill .elementor-button:focus{ background-color:#e01324!important; color:#fff!important; }

/* outline: fill navy on hover, text + arrow go white */
.rl-btn--outline .elementor-button{
  background-color: transparent;
  color:#0e2547;
  border:1.5px solid #0e2547;
}
.rl-btn--outline .elementor-button:hover,
.rl-btn--outline .elementor-button:focus{
  background-color:#0e2547 !important;
  color:#fff !important;
  border-color:#0e2547 !important;
}
.rl-btn--outline .elementor-button:hover .elementor-button-text,
.rl-btn--outline .elementor-button:focus .elementor-button-text{ color:#fff !important; }

/* ---------- HERO (section template "RLease — Hero (Home)") ---------- */
.rl-hero{ position: relative; overflow: hidden; }
.rl-hero .elementor-background-overlay{ pointer-events: none; }

/* the short paragraph keeps its narrow measure */
.rl-hero__lead p{ max-width: 400px; }

/* tablet — Elementor breakpoint 1024px */
@media (max-width: 1024px){
  .rl-btn .elementor-button{ gap: 24px; }
  .rl-hero__lead p{ max-width: 440px; }
  /* softer, later fade so the photo still reads */
  .rl-hero > .elementor-background-overlay{
    background-image: linear-gradient(90deg,
      rgba(244,246,249,.97) 0%,
      rgba(244,246,249,.90) 48%,
      rgba(244,246,249,.35) 78%,
      rgba(244,246,249,0) 100%) !important;
  }
}

/* mobile — Elementor breakpoint 767px */
@media (max-width: 767px){
  .rl-btn .elementor-button{
    gap: 12px;
    width: 100%;
    justify-content: center;
  }
  .rl-hero__lead p{ max-width: none; }
  /* photo sits behind the text: fade downwards instead of sideways */
  .rl-hero > .elementor-background-overlay{
    background-image: linear-gradient(180deg,
      rgba(244,246,249,.97) 45%,
      rgba(244,246,249,.55) 100%) !important;
  }
}

/* ---------- LINK UNDERLINE (footer / nav) ---------- */
.rl-underline,
.rl-underline a,
.rl-underline .elementor-icon-box-title a,
.rl-underline-menu .elementor-item{
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .25s ease;
  text-decoration: none;
}
.rl-underline:hover,
.rl-underline a:hover,
.rl-underline .elementor-icon-box-title a:hover,
.rl-underline-menu .elementor-item:hover{ background-size: 100% 2px; }

/* the Icon Box wrapper itself must not get a line */
.elementor-widget-icon-box.rl-underline{ background-image: none; }

/* never underline (or click) the icon — text links only */
.rl-underline .elementor-icon{
  background-image: none !important;
  background-size: 0 !important;
  pointer-events: none;
}

/* static underline on the active menu item */
.rl-underline-menu .elementor-item-active,
.rl-underline-menu .current-menu-item .elementor-item{ background-size: 100% 2px; }

/* ---------- FORM FOCUS ---------- */
input:focus, select:focus, textarea:focus{
  outline: none;
  border-color: #4a7cc4 !important;
  box-shadow: 0 0 0 1px #4a7cc4;
}

/* Animated underline that grows from left on hover */
.rl-underline{
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .25s ease;
  padding-bottom: 2px;
  text-decoration: none;
}
.rl-underline:hover{ background-size: 100% 2px; }

/* Footer contact links (they sit inside .elementor-icon-box-title / description) */
.rl-underline a,
.rl-underline .elementor-icon-box-title a{
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .25s ease;
  text-decoration: none;
}
.rl-underline a:hover,
.rl-underline .elementor-icon-box-title a:hover{ background-size: 100% 2px; }

/* Nav Menu items — add class rl-underline-menu to the Nav Menu widget */
.rl-underline-menu .elementor-item{
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size .25s ease;
}
.rl-underline-menu .elementor-item:hover{ background-size: 100% 2px; }
/* Fix: kill the underline on the Icon Box widget box itself — keep it only on the inner links */
.elementor-widget-icon-box.rl-underline{ background-image: none; }

/* Static (always-on) underline for the active/current menu item */
.rl-underline-menu .elementor-item-active,
.rl-underline-menu .current-menu-item .elementor-item{
  background-size: 100% 2px;
}
	
/* Icon Box: keep the underline + click only on the phone/email text — never the icon */
.rl-underline .elementor-icon{
  background-image: none !important;
  background-size: 0 !important;
  pointer-events: none;   /* icon no longer clickable */
}
	
/* RLease — przycisk v4 (Site Settings → Custom CSS)
   Po imporcie: zaznacz przycisk → Style → Classes → dodaj rl-btn-fill lub rl-btn-outline */

.rl-btn-fill, .rl-btn-outline{
  position:relative; overflow:hidden; text-decoration:none;
  transition:background-color .25s ease, color .25s ease,
             border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.rl-btn-fill:hover, .rl-btn-outline:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(14,37,71,.16);
}
.rl-btn-fill:active, .rl-btn-outline:active{transform:translateY(0)}
.rl-btn-fill:focus-visible, .rl-btn-outline:focus-visible{
  outline:2px solid #e01324; outline-offset:3px}

/* Strzałka jako element tła (bez dodatkowego widgetu) */
.rl-btn-fill::after, .rl-btn-outline::after{
  content:""; width:18px; height:18px; flex:0 0 18px;
  background-repeat:no-repeat; background-position:center; background-size:18px 18px;
  transition:transform .25s ease;
}
.rl-btn-fill::after{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25COLOR%25%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E")}
.rl-btn-outline::after{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25COLOR%25%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E")}
.rl-btn-outline:hover::after{background-image:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%25COLOR%25%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3Cpath%20d%3D%22m12%205%207%207-7%207%22%2F%3E%3C%2Fsvg%3E")}
.rl-btn-fill:hover::after, .rl-btn-outline:hover::after{transform:translateX(5px)}

@media (prefers-reduced-motion:reduce){
  .rl-btn-fill,.rl-btn-outline,.rl-btn-fill::after,.rl-btn-outline::after,.rl-btn-fill::before{transition:none}
}/* End custom CSS */