@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,600italic,400italic,700,700italic,300italic&subset=latin,latin-ext);

/* czarno-biała wersja strony *
html {
  -webkit-filter: grayscale(100%) !important;
  -moz-filter: grayscale(100%) !important;
  -ms-filter: grayscale(100%) !important;
  filter: grayscale(100%) !important;
}
*/

p {
font-size: 16px;
}

p.wp-block-cover-text {
    font-weight: 700 !important;
    color: white !important;
    text-shadow: 3px 3px 1px rgba(0,0,0,0.3);
}

.screen-reader-text { display: none; }
body { padding: 0; margin: 0; font-family: "Open Sans", sans-serif; font-weight: 300; padding-top: 43px; }

a { color: #390; text-decoration: none;
-webkit-transition: all .3s ease;
   -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
        transition: all .3s ease;
}
#primary a:hover { box-shadow: 0 1px 0 #380; text-decoration: none; }


#top-menu { position: relative; top: 0; width: 100%; height: 60px;
	background: -webkit-linear-gradient(#6c0, #380);
	background: -o-linear-gradient(#6c0, #380);
	background: linear-gradient(#6c0, #380);
	z-index: 100 !important;
}
#top-menu ul { padding: 0; list-style-type: none; margin: 0; }
.inner { width: 1200px; margin: 0 auto; position: relative; }
#top-menu .inner > ul > li { float: left; margin: 0; padding: 0;}
#top-menu ul li { position: relative; }
#top-menu a { font-weight: 300; display: block; line-height: 60px; height: 55px; padding: 0 10px; color: white; text-decoration: none; border-bottom: 5px solid transparent;
	white-space: nowrap;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
#top-menu a:hover { border-bottom-color: white; }

#top-menu ul ul { display: none; position: absolute; top: 100%; left: 0%; background: rgba(30,128,0,0.7); padding: 10px;}
#top-menu ul ul a { min-width: 160px; border-bottom: 1px solid rgba(60,200,0,0.9);}
#top-menu ul ul a:hover { background: rgba(255,255,255,0.2); }
#top-menu ul li:hover ul { display: block; }

/*=====================*/

#main-menu { position: fixed; top: 0; width: 100%; height: 40px;
	background: -webkit-linear-gradient(#6c0, #380);
	background: -o-linear-gradient(#6c0, #380);
	background: linear-gradient(#6c0, #380);
	z-index: 100 !important;
}
#main-menu ul { padding: 0; list-style-type: none; margin: 0; }
.inner { width: 1200px; margin: 0 auto; position: relative; }
#main-menu .inner > ul > li { float: left; margin: 0; padding: 0;}
#main-menu ul li { position: relative; }
#main-menu a { font-weight: 300; display: block; line-height: 40px; height: 35px; padding: 0 0.5em; color: white; text-decoration: none; border-bottom: 5px solid transparent;
	white-space: nowrap;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
#main-menu a:hover { border-bottom-color: white; }

#main-menu ul ul { display: none; position: absolute; main: 100%; left: 0%; background: rgba(30,128,0,0.7); padding: 10px;}
#main-menu ul ul a { min-width: 160px; border-bottom: 1px solid rgba(60,200,0,0.9);}
#main-menu ul ul a:hover { background: rgba(255,255,255,0.2); }
#main-menu ul li:hover ul { display: block; }

/*-----------*/

#searchBox { position: absolute; right: 200px; /* 44px; */ }
#searchBox input { padding: 5px 10px 5px 30px; border-radius: 4px; border: none; margin: 18px 0; font-size: 0.8em; font-weight: 300;
	width: 120px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}
#main-menu #searchBox input { margin: 8px 0; }
#searchBox input:focus { width: 200px;  }
.magnifying { position: absolute; left: 5px; top: 18px; }
#main-menu .magnifying { top: 8px; }
.magnifying i { color: #390; }

#lang { position: absolute; right: 0; top: 18px;  height: 23px; }
#main-menu #lang { top: 8px; }
#lang a { display: inline-block; width: 34px; height: 23px; background: url(../img/uk-flag.png) no-repeat left bottom; padding: 0; background-size: 34px 46px; border-radius: 3px; border: none;}
#lang a[href="#lang_uk"] { background-image: url(../img/uk-flag.png); }
#lang a[href="#lang_ua"] { background-image: url(../img/ua-flag.png); }
#lang a[href="#lang_es"] { background-image: url(../img/es-flag.png); }
#lang a[href="#lang_de"] { background-image: url(../img/de-flag.png); }
#lang a[href="#lang_pl"] { background-image: url(../img/pl-flag.png); }
#lang a:hover { border: none; background-position: left top; }

header { position: relative; overflow: hidden; }
header > img { max-width: 100%; height: auto;}

/*#slider { width: 100%; margin: 0 auto; text-align: center; background: #eee; box-shadow: 0 0 50px rgba(0,0,0,0.3); border-bottom: 1px solid #fff; position: relative; width: 1200px; height: 450px; }
#slider > img { position: absolute; left: 0; top: 0; max-width: 100%; }
#slider { position: relative; width: 1200px; max-width: 100%; height: 450px; margin: 0 auto; }
#slider > img { width: 860px; height: 230px; position: absolute; top: 80px; left: 80px; z-index: 3; }
*/
#featured { position: relative; }

#featured .carousel-inner { position: relative; }

#featured .carousel-inner:after {
	content: " ";
	background: transparent linear-gradient(transparent, white) no-repeat;
	height: 130px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

#featured > img { position: absolute;
top: 16%; /*100px;*/
left: 15%; /*130px;*/
z-index: 3;
max-width: 40%;
}
#slider { position: relative; height: 450px; }
#slider > img { position: absolute; top: 0; left: 0;}
#slider img.current { z-index: 1; }
#slider img.next { z-index: 2; }

#kola { margin: 10px auto; position: relative; top: -100px; z-index: 3;
		align-items: center;
	    display: flex;
	    justify-content: center;*
}
#kola .kolo { width: 300px; height: 300px; border-radius: 50%; border: 6px solid #080; float: left; margin: 0 40px; background: rgba(200,240,100, 0.6); box-shadow: 0 0 20px rgba(255,255,255,0.9); position: relative; }
#kola .kolo.b { background: rgba(240,200,100, 0.6); border-color: #840;}
#kola .kolo.c { background: rgba(100,200,240, 0.6); border-color: #048;}
#kola .kolo div { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.6); opacity: 0.0; margin: 20px;  padding: 20px; height: 220px; width: 220px; border-radius: 50%; transform: rotateY(180deg); transition: all 0.3s ease; text-align: center; box-shadow: 0 0 20px rgba(0,0,0,1); }
/*#kola .kolo:hover div { opacity: 1.0; transform: rotateY(0deg); }*/
#kola .kolo div a { display: block; margin: 100px auto; padding: 5px 10px; color: #666;  width: 180px; border-radius: 4px; text-decoration: none; display: block;
	background: -webkit-linear-gradient(#eee, #aaa);
	background: -o-linear-gradient(#eee, #aaa);
	background: linear-gradient(#eee, #aaa);
}
/* #kola .kolo div a:hover { color: #000; } */
#content-container, #primary  {
	clear: both;
	/*width: 100%;*/
	max-width: 1200px;
	margin: 3px auto 50px;
	position: relative;
	top: -50px;
}
#content-container h1, #primary h1 { color: #390; font-weight: 600; font-size: 2em; }
#content-container p, #primary p { color: #666; font-weight: 300; text-align: justify; }
#content-container img, #primary img { max-width: 95%; padding: 5px; border: thin solid #ddd; border-radius: 8px; box-shadow: 5px 5px 5px rgba(0,0,0,0.4); margin-left: 30px; margin-bottom: 40px; }
#content-container .gallery img, #primary .gallery img { box-shadow: none; margin:0; border: 0; border-radius: 0; max-width: 100%; padding: 0;}
#startImage img { padding: 5px; border: thin solid #ddd; border-radius: 8px; box-shadow: 5px 5px 5px rgba(0,0,0,0.4); box-sizing: border-box; max-width: 60%; height: auto;
margin: 0 auto !important;
display: block;}
.gallery-icon {
	float: left;
	margin: 0.5em;
	border: thin solid #060; /*#8c8;*/
	box-shadow: 0 0 10px #696;
	border-radius: 6px;
	overflow: hidden;
}
@media screen and (max-width: 389px) {
	#primary .gallery-icon {
		float: none;
	}
	#primary .gallery-icon img {
		width: 100%;
		height: auto;
	}
}

#sponsors { padding: 60px 0 10px; color: #aaa; font-size: 2em; }
#sponsors .inner { text-align: center; }
/*#sponsors img { max-width: 95%; margin: 0 auto; }*/

#site-footer { background: #380; color: white; min-height: 200px; padding: 20px 0; border-bottom: 30px solid #050; box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.3) inset;}
#site-footer ul { list-style-type: none; padding: 0; margin: 0; margin-bottom: 20px; }
#site-footer ul li { float: left; margin: 0 20px 0 0; }
#site-footer ul li a { display: block; color: white; padding: 5px 0; text-decoration: none; border-bottom: thin dotted transparent;}
#site-footer ul li a:hover { border-bottom-color: white; }
#footer-widgets {
	margin: 10px 0;
	font-size: 0.9em; font-weight: 300;
}
#goOnTop { display: none; position: fixed; right: 40px; bottom: 20px; opacity: 0.4; color: white;
	width: 60px; height: 60px; line-height: 60px; font-size: 60px; z-index: 99999;
	cursor: pointer; text-shadow: 0 0 5px #390;
}
#goOnTop a { color: white; text-decoration: none; }


/* Phone (480px and less) - fluid 100% */
@media screen and (max-width: 480px) {
	.inner { width: 100%; max-width: none; }
	body > header { display: none; }
	#kola { display: none; }
	#top-menu ul, #main-menu ul { display: none; }
	#searchBox { display: none; }
	#lang { display: none; }
	#content-container, #primary  {
			max-width: none;
			margin: 0.5em auto 3em;
			padding: 0 1em;
			top: 0px;
	}
	.carousel { display: none; }
	#top-menu a, #main-menu a { font-size: 0.85em;}
}

/* Tablet (481px to 768px) - fluid 100% - two columns */
@media screen and (min-width: 481px) {
	.inner { width: 100%; max-width: none; }
	body > header { display: none; }
	#kola { display: none; }
	#top-menu ul, #main-menu ul { display: none; }
	#searchBox { display: none; }
	#lang { display: none; }
	#content-container, #primary  {
			max-width: 100%;
			margin: 0.5em auto 3em;
			padding: 0 1em;
			top: 0px;
	}
	#top-menu a, #main-menu a { font-size: 0.85em;}
	.carousel { display: none; }
}

/* Desktop1 (769px to 1024px) - fixed 760px */
@media screen and (min-width: 769px) {
	.inner { width: 100%; max-width: 760px; }
	body > header { display: block; height: 250px; }
	#kola { display: block; top: -50px; }
	#top-menu ul, #main-menu ul { display: block; }
	#searchBox { display: none; }
	#content-container, #primary  {
			max-width: 760px;
			margin: 0.5em auto 3em;
			padding: inherit;
			top: 0px;
	}
	#kola .kolo {
		width: 100%;
		height: auto;
		margin: 0;
		border-radius: 0;
	}
	#kola .kolo div { width: 120px; height: 120px; }
	#kola .kolo:hover div { }
	#kola .kolo h1 { display: block; font-size: 2em; line-height: 150px; margin: 0 auto; line-height: 2em;}
	#kola .kolo p { }
	#kola .kolo div a { width: 100%; margin: 60px auto; display: block; }
	.carousel { display: block; }
	.carousel-inner { height: 250px; }
}

/* Desktop2 (1025px to  1200px) - fixed 960px */
@media screen and (min-width: 1025px) {
	.inner { width: 100%; max-width: 960px; }
	#searchBox { display: block; }
	body > header { height: 350px; }
	#searchBox input { width: 0px;}
	#lang { display: block; }
	#content-container, #primary  {
			max-width: 960px;
	}
	#top-menu a, #main-menu a { font-size: 0.85em;}
	#kola { top: -100px; }
	#kola .kolo {
		width: 240px;
		height: 240px;
		margin: 0px 30px;
		border-radius: 20px;
	}
	#kola .kolo h1 { margin-top: 15px !important; }
	#kola .kolo div { width: 190px; height: 190px; border-radius: 10px; }
	#kola .kolo:hover div { display: block; }
	#kola .kolo:hover div { opacity: 1.0; transform: rotateY(0deg); }
	#kola .kolo div a { width: 154px; margin: 60px auto;  }
	#kola .kolo div a:hover { color: #000; }



	#kola .kolo h1 { display: block; font-size: 1.5em; line-height: inherit; }
	#kola .kolo p { display: block; font-size: 0.8em;}
	.carousel-inner { height: 350px; }

}

/* Desktop3 (1201px and more) - fixed 1180px */
@media screen and (min-width: 1201px) {
	.inner { width: 100%; max-width: 1180px; }
	body > header { display: block; height: 450px; }
	#searchBox { display: block; }
	#searchBox input { width: 120px; }
	#content-container, #primary  {
			max-width: 1180px;
	}
	#top-menu a, #main-menu a { font-size: 1em;}
		#kola .kolo {
		width: 300px;
		height: 300px;
		margin: 0px 40px;
	}
	#kola .kolo { border-radius: 50%; }
	#kola .kolo div { width: 250px; height: 250px; border-radius: 50%; }
	#kola .kolo div a { margin: 90px auto;}
	#kola .kolo h1 { display: block; font-size: 2em; margin-top: 2em !important; }
	#kola .kolo p { display: block; font-size: 1em;}
	.carousel-inner { height: 380px; }
}


@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

#sponsors ul { list-style: none; text-align: center; }
#sponsors #sponsoring li { display: inline-block; vertical-align: center; width: 80%; padding: 20px 30px; }
@media (min-width: 640px) {
    #sponsors #sponsoring li { padding: 20px 30px; }
}
@media (min-width: 992px) {
    #sponsors #sponsoring li { width: 30%; padding-bottom: 20px; }
}
@media (min-width: 1200px) {
    #sponsors #sponsoring li { margin: 0 10px; width: 14%; }
}

#sponsors ul#sponsoring li a {
	opacity: 0.7;
	-webkit-transition: opacity .3s ease;
   -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
     -o-transition: opacity .3s ease;
        transition: opacity .3s ease;
}
#sponsors ul#sponsoring li a:hover {
	opacity: 1;
}
#sponsors ul#sponsoring li a img {
    max-width: 100%;
    height: auto;
}
/**  Carousel Fade **/

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}

.carousel.fade .item:first-child {
  top: auto;
  opacity: 0;
  position: relative;
}

.carousel.fade .item.active {
  opacity: 1;
}

.carousel-control {
  opacity: 0;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

#featured .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.lang-item img { width: 30px; border-radius: 2px; }
.dropdown-menu { background-color: rgba(255,255,255,0.8); }

.gallery { margin-top: 1em; margin-bottom: 2em;}
.gallery::after{
	content: "";
	display: block;
	width: 0px; height: 0px;
	clear: both;
}
.customize-support .navbar-fixed-top { top: 32px; }

.nav-previous 	 { float: left;  width: 45%; }
.nav-next 		 { float: right; width: 45%; text-align: right; }
.nav-links:after { clear: both;  display: block; height: 0;}


.widget_box .search-form label { width: 100%; }
.search-form input[type='search'] {
	border: thin solid #ccc;
	border-radius: 2px;
	display: block;
	width: 100%;
	margin: 5px auto;
	padding: 5px 10px;
	font-weight: 400;
}
.widget_box ul, #main-content .przeglad ul { list-style-type: none; padding-left: 0; }
.widget_box ul li, #main-content .przeglad ul li {padding-left: 30px; position: relative; }
.widget_box ul li:before, #main-content .przeglad ul li:before {
	content: "";
	width:0.7em;
	height:0.7em;
	position: absolute;
	left: 10px;
	top: 5px;
	background: #390;
	display: block;
	border-radius: 2px;
}
#main .h1, #main h1 {
    margin-top: 40px;
    margin-bottom: 30px;
}
#primary a.cboxElement.nohover:hover { text-decoration: none; box-shadow: none; }

.sponsors-container {
    background: #eee;
    margin-top: 4em;
    box-shadow: inset 0px 20px 10px -20px rgba(0,0,0,0.3);
}

figcaption.gallery-caption { display: none; }

article blockquote { font-size: 14px; }


.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #666;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination>li>span:focus, .pagination>li>span:hover {
    cursor:default;
    color: #666;
    background-color: #fff;
}

#menu-main-menu .important {
    background: linear-gradient(#6b0, #250);
}

.wp-block-separator.is-style-wide {
    height: 1px;
    max-width: 100%;
    background: #999;
}

#primary img.alignleft {
    float: left;
    margin: 0 2em 2em 0;
}

#primary img.alignright {
    float: right;
    margin: 0 0 2em 2em;
}