/*
 Theme Name:   Nasza Bajka 2019
 Theme URI:    
 Description:  Child theme for GeneratePress
 Author:       Rafal Grzejszczyk
 Author URI:   https://www.anamaja.pl
 Template:     generatepress
 Version:      20191213
*/

body,button,input,select,textarea {
	font-family: Georgia, serif;
}
h1, h2, h3 {
	font-weight: bold;
}


/* Backgrounds */

@media (min-width:769px) {
	body {
		background-image: linear-gradient(to right, rgba(16, 72, 23, 0) 0%, rgba(16, 72, 23, .7) 45%, rgba(16, 72, 23, .7) 55%, rgba(16, 72, 23, 0) 100%), url(images/bg_1.png);
	}
	.footer-widgets {
		background-image: linear-gradient(to right, rgba(236, 234, 210, 0) 10%, rgba(236, 234, 210, .5) 45%, rgba(236, 234, 210, .5) 55%, rgba(236, 234, 210, 0) 90%), url(images/bg_footer_128x128.png);
	}
}
@media (min-width:769px) and (min-resolution:192dpi), (min-width:769px) and (-webkit-min-device-pixel-ratio:2) { 
    body {
        background-image: linear-gradient(to right, rgba(16, 72, 23, 0) 0%, rgba(16, 72, 23, .7) 45%, rgba(16, 72, 23, .7) 55%, rgba(16, 72, 23, 0) 100%), url(images/bg_1@x2.png);
        background-size: 100%, 207px 200px;
    }
}


/* Icons - Icomoon.io/app - GP NaszaBajka */

@font-face {
  font-family: 'icomoon';
  src:
    url('fonts/icomoon.ttf?8986at') format('truetype'),
    url('fonts/icomoon.woff?8986at') format('woff'),
    url('fonts/icomoon.svg?8986at#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
/*   position: relative; */

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-calendar:before {
  content: "\e905";
}
.icon-pig:before {
  content: "\e906";
  font-size: 1.35em;
}
.icon-clock:before {
  content: "\e907";
}
.icon-compass:before {
  content: "\e901";
  font-size: 1.1em;
}
.icon-old-phone:before {
  content: "\e902";
}
.icon-envelope:before {
  content: "\e903";
  font-size: .95em;
  padding-left: .05em;
}
.icon-spoon-knife:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\e904";
}
i[class^="icon-"].icon-facebook {
	background-color: #3b5998;
}


i[class^="icon-"] {
	display: inline-block;
	width: 2em;
	height: 2em;
	background-color: hsla(187, 100%, 36%, 1);
	color: #fff;
	vertical-align: middle;
	line-height: 2em;
	text-align: center;
	margin: .2em .5em .2em 0;
	border-radius: 1em;
}
i[class^="icon-"]:before, i[class*=" icon-"]:before {
	vertical-align: 100%;
}

a i[class^="icon-"] {
	background-color: #FE7411;
}
a:hover i[class^="icon-"], a:focus i[class^="icon-"] {
	background-color: hsla(187, 100%, 36%, 1);
}
a.i {
	color: inherit;
}
a.i:hover, a.i:focus {
	color: #FE7411;
}



/* Common / Content */

table caption {
	padding-left: 0;
}
a.button, input.submit {
	border-radius: 15px;
}
a.button {
	font-size: .882353em;
}
.max-width-160 {
	max-width: 160px
}
.entry-content ul ul, .entry-content ol ol, .entry-content ul ol, .entry-content ol ul {
	padding-top: .5em;
}
.entry-content ul li, .entry-content ol li, .footer-widgets ul li, .footer-widgets ol li {
	margin-bottom: .5em;
}



/* Header */
#masthead .header-widget {
	position: relative;
	z-index: 999;
	margin-bottom: 0;
}

.header-widget .widget {
	margin-bottom: 0;
	padding-bottom: 0;
}
.main-title {
	font-size: 20px;
	text-shadow: 1px 2px 0 #050014;
}

.home .main-title {
	background-color: rgba(16, 72, 23, .6);
	border: 3px solid rgba(236, 234, 210, 0.6);
	background-clip: padding-box;
	position: relative;
	z-index: 9999;
	border-radius: 17px;
	padding: .5em 1em;
	width: 50vw;
	max-width: 450px;
	margin: -45px auto 0;
}
@media (max-width: 640px) {
	.home .main-title {
/* 		font-size: 18px; */
	width: 66vw;
	margin-top: 15px;
	}
}
.home .main-title a {
	padding: 0;
	background-color: none
}

@media (max-width: 768px) {
	
	.page-hero-logo {
		margin-bottom: 2em
	}
	.nav-aligned-center #sticky-navigation .navigation-branding {
		margin-left: auto
	}
	.navigation-branding img {
		padding: 5px 15px 5px 5px;
	}
	.menu-toggle .mobile-menu {
		text-transform: uppercase;
	}
	.nav-aligned-center #sticky-navigation .navigation-branding {
		margin-left: 0
	}
}
.navigation-branding img {
	padding: 5px;
}
#masthead > .inside-header {
	display: flex;
	flex-direction: column;
}
.site-logo {
	order: 1;
}
@media (min-width: 640px) {
	.site-logo {
		margin-top: -60px;
	}
}
.site-logo .header-image {
	position: relative;
	z-index: 9999;
}
.site-branding {
	order: 2;
}

.site-header {	
	background-position: center 85%;
	background-size: cover;
}
.home .site-header {	
	height: 100vh;
}
@media (max-width: 1023px) {
	.site-header {
		background-image: url(images/bg_1_960x540.jpg);
	}
}
@media (min-width: 1024px) {
	.site-header {
		background-image: url(images/bg_1_1920x600.jpg);
	}
}
@media (max-width: 1023px) {
	.home .site-header {
		background-image: url(images/bg_frontpage_1_960x960.jpg);
	}
}
@media (min-width: 1024px) {
	.home .site-header {
		background-image: url(images/bg_frontpage_1_1920x1080.jpg);
	}
}

.home .site-logo {
	display: none;
}

@media (min-width: 1366px) {
	.main-title {
/* 		font-size: 30px;  */
	}
	.header-widget .widget {
		margin-bottom: 0;
	}
}
.header-widget {
	float: right;
	overflow: visible;
	max-width: 100%;
}
.header-widget aside {
	float: left;
	width: 50%;
	text-align: left;
}
.header-widget a i {
	border: 3px solid #ecead2;
	margin-right: 5px
}
.header-widget aside:nth-of-type(2) {
	text-align: right;
}
.header-widget aside:nth-of-type(2) a:last-child i {
	margin-right: 0;
}



/* Navigation */

.main-navigation .main-nav ul ul li a {
	font-size: 15px;
}
@media (min-width:769px) {
	.main-navigation {
/* 		margin-top: -60px */
	}
	.main-navigation .main-nav > ul > li {
		margin: 3px
	}
	.main-navigation .main-nav > ul > li > a {
		border-radius: 17px;
		border: 3px solid #ecead2;
		line-height: 48px
	}
	#sticky-navigation.main-navigation .main-nav > ul > li > a {
		border-radius: 17px;
		border: 6px solid #216329;
		line-height: 48px
	}
	.main-navigation .main-nav .sub-menu {
		border-radius: 17px;
		border: 3px solid #780;
		padding: 3px 0;
	}
	.main-navigation .main-nav .sub-menu a {
		border-radius: 15px;
	}
}

.main-navigation:not(.is_stuck) {
	margin-top: -70px;
}
.separate-containers .site-main {
	padding-top: 10px;
}
.main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
	order: unset;
}
.main-navigation .main-nav > ul > li > a,
.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"] > a {
	color: #104817;
}
.main-nav > ul > li:nth-child(1) > a,
.header-wrap #site-navigation:not(.toggled) .main-nav > ul > li[class*="current-menu-"] > a {
	background-color: #D9F064
}
.main-nav > ul > li:nth-child(2) > a {
	background-color: #FF9E0D;
}
.main-nav > ul > li:nth-child(3) > a {
	background-color: #96D9FA;
}
.main-nav > ul > li:nth-child(4) > a {
	background-color: #FFED00;
}
.main-nav > ul > li:nth-child(5) > a {
	background-color: #FCB0C9;
}
.main-nav > ul > li:nth-child(6) > a {
	background-color: #F7489A;
}
.main-nav > ul > li:nth-child(7) > a {
	background-color: #FF9E0D;
}
.main-nav > ul > li.search-item > a {
	color: #ecead2;
}
.navigation-search input[type="search"] {
	color: #ecead2;
}
.navigation-search input[type="search"]:focus {
	color: #fff;
}



/* Footer */

.site-footer .icon-facebook {
	font-size: 2em;
	width: 1.3em;
	height: 1.3em;
	line-height: 1.6em;
	margin: 0;
	border-radius: 5px;
}
.site-footer .icon-facebook:before {
	color: #fff;
	padding-left: .2em
}

#custom_html-4 img {
	margin: 0 auto;
	display: block;
	border-radius: 17px;
}
#custom_html-4 img[alt="logo Przyjaciele Zippiego"] {
	border-radius: 50%;
	border: 3px solid #DBD19D;
}





/* Front Page / Home */
.home .title {
	color: #DBD19D;
	font-weight: normal;
}
@media (min-width:769px) AND (max-width:1200px) {
	.generate-sections-inside-container {
		padding-left: 40px;
		padding-right: 40px;
	}
	.wp-show-posts-entry-title, .entry-title {
		font-size: 26px;
	}
}
.wp-show-posts-entry-title, .entry-title {
	border-bottom: 2px dotted #B1C800;
}
.wp-show-posts-entry-title a {
	color: #780;
}
.wp-show-posts-entry-title a:hover {
	color: #FE7411;
}
.wp-show-posts-inner, .archive article.post .inside-article, .search article.post .inside-article {
	padding: 15px;
	background-color: #fff;
	border-radius: 19px;
	border: 1px solid #DBD19D;
}
@media (min-width:1024px) {
	.inside-article, .comments-area, .page-header, #mapa iframe {
		border-radius: 19px;
		border: 1px solid #DBD19D;
	}
}
.wp-show-posts-entry-meta, .wp-show-posts-entry-meta a {
	color: #216329;;
}
.wp-show-posts-entry-meta a:hover, .wp-show-posts-entry-meta a:focus {
	color: #00a2b8;
}
.wp-show-posts-entry-date:before, .entry-date:before {
	content: "\e905";
	font-family: 'icomoon';
	font-size: 19px;
	color: #FE7411;
	margin-right: 4px;
}
a:hover .wp-show-posts-entry-date:before, a:focus .wp-show-posts-entry-date:before, a:hover .entry-date:before, a:focus .entry-date:before {
	color: #00a2b8;
}

@media (min-width:769px) {
	.home .title, .wpsp-load-more {
		text-align: center;
	}
}
#mapa iframe {
	border-radius: 19px;
	border: 1px solid #DBD19D;
}


/* Pagination */
.wpsp-load-more {
	margin-top: 0;
}
.page-numbers {
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 15px;
	text-align: center;
	line-height: 32px;
	vertical-align: middle;
	border-radius: 13px;
}
.page-numbers.current {
	color: #DBD19D;
	box-shadow: 0 0 0 3px #fe7411;
	margin-left: -3px;
}
.page-numbers.current:first-child {
	margin-left: 0;
}
.page-numbers + .page-numbers.current {
	margin-left: 5px;
}
.page-numbers.current + .page-numbers {
	margin-left: 5px;
}
.page-numbers.dots {
	color: #DBD19D;
	background: none;
	margin: 0 -6px;
}
.page-numbers.prev, .page-numbers.next {
	font-size: 13px;
	width: auto;
	padding: 0 1em;
}
a.page-numbers {
	background-color: #fe7411;
	background-color: #780;
	color: #fff;
}
a.page-numbers:hover, a.page-numbers:focus {
	background-color: #00a2b8;
	background-color: #fe7411;
	color: #fff;
}
@media (max-width: 479px) {
	.page-numbers.prev, .page-numbers.next {
		display: none;
	}
}


/* NextGen Gallery */

.ngg-galleryoverview {
	margin-bottom: 30px;
}
.ngg-galleryoverview .ngg-gallery-thumbnail-box {
	display: inline-block;
	float: none;
	vertical-align: middle;
}
.ngg-galleryoverview .ngg-gallery-thumbnail a {
	display: block;
	padding: 4px;
	margin: 0 15px 15px 0;
	box-shadow: none;
	border: 1px solid #FFDB00;
	border-radius: 15px
}
.ngg-galleryoverview .ngg-gallery-thumbnail a:hover, .ngg-galleryoverview .ngg-gallery-thumbnail a:focus {
	background-color: #F49A00;
	border: 1px solid #F49A00;
	outline: none;
}
.ngg-galleryoverview .ngg-gallery-thumbnail img {
	display: block;
	width: 100px;
	height: auto;
	border-radius: 11px;
}
.ngg-galleryoverview .ngg-gallery-thumbnail img:hover {
	opacity: 1;
}
@supports (display: grid) {
	.ngg-galleryoverview {
		display: grid;
		grid-template-columns: repeat(auto-fit,minmax(110px,1fr));
		grid-gap: 15px;
		grid-row-gap: 20px;
		margin-bottom: 45px;
	}
	.ngg-galleryoverview .ngg-gallery-thumbnail a {
		margin: 0;
	}
	.ngg-galleryoverview .ngg-gallery-thumbnail img {
		width: auto;
		min-width: 100%;
	}
}




/* Designer */

.anamaja::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 16px;
	margin: 0 4px;
	vertical-align: -2px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='320'%3E%3Cstyle%3E%0Apath%5Bid%5D%7Banimation: b 3s infinite%7D%0A%23a%7Banimation-delay:.1s%7D%0A%23b%7Banimation-delay:.2s%7D%0A%23c%7Banimation-delay:.3s%7D%0A%23d%7Banimation-delay:.4s%7D%0A%23e%7Banimation-delay:.5s%7D%0A%23f%7Banimation-delay:.6s%7D%0A%23g%7Banimation-delay:.7s%7D%0A%23h%7Banimation-delay:.8s%7D%0A@keyframes b %7B 0%25 %7Bopacity:0%7D 20%25 %7Bopacity:1%7D 80%25 %7Bopacity:1%7D 100%25 %7Bopacity:0%7D%0A%7D%0A%3C/style%3E%3Cpath fill='%23060E3B' d='M338 261c-15 16-122-74-101-91 34-27 2-73-47-58-40 13-36 55-10 67 31 14-91 146-105 125-13-17 37-92 72-122-121 68-219 10-39-39-166-53-126-126 28-43C97 52 98 5 119 1c29-5 66 60 76 91 15-99 106-97 67-7 115-41 196-4 34 43 156 18 118 82-2 55 13 6 59 62 44 78z'/%3E%3Cpath id='a' fill='%23FF0012' d='M111 233c23-29 47-48 54-42 8 5-5 34-28 63s-48 48-55 42 6-34 29-63z'/%3E%3Cpath id='b' fill='%23FF7D00' d='M77 162c35-10 64-10 66 0s-25 27-60 37c-34 10-64 9-66-1-1-10 25-26 60-36z'/%3E%3Cpath id='c' fill='%23FFEA00' d='M84 84c34 15 60 32 53 44-7 11-42 4-76-10-33-15-56-34-50-43 7-10 39-5 73 9z'/%3E%3Cpath id='d' fill='%2372C90A' d='M170 61c8 24 3 40-12 36s-34-27-42-51-3-40 12-36 33 27 42 51z'/%3E%3Cpath id='e' fill='%2321EC99' d='M263 55c-3 19-17 36-31 39-13 2-22-11-19-30 4-19 18-36 32-38 13-3 21 11 18 29z'/%3E%3Cpath id='f' fill='%231BC9D4' d='M366 93c-17 12-53 22-80 23s-35-8-18-20c17-11 53-22 81-22 27-1 35 7 17 19z'/%3E%3Cpath id='g' fill='%234C43FE' d='M375 179c-22 6-61 1-88-10-26-10-29-23-7-28s61-1 88 10c26 10 29 23 7 28z'/%3E%3Cpath id='h' fill='%23C731FF' d='M318 252c-18-8-43-30-57-50-13-20-9-30 9-23s43 29 57 49c13 20 9 31-9 24z'/%3E%3C/svg%3E");
	transition: transform 0.2s;
}
.anamaja:hover::before,.anamaja:focus::before {
	transform: rotate(360deg) scale(1.2)
}





@media (max-width: 768px) {
	.menu-toggle {
		padding-left: 15px;
	}
	.search-item a {
		padding-right: 15px  !important;
	}
	.menu-toggle:before, .search-item a:before {
		background-color: #fe7411;
		color: #fff;
		width: 32px;
		height: 32px;
		line-height: 32px;
		border-radius: 15px;
		border: 3px solid #ecead2;
	}
}


/* Pages */
.jadlospis th {
	text-align: center;
}
.jadlospis td {
	vertical-align: top;
}
.kal {
	background: url(images/bg_kal_1_150x200.png) no-repeat center 13px;
	background-size: 75px 100px;
	padding: 30px 15px 20px;
	text-align: center;	
}

.kal-nr {
	color: #FF2828;
	font-size: 21px;
	font-weight: bold;
	line-height: 100%;
	/*+placement: shift 0px 3px;*/
	position: relative;
	left: 0px;
	top: 3px;
}

.kal-mc {
	color: #FF2828;
	font-size: 12px;
}

.kal-d {
	font-size: 11px;
	font-family: Arial,sans-serif;
}

.separate-containers .inside-article {
  padding: 40px!important;
}