/*
Theme Name: CPF Olsztyn 2022
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=K2D:ital,wght@0,200;0,300;0,400;0,700;1,400;1,700&family=Titillium+Web:wght@300;400;700&display=swap');
html { }
.twrapper.short  { overflow: hidden; }
body { -ms-overflow-style: scrollbar;}

.container { max-width: 1170px !important;}

/* domyślne bloki */
.wp-block-columns {}
.waski { max-width: 1120px !important; margin: 0px auto;}
.xontainer.superwaski { max-width: 920px !important; margin: 0px auto;}

.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: 30px !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: 30px !important;} 
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !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;}

.mr20 { margin-right:20px;}



body { font-family: 'K2D', 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:#0057a8;  }
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 { opacity:0.6; }
a.blocked { display: block;}
.clr, .clear { clear:both;}
button { border:none;}
em { color: #666;}
a.cbtn { background: #0057a8; font-size:13px; font-weight: bold; color: #fff; padding: 7px 14px; }
a.wp-block-button__link { background: #0057a8; color: #fff;}

a:active { border:2px dashed #ff000 !important; }


.alt-font { font-family: 'K2D', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; }
.bold-title { font-family: 'K2D', Arial, Helvetica, sans-serif; font-weight: 700; }
.thin-title { font-family: 'K2D', Arial, Helvetica, sans-serif; font-weight: 100; }
.block-title { font-family: 'K2D', Arial, Helvetica, sans-serif; font-weight: 400; text-transform:none; letter-spacing: 0.03em; }
.uppercase { text-transform: uppercase; }
.through { text-decoration: line-through; }
.thin { font-family: 'K2D', 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;}
h1, h2, h3, h4, h5, h6 { margin: 0 0 18px 0px; font-family: 'K2D', 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;  letter-spacing: 0.05em;}
h2 { font-weight: 300;  font-size:32px; color: #0057a8;  }
h3 { font-size: 24px;  font-weight: 400; color: #0057a8;}
h4 { font-size: 20px; }
h5 { font-size: 13px;  }
h6 { font-size: 12px;  }
p { font-size: 17px;  line-height: 27px; margin-bottom: 12px;  color: #686868; text-align: left; font-weight: 400; }

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 { }


.maincontents ul { list-style: circle; padding-left: 20px; }
.maincontents ul li { font-size: 17px;  line-height: 27px; color: #686868;}

.maincontents table {}
.maincontents tr {}
.maincontents tr td { padding: 20px; border:1px solid #eee;}
.maincontents tr:nth-child(odd) {background: #fefefe;}
/*.maincontents tr:first-child { background: #0057a8; }
.maincontents tr:first-child td { color: #fff;}
*/
img.alignleft { float:left; margin:0px 20px 20px 0px;}
label { font-weight:400;}


.wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-block-embed-youtube .wp-block-embed__wrapper object, .wp-block-embed-youtube .wp-block-embed__wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



::-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; }




/*   ZACZYNAMY   */
#mainHeader { padding-top: 25px; padding-bottom: 30px; }
#mainHeader a#logo-link { }
#mainHeader a#logo-link img, #mainHeader a#logo-link svg { max-width: 360px; }

#mainHeader .info-section { color: #a8a8a8; font-size:14px; display: flex; gap: 40px; flex-wrap: wrap; }
#mainHeader .info-section p { font-size:14px; color: #a8a8a8; line-height: 24px;}
#mainHeader .info-section i { font-size:18px; } 
#mainHeader .info-section .infobox {  display: flex;}
#mainHeader .info-section .infobox .icon { padding-right: 10px;}

#mainHeader .additionalmenu { display: flex; justify-content:space-between;}
#mainHeader .additionalmenu .lang-container { padding-top: 10px; display: none;}
#mainHeader .additionalmenu .lang-container a { padding: 10px; font-size:16px;}
#mainHeader .additionalmenu .lang-container a.active { background: #0057a8; color: #fff;}

#mainHeader .searchBox { position: relative; } 
#mainHeader .searchBox #searchshower { font-size:25px; color: #a8a8a8; background: none; cursor: pointer; padding: 10px 0px 0px 0px;}
#mainHeader .searchBox  #searchform { display: none; position: absolute; top:40px; right:0px; width: 300px; background: #fff; box-shadow: 0px 0px 24px 0px rgba(155, 155, 155, 0.5); padding: 15px; }
#mainHeader .searchBox  #searchform input { padding: 6px; border:1px solid #ddd;}
#mainHeader .searchBox  #searchform button { background: #0057a8; color: #fff; padding: 7px 17px; font-weight: bold; }


#mainHeader .mobilemenuicon { }
#mainHeader .mobilebars { background: #0057a8;  padding: 10px 17px; color: #fff; font-size:20px;}
#mainHeader .mobilebars:hover { opacity:0.6;}


#accessmain { position: absolute; top:20px; right:20px;}
#accessmain .accesibility_icon_main svg { fill:#ee2e24; width: 40px; height: 40px; }
#accessmain #stopanim { display: none;}


#mainHeader #fixedmenu { position: fixed; top:-100px; left:0px; width: 100%; background: #fff; box-shadow: 0px 0px 24px 0px rgba(155, 155, 155, 0.5); z-index: 120; padding: 10px 0px; transition: all 0.25s ease-out;}
#mainHeader #fixedmenu .mobilemenuicon { float: right; padding-right: 0px; padding-top: 10px; }
#mainHeader #fixedmenu a#logo-link2 svg, #mainHeader #fixedmenu a#logo-link2 img { width: 220px; height: auto;}

#mainHeader #fixedmenu.fhidden { top:-100px;}
#mainHeader #fixedmenu.fshowed { top:0px;}



#moustachething { position: fixed; top:20vh; left:20px; z-index: 94;}
#moustachething .link { position: relative; left:20px;}
#moustachething .animgraphic { animation: shake 3s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; animation-iteration-count: infinite;}

@keyframes shake {
  0% { transform:  rotate(0deg); }
  5% { transform:  rotate(-10deg); }
  10% { transform:  rotate(10deg); }
  15% { transform:  rotate(-10deg); }
  20% { transform:  rotate(0deg); }
}



#mobmenucontainer { position: absolute; top:0px; left:0px; width: 100%; min-height: 100vh; z-index: 19342; background: rgba(0,87,168,0.95); display: none; }
#mobmenucontainer .mtopsection { padding:25px 0px; position: relative; margin-bottom: 80px;}
#mobmenucontainer #logo-link3 img, #mobmenucontainer #logo-link3 svg { fill:#fff; max-width: 360px;}
#mobmenucontainer #logo-link3 svg path { fill:#fff;}
#mobmenucontainer .mtopsection #closemenu { position: absolute; top:30px; right:0px; }
#mobmenucontainer .mtopsection button#closemenu { border:none; background: none; color: #fff; font-size:80px;}
#mobmenucontainer .mtopsection button:hover { opacity:0.6;}



ul#menu-main { display: flex; flex-wrap: wrap;}
ul#menu-main > li { margin-bottom: 50px; display: block; width: 33%;  }
ul#menu-main > li > a { font-size:42px; line-height: 48px; color: #fff; margin-bottom: 25px; display: inline-block;}
ul#menu-main li ul li {  margin-bottom: 12px;}
ul#menu-main li ul li a { font-size:18px; color: #fff;}

ul#menu-main li.white > a { font-size:42px; line-height: 48px; color: #0057a8; background: #fff; padding: 5px 10px; margin-bottom: 25px; display: inline-block;}

/* TYTUŁY PODSTRON  */
.maintitle {}
.maintitle .titlebg { background: #0057a8 url("images/page-head.png") no-repeat top center; padding: 40px; margin-bottom: 40px;}
.maintitle .titlebg h1 { color: #fff;}
body.single .maintitle .titlebg h1 { font-size:32px;}
.breadcrumbs { padding-top: 15px; color: #fff;}
.breadcrumbs a { color: #fff;}



.maincontents { margin-bottom: 80px;}



.blogcontent { }
.blogcontent .info { color: #686868; font-size:17px; margin-bottom: 10px;}
.blogcontent .info a { color: #686868;}
.blogcontent .info span { margin-right: 20px;}

.blogcontent .mainthumb { margin-bottom: 20px;}
.blogcontent .mainthumb img { width: 100%; height: auto;}
.blogcontent .homepost { margin-bottom: 40px;}
.blogcontent .homepost h2 { height: 77px; }

.blogcontent .wp-block-latest-posts__featured-image.alignleft {  margin-right: 1em; float:left; height: 80px;   }
.wp-block-latest-posts__list a { line-height: 16px; position: relative; top:-4px;}
.wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; line-height: 18px; }
.wp-block-latest-posts__list li { margin-bottom: 4px;}

/* BLOKI */
.singlepostblock { margin-bottom: 30px;}
.singlepostblock .thumb { border:4px solid #0057a8; margin-bottom: 20px; position: relative;}
.singlepostblock .newstitle h3 { font-size:19px; color: #1c1c1c; text-transform: uppercase; line-height: 30px;}
.singlepostblock .newstitle h3 a { color: #1c1c1c;} 
.singlepostblock .excerpt p, .singlepostblock .excerpt { color: #747474; font-size:17px; line-height: 28px;}
.singlepostblock .excerpt { margin-bottom: 20px;}
.singlepostblock .ndata { position: absolute; left:0px; bottom: 0px; padding: 8px 18px; background: #0057a7; color: #fff; z-index: 12;}

.singlepostblock .widethumb { height: 250px; width: 100%; margin-bottom: 20px;}
.singlepostblock .widethumb img { object-fit: cover; width: 100%; height: 100%; }
.singlepostblock .widethumb a img { border:4px solid #0057a8;}

.wp-block-image img { border:4px solid #0057a8;}


.page-id-86 .wp-block-image { margin: 0 0 0em; }

figure.wp-block-image a img { border: 5px solid #0057a8; } /* obrazki mają ramkę */
.wp-block-group__inner-container { } /*grupy mają padding, dotyczy sidebaru */


.historybox { display: flex;  }
.historybox .line { width:50px; overflow: hidden; height: 100%; }
.historybox .line img { position: relative; width:26px; height: auto; max-height: none;}
.historybox .arrow { width:100px; padding: 20px 20px 0px 20px; }
.historybox .arrow img { width:24px; height: auto;}
.historybox .text { width:50%; padding-right: 5%;}
.historybox .image { width: 600px; }
.historybox .image img { width: 100%; height: 300px; object-fit: cover; object-position: center center;}

.wydawnictwo { border:4px solid #0057a8; padding: 20px; height: 100%; }


/* STOPKA  */

#footermain { background: #efefef; padding: 40px 0px;}
#footermain .flogo a.mbip img { width: 45px; height: auto;}
#footermain .flogo { margin-bottom: 40px;}
#footermain p { color: #a4a4a4; font-size:14px; line-height: 18px;}
#footermain

#footermain #fcarousel { }
#footermain #fcarousel span { padding: 10px;}
#footermain #fcarousel span img { /*width: 100px; height: auto;*/}

.slick-prev::before, .slick-next::before { font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 20px; line-height: 1; opacity: .75;  color: #0057a8; }
.slick-prev::before { content: "\f104"; }
.slick-next::before { content: "\f105"; }

#footermain #footer04 { padding: 0px 0px 0px 55px;}
.copyfooter { padding: 30px 0px;}
.copyfooter .copytext { color: #686868; font-size:14px; line-height: 18px;}
.copyfooter .copymenu ul.ftmenu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px; list-style: none; padding: 0;}
.copyfooter .copymenu ul.ftmenu li { text-align: right;}

#mailpoet_form_1 form.mailpoet_form { padding: 0px !important;}
#mailpoet_form_1 .mailpoet_paragraph:first-of-type { width: 60%; float:left; }
#mailpoet_form_1 .mailpoet_paragraph:nth-of-type(2) { width: 40%; float:left; }
#mailpoet_form_1 .mailpoet_paragraph.last::after { display: block; content: ''; clear: both;}
#mailpoet_form_1 .mailpoet_message { }
#mailpoet_form_1 .mailpoet_text { border:none; padding: 10px !important;}
#mailpoet_form_1 .mailpoet_submit { background: #0057a8; color: #fff;}
#mailpoet_form_1 p.newsletter-disclaimer { font-size:12px; line-height: 16px; color: #a4a4a4;}

@media (max-width: 1920px) {

}


@media (max-width: 1730px) {
	#moustachething img { width: 130px;}
}

@media (max-width: 1530px) {
	#moustachething { display: none;}
}

@media (max-width: 1350px) {
	#accessmain {  top: 120px; right: 20px; }
}


@media (max-width: 992px) {
	#mainHeader .info-section { display: block; }
}

@media (max-width: 780px) {
	ul#menu-main > li { width: 50%;  }
	#mobmenucontainer #logo-link3 img, #mobmenucontainer #logo-link3 svg { max-width: 220px; }
	#mobmenucontainer .mtopsection button#closemenu { font-size: 50px; }
	
	.wydawnictwo { margin-bottom: 20px; height: auto;}
	.searchsection { display: none;}
	
}

@media (max-width: 580px) {
	#mainHeader  .info-section { display: none;}
	ul#menu-main > li > a { font-size: 28px; line-height: 32px; }
	#accessmain { top: 20px; right: 20px; }

}

@media (max-width: 500px) {
	ul#menu-main > li { width: 100%;  }
}