/*
Theme Name: IKM Kunszt
Description: Wordpress theme made by trustudio.pl
Text Domain: trustudio
Version: 1.2
Author: fry.li
Author URI: http://trustudio.pl
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


/* kolory */
:root {
	--black-500: #626262;
	--black-700: #1E1E1E;
	--black-900: #100C08;
	--blue-300: #7AC9D5;
	--blue-500: #336189;
	--grey-100: #D9D9D9; 
	--orange-500: #EA5B0C;
	--yellow-500: #FCC80E; 
	--green-300: #5DAC8C; 
	
	--lora: "Lora", 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
	--futura: "futura-pt", system-ui, sans-serif;
	
	--trans: all 0.25s ease-out;
}


@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
    }
}

*:focus { outline: none; }
*:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px;  border-radius: 3px; box-shadow: 0 0 0 6px rgba(0, 95, 204, 0.2);  }
#mainHeader a.trp-language-item:focus-visible { outline: 3px solid #005fcc; outline-offset: 3px;  border-radius: 3px; box-shadow: 0 0 0 6px rgba(0, 95, 204, 0.2);}
.tog:focus-visible + .slider { outline: 3px solid #005fcc !important; outline-offset: 3px; }

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




.lora { font-family: var(--lora); } 
.futura { font-family: var(--futura); } 

html { font-size:62.5%;}
body { -ms-overflow-style: scrollbar;}
body { font-family: var(--futura); -webkit-font-smoothing: antialiased; font-size: 1.6rem; line-height: 100%; color: var(--black-900);  }
section {  }
img { max-width: 100%; height:auto; }
a, a:hover, a:focus, button, input{ color: inherit; text-decoration: none;   }
a { color: var(--black-900);  }
a, a *, button, button * { transition: opacity 0.25s ease-out, padding 0.25s ease-out, background-color 0.25s ease-out, transform 0.25s ease-out, top 0.25s ease-out, left 0.25s ease-out, bottom 0.25s ease-out, right 0.25s ease-out; }
a:hover, button:hover { opacity:0.6;}
a.blocked { display: block;}
.clr, .clear { clear:both;}
button { border:none;}

.uppercase { text-transform: uppercase; }
.through { text-decoration: line-through; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.aligncenter { text-align: center;}
.normalcase { text-transform: none !important; }
.lowercase { text-transform: lowercase;}
hr.wp-block-separator { border-color: #000; opacity:1; height: 1px; border-top: 1px solid;}

.mb20 { margin-bottom: 2rem;}

.bigletters { font-size:2rem; }

/*
a.borderbtn, span.borderbtn { border:2px solid var(--black-900); padding: 1.6rem; display: inline-block; font-weight: 600; }
a.borderbtn:hover { padding: 1.6rem 2rem; }

a.borderbtn.white, span.borderbtn.white { border-color:#fff; color: #fff;}
a.borderbtn.white:hover { background-color: rgba(255,255,255,0.2); }

a.arrowbtn { display: inline-block; font-weight: 600; }
a.arrowbtn::after { content: url("images/utility/btn-arrow1.svg"); padding-left: 10px; position: relative; top:5px; transition: padding 0.25s ease-out;}
a.arrowbtn:hover::after { padding-left: 20px;}

a.arrowbtn.white, .white > a.arrowbtn  { color:#fff;   }
a.arrowbtn.white::after, .white > a.arrowbtn::after { content: url("images/utility/btn-arrow1white.svg"); }
a.arrowbtn.underlined { border-bottom:2px solid #fff; padding-bottom: 10px;}

a.arrowbtn.wide { font-size:3.2rem; font-weight: 600; display: block; position: relative; padding: 5px 0px 20px 0px; margin-bottom: 18px;}
a.arrowbtn.wide::after { position: absolute; top:8px; right:0px; transition: right 0.25s ease-out;}
a.arrowbtn.wide:hover::after { right:10px;}
*/
.cbtn-block.alignright { text-align: right; }

@media (max-width: 780px) {
    .cbtn-block.alignright { text-align: left; }
}

.fullContent li { line-height: 2.4rem; font-family: var(--lora); margin-bottom: 2rem;  }
p.underlined  { border-bottom:2px solid #fff; display: inline-block;}

h1, h2, h3, h4, h5, h6 {  margin: 0;  margin-bottom:1.8rem;  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 600; line-height: 100%;   }
h1, h2.header-h1, h3.header-h1 { font-size:4.8rem; line-height: 5.6rem;} 
h2, h3.header-h2 { font-size:4.0rem; line-height: 4.8rem;} 
h3, h2.header-h3, h4.header-h3 { font-size:3.2rem; line-height: 4rem;} 
h4, h3.header-h4, h2.header-h4 { font-size:2.4rem; line-height: 3rem;} 
h5 { font-size:2.0rem; line-height: 2.8rem;} 

h2.huge { font-size:6.4rem; line-height: 7rem;}
h4.lora { font-weight: 400; }

p { font-family: var(--lora); line-height: 150%; }

.wp-block-buttons > .wp-block-button { display: block; width: 100%;}
.wp-block-button {}
.wp-block-button .wp-block-button__link { border:2px solid #7AC9D5; border-radius: 0px; background: #fff;  text-transform: uppercase; display: block; color: var(--black-900); width: 100%; }

.wp-block-button.blackbtn .wp-block-button__link { border:2px solid #000000; }
.wp-block-buttons.noborder .wp-block-button__link { border:none; }


/*  CONTAINERY I GRID */

.content-grid {
  --padding-inline: 2rem;
  --content-max-width: 1320px;
  --alignwide-max-width: 1580px;
  --alignwide-size: calc( (var(--alignwide-max-width) - var(--content-max-width)) / 2 );

  display: grid;
  grid-template-columns:
    [alignfull-start] minmax(var(--padding-inline), 1fr)
    [alignwide-start] minmax(0, var(--alignwide-size))
    [content-start] min(
      100% - (var(--padding-inline) * 2),
      var(--content-max-width)
    )
    [content-end]
    minmax(0, var(--alignwide-size)) [alignwide-end]
    minmax(var(--padding-inline), 1fr) [alignfull-end];
}

.content-grid > :not(.alignwide, .alignfull), .alignfull > :not(.alignwide, .alignfull), .alignwide > :not(.alignwide, .alignfull) { grid-column: content; }
.content-grid > .alignwide { grid-column: alignwide; display: grid; grid-template-columns: inherit;}
.content-grid > .alignfull { grid-column: alignfull; display: grid; grid-template-columns: inherit; }

/* poprawki gridu */
.content-grid > .alignfull > .wp-block-cover__background { grid-column: alignfull;}
.content-grid > .alignwide > .wp-block-cover__background { grid-column: alignwide;}

.content-grid > .alignfull > .wp-block-cover__image-background { grid-column: alignfull;}
.content-grid > .alignwide > .wp-block-cover__image-background { grid-column: alignwide;}

.content-grid > .wp-block-cover { padding: 0;}


.container-normal { width:min(100% - 3rem, 1320px); margin-inline:auto; }
.container-wide { width:min(100% - 3rem, 1540px); margin-inline:auto; }



/* dodatkowe utilities */
.wp-block-column.aright { text-align: right; }
.aright { text-align: right; }

.bigmargin { padding: 60px 200px;}



/* strona głóna oraz co robimy ukryj tytuł, tylko ukrywamy  */
body.home .pageTitle, body.page-id-33958 .pageTitle  {position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;}

body.page-id-31 .pageTitle { display: none; /* strona kontaktowa */ }

.visually-hidden { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;} 

/* header */
#mainHeader { position: absolute; z-index: 103; left:0; top:0px; width: 100%;  }
#mainHeader .headercontent .logo-link img { width: 124px; height: auto; }
#mainHeader .headercontent { display: flex; justify-content:space-between; align-items:center; padding-top: 40px; padding-bottom: 40px;}
#mainHeader .mainhelpers { display: flex; gap: 16px; justify-content:space-between;}
#mainHeader .mainhelpers button { background: none; }
#mainHeader .mainhelpers .accessicon { position: relative; top:-4px;}
#mainHeader .navi-language a  { font-size:2.4rem}
#mainHeader .menutrigger { padding-left: 72px;}
#mainHeader .menutrigger button { font-size:3.2rem; letter-spacing: -.03rem; text-transform: uppercase; display:flex; gap:10px; /* żeby się plusik nie psuł */ }
#mainHeader .menutrigger button span.icon { position: relative; top:-4px;}
#mainHeader .menutrigger button:hover span img { transform: rotate(45deg);}

#mainHeader.menushowed { position: fixed;}
#mainHeader.menushowed .logo-link svg path { fill:#fff; }
#mainHeader.menushowed .searchicon button svg path { fill:#fff; }
#mainHeader.menushowed .navi-language a { color: #fff; }
#mainHeader.menushowed .menutrigger button span.text { display:none;}
/*#mainHeader.menushowed .menutrigger button span.icon { transform: rotate(45deg);  }*/
#mainHeader.menushowed .menutrigger button span.icon svg  { transform: rotate(45deg);  background: #fff; border-radius: 100px; padding: 10px; width: 47px; height: 47px; position: relative; top:-5px;}
#mainHeader.menushowed .menutrigger button:hover span svg { transform: rotate(45deg); }


/* języki */
#mainHeader .trp-shortcode-switcher { padding: 0px; background: none; overflow: visible;}
#mainHeader a.trp-language-item { padding: 0px; min-height: 0px; }
#mainHeader a.trp-language-item span.trp-language-item-name { color: #000; font-weight: 600; font-size:1.8rem; font-family: var(--futura);}

#mainHeader.menushowed a.trp-language-item span.trp-language-item-name { color: #fff; }


#allBody { margin-top: 180px; } /* przesuwamy ze względu na absolute mainheader, najpierw było 220, ale zmienione na 180 */
body.home #allBody { margin-top: 160px; } 

/* główne menu */




#hugemenu { position: fixed; top: 0; left: 0;  width: 100%; min-height: 100dvh; z-index: 102; background: #336189; overflow: hidden; visibility: hidden; opacity: 0; transition: opacity 0.25s ease-out, visibility 0.25s ease-out;}
#hugemenu.showed { visibility: visible; opacity: 1;}

#hugemenu .inside { width: min(100% - 3rem, 1200px); margin-left:30%; padding-top: 150px; }
#hugemenu .inside .totalmenu { position: relative;}
#hugemenu .inside .totalmenu::after { content: ''; position: absolute; left:calc(50% - 30px); top:0px; height: 70dvh; border-left:1px solid #fff;}
#hugemenu .inside .totalmenu ul { list-style: none; padding-left: 0px;}
#hugemenu .inside .totalmenu ul#fmenu > li {}
#hugemenu .inside .totalmenu ul#fmenu a { color: #fff; font-family: var(--futura);}
#hugemenu .inside .totalmenu ul#fmenu > li { font-size:3.5rem; line-height: 5.1rem; width: 50%; transition: width 0.25s ease-out;}
#hugemenu .inside .totalmenu ul#fmenu > li > a { display: block; position: relative; text-decoration-color: #7AC9D5; text-underline-offset:-10px; text-decoration-thickness:0px;}
#hugemenu .inside .totalmenu ul#fmenu > li:hover > a { display: block; position: relative; padding-left: 30px; text-decoration: underline; text-decoration-color: #7AC9D5; text-decoration-thickness:20px; text-decoration-skip-ink: none; opacity:1;}

#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children { position: relative; }
#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > a::after {  content: url("images/utility/arrow-menu.svg"); position: absolute; top:10px; left:500px; z-index: 2; pointer-events: none; }

#hugemenu .inside .totalmenu ul#fmenu > li > ul { position: absolute; left:500px; top:0px; display: flex; width:600px; gap:20px; flex-wrap: wrap; pointer-events: none; opacity: 0; transition: all 0.25s ease-out;}
#hugemenu .inside .totalmenu ul#fmenu > li > ul > li{ font-size:2.8rem; line-height: 4.2rem; padding-bottom: 0rem; border-bottom:5px solid #7AC9D5; display: block;; }

#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover { width: 100%;}
#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover > a::after { transform: scaleX(-1); }
#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover > ul,
#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:focus-within > ul { pointer-events: all; opacity: 1; left:600px; padding: 50px 0px;  top: -50px; }

@media (max-width: 1920px) {
	#hugemenu .inside .totalmenu ul#fmenu > li > ul { width: 440px;}
}

@media (max-width: 1530px) {
	#hugemenu .inside { margin-left: 20%; }
	#hugemenu .inside .totalmenu::after {  left:calc(50% - 30px); }
	#hugemenu .inside .totalmenu ul#fmenu > li > ul { width: 540px;}
	
}

@media (max-width: 1290px) {
	#hugemenu .inside { margin-left: 20%; }
	#hugemenu .inside .totalmenu::after {  left:calc(35% - 30px); }
	#hugemenu .inside .totalmenu ul#fmenu > li > ul { width: 340px;}
	
	#hugemenu .inside .totalmenu ul#fmenu > li { font-size: 3.8rem; line-height: 4.6rem; }
	#hugemenu .inside .totalmenu ul#fmenu > li > ul > li { font-size: 2.2rem; line-height: 2.8rem; }
	
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > a::after { transform: scale(.5); left: 290px;}
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover > a::after { transform: scaleX(-0.5) scaleY(0.5);}
	
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > ul { left: 400px; top: 15px;}
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover > ul { left: 420px; }
	
}

@media (max-width: 1080px) {
	#hugemenu .inside { margin-left: 15%; }
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > a::after { transform: scale(.5); left: 270px; top:0px;}
}


/* searchform */

.searchcontainer { background: #fff; display: flex; justify-content: center; height: 0px;  transition: height 0.25s ease-out; transition: transform 0.25s ease-out; visibility: hidden; pointer-events: none;}
.searchcontainer.sopen { height: 140px; visibility: visible; pointer-events: auto;}
.searchcontainer .searchwrapper { width: 80%; position: relative; }
.searchcontainer #searchform { margin-bottom: 80px;}
.searchcontainer #searchform input { font-size:3.2rem; width: calc(100% - 80px);  padding: 10px 12px; border:none; border-bottom: 5px solid var(--blue-300); }
.searchcontainer #searchform input::placeholder { opacity:0.2;}
.searchcontainer #searchform button { background: none; position: relative; right:50px; top:-10px;}
.searchcontainer #searchform button svg path { fill:#D9D9D9}
.searchcontainer #searchform button.active svg path { fill:#000000}
.searchcontainer .closesearch { position: absolute; z-index: 1; top:15px; right:0px;}
.searchcontainer .closesearch button { background:none; }
.searchcontainer .closesearch img { width: 24px; height: 24px;}

.searchsummary { font-family: var(--lora); font-size:2rem; margin-bottom: 50px; flex: 2 1 auto;}
.searchsummary span.keyword { font-family: var(--futura); font-weight: bold; font-size:3.2rem;}
.search-section { margin-bottom: 50px;}
.flexsearch { display: flex; gap:30px; gap:70px; }
.flexsearch .post-image { flex: 0 0 auto;}
.flexsearch .post-image img { width: 315px; aspect-ratio:1/1;  object-fit: cover;  }
.flexsearch .event-intro { flex: 1;}

.flexsearch .event-intro .pageInfo { display: flex; justify-content: space-between; font-family: var(--lora); color: var(--black-500); padding-bottom: 20px; border-bottom: 1px solid var(--black-500); margin-bottom: 50px;}
.flexsearch .post-image { position: relative; }
.flexsearch .post-image .ecat { background-color: #7AC9D5; padding: 10px 20px; text-transform: uppercase; position: absolute; bottom: 0px; left: 0px; z-index: 2; transform-origin: top left; transform: translateY(100%) rotate(-90deg);}
.flexsearch .post-image .ecat h5 { margin-bottom: 0px;}

#showsearchagain { padding: 5px 10px; font-size:1.2rem; line-height: 1.6rem; position: relative; top:-4px;}

.search-section.nothumb .flexsearch .post-image .ecat { left: auto; right:0px; bottom:auto; top:-100px; transform-origin: bottom right;}

/*kolumny z linią pośrodku */
.wp-block-columns.lined.is-layout-flex { gap:3em;}
.wp-block-columns.lined:before { content: ""; border: 0.5px solid #000; align-self: stretch; border-image: linear-gradient(90deg, #000, #fff) 1;}
.wp-block-columns.lined > .wp-block-column:first-of-type { order: -1; }


/*wavy background*/
.wavy { padding:0px; position: relative;}
.wavy  .wp-block-columns { gap:80px; padding: 100px 0px;}
.wavy::before { content: url("images/utility/wavybg.svg"); position: absolute; top:-1px; left:-10px; width:106%; height: auto; z-index: 2; pointer-events: none; }
.wavy::after { content: url("images/utility/wavybg.svg"); position: absolute; bottom:-1px; left:-10px; width:106%; height: auto; z-index: 2; transform: scaleY(-1); pointer-events: none;  }

.wavytop { padding:0px; position: relative;}
.wavytop::before { content: url("images/utility/wavybg.svg"); position: absolute; top:-1px; left:-10px; width:106%; height: auto; z-index: 2; pointer-events: none; }

/* home - sekcja projekty oraz kunszt  */
.projekty-naglowek { background: url("images/utility/projekty-bg.svg") no-repeat 80px 0px; background-size: 230px 158px;}
.projekty-naglowek h2 { padding-top: 50px;}

.czekaja-naglowek { display: flex; justify-content: center;}
.czekaja-naglowek h3 { border-bottom: 1px solid #fff; padding: 0px 10px 10px 10px; display: inline-block; text-align: center; }

.kunszt-przyciski {}
.kunszt-przyciski .wp-block-tiptip-hyperlink-group-block { padding: 50px 0px 30px 0px; container-type: inline-size; container-name: tiptip;}
.kunszt-przyciski .wp-block-tiptip-hyperlink-group-block:hover { background: rgba(122,201,213,0.7); opacity:1; }
.kunszt-przyciski .wp-block-tiptip-hyperlink-group-block figure { display: flex; justify-content: center;  height: 180px; align-items: center; margin-bottom: 20px;  }
.kunszt-przyciski .wp-block-tiptip-hyperlink-group-block h4 { padding: 0px 20%; min-height: 40px; font-size: 2.0rem; line-height: 2.8rem; }

@container tiptip (min-width: 600px) {
	.kunszt-przyciski .wp-block-tiptip-hyperlink-group-block h4 { padding: 0; min-height: 0px; }
}


/* sklep */
.sklep-naglowek { background: url("images/utility/sklep-link-bg.svg") no-repeat -20px 50px; background-size: 380px 182px; padding: 0px 0px 100px 80px; font-size:6.4rem; line-height: 6.6rem; position: relative; left:-80px; }
.sklep-naglowek a { max-width: 360px; display: inline-block;}
.sklep-naglowek a::after { content: ''; background-image: url('images/utility/btn-arrow1.svg'); background-repeat: no-repeat; background-size:contain; width:40px; height: 40px; display: inline-block; position: relative; top:-30px; left:30px;  transition: left 0.25s ease-out;}
.sklep-naglowek a:hover::after { left:60px;}
.sklep-naglowek a:hover { opacity:1; }


/* przestrzenie wystawowe */
.tabs button.group-wrapper { width: 100%; background: none; height: 300px; display: flex; flex-direction: column; position: relative; justify-content: center; align-items: center; align-content: center;  font-family: var(--futura);;}
.tabs button.group-wrapper p { text-align: center; font-family: var(--futura); max-width: 160px; font-size:2rem; line-height: 2.4rem; text-transform: uppercase; font-weight: bold; margin: 0px auto;}
.tabs button.group-wrapper figure { height: 135px;}
.tabs .wp-block-column:nth-child(1) button.group-wrapper { border-bottom:3px solid var(--blue-300); }
.tabs .wp-block-column:nth-child(2) button.group-wrapper { border-bottom:3px solid var(--orange-500); }
.tabs .wp-block-column:nth-child(3) button.group-wrapper { border-bottom:3px solid var(--yellow-500); }
.tabs .wp-block-column:nth-child(4) button.group-wrapper { border-bottom:3px solid var(--green-300); }

.tabs button.group-wrapper:hover, .tabs button.group-wrapper.active { opacity:1; color: #fff;}
.tabs button.group-wrapper:hover svg path, .tabs button.group-wrapper.active svg path { stroke:#fff; }
.tabs .wp-block-column:nth-child(1) button.group-wrapper:hover, .tabs .wp-block-column:nth-child(1) button.group-wrapper.active { background: var(--blue-300); }
.tabs .wp-block-column:nth-child(2) button.group-wrapper:hover, .tabs .wp-block-column:nth-child(2) button.group-wrapper.active { background: var(--orange-500); }
.tabs .wp-block-column:nth-child(3) button.group-wrapper:hover, .tabs .wp-block-column:nth-child(3) button.group-wrapper.active { background: var(--yellow-500); }
.tabs .wp-block-column:nth-child(4) button.group-wrapper:hover, .tabs .wp-block-column:nth-child(4) button.group-wrapper.active { background: var(--green-300); }

.tabs button.group-wrapper .closeb { position: absolute; top:10px; right:10px; z-index: 1; display: none;}
.tabs button.group-wrapper.active .closeb { display: block;}

.przestrzenie-zakladki .tresc { display: none;}


/* stopka */
#footermain { padding: 60px 0px 20px 0px; }
#footermain .fcontent {display: flex;}

#footercol1 { width: 50%;}
#footercol1 .loga .wp-block-group__inner-container { display: flex; gap:40px; justify-content: flex-start;}
#footercol1 .loga .wp-block-group__inner-container .wp-block-image { margin: 0 !important; }
#footercol1 { font-family: var(--lora); font-size:1.8rem; line-height: 165%; }

#footercol2 { width: 30%;}
#footercol2 ul {  list-style: none; height: 140px; display: flex; flex-direction: column;  flex-wrap: wrap; row-gap:16px; column-gap:60px;}
#footercol2 ul li a { font-size:2.4rem;} 

#socialnav { width: 20%;}
#socialnav ul { list-style: none; display: flex; justify-content:flex-end; gap:14px; align-items:center;}
#termslist ul { list-style: none; display: flex; gap:20px; justify-content: flex-end; position: relative; top:-20px; align-items: center;}
#termslist ul li a { color: var(--black-500); font-size:1.6rem; text-transform: none; display: inline-block;}

.copyrights { display:flex; font-family: var(--lora); font-size:1.2rem; justify-content: space-between; color: #554E53; padding-top: 40px; }
.copyrights a { color: #554E53;}

.content404 { text-align: center; margin-bottom: 60px;}
.content404 .image404 { margin-bottom: 60px;}
.content404 h1 { font-size:6.4rem; font-weight: 600; padding:0 10rem; line-height: 90%; margin-bottom: 4rem;}


/* FB WIDGET */
.fbcolumns { background: url("images/utility/social/widget-bg.png") no-repeat center center; background-size:contain;}
.fbcontainer .wp-block-group__inner-container { width: 500px; margin: 0px auto;}

@media (max-width: 680px) {
	.fbcolumns { background: none;}
}


/* KALENDARZ */
.calendarpage-loop .list-single-event { display: flex; gap:20px; align-items:center; border-bottom:1px solid #000; padding: 20px 0px; position: relative; overflow: hidden;}
.calendarpage-loop .list-single-event .date-info { flex-basis:15%; margin:0px auto; display: flex; padding-left: 5%; flex-direction: column;}
.calendarpage-loop .list-single-event .date-info span { display: inline-block;}
.calendarpage-loop .list-single-event .title-info { flex-basis:50%;}
.calendarpage-loop .list-single-event .title-info h3 { margin:0px; font-size: 2.0rem; line-height: 2.8rem;}
.calendarpage-loop .list-single-event .title-info p { margin:0px; }
.calendarpage-loop .list-single-event .title-info h5 a:hover { opacity:1; }
.calendarpage-loop .list-single-event .button-info { flex-basis:20%; text-align: right; padding-right: 80px;}
.calendarpage-loop .list-single-event .button-info a:hover { /*border-color:#eee; color: #eee;*/ color: #fff; background: var(--black-900); opacity:1;}

.calendarpage-loop .list-single-event .featuredbg { position: absolute; z-index: -1; top:0px; left:0px; height: 100%; width: 100%; }

.calendarpage-loop .date-info { font-family: var(--lora); line-height: 1.4;}
.calendarpage-loop .colorline { position: absolute; top:0px; background: #7AC9D5; left:0px; height: 100%; width: 20px; z-index: -1; transition: width 0.5s ease-out; }
.calendarpage-loop .list-single-event:hover .colorline {width: 100%;  }
.calendarpage-loop .list-single-event:hover { opacity:1;}
.calendarpage-loop .colorline2 { position: absolute; top:0px; background: #7AC9D5; right:0px; height: 100%; width: 20px; z-index: -1;  }


.calendarpage-loop.loading { opacity:0.3; pointer-events: none;}
.calendarpage-loop .list-single-event.is-hidden { display: none;}
.calendarpage-loop .list-single-event.group-hidden { display: none;}
.calendarpage-loop .list-single-event.date-hidden { display: none;}

.calendarpage-noresults { display: none; padding: 30px 0px; text-align: center;  }

.calendar-filter-panel { display: flex; justify-content: space-between; gap:20px;  font-size:1.6rem; align-items: center; margin-bottom: 30px;}
.calendar-filter-panel .filtertrigger { display:none;}
.calendar-filter-panel .filtertrigger button { background: none; padding: 6px; cursor: pointer; font-family: var(--lora);}
.calendar-filter-panel .monthselect {  font-size:3.2rem; font-family: var(--lora); position: relative;}
.calendar-filter-panel .monthselect .submonths { display: none; font-size:1.8rem; line-height: 2.2rem; position: absolute; top:30px; right:0px; width: 200px; background: #fff; padding: 10px 20px; line-height: 4rem; text-align: right; z-index: 2; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.2); }
.calendar-filter-panel .monthselect .submonths.visible { display: block;}
.calendar-filter-panel .monthselect button { background: none;  }
.calendar-filter-panel .monthselect button.active { color:#7ac9d5;  }

#category-filter { font-family: var(--futura); font-size:1.6rem; display: flex; justify-content:flex-start; flex-wrap:wrap; gap:20px; font-weight: bold; margin-bottom: 70px;  }
#category-filter button { padding: 10px 30px; border-bottom:2px solid #000; background: none; text-transform: uppercase;}
#category-filter button:hover, #category-filter button.active { color: #fff; opacity:1; }
.groupf-container { display: none;}
#group-filter { display: flex; justify-content:flex-end; gap:400px; margin-bottom: 50px; }
#group-filter button { padding: 10px 0px; border-bottom:2px solid #000; background: none; font-family: var(--lora); border-bottom:2px solid #fff; }
#group-filter button:hover, #group-filter button.active { border-color:#000;  }

#group-filter .grouplist { display: flex; gap:30px;}
#group-filter button#cleargroup { border-bottom:2px solid #000;}


.mobile-filter-title { display: none; font-family: var(--lora); font-size:2.4rem; padding: 20px 0px 30px 0px;}


@media (max-width: 680px) {
	#category-filter { flex-direction: column; position: relative; }
	#category-filter button { display: block; text-align: left; }
	
	#filter-toggle-wrapper { margin-bottom: 10px;}
	#filter-toggle-wrapper #filter-toggle-btn { padding: 5px 10px; margin-bottom: 10px; display: block; width: 100%; }
	
	#category-filter > button#filter-typeall { background: #000; color: #fff;  } /* w małej rozdzielczości "Wszystkie" zawsze musi być czarne */
	.calendar-filter-panel { flex-direction: column; text-align: left; gap:0px; justify-content: flex-start;}
	.calendar-filter-panel > * { display: block; text-align: left; width: 100%;}
	
	.mobile-filter-title { display: block; }
	
	/*#category-filter #showmobileall { position: absolute; top: 0px; right:5px; color: #fff; background: none; border: none; font-size:2rem;}*/
	#category-filter #showmobileall {}
	
	
	#group-filter { justify-content: flex-start;  margin-bottom: 50px; flex-direction: column; gap:0px;}
	#group-filter .grouplist { justify-content: flex-start; flex-wrap: wrap; gap:0px 25px; margin-bottom: 0px; }
	#group-filter > * { flex-shrink: 0;}
	
	.calendarpage-loop .list-single-event { flex-direction: column;  }
	.calendarpage-loop .list-single-event  .date-info { margin: 0; padding: 0px; width: calc(100% - 30px); justify-content: space-between; margin-left: 30px; flex-direction: row;}
	.calendarpage-loop .list-single-event .title-info h5 { margin-left: 30px; }
	.calendarpage-loop .list-single-event .arrow { display: none;}
	.calendarpage-loop .list-single-event .button-info { flex-basis: 100%; text-align: right; padding-right: 0px; width: calc(100% - 30px); margin-left: 30px;}
	.calendarpage-loop .list-single-event .button-info a.borderbtn, .calendarpage-loop .list-single-event .button-info span.borderbtn { width: 100%; display: block; text-align: center; } 
	
	.calendarpage-loop .list-single-event:hover .colorline {width: 20px;  }
	
	
}


body.single-theevent .singleevent-titledecorator { margin-bottom: 90px;}
body.single-theevent section.pageTitle { margin-bottom: 100px;}
body.single-theevent .flexevent { display: flex; gap:100px; margin-bottom: 50px; }
body.single-theevent .flexevent > div { flex-grow: 1; flex-basis: 0;}
body.single-theevent .event-excerpt { margin-bottom: 100px;}
body.single-theevent .fullContent .bigmargin { font-family: var(--lora); line-height: 150%; }
body.single-theevent .event-intro .button-info a { background:var(--black-900); width: 100%; color: #fff; text-align: center;}
body.single-theevent .event-intro .button-info a img { margin-right: 20px;}

body.single-theevent .flexevent > div.emptyimage { flex-basis: 20px; flex-grow:0;}

body.single-post .singleevent-titledecorator { margin-bottom: 10px;}
body.single-post section.pageTitle { margin-bottom: 100px;}
body.single-post .flexevent { display: flex; gap:100px; margin-bottom: 50px; }
body.single-post .flexevent > div { flex-grow: 1; flex-basis: 0;}
body.single-post .event-excerpt { margin-bottom: 100px;}
body.single-post .fullContent, body.single-post .fullContent p { font-family: var(--lora); color: var(--black-700);}
body.single-post .fullContent .bigmargin { font-family: var(--lora); line-height: 150%; }



body.single-theedu .singleevent-titledecorator { margin-bottom: 10px;}
body.single-theedu section.pageTitle { margin-bottom: 100px;}
body.single-theedu .flexevent { display: flex; gap:100px; margin-bottom: 50px; }
body.single-theedu .flexevent > div { flex-grow: 1; flex-basis: 0;}
body.single-theedu .event-excerpt { margin-bottom: 100px;}
body.single-post .fullContent p { font-family: var(--lora); color: var(--black-700);}
body.single-theedu .fullContent .bigmargin { font-family: var(--lora); line-height: 150%; }

body.single-theproject .singleevent-titledecorator { margin-bottom: 10px;}
body.single-theproject section.pageTitle { margin-bottom: 100px;}
body.single-theproject .flexevent { display: flex; gap:100px; margin-bottom: 50px; }
body.single-theproject .flexevent > div { flex-grow: 1; flex-basis: 0;}
body.single-theproject .event-excerpt { margin-bottom: 30px;}
body.single-theproject .fullContent, body.single-theproject .fullContent p { font-family: var(--lora); color: var(--black-700);}
body.single-theproject .fullContent .bigmargin { font-family: var(--lora); line-height: 150%; }


.event-details { border-top:1px solid #000; padding-top: 20px; font-family: var(--lora);  }
.event-details .dateplace { display: flex; justify-content: space-between; margin-bottom: 30px; width: 100%; }
.event-details .dateplace .label { margin-bottom: 20px;}
.event-details span.info  { font-weight: bold; font-size: 2.0rem; line-height: 2.8rem; }

.event-details .button-info span.borderbtn { border: 2px solid var(--blue-300); padding: 1.6rem; display: inline-block; font-family: var(--futura); text-transform: uppercase; display: block; text-align: center; font-size:2rem;}
.event-details .button-info a.borderbtn { border: 2px solid var(--black-900); background: var(--black-900); color: #fff;   padding: 1.6rem; display: inline-block; font-family: var(--futura); text-transform: uppercase; display: block; text-align: center; font-size:2rem;}
.event-details .button-info img { margin-right: 15px;}

.event-image, .emptyimage { position: relative; }
.event-image img { width: 100%; height: 100%; object-fit: cover;}

.event-image .ecat, .emptyimage .ecat { background-color: #7AC9D5; padding: 10px 20px; text-transform: uppercase; position: absolute; bottom: 0px; left: 0px; z-index: 2; transform-origin: top left; transform: translateY(100%) rotate(-90deg);}
.event-image .ecat span, .emptyimage .ecat span { margin-bottom: 0px; font-size: 2.0rem; line-height: 2.8rem;}
.emptyimage .ecat { bottom: auto; top:0px; transform: translateY(150px) rotate(-90deg);}

.event-image a.goback { position: absolute; top:20px; left:20px; z-index: 2;}

.event-top .postdetails { display: flex; justify-content: space-between; font-family: var(--lora); color: var(--black-500); padding-bottom: 20px; border-bottom: 1px solid var(--black-500); margin-bottom: 150px;}



@media (max-width: 980px) {
	body.single-theevent .flexevent { flex-direction: column; gap:20px;}
	body.single-theevent .event-excerpt { margin-bottom: 20px; }
	body.single-theevent .singleevent-titledecorator { margin-bottom: 0px;}
	body.single-theevent .event-details { display: flex; justify-content: space-between; gap:20px;}
	body.single-theevent .event-details .dateplace { margin: 0;}
	body.single-theevent .event-details .dateplace .label { margin-bottom: 0px; }
	body.single-theevent .button-info span, body.single-theevent .button-info a { width: 100%; text-align: center;}
	
	body.single-theproject .flexevent { flex-direction: column; gap:20px;}
	body.single-theproject .event-excerpt { margin-bottom: 20px; }
	body.single-theproject .singleevent-titledecorator { margin-bottom: 0px;}
	body.single-theproject .event-details { display: flex; justify-content: space-between; gap:20px;}
	body.single-theproject .event-details .dateplace { margin: 0;}
	body.single-theproject .event-details .dateplace .label { margin-bottom: 0px; }
	body.single-theproject .button-info span, body.single-theevent .button-info a { width: 100%; text-align: center;}
	
	body.single-theedu .flexevent { flex-direction: column; gap:20px;}
	body.single-theedu .event-excerpt { margin-bottom: 20px; }
	body.single-theedu .singleevent-titledecorator { margin-bottom: 0px;}
	body.single-theedu .event-details { display: flex; justify-content: space-between; gap:20px;}
	body.single-theedu .event-details .dateplace { margin: 0;}
	body.single-theedu .event-details .dateplace .label { margin-bottom: 0px; }
	body.single-theedu .button-info span, body.single-theevent .button-info a { width: 100%; text-align: center;}
}


@media (max-width: 780px) {
	.calendarpage-loop .list-single-event .date-info { margin-left: 0px; margin-right:0px; padding-left: 40px;}
}

@media (max-width: 680px) {
	.calendarpage-loop .list-single-event .date-info { padding-left: 20px; padding-right: 20px;}
	.calendarpage-loop .list-single-event .title-info { flex-basis: 100%; padding: 0px 20px; width:calc(100% - 40px); text-align: left; }
	.calendarpage-loop .list-single-event .button-info { flex-basis: 100%; text-align: right; padding:0px;  width: calc(100% - 60px); margin-left: 30px; margin-right: 30px;}
}


/* aktualności */
.news-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:20px;}
.news-grid a.singlenews-box { border:4px solid #fff; }
.news-grid a.singlenews-box:hover { opacity:1; border-color:var(--blue-300); }
.news-grid a.singlenews-box .postdetails { display: flex; justify-content: space-between; font-family: var(--lora); padding: 5px 0px 20px 0px; color: var(--black-500);  text-transform: lowercase;}
.news-grid a.singlenews-box .news-image img { aspect-ratio: 1 / 1; object-fit: cover;}
.news-grid .news-info { padding: 20px; }
.news-grid .news-info h4 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--black-500); }
.news-grid .news-info h2 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--black-500); font-size: 2.4rem; line-height: 3rem; }



.newpagination .pagination { font-family: var(--lora); font-size:2.4rem; display: flex; gap:30px; justify-content:center; margin-bottom: 100px; margin-top: 20px; }
.newpagination .pagination .number { display: flex; gap:20px;}
.newpagination  .pagination a, .newpagination .pagination span, , .newpagination .pagination button { padding: 5px; }
.newpagination .pagination button { text-decoration: underline; }
.newpagination .pagination .arrow-disabled { opacity: 0.3; cursor: default; pointer-events: none;}

/* paginacja jQuery */
.projectlist-bottom { margin-bottom: 100px; position: relative; display: flex; align-items: center;}
.projectlist-bottom .archivepage { text-transform: uppercase; font-size:2.4rem;; position: absolute; right: 0;}

.projectlist-bottom #pagination {  font-family: var(--lora); font-size:2.4rem; display: flex; gap:30px; justify-content:center; margin: 0 auto;}
.projectlist-bottom #pagination button { padding: 5px; cursor: pointer; background: none;;}
.projectlist-bottom #pagination button.active { text-decoration: underline; }

@media (max-width: 500px) {
	.projectlist-bottom { display: block;}
	.projectlist-bottom .archivepage { text-align: center; position: static; margin-top: 30px;;}
}


.event-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap:20px;}

@media (max-width: 1000px) {
	body.single-post .flexevent { flex-direction: column; gap:20px;}
	.event-top .postdetails { margin-bottom: 20px;}
	body.single-post .event-excerpt { margin-bottom: 20px; }
}

@media (max-width: 800px) {
	.news-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 500px) {
	.news-grid { grid-template-columns: 1fr; }
}


/* projekty */

.filtersection[hidden] { display: none; /* zabezpieczenie dla starszych przeglądarek */ }
.filter-toggle-btn {  display: inline-flex; align-items: center;  gap: 8px; padding: 9px 18px; background: transparent; border: 1.5px solid #7acad6; color: #7acad6; cursor: pointer; transition: background 0.18s ease, color 0.18s ease; margin-bottom: 30px;;}
.filter-toggle-btn:hover { background: #7acad6; color: #fff; opacity:1; }
.filter-toggle-btn:hover .arrow-icon path { stroke: #fff; }
.filter-toggle-btn .arrow-icon { flex-shrink: 0; transition: transform 0.22s ease; }
.filter-toggle-btn[aria-expanded="true"] .arrow-icon { transform: rotate(180deg); }

.filtersection {  margin-bottom: 70px; }
.projectfilter { display: flex; gap:100px; margin-bottom: 30px; }
.projectfilter .tax-filter { flex-grow:1; flex-shrink: 1; width: calc(33% - 100px); }
.projectfilter .tax-filter h3 { text-transform: uppercase; font-size:2rem; line-height: 2.8rem; display: inline-block; border-bottom: 1px solid var(--black-700); color:var(--black-700); }
.projectfilter .tax-filter .taxterms { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.projectfilter .tax-filter .taxterms a { padding: 8px 16px; color: var(--blue-500, #336189); font-family: var(--lora); font-size: 16px;  background: rgba(122, 201, 213, 0.10); text-transform: lowercase; }
.projectfilter .tax-filter .taxterms a.active { background: rgba(122, 201, 213, 0.50);}

.projectfilter .tax-filter .taxterms button { padding: 8px 16px; color: var(--blue-500, #336189); font-family: var(--lora); font-size: 16px;  background: rgba(122, 201, 213, 0.10); text-transform: lowercase; cursor: pointer; transition: opacity 0.25s ease-out;}
.projectfilter .tax-filter .taxterms button:hover { opacity:0.6; }
.projectfilter .tax-filter .taxterms button.active { background: rgba(122, 201, 213, 0.50);}

.projectpage-loop { display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; margin-bottom: 80px; } 
.projectpage-loop .isingleproject {  position: relative; display: block; /* overflow: hidden; */ margin-bottom: 10px;}
.projectpage-loop .isingleproject a { display: block;}
.projectpage-loop .singleproject-block .projectabout { border-bottom: 1px solid #000; margin-bottom: 10px; }
.projectpage-loop .singleproject-block .projectabout h3 { font-size: 2.4rem; line-height: 3rem; margin-bottom: 10px;}
.projectpage-loop .isingleproject img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.projectpage-loop .singleproject-block .projecttags { color: #B3B3B3; text-transform: lowercase; }

.projectpage-loop .isingleproject .hover { transform: scale(1, 0); color: #fff; position: absolute; top: 0px; left: 0px; z-index: 6; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; transition: var(--trans); text-align: center; }
.projectpage-loop .isingleproject:hover .hover, .projectpage-loop .isingleproject:focus-within .hover { transform: scale(1, 1); }


.projectcount {  font-family: var(--lora); padding: 10px 0px; font-size:2rem; margin-bottom: 30px;  }

.noresults { display: none; text-align: center; font-family: var(--lora); font-weight: normal; }
.clearfilters { text-align: center;  }
.clearfilters button { font-family: var(--lora); padding: 5px 0px; border:none; border-bottom: 1px solid var(--black-700); background: none; }

@media (max-width: 980px) {
	.projectfilter { flex-direction: column; gap:20px;}
	.projectfilter .tax-filter { width: 100%;}
	.projectfilter .tax-filter h3 { display: block; position: relative; border: none;}
	.projectfilter .tax-filter .filtertitle { border-bottom: 1px solid var(--black-700); margin-bottom: 10px; }
	.projectfilter .tax-filter .filtertitle .toggle-icon { cursor: pointer; width: 16px; height: 16px;}
	.projectfilter .tax-filter .filtertitle .toggle-icon.rotated { transform: rotate(45deg); transition: transform 0.3s; transform-origin: center center;}
	.projectfilter .tax-filter .filtertitle svg { width: 16px; height: 16px;}
	.projectfilter .tax-filter .filtertitle { display: flex; justify-content: space-between; }
}

@media (max-width: 780px) {
	.projectpage-loop { grid-template-columns: repeat(2, 1fr); }
}
	
@media (max-width: 410px) {
	.projectpage-loop { grid-template-columns: repeat(1, 1fr); }
}


/* biblioteka - single term */
body.tax-themtype { background: var(--black-900) url("images/utility/biblioteka/biblioteka-bg.svg"); background-size: 100%;  }
body.tax-themtype #mainHeader { color: #fff; }
body.tax-themtype #mainHeader svg path { fill:#fff; stroke: #fff;}
body.tax-themtype #mainHeader a { color: #fff; }

body.tax-themtype #mainHeader.menushowed .menutrigger button span.icon svg path { stroke:var(--blue-500); }
body.tax-themtype footer { color: #fff; }
body.tax-themtype footer a { color: #fff; }
body.tax-themtype footer .loga img {filter: invert(1); }
body.tax-themtype .fullContent { color: #fff; }
body.tax-themtype .fullContent p, body.tax-themtype .fullContent h1, body.tax-themtype .fullContent h2, body.tax-themtype .fullContent h3 { color: #fff; }
body.tax-themtype .introtext { width: 50%; margin-bottom: 100px;}

/* archive page */ 
body.post-type-archive-thelibrary { background: var(--black-900) url("images/utility/biblioteka/biblioteka-bg.svg"); background-size: 100%;  }
body.post-type-archive-thelibrary #mainHeader { color: #fff; }
body.post-type-archive-thelibrary #mainHeader svg path { fill:#fff; stroke: #fff;}
body.post-type-archive-thelibrary #mainHeader a { color: #fff; }

body.post-type-archive-thelibrary #mainHeader.menushowed .menutrigger button span.icon svg path { stroke:var(--blue-500); }
body.post-type-archive-thelibrary footer { color: #fff; }
body.post-type-archive-thelibrary footer a { color: #fff; }
body.post-type-archive-thelibrary footer .fcontent img {filter: invert(1); }
body.post-type-archive-thelibrary .fullContent { color: #fff; }
body.post-type-archive-thelibrary .fullContent p, body.post-type-archive-thelibrary .fullContent h1, body.post-type-archive-thelibrary .fullContent h2, body.post-type-archive-thelibrary .fullContent h3 { color: #fff; }
body.post-type-archive-thelibrary .introtext { width: 50%; margin-bottom: 100px;}
body.post-type-archive-thelibrary p { color: #fff; }

body.post-type-archive-thelibrary .librarymmenu { display:none; margin-bottom: 50px;  }
body.post-type-archive-thelibrary .librarymmenu button { opacity:0.4; font-size:3.2rem; background: none; border:none; padding: 0; display: inline-block;}
body.post-type-archive-thelibrary .librarymmenu button.active { opacity:1;}

.medium-big-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap:20px; margin-bottom: 150px;}
.medium-big-grid .infodiv { grid-area: 1 / 1 / 2 / 3; padding-top: 100px; }
.medium-big-grid .infodiv.tekstinfo { padding-top: 0px;}
.medium-big-grid .singlemedium.blocknr1 { grid-area: 1 / 3 / 2 / 5; } 
.medium-big-grid p.logos { display: flex; gap:40px;}
.medium-big-grid .infodiv .firstinfo { margin-bottom: 250px;}
.medium-big-grid .infodiv .firstinfo h2 { font-size: 4.8rem; line-height: 5.6rem;}
.medium-big-grid .infodiv.tekstinfo .firstinfo { margin-bottom: 50px;}
.medium-big-grid .infodiv .taxmenu a, body.term-teksty .taxmenu a { opacity:0.4;}
.medium-big-grid .infodiv .taxmenu a:hover, body.term-teksty .taxmenu a:hover { opacity:1;}
.medium-big-grid .infodiv .taxmenu span { font-size: 4.0rem; line-height: 4.8rem; color: #fff; display: block;}
.medium-big-grid .descdiv p { text-align: right;}

.medium-big-grid .descdiv { grid-area: 1 / 3 / 2 / 5; } 

.medium-big-grid .singlemedium.tekstmedium {}
.medium-big-grid .singlemedium.tekstmedium img { object-fit: contain; }
.medium-big-grid .singlemedium.tekstmedium h3 { border-bottom: none; text-align: center;}
.medium-big-grid .singlemedium.tekstmedium .isinglemedium { background: none; }
.medium-big-grid .singlemedium.tekstmedium a { color: #fff;  }
.medium-big-grid .singlemedium.tekstmedium .isinglemedium .hover {text-align: center; }


@media (max-width: 980px) {
	body.post-type-archive-thelibrary .librarymmenu { display: flex; gap:20px; }
	body.post-type-archive-thelibrary .introtext { width: 100%; margin: 50px 0px;;}
	.medium-big-grid .infodiv .firstinfo { margin-bottom: 0px;}
	.medium-big-grid .infodiv .firstinfo  h1 { display: none; }
	.medium-big-grid .infodiv .taxmenu { display: none; }
	
	.medium-big-grid .infodiv.tekstinfo { display:none;  }
	.medium-big-grid#grid-teksty .descdiv { grid-column-start: 1; grid-column-end:-1; }
	.medium-big-grid#grid-teksty .descdiv p { text-align: left;;}
	
	
}


@media (max-width: 880px) {
	.medium-big-grid { grid-template-columns: repeat(2, 1fr); }
	.medium-big-grid .infodiv { grid-area: auto; }
	.medium-big-grid .singlemedium.blocknr1 { grid-area: auto; }
}

@media (max-width: 600px) {
	.medium-big-grid .infodiv { grid-column-start: 1; grid-column-end: 3; padding-top: 0px;}
	.medium-big-grid .singlemedium.blocknr1 { grid-column-start: 1; grid-column-end: 3;}
}

@media (max-width: 400px) {
	.medium-big-grid { grid-template-columns: repeat(1, 1fr); }
	.medium-big-grid .infodiv { grid-area: auto; }
	.medium-big-grid .singlemedium.blocknr1 { grid-area: auto; }
	 body.post-type-archive-thelibrary .librarymmenu { gap: 10px;}
}


/* galerie kwadratowe grid */
.wp-block-columns.mygallery {}
.wp-block-columns.mygallery .wp-block-spacer { display: none; }
.wp-block-columns.mygallery > .wp-block-column:nth-child(1) { display: flex; flex-direction: column; justify-content: space-between; margin-bottom: 0; gap:20px;}
.wp-block-columns.mygallery > .wp-block-column:nth-child(2) { display: flex; flex-direction: column; margin-bottom: 0; gap:20px;}
.wp-block-columns.mygallery .wp-block-columns { margin-bottom: 0;}
.wp-block-columns.mygallery .wp-block-columns > .wp-block-column { flex-basis: 30% !important; }





/* kino - single */

.moviedata { display: grid; gap:10%; grid-template-columns: 1fr 2fr;   }
.moviedata .singlemovieposter {  }
.moviedata .singlemovieposter img { position: sticky; top:20px; left:0px; }
.moviedata .singlemoviedata {  }
.moviedata .content-section { margin-bottom: 100px;}

@media (max-width: 480px) {
	.moviedata { display: grid; gap:10%; grid-template-columns: 1fr; gap:30px;   }
	
}

/* kontakt */
.kontakt-column .wp-block-columns { margin-bottom: 0px;}
.wp-block-file { border-top:2px solid var(--black-900); padding: 20px; margin-bottom: 0px; display: flex; justify-content: space-between; align-items:center;    }
.wp-block-file a { font-size:3.2rem; font-weight: 600;}
.wp-block-file a.wp-block-file__button { font-size:2rem; background: #fff; padding: 10px 30px; color: var(--black-900); border-radius: 0px; border:2px solid var(--black-900); text-transform: uppercase;}

/* przyczepiona mapka */ 
.csticked { align-self: flex-start; position: sticky; top: 40px;}

/* dla mediów */
a.justimage svg { width: 100%; height: auto;}

/* co robimy */
.introsection {background: url("images/utility/aboutus/header-bg.png") center center; background-repeat: no-repeat; background-size: contain; padding: 70px 80px;  }
.introsection h1 { font-size:6.4rem; line-height: 6.4rem;}
.wp-block-cover.meettheteam-section { align-items: start; padding: 50px;}


body.page-id-33958 footer#footermain { background: #336189; }
body.page-id-33958 footer { color: #fff; }
body.page-id-33958 footer a { color: #fff; }
body.page-id-33958 footer .fcontent img {filter: invert(1); }
body.page-id-33958 footer #main-help a { color: #fff; }
body.page-id-33958 .copyrights { color: #fff;}
body.page-id-33958 #footermain svg path { fill:#fff;}

/* zespół */
body.page-id-32078 {  /*background: url("images/utility/biblioteka/zespol-bg.svg"); background-size: 100%; background-position: 0px 400px; image-rendering: -webkit-optimize-contrast;*/ overflow-x: hidden;}
body.page-id-32078::after { content: url('images/utility/biblioteka/zespol-bg.svg'); display: block; position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1; }

.introsection2 {background: url("images/utility/aboutus/header-bg2.png") center center; background-repeat: no-repeat; background-size: contain; padding: 70px 80px;  }
.introsection2 h1 { font-size:6.4rem; line-height: 6.4rem; }
.introsection3 {background: url("images/utility/aboutus/header-bg3.png") center center; background-repeat: no-repeat; background-size: contain; padding: 70px 80px;  }
.introsection3 h1 { font-size:6.4rem; line-height: 6.4rem; }
.introsection4 {background: url("images/utility/aboutus/header-bg4.png") center center; background-repeat: no-repeat; background-size: contain; padding: 70px 80px;  }
.introsection4 h1 { font-size:6.4rem; line-height: 6.4rem; }




/* accessibility */

#accessibility-menu { background: #fff; position: fixed; top:100px; right:0; width: calc(50vw - 253px); z-index: 110; height: calc(100dvh - 100px); box-shadow: -20px 0px 35px 0px rgba(0, 0, 0, 0.1);  transition: right 0.5s ease; }
#accessibility-menu.hidden { transform: translateX(100%); visibility: hidden; pointer-events: none;}
#accessibility-menu .inside { width: 400px; padding: 50px 20px 0px 50px;}
#accessibility-menu .inside .htitle { width: 60%; }
#accessibility-menu .inside .htitle span { font-size:2.4rem; line-height: 3rem; margin-bottom: 20px; }
#accessibility-menu .amenucontainer { display: flex; flex-direction: column; gap:40px;}
#accessibility-menu .amenucontainer .hlist { display: flex; flex-direction: column; gap:20px; font-family: var(--lora);}
#accessibility-menu .amenucontainer .hlist .hline { display: flex; gap:10px;}

/* nowe */
#accessibility-menu .toggle-switch { display: flex; align-items: center; font-size: 1.6rem;  cursor: pointer; }
#accessibility-menu .toggle-switch input { display: none; }
#accessibility-menu .slider { position: relative; width: 40px; height: 20px; background: #ddd !important; border-radius: 20px; margin-left: 10px; transition: background 0.3s; }
#accessibility-menu .slider::before { content: ""; position: absolute; width: 16px; height: 16px; background: white; border-radius: 50%; top: 2px; left: 2px; transition: transform 0.3s; }
#accessibility-menu input:checked + .slider { background: #79c6d2 !important; }
#accessibility-menu input:checked + .slider::before { transform: translateX(20px); }
#accessibility-menu .hline .slider { cursor: pointer; }

#accessibility-menu .amenucontainer .hlist button { background: none; border: none; border-bottom: 1px solid #000; padding: 0px;  padding-bottom: 2px; display: inline-block;}
#accessibility-menu .amenucontainer .hlist .circles button { width: 24px; height: 24px; text-align: center; border: 1px solid #ccc; text-decoration: none; font-weight: bold; border-radius:24px; }
#accessibility-menu .amenucontainer .hlist .circles button.disabled { pointer-events: none; opacity:0.2; }

@media (max-width: 1400px) {
	#accessibility-menu { width: 450px;}
}

@media (max-width: 600px) {
	#accessibility-menu { width: 100vw;}
	#accessibility-menu .inside { width: 100%; }
	#accessibility-menu .inside .htitle { width: 100%; }
}

@media (max-width: 340px) {
	#accessibility-menu { top:80px; height: calc(100dvh - 80px);  }
	#accessibility-menu .inside { padding: 20px 20px 0px 20px;}
}


/*

#accessmenu .amenucontainer .hlist .hlabel.narrow { width: 130px;}


.toggle-switch { position: relative; width: 34px; height: 20px; }
.toggle-switch input { opacity: 0; width: 0; height: 0; }
.toggle-switch label { position: absolute; cursor: pointer; background-color: #ccc; border-radius: 34px; width: 100%; height: 100%; transition: background-color 0.2s; }
.toggle-switch label::before { content: ''; position: absolute; width: 18px; height: 18px; background-color: white; border-radius: 50%; left: 1px; bottom: 1px; transition: transform 0.2s; }

input.tog:checked + label { background-color: #79c6d2;  }
input.tog:checked + label::before { transform: translateX(14px); }
*/

/* NEWSLETTER POPUP */
.jpyzBQ { width: 100% !important;}
.jpyzBQ button { width: 100% !important; padding-left: 18px !important; padding-right: 18px !important;}



/* mobile */


@media (max-width: 1600px) {
	.personoverlay.showed .pcontainer { width: 90vw;}
	
}

@media (max-width: 980px) {
	
	h1 { font-size:3.2rem; line-height: 3.8rem;}
	h2 { font-size:2.6rem; line-height: 3rem;}
	h3 { font-size:2rem; line-height: 2.4rem;}
	
	
	
	#allBody { /*margin-top: 100px;*/ margin-top: 160px; }
	body.search-results #allBody { margin-top: 160px; }
	
	#mainHeader .menutrigger button { font-size: 2rem; }
	#mainHeader .menutrigger button span.icon svg { width: 16px; height: 16px;}
	#mainHeader .menutrigger button span.icon { top:-2px;}
	#mainHeader.menushowed .menutrigger button span.icon svg { width: 38px; height: 38px; top:-8px;}
	
	#hugemenu .inside { margin-left: 5%; padding-top: 100px; width: auto;}
    #hugemenu .inside .totalmenu::after { border:none; }
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover > a::after { transform: scaleX(0.5) scaleY(0.5);}
	#hugemenu .inside .totalmenu ul#fmenu {/* overflow: hidden;*/ position: relative; width: 80%; transition: transform 0.3s ease; padding-top: 70px; }
	#hugemenu .inside .totalmenu ul#fmenu > li {  font-size: 3.2rem; line-height: 4rem; width: 80%;}
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children { position: static; }
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > ul.sub-menu { display:none; left: 0; top: 0; transform: translateX(980px); width: 115%; flex-direction: column; opacity:1; gap: 20px; background: none; transition: transform 0.3s ease; position: absolute;  z-index: 10; pointer-events:auto;}
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > ul.sub-menu.show { display: flex; }
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > ul.sub-menu > li { width: auto; align-self: flex-start;}
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover > ul { left: inherit; padding: 0; }
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children:hover { width: 80%; }
	#hugemenu .inside .totalmenu ul#fmenu > li.menu-item-has-children > ul.sub-menu > li.back-button { display: flex; justify-content: space-between;  padding: 10px;  cursor: pointer; text-align: left; width: 100%; color: #fff; border: none; font-size:3.2rem; }
	#hugemenu .inside .totalmenu ul#fmenu.slide-out { transform: translateX(-980px);}
	

  /* Nagłówek podmenu ze strzałką */
    footer #termslist ul { top: 0px; position: static; margin-top: 10px; justify-content: flex-start; padding-left: 0px;}
    footer .wp-block-spacer { display: none; }
    footer .wp-block-group.loga { margin-bottom: 60px;}
	
	
	.introsection h1, .introsection2 h1, .introsection3 h1, .introsection4 h1 { font-size:3.2rem; line-height: 3.6rem;}
	
	.wp-block-cover.cover1 { min-height: 300px !important;} 
	.wp-block-cover.cover1 .wp-block-columns { margin-bottom: 0px;}
	.wp-block-cover.cover1 .wp-block-columns h1 { margin-bottom: 0px; }
	.wp-block-cover.cover1 .wp-block-cover__inner-container { padding: 0px 100px;}
	.wp-block-cover.cover1 .wp-block-columns { flex-direction: column; }
	.wp-block-cover.cover1 .wp-block-image { display: none;  }
	
	.wp-block-cover.meettheteam-section { min-height: 300px !important; }
	
	.personoverlay.showed .pcontainer .persontable::before { display: none; }
	.personoverlay.showed .pcontainer .persontable > div { width: 100%; }
	.personoverlay.showed .pcontainer .persontable > div:first-of-type { display: none;}
	.personoverlay.showed .pcontainer .persontable > div.content { padding-right: 20px; overflow: scroll; display: block}
	
	/* kontkakt */
	body.page-id-31 .fullContent > .wp-block-columns { flex-direction: column-reverse; position: relative;}
	.kontakt-column > figure { position: absolute; top: 20px; right:0px;}
	.csticked { position: static; width: 100%;}
	
	.wp-block-file a { font-size:2rem; line-height: 2.4rem; font-weight: 600; }
	.wp-block-file a.wp-block-file__button { font-size: 1.4rem; padding: 5px 15px; }
	.wp-block-file { padding: 20px 0px;}
	
	
	/* search */
	.flexsearch .post-image { flex-basis: 200px;}
	

}

@media (max-width: 780px) {
    h2.wp-block-heading { /*margin-bottom: 0px;*/ }
    
    body.home #allBody { margin-top: 110px;}
    

    
    .bigmargin { padding: 0px; }
    .wp-block-cover.alignwide .wp-block-cover__inner-container { padding: 0px 30px;}
	
	.wp-block-columns.lined::before { display: none; } /* usuwamy linie poprzeczną */
	
    
    .wp-block-heading.huge { font-size:3rem; line-height: 3.2rem;}
    .aright { /*text-align: left;*/} /* jeednak się wycofujemy, poprawka Arka */
	.wp-block-column.aright { /*text-align: left; */} /* jeednak się wycofujemy, poprawka Arka */
    
    #mainHeader .navi-language { display: none; }
    #mainHeader .menutrigger { padding-left: 0px; }
    #mainHeader .headercontent { padding-bottom: 0px; padding-top: 15px; }
    
    .isinglepost .hover01 { display: none; }
    .isinglepost .hover02 { display: none; }
    .isinglepost img { height: 415px;}

	.postlist-block .scrollcontrol { display: none; }
	.postlist-block .postcontainer { height: auto; overflow:auto; }
	.postlist-block .postcontainer .single-post:nth-child(4),
	.postlist-block .postcontainer .single-post:nth-child(5) { display: none; }
	.postlist-block .single-post .news-image img.main { height: auto; object-fit: cover; aspect-ratio: 2/1; }
	
	
	/* na głónej poszerzamy niebieski kunszt */
	.wp-block-cover.alignwide.kunszt-przyciski { grid-column: alignfull;}
	.content-grid > .wp-block-cover.alignwide.kunszt-przyciski > .wp-block-cover__image-background { grid-column: alignfull; }
	.content-grid > .wp-block-cover.alignwide.kunszt-przyciski > .wp-block-cover__background { grid-column: alignfull; }
	
    
    /* mobilna pozioma rzewijana galeria */
    .wp-block-columns.lista-eventow { display: flex;  width: 100%; overflow-x: scroll; flex-wrap: nowrap !important;}
    .wp-block-columns.lista-eventow > .wp-block-column { flex-basis: auto; height: auto; flex-shrink: 0; width: 220px;   }
    .wp-block-columns.lista-eventow:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: auto !important;}
    .wp-block-columns.lista-eventow .singleevent-block .eventabout h4 { font-size:1.6rem; line-height: 2.1rem;}
    .wp-block-columns.lista-eventow .singleevent-block .hover { display: none; }
	
	.movielist { display: flex;  width: 100%; overflow-x: scroll; flex-wrap: nowrap !important;}
    .movielist > .singleposter { flex-basis: auto; height: auto; flex-shrink: 0; width: 220px;   }
    .movielist > .singleposter h4 { font-size:1.6rem; line-height: 2.1rem;}
	
	.wp-block-columns.prasowe { display: flex;  width: 100%; overflow-x: scroll; flex-wrap: nowrap !important;}
	.wp-block-columns.prasowe  > .wp-block-column { flex-basis: auto; height: auto; flex-shrink: 0; width: 220px;   }
	.wp-block-columns.prasowe:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: auto !important;}
	
	
    /* biblioteka online */
    .wp-block-columns.mobile2kolumny { display: grid; grid-template-columns: repeat(2, 1fr); }
	.wp-block-column.bib2kol { flex-direction: column-reverse; display: flex;}
	
    
    .kunszt-przyciski .wp-block-tiptip-hyperlink-group-block { padding: 0px;}
    .kunszt-przyciski .wp-block-tiptip-hyperlink-group-block figure {  height: auto; margin-bottom: 30px; display: block; padding: 10px 5px;}
    .kunszt-przyciski .wp-block-tiptip-hyperlink-group-block h5  { padding: 0; height: auto; font-size:1.4rem; line-height: 1.8rem; min-height: 0;}
    
    .wp-block-cover.cover1 .wp-block-cover__inner-container { padding: 0px 50px;}
	.tabs button.group-wrapper { height: 225px; }
	.tabs button.group-wrapper figure { height: 100px;}
	
	.przestrzenie-zakladki > .wp-block-group__inner-container .wp-block-columns.tabs { display: grid; grid-template-columns: 1fr 1fr; }
	.przestrzenie-zakladki > .wp-block-group__inner-container .wp-block-columns.tabs svg { width: 100px; height: auto;}

    
	.boks-kontakt > .wp-block-group__inner-container > .wp-block-columns.is-layout-flex { flex-direction: row; justify-content: space-between;}
	.boks-kontakt > .wp-block-group__inner-container > .wp-block-columns.is-layout-flex > div.wp-block-column.is-vertically-aligned-center { text-align: left; flex-basis:0% !important; width: auto; }
	
	.teamgrid .wp-block-columns.is-layout-flex { display: grid; grid-template-columns: 1fr 1fr;}
	.teamgrid .wp-block-column:empty { display: none; }
	
	
	/* kontkakt */
	body.page-id-31 .fullContent > .wp-block-columns { flex-direction: column-reverse !important; position: relative;}
	body.page-id-31 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 0% !important; }
	
	
	
}

@media (max-width: 600px) {
    #footermain { padding: 30px 0px 20px 0px; }
    #footermain .fcontent { flex-direction: column; }
    #footercol1 { width: 100%; }
    #footercol2 { width: 100%; }
    #socialnav { width: 100%; }
    #socialnav ul { padding-left: 0px; justify-content: flex-start; gap: 24px; }
    #footercol2 ul { height: auto; padding: 20px 0px;}
    footer .wp-block-group.loga { margin-bottom: 20px;}
    footer .wp-block-group.loga img { width: 100px; height: auto;}
    
    #footercol1 .loga .wp-block-group__inner-container { justify-content: space-between;}
    
    .searchcontainer #searchform input { font-size: 2.4rem;; position: relative; left: 2px;}
    .searchcontainer .searchwrapper { width: 100%; }
    .searchcontainer.sopen { height: 120px; display: flex; align-items: center;}
    .searchcontainer #searchform { margin-bottom: 0px;}
	.searchcontainer #searchform button { top: 0px; }
	.searchcontainer #searchform input::placeholder { opacity: 1;}
	.searchcontainer #searchform button svg path { fill:#000; }
	
	
	.kunszt-naglowek img { width: 60px; height: auto; }
	.kunszt-naglowek h2 { font-size:4.2rem !important; }
	
	.introsection, .introsection2, .introsection3, .introsection4 { padding: 0px 20px;;}
	
	.tabs button.group-wrapper p { max-width: 100%; font-size: 1.6rem; line-height: 2rem;}
	
	.wp-block-spacer { max-height: 50px !important; }
	
	.fbcontainer .wp-block-group__inner-container { width: 100%; margin: 0px auto; overflow: hidden;}
	
	.personoverlay.showed .pcontainer .infobox .info { flex-direction: column; gap:10px;}
	
	
	.flexsearch { gap: 30px; }
	.flexsearch .post-image { flex-basis: 80px;}
	.flexsearch .event-intro .pageInfo { margin-bottom: 20px;}
	.searchsummary { display: flex; flex-direction: column; gap: 20px; }
    
}


@media (max-width: 420px) {
    #mainHeader .logo-link svg { width: 80px; height: auto; }
    footer #termslist ul { flex-direction: column; gap:15px;}
    .copyrights { flex-direction: column; gap:15px;}
    .searchcontainer #searchform input { font-size: 1.8rem;; }
    .searchcontainer #searchform svg { width: 20px; height: auto;}
	
	.kontakt-column > figure { top: 31px; text-align: right; }
	.kontakt-column .wp-block-image img { max-width: 64%;   }
	
	 .flexsearch { gap: 10px; }
	 .flexsearch .event-intro .pageInfo { flex-direction: column; gap:10px;}
	.flexsearch .post-image { flex-basis: 40px;}
	
	
}