/*
Theme Name: Trustudio Boilerplate
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
*/

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;300;400;700&display=swap');
body { -ms-overflow-style: scrollbar; margin: 0; padding: 0;}

:root {
  --pcolor: rgba(255 ,255, 255, 0.8); /* global scope */
}



/*!---------- 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;}
.pa100 { padding: 100px !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: 100px !important;} /* poprawka Kasi zwierzyńskiej */
.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: Verdana, Geneva, sans-serif;  -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 24px; color: #000; }

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:#000000;  }
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.8;}
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;}

h1, h2, h3, h4, h5, h6 {  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;   }
p { font-size: 13px;  line-height: 20px; margin-bottom: 12px;  color: #000; text-align: left;  }

.fullContent ul li, .fullContent ol li {  margin-bottom: 12px;  text-align: left;}

/*  ROZPOCZYNAMY */

body.home .pageTitle { display: none;}

header#mainHeader { padding: 0px 0px;}

.mainmenu { position: fixed; top:40px; left:20px; z-index: 1200; }
.mainmenu ul#main-nav { list-style: none; display: flex;  justify-content:flex-start; gap:20px; background: var(--pcolor); padding: 3px 20px; margin: 0;}
.mainmenu ul#main-nav li { font-size:11px; }
.mainmenu ul#main-nav li.current-menu-item { text-decoration: underline;}
.mainmenu ul#main-nav li a:hover { text-decoration: underline; opacity:0.8;}



header#mainHeader .menubtn { padding: 0px; display: none;}
header#mainHeader .menubtn button { position: absolute; top:44px; left:30px; z-index: 1020;;}

header#mainHeader .menubtn .bg { position: absolute; top:33px; left:24px; width:42px; height:42px; z-index:1019; background: var(--pcolor) }

@media (max-width: 980px) {
	.mainmenu { display:none; }
	header#mainHeader .menubtn { display: block;}
}


.menu-toggle { width: 30px; height: 22px; background: none; border: 0; cursor: pointer;}
.menu-toggle span { position: absolute; left: 0; width: 100%; height: 2px; background: #000; transition: transform 0.3s ease, top 0.3s ease; }
.menu-toggle span:nth-child(1) { top: 0; }
.menu-toggle span:nth-child(2) { top: 9px; }
.menu-toggle span:nth-child(3) { top: 18px; }

body.menu-open { background-color: #f9f6f7;}

.menu-open .menu-toggle span:nth-child(1) { top: 8px; transform: rotate(45deg); }
.menu-open .menu-toggle span:nth-child(2) { opacity: 0; }
.menu-open .menu-toggle span:nth-child(3) { top: 8px; transform: rotate(-45deg); }


#hugemenu { position: fixed; inset: 0; top:0px; left:0px; width: 500px; background: #fff; z-index: 1000;; transition: transform 0.4s ease; transform: translateX(-100%);}
#hugemenu .bigmenuinside { height:100%;  padding: 0px;}
#hugemenu .bigmenuinside ul { list-style: none; padding-left: 0px;}
#hugemenu .bigmenuinside ul li { font-size:11px; margin-bottom: 0px; font-style: normal; }
#hugemenu .bigmenuinside ul li.current-menu-item li.current-menu-item { text-decoration: underline;  color: #000;}

#hugemenu .bigmenuinside > .menu-content > ul {  display: flex; flex-direction: column ; gap:10px; color: #444;}
#hugemenu .bigmenuinside > .menu-content > ul > li {  text-transform: none; margin-bottom: 0px; }

#hugemenu .bigmenuinside > .menu-content { flex: 1; height: 100%; overflow-y: auto;  -webkit-overflow-scrolling: touch;  padding: 0px 80px 0px 120px; display: flex; align-items: center; font-size:11px;}

@media (max-width: 990px) {
  #hugemenu .bigmenuinside > .menu-content > ul { padding-top: 0px;}
}

@media (max-width: 600px) {
	#hugemenu { width: 100%;}
}


.menu-open #hugemenu { transform: translateX(0); }
.menu-open header#mainHeader .menubtn button { position: fixed;}










section.pageTitle { padding: 30px 0px 30px 0px; background:none; color:#000; margin-bottom:40px;}
section.pageTitle h1 { color:#000; margin-bottom:0px; font-family: 'Jost', Arial, Helvetica, sans-serif; font-size:60px; }

.fullContent { margin-bottom:50px;}
.fullContent .wp-block-cover .wp-block-cover__inner-container { max-width:1296px; margin: 0px auto;}
.fullContent .wp-block-columns { max-width:1296px; margin: 0px auto;}
.fullContent h1, .fullContent h2, .fullContent h3, .fullContent h4, .fullContent h5, .fullContent h6, .fullContent p, .fullContent ul, .fullContent .wp-block-group { max-width:1296px; margin: 0px auto 18px auto;}

img.frontimage { display: block; opacity:0; }

.textcontent { padding: 70px 70px 70px 40px; max-width: 600px;}

.p404contents { padding: 70px 70px 70px 40px; max-width: 600px;}


#mslideshow { position: relative; width: 100%; height: 100vh; overflow: hidden;}
#mslideshow .mslide { position: absolute;  inset: 0;  opacity: 0;  transition: opacity 1.5s ease; width: 100%; height: 100%;}
#mslideshow .mslide img { display: block; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center;}
#mslideshow .mslide.active { opacity: 1; z-index: 1; }

#mslideshow .ms-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 48px; background: none; border: none; cursor: pointer;  z-index: 10; }
#mslideshow .ms-prev { left: 20px; }
#mslideshow .ms-next { right: 20px; }

#mslideshow .ms-arrow::before { content: ''; display: block; width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; }
#mslideshow .ms-prev::before { transform: rotate(-135deg); margin-left: 18px; }
#mslideshow  .ms-next::before { transform: rotate(45deg); margin-left: 14px; }

#ms-counter { position: fixed; top: 40px; right: 20px; z-index: 100; font-size: 11px; letter-spacing: 1px; color: #000; pointer-events: none; user-select: none; background: var(--pcolor); padding: 3px 10px;}


#mvideo {  position: fixed;  inset: 0;  z-index: 1;  overflow: hidden; }

#mvideo video { width: 100%; height: 100%;  object-fit: cover; display: block; }

/* PRZYCISK DŹWIĘKU */
#video-sound {  position: fixed;  top: 40px;  right: 20px;  width: 40px;  height:40px; background-repeat: no-repeat;  background-color: var(--pcolor); background-position: center;  background-size: 16px; color: #000;   border: none;  cursor: pointer;  z-index: 100; }
#video-sound.is-muted { background-image: url('images/unmute.svg'); }
#video-sound.is-unmuted { background-image: url('images/mute.svg'); }

.podpis {position: fixed; bottom: 100px; left: 50%; transform: translateX(-50%); width: 50vw; text-align: center;color: #fff; font-size: 13px; line-height: 1.4; z-index: 200;  pointer-events: none; background: rgba(0,0,0,0.6); padding: 10px;;}
.gtext.aright, .gtext { position: fixed; right: 0px; top:0px; height: 100vh; width: 60vh;  z-index: 201; pointer-events: none;}
.gtext.aleft { right: auto; left:0px;}
.gtext.aleft { right: auto; left: 50%; transform: translateX(-50%); }

.gtext img { height: 100%; width: 100%; object-fit: contain;}

@media (max-width: 600px) {
	.gtext { height: 80vh; width: 80vw;  top: 50%; transform: translateY(-50%);}
	
}


@media (max-width: 1200px) {
	img.frontimage { width: 100vw; height: 100vh; object-fit: cover; }
	
}

@media (max-width: 800px) {
	.mainmenu ul#main-nav { gap:0px 10px; padding: 3px; flex-wrap:wrap; max-width: 60vw;}
	#mslideshow .mslide img { display: block; width: 100%; height: 100%; display: block; object-fit: cover;}
	.mainmenu { position: absolute;  }
	.textcontent { padding: 100px 20px 70px 20px; }
	
}




.wp-block-button__link { background:none; font-weight: 300; border-radius: 0px; border:1px solid #ccc;  color:#000 !important; text-decoration: none !important; }
.wp-block-button__link:hover { padding-left: 50px; }

.black .wp-block-button__link { background:#000; font-weight: 300; border-radius: 0px; border:1px solid #ccc;  color:#fff !important; }


.wp-block-button.bigbtn { line-height: 40px;}
p.has-text-align-left { text-align: justify;}


.wp-block-column.borderleft { border-left:1px solid #ccc; padding:30px 0px 30px 30px; margin-bottom: 20px;}
.wp-block-column.borderright { border-right:1px solid #ccc; padding:30px 30px 30px 0px; margin-bottom: 20px;}

.wp-block-image.is-style-rounded { text-align: center;}
.wp-block-image.is-style-rounded img { width: 300px; height: auto;}

footer { background: #eee; padding: 70px 0px; color: #000; text-align: center; font-size:18px;}