/*
Theme Name: Muzeum Gdynia 2021
Description: Wordpress theme made by trustudio.pl
Text Domain: muzeumgdynia
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
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap&subset=latin-ext');
@import url('images/webfonts/styles/webfonts.css');
body { -ms-overflow-style: scrollbar;}




@media (min-width: 1198px) {
	.container:not(.fullwidth) { max-width: 1140px !important;}
}


.container-fluid.fullwidth { /*max-width: 1900px;*/}
.container-fluid.fullwidth .cslider .slickslider { max-width: 1900px; margin: 0px auto; padding-bottom: 0px;} 



/* domyślne bloki */
.wp-block-columns {}
.waski { max-width: 1120px !important; margin: 0px auto;}
.xontainer.superwaski { max-width: 920px !important; margin: 0px auto;}

.mobileonly { display: none;}

.green { color:#C20000;}
.orange { color:#6a6a6a;}
.grey { color: #878787;}
mark { background: #c1ffdf; padding: 0px;}
/*!---------- COMMON STYLES ----------*/

.pa0 { padding: 0px !important;}
.pa10 { padding: 10px !important;}
.pa20 { padding: 20px !important;}
.pa30 { padding: 30px !important;}
.pa40 { padding: 40px !important;}
.pa50 { padding: 50px !important;}

.pud10 { padding-top: 10px !important; padding-bottom: 10px !important;}
.pud20 { padding-top: 20px !important; padding-bottom: 20px !important;}
.pud30 { padding-top: 30px !important; padding-bottom: 30px !important;}
.pud40 { padding-top: 40px !important; padding-bottom: 40px !important;}
.pud50 { padding-top: 50px !important; padding-bottom: 50px !important;}

.pt0 { padding-top: 0px !important;}
.pt10 { padding-top: 10px !important;}
.pt20 { padding-top: 20px !important;}
.pt30 { padding-top: 30px !important;}
.pt50 { padding-top: 50px !important;}
.pt70 { padding-top: 70px !important;}
.pt100 { padding-top: 100px !important;}
.pt150 { padding-top: 150px !important;}

.pb0 { padding-bottom: 0px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb100 { padding-bottom: 100px !important;}
.pb150 { padding-bottom: 150px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 27px !important;} /* poprawka Kasi zwierzyńskiej */
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;} /* poprawka Kasi zwierzyńskiej na 100px, a potem moja na 50px*/
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.mb100 { margin-bottom: 100px !important;}
.mb150 { margin-bottom: 150px !important;}

.mt0 { margin-top: 0px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt100 { margin-top: 100px !important;}
.mt150 { margin-top: 150px !important;}

.pl40 { padding-left: 40px;}


body { font-family: 'Priva', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 24px; color: #000; }
section {  }
img { max-width: 100%; height:auto; }
a, a:hover, a:focus, button, input{ color: inherit; text-decoration: none; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
a { color:#C20000;  }
a * {-webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out;}
a:hover { }
a.blocked { display: block;}
.clr, .clear { clear:both;}
button { border:none;}
em { /*color: #666;*/}
ul { margin-bottom: 0px;}

.hdesktop { display: block;}
.hmobile { display: none;}

.alt-font { font-family: 'Priva', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; }
.bold-title { font-family: 'Priva', Arial, Helvetica, sans-serif; font-weight: 700; }
.thin-title { font-family: 'Priva', Arial, Helvetica, sans-serif; font-weight: 100; }
.block-title { font-family: 'Priva', Arial, Helvetica, sans-serif; font-weight: 400; text-transform:none; }
.uppercase { text-transform: uppercase; }
.through { text-decoration: line-through; }
.thin { font-family: 'Priva', Arial, Helvetica, sans-serif; font-weight: 100; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.bg-inverse h1, .bg-inverse h2, .bg-inverse h3, .bg-inverse h4, .bg-inverse h5, .bg-inverse h6 { color: #000; }
.bg-inverse { color: #000; }
.aligncenter { text-align: center;}
.normalcase { text-transform: none !important; }
.lowercase { text-transform: lowercase;}
h2.bolder.lowercase, h2.lowercase { text-transform: lowercase;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 18px 0px; font-family: 'Priva', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #000; font-weight: bold;  }
h1 { font-size: 45px; font-weight: 300;  }
h2 { font-weight: 300;  font-size:32px; /*text-transform:lowercase;*/  }
h3 { font-size: 18px; /*text-transform:lowercase;*/  }
h4 { font-size: 16px; /*text-transform:lowercase;*/  }
h5 { font-size: 13px; /*text-transform:lowercase;*/  }
h6 { font-size: 12px; /*text-transform:lowercase;*/  }
p { font-size: 16px;  line-height: 26px; margin-bottom: 12px;  color: #000; text-align: left; font-weight: 300; }

p.has-medium-font-size { line-height: 30px;}

p strong { font-weight:700;}
p.title { font-size: 13px; 	font-weight: 400; 	line-height: 28px; 	margin-bottom: 24px;  }
ul { list-style: none; padding-left: 5px; }
ul li { }

img.alignleft { float:left; margin:0px 20px 20px 0px;}
label { font-weight:400;}


/*img.clipped-square { clip-path: polygon(92% 0, 100% 35%, 100% 100%, 0 100%, 0 0);}
.clipped-square img { clip-path: polygon(92% 0, 100% 35%, 100% 100%, 0 100%, 0 0);}

img.clipped-rect { clip-path: polygon(93% 0, 100% 45%, 100% 100%, 0 100%, 0 0);}
.clipped-rect img { clip-path: polygon(93% 0, 100% 45%, 100% 100%, 0 100%, 0 0);}

img.clipped-poster { clip-path: polygon(85% 0, 100% 25%, 100% 100%, 0 100%, 0 0);}
.clipped-poster img { clip-path: polygon(85% 0, 100% 25%, 100% 100%, 0 100%, 0 0);}*/

hr{  border: 2px solid #bbb; width: 120px; margin: 20px auto 20px auto; }

::-moz-selection { background: #555; color: #fff; text-shadow: none; }
::selection { background: #555; color: #fff; text-shadow: none; }

::-webkit-input-placeholder { font-weight:normal; color:#aaa; }
::-moz-placeholder {  font-weight:normal;  color:#aaa;}
:-ms-input-placeholder { font-weight:normal;  color:#aaa;}
:-moz-placeholder { font-weight:normal;  color:#aaa;}

.no-gap { padding-left:0px !important; padding-right:0px !important;}
.no-gap-left { padding-left:0px !important; }
.no-gap-right { padding-right:0px !important; }


.wp-block-image {}
.wp-block-image figure  { position: relative;}
.wp-block-image figure figcaption { position: absolute; bottom:0px; left:0px; width: 100%; padding: 6px 12px; background: rgba(255,255,255,0.7); text-align: left; margin: 0; }

/*  ROZPOCZYNAMY. KOLOR GŁÓWNY TO #C20000 */
header { padding-top: 15px;}
header .top-container { display: flex; justify-content: flex-end;  }
header .top-container a { color: #000; font-size:16px; margin-right: 35px;}
header .top-container a:hover { color: #C20000; opacity:1;}

header .social-container {  position: relative; top:12px; margin-right: 20px;}
header .social-container .mgdynia img { width:55px; height: auto;}
header .lang-container { position: relative; top:15px; color: #6A6A6A; font-size:18px; margin-right: 28px; }
header .lang-container a {  font-size:14px; padding: 7px 3px; color: #6A6A6A; margin-right: 0px; font-weight: 300; }
header .lang-container a.active {  color: #000; }


header#mainHeader { margin-bottom: 10px; background: #fff;}
body.home header#mainHeader { margin-bottom: 0px;}
header#mainHeader a.logo-link { display: inline-block;}
header#mainHeader a.logo-link.hmobile { display: none; padding-top: 10px;}




header#mainHeader a.logo-link svg, header#mainHeader a.logo-link img { max-width: 378px; height: auto; }
header#mainHeader a.logo-link.hmobile svg, header#mainHeader a.logo-link.hmobile img { max-width: 180px; width: 100%; height: auto; }
header#mainHeader .additionalmenu { position: relative;}

header#mainHeader .hmobile a.logo-link svg { width: 200px; }

header#mainHeader .info-section { padding-top: 15px; display: flex; justify-content:flex-end;}
header#mainHeader .infobox { margin-right: 50px;}
header#mainHeader .infobox:last-of-type { margin-right: 0px;}
header#mainHeader .infobox .text {float:left; margin-left: 6px;}
header#mainHeader .infobox p { font-size:12px; line-height: 19px; color: #666666; /*letter-spacing: 0.08em;*/ }
header#mainHeader .infobox a { color: #666666;}
header#mainHeader .infobox .icon { float:left;}

header#mainHeader .infobox .dots1 { letter-spacing: 0.174rem;}
header#mainHeader .infobox .dots2 { letter-spacing: 0.064rem;}
header#mainHeader .infobox .dots5 { letter-spacing: 0rem;}
header#mainHeader .infobox .dots6 { letter-spacing: 0.064rem;}

header#mainHeader .additionalmenu.test2 { display:none; }
header#mainHeader .additionalmenu.test3 .mdots { opacity:0; }



.top-container .access-section {  font-size:14px; line-height: 16px; float: none; padding-top: 17px; margin-left: 40px; }
.top-container .access-section .text { float: left; text-align: right; margin-right: 6px; width:170px; font-weight: 700; text-transform: uppercase; /*letter-spacing: 0.1em;*/}
.top-container .access-section .icon { float: left;}
.top-container .access-section .icon .accesibility_icon_main svg { fill:#000;  position: relative; top:-3px;}


header#mainHeader.sfixed { position: fixed; top:0px; left:0px; width:100%; z-index: 191; height: 120px;}
#allBody.sfixed { padding-top: 87px;}
#fixedmenu.sfixed { display: none;}

#mobmenucontainer { display: none;}

.navcontainer { padding-top:50px; position: relative; margin-bottom: 10px;}
.mainmenu {  width: 75%; float:left; }
.mainmenu > ul { display: flex; justify-content:space-between; }
.mainmenu > ul > li { display: inline; position: relative;}
.mainmenu > ul > li > a { color: #000; font-weight: bold; font-size:14px; text-transform: uppercase; }
.mainmenu > ul > li > a { padding-bottom: 6px; letter-spacing: 0.1em;}
.mainmenu > ul > li > a:hover { color:#C20000; opacity:1;}
.mainmenu > ul > li.current-menu-item > a { color: #C20000; border-bottom:3px solid;}
.mainmenu > ul > li.red { display: none;}

.buysection { float:right; }
.buysection a { background: #ec1c24; color: #fff; padding: 13px 30px; text-transform: uppercase;}
.buysection a:hover { opacity:0.7;}
.buysection2 a { /* na mobilu */ background: #ec1c24; color: #fff; padding: 13px 30px; text-transform: uppercase;}
.buysection2 a:hover { opacity:0.7;}


#mainHeader .mainmenu ul.menu > li.menu-item-has-children > a:after{  font-family: 'Font Awesome 5 Pro'; content: '\f107'; margin:0 5px 0 5px; }
#mainHeader .mainmenu ul.menu > li > ul.sub-menu { padding: 10px 0px 0px 0px; pointer-events: none; opacity: 0; position: absolute; z-index: 999; top:30px; transition: all 0.25s ease-out;  left:0px; width: 200px;  background:#fff; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);}
#mainHeader .mainmenu ul.menu > li > ul.sub-menu > li { display: block;}
#mainHeader .mainmenu ul.menu > li > ul.sub-menu > li > a { padding: 8px 18px 8px 28px; display: block; position: relative; color: #000; /*letter-spacing: 0.1em;*/ }
#mainHeader .mainmenu ul.menu > li > ul.sub-menu > li > a:hover { color:#C20000; }
#mainHeader .mainmenu ul.menu > li:hover  > ul.sub-menu{ pointer-events: all; opacity: 1; top:25px; }

#mainHeader .mainmenu ul.menu > li:hover > a > span { border-bottom: 2px solid #000;}

.logo-link img { width: 360px; height: auto;}


.mobilesearchicon { position: absolute; top:25px; right:70px; z-index: 192; width: 24px; height: 24px; display: none;}
.mobilesearchicon button { padding: 4px; background: none;}
.mobilesearchicon button svg { width:24px; height: auto;}


.mobilemenuicon { display: none; position: absolute; top:25px; right:0px; z-index: 193;}
.mobilemenuicon input#xcheck, .mobilemenuicon input#xcheck2 { display: none; }
.mobilemenuicon label.xicon { background: #FFF; cursor: pointer; display: block; height: 24px; padding: 16px; width: 24px;  }
.mobilemenuicon label.xicon .xmenu,
.mobilemenuicon label.xicon .xmenu::before,
.mobilemenuicon label.xicon .xmenu::after { background: #000; content: ''; display: block; height: 1px; width: 28px; position: absolute; transition: background ease .3s, top ease .3s .3s, transform ease .3s;  }
.mobilemenuicon label.xicon:hover .xmenu,
.mobilemenuicon label.xicon:hover .xmenu::before,
.mobilemenuicon label.xicon:hover .xmenu::after {  background: #666; }
.mobilemenuicon label.xicon .xmenu { left:1px; }
.mobilemenuicon label.xicon .xmenu::before { top: -10px; }
.mobilemenuicon label.xicon .xmenu::after { top: 10px; }
.mobilemenuicon #xcheck:checked + .xicon .xmenu { background: transparent;}
.mobilemenuicon #xcheck:checked + .xicon .xmenu::before { transform: rotate(45deg); }
.mobilemenuicon #xcheck:checked + .xicon .xmenu::after { transform: rotate(-45deg); }
.mobilemenuicon #xcheck:checked + .xicon .xmenu::before,
.mobilemenuicon #xcheck:checked + .xicon .xmenu::after { top: 0; transition: top ease .3s, transform ease .3s .3s; }
.mobilemenuicon #xcheck2:checked + .xicon .xmenu { background: transparent;}
.mobilemenuicon #xcheck2:checked + .xicon .xmenu::before { transform: rotate(45deg); }
.mobilemenuicon #xcheck2:checked + .xicon .xmenu::after { transform: rotate(-45deg); }
.mobilemenuicon #xcheck2:checked + .xicon .xmenu::before,
.mobilemenuicon #xcheck2:checked + .xicon .xmenu::after { top: 0; transition: top ease .3s, transform ease .3s .3s; }





#fixedmenu { position: fixed; z-index: 1001;  left:0px; width: 100%; background: #fff; border-bottom: 1px solid #eee; padding: 12px 10px 7px 10px; transition: all 0.25s ease-out;}
#fixedmenu .logo-link2 img { width:200px; height: auto; }
#fixedmenu .fmenucont { padding-top: 6px; display:flex; justify-content: space-between;}
#fixedmenu .fmenucont ul li { margin-right: 30px;}
#fixedmenu.fhidden { top:-50px; opacity:0; pointer-events: none;}
#fixedmenu.fshowed { top:0px; opacity:1; pointer-events:auto;}
#fixedmenu.fshowed .mainmenu {width: 100%;}
#fixedmenu .mobilemenuicon { top:10px; right: 10px;}
#fixeddost { float:right;}
header#mainHeader #fixeddost .access-section{ padding-top: 12px;}


#mobmenucontainer { display: none;}



.searchsection { width: 350px; text-align: right;}
.searchsection { position: relative;}

#searchwindow { width:20px; height: 1px;}
.searchBox {  padding:5px;   color: #666;}
.searchBox label { border:1px solid #ccc; width: 300px; position: relative; height: 30px;}
.searchBox label:after { padding:0;margin:0;display:block; content: ""; width:310px; height:30px; background: #fff; position: absolute; top:-12px; left:-5px; z-index: 2;}
.searchBox input { background: none; border: none; color: #666;  font-size: 14px; padding:4px; width:100%; position: absolute; top:0px; left:0px; z-index: 3;}

.msearchsection { display: none; width:100%; }
.msearchBox {  padding:0px; padding-top: 30px;   color: #666;}
.msearchBox label {  position: relative; height: 30px; width: calc(100% - 110px);}
.msearchBox input { background: none; color: #666;   width:100%; padding: 12px; font-size:16px; border:1px solid #eee;}
.msearchsection .msearchBox button { font-size:14px; top:-31px; background: #000; color: #fff; padding: 13px 30px;}


html.highContrast .searchBox label { height: 36px;}
html.highContrast .searchBox label:after { display:none;}
html.highContrast .searchBox .searchBox input { border:1px solid #fff;}
html.highContrast ul.slick-dots { background: none !important; }
html.highContrast ul.slick-dots li { background: none !important; }
html.highContrast .slick-arrow { background: #ffea00 !important; }

.searchBox input::-webkit-input-placeholder { color:#fff; opacity: 0.2 !important;}
.searchBox input::-moz-placeholder { color:#fff; opacity: 0.2 !important;}
.searchBox input:-ms-input-placeholder { color:#fff; opacity: 0.2 !important;}
.searchBox input:-moz-placeholder { color:#fff; opacity: 0.2 !important;}
.searchBox button { color:#000; font-size: 10px; border:none; background: none; position: relative; top:-5px;}

.accesibility_container .menu_container { z-index: 1999;}


/* CONTENT */

.cslider { background: #fff; margin-bottom: 60px;}

.paddedsection { width:80%; margin: 0px 10%;}


.maincontents { margin-bottom: 40px;}

.maincontents ul { list-style: circle;}

.maintitle { padding: 30px 0px 30px 0px;}
.maintitle.nopadding { padding-top:0px; padding-bottom: 20px;}
.maintitle.bottomborder {  /*margin-bottom: 40px; border-bottom: 1px solid #eee;*/ margin-bottom: 0px; border-top: 1px solid #eee;}
.maintitle.topborder {  /*margin-bottom: 0px; border-top: 1px solid #eee;*/}
.maintitle h1 { font-weight: 300;   margin-bottom: 20px;}
.maintitle time { color: #565656;}
.maintitle .newsimpledate { font-size:12px; text-transform: uppercase;  }


/* Na niektórych stronach usuwamy tytuł */

.post-type-archive-theevent .maintitle { display: none;}


.featuredimage { margin-bottom: 20px;}
.featuredimage .featuredin { position: relative;}
.featuredimage .featuredin .postcaption { position: absolute; bottom:0px; ;eft:0px; padding: 6px 12px; background: rgba(255,255,255,0.7); color: #000; width: 100%; display: none;}

.elasticbox {}
.elasticbox .layout { padding: 30px 0px;}
.elasticbox p { font-size:16px; line-height: 28px;}

.imgcontainer {}
.imgcontainer img { width: 100%; height: auto;}

.blockfaq { margin-bottom: 50px; font-size:16px; line-height: 28px; font-weight: normal; }
.accordion-container{  position: relative; height: auto;  }
.accordion-container > h2{ text-align: center; color: #fff; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }
.accordion-container .set{ position: relative; width: 100%; height: auto; background-color: #fefefe; }
.accordion-container .set > a{ display: block; padding: 15px 25px; text-decoration: none;  color:#000; border-bottom: 1px solid #ddd; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; transition:all 0.2s linear; }
.accordion-container .set > a i{ float: right;  margin-top: 2px; }
.accordion-container .set > a.active{ background-color:#f2f2f2; color: #000; }
.accordion-container .content{  background-color: #fff; border-bottom: 1px solid #ddd; display:none; }
.accordion-container .content p{ padding: 10px 15px; margin: 0; }

.slick-prev { left: -40px;}
.slick-next { right: -35px; }
.slick-next::before { color: #000;}
.slick-prev::before { color: #000;}

body.home .slickslider img { width: 100%; height: auto;}
.slickslider .singleslide { /*clip-path: polygon(94% 0, 100% 45%, 100% 100%, 0 100%, 0 0);*/}




h2.bolder {  font-weight: 300;  font-size:32px; text-transform:none; }
h3.bolder {  font-weight: 300; text-transform: uppercase;}

a.shadbox { display: block; /*border:1px solid #f3f3f3; */ box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); }
a.shadbox:hover {   box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.3); }
a.shadbox:hover .posterthumb{ /*top:-10px;*/}
a.shadbox:hover .thumb img{ /*top:-10px;*/}

div.shadbox { box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); padding: 20px; width:100%; background: #fff; }
div.karta { box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); padding: 30px 40px 10px 40px; width:100%; }

div.newsbox { color: #000; margin-bottom: 22px; display: block; padding: 20px;}
div.newsbox .thumb { width:100%; float: none; margin-right: 0px; height:212px; margin-bottom: 20px; }
div.newsbox .thumb img { width: 100%; height: 100%; object-fit: cover;}
div.newsbox .newsttitle { float: left; width: calc(100% - 140px);}
div.newsbox .newsttitle a { color: #666; font-style:normal;}
div.boxtop::after { clear: both;}

div.newsbox.short .thumb { width:50px; }
div.newsbox.short .thumb img { top:0px; }
div.newsbox .more a { color: #000; font-weight: normal; font-style:normal; text-transform: none;}

body.page-id-9 a.newsbox { margin-bottom: 0px;} /* na stronie głównej usuwamy margin-bottom */


div.newsbox .boxtop {/* min-height: 180px; na home jest za wysokie */  }
div.newsbox .boxtop::after { clear: both; }
div.newsbox .boxtop .newstitle {  margin-bottom: 20px; /*min-height: 90px; */ width: calc(100% - 140px); float: left; overflow-wrap: normal;}

/* na stronie kategorii tytuł może zabrać całą szerokość */
.cpostcat div.newsbox .boxtop .newstitle { width: 100%; }


.cpostrecent div.newsbox .boxtop .newstitle {  width: calc(100% - 140px);}

div.newsbox .boxtop .newstitle h3 {overflow-wrap: normal; word-break: normal;} 
div.newsbox .boxtop .newstitle a.borderbtn { color: #000; text-transform: none; font-weight: normal;}
div.newsbox .boxtop .newstitle h3 a { font-style:normal; color: #000; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: initial; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}
div.newsbox .excerpt { /*padding: 0px 20px 20px 20px;*/ min-height: 125px; clear: both; padding-top: 10px;}
div.newsbox .category { color: #C20000;}
div.newsbox time { color: #9A9999; font-weight: bold; font-size:13px;}
div.newsbox time i {  display: none; }
span.date { color: #666;}

div.newsbox.smallthumb {}
div.newsbox.smallthumb .thumb { width:50px; flex-basis:  auto; float: left;}
div.newsbox.smallthumb .boxtop .newstitle { padding: 10px; width: calc(100% - 50px); float: left;}
div.newsbox.smallthumb .thumb img { top:10px;}
div.newsbox.smallthumb h3 { margin-bottom: 0px;}


div.newsbox.small .thumb { width:120px; height: 120px; margin-right: 15px; flex-basis:  auto; float: left;}
div.newsbox.small .more { display: none;}
div.newsbox.small .excerpt { min-height: 140px;}
div.newsbox.small h3 { height: 90px; margin-bottom: 0px;}

a.singleEvent { padding: 0px;  border:none; margin-bottom: 29px; display: block; /*border-bottom: 1px solid #eee;*/}
a.singleEvent:last-child { margin-bottom: 0px;}
a.singleEvent::after { display: block; height: 1px; clear: both;}
a.singleEvent:hover { opacity:0.5;}
a.singleEvent time { width:60px; height: 60px; padding: 6px 0px; float:left; color: #000; display: block; border:1px solid #000; }
a.singleEvent time span { display: block; text-align: center;}
a.singleEvent time span.day {font-size:30px; font-weight:normal; line-height: 30px; letter-spacing: 3px; }
a.singleEvent time span.month {font-size:16px; text-transform: lowercase; line-height: 16px; font-weight: bold; font-style:normal; letter-spacing: 2px;}
a.singleEvent .eventtitle { width: calc(100% - 70px); position: relative; top:-4px; padding-left: 15px; color: #000; float: left; font-size:17px; line-height: 22px; font-style:normal; font-weight: normal;  
overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: initial; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

a.singleEvent .eventexcerpt { height:30px; padding-left: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; white-space: initial; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}

a.borderbtn { font-size:14px; font-weight: bold; color: #C20000; padding: 6px 0px;  text-transform: uppercase;}
a.borderbtn::after { content: url(images/arrow-long.svg); width:33px; height: 7px; display:inline-block; margin-left: 10px;}
a.borderbtn:hover { /* padding-left: 10px; */ color: #C20000;}
p.borderbtn a{ font-size:16px; font-weight: bold; color: #C20000; padding: 6px 0px;   text-transform: uppercase;}
p.borderbtn a::after { content: url(images/arrow-long.svg);  width:33px; height: 7px; display:inline-block; margin-left: 10px;}
p.borderbtn a:hover {  /*padding-left: 10px;*/ color: #C20000;}

a.boxed, span.boxed { border:1px solid #000; padding: 10px 20px; text-decoration: none; color: #000; margin-right: 10px;}


.articlebox.shadbox {  padding: 0px;}
.articlebox .boxtop { padding:24px 24px 16px 24px;}

/* uwaga, zmieniamy nieco box na stronie "Wystawy" */
body.post-type-archive-theexhibit .articlebox .boxtop { padding: 24px 0px 16px 0px; }
body.post-type-archive-theexhibit .articlebox .content { padding: 0px 0px 15px 0px; }

.articlebox .boxtop::after { content: ''; display: block; height: 1px; clear: both;}
.articlebox .boxtop .boxicon { width:40px; float:left; margin-right:15px; display: none;}
.articlebox .boxtop .articleinfo {  }
.articlebox .boxtop .articleinfo h3 { height: 45px; min-height: 0px; text-transform: none; overflow: hidden;}
.articlebox .boxtop .articleinfo a { color: #000; font-style:normal;}
.articlebox .boxtop .author { font-size:12px; color: #000;}
.articlebox .boxtop .author img { width:25px; height: auto; border-radius: 50%; margin-right: 10px; }
.articlebox .content { padding: 0px 15px 15px 15px;   }
.articlebox .content p { font-size:16px; line-height: 24px; font-weight: 300; /*letter-spacing: 1px;*/}
.articlebox .articleinfo { align-items: center;}
.articlebox .autorname { color: #666; padding-top: 5px;}

.newslettercontainer { text-align: center; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); padding: 30px 0px; background: #fff;}
.newslettercontainer .mailpoet_checkbox_label { display: none;}
.newslettercontainer p { text-align: center; font-weight: 300; }
.formcontainer { padding: 0px 10px;}
.mytextinput { float:left; width: 65%; margin-right: 5%;}
.mytextinput input { width: 100% !important; border:#cccccc 1px solid; padding: 15px 15px 15px 15px !important;}
.mybutton { float:left; width: 30%;}
.mybutton input { width: 100%;  padding: 13px 15px !important; background: #000; text-transform: uppercase; color: #fff; font-weight: bold; font-size:14px;}

.shopcontainer { }
.shopbox { }
.shopbox .titlesec { padding: 20px; color: #000; height: 128px; }
.shopbox .titlesec .title { font-size:17px; line-height: 24px; font-style:normal; font-weight: bold;}
.shopbox .titlesec .price { color: #8C8C8C; font-weight: 300;}
.shopbox .image { /*clip-path: polygon(90% 0, 100% 15%, 100% 100%, 0 100%, 0 0);*/ }


/* NOWY CONTENT - BLOKI */

.clayout { padding: 20px 0px;}
.cpostrecent { margin-bottom: 30px;}
.cpostrecent p { font-size:16px; line-height: 24px; font-weight: 300;}
.cpostrecent p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;  }
.cpostrecent .newstitle .category { display: none; }
.cpostfeatured { margin-bottom: 20px;}
.cpostfeatured .articleinfo h3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.cpostfeatured .content { overflow: hidden;  }
.cpostfeatured .content p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.cpostfeatured.hideauthors .authorinfo { display: none; }

.cpostcat { padding: 30px 0px 30px;}
.cpostcat.karta { padding-bottom: 0px;}
.wp-block-uagb-faq { padding: 0px 0px 30px 0px;}

.cpostcat .newsbox .excerpt p {text-overflow: ellipsis; overflow: hidden;
display: -webkit-box; white-space: initial;
-webkit-line-clamp: 3; line-clamp:3 ;
-webkit-box-orient: vertical; } 


/* blok pojedyncza strona na stronie Artykuły */
.cpage .singlepostblock .thumb img { height: 500px; object-fit: cover;}



/* artykuły, posty - zwiększanie fontów */
.posthelp { display: flex; justify-content: flex-start; gap:40px;}
.readsize {}
.readsize svg { width: 16px; height: auto;}
.readsize button { background: none; border:none; cursor: pointer;}

/* POSTY i GALERIE */
body.single-post .maincontents p { font-size:18px; line-height: 34px;}
body.single-post .supertoptitle { display: none;}
body.single-post .maincontents p.has-small-font-size { line-height: 18px;}
body.single-post .maincontents h2.wp-block-heading { margin-top: 40px;}
body.single-post .maincontents h3.wp-block-heading { margin-top: 20px;}

body.single-theevent .maincontents p { font-size:18px; line-height: 34px;}
body.single-theevent .maincontents p.has-small-font-size { line-height: 18px;}
body.single-theevent .maincontents h2.wp-block-heading { margin-top: 40px;}
body.single-theevent .maincontents h3.wp-block-heading { margin-top: 20px;}



/* UWAGA ZMIENIAMY WSZĘDZIE MARGIN-TOP w nagłównach maincontens */
body .maincontents h2.wp-block-heading { margin-top: 40px; display: inline-block;}
body .maincontents h3.wp-block-heading { margin-top: 20px; display: inline-block;}
body .maincontents h2.wp-block-heading.block { display: block; margin-top: 0px;}
body .maincontents h3.wp-block-heading.block { display: block; margin-top: 0px; /* margin top 0px bo na stronie O muzeum jak są dwa nagłówki obok siebie to był duży odstęp */ }

/* chyba że nagłówek jest we własnym boksie */
body .maincontents .karta h2.wp-block-heading { margin-top: 0px;}
body .maincontents .shadbox h2.wp-block-heading { margin-top: 0px;}

html.size1 body.single-post .maincontents .purecontent p { font-size:14px; line-height: 24px;}
html.size3 body.single-post .maincontents .purecontent p { font-size:24px; line-height: 38px;}
html.size1 body.single-post .maincontents .purecontent h2 { font-size:24px; line-height: 32px;}
html.size3 body.single-post .maincontents .purecontent h2 { font-size:44px; line-height: 56px;}


/* sticky sidebar ? */
.maincontents .sideleft { position: sticky; /*top:70px;*/ top:224px;}

body.single-post .maincontents .sideleft { top:72px;}

body.single-post .maincontents .sideleft #primary-sidebar div:first-of-type { display: none;}

.featuredimage {}
.featuredimage img { width:100%; height: 383px; object-fit: cover; object-position: center center; }
.featuredcaption { padding-top: 20px; color: #BBBBBB; }
.sharebuttons { padding-top: 20px; text-align: right; color: #333;}
.sharebuttons a.social { font-size:24px; margin-left: 16px; }
.sharebuttons a.social.fb  { color: #3b5999;}
.sharebuttons a.social.tw  { color: #00abf1;}
.sharebuttons a.social:hover { color: #f01d24;}

.sideleft {}
.sideleft ul, .sideright ul { list-style: none; padding-left: 0px; font-style:normal;}
.sideleft ul li, .sideright ul li { margin-bottom: 6px; display: block; list-style: none; padding-left: 30px;}
.sideleft ul li a, .sideright ul li a { color: #666; padding: 0px;  display: block;  }
.sideleft ul li ul { padding-left: 30px;}
.sideleft ul li a:hover, .sideright ul li a:hover { color: #f01d24;   }

.sideleft .time { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}

.sideleft h2, .sideright h2 { font-weight: bold;  font-size:17px; font-style:normal; text-transform: none; margin-bottom: 10px;}

.sideright .posterthumb { margin-bottom: 40px;}
.sideright .side-posterbtns { border-top: 2px solid #000;}
.sideright .side-posterbtns a { display: block; color: #000; padding: 15px 0px; border-bottom: 2px solid #000; font-size:16px; text-align: center; font-weight: bold;}
.sideright .side-posterbtns a:hover  { color:#f01d24; }

.sideleft .posterthumb { margin-bottom: 40px;}




.postinfo {  /*min-height: 180px;*/}
.tagsinfo { margin-bottom: 40px; display:none;}
.postinfo .caticon img { width: 32px; height: auto; }
.categoryinfo { margin-bottom: 30px; }

.categoryinfo,  .taginfo { display: flex;}
.categoryinfo .clabel, .taginfo .clabel { width: 100px;}

.postinfo .posttitle  { margin-bottom: 20px;}
.postinfo .posttitle .readtime { color:#1e1e1e; font-size:12px; text-transform: uppercase;}
.postinfo .posttitle .readtime span { font-weight: 300;}

.postinfo .catname { color: #1e1e1e; font-size: 17px; display: block;  }
.postinfo .catname a, .postinfo .taginfo a, .postinfo .taginfo span { text-transform: uppercase; /*letter-spacing: 0.08em;*/ font-size:13px; display: inline-block; margin-bottom: 10px;}
.postinfo .taginfo span.clabel { text-transform: none; }

.postinfo .catname a:hover { color:#f01d24; }
.postinfo .authorinfo { margin-right: 0px; display: flex; line-height: 18px;}
.postinfo .authorinfo img { width: 40px; height: auto; border-radius: 100px; margin-right: 10px;}
.postinfo .authorinfo .autorpic { margin-right: 10px;}

.authorinfo { margin-right: 0px; display: flex; line-height: 18px; min-height: 36px; color: #666; font-style:normal; width: 100%; align-items: center;}
.authorinfo img  { width: 25px; height: auto; border-radius: 100px;}
.authorinfo .autorpic { margin-right: 10px;}
.authorinfo .autorname { /*padding-top: 11px;*/}

/* strona autora */
.authordesc { height: 100%; display: flex; align-items: center;}


.side-category .authorsection { margin-bottom: 40px;}
.side-category .authorinfo { color: #000; margin-bottom: 20px; }
.side-category .authorinfo a { color: #000;}
.side-category .authorinfo .autorpic { padding-top: 7px;}
.side-category  .authordesc { color: #666; font-style:normal; }
.clabel { width: 100px; display: inline-block;}

.primary-sidebar .widgetpanel { margin-bottom: 20px;}

.autorfullbio { margin-bottom: 50px;}
.postquerylist { margin-bottom: 50px;}

.pagination {}
.pagination a, .pagination span { padding: 5px 12px; background: #fff; border:1px solid #ddd; color: #000; margin-right: 5px;}
.pagination span { background: #f01d24; border:1px solid #f01d24; color: #fff;}
.pagination a:hover { color: #f01d24; }

.cpostfeatured {}
.cpostfeatured .image { /*clip-path: polygon(90% 0, 100% 30%, 100% 100%, 0 100%, 0 0);*/}
.cpostfeatured .image img { width:100%; height: 220px; object-fit: cover;}

.gallerybox {}
.gallerybox .image { margin-bottom: 20px;}
.gallerybox h3 a { color: #000; font-weight: normal; }


.cp-gallery-isotope.single-gallery { display: flex; flex-wrap:wrap;}
.cp-gallery-isotope.single-gallery a.lightgallery { margin: 0px 20px 20px 0px; display: inline-block; }



.newexhibits {}
.newexhibits .largePoster {}
/*.newexhibits .largePoster .kuratortext { letter-spacing: 0.1em;}
.newexhibits .largePoster .shorttext { letter-spacing: 0.1em;}*/


/* pojedynczy wpis */
.singlepostinfo { padding: 80px 20px 20px 20px; position: relative; height: 100%;}
.singlepostinfo .catinfo { color:#666; text-transform: uppercase;}
.singlepostinfo .newstitle h3 { font-size:22px; font-style:normal; font-weight: 300; margin-bottom: 30px;} 
.singlepostinfo .newstitle a { color: #000;}
.singlepostinfo .authorinfo { position: absolute; bottom: 20px; left:20px;}
.singlepostinfo .excerpt { font-size: 16px; line-height: 24px; font-weight: 300; }

/* eventy */

body.post-type-archive-theevent .maintitle h1 { display: none;}

.singleinfo { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee;  }
.singleinfo .simpledate {  padding: 5px 0px 5px 0px; font-size:24px; }
.singleinfo .time { text-transform: uppercase; }
.singleinfo .simpledate span { font-size: 12px; }

/* schować kategorię w bloku pojedynczego wpisu */
.singlepostblock .singlepostinfo .catinfo { display: none;  }



.sideleft .sidebody { margin-bottom: 20px;}
.buyticketsection {}
.buyticketsection a { background: #eb402b; color: #fff; padding: 13px 30px; text-transform: uppercase;}
.buyticketsection a:hover { opacity:0.7; }

.eventmain .newsimpledate{ font-size:14px; color: #666; text-transform: uppercase; margin-bottom: 10px; font-weight: bold;}


.single-theevent .iconsbigger { text-transform: uppercase;}
.single-theevent .iconsbigger img { width: 40px; height: 40px; margin-right:20px;}

.eventmain { margin-bottom: 60px;}
.eventmain .superinfo { padding: 60px 20px 20px 20px;}
.eventmain .superinfo h2 { font-size: 22px; font-style:normal; text-transform: none;}
.eventmain .superinfo p { font-size:16px; line-height: 24px;  font-weight: 300;}

.eventmain .superthumb img { width: 100%; height: auto;}
/* WYDARZENIA llop  */


.eventFilters {  }
.eventFilters .allcategories { /*box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.3); padding: 20px;*/ margin-bottom: 30px;}
.eventFilters .singlecat { }
.eventFilters .singlecat img { margin-right:10px; width: 30px; height: auto;}

a.singleloopevent { margin-bottom: 40px; display: block;}
.singleloopevent .thumb { }
.singleloopevent .icons { padding: 20px 0px; }
.singleloopevent .desc { /*padding: 20px 20px 20px 20px;*/ padding: 20px 0px 20px 0px; /*min-height: 192px;*/ }

.singleloopevent .simpledate { padding:20px 5px; font-size:13px; line-height: 16px; text-transform: lowercase; color: #444; background: #f2f2f2;  text-align: center;  }
.singleloopevent .simpledate .date { font-size:20px; font-weight: bold;}
.singleloopevent .simpledate .day { opacity:50%;}
.singleloopevent .thumb { height: 212px; }
.singleloopevent .thumb img { width:100%; height: 100%; object-fit: cover;}
.singleloopevent .desc h2 {  font-size: 17px; line-height: 20px; font-weight: normal; font-style:normal; text-transform: none;}
/*.singleloopevent .desc h2::after { content: url(images/arrow-long.svg); width:33px; height: 7px; display:inline-block; margin-left: 10px;}*/

.singleloopevent a { color: #000;}


.singleloopevent .therest { /*padding: 20px 20px 20px 20px !important;*/ padding: 0px 0px 20px 0px}
.singleloopevent .newsimpledate{ font-size:14px; color: #666; text-transform: lowercase; margin-bottom: 10px; font-weight: bold; font-style:normal;}

.icons { font-size:18px; color: #000; }
.icons .icontext { color:#666; font-size:14px; font-style:normal; text-transform: lowercase; padding-left: 5px; font-weight: bold;}
.icons .eventterm { display: inline-block; margin-right: 10px;}
.icons.blocked .eventterm { display:block;}

body.single-theevent .icons .icontext { font-weight: 900; color: #000; text-transform: uppercase; font-style: normal;}
body.single-theevent .icons div { padding-bottom: 8px;}

.singleloopevent a { color: #000; }
.singleloopevent a:hover { opacity:0.6; }

button#showCategoriesButton  {padding: 13px 15px; background: #C20000; color: #fff; font-weight: bold; font-size: 16px; cursor: pointer;}


.quotecontainer {  background: #0065A5; /*clip-path: polygon(93% 0, 100% 45%, 100% 100%, 0 100%, 0 0);*/ margin-bottom: 20px; font-weight: 300; font-style:normal; font-size:32px; line-height: 45px;}
.quotecontainer * { color: #fff;}
.quotepadding { padding: 93px 142px 100px 122px;}
.quotecontainer p { font-style:normal; font-size:32px; line-height: 45px; /*letter-spacing: 0.08em;*/ text-align: center;}



/* wystawy */


body.lang-en .side-category { display: none;}


body.post-type-archive-theexhibit .maintitle { display: none;}

.largePoster { margin-bottom: 30px;}
.largePoster .wtitle { font-weight: bold; text-transform: uppercase; min-height: 64px;}
.largePoster h2.date { font-size:24px; margin-bottom: 0px;}
.largePoster .posterthumb { /*position: relative; top:-20px;*/ height: 200px; overflow: hidden;}
.post-type-archive-theexhibit .newexhibits .largePoster .posterthumb { height: 400px; overflow: hidden;}
.post-type-archive-theexhibit .newexhibits .largePoster { margin-bottom: 0px;}
.largePoster .posterthumb img { object-fit: cover; width: 100%; height: 100%;}

/* poprawka na stronie wystaw - niepotrzebnie rozszerzało */
.newexhibits .largePoster .posterthumb img { object-fit: contain; width: 100%; height: 100%;}

.largePoster .desc { padding: 0px;}
.largePoster .shorttext { padding: 0px 0px 15px 0px;}
.largePoster .shorttext p { text-overflow: ellipsis; overflow: hidden;
display: -webkit-box; white-space: initial;
-webkit-line-clamp: 4; line-clamp: 4;
-webkit-box-orient: vertical;}
.largePoster a { color: #000;}
.largePoster .postercontent { padding: 30px;}

.post-type-archive-theexhibit .sectionContent { padding-top: 30px; margin-bottom: 30px;}

.smallPoster { margin-bottom: 20px; display: block;}
.smallPoster h3.date { font-size:14px; margin-bottom: 7px;}
.smallPoster h2.wtitle.bolder { font-size:18px; margin-bottom: 0px;}
.smallPoster .subtitle { color: #666; font-size:14px;}
.smallPoster .desc { padding: 0px;}
.smallPoster .posterthumb { margin-bottom: 10px;}
.smallPoster .posterthumb img { filter: grayscale(1);}
.smallPoster:hover .posterthumb img { filter: grayscale(0);} 


.exhibitinfo { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.exhibitinfo .kurator { font-weight: bold; text-transform: uppercase;}


.side-posterbtns { line-height: 28px; }
.side-posterbtns a { display: block;  }

.newexhibits h2.date { color: #666; font-weight: bold; font-size:14px;}
.newexhibits .titlegap .wtitle { font-size:32px; font-weight: 300; /*letter-spacing: 0.1em; */text-transform: none; margin-bottom: 0px;}

.higlightssection { padding: 20px 20px 15px 20px;}
.higlightssection .htitle { text-align: center;}
.higlightssection .image { height: 200px; overflow: hidden; }
.higlightssection .image img { width: 100%; height: 100%; object-fit: cover;}
.higlightssection h3 a { color: #000; font-style:normal; font-size:17px; /*letter-spacing: 0.2em;*/ }

.nm-wp-video-wrap { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 30px; } 
.nm-wp-video-wrap iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; }

.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 30px; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; }

.is-type-video .wp-block-embed__wrapper  { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin-bottom: 30px; } 
.is-type-video .wp-block-embed__wrapper iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; }


a.filebox { display: inline-block; margin: 0px 30px 30px 0px; padding: 20px;  border: 1px solid #000;}
a.filebox .boxtop .thumb { width:50px; height: 50px; float:left; margin-right:5px; background: #ccc; padding: 10px 5px; text-align: center;}
a.filebox .boxtop .thumb img { width: 25px; height: auto;}
a.filebox .boxtop .newstitle {    font-weight: bold;}
a.filebox .boxtop .newstitle h3 { text-transform: uppercase; font-size:14px; font-weight: bold; margin-bottom: 0px;}
a.filebox .boxtop .newstitle h3 img { width:14px; height: auto;}
a.filebox:hover .boxtop .thumb { background: #C20000;}

.cboxcontact {  margin-bottom: 20px; margin-top: 15px;}
.cboxcontact h6, .cboxcontact p { margin: 0; padding: 0;}
.cboxcontact p.name { margin-bottom: 0px; }
.cboxcontact h6 { font-size:16px;}


/*galerie rozwijalne */
figure.wp-block-gallery.onlytwo figure.wp-block-image { display: none;}
figure.wp-block-gallery.onlytwo figure.wp-block-image:nth-child(1) { display:flex; }
figure.wp-block-gallery.onlytwo figure.wp-block-image:nth-child(2) { display:flex; }
button.gseemore { padding: 10px 30px; cursor: pointer;}





/* FAQ */
.uagb-faq-item { border:none !important; border-bottom:1px solid #eee !important;}
.uagb-faq-item .uagb-faq-questions-button.uagb-faq-questions { font-weight: bold; font-size:17px; font-style:normal;}
.uagb-faq-item .uagb-faq-content br { display: block;  margin-bottom:10px; }


/*boxy stron */
.pagebox {}
.pagebox .thumb img { width:100%; height: 220px; object-fit: cover;}
.pagebox .ptext { padding: 15px;}
.pagebox h3 { font-weight: bold; text-transform: uppercase;}



/* galerie */
.singleBoxHover { display: block;}
.gthumb {}
.gthumb img { width: 100%; height: 160px; object-fit: cover;}
.gdesc { padding: 15px 15px 15px 15px;}
.gdesc .wtitle { margin-bottom: 0px;}

.singleboxgallery .gdesc { padding: 15px 0px 0px 0px;}
a.singleboxgallery:hover { opacity:0.7;}

.superbiggallery .gthumb img { width: 100%; height: 440px; object-fit: cover;}




/* JĘZYK ANGIELSKI */

body.lang-en {}
body.lang-en #mainHeader .info-section{ }
body.lang-en #mainHeader .access-section { display: none;}
body.lang-en .navcontainer{ /*display: none;*/}
body.lang-en .footer-menus { /*display: none;*/}
body.lang-en .text.footermenu { display: none;}
body.lang-en .social-footer { margin-bottom: 10px;}
body.lang-en #copyright { display: none;}



/* 404 */
.image404 img { max-width: 500px; width: 100%;}
body.error404 .maincontents { text-align: center;}
body.error404 .maincontents p { text-align: center;}

/* footer */

footer {  background: #f0f0f0; padding: 110px 0px 50px 0px; font-weight: 300; margin-top: 60px;}
footer .footer-logo { margin-bottom: 30px;}
footer .footer-logo svg { max-width: 140px; height: auto;}
footer .social-footer {  padding: 50px; text-align: center;}
footer .social-footer a { margin-right: 15px; color: #000;}
footer .info-footer a { margin-right: 25px; }
footer .info-footer .mgdynia svg {  width: 80px; height: auto; }
footer .info-footer .mbip svg {  width: 100px; height: auto; }
footer .text p { }
footer .footermenu a::after { content: url(images/arrow-short.svg); width:9px; height: auto; display:inline-block; margin-left: 10px;}

footer .icon { color:#C20000; font-size:24px; margin-bottom: 20px;}
footer a { color: #000;}
footer a:hover { color:#C20000;}
#copyright { padding: 10px 0px 30px 0px;  font-weight: 300;}

.blocks-gallery-grid { justify-content: center; }




.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
    color: #fff;
    background: #C20000 !important;
}



	.slickslider .slick-arrow { width: 30px; height: 30px; background: #fff; border-radius: 50%; padding: 0px 4px 14px 4px; }
	
	.slick-prev { left: 20px; z-index: 1200; }
	.slick-next { right: 20px; z-index: 1200;}
	
	.slick-prev::before { content: url("images/marrow-left.svg") !important;  }
    .slick-next::before { content: url("images/marrow-right.svg") !important; }


ul.slick-dots li button::before { color: #fff !important; font-size:12px; width:40px; height: 40px; }
ul.slick-dots { bottom: 40px !important; text-align: right !important; padding-right: 30px !important;}
ul.slick-dots li { width:16px;}
ul.slick-dots li button { width: 9px; height: 9px; border-radius: 50%; background: none; border:1px solid #fff;}
ul.slick-dots li button::before { content: '';}
ul.slick-dots li.slick-active button { background: #fff; }


/*lightbox */

.lg-actions .lg-next, .lg-actions .lg-prev { color: #c20000 !important; }

.lg-actions .lg-next, .lg-actions .lg-prev, .lg-sub-html, .lg-toolbar {  background-color: transparent !important; }


/*FAQ*/
.uagb-faq-child__outer-wrap { margin-bottom: 0px !important;}
.uagb-faq-questions-button { padding: 15px 10px !important; }



/*GRAVITY */
.gform_legacy_markup_wrapper .gform_footer input.button { padding: 13px 15px; background: #000; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 14px; border: none;}
.gform_legacy_markup_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) { padding: 10px 15px !important;}
.gform_legacy_markup_wrapper .top_label select.large { padding: 15px 10px !important; border-radius: 0px !important; border: 1px solid #8f8f9d; background: none !important; }


/*COOKIES*/
#cookie-notice {  bottom:30px; right:30px; left:auto !important; top:auto !important; min-width: 0 !important; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06);   }
#cookie-notice .cookie-notice-container .supper-block { display: flex; }
#cookie-notice span#cn-notice-text { font-family: 'Priva', Arial, Helvetica, sans-serif; color: #000; font-weight: 300;}
#cookie-notice #cn-notice-buttons a { font-family: 'Priva', Arial, Helvetica, sans-serif;}
#cookie-notice .cookie-notice-container .new-block { text-align: left;   padding: 15px 30px 15px 15px; width:400px;}
#cookie-notice .cimage { padding: 15px 0px 15px 15px ; width: 125px;}
#cookie-notice .cimage img { width: 110px; height: auto;}

.wp-embed-site-title img { display: none !important;}

.lg-backdrop { background: #fff; }
.lg-outer .lg-thumb-outer { background-color: #fff; }


/* popup dolny */

.btmpopup { position: fixed; bottom: 0px; left:0px; width: 100%; padding: 30px; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.06); background: #fff; text-align: center;}
.btmpopup a.button { background: #C20000; padding: 5px 10px; color: #fff; margin-left: 20px; }





@media (max-width: 1920px) {

	.paddedsection { width:90%; margin: 0px 5%;}

}


@media (max-width: 1520px) {

	.paddedsection { width:96%; margin: 0px 2%;}
	footer .social-footer { margin-bottom: 30px;}
	footer .info-footer{ margin-bottom: 30px;}


}


@media (max-width: 1520px) {

	.paddedsection { width:96%; margin: 0px 2%;}
	footer .social-footer { margin-bottom: 30px;}
	footer .info-footer{ margin-bottom: 30px;}


}


@media (max-width: 1384px) {

	#fixeddost .access-section .accesibility_icon_main .text { display: none;}


}


@media (max-width: 1200px) {
	a.newsbox .thumb { width:60px; flex-basis:  auto; float: left;}
	a.newsbox .boxtop .newstitle { padding: 10px; width: calc(100% - 60px);}
	a.newsbox .thumb img { top: 15px;}
	a.newsbox:hover .thumb img { top: 15px;}


}




@media (max-width: 992px) {
	
	.hdesktop { display: none;}
	.hmobile { display: block;}
	
	.mobileonly { display: block;}
	
	/* kolumny wordpress */
	.wp-block-columns { display: block; margin-bottom: 0px;}
	/*.wp-block-column:not(:first-child) { margin-left: 0;}*/
	/*.wp-block-column:first-child { margin-left: 0;}*/
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { margin-left: 0 !important;}
	.wp-block-columns .wp-block-column { margin-bottom: 20px;}
	
	/* na stronie kontaktu usunięte żeby nie było takich odstępów */
	body.page-id-21840 .wp-block-columns .wp-block-column { margin-bottom: 0px;}
	
	body.home .wp-block-columns .wp-block-column { margin-bottom: 0px;}
	
	
	header { margin-bottom: 20px;}
	header .infobox { }
	header#mainHeader .info-section { padding-top: 30px; justify-content: flex-end; display: none;}
	#superTop .social-container { display:none;}
	footer .footer-logo svg { max-width: 140px; height: auto; }
	
	header#mainHeader  a.logo-link.hdesktop { display: none;}
	header#mainHeader  a.logo-link.hmobile { display: inline-block;}
	
	
	#fixeddost .access-section { display: none;}
	
	

	
	.slickslider .singleslide { /*height: 205px;*/}
	.slickslider .singleslide a { display: block; height: 100%; width: 100%; }
	.slickslider .singleslide a img { object-fit: cover; width: 100%; height: 100%;}
	.slick-dotted.slick-slider { margin-bottom: 0px; }
	
	
	ul.slick-dots { text-align: center !important; bottom: 30px !important;}

	
	
	#fixedmenu.fshowed { }
	#fixedmenu.fshowed .logo {margin-left: 0px; }
	
	
	.mobilemenuicon { display: block; }
	#superTop .top-container { display: none;}
	.navcontainer  { display: none;}
	
	.mobilesearchicon { display: block;}
	
	#mobmenucontainer { background: #fff; width: 100%; min-height: 100vh; position: fixed; top:100px; left:0px; z-index: 1999;}

	
	#mobmenucontainer .mmenu { margin-bottom: 20px;}
	#mobmenucontainer .mmenu ul.menu {}
	#mobmenucontainer .mmenu ul.menu li { padding: 7px 0px;}
	#mobmenucontainer .mmenu ul.menu li a { color: #000; font-size:20px; font-weight:300; text-transform: lowercase; display: block;  }
	#mobmenucontainer .mmenu ul.menu li a:hover { color: #C20000; padding-left: 6px;}
	#mobmenucontainer .mmenu ul.menu li ul { display: none; padding-left: 16px; padding-top: 10px;}
	#mobmenucontainer .mmenu ul.menu li ul li { padding: 3px 0px;}
	#mobmenucontainer .mmenu ul.menu li ul li a { font-size:16px;}
	
	#mobmenucontainer .mmenu ul.menu li.red { display:list-item; }
	#mobmenucontainer .mmenu ul.menu li.red a { color:#ec1c24;}
	
	#mobmenucontainer .mmenu ul.menu > li.menu-item-has-children > a::before { font-family: 'Font Awesome 5 Pro'; font-weight: 100;  content: '\f067'; margin: 0 5px 0 5px; font-size:14px; }
	
	.msection .text { display: inline; color: #000; font-size:20px; font-weight:300; text-transform: lowercase; }
	.msection .text a { color: #000;}
	.msection .text a:hover { color: #C20000; padding-left: 6px;}
	.msection .text button { background: none; border: none;}
	
	.maccess-section { position: relative; margin-bottom: 20px;  }
	.maccess-section .icon { display: inline; }
	.maccess-section .icon .accesibility_container { display: inline; position: static;  }
	.maccess-section .icon .accesibility_container .accesibility_icon_main { display: inline;  }
	
	.menglish .text a { display: block;}
	
	.mytextinput { width: 55%; }
	.mybutton { width: 40%;}
	
	.allcategories { display: none;}
	
	a.articlebox { margin-bottom: 20px;}
	a.articlebox .content {  min-height: auto;}
	.cpostfeatured .image img { height: 200px; }
	
	
	.shopbox .titlesec {  height: auto; }
	
	.shopbox .image img { width: 100%; height: auto;}
	.shopbox { margin-bottom: 30px;}
	
	
	/* strona artykułów */
	.singlepostinfo .authorinfo { position: static; margin-top: 10px;}
	
	
	
	a.boxed, span.boxed { border: 1px solid #000; padding: 7px 14px; }
	
	.featuredimage img { height: 220px; }
	
	.side-category .authorsection { min-height: 0;}
	.side-category .authorinfo {  margin-bottom: 0px; }
	.featuredimage { margin-bottom: 20px; }
	.featuredcaption { padding-top: 0px; }
	
	/* strona wydarzenia */
	.singleloopevent .thumb { margin-bottom: 20px;}
	
	
	/* na stronie kontaktowej poprawienie odstępów między poszczególnymi blokami kolumn */
	body.page-id-21840 .wp-block-columns { margin-bottom: 20px;}
	.wp-block-column:empty { display: none;}

	
}

@media (max-width: 768px) {
	/*header#mainHeader .access-section .text { width:200px;}*/
	.wsieci .singleslide.shadbox { padding: 30px 0px; }
	.wsieci .singleslide .cimg { display: none;}
	
	/* poprawki do strony głównej wg projektu Kasi */
	.tylkodesktop { display:none;}
	
	
	/* strona projektu */
	.sideleft .posterthumb { margin-bottom: 40px; padding: 0px 20vw; }
	
	
	
	/* KARUZELE NA STRONACH MOBILNYCH */
	.cpostfeatured.karuzela { overflow-y:hidden;}
	.cpostfeatured.karuzela > .row { flex-wrap: nowrap; }
	.cpostfeatured.karuzela > .row > .col-md-4 { width: 270px;}
	.cpostfeatured.karuzela > .row > .col-md-3 { width: 270px;}
	
	.cshop.karuzela > .shopcontainer { overflow-y:hidden;}
	.cshop.karuzela > .shopcontainer > .productsrow { flex-wrap: nowrap; }
	.cshop.karuzela > .shopcontainer > .productsrow > .col-md-3 { width: 270px;}
	
	.cpostcat > .karta {}
	.cpostcat > .karta > .boxrow {  overflow-y:hidden; flex-wrap: nowrap; }
	.cpostcat > .karta > .boxrow > .col-md-4 { width: 270px;}
	
	.singlepostinfo { padding: 20px 20px 20px 20px;}
	.cpage .singlepostblock .thumb img { height: auto;}
	.singleloopevent .desc { min-height: 0px; padding-top:0px;}
	.singleloopevent .icons { display: none;}
	.eventmain .superinfo { padding: 20px 20px 20px 20px; }
	
	.post-type-archive-theexhibit .newexhibits .largePoster .posterthumb { height: auto; overflow:auto;}
	.largePostRest.shadbox.pt70 { padding-top: 0px !important; }
	
	.mb50 { margin-bottom: 20px !important; }
	.wp-block-spacer { display: none;}
	.cboxcontact { margin-bottom: 20px; margin-top: 0px;}
	
	.wp-block-uagb-faq { padding: 0px 0px 0px 0px; }
}

@media (max-width: 670px) {
/*	header#mainHeader #logo-link { position: absolute; top:14px; left:80px; }
	header#mainHeader #logo-link svg { width: 120px; height: auto;}*/
	#fixeddost .text { display: none;}
	
	div.newsbox.small h3 { overflow: hidden;}
	
}

@media (max-width: 583px) {
	.smallPoster .desc { padding: 10px 10px 10px 10px;}
}


@media (max-width: 512px) {
	footer .info-footer a { margin-right: 0px;display:block; margin-bottom: 10px;}
}
