html {
	box-sizing: border-box;
	overflow-x: hidden;
}

*, *::after, *::before {
	box-sizing: inherit;
}

.container {
	margin-left: auto;
	margin-right: auto;
}

.container::after {
	clear: both;
	content: "";
	display: block;
}

.layout-container {
	overflow-x: hidden;
}

/************************* STUFF *************************/

.submitted {
	font-size: 0.9em;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: auto;
	padding: 0 15px;
}

.tabs.primary {
	text-align: center;
}

.maintenance-page {
	background: none;
	margin: 2em;
	text-align: center;
}

.maintenance-page a {
	color: #444;
}

.maintenance-page img {
	width: 50px;
}

.maintenance-page h1 {
	color: #444;
}

.pager__item {
     padding: 0 !important;
}

#block-mapa {
	clear: both;
	width: 100%;
}

.view-wydarzenia .view-filters {
    display: none !important;
}

/************************* KOMUNIKAT DLA ZALOGOWANYCH *************************/

#kdzcontent {
	background: #fff;
	border: 4px solid #e00000;
	border-radius: 2px;
	color: #222;
	display: block;
	max-width: 1200px;
	margin: 1em auto 1em auto;
	padding: 14px;
}

#kdzcontent h2 {
	text-shadow: none;
	font-size: 30px;
	color: #FF4D00;
}

#kdzcontent h3 {
	color: #e00000;
}

#kdzcontent a {
	color: #e00000;
	font-weight: 600;
}


/************************* COOKIES *************************/

.eu-cookie-compliance-message {
	display: inline;
	float: none;
}

.eu-cookie-compliance-message p {
	font-size: 0.9em;
	font-weight: normal;
	color: #222;
}

.eu-cookie-compliance-buttons {
	display: inline;
	float: none;
}

#sliding-popup {
	background: none;
	background-color: rgb(225, 225, 225, 0.9);
}

#popup-buttons button,
#popup-text button {
	letter-spacing: 0px;
	background: #fff;
	color: #444;
	font-weight: normal;
	font-size: 0.8em;
	padding: 5px;
	vertical-align: top;
	text-decoration: none;
}

#popup-buttons button:hover,
#popup-text button:hover {
	 background: #f0f0f0;
}

/************************* HEADER *************************/

#header {
	overflow: hidden;
	overflow-x: hidden;
    background: rgb(255 233 30);
    background: linear-gradient(0deg, rgb(255 188 0) 0%, rgb(255 233 30) 20%, rgb(231 255 199) 20%, rgb(0 217 255) 100%);
}

#header-region {
	position: relative;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0;
}

#highlighted {
	background-color: #FFBC00;
}

#block-brand {
	display: inline-block;
	vertical-align: middle;
}

#site-branding {
    position: relative;
    z-index: 2;
    text-align: left;
    background: #fff;
    border-radius: 40px / 60px;
    padding: 10px 20px;
    margin-top: -50px;
    overflow: visible;
}

#site-branding::before {
    content: '';
    position: absolute;
    right: -60px;
    top: 85px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 80px solid #fff;
}

#site-godlo {
	display: inline-block;
	vertical-align: middle;
}

#site-godlo img {
	height: 70px;
	width: auto;
	margin-right: 16px;
}

#site-name {
	display: inline-block;
	vertical-align: middle;
	padding: 0.2em 0;
	font-size: 1.3em;
	word-spacing: 6px;
	letter-spacing: -1px;
	line-height: 1.2em;
	color: #454545;
	text-transform: uppercase;
}

#block-robinson {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}

#block-robinson img {
	height: 240px;
	width: auto;
}

#block-animation {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: -170px;
	margin-left: -100px;
	margin-right: -200px;
    z-index: 99;
}

#lottie-rNzHujg{
	width: 250px !important;
}

#block-icons {
	display: inline-block;
	float: right
}

#block-icons img {
	width: auto;
    height: 80px;
}

/************************* NAVIGATION *************************/

ul.sf-menu a, ul.sf-menu span.nolink {
	padding: 0 !important;
}

#superfish-main {
	max-width: 1260px;	
	margin: 0 auto;
	font-weight: 600;
	display: flex;
	flex-wrap: wrap;
}

#block-basic-glownanawigacja {
	display: inline-block;
	margin-top: 20px;
}

#block-basic-glownanawigacja a {
	color: #444;
}

#block-basic-glownanawigacja a:hover {
	color: #fff;
}

ul.sf-menu li:hover > ul,
ul.sf-menu li.sfHover > ul {
	-webkit-box-shadow: -8px -8px 0px 0px #FF4D00;
	-moz-box-shadow: -8px -8px 0px 0px #FF4D00;
	box-shadow: -8px -8px 0px 0px #FF4D00;
	background: #fff;
	border-bottom: 7px solid #FF4D00;
	border-right: 7px solid #FF4D00;
}

.sf-depth-2, .sf-depth-3  {
	font-size: 16px;
}

li.sf-depth-2.sfHover span.sf-depth-2.menuparent.nolink, li.sf-depth-3.sfHover span.sf-depth-3.menuparent.nolink {
	color: #fff !important;
}

span.sf-depth-2.menuparent.nolink, span.sf-depth-3.menuparent.nolink {
	color: #444;
}

span.sf-depth-2.menuparent.nolink:hover, span.sf-depth-3.menuparent.nolink:hover {
	color: #fff;
}


#superfish-main-accordion li.sf-depth-2.sfHover span.sf-depth-2.menuparent.nolink, #superfish-main-accordion li.sf-depth-3.sfHover span.sf-depth-3.menuparent.nolink {
	color: #FF4D00 !important;
}

#superfish-main-accordion span.sf-depth-2.menuparent.nolink:hover, #superfish-main-accordion span.sf-depth-3.menuparent.nolink:hover {
	color: #FF4D00;
}


#superfish-main li:hover .svg-inline--fa,
#superfish-main li.sf-depth-1:hover span.link-text,
#superfish-main li.sf-depth-2:hover span.link-text,
#superfish-main li.sf-depth-3:hover span.link-text{
	color: #fff;
}

#superfish-main li {
	background-color: #fff;
	color: #444;
}

#superfish-main li:hover {
	background-color: #FF4D00;
	color: #fff;
}

#superfish-main .svg-inline--fa {
	display: block;
	font-size: 50px;
	color: #FF4D00;
	vertical-align: middle;
	margin: 0 auto 12px auto;
}

#superfish-main span.link-text {
	vertical-align: middle;
	font-size: 19px;
	text-transform: uppercase;
	display: inline;
}

ul.sf-menu .sf-with-ul, ul.sf-menu span.nolink{
	padding-right: 1.5em;
}

ul.sf-menu a, ul.sf-menu span.nolink {
	padding: 0;
}

ul.sf-menu .sf-sub-indicator {
	font-size: 0.6em;
}

ul.sf-menu span {
	color: #444;
}

.sf-accordion-toggle {
	padding: 0.6em 0.8em;
	font-size: 1.1em;
	background: #fff;
	text-align: center;
	/* border-top: 4px solid #00CAE7;
	border-bottom: 4px solid #00CAE7; */
}

.sf-accordion-toggle a {
	color: #444;
	font-weight: 600;
}

.sf-accordion {
	background: #fff;
}

#superfish-main li.sf-depth-1 {
	padding: 0.8em;
	margin: 0 12px;
	width: min-content;
	min-width: 150px;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    text-align: center;
}

#superfish-main li.sf-depth-2, #superfish-main li.sf-depth-3 {
	padding: 0.3em;
}

ul.sf-menu.menu ul {
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

#main-standardfront-page a.sf-depth-1 {
	padding: 0.7em !important;
}


ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li, #superfish-main-accordion li {
    padding: 0.3em;
}



/************************* SHORELINE *************************/

#block-shoreline {
  height: 80px;
  background-color: #00CAE7;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80' preserveAspectRatio='none'><rect width='200' height='80' fill='%2300CAE7'/><path d='M0 0 L0 40 C25 60 50 20 75 40 C100 60 125 20 150 40 C175 60 200 20 200 40 L200 0 Z' fill='%23FFBC00'/></svg>");
  background-repeat: repeat-x;
  background-size: 200px 80px;
  animation-name: floatUpDown;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(25px);
  }
}

/************************* CLOUDS *************************/

#background-wrap {
	position: relative;
	top:80px;
}

.cloud_1 {
  animation: move 6s ease infinite;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7%;
  left: 7%;
  background: #f0fdff;
  height: 60px;
  width: 60px;
  box-shadow: #f0fdff 65px -15px 0 -5px, #f0fdff 25px -25px, #f0fdff 30px 10px, #f0fdff 60px 15px 0 -10px, #f0fdff 85px 5px 0 -5px;
}

.cloud_2 {
  animation: move 8s ease infinite;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 6%;
  right: 41%;
  background: #f0fdff;
  height: 50px;
  width: 50px;
  box-shadow: #f0fdff 65px -15px 0 -5px, #f0fdff 25px -25px, #f0fdff 30px 10px, #f0fdff 60px 15px 0 -10px, #f0fdff 85px 5px 0 -5px;
}

.cloud_3 {
  animation: move 5s ease infinite;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 6%;
  right: 23%;
  background: #f0fdff;
  height: 50px;
  width: 50px;
  box-shadow: #f0fdff 65px -15px 0 -5px, #f0fdff 25px -25px, #f0fdff 30px 10px, #f0fdff 60px 15px 0 -10px, #f0fdff 85px 5px 0 -5px;
}

.cloud_4 {
  animation: move 7s ease infinite;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 8%;
  right: 7%;
  background: #f0fdff;
  height: 60px;
  width: 60px;
  box-shadow: #f0fdff 65px -15px 0 -5px, #f0fdff 25px -25px, #f0fdff 30px 10px, #f0fdff 60px 15px 0 -10px, #f0fdff 85px 5px 0 -5px;
}

@keyframes move {
  50% {
    transform: translateY(-15px);
  }
}


/************************* CONTENT *************************/

.content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px;
	/* width: auto; */
	/* padding-bottom: 8px; */
}

#content {
	background: #00cae7;
}

article {
    background: #fff;
    padding: 2em 0;
}

.search-results {
    padding: 1em 0;
    background: #fff;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

body.path-frontpage article.contextual-region.node {
  display: none;
}

#content-area {
	padding-bottom: 30px;
}

#block-basic-content > article {
	overflow: auto;
	background: #fff;
	padding: 2em 1em;
}

#block-basic-content .image-featured {
    margin-right: 1.5em;
    margin-bottom: 1.5em;
    float: left;
    border: 8px solid #00CAE7;
}

#block-basic-content ol, #block-basic-content ul {
	overflow: hidden;
}

#block-basic-content p a, #block-basic-content span.file a {
	color: #00558A;
	text-decoration: underline;
	transition: color 50ms ease;
}

#block-basic-content p a:hover, #block-basic-content span.file a:hover {
	color: #444;
}

#block-basic-page-title {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#block-basic-local-tasks {
	width: 100%;
	margin-top: 0.8em;
}

#infobox {
	background: #fff;
	display: block;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	padding: 2em;
}

#infobox a {
	color: #fff !important;
	font-weight: 600;
	text-decoration: underline;
}

#infobox a:hover {
	color: #444 !important;
}

.site-custom {
	background: #fff;
	border-radius: 14px;
}

.site-custom .item-list {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	padding: 1em;
}

/************************* WPISY *************************/

.wpis-page {
	max-width: 1550px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wpis-block {
	max-width: 1550px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.wpis-row {
	text-align: left;
	background: #fff;
	display: inline-block;
	padding: 0.5em;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 26px;
	max-width: 360px;
	min-width: 320px;
	vertical-align: top;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	position: relative;
    z-index: 1;
}

img.pinezka {
	width: 40px;
	height: auto;
	position: absolute;
	margin-top: -16px;
	margin-left: 154px;
}

.wpis-title {
	clear:both;
	margin: 14px;
}

.wpis-image img {
	padding: 8px 8px 0 8px;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
}

.wpis-body {
	margin: 14px;
}

.wpis-block-body img {
	display: none;
}

.wpis__image,
.page__image	{
	margin-right: 1em;
	margin-bottom: 0.5em;
	float: left;
	border: 14px solid #fff; 
}

.wpis__galeria {
	clear: both;
	padding-top: 2.5em;
}

.wpis-date {
	display: inline-block;
	float: right;
	font-size: 1em;
	font-style: italic;
	padding: 10px 14px 10px 10px;
}

.wpis-more {
	text-align: left;
}

.wpis-more a {
	display: inline-block;
	margin: 0 14px 14px 14px; 
	padding: 0.2em 0.5em;
	background: #fff;
	font-size: 0.8em;
	color: #444 !important;
	border: 4px solid #FF4D00;
	text-decoration: none !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 4px;
}

.wpis-more a:hover {
	background-color: #FF4D00;
	color: #fff !important;
}

.wpis-block .more-link a {
	display: inline-block;
	letter-spacing: 1px;
	background: #fff;
	color: #444 !important;
	padding: 4px 8px;
	margin-bottom: 30px;
	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
	border: 4px solid #FF4D00;
	font-weight: 600;
	text-transform: uppercase;	
	text-decoration: none !important;
}

.wpis-block .more-link a:hover {
	background: #FF4D00;
	color: #fff !important;
	text-transform: uppercase;	
}

.wpis__data-publikacji {
	margin: 0.5em;
	text-align: left;
	font-size: 0.8em;
}

.wpis__data-publikacji div {
	display: inline-block;
}

.image-featured {
	float: left;
	margin-top: 1.3em;
	margin-right: 1.3em;
    margin-bottom: 1.3em;
}

/************************* SEARCH RESULT *************************/

.search-form + h3 {
	background: #fff;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 8px;
}

.search-form ~ ol {
	background: #fff;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-bottom: 1em;
}

.search-form ~ li {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}

.search-info {
	display: none;
}

/************************* PAGER *************************/

ul.pager__items {
	text-align: center;
}

ul.pager__items > li {
	text-transform: uppercase;	
	letter-spacing: 1px;
	color: #fff;
	margin: 0 4px;	
}

.pager__items a {
	padding: 3px 10px;
	margin-bottom: 6px;
	color: #444;
	text-decoration: none !important;
	background: #fff;
	border-radius: 4px;
}

.pager__items a:hover {
	background-color: #444;
	color: #fff;
}

/************************* GALERIA *************************/

.image-gallery > div {
	display: inline-block;
	vertical-align: middle;
	/* border: 8px solid #00CAE7; */
	margin: 14px 11px;
}

.image-gallery > div img {
	border-radius: 6px;
}

.image-featured img {
	border-radius: 6px;
}

/************************* FOOTER *************************/

#footer {
	clear: both;
	float: none;
	width: 100%;	
	text-align: center;
	padding: 1em 0;
	color: #333;
	background-color: #FFBC00;
}

#footer p {
	margin: 0;
}

#footer h2 {
	margin-bottom: 0.5em;
	padding: 0;
	border: none;
}

#kontakt-column {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px;
	text-align: left;
}

#kontakt-column a {
	color: #444 !important;
}

#block-search {
	margin: 0 20px;
	display: inline-block;
	vertical-align: middle;
}

#block-search div {
        display: block;
}

input[type="submit"] {
	background-color: #fff;
    color: #444;
    border: 4px solid #FF4D00;
    font-weight: 600;
}

input[type="submit"]:hover {
	color: #fff !important;
	background-color: #FF4D00 !important;
}


#block-kontaktstopka {
	display: inline-block;
	vertical-align: middle;
	border-bottom: none;
}

#block-linkiwstopce {
	display: inline-block;
	vertical-align: top;
}

#block-basic-footer {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
}

#block-basic-footer li {
	list-style-type: none;
	margin: 8px 0;
}

#block-basic-footer a {
	padding: 6px 9px;
	font-size: 0.9em;
	font-weight: 600;
	background: #fff;
	border-radius: 4px;
	border: 4px solid #FF4D00 !important;
	color: #444 !important;
}

#block-basic-footer ul, #block-basic-footer li {
	padding: 0;
}

#block-basic-footer a:hover {
	background: #FF4D00;
	color: #fff !important;
}

#block-cumkielce {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
	color: #444;
	font-size: 0.7em;
	text-transform: uppercase;
	text-align: center;
}

#block-cumkielce img {
	display: block;
  	margin: 0 auto;
	width: 120px;
	height: auto;
	padding: 0.4em;
	background: #fff;
	border-radius: 4px;
}

#block-kontaktwstopce {
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px;
	padding: 1em;
}

/************************* RESPONSIVE STYLES *************************/

@media screen and (min-width: 240px) and (max-width: 1024px) {


	#header-region {
		padding: 60px 0 10px 0;
	}

	#block-robinson img {
	    max-height: 160px;
	}
	
	#lottie-rNzHujg{
		width: 180px !important;
	}

	#site-name {
		font-size: 1.2em;
	}
	
	#block-icons img {
		max-width: 50px;
	}
	
	lottie-player {
		margin-left: -80px;
		width: 180px !important;
	}

	#block-animation {
		margin-bottom: -120px;
		margin-left: 0px;

	}

	#site-branding::before {
        top: 75px;
	}

	.element-colorbox > div, .element-colorbox > div > div {
		display: block;
		text-align: center;
	}
	
	#block-basic-footer li {
		margin: 11px 0;
	}

	#block-cumkielce {
		margin-top: 1.5em;
	}

	#block-cumkielce img {
		width: 90px;
	}
	
	#block-basic-glownanawigacja a:hover {
		color: #444;
	}
	#superfish-main-accordion svg:not(:host).svg-inline--fa, #superfish-main-accordion svg:not(:root).svg-inline--fa {
		margin-right: 6px;
	}

	#superfish-main-accordion ul {
		border: none !important;
	}
	
	ul.sf-menu li:hover > ul,
	ul.sf-menu li.sfHover > ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-bottom: 0;
	border-right: 0;
	}

}

@media screen and (min-width: 240px) and (max-width: 640px) {
 	
	#site-name {
		font-size: 1.1em;
		word-spacing: 0px;
	}
	.cloud_3 {
		display: none;
	}

	#site-branding::before {
		display:none;
	}

	#site-branding::after {
        content: '';
        position: absolute;
        bottom: -45px;
        left: 100px;
        width: 0;
        height: 0;
        border-left: 0px solid transparent;
        border-right: 40px solid transparent;
        border-top: 60px solid #fff;
	}

	#block-basic-content .image-featured {
    	margin-right: 0;
	}

	.image-gallery {
		text-align: center;
	}

	/* #block-animation .animation {
		height: 100px !important;
	} */
	
	/* #block-animation {
		margin-top: 0;
	    margin-bottom: -23px;
	} */
	
	/* #lottie-rNzHujg{
		width: 150px !important;
	} */

}

@media screen and (min-width: 640px) and (max-width: 1023px) {
	
	#site-godlo img {
		height: 50px;
	}
}

@media screen and (min-width: 240px) and (max-width: 1199px) {
 	
}

#header,
#footer,
.mission,
.breadcrumb,
.node {
	clear: both;
}