/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Description: Motyw potomny dla Hello Elementor. Używaj go do niestandardowych CSS i PHP.
Author: Twoje Imię/Firma
Author URI: Twoja Strona (opcjonalnie)
Version: 1.0.0
*/
@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-ExtraBold.eot');
    src: url('fonts/Catamaran-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-ExtraBold.woff2') format('woff2'),
        url('fonts/Catamaran-ExtraBold.woff') format('woff'),
        url('fonts/Catamaran-ExtraBold.ttf') format('truetype'),
        url('fonts/Catamaran-ExtraBold.svg#Catamaran-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-Black.eot');
    src: url('fonts/Catamaran-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-Black.woff2') format('woff2'),
        url('fonts/Catamaran-Black.woff') format('woff'),
        url('fonts/Catamaran-Black.ttf') format('truetype'),
        url('fonts/Catamaran-Black.svg#Catamaran-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-SemiBold.eot');
    src: url('fonts/Catamaran-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-SemiBold.woff2') format('woff2'),
        url('fonts/Catamaran-SemiBold.woff') format('woff'),
        url('fonts/Catamaran-SemiBold.ttf') format('truetype'),
        url('fonts/Catamaran-SemiBold.svg#Catamaran-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-Light.eot');
    src: url('fonts/Catamaran-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-Light.woff2') format('woff2'),
        url('fonts/Catamaran-Light.woff') format('woff'),
        url('fonts/Catamaran-Light.ttf') format('truetype'),
        url('fonts/Catamaran-Light.svg#Catamaran-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-Thin.eot');
    src: url('fonts/Catamaran-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-Thin.woff2') format('woff2'),
        url('fonts/Catamaran-Thin.woff') format('woff'),
        url('fonts/Catamaran-Thin.ttf') format('truetype'),
        url('fonts/Catamaran-Thin.svg#Catamaran-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-Regular.eot');
    src: url('fonts/Catamaran-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-Regular.woff2') format('woff2'),
        url('fonts/Catamaran-Regular.woff') format('woff'),
        url('fonts/Catamaran-Regular.ttf') format('truetype'),
        url('fonts/Catamaran-Regular.svg#Catamaran-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-Bold.eot');
    src: url('fonts/Catamaran-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-Bold.woff2') format('woff2'),
        url('fonts/Catamaran-Bold.woff') format('woff'),
        url('fonts/Catamaran-Bold.ttf') format('truetype'),
        url('fonts/Catamaran-Bold.svg#Catamaran-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-Medium.eot');
    src: url('fonts/Catamaran-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-Medium.woff2') format('woff2'),
        url('fonts/Catamaran-Medium.woff') format('woff'),
        url('fonts/Catamaran-Medium.ttf') format('truetype'),
        url('fonts/Catamaran-Medium.svg#Catamaran-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Catamaran';
    src: url('fonts/Catamaran-ExtraLight.eot');
    src: url('fonts/Catamaran-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Catamaran-ExtraLight.woff2') format('woff2'),
        url('fonts/Catamaran-ExtraLight.woff') format('woff'),
        url('fonts/Catamaran-ExtraLight.ttf') format('truetype'),
        url('fonts/Catamaran-ExtraLight.svg#Catamaran-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

.elementor-115 .elementor-button {
        width:290px;
}
.elementor-3153 .elementor-button {
    width: 350px;
}
.elementor-element-5939d750 .elementor-button, .elementor-180 .elementor-button, .elementor-element-4037e10a .elementor-button {
        width: 460px;
}
.elementor-47024 .elementor-element.elementor-element-8bb5cf6:not(.elementor-motion-effects-element-type-background) {
    display: block !important;
}
.elementor-220 .elementor-element .elementor-button {
    width: 540px
}
.elementor-icon-list-text {
    display: inline-block;
}
.elementor-icon-list-item a {
    display: inline !important;
}
ol.alpha, .alpha ul {
  list-style-type: lower-alpha;
}
.spacer {
    display: block;
    height: 15px;
}
.thanks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
    row-gap: 40px;
    margin-top: 40px;
}
.support {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
    row-gap: 40px;
    margin-bottom: 40px;
    align-items: center;
}
.bluebutton {
    background: #2B6CB0;
    color: #FFFFFF !important;
    font-weight: 600;
    border-radius: 9px;
    padding: 20px 24px 18px 24px;
    text-decoration: none !important;
    display: flex;
    width: fit-content;
    text-transform: uppercase;
    line-height: 1em;
    align-items: center;
}
.bluebutton img {
    margin-left: 5px;
}
.bluebutton:hover {
    opacity: 0.9;
}
.imagebutton span {
    width: 100%;
}
.kafel-podopieczni img:nth-child(1) {margin: 0 5px 0 0;}
.kafel-podopieczni img:nth-child(2) {margin: 0 10px 0 0;}
.kafel-podopieczni img:nth-child(3) {margin: 0 0 0 10px;}
.elementor-element-72a8ca2 .elementor-icon-list-text span {
    color: #2B6CB0;
} 
.sectortitle {
	font-size: 20px;
	font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
	margin-bottom: 10px;
}
.sectortitle img {
    width: 50px;
    margin-right: 10px;
}
.donation {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
	margin: 20px 0;
	padding: 20px 0;    
}
.donation .field {
	display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #3c92e0;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 15%);
    padding: 10px;
    color: #000;
    justify-content: space-between;
	font-weight: 400;
}
.donation .field15 {
	display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #3c92e0;
    border-radius: 4px;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 15%);
    padding: 10px;
    color: #000;
	font-weight: 400;
}
.donation span.redbig {
	color: #C92F2F;
	margin: 0;
    font-size: 22px;
    font-weight: 500;
}
.donation .fieldrow {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    align-items: flex-end;
}
.donation .fieldcolumn {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.donation span.redsmall {
    color: #C92F2F;
    font-size: 18px;
    font-weight: 500;
}
.donation span.graysmall {
    font-size: 14px;
    font-weight: 300;
}
.donation .field .wplata {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}
.donation .field .wplata .amount span {
    margin-left: 10px;
}
.donation .field .wplata .przycisk {
    margin: 0;
}
.donation .sector button.copy {
    display: flex;
	background: none;
    border: none;
    padding: 0;
	color: #1274c3;
	margin: 10px 0;
}
.donation .sector button.copy img {
	height: 18px;
	width: 14px;
    margin-right: 10px;
}
.donation .sector .amount {
	margin: 0;
	display: flex;
    align-items: center;
}
.donation .sector .przycisk button {
	padding: 14px 18px;
}
.donation .sector .przycisk button img {
	width: 85px;
	display: block;
}
.wplata .przycisk button {
	background-color: #f4f4f4;
    border: 5px solid #c92f2f;
	color: #fff;
	border-radius: 8px;
	position: relative;
    z-index: 1;
    overflow: clip;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 50%);
}

.wplata .przycisk button:hover {
	box-shadow: 0px 2px 3px rgb(0 0 0 / 50%);
}
.wplata .przycisk button:focus-visible {
	outline: 0;
}

.breaker {
    clear: both;
    margin-bottom: 20px;
}

.elementor-grid-0 .elementor-grid .elementor-grid-item {
    margin-right: 10px;
}
.elementor-grid-0 .elementor-grid .elementor-grid-item:last-child {
    margin-right: 0;
}

#donation br {
	display:none;
}

/* 1. GLOBALNY KONTENER OPAKOWUJĄCY */
#mobile-fixed-bg {
    position: fixed;
    width: 100%;
    height: 100vh;
    height: 100dvh; 
    top: 0;
    left: 0;
    z-index: -10; 
    pointer-events: none;
    background: none !important; 
    will-change: transform;
    -webkit-transform: translateZ(0); 
    transform: translateZ(0);
}

/* 2. WARSTWY TŁA */
#mobile-fixed-bg .bg-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;     
    background-position: center center;
    background-repeat: no-repeat;
    transition: opacity 0.6s ease-in-out; 
    opacity: 0;
    visibility: hidden;
}

#mobile-fixed-bg .bg-layer.active {
    opacity: 1;
    visibility: visible;
}

/* 3. PRECYZYJNY RESET TYLKO DLA SEKCJI PARALAKSY */
/* Celujemy tylko w główny kontener sekcji, nie w jego dzieci */

.parallax-section {
    position: relative !important;
    z-index: 1 !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Usuwamy tła z bezpośrednich nakładek (overlays) Elementora w tych sekcjach */
.parallax-section > .elementor-background-overlay,
.parallax-section > .e-con-background-overlay {
    display: none !important;
}

/* 4. PRZYWRÓCENIE TŁA DLA ELEMENTÓW WEWNĄTRZ */
/* To sprawi, że kolumny i widgety wewnątrz sekcji paralaksy znów będą mogły mieć swoje kolory/tła */
.parallax-section .e-con:not(.parallax-section), 
.parallax-section .elementor-column, 
.parallax-section .elementor-widget-container {
    background-clip: padding-box; /* Fix dla niektórych przeglądarek */
}

/* Zachowanie wysokości sekcji */
.parallax-section {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}




    .imagebutton a {
        min-height: 170px;
    }

            #mobile-fixed-bg .bg-layer[style*="mobile_bg-0.webp"] {
	background-position: 50% 30%;
}

@media only screen and (max-width: 1440px) {
    .elementor-47024 .elementor-element.elementor-element-bab49b1 .e-con-inner {
        padding: inherit;   
    } 
    .elementor-44992 .elementor-element.elementor-element-1f0f797 .wp-image-44924 {
        width: 231px;
        height: 140px;
    }
    .elementor-44992 .elementor-element.elementor-element-3b95991 > .elementor-widget-container, .elementor-44992 .elementor-element.elementor-element-44c591e > .elementor-widget-container {
        font-size: 0.8em;
    }
    .elementor-44992 .elementor-element.elementor-element-b531566 .wp-image-44945 {
        width: 40px;
    }
    .elementor-44992 .elementor-element.elementor-element-d1a9be1 .wp-image-44944 {
        width: 60px;
    }
    #mobile-fixed-bg .bg-layer[style*="mobile_bg-0.webp"] {
	background-position: 50% 30%;
}
}

@media only screen and (max-width: 1920px) {
    .elementor-47024 .elementor-element.elementor-element-bab49b1 .e-con-inner {
        padding: 0 0 20px;   
    }
    .elementor-44992 .elementor-element-30ba629 .elementor-element.elementor-element-578e0fe .elementor-button {
        font-size: 1.2em;
        padding: 15px 20px 15px 20px;
    }
    .elementor-44992 .elementor-element.elementor-element-1f0f797 .wp-image-44924 {
        width: 198px;
        height: 120px;
    }
    .subaccount {
        font-size: 0.8em;
    }
    .subaccount a {
        padding: 13px 18px;
    }
    .elementor-44992 .elementor-element.elementor-element-3b95991 > .elementor-widget-container, .elementor-44992 .elementor-element.elementor-element-44c591e > .elementor-widget-container {
        font-size: 0.6em;
    }
    .elementor-44992 .elementor-element.elementor-element-b531566 .wp-image-44945 {
        width: 30px;
    }
    .elementor-44992 .elementor-element.elementor-element-d1a9be1 .wp-image-44944 {
        width: 50px;
    }
    .elementor-element-328b0b0, .elementor-element-f39eb4a, .elementor-element-b1dc3bf {--widgets-spacing-row: 10px;
        --widgets-spacing-column: 10px;
        
    }
    .elementor-element-f749968 .elementor-element.elementor-element-b1dc3bf {
        --row-gap: 5px !important;
    }
        #mobile-fixed-bg .bg-layer[style*="mobile_bg-0.webp"] {
	background-position: 50% 30%;
}

}

@media only screen and (max-width: 1024px) {
    .elementor-47024 .elementor-element.elementor-element-bab49b1 .e-con-inner {
        padding: 40px 0;   
    }
    .elementor-element-4037e10a .elementor-button {
        width: 350px;
}
    .donation span.redbig {
		font-size: 20px;
	}
	.donation .sector .sectortitle img {
		width: 50px;
	}
    .thanks {
        grid-template-columns: 1fr 1fr;
    }
    .support {
        grid-template-columns: repeat(4, 1fr);
    }
    .imagebutton a {
        min-height: 110px;
    }
}
@media only screen and (max-width: 500px) {
    .elementor-10167 .elementor-element .elementor-button, .elementor-180 .elementor-element .elementor-button, .elementor-220 .elementor-element .elementor-button, .elementor-element-5939d750 .elementor-button, .elementor-180 .elementor-button, .elementor-element-4037e10a .elementor-button, .elementor-3153 .elementor-button {
          width: 100%;
        }
    .elementor-47024 .elementor-element.elementor-element-bab49b1 .e-con-inner {
        padding: 40px 0;   
    }     
    .elementor-44992 .elementor-element-30ba629 .elementor-element.elementor-element-578e0fe .elementor-button {
        font-size: 1em;
        padding: 8px;
    }
    .thanks {
        grid-template-columns: 1fr;
    }
    .support {
        grid-template-columns: repeat(3, 1fr);
    }
    .imagebutton a {
        min-height: 80px;
    }
    .bg1::before {
        height: 70%;
    }
    .elementor-47024 .elementor-element.elementor-element-d3438ba.bg1 {
        --min-height: 220px;
    }
}

@media (min-width: 1450px) and (max-width: 2050px) {
.elementor-47024 .elementor-element.elementor-element-de1d76c {
    min-height: 68px;
    }
    
}

@media (min-width: 1450px) {
.elementor-nav-menu--main {
    font-size: inherit;
}
}

@media (min-width: 1200px) and (max-width: 1449px) {
  .elementor-nav-menu--main {
font-size: 13px;
  }
  .elementor-44992 .elementor-element.elementor-element-f749968, .elementor-44992 .elementor-element.elementor-element-d6f98ad {
      row-gap: 10px;
      
  }
  .elementor-44992 .elementor-element.elementor-element-1f0f797 img {
    width: 290px !important;
}

}

@media (min-width: 992px) and (max-width: 1199px) {
  .elementor-nav-menu--main {

  }

}

@media (min-width: 768px) and (max-width: 991px) {
.elementor-nav-menu--main {}

}

@media (max-width: 767px) {

}

@media (max-width: 1024px) {	.elementor-47024 .elementor-element.elementor-element-de1d76c, .elementor-47024 .elementor-element.elementor-element-1c70531, .elementor-47024 .elementor-element.elementor-element-4ec3aa7, .elementor-47024 .elementor-element.elementor-element-4ec32f7, .elementor-47024 .elementor-element.elementor-element-eee656a, .elementor-47024 .elementor-element.elementor-element-ad5b313, .elementor-47024 .elementor-element.elementor-element-abb1539, .elementor-47024 .elementor-element.elementor-element-f1951d0, .elementor-47024 .elementor-element.elementor-element-e56e6b9, .elementor-47024 .elementor-element.elementor-element-d37f0b3 {
		min-height: 44px;
		}
}

@media (min-width: 1450px) and (max-width: 2050px) {	.elementor-47024 .elementor-element.elementor-element-de1d76c, .elementor-47024 .elementor-element.elementor-element-1c70531, .elementor-47024 .elementor-element.elementor-element-4ec3aa7, .elementor-47024 .elementor-element.elementor-element-4ec32f7, .elementor-47024 .elementor-element.elementor-element-eee656a, .elementor-47024 .elementor-element.elementor-element-ad5b313, .elementor-47024 .elementor-element.elementor-element-abb1539, .elementor-47024 .elementor-element.elementor-element-f1951d0, .elementor-47024 .elementor-element.elementor-element-e56e6b9, .elementor-47024 .elementor-element.elementor-element-d37f0b3 {
		min-height: 68px;
		}
}

@media (max-width: 480px) {
	.elementor-47024 .elementor-element.elementor-element-de1d76c, .elementor-47024 .elementor-element.elementor-element-1c70531, .elementor-47024 .elementor-element.elementor-element-4ec3aa7, .elementor-47024 .elementor-element.elementor-element-4ec32f7, .elementor-47024 .elementor-element.elementor-element-eee656a, .elementor-47024 .elementor-element.elementor-element-ad5b313, .elementor-47024 .elementor-element.elementor-element-abb1539, .elementor-47024 .elementor-element.elementor-element-f1951d0, .elementor-47024 .elementor-element.elementor-element-e56e6b9, .elementor-47024 .elementor-element.elementor-element-d37f0b3 {
		min-height: 21px;
		}
		
#mobile-fixed-bg .bg-layer {
    height: 90vh;
}
#mobile-fixed-bg .bg-layer[style*="mobile_bg-0.webp"] {
    background-position: 30% 50%;
}
}