/*  
Theme Name: Land Of Tomorrow 
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: "Poppins", sans-serif; font-weight: 300; font-style: normal; font-size: 1em; color: #000; background: #fff;}		
	/* 

		font-weight: 100, 200, 300, 400, 500, 600, 700, 800 i 900

	*/
	
		#topsite { float: left; width: 100%; position: absolute; padding: 25px 0px 25px 0px; z-index: 99; }		
		#topsite.singlepage { position: relative; 
			-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.15);
			  -moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.15);
			  box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.15);
		}	
		
				
		#topmenu { float: right; width:50%; }
		#topmenu p { float:right; }
			#topmenu a { border-radius: 20px; padding: 3px 10px; border:1px solid #fff; color:#fff; font-weight: 400; font-size: 0.9em; margin-right: 10px; }

		#topsite.singlepage #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-item > a.mega-menu-link { color: #000; }			
		#topsite.singlepage #mega-menu-wrap-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
		#topsite.singlepage #mega-menu-wrap-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
		#topsite.singlepage #mega-menu-wrap-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after { background-color: #000; }
		#topsite.singlepage	#topmenu a { border:1px solid #000; color:#000; }

			#logo { float: left; width: 20%; }
				#logo img { z-index: 100; max-width: 100%; height: auto; }
			#menu { float: right; width: 80%; margin-top:10px; }
	
			/* 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);
							}	
					}			



			#videoslider.hero-video { position: relative; width: 100%;  overflow: hidden;  z-index: 90; }
			#videoslider .hero-video__el { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none !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 { color: #000; font-weight: 300; margin: 10px 0px 10px 0px; } 
			.content h1 {  font-size: 2.5em; line-height: 1.2em; } 
			.content h2 { font-size: 2.25em; line-height: 1.3em; } 
			.content h3 { font-size: 2.0em; line-height: 1.3em; } 
			.content h4 { font-size: 1.6em; line-height: 1.3em; }  
			.content h5 { font-size: 1.4em; line-height: 1.3em; } 
			
			.content h1 strong, .content h2 strong, .content h3 strong, .content h4 strong, .content h5 strong { font-weight: 500; } 

			
			.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: "Poppins", sans-serif; font-weight: 400; font-style: normal;
			}
			.content form.wpcf7-form input { float: left; width: 100%; padding: 10px 0%; border-radius: 0px; border: none; border-bottom: 1px solid #606060; background:#fff;  font-size: 0.9em; margin-top: 10px; }
			.content form.wpcf7-form select { float: left; width: 100%; padding: 10px 0%;  border-radius: 0px; border: none; border-bottom: 1px solid #606060; background:#fff;  font-size: 0.9em;  margin-top: 10px;}
			.content form.wpcf7-form textarea { float: left; width: 100%; padding: 10px 0%; resize: none; height: 80px; border-radius: 0px; border: none; border-bottom: 1px solid #606060; background:#fff; font-size: 0.9em; margin-top: 10px;}
			.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: 5px 25px; font-size: 0.9em; margin-top: 15px; cursor: pointer; border-radius: 0px;  transition: all 250ms ease-in-out;
				font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal;
				color: #000 !important;
				background: #fff;
				border: 2px solid #b89878;
			}
			.content form.wpcf7-form input.wpcf7-submit:hover {
				background: #e6d1bc !important;
				border: 2px solid #b89878;
				color: #000 !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.6em; font-size: 0.7em; font-weight: 400 !important; }	

			/* Btn custom */			

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




		.wp-block-heading sup { font-size: 70%; vertical-align: super; line-height: 1; }
		sup { font-size: 70%;  vertical-align: super;  line-height: 1;   }
		sub { font-size: 70%; vertical-align: sub;  line-height: 1; }

		
			
	/* - */	

		#footer { float: left; width: 100%; padding: 40px 0px 40px 0px; line-height: 1.5em; }
			#footer p { color:#000; font-size: 0.9em;  }
			#footer a { color:#000; }
			#footer h5 { font-weight:600; font-size: 1em; }
			
			
			.f-lot-left { float: left; width: 50%; padding: 50px 0px; background:#fafafa; }
			.f-lot-leftc { float: right;  max-width: 640px; margin: 0px 40px; }
			.f-lot-right { float: right; width: 50%; padding: 50px 0px; background:#f3ede8; }
			.f-lot-rightc { float: left; max-width: 640px; margin: 0px 40px;  }
			
				@media (max-width: 768px) {
					.f-lot-left { float: left; width: 90%; padding: 50px 5%; }
					.f-lot-right { float: left; width: 90%; padding: 50px 5%; }
					.f-lot-rightc, .f-lot-leftc { width: 100%; max-width:100%; margin: 0px 0px; }
				}
	
		#footer2 { float: left; width: 100%; padding: 10px 0px 20px 0px; }
		#footerlinks { float: left; width: 100%; padding: 0px 0px 20px 0px; }
			#footerlinks p { float: right; color:#b2b2b2; font-size: 0.8em;  }
			#footerlinks p a { color:#b2b2b2; }
			#footerlinks p a:hover { color:#000; }
		#footerauth { float: left; width: 100%; padding: 20px 0px 20px 0px; line-height: 1.5em; border-top: 1px solid #ededed; }
			#footerauth p { color:#b2b2b2; font-size: 0.8em;  }
			#footerauth a { color:#b2b2b2; }
			#footerauth a:hover { color:#000; }
	

	
	
/* RWD elements DIV */	

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

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

		}
		

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

		}

		
		@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;  }
			.f-lot-right, .f-lot-left {  min-height: 480px; }

		}

		@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) {

				#topsite { padding: 15px 0px 15px 0px; }		
				#topmenu { float: right; width:100%; }
					#topmenu a { border-radius: 20px; padding: 2px 7px; font-size: 0.8em; margin-right: 5px; }


						#logo { float: left; width: 50%; height: auto; float: left; margin-top:-10px; height: 1px; padding: 0%; }
							#logo img { width: 130px; max-width: 80%; float: left; position: relative; z-index: 995; }
							#menu { width: 50%; float: right; position: relative; padding: 5px 0px; z-index: 999; }
							#footerauth p { text-align:center; float: left; width: 100%; font-size: 0.8em;  }
							#footerlinks p { float: none; text-align:center;}
							
						.content h1 {  font-size: 1.9em; } 
						.content h2 { font-size: 1.7em; } 
						.content h3 { font-size: 1.5em; }
						.content h4 { font-size: 1.3em; }  
						.content h5 { font-size: 1.2em; } 

						.content p { font-size: 0.8em; }   

				}	
				

html { scroll-behavior: smooth; }
[id] { scroll-margin-top: var(--scroll-offset, 0px); }
p[id] { display: block; min-height: 1px; }