/* Informacja na stronie startowej */

.main_srodek .modul-start-informacje {
	font-family: var(--main-font);
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 300;
	color: #3e2508;
	padding: 64px 40px 64px 208px;
	background: #eeeeee url(../grafika/stowarzyszenie.png) left 36px center no-repeat;
	border-radius: 8px;
}
.main_srodek .modul-start-informacje .modul-start-informacje-tytul {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 800;
	color: #3e2508;
}

@media all and (min-width: 320px) and (max-width: 639px) {
	.main_srodek .modul-start-informacje {
		padding: 264px 16px 32px 16px;
		background: #eeeeee url(../grafika/stowarzyszenie.png) center top 32px no-repeat;
	}
}

/* Aktualności startowe */

.modul-start-aktualnosci-startowe {
	flex: 0 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0px 24px;
	margin: 0px auto 0px;
	background: #ffffff;
}
.modul-start-aktualnosci-startowe .modul-start-aktualnosci-startowe-tytul {
	flex: 0 0 100%;
	font-family: var(--tytul-font);
  font-size: 2.4rem;
  line-height: 2.8rem;
  font-weight: 600;
	color: #3e2508;
	text-decoration-color: transparent;
	padding: 0px 0px 16px;
	margin: 0px 0px 0px 0px;
	display: flex;
}
.modul-start-aktualnosci-startowe .artykuly {
	flex: 1 1 100%;
	max-width: 100%;
	display: flex;
  flex-wrap: wrap;
	justify-content: center;
	gap: 48px 0px;
	padding: 0px;
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo {
	flex: 1 1 100%;
  max-width: 100%;
  margin: 0px 0px 0px 0px;
	padding: 0px 0px 16px 0px;
  text-align: left;
	display: flex;
	align-items: flex-start;
	gap: 0px 56px;
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo::before {
	content: "";
	width: 2px;
	height: 100%;
	background: #4ec0f1;
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo {
	flex: 0 0 150px;
	aspect-ratio: 1.5 / 1.5;
	display: flex;
	margin: 16px 0px 0px 0px;
	overflow:  visible;
	position: relative;
	border-radius: 50%
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo::before {
	content: "";
  position: absolute;
	z-index: 5;
  inset: auto auto -6px -38px;
  width: 113px;
  height: 98px;
  background: url(../grafika/aktiko.png) center center no-repeat;
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo::after {
	content: "";
	position: absolute;
	z-index: 5;
	inset: -6px auto auto -6px;
	width: 100%;
	height: 100%;
	border: 6px solid #f7931e;
	border-radius: 50%
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo .aktualnosci-ikona {
  flex: 1 1 auto;
  transition: 0.3s;
  transform: scale(1);
  background-size: cover !important;
  background-position: center center !important;
	border-radius: 50%
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo .strona-ikona-blur	{
	display: block !important;
	position: absolute !important;
	transform: scale(1) !important;
	width: 138px !important;
	height: 138px !important;
	margin-top: 0px !important;
	border-radius: 50%;
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo:hover .aktualnosci-ikona {
	transform:scale(1.07);
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-tresc-tlo {
  flex: 1 1;
	max-width: 100%;
  position: relative;
	padding: 0px 0px;
  margin: 14px 0px 0px 8px;
	background: none;
	display: flex;
	flex-direction: column;
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-tresc-tlo .aktualnosci-data {
	display: flex;
	align-items: center;
	font-family: var(--aktualnosci-data-font);
	font-size: var(--aktualnosci-data-font-size);
	line-height: var(--aktualnosci-data-line-height);
	font-weight: var(--aktualnosci-data-font-weight);
	color: var(--aktualnosci-data-color);
	padding: 0px 0px;
	margin: 0px 0px 4px 0px;
}
.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-tresc-tlo .strona-tytul2 a {
	display: block;
	font-family: var(--aktualnosci-tytul-font);
  font-size: var(--aktualnosci-tytul-font-size);
  line-height: var(--aktualnosci-tytul-line-height);
  font-weight: var(--aktualnosci-tytul-font-weight);
	color: var(--aktualnosci-tytul-color);
	margin: 0px 0px 0px 0px;
}

@media all and (max-width: 1023px) {
	.modul-start-menu	{
		display: none;
	}
}

@media all and (min-width: 320px) and (max-width: 639px) {
	.modul-start-aktualnosci-startowe {
		flex: 0 1 100%;
		justify-content: center;
		padding: 0px;
		margin: 0px auto;
	}
	.modul-start-aktualnosci-startowe .modul-start-aktualnosci-startowe-tytul	{
		position: static;
		justify-content: center;
		width: 100%;
		padding: 24px;
	}
	.modul-start-aktualnosci-startowe .artykuly {
		padding: 0px;
		margin: 0px 0px;
		border: none;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo {
		flex: 1 1 100%;
		max-width: unset;
		flex-direction: column;
		gap: 16px 0px;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo {
		flex: 0 1 auto;
		width: 96%;
		margin: 0px auto;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo::before {
		display: none;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo .strona-ikona-blur	{
		display: none !important;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-tresc-tlo {
		margin: 0px 16px;
	}
	.modul-start-aktualnosci-startowe a.aktualnosci_powrot, a.aktualnosci-powrot {
		font-size: 16px !important;
		padding: 16px 28px 16px;
	}
}
@media all and (min-width: 640px) and (max-width: 1023px) {
	.modul-start-aktualnosci-startowe {
		justify-content: center;
		padding: 24px 16px 0px;
		margin: 0px auto 0px;
	}
	.modul-start-aktualnosci-startowe .modul-start-aktualnosci-startowe-tytul	{
		position: static;
		justify-content: center;
		width: 100%;
		padding: 24px;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo {
		flex: 1 1 calc(50% - 12px) !important;
		max-width: calc(50% - 12px) !important;
		flex-direction: column;
		gap: 16px 0px;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo {
    flex: 0 1 auto;
    width: 100%;
    margin: 0px;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo::before {
		display: none;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-ikona-tlo .strona-ikona-blur	{
		display: none !important;
	}
	.modul-start-aktualnosci-startowe .artykuly .aktualnosci-tlo .artykul-tresc-tlo {
		margin: 0px 0px;
	}
	.modul-start-aktualnosci-startowe .aktualnosci-agregator-tlo {
		position: relative;
		top: unset;
	}
}

/* Galerie */

.modul-start-galerie {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0px 0px 0px;
	margin: 0px auto 0px;
}
.modul-start-galerie .modul-start-galerie-tytul {
	font-family: 'Lora', sans-serif;
	font-size: 2.4rem;
	line-height: 2.8rem;
	text-align: left;
	font-weight: 400;
	color: #065124;
	text-decoration-color: transparent;
	padding: 0px 0px 24px 8px;
	margin: 0px;
}
.galeria-modul-zawartosc {
	flex: 0 0;
	width: 100%;
	padding: 0px 0px 0px;
	margin: 0px;
	display: flex;
}
.galeria-modul-lista	{
	flex: 1 1;
	display: flex;
	flex-wrap: wrap;
	gap: 16px 16px;
}
.galeria-modul-lista > * {
	flex: 0 1 calc(50% - 8px);
	height: 200px;
	max-height: 200px;
	display: flex;
	padding: 8px;
	margin: 0px;
	text-decoration-color: transparent;
	overflow: hidden;
	background: #fff;
}
.galeria-modul-lista .galeria-modul-odnosnik figure, .galeria-modul-lista .galeria-modul-odnosnik figure .galeria-modul-foto-mini-tlo {
	position: relative;
	flex: 1 1;
  height: inherit;
  height: 180px;
	display: flex;
	justify-content: center;
	margin: 0px;
	border: 2px solid #efefef;
}
.galeria-modul-lista .galeria-modul-foto-mini {
	flex: 1 1;
	margin: 0px 0px 0px 0px;
	aspect-ratio: 1.44 / 1.6;
	background-position: center center;
  background-repeat: no-repeat;
	background-size: cover;
	opacity: 1;
	font-size: 0px !important;
}
.galeria-modul-lista figcaption {
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	font-family: 'Ubuntu', sans-serif;
	font-size: 1.6rem;
	line-height: 2rem;
	text-align: center;
	font-weight: 300;
	color: #fff;
	text-decoration-color: transparent;
	padding: 28px 16px 0px;
	margin: 0px 0px 0px 0px;
	background: rgba(6, 82, 36, 0.89);
	border-bottom: 28px solid transparent;
	opacity: 0;
	transition: 0.3s;
}
.galeria-modul-lista .galeria-modul-obiekt:hover figcaption	{
	opacity: 1;
}
.galeria-modul-btns {
	position: absolute;
	right: 0px;
	top: 0px;
	display: flex;
	margin: 0px 0px 0px 0px;
}
.galeria-modul-btns .btn-modul {
	flex: 0 0 100%;
	min-width: 104px;
	position: relative;
  text-decoration-color: transparent;
	padding: 0px 0px 0px;
	margin: 0px;
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: none;
	border: none !important;
}
.galeria-modul-btns .btn-modul:after {
	content: "";
	width: 9px;
	height: 12px;
	background: url(../grafika/astr.png) center center no-repeat;
}
.galeria-modul-btns em::before {
	display: none;
}
.modul-start-galerie .galeria-modul-btns input {
	position: relative;
	z-index: 1;
	flex: 1 1;
	font-family: var(--tresc-font) !important;
  font-size: 1.4rem !important;
	line-height: 1.8rem !important;
  font-weight: 400 !important;
  color: #6c6c6c !important;
	text-align: center;
  text-decoration-color: transparent;
	padding: 0px 0px 0px 0px !important;
	margin: 0px !important;
	transition: 0.3s;
  background: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center;
	max-height: none !important;
	border: none !important;
}
.galeria-modul-btns .btn-galeria-modul-lista:hover {
	opacity: 0.65;
}

/* Jak nas znaleźć */

.mapa_dojazdu_tytul {
	display: block;
	font-family: 'Lora', sans-serif;
	font-size: 2.4rem;
	line-height: 2.8rem;
	text-align: left;
	font-weight: 400;
	color: #065124;
	text-decoration-color: transparent;
	padding: 0px 0px 24px 8px;
	margin: 0px;
}
.mapa_dojazdu > div {
	width: 100%;
	background: #fff;
	padding: 8px;
}
.mapa_dojazdu > div > div {
	padding: 8px;
	border: 2px solid #efefef;
}
.mapa_dojazdu > div > div > iframe {
	width: 100%;
	height: 376px;
}