/*
 Theme Name: Puszcza
 Author: fabrykabarw.com, norbertkalinowski.pl
 Description: Motyw napisany na zamówienie Białowieża Forest Nature & People
 Version: 1.0
 */

body {
	margin: 0;
	padding: 0;
	font-family: 'Arimo', sans-serif;
	background: #e1eade;
	background-color: #E4EADE;
	overflow-x: hidden;
}

h1 {
	font-weight: bold;
	font-size: 18px;
	color: #666666;
}

h2 {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}

.box {

}

.box a {
	margin: 20px auto;
	display: block;
	width: 80px;
	text-align: center;
}

.box h1 {
	text-align: center;
	margin-bottom: 3px;
}

.box h2 {
	text-align: justify;
	margin: 0;
	line-height: 20px;
}

.box img {
	margin: auto;
	text-align: center;
}

.header, .headerLeft {/* zeby nie naduzywac h1 */
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	display: block;
	margin-bottom: 40px;
	margin-top: 40px;
}

.headerLeft {
	text-align: left;
	margin-top: 0;
	margin-bottom: 20px;
}

.separator {
	height: 1px;
	width: 940px;
	margin: auto;
	border-bottom: 1px dotted #CCC;
	margin: 30px auto;
}

.separatorHidden {
	height: 1px;
	width: 940px;
	margin: auto;
	margin: 30px auto;
}

.menuItem {
	display: block;
	border-bottom: 1px solid #E9E9E9;
	line-height: 14px;
	padding: 11px 0;
	font-size: 14px;
	color: #666666;
}

.menuItemActive, .menuItem:hover {
	color: #FF6600;
}

span.amp {
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size: 110%;
	font-style: italic;
}

.footerTop {
	margin: auto;
	width: 100%;
	background-color: #EAEAEA;
	border-top: 1px solid #C3C3C3;
}

.footerTop a {
	color: #666;
}

.footerTop a:hover {
	color: #444;
}

.footer {
	margin: auto;
	width: 100%;
	background-color: #B1B1B1;
	border-top: 1px solid #8A8A8A;
	color: #666666;
	font-size: 12px;
	text-align: center;
	padding: 18px 0;
}

.footer a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	text-shadow: #ccc 0 1px 0;
}

.footerHead {
	color: #666666;
	font-weight: bold;
	font-size: 14px;
	margin: 20px 0;
	padding-bottom: 2px;
	border-bottom: 1px dotted #999999;
}

.breadcrumbs {
	color: #999999;
	font-size: 12px;
	padding-top: 8px;
	margin-bottom: 24px;
	border-top: 1px solid #E9E9E9;
}

.breadcrumbs a {
	color: #FF7F0E;
}

.icon {
	text-align: center;
}

span.notif {
	background-color: #FF7F0E;
	color: #fff;
	font-size: 10px;
	padding: 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.tresc {
	line-height: 1.8em;
	font-size: 16px;
}

.sliderSlide {
	height: 300px;
	position: relative;
}

.sliderHead {
	position: absolute;
	color: #fff;
	font-size: 24px;
	bottom: 0;
	left: 0;
	/*	background:#8EC455;*/
	background-image: url(img/bg.png);
	color: #fff;
	/*	opacity:0.7;*/
	padding: 20px;
	width: 540px;
	font-size: 16px;
}

.sliderDesc {
	color: #999999;
	font-size: 12px;
	margin-bottom: 12px;
}

.sliderMedia {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 540px;
	height: 300px;
	text-align: center;
}

#navigation li a.currentItem, a.currentItem {
	color: #FF7F0E;
}

/* --- */

h3 {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	text-align: center;
	margin-top: 0px;
	line-height: 12px;
}

.mask1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

.mask2 {
	width: 300px;
	height: 200px;
	margin-bottom: 20px;
}

.opacity {
	opacity: 0.5;
}

.opacity:hover {
	opacity: 1.0;
}

.main {
	margin: auto;
	width: 940px;
}

/* --- */

.greenBox {
	background-color: #019774;
	padding: 15px;
	color: #fff;
	font-size: 15px;
}

.sideHeader {
	background-color: #F2F4EF;
	padding: 15px;
	color: #859278;
	font-size: 15px;
}

.sideItem {
	background-color: #fff;
	padding: 15px;
	color: #999;
	font-size: 15px;
	margin-left: 15px;
	border-bottom: 1px solid #ddd;
}

.aktualnosc {
	background-color: #fff;
	padding: 15px 15px 15px 0px;
	color: #999;
}

.aktualnosc a {
	color: #019774
}

.aktualnosc p {
	margin: 0;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	margin-bottom: 7px;
	color: #666;
	line-height: 1em;
}

.data {
	font-size: 11px;
	color: #999;
}

.menu {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	background: linear-gradient(135deg, #1a2a1c 0%, #2d4a30 100%);
	border-top: 2px solid #c9a84c;
	border-bottom: 1px solid rgba(201, 168, 76, 0.25);
	box-shadow: 0 4px 20px rgba(10, 20, 10, 0.4);
	overflow: visible;
	position: relative;
	z-index: 1000;
}

/* =====================
   GŁÓWNE MENU (sf-menu)
   ===================== */

ul#sample-menu-1 {
	list-style: none;
	margin: 0 auto;
	padding: 0 6px;
	width: 940px;
	max-width: 100%;
	display: flex;
	align-items: stretch;
	position: relative;
}

ul#sample-menu-1 > li {
	position: relative;
}

ul#sample-menu-1 > li > a {
	display: flex;
	align-items: center;
	padding: 17px 15px;
	font-family: 'Arimo', sans-serif;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #f5f0e8;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	transition: color 0.25s, background 0.25s;
}

ul#sample-menu-1 > li > a:hover,
ul#sample-menu-1 > li.current-menu-item > a,
ul#sample-menu-1 > li.current_page_item > a {
	color: #c9a84c;
	background: rgba(245, 240, 232, 0.06);
}

/* złota kreska pod aktywnym/hover */
ul#sample-menu-1 > li > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px;
	height: 2px;
	background: #c9a84c;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

ul#sample-menu-1 > li:hover > a::after,
ul#sample-menu-1 > li.current-menu-item > a::after,
ul#sample-menu-1 > li.current_page_item > a::after {
	transform: scaleX(1);
}

/* strzałka przy rodzicach */
ul#sample-menu-1 > li.menu-item-has-children > a {
	padding-right: 22px;
}

ul#sample-menu-1 > li.menu-item-has-children > a::before {
	content: '▾';
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 9px;
	color: #7aab6e;
	transition: transform 0.25s;
}

ul#sample-menu-1 > li.menu-item-has-children:hover > a::before {
	transform: translateY(-50%) rotate(180deg);
}

/* =====================
   DROPDOWN
   ===================== */

ul#sample-menu-1 ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 230px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: linear-gradient(160deg, #1e3320 0%, #162418 100%);
	border-top: 2px solid #c9a84c;
	border-left: 1px solid rgba(201, 168, 76, 0.18);
	border-right: 1px solid rgba(201, 168, 76, 0.18);
	border-bottom: 1px solid rgba(201, 168, 76, 0.18);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.55);
	z-index: 9999;
}

ul#sample-menu-1 li:hover > ul.sub-menu {
	display: block;
}

ul#sample-menu-1 ul.sub-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	position: relative;
}

ul#sample-menu-1 ul.sub-menu li:last-child {
	border-bottom: none;
}

ul#sample-menu-1 ul.sub-menu li a {
	display: block;
	padding: 12px 20px;
	font-family: 'Arimo', sans-serif;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.05em;
	color: rgba(245, 240, 232, 0.8);
	text-decoration: none;
	transition: color 0.2s, background 0.2s, padding-left 0.2s;
}

/* złoty pasek po lewej przy hover */
ul#sample-menu-1 ul.sub-menu li a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: #c9a84c;
	transform: scaleY(0);
	transition: transform 0.2s ease;
}

ul#sample-menu-1 ul.sub-menu li a:hover {
	color: #c9a84c;
	background: rgba(201, 168, 76, 0.07);
	padding-left: 26px;
}

ul#sample-menu-1 ul.sub-menu li a:hover::before {
	transform: scaleY(1);
}

/* FotoBLOG – dropdown wyrównany do prawej */
li#menu-item-4553 > ul.sub-menu {
	left: auto;
	right: 0;
}

.siteHeader {
	float: left;
	background-color: #fff;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.lupa {
	position: absolute;
	right: 10px;
	top: 134px;
	z-index: 100;
}

.mapOverlay {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 90;
	opacity: 0.0;
	width: 380px;
	height: 300px;
}

.newsBox {
	background-color: #fff;
	margin-bottom: 20px;
}

/* menu na podstronach */

#submenu ul li {
	border-bottom: 1px solid #E4EADE;
	padding: 18px;
	list-style: none;
}

#submenu ul li a {
	color: #333;
}

#submenu ul li a:hover {
	text-decoration: none;
}

#submenu ul li.current_page_item {
	background-color: #019774;
	font-weight: bold;
}

#submenu ul li.current_page_item a {
	color: #fff;
}

#submenu ul li.current_page_item a:hover {
	text-decoration: none;
}

/* menu kategorii */

ul#menu-menu-kategorii li,
ul#menu-category-menu li {
	list-style: none;
	background-color: #019774;
}

ul#menu-menu-kategorii li a,
ul#menu-category-menu li a {
	color: #fff;
	font-size: 15px;
	display: block;
	padding: 10px;
}

ul#menu-menu-kategorii li ul li,
ul#menu-category-menu li ul li {
	background-color: #F2F4EF;
}

ul#menu-menu-kategorii li ul li a,
ul#menu-category-menu li ul li a {
	color: #859278;
	font-size: 15px;
}

ul#menu-menu-kategorii li ul li ul li,
ul#menu-category-menu li ul li ul li {
	background-color: #fff;
	margin-left: 15px;
	border-bottom: 1px solid #ddd;
}

ul#menu-menu-kategorii li ul li ul li a,
ul#menu-category-menu li ul li ul li a {
	color: #999;
	font-size: 15px;
}

.entry-thumb {
	margin-left: 15px;
	margin-top: 15px;
}

.search-thumb {
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}

ul.connected {
	list-style: none;
}

/* LEGENDA MAPY */

table.gm-legend td {
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
table.gm-legend td label input {
	margin-right: 10px;
}

.post-thumbnail {
	display: block;
	margin: 20px auto;
}
.gallery-caption {
	font-size: 10px;
}

.green-box {
	background-color: #019774;
	margin-bottom: 20px;
	color: #fff;
}
.green-box a {
	color: #000000;
}

ul.gm-tabs-nav {
	list-style: none;
}
ul.gm-tabs-nav li {
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
.gm-tabs-nav li a {
	color: #000;
}
.gm-tabs-nav li.gm-tab-active a {
	font-weight: bold;
}
ul.gm-tabs-nav li a img {
	padding: 0 10px;
}
.gm-hidden {
	display: none;
}

.gm-active {
	display: none;
}
/*
.gm-tabs-panel {
	display: none;
}*/
li.lang-item {
	list-style: none;
	display: inline;
}
/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 5px 0;
}

.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
	color: #220e10;
	font-size: 10px;
	font-style: italic;
	font-weight: 300;
}

img.wp-smiley, .rsswidget img {
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul, .wp-caption.alignleft + ol {
	list-style-position: inside;
}

*[class*='wp-image-'] {
	border-width: 1px;
	border-color: black;
	border-style: solid;
}
a.greentile {
	color: #fff;
	background-color: #009471;
	display: block;
	padding: 100px 30px;
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	height: 20px;
}
.kwateraTile {
	color:#000;
	text-decoration:none;
}

.kwateraTile:hover {
	opacity:0.8;
	color:#666;
	text-decoration:none;
}

#sample-menu-1 .sf-with-ul {
	padding-right: 2em;
}

ul#filters li {
	list-style: none;
	display: inline;
	padding-right: 10px;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.metaslider .caption {
	background-image: url(img/bg.png);
	color: #fff;
}	

.gm-legend *[class*='term-'] {
	display: none;
}

.gm-legend .term-4,
.gm-legend .term-5,
.gm-legend .term-6,
.gm-legend .term-7,
.gm-legend .term-8,
.gm-legend .term-9,
.gm-legend .term-10 {
	display: block;
}

.isotope-container {
	height: 264px;
}

a:focus, #colorbox:focus {
	outline: 0;
}