/*  
Theme Name: IDEAL SPACE 
Theme URI: https://www.kulikowski-it.pl
AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author: AGENCJA INTERAKTYWNA KULIKOWSKI-IT
Author URI: https://www.kulikowski-it.pl
Description: Realizacja witryny internetowej wykonana przez firme "KULIKOWSKI-IT" Adam Kulikowski. c)2025 All rights reserved. Wszystkie prawa zastrzezone. 
*/
/* Reset CSS by KULIKOWSKI-IT */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}body a{text-decoration:none}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ddd;margin:1em 0;padding:0}input,select{vertical-align:middle}h1,h2,h3,h4,h5{font-weight:400}
#smi-kulikow{position:fixed;z-index:99999;width:60px;top:45%;right:-60px;opacity:.8}#smi-kulikow:hover{opacity:1}#smi-kulikow ul{list-style:none;margin:0}#smi-kulikow ul li{margin-left:-30px;margin-top:2px}#smi-kulikow ul li img{width:40px;height:auto}#smi-kulikow ul li:hover{margin-left:-40px}#smi-kulikow,#smi-kulikow ul li,#smi-kulikow ul li:hover,#smi-kulikow:hover{-webkit-transition:250ms ease-in-out;-moz-transition:250ms ease-in-out;-o-transition:250ms ease-in-out;transition:250ms ease-in-out}@media (max-width:768px){#smi-kulikow ul li img{width:30px!important;height:auto}#smi-kulikow ul li{margin-left:-25px}#smi-kulikow ul li:hover{margin-left:-32px}}

	/* Project CSS */
	body { font-family: "Barlow", sans-serif; font-weight: 400; font-style: normal;  color: #000; background: #fff;}		
	/*  
		font-family: "Barlow", sans-serif;
		font-weight: 100;, 200, 300, 400, 500, 600, 700, 800
		
		font-family: "Barlow Condensed", sans-serif;
		font-weight: 100, 200, 300, 400, 500, 600, 700, 800
	
		
	*/
	
		#topsite { float: left; width: 100%; padding: 0px 0px 20px 0px; position:absolute; z-index: 99; } 
			#logo { float: left; width: 20%; }
				#logo img { max-width: 100%; height: auto; }
			#menu { float: right; width: 80%; margin-top: 30px; }
	
			/* Max mega menu custom */				
					#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu {  margin-left: 5%;
						-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
					}
					#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu {
						-webkit-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						-moz-box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
						box-shadow: 0px 20px 19px -4px rgba(0,0,0,0.2);
					}
					@media (max-width: 768px) {
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu {  margin-left: 0%; }							
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-megamenu > ul.mega-sub-menu,
							#mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu { 
								-webkit-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
								-moz-box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
								box-shadow: 0px 10px 9px -4px rgba(0,0,0,0.12);
							}	
					}			



		.slider { position: relative; overflow: hidden; width: 100%; z-index: 98; background:#000; }
		.slider-inner { position: relative;  width: 100%; height: 0; overflow: hidden; }

		#slider-desktop .slider-inner { padding-bottom: calc(900 / 1920 * 100%); /* Proporcje desktop */ }
		#slider-mobilny .slider-inner { padding-bottom: calc(1080 / 1080 * 100%); /* Proporcje mobile */ }

		@media (max-width: 768px) {
		  #slider-mobilny { display: block; }
		  #slider-desktop { display: none; }
		}

		@media (min-width: 769px) {
		  #slider-mobilny { display: none; }
		  #slider-desktop { display: block; }
		}

		.slides { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		.slide { position: absolute; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease-in-out; pointer-events: none; z-index: 1; cursor: pointer; }
		.slide.active { opacity: 1; pointer-events: auto; z-index: 2; }
		.slide img { width: 100%; height: 100%; object-fit: cover; }

		.slider-prev, .slider-next { position: absolute; top: 50%; padding: 16px;  color: #fff; font-size: 15px; background-color: rgba(0, 0, 0, 0.05);  border: none; cursor: pointer; transform: translateY(-50%); z-index: 4;  transition: all 250ms ease-in-out; }

		.slider-prev:hover, .slider-next:hover { background-color: rgba(0, 0, 0, 0.5); }
		.slider-prev { left: 10px; }
		.slider-next { right: 10px; }

		.slider-dots { text-align: center; position: absolute; bottom: 15px; width: 100%; z-index: 4; }
		.slider-dot { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-color: #afafae; border-radius: 50%;  cursor: pointer; }

		.slider-dot.active { background-color: #ffc117; } 

		.slide-content { position: absolute; opacity: 0; transition: opacity 1s ease-in-out; color: #fff; z-index: 3; }
		.slide.active .slide-content { opacity: 1; transition-delay: 0.5s; }
		.slide-content .read-more-button { display: inline-block; opacity: 0; transition: opacity 1s ease-in-out; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-decoration: none;  margin-top: 10px; font-size: inherit; padding: 10px 20px; display: none !important; }

		.slide.active .slide-content .read-more-button { opacity: 1; transition-delay: 1s; } 

		.slide-content .read-more-button:hover { background-color: rgba(0, 0, 0, 0.9); }

		/* Slider desktop */
		@media (min-width: 769px) {
		  #slider-desktop .slide-content { left: 90px; top: 50%; transform: translateY(-50%); }
		  #slider-desktop .slide-content h2 { font-family: "Barlow Condensed", sans-serif; color:#fff; font-weight: 600; font-size: clamp(35px, 3vw, 75px); margin: 0; margin-bottom: clamp(15px, 2vw, 25px); line-height: 1.2em; }
		  #slider-desktop .slide-content p { color:#fff; font-weight: 300; font-size: clamp(14px, 1vw, 22px); margin: 0; line-height: 1.3em; }
		  #slider-desktop .slide-content .read-more-button { font-size: clamp(14px, 2vw, 20px); padding: clamp(10px, 1.5vw, 20px) clamp(24px, 3vw, 30px); margin-top: clamp(15px, 2vw, 25px); }
		}

		/* Slider mobile */
		@media (max-width: 768px) {
		  #slider-mobilny .slide-content { bottom: 40px; left: 50%;  transform: translateX(-50%); text-align: center; }
		  #slider-mobilny .slide-content h2 { font-family: "Barlow Condensed", sans-serif; color:#fff; font-weight: 600; font-size: clamp(25px, 5vw, 35px);  margin: 0; margin-bottom: clamp(10px, 3vw, 20px); line-height: 1.2em; }
		  #slider-mobilny .slide-content p { color:#fff; font-weight: 300; font-size: clamp(13px, 2vw, 16px); margin: 0; line-height: 1.75em; }
		  #slider-mobilny .slide-content .read-more-button { font-size: clamp(12px, 4vw, 14px); padding: clamp(10px, 2vw, 14px) clamp(20px, 5vw, 30px); margin-top: clamp(10px, 3vw, 20px);
		  }
		}


		#page_headerimg	{ float: left; width: 100%; padding-top: 300px !important; padding-bottom: 150px !important; }
			#page_headerimg h1 { text-align:left; font-size: 2.5em; color:#fff; font-weight:600; }
			 #page_headerimg .container h1 { font-family: "Barlow Condensed", sans-serif; font-weight: 600;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 45px; }
				@media (max-width: 769px) {
					#page_headerimg .container h1 { font-size: 1.5em;  }
					#page_headerimg { padding-top: 200px !important; padding-bottom: 100px !important;  }
				}

		.container { margin: 0 auto; }  

		.page_content { padding: 50px 0px; }
			.page_content, .content { float: left; width: 100%; }
		
			.content h1, .content h2, .content h3, .content h4, .content h5 { font-weight: 600; margin: 10px 0px 10px 0px; font-family: "Barlow Condensed", sans-serif; font-weight: 600;  } 
			.content h1 { color: #000; font-size: 2.2em; line-height: 1.3em; } 
			.content h2 { color: #000; font-size: 1.8em; line-height: 1.3em; } 
			.content h3 { color: #000; font-size: 1.6em; line-height: 1.3em; }  
			.content h4 { color: #000; font-size: 1.4em; line-height: 1.3em; }  
			.content h5 { color: #000; font-size: 1.15em; line-height: 1.3em; } 
			.content ul, .content ol { margin-left: 20px; color: #000; line-height: 1.7em; } 
			.content p { color: #000; margin: 7px 0px 7px 0px; line-height: 1.7em; }   
				.content p strong { font-weight: 500; }   

			.content h1, .content h2, .content h3, .content h4, .content h5, .content p { hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; word-wrap: break-word; } 
			
			.content img { max-width: 100%; height: auto; }
			.content img.alignleft { float: left; margin: 5px 20px 20px 0px; }    
			.content img.alignright { float: right; margin: 5px 0px 20px 20px;  }  
			.content img.alignleft, .content img.alignright { max-width: 50%; height: auto; }  				
			.content img.aligncenter { max-width: 100%; height: auto; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }  

			.content table { width: 100%;  }
			.content table td { padding: 3px; border-bottom: 1px solid #ddd; }

			/* CF 7 custom */	 

			.content form.wpcf7-form, .content form.wpcf7-form input, .content form.wpcf7-form select, .content form.wpcf7-form label, .content form.wpcf7-form textarea  { 
				font-family: "Barlow", sans-serif; font-weight: 400; font-style: normal; 
			}
			.content form.wpcf7-form input { float: left; width: 95%; padding: 5px 2.5%; border-radius: 3px; border: 1px solid #aaa; background:#fff; }
			.content form.wpcf7-form select { float: left; width: 100%; padding: 5px 0%;  border-radius: 3px; border: 1px solid #aaa; background:#fff; }
			.content form.wpcf7-form textarea { float: left; width: 95%; padding: 3px 2.5%; resize: none; height: 80px; border-radius: 3px; border: 1px solid #aaa; background:#fff; }
			.content form.wpcf7-form label { margin-top: 10px; float: left; width: 100%; }
			.content form.wpcf7-form input.wpcf7-submit {
				border: none; float: right;  width: auto;  padding: 10px 45px; font-size: 1em; margin-top: 15px; cursor: pointer; border-radius: 3px;  transition: all 250ms ease-in-out;
				font-family: "Barlow", sans-serif; font-weight: 600; font-style: normal; 
				color: #000 !important;
				background: #fff !important;
				border: 2px solid #ffc117;
			}
			.content form.wpcf7-form input.wpcf7-submit:hover {
				background: #000 !important;
				border: 2px solid #ffc117;
				color: #ffc117 !important;
			}
			.content form.wpcf7-form .wpcf7-response-output { float: left; width: 90%; margin: 0; margin-top: 10px; line-height: 1.25em; padding: 15px 5%; }
			.content form.wpcf7-form input[type='checkbox'] { float: left; width: 20px }			
			.content .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; float: left; }
			.content label.rodoinfo { line-height:1.8em; font-size: 0.85em; }	

			/* Btn custom */			

			.content a.kt-button, .content span.kt-button {
				border-radius: 0px !important;
				transition: all 200ms ease-in-out;
			  font-size: 0.9em !important;
			  border: 2px solid #ffc117 !important;
			  color: #000 !important;
			  font-weight: 500 !important;
			  padding: 8px 20px !important;
			  background: #fff !important;			  
			}
			.content a.kt-button:hover, .content span.kt-button:hover {
			  border: 2px solid #ffc117 !important;
			  color: #ffc117 !important;
			  background: #000 !important;
			}			



		/* Układ wpisów 2 i 3 kolumnowych */	
					
					
		.home_posts { float: left; width: 100%; padding: 50px 0px; }
			.home_posts_title { float: left; width: 97%; margin-left: 2%; padding: 30px 0px; }
			.home_posts_title h1, .home_posts_title h2 { font-size: 2.5em; font-weight: 300; color:#a5a6ae; padding-bottom: 25px; font-family: "Barlow Condensed", sans-serif; font-weight: 600; }
			

			.posts_grp { float: left; width: 100%; }
			
				.singlepost_4cols { float: left; margin: 2.5% 3% 2.5% 0%; padding: 0%; width: 22%; background:#fff; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); }
			
				.singlepost_3cols { float: left; margin: 2.5% 2%; padding: 0%; width: 29%;   background:#fff; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); }
				
				.singlepost_2cols { float: left; margin: 2.5% 2%; padding: 0%; width: 45%;  background:#fff; -webkit-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1); }
				
				.single_postcontent { float: left; width: 85%; padding: 4% 7.5% 5% 7.5%;  overflow:hidden !important;}
				.singlepostin { overflow:hidden !important; transition: all 250ms ease-in-out; } 

				.singlepostin h2 { font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 1.25em; color:#000; line-height: 1.2em; margin: 0px 0px; width: 100%; margin-bottom:10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 50px; }
				.singlepostin .postexcerpt p { font-size: 0.8em; line-height:1.7em; color:#000; font-weight: 400; margin-bottom:10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height:45px;  }
				.singlepostin p.data { float: left; font-size: 0.85em; line-height:1.2em; color:#000; font-weight: 300; margin-bottom: 5px; padding-bottom: 5px;  }
				
				.singlepost_4cols .postimgbg {float: left; width: 100%; height: 250px; overflow:hidden !important; margin-bottom: 15px; }  
				.singlepost_4cols .postimg { float: left; width: 100%; height: 250px;  transition: all 200ms ease-in-out;}
				.singlepost_4cols .postimg:hover { transform: scale(1.05); }  
			
				.singlepost_3cols .postimgbg {float: left; width: 100%; height: 250px; overflow:hidden !important; margin-bottom: 15px; }  
				.singlepost_3cols .postimg { float: left; width: 100%; height: 250px;  transition: all 200ms ease-in-out;}
				.singlepost_3cols .postimg:hover { transform: scale(1.05); }  
			
			
				.singlepostin p a.btn { float: right; color:#fff; background: url('images/more.svg') center no-repeat; background-size: 30px; width: 35px; height: 35px; transition: all 200ms ease-in-out; }
				.singlepostin p a.btn:hover { background: url('images/more.svg') center no-repeat; background-size: 35px; }
		
			
				.singlepostin:hover { 
					-webkit-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
					-moz-box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
					box-shadow: 0px 10px 15px 7px rgba(0,0,0,0.1);
				}	
				@media (max-width: 768px) {
					.singlepost_4cols, .singlepost_3cols, .singlepost_2cols { float: left; margin: 5% 5%; width: 90%; }
					
					.single_postcontent { float: left; width: 90%; padding: 3% 5% 5% 5%; }
					.home_posts { padding: 30px 0px; }
				}
				
				
		.home_posts	nav.navigation { float: left; width: 100%; margin-top: 15px; }
			.home_posts	nav.navigation .nav-links { text-align:center !important; }
			
			.home_posts	nav.navigation .nav-links .page-numbers { padding: 5px; margin: 0px 3px; }
			.home_posts	nav.navigation .nav-links .current { border-bottom: 2px solid #000; }
			.home_posts	nav.navigation .nav-links a { color:#000; border-bottom: 2px solid #fff;transition: all 200ms ease-in-out; }
			.home_posts	nav.navigation .nav-links a:hover { border-bottom: 2px solid #000; }
				

	
	/* - */	

		#footer { float: left; width: 100%; padding: 40px 0px 40px 0px; line-height: 1.5em; background:#000; }
			#footer p { color:#ddd; font-size: 0.9em; font-weight:300; }
			#footer a { color:#ddd; }
			#footer h5 { font-family: "Barlow Condensed", sans-serif; font-weight: 500;  color:#fff; font-size: 1.2em; }
			#footer h5 span { color:#ffc117; }
			
			#footer p.socialmedia { width: 100%; float: left; margin-top: 40px; }
			#footer p.socialmedia img { width: 40px; height: 40px; margin-right: 10px; }
			
			#footer img { margin-top:-41px; max-width: 80%; height:auto; margin-bottom: 25px; }
			
			.footer_column { float: left; width: 24%; margin-right: 1%; }
			
			@media (max-width: 1024px) and (min-width: 769px) {
				.footer_grp { float: left; width: 100%; }
				.footer_column { float: left; width: 46%; margin: 0 1% 1% 1%; padding: 0 1% 1% 1%; }
			}
			@media (max-width: 768px) {
				.footer_column { float: left; width: 96%; margin: 0 1% 1% 1%; padding: 0 1% 1% 1%; }
			}
	
		#footerauth { float: left; width: 100%; padding: 40px 0px 45px 0px; line-height: 1.5em;  background:#000; }
			#footerauth p { color:#555; font-size: 0.9em;  }
			#footerauth a { color:#555; }
	


	
/* RWD elements DIV */	

		@media (min-width: 1441px) {
			.container  {width:1360px;}
			#logo { width: 20%; float: left; }
			#menu { width: 78%; float: right;  }
		}

		
		@media (max-width: 1440px) and (min-width: 1367px) {
			.container  {width:1280px;}
			#logo { width: 20%; float: left; }
			#menu { width: 78%; float: right;  }
		}
		
		
		@media (max-width: 1366px) and (min-width: 1281px) {
			.container  {width:1180px;}
			
			#logo { width: 20%; float: left; }
			#menu { width: 78%; float: right;  }

		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:1000px;}
			#logo { width: 16%; float: left; }
			#menu { width: 74%; float: right;  }


		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#logo { width: 16%; float: left; }
			#menu { width: 74%; float: right;  }
			#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }

		}

		@media (max-width: 768px) and (min-width: 480px) {
			.container   { width:90%; }
			#logo { width: 40%; float: left; }
			#menu { width: 100%; float: left; }
			


		}
		
		@media (max-width: 479px) {
			.container   {width:90%;}
			#logo { width: 50%; float: left; }
			#menu { width: 100%; float: left; }

		}		
				

				@media (max-width: 768px) {

						#logo { width: 120px; height: auto; float: left; height: 1px; padding: 0% 0% 0% 0%; }
							#logo img { float: left; position: relative; z-index: 101; }
							#menu { width: 50%; float: right; position: relative; padding: 5px 0px; z-index: 102; }
							#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
							
			
				}