/* 
Theme Name: Turulo
Theme URI: koncept404.pl
Author: Adrian Turulski
Author URI: turulo.pl/
Description: Motyw firmowy
Version: 1.0 
*/

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

@import url("https://use.typekit.net/pyp2ktg.css");

html{
	scroll-behavior: smooth;
	margin-top: 0 !important;
}

/*-----------------------------------------------------------
	Table
-------------------------------------------------------------*/

tr,
td {
	border: 1px solid #eaeaea;
}

td {
	padding: 15px;
}

table {
	width: 100%;
	display: block;
	overflow: overlay;
	border-spacing: 0px;
}

/*-----------------------------------------------------------
	Fonts
-------------------------------------------------------------*/

@media (max-width: 991px) {
	iframe {
		width: 100%;
	}
}

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

h1{
	
}

h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3;
	color: #1A1A1A;
	margin-bottom: 0;
	font-weight: 600;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

h2 {
	font-size: calc(16px + (25 - 16) * ((100vw - 1024px) / (1920 - 1024)));
}

h3 {
	font-size: 27px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: calc(16px + (18 - 16) * ((100vw - 1440px) / (1920 - 1024)));
}

ul {
	margin-bottom: 1rem;
	padding-left: 30px;
}

body {
	font-family: "NotoSans";
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
	margin: 0;
	color: #1A1A1A;
	overflow-x: hidden;
	width: calc(100% + var(--scrollbar-width));
	transition: .3s !important;
}







span.nowrap {
	white-space: nowrap;
}

body p {
    margin-top: 0;
}

a {
	color: #1A1A1A;
	text-decoration: none;
	transition: all 0.3s;
}

.small,
small {
	display: block;
}


/* Styl dla linków w stanie focus lub hover */

:focus{
	outline: 0px solid black; /* Zielona obramówka */
    outline-offset: 0px; /* Przesunięcie obramówki na zewnątrz */
	transition: none !important;
}

.accessibility-on a:hover,
.accessibility-on a:focus {
    text-decoration: none;
}

.accessibility-on a:focus {
    outline-offset: 2px; /* Przesunięcie obramówki na zewnątrz */
}

.accessibility-on :focus,
.accessibility-on :focus-visible {
    outline: 2px solid black; /* Zielona obramówka */
    outline-offset: 4px; /* Przesunięcie obramówki na zewnątrz */
	transition: none !important;
}

/* Pokaż obramowanie tylko, gdy użytkownik używa klawiatury */
.accessibility-on a:focus-visible {
    outline: 2px solid black; /* Zielona obramówka */
    outline-offset: 4px; /* Przesunięcie obramówki na zewnątrz */
	transition: none !important;
}

/* Ukryj obramowanie tylko dla myszki, ale zachowaj `focus-visible` */
.accessibility-on a:focus:not(:focus-visible) {
    outline: none;
}

/* Efekt hover (przy najechaniu myszą) */
.accessibility-on a:hover {
    outline: none;
}

.accessibility-on button.search-submit{
	width: 25px;
}

.accessibility-on button.search-submit:focus{
	border-radius: 25px;
}

.accessibility-on .post-loop a:focus,
.accessibility-on .carousel-arrows .slick-prev:focus, 
.accessibility-on .carousel-arrows .slick-next:focus,
.accessibility-on .post-title a:focus,
.accessibility-on .karuzela-wpisow .post-thumbnail a:focus {
    transition: none !important;
    display: block;
    position: relative;
    border: 2px solid black;
	outline: none;
}



.carousel-arrows button:focus {
	outline: none; /* Usuwa focus */
}
  
.carousel-arrows button:focus:not(:focus-visible) {
	outline: none; /* Usuwa focus dla kliknięcia myszą */
}








.accessibility-on #preloader{
	display: none;
}

.accessibility-on .post-loop.three-col .support-wrapper-post .post-category{
	opacity: 1 !important;
}



.accessibility-on .post-loop.two-col .post-item .post-thumbnail img{
	display: block;
}

.accessibility-on .header-wrapper{
	position: absolute !important;
}

.accessibility-on .second-icon a,
.accessibility-on .post-category a,
.accessibility-on .menu-desktop ul.menu a,
.accessibility-on .accessibility-wrapper{
	transition: none !important;
}


  

/*-----------------------------------------------------------
	WSPÓLNE WARTOŚCI
-------------------------------------------------------------*/

.header,
.section-width {
	padding: 4vw;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a span,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a, 
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button {
    text-decoration: none !important;
}




/*-----------------------------------------------------------
	HEADER WRAPPER
-------------------------------------------------------------*/
/*-----------------------------------------------------------
	WYSZUKIWARKA
-------------------------------------------------------------*/

.header-wrapper .search {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-wrapper .search-form {
    display: flex;
    align-items: center;
	border: 1px solid #BFBFBF;
    box-sizing: border-box;
    width: 20.00vw;
}

.top-h1,
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.header-wrapper .search-field {
    flex-grow: 1;
    border: none;
    background: none;
    font-size: 16px;
    outline: none;
    color: #333;
}

.header-wrapper .search-submit {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
}

.support-access-wrapper{
	position: relative;
	display: flex;
	align-items: center;
	gap: 1vw;
}

#accessibility-wrapper{
	position: relative;
	display: flex;
	align-items: center;
	gap: 1vw;
}



.second-icon a,
.accessibility-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #BFBFBF;
    border-radius: 30px;
	cursor: pointer;
	transition: .5s !important;
}

.second-icon a:hover,
.accessibility-wrapper:hover{
	border: 1px solid #707070;
}

#accessibility-status {
	transition: opacity 0.3s ease-in-out;
	z-index: 1000;
	opacity: 0;
}

#accessibility-wrapper:hover #accessibility-status,
#accessibility-status:hover,
#accessibility-status.show {
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}

#accessibility-status p{
	margin: 0;
	color: #6B6B6B;
}


.line{
	width: 100%;
	height: 1px;
	background-color: #BFBFBF;
}

.switcher a{
	color: #6B6B6B;
}

.switcher a:hover{	
	color: #BFBFBF;
}

/*-----------------------------------------------------------
	HEADER
-------------------------------------------------------------*/



.header-wrapper {
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
	transition: .7s;
	background-color: white;
	width: calc(100% + var(--scrollbar-width));
}

.header {
	width: 100%;
    display: grid;
    grid-template-columns: 28.00vw 60.00vw;
    gap: 4vw;
	margin: 0 auto;
	transition: .5s;
	position: relative;
	padding: 4vw;
}

.part-left.parts{
	width: 24.00vw;
}

.part-right.parts {
    width: 60vw;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1.32vw;
}

.part-left.parts a {
	display: block;
}

.part-left.parts img{
	/* H:53-138; */
}

.logo img {
    width: 100%;
    height: auto;
}

.menu-desktop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-desktop ul.menu{
    display: flex;
    justify-content: space-between;
	gap: 4.60vw;
	list-style: none;
	padding-left: 0;
	position: relative;
	margin: 0;
}

.menu-desktop ul.menu li {
    position: relative;
    display: flex;
    align-items: center;
}

.menu-desktop ul.menu a{
    transition: .3s !important;
}

.menu-desktop ul.menu li a {	
	font-size: 24px;
	color: #1A1A1A;
    padding: 0;
}

.menu-desktop ul.menu li:hover a {	
	color: #BFBFBF;
}





.menu-desktop ul.menu li:hover,
.menu-desktop ul.menu a:hover{
	opacity: 1;
	color: #BFBFBF;
}

.menu-desktop ul.menu li.menu-item-has-children:after{
	content: '';
	background-image: url("/wp-content/themes/turulo/images/IRJR_web_assets_dropdown_menu.svg");
	position: absolute;
	transition: .2s;
}

.menu-desktop ul.menu li.menu-item-has-children:hover:after{
	transform: rotate(-180deg);
}

.menu-desktop ul.menu li.menu-item-has-children:before {
    content: '';
    width: 20px;
    height: 59px;
    background-color: #F0F0F0;
    border-radius: 14px;
    position: absolute;
    opacity: 0;
	top: 45px;
    left: 0;
	transition: .3s;
}

.menu-desktop ul.menu li.menu-item-has-children:hover:before{
	top: 29px;
	opacity: 1;
}

/* Drugi poziom */

.menu-desktop ul.menu li ul {
    position: absolute;
	top: 47px;
    left: 0;
    width: 16.00vw;
	min-width: 190px;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: .3s !important;
    list-style: none;
    padding-left: 0;
    background-color: #F0F0F0;
    border-radius: 10px;
	padding-bottom: 10px;
	padding-top: 0;
	margin: 0;
	z-index: 20;
}



.menu-desktop ul.menu li ul li {
    padding: 0 20px 10px;
}

.menu-desktop ul.menu li ul li a{
    font-weight: 300;
	color: #6B6B6B !important;
}


.menu-desktop ul.menu li ul li a:focus,
.menu-desktop ul.menu li ul li:hover a{
	color: #1A1A1A !important;
}



.menu-desktop ul.menu li.menu-item-has-children a:before {
    content: '';
    position: absolute;
    width: 150px;
    height: 47px;
    left: 0;
    top: 20px;
}

.menu-item-has-children:focus-within .sub-menu,
.menu-desktop ul.menu li:hover ul{
	max-height: 500px;
	opacity: 1;
	visibility: visible;
	padding-top: 20px;
}


/*-----------------------------------------------------------
Overlay menu
-------------------------------------------------------------*/

.overlay-section {
    display: flex;
    align-items: center;
    top: 0;
    left: -100%;
    z-index: 999;
    width: 100%;
    transition: all 1s;
    height: 100vh;
    position: fixed;
    overflow: overlay;
    background-color: #ffffff;
    flex-direction: column;
}

.overlay-section.active {  
	left: 0;
}

.overlay-section .section-width {
    padding: 44.69vw 5.31vw 28.75vw;
    margin: 0;
    height: 100%;
}

.overlay-section .section-content {
	visibility: hidden;
	opacity: 0;
	position: relative;
	transition: all 1s;
	transition-timing-function: ease;
	text-align: left;
	margin: auto;
}

.overlay-section .section-content.active {
	visibility: visible;
	opacity: 1;
	right: 0;
	overflow: auto;
}

.overlay-section .section-content .foot-menu ul.menu-bottom{
	min-height: 700px;
}

.overlay-section .foot-menu ul.menu-bottom li a{
	font-size: 24px;
}

.overlay-section .foot-menu ul.menu-bottom li.menu-item ul{
	padding-left: 65px;
}

.overlay-section .foot-menu ul.menu-bottom li.menu-item ul li:before{
	width: 50.59px;
	height: 16.63px;
}




/*---------------------------------------------
	Page header
---------------------------------------------*/

/*---------------------------------------------
	SLIDER
---------------------------------------------*/

/*-----------------------------------------------------------
	Home Content wrapper
-------------------------------------------------------------*/

/*-----------------------------------------------------------
	Content wrapper
-------------------------------------------------------------*/

.error404 .content-wrapper,
.page .content-wrapper{
	/*margin-top: 115px;*/
	position: relative;
}

/*-----------------------------------------------------------
	SECTION COMMON
-------------------------------------------------------------*/


.section {
    width: 100%;
	padding: 0;
	position: relative;
	z-index: 1;
}

.section-width{
	width: 100%;
	margin: auto;
}

.section .text-editor p:last-child{
	margin: 0;
}

.section ul{
	margin-top: 0;
}


/*-----------------------------------------------------------
	ANIMACJE
-------------------------------------------------------------*/

/*Dla postów w aktualnościach */

.post-thumbnail-wrapper{
	position: relative;
}

.post-loop .post-item .post-thumbnail {
	overflow: hidden;
}


/* Maskowanie */

.masks{
	position: absolute;
	background-color: white;
	transition: .3s;
}

.masks.mask1:before,
.masks.mask1::after,
.masks.mask2:before,
.masks.mask2::after {
    content: '';
    position: absolute;
    background-color: white;
    z-index: 1;
	opacity: 0;
	transition: .3s !important;	
}

.mask1:before{
	top: 0;
	left: 0;
	transform: translate( -50%, -50%) !important;
}

.mask1:after{
	top: 0;
	right: 0;
	transform: translate( 50%, -50%) !important;
}

.mask2:before{
	bottom: 0;
	left: 0;
	transform: translate( -50%, 50%) !important;
}

.mask2:after{
	bottom: 0;
	right: 0;
	transform: translate( 50%, 50%) !important;
}

.post-thumbnail-wrapper:hover .masks:before,
.post-thumbnail-wrapper:hover .masks:after{
	transform: translate( 0, 0) !important;
	opacity: 1;
}




.mask1,
.mask2{
	width: 100%;
	height: 0;
	left: 0;
}

.mask1{
	top: 0;
}

.mask2{
	bottom: 0;
}

.mask3,
.mask4{
	width: 0;
	height: 100%;
	top: 0;
}

.mask3{
	left: 0;
}

.mask4{
	right: 0;
}



/* Obrazek i ramka */

.support-wrapper-post{
	position: relative;
}

.post-loop.three-col .support-wrapper-post,
.post-loop.three-col .support-wrapper-post a{
	position: relative;
	width: 100%;
}




.post-loop.three-col .animation-wrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s !important;
	overflow: hidden;
	border: 1px solid white;
}

.post-loop.three-col .post-item .post-thumbnail-wrapper:hover .animation-wrapper{
	border: 10px solid white;
}




.post-loop.three-col .post-item .post-thumbnail img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate( -50%, -50% ) scale(1) !important;
	transition: .3s !important
}

.post-loop.three-col .post-item .post-thumbnail:hover img{
	transform: translate( -50%, -50% ) scale(1.05) !important;
}



/* Przycisk */

.post-loop.three-col .support-wrapper-post .post-category{
	position: absolute;
    opacity: 0 !important;
	transition: .3s !important;
}

.post-loop.three-col .post-category-wrapper.active .post-category,
.post-loop.three-col .post-category-wrapper:hover .post-category,
.post-loop.three-col .support-wrapper-post:hover .post-category{
	opacity: 1 !important;
}






/* Tekst, opis, data */

.meta a,
.meta p,
.meta .post-date{
	opacity: 1 !important;
	transition: .3s !important;
}

.post-loop .meta:hover .post-title,
.post-loop .meta:hover .excerpt,
.post-loop .meta:hover .excerpt a,
.post-loop .meta:hover .post-date{
	color: #1A1A1A;
	opacity: .5 !important;
}



/* Strzałki w przyciskach */

/* Kontenery */

.arrow,
.navigation-post a,
.post-slide button.slick-arrow,
.carousel-arrows button.slick-arrow{
	border-radius: 50%;
	overflow: hidden;
}

.navigation-post a,
.carousel-arrows button.slick-arrow{
	background-color: #6B6B6B;
}

#lightbox .arrow,
.post-slide button.slick-arrow{
	background-color: #F0F0F0;
}

.mt .arrow-and-cat .arrow,
.kategorie-osob-tworcy .post-loop.two-col-six .arrow,
.kategorie-osob-tworcy .category-baza-wiedzy .navigation-post a,
.page-id-17157 .post-loop.two-col-six .arrow, 
.page-id-17157 .category-baza-wiedzy .navigation-post a {
    background-color: #6B6B6B;
}

.arrow-and-cat .arrow{
	background-color: #6B6B6B;
	cursor: pointer;
}

#loop-type-2.section.loop .arrow-and-cat .arrow{
	background-color: #F0F0F0;
}

/* strzałki */

.slick-prev:before, 
.slick-next:before{
	display: none;
}

.navigation-post a img,
.arrow img,
.carousel-arrows button.slick-arrow img{
	position: relative;
	transition: .3s !important;
}

.arrow-wrap .arrow.left img,
.navigation-post a.nav-prev img,
.carousel-arrows button.slick-prev.slick-arrow img{
	right: 0;
}

.arrow-wrap .arrow.left:hover img,
.navigation-post a.nav-prev:hover img,
.carousel-arrows button.slick-prev.slick-arrow:hover img{
	right: 15%;
}

.arrow-and-cat .arrow img,
.arrow-wrap .arrow.right img,
.navigation-post a.nav-next img,
.carousel-arrows button.slick-next.slick-arrow img{
	left: 0;
}

.post-loop.two-col-six .post-item .arrow-and-cat .arrow img:hover,
.post-loop.two-col .post-item .arrow-and-cat .arrow img:hover,
.arrow-wrap .arrow.right:hover img,
.navigation-post a.nav-next:hover img,
.carousel-arrows button.slick-next.slick-arrow:hover img{
	left: 15%;
}

.navigation-post.violet a.nav-prev img{
	transform: rotate(-180deg) !important;
}



/* Buttony */

.post-category .gwary-main-btn,
.subtitle span,
.post-category a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #6B6B6B;
    background-color: #F0F0F0;
    transition: .3s !important;
    position: relative;
    z-index: 5;
}

.subtitle span{
	border-radius: 23px;
	/* P:5-11 15-22;*/
	float: right;
}

.post-category a:hover,
.loop .post-category:hover a,
.post-loop .post-category:hover a{
	color: rgba(107, 107, 107, .5) !important;
}

.post-category a.clicked,
.loop .post-category a.clicked,
.post-loop .post-category a.clicked{
	color: #F0F0F0 !important;
	background-color: #6B6B6B;
}

.kategorie-osob-tworcy .post-loop.two-col-six .support-wrapper-post .post-category a.clicked,
.kategorie-osob-tworcy .post-loop.two-col-six .support-wrapper-post .post-category:hover a,
.page-id-17157 .post-loop.two-col-six .support-wrapper-post .post-category a.clicked,
.page-id-17157 .post-loop.two-col-six .support-wrapper-post .post-category:hover a{	
	color: rgba(107, 107, 107, 1) !important;
	background-color: #F0F0F0;
}

/* Programy animacja RepetitionHoverEffect */

.image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
	cursor: pointer;
}

.image__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transform-origin: center;
    transform: scale(1); /* Wszystkie warstwy zaczynają od normalnego rozmiaru */
    transition: transform .8s ease; /* Spowolniona animacja */
	cursor: pointer;
}

.image a img {
    display: none; /* Ukrywamy główny obrazek */
}


/* Baza wiedzy animacje */

.post-loop.two-col-six .post-thumbnail{
	overflow: hidden;
}

.post-loop.two-col-six .post-thumbnail img{
	transform: scale(1);
	transition: .4s !important;
}

.post-loop.two-col-six .post-item:hover .post-thumbnail img{
	transform: scale(1.1) !important;
}

.post-loop.two-col-six .support-wrapper-post .post-category-wrapper{
	position: absolute;
	z-index: 1;
    right: 0;
    bottom: 2vw;
}


/* Słownik pojęć */

.sj .post-category a.clicked,
.post-loop.two-col-six .post-item .post-category a.clicked{	
	color: #FFFFFF !important;
	background-color: #990066 !important;
}

.sj .post-category a {
    background-color: rgba(153, 0, 102, .1);
    color: #990066;
}

.sj .navigation-post .nav-prev img{
	transform: rotate(-180deg) !important;
}

.sj .post-category a{
	background-color: rgba(153, 0, 102, .1);
}

.sj .post-category a.filter-button.active {
	background-color: #990066;
	color: #F0F0F0;
}

.sj .post-category a.filter-button.active:hover,
.post-loop.two-col-six .support-wrapper-post .post-category:hover a.filter-button{	
	color: rgba(153, 0, 102, .5) !important;
	background-color: rgba(153, 0, 102, .1);
}

.page-template-slownik-pojec .sj .post-category a.filter-button.active:hover{
	background-color: #990066;
	color: rgba(240, 240, 240, .5) !important;
}

.sj .post-loop.two-col-six .post-category a {
    color: #990066 !important;
    background-color: rgba(153, 0, 102, .1);
}

.sj .post-loop.two-col-six .post-category a:hover {
	color: rgba(153, 0, 102, .5) !important;
}

.sj .post-loop.two-col-six .arrow,
.category-slownik-pojec .navigation-post a{
	background-color: #990066;
}


/*-----------------------------------------------------------
	Page top section
-------------------------------------------------------------*/

#top-section.section .section-width{
	padding-bottom: 0;
}

#top-section.section .twins{
	display: grid;
	grid-template-columns: 28.00vw 60.00vw;
	gap: 4vw;
	padding-bottom: 4vw;
}

.archive #top-section.section .twins{
	padding-bottom: 0;
}

#top-section.section.search .col-right p{
	color: #6B6B6B;
	margin-bottom: 1vw;
}

#top-section.section.search h1{
	color: #6B6B6B;
	font-style: italic;
}



#search-results.section.loop {
    padding: 0 4vw 0;
}

#search-results.section.loop .post-item {
    padding: 1vw 0 2vw;
    border-bottom: 1px solid #F0F0F0;
    width: 44.00vw;
}

#search-results.section.loop .post-item:last-child{
	border: none !important;
}

#search-results.section.loop .post-loop {
    grid-template-columns: 100%;
    gap: 0;
}

#search-results.section.loop .section-content{
	display: grid;
	grid-template-columns: 28.00vw 60.00vw;
	gap: 4vw;
	padding-bottom: 2vw;
}





/* Osoby */

.osoby-template-default .page-meta h1{
	margin-bottom: 1vw;
}

.post-thumbnail.special,
.post-thumbnail.special img{
	width: 12vw;
	height: 12vw;
	object-fit: cover;
    border-radius: 50%;
	margin: 0;
}

.post-thumbnail.special{
	margin-top: 2.00vw;
	display: none;
}

.pro .twins .col-right,
.top-similiar .twins.one .col-right,
.top-team .twins .col-right {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.twins .col-right .navigation-post{
	display: flex;
	gap: 4vw;
}

#top-section.section.bb.top-similiar .twins.one{
    border: none;
	padding-bottom: 2vw;
}

.top-similiar .twins.two .col-left{
	padding-left: 8vw;
}

.top-similiar .twins.two .meta{
	width: 44vw;
}

.top-similiar .twins.two .post-thumbnail,
.section.bb.top-similiar .twins.two .post-thumbnail img{
	width: 100%;
	height: 12.00vw;
	object-fit: cover;
}

.tax-category-publikacje .post-thumbnail.special,
.kategorie-osob-tworcy .post-thumbnail.special{
	display: block !important;
}

.tax-category-publikacje .post-thumbnail.special img{
	border-radius: 10px;
}

.tax-category-publikacje .buttons{ 
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}



/* TOP dialekty i gwary */

.category-gwary .meta,
.category-jezyki-dialekty .meta{
	display: flex;
	justify-content: space-between;
	/* G:40-80; */
}

.category-gwary .meta .left,
.category-jezyki-dialekty .meta .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.category-gwary .meta .left .post-date,
.category-jezyki-dialekty .meta .left .post-date,
.category-jezyki-dialekty .meta .left .post-date a{
	/* F:14-18; */
	color: #6B6B6B;
}	

.category-jezyki-dialekty .meta .right{
	
}

.category-jezyki-dialekty .meta .right .post-thumbnail,
.category-jezyki-dialekty .meta .right .post-thumbnail img{
    border-radius: 5px !important;
}

.category-gwary #top-section.section.bb.akt .twins.two .post-thumbnail, 
.category-gwary #top-section.section.bb.akt .twins.two .post-thumbnail img,
.category-jezyki-dialekty #top-section.section.bb.akt .twins.two .post-thumbnail, 
.category-jezyki-dialekty #top-section.section.bb.akt .twins.two .post-thumbnail img{
	/* W:85-400; */
	/* H:57-225; */
}




/* Przyciski Opis / Charakterystyka */

/* Wrapper dropdownu */
.post-category .gwary-view-toggle {
    position: relative;
    display: inline-block;
}

/* Główny przycisk (Opis / Charakterystyka) */
.post-category .gwary-main-btn {
    border-radius: 23px;
    border: none;
    padding: 5px 15px;
    /* G:18-33; */
    cursor: pointer;
    font: inherit;
}

/* Strzałka */
.post-category .gwary-arrow img {
	/* W:9-16; */
	/* H:6-12; */
    transition: transform 0.2s ease !important;
}

/* Obrót strzałki przy rozwinięciu */
.post-category .gwary-view-toggle.is-open .gwary-arrow img {
    transform: rotate(180deg) !important;
}

/* Dropdown z drugą opcją */
.post-category .gwary-dropdown {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 4px;
    display: none;
    z-index: 10;
}

/* Widoczny dropdown */
.post-category .gwary-view-toggle.is-open .gwary-dropdown {
    display: block;
}

/* Przycisk w dropdownie (druga opcja) */
.post-category .gwary-option-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #6B6B6B;
    background-color: #F0F0F0;
    border-radius: 23px;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
    font: inherit;
    transition: 0.3s;
}

/* Hover dla opcji w dropdownie */
.post-category .gwary-option-btn:hover {
    color: rgba(107, 107, 107, .5);
}


/* Animacja sekcji przełączanych */

.elastic-fields .section {
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.elastic-fields .section.gwary-visible {
    opacity: 1;
    transform: translateY(0);
}

.elastic-fields .section.gwary-hidden {
    opacity: 0;
    transform: translateY(10px);
}

















/* TOP mediateka */

.category-mediateka .meta{
	display: flex;
	justify-content: space-between;
	/* G:40-80; */
}

.category-mediateka .meta .left {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.category-mediateka #top-section.section .post-date{
	/* F:14-24; */
	color: #6B6B6B;
	width: 44vw;
}	

.category-mediateka .post-date .top{
	display: flex;
	justify-content: space-between;
	margin-bottom: 1vw;
}

.category-mediateka .mt-cat-path,
.category-mediateka .mt-cat-path a{
	/* F:14-24; */
    color: #6B6B6B;
}

.category-mediateka .post-date h1{
	color: #1A1A1A;
}

.category-jezyki-dialekty .meta .right{
	
}

.category-mediateka .meta .right .post-thumbnail,
.category-mediateka .meta .right .post-thumbnail img{
    border-radius: 5px !important;
	width: 8vw;
	height: 8vw !important;
}



/* TOP slownik pojec */

.category-slownik-pojec h1{
	margin-bottom: 1vw;
}

.category-slownik-pojec .post-date{
	color: #6B6B6B;
	margin-bottom: 4vw;
}

.category-slownik-pojec .post-date a{
	/* F:14-18; */
	color: #6B6B6B;
}	

.category-slownik-pojec .post-category a{

}

.category-slownik-pojec .post-category a {
    color: #990066 !important;
    background-color: rgba(153, 0, 102, .1);
}

.category-slownik-pojec .post-category a:hover {
    color: rgba(153, 0, 102, .5) !important;
}







/* Autor we wpisach */

.author.hidden{
	display: none;
}

.author-info{
	display: flex;
	align-items: center;
	border-top: 1px solid #F0F0F0;
}

.author-info .author-img,
.author-info .author-img img{
	border-radius: 50%;
	object-fit: cover;
}


/* Breadcrumbs */

.breadcrumb-cat--disabled {
    pointer-events: none;  /* wyłącza kliknięcia */
    cursor: default;       /* bez „łapki” */
}

.breadcrumbs{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.breadcrumbs a,
.breadcrumb,
.breadcrumb-separator{
	color: #6B6B6B;
	text-transform: capitalize;
}

.single .page-title,
.search .page-title {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* Page title */

.page-meta h1{
	font-size: 48px;
}




/* Filtry */

.filter-wrapper{
	display: grid	;
	grid-template-columns: 28.00vw 60.00vw;
	gap: 4vw;
	position: relative;
}

.filter-wrapper.pro .col-right .category-filter.post-category{
	display: none;
}

.filter-wrapper .post-category{
	display: flex;
	flex-wrap: wrap;
}

.fade-out {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.post-category a.filter-button.active {
	background-color: #6B6B6B;
	color: #F0F0F0;
}

.post-category a.filter-button.active:hover{
	color: #F0F0F0 !important;
}

.page-template-page-aktualnosci .post-category a.filter-button.active:hover{
	color: rgba(240, 240, 240, .5) !important;
}

.no-results-message {
	display: none;
	color: #1A1A1A;
	margin-top: 20px;
}

.post-item {
	transition: opacity 0.3s ease-in-out;
}

.post-item .support-wrapper,
.post-item .support-div{
	width: 100%;
}

.pro .post-category a{
	background-color: #FFCC33;
	color: #1A1A1A;
}

.pro .filter-button.active {
	background-color: #6B6B6B;
	color: #F0F0F0;
}

.page-template-page-programy .post-category a.filter-button.active:hover{
	color: rgba(240, 240, 240, .5) !important;
}


/*-----------------------------------------------------------
	Button section
-------------------------------------------------------------*/

/* Efekt na zdjęciu *


.item .image-wrapper{
	overflow: hidden;
}

.item .image-wrapper img{
	transition: .7s;
}

.item:hover .image-wrapper img{
	transform: scale(1.05);
}

.item:hover .image-wrapper.hidden-animation img{
	transform: scale(1);
}


 
/*8888888888888888888888888888888888888888*/


/* Slick common */


.section-content.carousel .slick-list {
	margin: 0 -10px !important;
}

.section-content.carousel .slick-slide {
	margin: 0 10px;
}

.slide-arrow {
    position: relative;
	display: grid;
	grid-template-columns: 46px 46px;
	gap: 7.64vw;
}

.slide-arrow img {
	cursor: pointer;
	width: 46px;
	height: 46px;
}

.slide-arrow .arrow {
	width: 46px;
	height: 46px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: 0.5s;
}



/*-----------------------------------------------------------
	HERO
-------------------------------------------------------------*/

#hero.section{
	display: flex;
	align-items: center;
	z-index: 1;
	overflow: hidden;
    box-sizing: border-box;
	transition: .5s !important;
}

#hero.section .section-width{
	padding: 4vw;
	padding-top: 0;
	margin: 0;
	transition: .5s !important;
}

#hero.section .section-width .section-content{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
    gap: 0 4vw;
	height: 100%;
	transition: .5s !important;
	position: relative;
}

#hero.section .section-width .section-content .text-editor,
#hero.section .section-width .section-content .subtitle,
#hero.section .section-width .section-content .title-wrapper{
	width: var(--support-wrapper-post-w);
}

#hero.section .section-width .section-content .title-wrapper{
    display: flex;
    align-items: flex-end;
}

#hero.section .section-width .section-content .title-wrapper h1{
	font-family: 'TorGrotesk'; 
	/* F:60-200; */
	line-height: .9;
}



/* Animacja hero */

#hero.section .section-width .section-content .image-wrapper{
	position: relative;
	display: flex;
    align-items: flex-end;
	/* W:135-560; */
	/* H:107-446; */
}

@media(min-width:999px){

	#hero.section .section-width .section-content .image-wrapper {
		position: absolute;
		right: 0;
		bottom: 0;
	}

}

#hero.section .image-wrapper .grid-square{
	width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#hero.section .image-wrapper .grid-square .item{
	position: absolute;
	/* W:27-100; */
	/* H:27-100; */
	border-radius: 50%;
}

#hero.section .image-wrapper .grid-square .item img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;


	/* animowany ruch */
	transform: translate3d(var(--dx, 0px), var(--dy, 0px), 0)
	           scale(var(--scale, 1));
	will-change: transform;
	transition: .5s;
}

/* opcjonalnie – szacunek dla prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
	#hero.section .image-wrapper .grid-square .item img{
		transform: none !important;
		will-change: auto;
	}
}

/* Podział na kolumny */

#hero.section .image-wrapper .grid-square .item.c1{
	left: 0;
}

#hero.section .image-wrapper .grid-square .item.c2{
	left: 25%;
}

#hero.section .image-wrapper .grid-square .item.c3{
	left: 50%;
}

#hero.section .image-wrapper .grid-square .item.c4{
	left: 75%;
}

#hero.section .image-wrapper .grid-square .item.c5{
	right: 0;
}


/* Podział na elemnty (koła) */


#hero.section .image-wrapper .grid-square .item.e1,
#hero.section .image-wrapper .grid-square .item.e11{
	top: 30%;
    transform: translateY(-50%);
}

#hero.section .image-wrapper .grid-square .item.e6{
	top: 30%;
    transform: translate(-50%, -50%);
}

#hero.section .image-wrapper .grid-square .item.e2,
#hero.section .image-wrapper .grid-square .item.e12{
    top: 70%;
    transform: translateY(-50%);
}

#hero.section .image-wrapper .grid-square .item.e7{
	top: 70%;
    transform: translate(-50%, -50%);
}

/* Blue */

#hero.section .image-wrapper .grid-square .item.e3{
	top: 0%;
	transform: translate(-25%, 0);
}

#hero.section .image-wrapper .grid-square .item.e4{
	top: 50%;
	transform: translate(-25%, -50%);
}

#hero.section .image-wrapper .grid-square .item.e5{
	top: 100%;
	transform: translate(-25%, -100%);
}

/* Red */

#hero.section .image-wrapper .grid-square .item.e8{
	top: 0%;
	transform: translate(-75%, 0);
}

#hero.section .image-wrapper .grid-square .item.e9{
	top: 50%;
	transform: translate(-75%, -50%);
}

#hero.section .image-wrapper .grid-square .item.e10{
	top: 100%;
	transform: translate(-75%, -100%);
}


/*-----------------------------------------------------------
	Mapa
-------------------------------------------------------------*/

.section--map .section-content {
    display: flex;
    /* G:20-80; */
}

.section--map h2{
	/* F:14-36; */
	/* Mb:15-40; */
}



.section--map .col-left {
    flex: 1 1 50%;
}

.section--map .col-right {
    flex: 1 1 50%;
}

.map.dialects-map{
    width: 100%;
	/* H:186-703; */
    border-radius: 20px;
    overflow: hidden;
	border: 1px solid #BFBFBF; 
}

.map-filter {
    /* Mt:20-55; */
    display: flex;
    flex-direction: column;
    /* G:10-20; */
}

.map-filter__btn {
	position: relative;
	font-family: "NotoSans";
	font-weight: 600;
	/* F:13-24; */
    display: inline-flex;
	align-items: center;
	width: fit-content;
	/* H:34-60; */
    text-align: center;
	/* P:0 30-60; */
    border-radius: 30px;
	color: #6B6B6B;
    background: #F0F0F0;
    cursor: pointer;
    font-size: 15px;
    transition: background 0.15s, border-color 0.15s;
	border: none;
	text-transform: lowercase;
	transition: .5s !important;
}

.map-filter__btn:hover,
.map-filter__btn.is-active{
	color: #1A1A1A;
	padding-left: 4vw;
	padding-right: 2vw;
	transition: .5s !important;
}

.map-filter__btn.is-active:hover{
	transition: .5s !important;
}

.map-filter__btn .circle-point{	
	position: absolute;
	top: 50%;
	left: 8px;
	border-radius: 50%;
	transform: translateY(-50%) !important;
	display: flex;
	justify-content: center;
	align-items: center;
}

.map-filter__btn .circle-point .point{
	border-radius: 50%;
	transform: scale(0) !important;
	transition: .5s !important;
}

.map-filter__btn .circle-point,
.map-filter__btn .circle-point .point{
	/* W:26-46; */
	/* H:26-46; */
}

.map-filter__btn:hover .point{
	transform: scale(.7) !important;
}

.map-filter__btn.is-active .point{
	transform: scale(1) !important;
}

/* Przykładowe kolory przypisane do klas dialektów */

.map-filter__btn.dialect--mazowiecki:hover,
.map-filter__btn.dialect--mazowiecki.is-active {
    background: rgb(255, 204, 51, .15);		
}

.map-filter__btn.dialect--mazowiecki:hover .point,
.map-filter__btn.dialect--mazowiecki.is-active .point{
	background-color: #FFCC33;
}

.map-filter__btn.dialect--malopolski:hover,
.map-filter__btn.dialect--malopolski.is-active {
    background: rgb(255, 102, 51, .15);
}

.map-filter__btn.dialect--malopolski:hover .point,
.map-filter__btn.dialect--malopolski.is-active .point{
	background-color: #FF6633;
}

.map-filter__btn.dialect--slaski:hover,
.map-filter__btn.dialect--slaski.is-active {
    background: rgb(153, 204, 255, .15);
}

.map-filter__btn.dialect--slaski:hover .point,
.map-filter__btn.dialect--slaski.is-active .point{
	background-color: #99CCFF;
}

.map-filter__btn.dialect--wielkopolski:hover,
.map-filter__btn.dialect--wielkopolski.is-active {
    background: rgb(153, 153, 255, .15);
}

.map-filter__btn.dialect--wielkopolski:hover .point,
.map-filter__btn.dialect--wielkopolski.is-active .point{
	background-color: #9999FF;
}


/*-----------------------------------------------------------
	CTA
-------------------------------------------------------------*/

.section.cta {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 4vw 0;
    width: 92.00vw;
    margin-left: 4vw;
}

.section.cta .section-width{
	padding: 4vw 8vw 5vw;
}

.section.cta .section-content{
	width: 60.00vw;
}

.section.cta .tekst h2{
	font-family: 'TorGrotesk'; 
	font-weight: 600;
	line-height: 1.3;
}


/*-----------------------------------------------------------
	Post loop
-------------------------------------------------------------*/

.section.loop{
	padding: 4vw 4vw 0;
}

#loop-type-1.section.loop .post-date{
	padding-top: 1vw;
}

#loop-type-2.section.loop {
	padding-top: 0;
}

.section.loop .section-width{
	border-top: 1px solid #BFBFBF;
	padding: 1vw 0 4vw;
}

.col-top {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5.00vw;
}


.post-loop{
	display: grid;
    grid-template-columns: repeat(3, 1fr);
	gap: 4vw;
}

.post-loop .post-item .post-thumbnail {
    width: 100%; 
	height: 18.65vw;
	position: relative;
    margin-bottom: 1vw; 
}

.post-loop .post-item .post-thumbnail img {
    width: 100%;
    height: 18.65vw;
    object-fit: cover;
}


/* Post loop two col */

.post-loop.two-col{
	grid-template-columns: repeat(2, 1fr);
}

.post-loop.two-col .post-item .post-thumbnail {
	height: 24.75vw;
    margin-bottom: 2vw; 
	border-radius: 0;
}

.post-loop.two-col .post-item .post-thumbnail img {
    height: 24.75vw;
    border-radius: 0;
}

.post-loop.two-col .post-item .post-thumbnail img:hover{
	transform: scale(1.1);
}

.post-loop.two-col .post-title{
	margin-bottom: 2vw;
}

/* Post loop two col six */

.post-loop.two-col-six {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3.79vw;
}

#section-4.section.loop .col-top{
	margin-bottom: 4vw;
}

.post-loop.two-col-six .post-item {
    display: grid !important;
    grid-template-columns: 12.00vw 28.00vw;
    gap: 4vw;
    justify-content: space-between;
    padding: 1vw 0 2.00vw;
    border-bottom: 1px solid #BFBFBF;
}

.post-loop.two-col-six .post-item.last-posts{
	border: none;
}


/* Post loop two col six petla z gwarami */

.section.loop.new-special .section-width{
	border: none;
	padding: 0 0 4vw;
}

.section.loop.new-special .col-top{
	border-bottom: 1px solid #BFBFBF;
    padding-bottom: 1vw;
}

.section.loop.new-special .col-top h2{
	padding-left: 8vw;
}


/* Słownik pojęć */

#loop-type-3.section.loop.cat.sj .section-width{
	border: none;
}

#loop-type-3.section.loop.cat.sj .section-width .col-top{
	margin: 0;
}

.post-loop.two-col-six.type-2 .post-item {
    border-top: 1px solid #BFBFBF;
	border-bottom: none;
}

.post-loop.two-col-six.type-2 .post-item.last-posts{
	border-top: 1px solid #BFBFBF;
}

.post-loop.two-col-six.type-2 .post-category a {
    color: #990066 !important;
    background-color: rgba(153, 0, 102, .1);
}

.post-loop.two-col-six.type-2 .post-category a:hover {
    color: rgba(153, 0, 102, .5) !important;
}


.post-loop.two-col-six .post-item .post-thumbnail,
.post-loop.two-col-six .post-item .post-thumbnail img{
	width: 12.00vw;
	margin: 0;
}

.post-loop.two-col-six .post-item .meta {
    width: 28.00vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	/* G:20-40; */
}

.post-loop.two-col-six .post-item .arrow-and-cat .else-staff {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.kategorie-osob-tworcy .post-loop.two-col-six .support-wrapper-post .post-category a,
.page-id-17157 .post-loop.two-col-six .post-category a {
    color: #6B6B6B;
    background-color: #F0F0F0;
}

/* Osoby / Team / Zespół */

.elastic-fields .team .section-width{
	padding-left: 20vw;
}

.team .post-loop {
    display: grid;
    grid-template-columns: none;
    gap: 5vw;
}

.team .post-item{
	display: grid;
	grid-template-columns: 12vw 52.00vw;
	gap: 4vw;
}

.team .post-item .arrow-and-cat .arrow{
	background-color: transparent;
}

.team .post-item .meta {
    border-top: 1px solid #BFBFBF;
    padding-top: 1vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.team .post-item .excerpt{
	width: 44.00vw;
}

.page-id-15452 .post-item .excerpt{
	margin: 2vw 0;
}

.team .post-loop .post-item .post-thumbnail,
.team .post-loop .post-item .post-thumbnail img{
	width: 100%;
	height: 12vw;
	object-fit: cover;
    border-radius: 50%;
	margin: 0;
	height: 0 !important;
}




.page-id-17155 .team .post-loop .post-item .post-thumbnail{
	visibility: hidden;
	height: 0;
}

.page-id-17155 .meta a{
	display: flex !important;
	justify-content: space-between;
}






/* Mediateka */

#top-section.section{
	z-index: 2;
}

/* Przycisk otwierający */

.mt-cat-toggle {
    position: relative;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center;
    border-radius: 999px;
    background: #F0F0F0;
    cursor: pointer;
    color: #6B6B6B;
	width: 100%;
}

.mt-cat-toggle .mt-plus {
    font-size: 34px;
	line-height: 0;
    transition: transform 0.2s ease !important;
	color: #707070;
}

/* zmiana plusa na minus – styl, np. obrót albo inny znak */

.mt-cat-toggle.is-open .mt-plus {
    transform: rotate(45deg); /* z + robi się X */
}

/* Dropdown – dwie kolumny */

.mt-cat-dropdown {
    position: absolute;
    z-index: 50;
    margin-top: 12px;
	/* P:20-30; */
    display: none;
    background: #fff;
    box-shadow: 0px 3px 80px #00000029;
    border-radius: 20px;
	width: 40.00vw;
    max-width: 820px;
}

.mt-cat-dropdown.open {
    display: flex;
}

.mt-cat-col {
    width: 18.00vw;
    max-width: 360px;
}

.mt-cat-level2-col{
	/* Pl:20-40; */
	border-left: 1px solid rgb(112, 112, 112, .2);
}

/* linki w obu kolumnach */
.mt-level1,
.mt-level2 {
    display: block;
    padding: 4px 0;
    text-decoration: none;
    color: rgba(107, 107, 107, 0.5);
    cursor: pointer;
}

/* stan zwykły */
.mt-level1:hover,
.mt-level2:hover {
    color: rgb(107, 107, 107);
}

/* aktywnie wybrany filtr (odpowiada bieżącej subcategory z URL) */
.mt-level1.active,
.mt-level2.active {
    color: rgb(107, 107, 107);
}

/* dialekt, nad którym jest podgląd (hover) – możesz zrobić np. bold + inny kolor tła */
.mt-level1.hover:not(.active) {
    color: rgb(107, 107, 107);
}

/* grupy gwar – widoczna tylko aktywna */
.mt-level2-group {
    display: none;
}

.mt-level2-group.active {
    display: block;
}




.mt-cat-path,
.mt-cat-path a {
    /* F:10-18; */
	text-transform: lowercase;
    color: #6B6B6B;
}

.mt-cat-path .mt-separator {
    margin: 0 4px;
}





/*-----------------------------------------------------------
	Podstrona Kontakt
-------------------------------------------------------------*/

.page-id-15460 .normal-txt.num-1 .section-width{
	padding-bottom: 2vw;
}

.page-id-15460 .google-map .section-width,
.page-id-15460 .more-info-elastic .section-width{
	padding-bottom: 3vw;
}

#map{
	width: 100%;
	height: 22.35vw;
}


/*-----------------------------------------------------------
	Podstrona Aktualności
-------------------------------------------------------------*/

.loop.cat .section-width{
	padding-top: 0;
}

.loop.cat .section-width .col-top{
	margin-bottom: 4vw;
}

#loop-type-3.section.loop.cat .section-width .col-top{
	margin-bottom: 3vw;
}

#share.section{
	padding: 0 4vw;
}

#share.section .section-width{
	border-top: 1px solid #BFBFBF	;
	padding: 2vw 0 0;
}

.share-wrapper .social-media-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    gap: 4vw;
}

.share-wrapper .social-media-wrapper .col-left{
	text-align: right;
}

.share-wrapper .social-media{
	margin: 0;
}

.share-wrapper .social-media a{
	background: #F0F0F0;
}





#loop-type-3.publikacje .section-width {
    padding: 0 12vw 2vw 12vw;
	border: none;
}

#loop-type-3.publikacje .section-width .section-content{
	padding-top: 1vw;
    border-top: 1px solid #F0F0F0;
	position: relative;
}



#loop-type-3.section.loop.publikacje{
	padding: 0;
}



#loop-type-3.section.loop.publikacje .post-loop.two-col-six {
    gap: 3.00vw;
}

#loop-type-3.section.loop.publikacje {
    padding: 2vw 0 0;
}

#loop-type-3.section.loop.publikacje .support-wrapper-post {
    width: 100%;
}

#loop-type-3.section.loop.publikacje .post-loop.two-col-six .post-item{
	justify-content: flex-start;
	padding: 0;
	border: none;
}

#loop-type-3.section.loop.publikacje .post-loop.two-col-six .support-wrapper-post .post-category-wrapper {
    position: absolute;
    right: 0;
    bottom: 0;
}


#loop-type-3.section.loop.mt .post-date{
	/* F:10-18; */
	/* Mb:10-15; */
	color: #6B6B6B;
}

#loop-type-3.section.loop.mt .post-title h3{
	padding: 0;
	/* Mb:10-15; */
}























/*-----------------------------------------------------------
Elastyczna treść
-------------------------------------------------------------*/

#top-section.section.bb .twins{
	border-bottom: 1px solid #BFBFBF;
}

.elastic-fields{
	position: relative;
	z-index: 2;
}

.elastic-fields .section-width{
	padding: 1vw 4vw 2vw 12vw;
}

.elastic-fields p a{
	opacity: .75;
	text-decoration: underline;
}

.elastic-fields #share.section{
	padding-top: 4vw;
}

.elastic-fields .more-info{
	margin-top: 0;
}

.elastic-fields .col-left .title-wrapper p{
	font-weight: 600;
}

/* simple text */

.normal-txt .section-content{
    display: grid;
	grid-template-columns: 20.00vw 44.00vw;
    gap: 4vw;
}




/* Gallery */

.gallery .section-width{
	padding-bottom: 4vw;
}

.gallery .section-content{
    display: grid;
	grid-template-columns: 20.00vw 44.00vw;
    gap: 4vw;
}

.gallery-wrapper{
	display: grid;
	grid-template-columns: repeat(3, 12.00vw);
	gap: 4vw;
}

.gallery-wrapper .item{
    width: 12.00vw;
    height: 12.00vw;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.gallery-wrapper .item img {
    width: 12.00vw;
    height: 12.00vw;
    object-fit: cover;
}

.gallery-wrapper .item.square {
	background-color: #F0F0F0;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.more-count{
	color: #6B6B6B;
}

.gallery-wrapper .item.hidden {
	display: none;
}


/* Post slide */

.post-slide .section-width {
    padding-top: 4vw;
}

.post-slide .section-content{
	position: relative;
	width: 76.00vw;
}

.post-slide .image-slide img{
	width: 100%;
	height: 44.25vw;
	object-fit: cover;
	cursor: pointer;
}


.post-slide .carousel-arrows {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0 4vw;
}

.carousel-arrows {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 1px);
}

.slick-prev, 
.slick-next {
    position: static !important;
}


/* Lightbox */

#lightbox {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: calc(100% + var(--scrollbar-width));
	height: 100%;
	overflow: auto;
	background-color: white;
}

#lightbox .section-width {
	position: relative;
	height: 100%;
	padding: 1vw 4vw;
}

#lightbox .close {
	position: absolute;
	right: 4vw;
	cursor: pointer;
}

#lightbox .close a{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F0F0F0;
	border-radius: 30px;
	font-weight: 600;
	padding-bottom: 2px;
}

#lightbox .count-wrap {
    display: flex;
    justify-content: center;
}


#lightbox .media-wrap {
    display: flex;
    justify-content: center;
    width: 76.00vw;
    height: calc(100% - 11.4vw);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#lightbox .media-wrap img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

#lightbox .details-wrap {
    display: flex;
    justify-content: center;
    max-width: 912px;
    margin: 10px auto 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
}

#lightbox .description {
    text-align: center;
    margin: 0;
}

#lightbox .arrow-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    left: 0;
    right: 0;
    width: 92.00vw;
    display: flex;
    justify-content: space-between;
}

#lightbox .arrow {
    cursor: pointer;
}


/* Similiar - drop, link, download*/

.similiar .section-width {
    padding-top: 0;
	padding-bottom: 0;
}

.similiar .section-content{
	padding-top: 1vw;
	border-top: 1px solid #F0F0F0;
	width: 76.00vw;
}

.similiar .title {
    display: flex;
    justify-content: space-between;
    gap: 4vw;
    padding-bottom: 3.00vw;
}

.similiar .title a{
	font-weight: 600;
}

.drop-down.similiar .section-width{
	padding-bottom: 2vw;
}


.drop-down.similiar .title{
	cursor: pointer;
}

.drop-down.similiar .title .icon img{
	transition: .2s !important;
	transform: rotate(0deg) !important;
}

.drop-down.similiar .title .icon img:hover,
.drop-down.similiar.open .title .icon img {
    transform: rotate(-180deg) !important;
}

.drop-down.similiar .drop-content {
	display: grid;
	grid-template-columns: 36.00vw 36.00vw;
	gap: 4vw;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out !important;
}
  
.drop-down.similiar.open .drop-content {
	max-height: 1000px;
}


/* Video */

.section.iframe .section-width{
	padding-top: 4vw;
	padding-bottom: 4vw;
}

.video-wrapper {
	position: relative;
	width: 76vw;
	height: 44.25vw;
}

.custom-video,
.video-wrapper iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
	border: none;
	cursor: pointer;
}

.play-button img{
	width: 9.00vw;
	height: 9.00vw;
}


/* Q&A */

.q-a .col-right{
	display: grid;
    gap: 1.5vw;
}






/* audio */

.audio-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.audio-modal--visible {
    display: flex;
}

.audio-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
}

.audio-modal__dialog {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 24px 24px 20px;
    max-width: 480px;
    width: 90%;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    text-align: center;
}

.audio-modal__title {
    margin: 0 0 16px;
    font-size: 18px;
}

.audio-modal__player {
    width: 100%;
}

.audio-modal__close {
    position: absolute;
    top: 8px;
    right: 8px;
    border: none;
    background: transparent;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.audio-modal__download {
    display: inline-block;
    margin-top: 16px;
    font-size: 14px;
    text-decoration: underline;
}

body.audio-modal-open {
    overflow: hidden;
}











/*-----------------------------------------------------------
	Footer 
-------------------------------------------------------------*/

footer {
	margin-top: 4vw;
	position: relative;
    background-color: #F0F0F0;
    overflow: hidden;
	z-index: 1;
}

footer .section-width{
	padding: 4vw;
}

footer .foot-section {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw;
}




footer .top-section .col-right{
	display: flex;
	justify-content: space-between;
}

.social-media{
	display: flex;
	margin-top: 2.00vw;
}

.social-media a{
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
	display: flex		;
	justify-content: center;
	align-items: center;	
	background-color: #FFFFFF;
	border-radius: 30px;
	color: #6B6B6B;
	transition: .3s !important;
}

.social-media a:hover{
	color: #F0F0F0;
	background: #BFBFBF;
}

.bip img{
	width: 50.66px;
	height: 59.4px;
	transition: .3s;
}

.bip img:hover{
	opacity: .7;
}

.foot-logo{
	width: 24.00vw;
}

.foot-logo img{
	/* H:104-132; */
}

footer .middle-section{
	margin: 6.00vw 0 8.00vw;
}

footer .middle-section .col-right{
	display: flex;
	flex-direction: column;
	gap: 4vw
}

footer .middle-section .col-right .text-editor p{
	line-height: 2;
	margin: 0;
}

/*
footer .middle-section .col-right .text-editor{
	margin-bottom: 3.50vw;
}
*/

footer .bottom-section .col-left{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.compny-info p{
	margin-bottom: 20px;
}

.more-info{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 0;
}

.more-info a {
	display: flex;
	align-items: center;
}

.more-info a:hover{

}

.more-info a p{
	margin: 0;
	z-index: 1;
}

.more-info a .support-wrapper p,
.more-info a .support-wrapper span,
.more-info a .support-wrapper img{
	transition: .3s !important;
}

.more-info a .support-wrapper:hover p,
.more-info a .support-wrapper:hover span,
.more-info a .support-wrapper:hover img{
	opacity: .5 !important;
}


.more-info a .support-wrapper{
	position: relative;
	display: inline-flex;	
	align-items: center;	
	color: #FFFFFF;
	transition: .3s !important;
}

.more-info a .support-wrapper:before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: #6B6B6B;
	position: absolute;
	text-overflow: 0;
	left: 0;
	transition: .3s !important;
}



.more-info a .support-wrapper span {
    display: block;
    width: 1px;
    background-color: #ffffff;
	margin: 0;
	transition: .3s !important;
	z-index: 1;
}

.more-info a .support-wrapper:hover span{
	margin: 0 4px;
}

.more-info a .support-wrapper img{
	width: auto;
	z-index: 1;
}




.foot-menu ul.menu-bottom {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
	overflow: auto;
}

.foot-menu ul.menu-bottom li a{
	display: block;
	margin-bottom: 0;
	padding: 0;
}

.foot-menu ul.menu-bottom li.menu-item-has-children a {
	margin-bottom: 20px;
}

.foot-menu ul.menu-bottom li.menu-item{
	font-weight: 600;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#menu-glowne-menu-2 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-17302 > ul{
	display: none;
}

#menu-glowne-menu-2 > li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-17302 a{
	margin-bottom: 0;
}

.foot-menu ul.menu-bottom li.menu-item ul{
	margin: 0;
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.foot-menu ul.menu-bottom li.menu-item ul li{
	font-weight: 400;
	display: flex;
	align-items: center;
}

.foot-menu ul.menu-bottom li.menu-item ul li:before{
	content: '';
	border-left: 1px solid #1A1A1A;
	border-bottom: 1px solid #1A1A1A;
	position: absolute;
	left: 0;
}

.foot-menu ul.menu-bottom li.menu-item ul li a{
	margin-bottom: 0;
}






footer .bottom-section .mkidn img{
	width: 20.00vw;
	margin-bottom: 2.00vw;
}




.second-menu ul.menu-bottom-two{
	margin-top: 0;
	margin-bottom: 2.00vw;
	padding-left: 0;
	display: flex;
    flex-direction: column;
    gap: 15px;
}

.second-menu ul.menu-bottom-two li{
	font-weight: 400;
	display: flex;
	align-items: center;
	position: relative;
}

.second-menu ul.menu-bottom-two li:before{
	content: '';
	border-left: 1px solid #1A1A1A;
	border-bottom: 1px solid #1A1A1A;
	position: absolute;
	left: 0;
}

.second-menu ul.menu-bottom-two li a {
    margin-bottom: 0;
}








footer .bottom-section .col-right {
    display: flex;
    justify-content: space-between;
    align-items: self-end;
}












/* CONTACT FORM */

::-webkit-input-placeholder {
	color: #1A1A1A;
	font-family: "neuzeit-grotesk", sans-serif;
	font-size: calc(16px + (25 - 16) * ((100vw - 1024px) / (1920 - 1024)));
	font-weight: 400;
	padding-top: 5px;
	line-height: 1.3;
}

.contact-form input,
.contact-form textarea{
    width: 100%;
    padding: 30px 40px;
    border: 1px solid transparent;
    color: #31182B;
    font-family: "neuzeit-grotesk", sans-serif;
	font-size: calc(16px + (25 - 16) * ((100vw - 1024px) / (1920 - 1024)));
    font-weight: 400;
	height: 80px;
	border-radius: 17px;
}

.full-width p,
.half-width p{
	margin-bottom: 50px;
}

.field-name{
	font-size: calc(12px + (34 - 12) * ((100vw - 1366px) / (3840 - 1366)));
}

.field-group{
	display: grid;
	grid-template-columns: auto auto;
	gap: 18px;
}

.contact-form textarea{
	border-radius: 17px;
	height: 280px;
}

.contact-form textarea{
	margin-bottom: 0;
}

.agreement p{
	margin-bottom: 0;
}

.wpcf7-list-item{
	width: 100%;
	margin: 0 !important;
}

.wpcf7-list-item input {
	padding: 0;
	height: 20px;
	width: 20px;
	border: none;
	margin: 0;
}



/*************************/


span.wpcf7-list-item-label,
span.wpcf7-list-item-label a{
	color: 000000;
}

.wpcf7-list-item label {
    display: grid;
    align-items: center;
    grid-template-columns: 20px auto;
    gap: 20px;
}

span.wpcf7-list-item-label a{
	text-decoration: underline;
}

.button-submit input{
	width: auto;
    align-items: center;
    justify-content: center;
    display: flex;
	height: 56px;
	margin: 7.29vw auto 0;
	font-family: "neuzeit-grotesk", sans-serif;
	font-size: calc(16px + (25 - 16) * ((100vw - 1024px) / (1920 - 1024)));
	color: #31182B;
	padding: 0 40px;
	background-color: #FFFFFF;
	border: 1px solid transparent;
	border-radius: 17px;
	font-weight: 600;
	transition: .5s !important;
	cursor: pointer;
	overflow: hidden;
}

.button-submit p{
	margin: 0;
}

.button-submit input:hover{
	color: #1A1A1A;
	background-color: #ED7024;
}

.wpcf7-spinner{
	display: none !important;
}





.download-button{
	display: flex;
	align-items: center;
	gap: 23px;
}

.download-button p{
	font-size: calc(16px + (18 - 16)*((100vw - 1440px) /(1920 - 1024)));
}

.download-button input{
	font-size: calc(16px + (18 - 16)*((100vw - 1440px) /(1920 - 1024)));
	padding: 0;
	height: auto;
	border-radius: 0;
	display: flex;
}











/*-----------------------------------------------------------
	Page Loader 
-------------------------------------------------------------*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	visibility: visible;
	opacity: 1;
	transition: opacity 1s, visibility 1s;
	z-index: 999999;
  }

  .layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateX(-100vw);
	transition: transform .6s ease-in-out;
  }


/*-----------------------------------------------------------
HAMBURGER
-------------------------------------------------------------*/

.menu-mobile{
	width: 30px;
}

/*-----------------------------------------------------------
HAMBURGER
-------------------------------------------------------------*/

.hamburger {
	padding: 0;
	display: flex;
	cursor: pointer;
	transition-property: opacity, filter;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	font: inherit;
	color: inherit;
	text-transform: none;
	background-color: transparent;
	border: 0;
	margin: 0;
	overflow: visible; 
}

.hamburger:hover {
	opacity: 1; 
}

.hamburger.is-active:hover {
	opacity: 1; 
}

.hamburger-box {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 23px;
}

.hamburger-inner{
	transition: .5s;
}

.hamburger-inner, 
.hamburger-inner::before, 
.hamburger-inner::after {
    width: 30px;
	height: 2px;
	position: absolute;
	transition: .2s !important;
	background-color: #707070;
}

.hamburger-inner {
	display: block;
	top: calc(50% - 1px);
	margin: 0 auto;
	lefT: 0;
	right: 0; 
}

.hamburger-inner::before, 
.hamburger-inner::after {
	content: "";
	display: block; 
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
	bottom: -10px; 
}

.hamburger--emphatic .hamburger-inner::after {
	top: 10px;
}


/* Specific */

.hamburger--emphatic.is-active .hamburger-inner, 
.hamburger--emphatic.is-active .hamburger-inner::before, 
.hamburger--emphatic.is-active .hamburger-inner::after {
	background-color: #707070;
}





/*
* Emphatic
*/

.hamburger--emphatic {
	overflow: hidden; 
}

.hamburger--emphatic .hamburger-inner {
	transition: background-color 0.125s 0.175s ease-in; 
}

.hamburger--emphatic .hamburger-inner::before {
	left: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; 
}

.hamburger--emphatic .hamburger-inner::after {
	right: 0;
	transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; 
}

.hamburger--emphatic.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important;
}

.hamburger--emphatic.is-active .hamburger-inner::before {
	left: -80px;
	top: -80px;
	transform: translate3d(80px, 80px, 0) rotate(45deg);
	transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); 
}

.hamburger--emphatic.is-active .hamburger-inner::after {
	right: -80px;
	top: -80px;
	transform: translate3d(-80px, 80px, 0) rotate(-45deg);
	transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); 
}