/*  
Theme Name: Gorska Turek (gorska-turek.pl)
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)2021 All rights reserved. Wszystkie prawa zastrzezone. 
*/
	
	/* Reset CSS */
		html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } 
		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:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }		
		table { border-collapse:collapse; border-spacing:0; }
		hr { display:block; height:1px; border:0; border-top:1px solid #dddddd; margin:1em 0; padding:0; }
		input, select { vertical-align:middle; }
		h1,h2,h3,h4,h5 { font-weight: normal; }

	/* Project CSS */

	
	body { font-family: 'Source Sans Pro', sans-serif; font-size: 1em; font-weight: 400; color: #333; background: #fff;}		
			/* Font-weight: 300, 400, 600 i 700 */
			
		#topsite { float: left; width: 100%; padding: 30px 0px 10px 0px; position: relative;  z-index: 99; 
			-webkit-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.15);
			-moz-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.15);
			box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.15);	
		}		
			#logo { float: left; width: 50%; padding-bottom: 15px; z-index: 80; position: relative;  }
				#logo img { width: 500px; max-width: 100%; height: auto; }
				#logo p { text-align: left; }
				#logo p a { text-decoration: none; color:#444; font-size:1.3em; line-height: 1.15em; }

	
			#menu { float: right; width: 50%; z-index: 75; position: relative;  }
			
			/* 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);
									}	
						}	


		.container { margin: 0 auto; }  
	
		
			#slider { float: left; width: 100%; position: relative; z-index: 70; }
		
			#page_content { padding: 80px 0px 100px 0px; }
			
			#page_content, #content { float: left; width: 100%; }
		
				#content h1, #content h2, #content h3, #content h4, #content h5 { margin: 10px 0px 10px 0px; font-weight: 700; } 
				
				#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.alignleft { max-width: 100%; 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 h1 { color: #000; font-size: 2em; font-weight: 700;} 
				#content h2 { color: #000; font-size: 1.7em;  font-weight: 700;} 
				#content h3, #content h4, #content h5, #content h6 { color: #000; font-size: 1.5em;  font-weight: 600;} 
				#content h6 { font-size: 1.2em; }
				
				#content p { color: #444; margin: 7px 0px 7px 0px; text-align: justify; line-height: 1.8em; font-weight: 400; }   	
				#content a { color: #000; }
				#content ul, #content ol { margin-left: 30px; color: #444; line-height: 1.85em; } 	



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

				#content table { float: left; width: 100%; background: #fff; font-weight: 400;
					-webkit-box-shadow: 0px 8px 16px 5px rgba(0,0,0,0.08);
					-moz-box-shadow: 0px 8px 16px 5px rgba(0,0,0,0.08);
					box-shadow: 0px 8px 16px 5px rgba(0,0,0,0.08);


				}
				
				
				#content table td { padding: 15px 15px; font-size: 1em; border-bottom: 1px solid #ddd; }
				
				#content table tr:first-child { color:#fff; padding: 35px 15px; font-size: 1.1em; background:#A0CDBE;  }
				#content table tr:hover {  background:#f5f5f5;  }
				#content table tr:first-child:hover {  color:#fff; background:#A0CDBE; }
				#content table tr del { }
				
				#content table tr:hover, #content table tr, #cennikicontent ul li a:hover, #cennikicontent ul li a {
						-webkit-transition: all 200ms ease-in-out;
						-moz-transition: all 200ms ease-in-out;
						-o-transition: all 200ms ease-in-out;
						transition: all 200ms ease-in-out;	
				}
				

					


		/* Oferta */

				
					
					
					
					#oferta_menu { float: left; width: 23%; margin-top: 20px; padding: 20px 0px 20px 0px; background:#fff; 					
								-webkit-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.15);
								-moz-box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.15);
								box-shadow: 10px 10px 23px -4px rgba(0,0,0,0.15);			
					}

																		
											#oferta_menu ul { float: left; width: 100%; background:#fff; margin: 0; padding: 0; list-style:none; line-height: 1.5em; font-weight: 400; }
											#oferta_menu ul ul { font-weight: 400; }
											#oferta_menu li {  margin: 0; padding: 0; float: left; width: 100%; padding: 0px 0%; }
											#oferta_menu li a { font-size:1em; margin: 0; font-size: 1.15em; padding: 0; float: left; width: 80%; padding: 15px 10%; color:#272727; text-decoration: none; border-bottom:1px solid #e7e7e7; }
											
											#oferta_menu li li a { font-size:0.85em; margin: 0; padding: 0; float: left; width: 80%; padding: 9px 10% 9px 10%; color:#666;}
											
											#oferta_menu li li li a { font-size:0.85em; margin: 0; padding: 0; float: left; width: 75%; padding: 3px 10% 3px 15%; color:#666;}
											
											#oferta_menu li li a:before { content: "\00BB  "; }
												
											#oferta_menu ul li ul.sub-menu {  display: none; }
											
											#oferta_menu ul li.current-menu-item ul.sub-menu, 
											#oferta_menu ul li.current-menu-ancestor ul.sub-menu { 

												display: block;
											}
	
											
											#oferta_menu li.current-menu-parent a {   background:#0068b4; color:#eee; }							
											#oferta_menu li.current-menu-parent ul li a { color: #272727; background:none; }
											
											#oferta_menu ul li.current-product-parent a { background: #0068b4; color:#eee;}
											#oferta_menu ul li.current-menu-item ul li a { background: #fefefe; color:#777;}
											#oferta_menu ul li.current-menu-item ul li a:hover { background:#ededed; color:#444; }
											#oferta_menu ul li.current-product-parent ul li a:hover { background:#ededed; color:#444; }
											#oferta_menu ul li.current-menu-parent ul li a:hover { background:#ededed; color:#444; }
											
											#oferta_menu ul li.current-menu-parent ul li.current-menu-item a { background:#ededed; color:#444; }
											 
											
											#oferta_menu ul li.current-menu-item a { background: #0068b4; color:#eee;}

											#oferta_menu li a:hover { background: #0068b4; color:#eee; }
											
											

											#oferta_menu ul li.current-menu-ancestor a { background:#A0CDBE; color:#fff; }
											#oferta_menu ul li.current-menu-ancestor ul li a { background:#fff; color:#000; }
													
							
											#oferta_menu ul li.current-menu-item ul li a:hover { background:#ededed; color:#444; }
											
											
											
											
											
											#oferta_menu ul li ul.sub-menu li ul.sub-menu { display: none;  }
						
												#oferta_menu ul li ul.sub-menu li ul.sub-menu { float: left; width: 100%; margin-bottom: 15px; }
												#oferta_menu ul li ul.sub-menu li ul.sub-menu li a { font-size:0.75em; margin: 0; padding: 0; float: left; width: 75%; padding: 3px 10% 3px 15%; color:#666;}
												#oferta_menu ul li ul.sub-menu li ul.sub-menu li.current-menu-item a { color:#444; background: #ededed;}
												#oferta_menu ul li ul.sub-menu li.current-menu-item ul.sub-menu li a { color:#777; background: #f1f1f1; } 
												#oferta_menu ul li ul.sub-menu li ul.sub-menu li a:hover { color:#444; background: #ededed; }
											
											
											#oferta_menu ul li ul.sub-menu li.current-menu-ancestor ul.sub-menu,
											#oferta_menu ul li ul.sub-menu li.current-menu-item ul.sub-menu,
											
											#oferta_menu ul li.current-product-ancestor ul.sub-menu ul.sub-menu {  display: block;   }
											#oferta_menu ul li.current-product-ancestor ul.sub-menu  {   display: block;   }
											#oferta_menu ul li.current-product-ancestor ul.sub-menu ul.sub-menu { display: none; }
											
											
											#oferta_menu ul li.current-product-ancestor ul li.current-product-ancestor a { color:#444; background: #ededed;  }
		
					#oferta_content { float: right; width: 73%; margin-top: 20px;}
			




					/* Contact form 7 custom style */	
							
							#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: 'Source Sans Pro', sans-serif; 
							}
							#content form.wpcf7-form input { float: left; width: 95%; padding: 5px 2.5%; border-radius: 3px; border: 1px solid #aaa;}
							#content form.wpcf7-form select { float: left; width: 100%; padding: 5px 0%;  border-radius: 3px; border: 1px solid #aaa;}
							#content form.wpcf7-form textarea { float: left; width: 95%; padding: 3px 2.5%; resize: none; height: 80px; border-radius: 3px; border: 1px solid #aaa;  }
							#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; 
									color: #fff !important;
									background: #a6cdec;
									border: 2px solid #a6cdec;
									padding: 10px 45px;	
									font-size: 1em;
									margin-top: 15px;
									
									cursor: pointer;
									border-radius: 3px; 
									font-family: 'Source Sans Pro', sans-serif; 
									font-weight: 700;
								}

								#content form.wpcf7-form input.wpcf7-submit:hover {
									background: #fff !important;
									border: 2px solid #a6cdec;
									color: #a6cdec !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; }		




					


		#socialmedia_right { width: 60px; position: fixed; right: 0; top: 45%; height: 120px; z-index: 11111; }
		#socialmedia_right a { margin-left: 15px; margin-top: 10px; opacity: 0.8; height: 55px; -moz-border-radius: 8px;  -webkit-border-radius: 8px; border-radius: 8px; }
			#socialmedia_right a.sc_fb { float: left; display: block; width: 80px;  background: #A0CDBE url('images/socialmedia/fb.png') left center no-repeat;  }
			#socialmedia_right a.sc_ins { float: left; display: block; width: 80px; background: #A0CDBE url('images/socialmedia/inst.png') left center no-repeat;  }

			
				#socialmedia_right a:hover { margin-left: 10px; opacity: 1.0; }
				
				#socialmedia_right a:hover, #socialmedia_right a, #oferta_menu li a:hover, #oferta_menu li a {
							-webkit-transition: all 250ms ease-in-out;
							-moz-transition: all 250ms ease-in-out;
							-o-transition: all 250ms ease-in-out;
							transition: all 250ms ease-in-out;		
				}
	
	

		#footercontent { float: left; width: 100%;  }
			
			#footer_content { float: right; width: 100%;  border-bottom: 1px solid #a6cdec;  padding: 50px 0px; line-height: 1.75em; text-align: center; }
			#footer_content h1, #footer_content h2, #footer_content h3, #footer_content h4, #footer_content h5 { margin: 10px 0px 10px 0px; font-weight: 400; font-size: 1.95em; } 
				
			#footer_content p { font-size:1em; }
			#footer_content a { color:#982c00; }

			
		
	
	
		#footer { float: left; width: 100%; padding: 50px 0px; background:rgb(244, 244, 244); }
		#footer p { color:#333; line-height: 1.65em; text-align:center; font-size: 0.9em; }

			#footer a { color:#000; text-decoration: none; }
			#footer a:hover { color:#000; }
	
	
	

/* RWD elements DIV */	


		@media (min-width: 1441px) {
			.container  {width:1330px;}
			
			#menu { margin-top: 10px; }
				
			#menu ul a {  padding: 15px 10px 15px 10px; margin: 0px 25px; font-size: 1.15em; }
		}
		
		
		@media (max-width: 1440px) and (min-width: 1281px) {
			.container  {width:1180px;}
				
			#menu { margin-top: 10px; }	
			#menu ul a { font-size:1.1em; padding: 15px 10px 15px 10px; margin: 0px 22px; }
			#menu ul ul li a { border-bottom: none;  font-size: 0.9em;  }
		}
		

		@media (max-width: 1280px) and (min-width: 1025px) {
			.container  {width:980px;}
			
			#menu { margin-top: 10px; }	
			#menu ul a { font-size:1.1em; padding: 15px 5px 15px 5px; margin: 0px 15px; }
			#menu ul ul li a { border-bottom: none;  font-size: 0.9em;  }
	
		}

		
		@media (max-width: 1024px) and (min-width: 769px) {
			.container  {width:740px;}
			#topsite { padding: 25px 0px 0px 0px;  }
			
			#logo { width: 40%; }
			#menu { width: 60%; float: right; }
			#menu ul { float: left; }	
			#menu ul a { font-size:1.1em; padding: 15px 5px 15px 5px; margin: 0px 15px; }
			#menu ul ul li a { border-bottom: none;  font-size: 0.9em;  }
			
				#oferta_menu li a { font-size: 0.9em;}
				#oferta_menu li li a { font-size: 0.8em;}
				
				

		}

		@media (max-width: 768px) and (min-width: 480px) {
			.container   { width:90%; }
			
		
							#logo { width: 60%; }
							#menu { width: 100%; float: left; margin-top: -50px; }	
							#logo img {
								width: 400px;
								max-width: 100%;
								height: auto;
							}
							
				#content table td { padding: 15px 5px; font-size: 0.85em; }
				#content table tr:first-child { color:#fff; padding: 25px 5px; font-size: 1em; }			
		}
		
		@media (max-width: 479px) {
			.container   {width:90%;}
	
							#logo { width: 60%; }
							#logo img {
								width: 330px;
								max-width: 100%;
								height: auto;
							}
							#menu { width: 100%; float: left; margin-top: -50px; }	

				#content table td { padding: 15px 5px; font-size: 0.8em; }
				#content table tr:first-child { color:#fff; padding: 25px 5px; font-size: 1em; }				

		}		
				
	
				@media (max-width: 768px) {


							#content h1 { color: #000; font-size: 2em;} 
							#content h2 { color: #000; font-size: 1.5em;} 
							#content h3, #content h4, #content h5 { color: #000; font-size: 1.25em;} 
							
							
						#socialmedia_right { width: 50px; position: fixed; right: 0; top: 55%; height: 120px; z-index: 11111; }
						#socialmedia_right a { margin-left: 15px; margin-top: 10px; opacity: 0.8; height: 40px; -moz-border-radius: 4px;  -webkit-border-radius: 4px; border-radius: 4px; }	
							#socialmedia_right a.sc_fb { float: left; display: block; width: 80px;  background: #a6cdec url('images/socialmedia/mfb.png') left center no-repeat;  }
							#socialmedia_right a.sc_ins { float: left; display: block; width: 80px; background: #a6cdec url('images/socialmedia/minst.png') left center no-repeat;  }
			
						#footer_content h1, #footer_content h2, #footer_content h3, #footer_content h4, #footer_content h5 { font-size: 1.5em; } 			
						#footer_content p { font-size:0.85em; }
						
						#oferta_menu { float: left; width: 90%; margin: 10px 5%; }					 
						#oferta_content { float: right; width: 90%; margin: 10px 5%; }						
						
						
				}		
						
						
				
				
				

			
	
		/* COOKIES Ciasteczka */

		.cc-cookies { width: 90%; left: 0; bottom: 0; padding: 5px 5%; background: rgba(0,0,0,0.55); font-size: 0.85em; z-index: 99999999; text-align: center; color: #fff; position: fixed;}
		.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
		.cc-cookies a:hover { text-decoration: none; }
		.cc-overlay { height: 100%; padding-top: 25%; }
		.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
		.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { 
			display: inline-block; color: #fff; text-decoration: none; 
			background: #a6cdec; 
			padding: 0.5em 0.75em;  -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; 
		}
		.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
		.cc-cookies a.cc-cookie-reset { background: #f15b00; }
		.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
		.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
		.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
		.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
		.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

		@media screen and (max-width: 768px) {
		.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
		}

