/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0.1736330945
Updated: 2025-01-08 11:09:05

*/

.home header {
	position: relative;
	z-index: 9999;
}

:where(figure) {
    margin: 0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:last-child {
    flex-grow: unset;
}

.wp-block-uagb-image--layout-overlay__inner .uagb-image-heading {
	pointer-events: none;
}

/* Stylizacja przycisku Scroll to Top */
#scrollToTop {
	display: inline-block;
	background-color: #00a758;
	width: 50px;
	height: 50px;
	text-align: center;
	border: none;
	border-radius: 5px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, 
	opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000;
	background-size: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%; 
	background-image: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 330 330' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath id='XMLID_224_' d='M325.606,229.393l-150.004-150C172.79,76.58,168.974,75,164.996,75c-3.979,0-7.794,1.581-10.607,4.394 l-149.996,150c-5.858,5.858-5.858,15.355,0,21.213c5.857,5.857,15.355,5.858,21.213,0l139.39-139.393l139.397,139.393 C307.322,253.536,311.161,255,315,255c3.839,0,7.678-1.464,10.607-4.394C331.464,244.748,331.464,235.251,325.606,229.393z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}
#scrollToTop:hover {
  cursor: pointer;
  background-color: #333;
}
#scrollToTop:active {
  background-color: #555;
}
#scrollToTop.visible {
  opacity: 1;
  visibility: visible;
  box-shadow: 0 0 10px rgba(255,255,255,0.5);
}




.home-item-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
	background: #fff;
	transition: .3s all ease-in-out;
	border-bottom: 10px solid #ccc;
}
.home-item-box .uagb-ifb-image-content {
	padding: 15px;
}

.home-item-box .uagb-ifb-image-content img {
	max-height: 250px !important;
}

.home-item-box .uagb-ifb-icon-wrap {
	margin-top: -40px;
}
.home-item-box .uagb-ifb-icon-wrap .uagb-iconbox-icon-wrap {
	transition: .3s all ease-in-out;
	border-radius: 10px;
	overflow: hidden;
}
.home-item-box .uagb-ifb-title-wrap {
    display: flex;
    align-items: center;
	justify-content: center;

	margin: 0;
	padding: 10px 0;
	height: 2em;
	transition: .3s all ease-in-out;
}

.home-item-box .uagb-ifb-title-wrap .uagb-ifb-title {
    margin-bottom: 0;
	font-weight: 500;
}

.home-item-box:hover  {
	box-shadow: 0 0 15px rgba(0, 167, 88, 0.45);
	border-bottom: 10px solid #00a758;
	
}
.home-item-box:hover .uagb-ifb-icon-wrap .uagb-iconbox-icon-wrap {
	background-color: #00a758;
}

.home-item-box:hover .uagb-ifb-title-wrap  {
	color: #00a758;
}
.home-item-box:hover:after {
	-webkit-animation-name: b1;
    animation-name: b1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


.home-item-box:after {
	content: "On-line";
	position: absolute;
	bottom: 10px;
	right: 0px;
	z-index: 10;
	background: #00a758;
	color: #fff;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 600;
	padding: 5px 10px;
}





.home-item-box.soon {
	border-bottom: 10px solid #eee !important;
}
.home-item-box.soon .uagb-ifb-title-wrap {
	color: #ddd !important;
}
.home-item-box.soon .uagb-ifb-desc {
	color: #ddd !important;
}
.home-item-box.soon .uagb-iconbox-icon-wrap {
	background: #ddd !important;
}

.home-item-box.soon:after {
	content: "W budowie...";
	position: absolute;
	bottom: 10px;
	right: 0px;
	z-index: 10;
	background: yellow;
	color: #000;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 600;
	padding: 5px 10px;
}




.icon-list-wrap .wp-block-uagb-icon-list-child .uagb-icon-list__source-wrap {
	transition: .3s all ease-in-out;

}


.icon-list-wrap .wp-block-uagb-icon-list-child:hover .uagb-icon-list__source-wrap {
	transform: translateX(5px);
}






/* Contact Form 7 - begin */

/* Ogólny styl formularza */
.wpcf7 {
    max-width: 700px;
    margin: 0 auto;
}

/* Nagłówek formularza */
.wpcf7 h2 {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}

/* Stylowanie dla etykiet */
.wpcf7 label {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #555;
    margin-bottom: 8px;
}

/* Stylowanie dla pól tekstowych i textarea */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	box-sizing: border-box;
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
    font-family: monospace;
    color: #333;
    background-color: #fff;
    transition: all 0.3s ease;
}

/* Efekt po najechaniu na pola */
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
    border-color: #00a758;
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.3);
    outline: none;
}

/* Stylowanie dla przycisku wysyłania formularza */
.wpcf7 input[type="submit"] {
    background-color: #00a758; /* Zielony kolor przycisku */
    color: #fff;
    border: none;
    padding: 15px 30px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
}

/* Efekt po najechaniu na przycisk */
.wpcf7 input[type="submit"]:hover {
    background-color: #00d872;
    transform: translateY(-2px);
}

/* Komunikaty o błędach */
.wpcf7 .wpcf7-not-valid-tip {
    color: #f44336; /* Czerwony kolor błędów */
    font-size: 0.9rem;
    margin-top: -10px;
}

/* Komunikat sukcesu */
.wpcf7 .wpcf7-response-output {
	margin: -20px 0 0 0 !important;
	font-size: 0.8em;
    background-color: #f6ff6a;
    border: 1px solid #000;
    color: #000;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
}

/* Stylowanie dla checkboxów i radio buttonów */
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
    margin-right: 10px;
}

/* Stylowanie dla selektora (dropdown) */
.wpcf7 select {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    font-size: 1rem;
    color: #333;
    margin-bottom: 20px;
}
.wpcf7 br {
	display: none;
}


/* Contact Form 7 - end */


.wp-block-gallery .wp-block-image {
	transition: .15s all ease-in-out;
	border-radius: 10px;
	overflow: hidden;
}
.wp-block-gallery .wp-block-image:hover {
	transform: scale(1.05);	
}


/* Mobile styles begin */
@media only screen and (max-width: 767px) {	



	.mobile-justify-content-center {
		justify-content: center;
	}

	.mobile-text-center {
		text-align: center;
	}

	.mobile-padding20 {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	footer .footer-col-class {
		text-align: center !important;
		width: 100%;
	}
	footer nav {
		margin: auto !important;
		align-items: center !important;
	}
	footer nav ul {
		align-items: center !important;
	}
	
	footer .footer-bar {
		justify-content: center !important;
		
	}
	
	footer .icon-list-wrap .uagb-icon-list__wrap {
		justify-content: center !important;
		align-items: center !important;
		
	}
	/* custom styles begin */
	
	.cards-products-grid {
		grid-template-columns: repeat(1, 1fr);

		
	}
	
	/* custom styles end */
	
	
}
/* Mobile styles end */



.wp-block-uagb-container.uagb-block-f747ebbd::before {
	animation: endless-in infinite 40s linear !important;
}

@keyframes endless-in {
  0% {
    transform: scale(1);
	opcity: 0.7;
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
	opcity: 0.7;
  }
}


header .uagb-icon-wrapper:hover {
	-webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.wp-block-button__link:hover {
	-webkit-animation-name: b2;
    animation-name: b2;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


header .wp-block-navigation__responsive-container-open svg {
	width: 40px;
	height: 40px;
	
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: #aed1ff !important;
	align-items: center !important;
    padding: 50px;
	animation-name: intro1;
    animation-duration: .3s;
    /* animation-timing-function: linear; */
    /* animation-iteration-count: 1; */
	animation-direction:alternate; 
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: center !important;
	
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul {
	align-items: center !important;
	
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul li a {
	outline: none;
	font-size: 1.4em;
}




.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: #fff !important;
	align-items: center !important;
    padding: 50px;
	animation-name: intro1;
    animation-duration: .3s;
	animation-direction:alternate; 
}
/* .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { */
	/* align-items: center !important; */
	
/* } */
/* .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul { */
	/* align-items: center !important; */
	
/* } */
/* .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content ul li a { */
	/* outline: none; */
	/* font-size: 1.4em; */
/* } */
@keyframes intro1 {
	0% { 
		opacity: 0;
		transform: translateX(400px); 
	}
	100% { 
		opacity: 1;
		transform: translateX(0px); 
	}
}

/* .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container { */
	/* animation-name: intro1_back; */
    /* animation-duration: .3s; */
    /* animation-timing-function: linear; */
    /* animation-iteration-count: 1; */
	/* animation-direction:alternate;  */
/* } */

@keyframes intro1_back {
	0% { 
		opacity: 1;
		transform: translateX(0px); 
	}
	100% { 
		opacity: 0;
		transform: translateX(400px); 
	}
}




.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li {
	animation-name: intro2;
	animation-fill-mode: forwards;
    animation-delay: .0s;
    animation-duration: .6s;
    /* animation-timing-function: linear; */
    /* animation-iteration-count: 1; */
	opacity: 0;

}	
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(2) { animation-delay: .05s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(3) { animation-delay: .10s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(4) { animation-delay: .15s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(5) { animation-delay: .20s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(6) { animation-delay: .25s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(7) { animation-delay: .30s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(8) { animation-delay: .35; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(9) { animation-delay: .40s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(10) { animation-delay: .45s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(11) { animation-delay: .50s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(12) { animation-delay: .55s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(13) { animation-delay: .60s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(14) { animation-delay: .65s; }
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation li:nth-child(15) { animation-delay: 7s; }
	
	

@keyframes intro2 {
	0% { 
		opacity: 0;
		transform: translateX(100px); 
	}
	50% { 
		opacity: 0;
		transform: translateX(100px); 
	}
	100% { 
		opacity: 1;
		transform: translateX(0px); 
	}
}

@-webkit-keyframes b1 {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@keyframes b1 {50% {-webkit-transform: translateY(-8px); transform: translateY(-8px); } }
@-webkit-keyframes b2 {50% {-webkit-transform: translateX(8px); transform: translateX(8px); } }
@keyframes b2 {50% {-webkit-transform: translateX(8px); transform: translateX(8px); } }
@-webkit-keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-20px);} 60% {-webkit-transform: translateY(-10px);} }
@keyframes bounce {0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-20px);} 60% {transform: translateY(-10px);} }
@keyframes buzz {10% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% {-webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% {-webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% {-webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% {-webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% {-webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% {-webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } }
@-webkit-keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } }
@keyframes press {50% {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } }
@-webkit-keyframes pop {50% {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } }
@keyframes pop {50% {-webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } }

@keyframes pulse {50% {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } }