body {
	position: relative;
	background-color: #f9f9f8;
}



.mobile-bar {

}
 

main {
	width: 100%;
	padding: 20px 0 40px 0;
}
.path-frontpage main {
	padding-top: 10px;
}
.top-content {
	padding: 0px 0 0px 0;
	background-color: #231f20;
	width: 100%;
}
.region-top-content  {
	width: 100%;
}
#block-dpuzyny-oconamchodzi,
#block-dpuzyny-pierwszepublikacje {
	padding: 0 25px 25px 25px;
}


.main-content {
  width: 100%;
  padding: 0 20px;
}

#block-dpuzyny-content {
	padding:  20px 0 20px 0;
}
.path-frontpage #block-dpuzyny-content {
	padding: 0;
}
.widok-siatka {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.widok-siatka > header {
	position: absolute;
	top: -58px;
	right: 10px;
}
.widok-siatka > header a {
	display: inline-block;
	position: relative;
	padding: 14px 0px 0 0;
}


.widok-siatka  .views-row {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 34px;
}

.path-frontpage .widok-siatka.zeszyty  .views-row {
	padding-bottom: 4px;
}
.widok-siatka.zeszyty .views-row {
	width: 100%;
}
.widok-siatka .views-field-field-ilustracja {
	padding: 5px 0 25px 0;
}
.widok-siatka .views-field-body {
	padding: 0 0 25px 0;
}
.widok-siatka .views-field-view-node {
	padding-right: 30px;
}
.widok-siatka .views-field-view-node a {
	font-size: 0;
	background-image: url(../images/wiecej.png);
	display: block;
	width: 51px;
	height: 26px;
	float: right;
}
.widok-siatka.zeszyty  {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		padding: 0px;
		margin: unset;
	}

footer {
	padding: 40px 20px 50px 20px;
	background-color: #231f20;
	width: 100%;
	clear: both;
}
.region-footer-top {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 2fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;
	padding-bottom: 30px;
	border-bottom: 2px solid #80887e;
	padding: 0px 15px 20px 15px;
}

#block-dpuzyny-stopkalogo > div > a {
	display: inline-block;
	padding: 0 5px 0 15px;
    width: 54px;
}
#block-dpuzyny-stopkalogo > div > a::first-child   {
	width: 46px;
}
footer #block-dpuzyny-glownanawigacja {
	padding: 10px 0 20px 0 ;
}

.region-footer-bottom {
  padding: 30px 15px 0px 15px;
}
#block-dpuzyny-stopkabottom li {
	display: inline-block;
	padding: 0 20px 0 0;
}
#block-dpuzyny-c2023fundacjadialoguimkonstantegopuzyny p {
	text-align: left;
}


h1 {
	padding: 0 0 0 40px;
	position: relative;
	height: auto;
}
h1:before {
	content: "";
	display: block;
	position: absolute;
	width: 19px;
	height: 40px;
	top: -8px;
left: 4px;
	background-image: url(../images/naglowek.png);
	background-size: contain;
}

.path-frontpage .region-content h1,
.path-frontpage .region-content h2 {
	padding: 44px 0 15px 40px;
	position: relative;
}
.path-frontpage .region-content h1:before,
.path-frontpage .region-content h2:before {
	content: "";
	display: block;
	position: absolute;
	width: 19px;
	height: 40px;
	top: 38px;
	left: 10px;
	background-image: url(../images/naglowek.png);
	background-size: contain;
}
#block-dpuzyny-breadcrumbs {
	padding: 0 0 0px 34px;
}
#block-dpuzyny-breadcrumbs li {
	display: inline-block;
	padding: 0 9px;
	position: relative;
}
#block-dpuzyny-breadcrumbs li:after {
	content: "/";
	font-size: 18px;
	color: #a9aea8;
	position: absolute;
	top: -5px;
	right: -6px;
	font-family: 'Roboto';
	font-weight: 500;
}
#block-dpuzyny-breadcrumbs li:last-child::after {
	display: none;
}

@media (min-width: 500px) {
	.widok-siatka > header a {
	  padding: 10px 60px 0 0;
	}
	.widok-siatka > header a:after {
		position: absolute;
		top: 14px;
		right: 0;
		content: "";
		display: block;
		background-image: url(../images/wiecej-czarna.png);
		background-size: contain;
		width: 34px; /* 44 */
		height: 18px; /* 23 */
	}
}

@media (min-width: 600px) {
	.region-top-content,
	.region-footer-top,
	.region-footer-bottom {
		padding: 0 40px;
	}
	#block-dpuzyny-oconamchodzi,
	#block-dpuzyny-pierwszepublikacje {
		padding: 0 0 25px 0;
	}
	.path-frontpage .region-content h1,
	.path-frontpage .region-content h2 {
		padding: 47px 0 12px 50px;
	}
	.path-frontpage .region-content h1:before,
	.path-frontpage .region-content h2:before {
		content: "";
		display: block;
		position: absolute;
		width: 19px;
		height: 40px;
		top: 42px;
		left: 10px;
		background-image: url(../images/naglowek.png);
		background-size: contain;
	}
	.widok-siatka > header a {
		padding: 14px 60px 0 0;
	}
	.widok-siatka > header a:after {
		position: absolute;
		top: 17px;
		right: 0;
		content: "";
		width: 34px; /* 44 */
		height: 18px; /* 23 */
	}
	.region-footer-top {
		padding-bottom: 30px;
	}
	.region-footer-bottom {
		padding-top: 30px;
	}
	.main-content  {
	  padding: 0 20px;
	}
	.widok-siatka .views-row {
		width: 80%;
		margin: 0 auto;
	}
}
 

@media (min-width: 768px) {
	#block-dpuzyny-breadcrumbs {
	  padding: 0 0 0px 54px;
	}
	main {
	  padding: 25px 0 40px 0;
	}
	.path-frontpage main {
		padding-top: 10px;
	}
	
	.main-content {
	  padding: 0 30px;
	}
	.widok-siatka {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 25px;
		grid-row-gap: 0px;
		padding: 0px;
	}
	.widok-siatka > nav.pager {
		grid-column: span 2;
	}
	
	.widok-siatka > header {
	  position: absolute;
	  top: -72px;
	  right: 10px;
	}
	.widok-siatka > header a {
		padding: 0 80px 0 0;
	}
	.widok-siatka > header a:after {
		position: absolute;
		top: 3px;
		right: 0;
		content: "";
		width: 44px;  
		height: 23px;  
	}
	.widok-siatka .views-row {
		width: 100%;
		padding-bottom: 40px;
	}
	footer {
	  padding: 0 30px 60px 30px;
	}
	.region-footer-top,
	.region-footer-bottom  {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
		padding: 60px 40px 30px 40px;
	} 
	.region-footer-bottom  {
		padding: 30px 40px 0px 40px;
	} 
	footer #block-dpuzyny-glownanawigacja {
	  padding: 0;
	}
	footer .region-footer-top #block-dpuzyny-kontakt {
		padding-top: 30px; 
	}
	h1 {
		padding: 8px 0 10px 60px;
		position: relative;
		height: auto;
	}
	h1:before {
		content: "";
		display: block;
		position: absolute;
		width: 30px;
		height: 64px;
		top: -24px;
		left: 6px;
		background-image: url(../images/naglowek.png);
	}
	.path-frontpage .region-content h1,
	.path-frontpage .region-content h2 {
		padding: 134px 0 0 60px;
		position: relative;
		height: 240px;
	}
	.path-frontpage .region-content h1:before,
	.path-frontpage .region-content h2:before {
		content: "";
		display: block;
		position: absolute;
		width: 41px;
		height: 87px;
		top: 106px;
		left: 0;
		background-image: url(../images/naglowek.png);
	}
	 
}

@media (min-width: 1025px) {
	#block-dpuzyny-banereknowy {
		padding-left: 25px;
	}
	 #block-dpuzyny-oconamchodzi {
		padding: 0 25px 0 5px;
	}
	.widok-siatka > nav.pager {
		grid-column: span 3;
	}
	.region-top-content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
		padding: 0px;
	}
	#block-dpuzyny-pierwszepublikacje {
		grid-column: span 2;
		padding: 30px 25px 30px 25px;
	}
	main {
	  padding: 35px 0 40px 0;
	}
	.path-frontpage main {
		padding-top: 10px;
	}
	.main-content  {
	  padding: 0 40px;
	}
	.widok-siatka  {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 25px;
		grid-row-gap: 0px;
		padding: 0px;
	}
	.widok-siatka  .views-row {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 40px;
	}
	footer {
	  padding: 30px 30px 50px 30px;
	}
	.region-footer-top  {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	#block-dpuzyny-glownanawigacja {
		padding: 0 0 0 30px;
	}
	#block-dpuzyny-c2023fundacjadialoguimkonstantegopuzyny p {
		text-align: right;
	}
	footer .region-footer-top #block-dpuzyny-kontakt {
	  padding-top: 0;
	}
	footer #block-dpuzyny-glownanawigacja h2 {

	}

	.region-footer-bottom  {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}

}
	
@media (min-width: 1321px) {
	#block-dpuzyny-oconamchodzi {
		padding: 0 50px 0 30px;
	}
	main {
	  padding: 45px 0 40px 0;
	}
	.path-frontpage main {
		padding-top: 10px;
	}
	.widok-siatka  {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 30px;
		grid-row-gap: 0px;
		padding: 0px;
	}
	.widok-siatka.zeszyty  {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-column-gap: 80px;
		grid-row-gap: 0px;
		padding: 0px;
		margin: unset;
	}
	h1 {
	  padding: 14px 0 10px 60px;
	}
	h1::before {
	  content: "";
	  display: block;
	  position: absolute;
	  width: 34px;
	  height: 72px;
	  top: -24px;
	  left: 6px;
	  background-image: url(../images/naglowek.png);
	}

	.main-content {
	  padding: 0 70px;
	}

}
	
@media (min-width: 1440px) {
	.region-top-content,
	.main-content  {
	  width: 1300px;
	  margin: 0 auto;
	  padding: 0;
	}
	.widok-siatka  {
		grid-column-gap: 30px;
	}
	.widok-siatka.zeszyty  {
		grid-column-gap: 110px;
	}
	footer {
	  padding: 30px 30px 30px 30px;
	}
	.region-footer-top, 
	.region-footer-bottom  {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 2fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}
	.region-footer-bottom  {
		grid-template-columns: 1fr 1fr;
	}
}


@media (min-width: 1560px) {
	main {
	  padding: 55px 0 40px 0;
	}
	.path-frontpage main {
		padding-top: 10px;
	}
	.region-top-content,
	.main-content {
	  width: 1420px;
	}
	.widok-siatka  {
		grid-column-gap: 30px;
	}
	.widok-siatka.zeszyty  {
		grid-column-gap: 140px;
	}

}


/* NODE - formatowanie */

 .class-zeszyt {
 	padding: 5px 0 2px 0;
 }
 
 .class-zeszyt > div {
 	display: inline-block;
 }
  .class-zeszyt .abel:after {
  	content: ":";
  	display: inline-block;
  	padding: 0 6px 0 0;
 }

 .art-autor-data {
 	padding: 0;
 }
  .art-autor-data > div,
    .art-autor-data div  {
  	display: inline-block;
  	padding-left: 12px;
  }
    .art-autor-data span > div {
    	padding: 0;
    }

 .art-autor-data > span {
 	position: relative;
 }

.art-autor-data > span::after {
  content: "/";
  font-size: 22px;
  color: #a9aea8;
  position: relative;
  top: 3px;
  right: -9px;
  font-family: 'Roboto';
  font-weight: 500;
}
.article-container {
	padding-top: 20px;
}
.article-container-zeszyt {
	 
}

.zeszyt-lewe {
	grid-column-start: 1;
  grid-column-end: 2;
}

 .zeszyt-prawe {
  padding-top: 30px;
  display: block;
}

.class-kup-online {
	padding: 20px 0 0 0;
}

.class-kup-online a {
	display: inline-block;
	padding: 16px 90px 13px 36px;
	background-color: #818e6b;
	color: #fff;
	position: relative;
}

.class-kup-online a:after {
	width: 33px;
	height: 17px;
	content: "";
	display: block;
	position: absolute;
	right: 32px;
	top: 24px;
	background-image: url(../images/btn-online.png);
}

@media (min-width: 768px) {
	.article-container-zeszyt {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr; 
	grid-column-gap: 25px;
}
.class-kup-online {
	padding: 30px 0 0 0;
}
.class-kup-online a {
	display: inline-block;
	padding: 22px 92px 20px 46px;
	background-color: #818e6b;
	color: #fff;
	position: relative;
}
.class-kup-online a::after {
  content: "";
  display: block;
  position: absolute;
  right: 32px;
  top: 30px;
}

.zeszyt-prawe {
	grid-column-start: 2;
  grid-column-end: 5;
  padding-top: 0;
}
}

.search-results .views-row {
	padding: 10px 0;
}

.search-results .views-row .wyniki-lewe {
	float: left;
	width: 220px;
	padding: 0 30px 0 0;
}

.search-results .views-row .wyniki-prawe {
	float: left;
	width: 70%;
}


@media (min-width: 1025px) {
	.article-container-zeszyt {
	grid-column-gap: 40px;
}
}

/* COOKIE */


div#sliding-popup {
    background-color: rgba(0,0,0,0.8);
    width: 100%;
}
.eu-cookie-compliance-content {
    margin: 0 auto;
    max-width: 90%;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.eu-cookie-compliance-message {
    margin: 10px 0 0 0;
    max-width: 100%;
    width: 100%;
}
.eu-cookie-compliance-message p {
	font-size: 12px;
	color: #fff;
	line-height: 1.2;
	padding: 0;
	margin: 0;
	font-weight: 300;
	display: inline-block;
	text-align: center;
}
button.find-more-button {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	width: auto;
	height: 20px;
	font-size: 12px;
	margin: 0;
	padding: 2px 8px 2px 0;
	line-height: 1;
	font-weight: 500;
	display: inline-block;
}
.eu-cookie-compliance-buttons {
    margin: 0px 0 2px 0;
    width: 100%;
    max-width: 100%;
}
#popup-buttons button {
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: rgba(255,255,255,1);
	width: auto;
	height: 20px;
	font-size: 12px;
	display: inline-block;
	margin: 0;
	padding: 0px 8px 0px 8px;
	line-height: 1;
	background-image: none;
	box-shadow: unset;
	text-shadow: unset; 
}
.eu-cookie-compliance-default-button {
	font-weight: 300;
}
#popup-buttons button.agree-button {
	font-weight: 600;
	text-decoration: underline;
}
.eu-cookie-compliance-more-button {
	text-decoration: none;
}