/*
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:ital,wght@0,100..900;1,100..900&display=swap');

body { -ms-overflow-style: scrollbar;}



/* domyślne bloki */
.wp-block-columns {}

/*!---------- 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: 'Jost', 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:#454545;  }
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;*/}
blockquote p { background: #f4f4f4; padding: 20px; border-left:10px solid #e0e0e0; font-style: italic;}




.fullContent a { text-decoration: underline; color: #0a2e4f; }
.fullContent a.wp-block-file__button { color: #fff; text-decoration: none;}
a.mybtn { background: #000000; color: #fff; padding: 10px 30px; display: inline-block; text-decoration: none;} 
a.mybtn:after { font-family: 'FontAwesome'; content: '\f105'; margin:0 5px 0 20px; font-size:18px; transition: margin 0.25s ease-out;}
a.mybtn:hover { background: #9E0000; padding: 10px 30px; }
a.mybtn:hover:after { margin:0 5px 0 40px;}

button.mybtn { background: #000000; color: #fff; padding: 10px 30px; display: inline-block; text-decoration: 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 { font-family: 'Jost', sans-serif; margin: 0 0 18px 0px;  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #000; font-weight: 400;  }
p { font-size: 16px;  line-height: 26px; margin-bottom: 12px;  color: #4b4b4b; text-align: left;  }
.fullContent ul li, .fullContent ol li { font-size: 16px;  line-height: 26px; margin-bottom: 12px;  color: #4b4b4b; text-align: left;}


hr.wp-block-separator { border: 0; height: 1px; width: 20%; position: relative; margin: 30px auto; opacity:1; background: #6d0000; }
hr.wp-block-separator:before { content: ""; width: 16px; height: 16px; background: #6d0000; display: inline-block; border: 5px solid #6d0000; border-radius: 50%; position: absolute; top: -4px; left: 50%; margin: 0 0 0 -3px; }


/*  ROZPOCZYNAMY */

body.home .pageTitle { display: none;}


header#mainHeader { padding: 20px 0px; margin-bottom: 30px;}
.hcontainer { display: grid; width: 1296px; margin: 0px auto; grid-template-columns: repeat(2, 1fr); }
.hcontainer .hcolumn.goright { display: flex; justify-content: flex-end; flex-direction:column;}

.topcontent { display: flex; justify-content:flex-end; align-items:center; gap:30px; padding: 0px; color: #000;}

@media (max-width: 1550px) { .hcontainer {width: 90%; }}
@media (max-width: 1160px) { .hcontainer {grid-template-columns:2fr 3fr; }}

/* TOP */



#allBody {}
.fullContent {  width: min(1296px, 90%); margin-inline:auto; }
.waski { width: min(1296px, 90%); margin-inline:auto; }

body:not(.home) #footermain { margin-top: 80px;}

/* sekcja fullcontent */
div.alignfull { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;}





.mainmenu { padding-top: 30px; }
.mainmenu ul#main-nav { list-style: none; display: flex;  justify-content:flex-end; }
.mainmenu ul#main-nav > li { font-size:24px; margin-left: 40px; position: relative;}
.mainmenu ul#main-nav > li.current-menu-item a { color:#000000;}
.mainmenu ul#main-nav > li::before { content: ''; display: block; width: 30px; height: 2px; background: #454545; margin-bottom: 10px; transition: width 0.25s ease-out;}
.mainmenu ul#main-nav > li:hover::before { width: 50px; height: 2px; }
/*.mainmenu ul#main-nav > li > ul { position: absolute; top:40px; left:0px; width: 200px; display: block; list-style: none; padding-left: 0; padding: 10px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); font-size:14px;}*/
.mainmenu ul#main-nav > li > a { color: #868686; }


.mainmenu ul.menu > li.menu-item-has-children > a:after{  font-family: 'FontAwesome'; content: '\f107'; margin:0 5px 0 5px; }
.mainmenu ul.menu > li > ul.sub-menu { padding: 10px 0px 0px 0px; pointer-events: none; opacity: 0; list-style: none;  font-weight: normal; position: absolute; z-index: 10; top:60px; transition: all 0.25s ease-out;  left:0px; width: 200px;  background:#fff; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.3);}
.mainmenu ul.menu > li > ul.sub-menu > li { }
.mainmenu ul.menu > li > ul.sub-menu > li > a { padding: 8px 18px 8px 28px; display: block; position: relative; color: #000; font-size:15px; font-weight: 400; }
.mainmenu ul.menu > li > ul.sub-menu > li > a:hover { color:#000000; background: #f3f3f3; }
.mainmenu ul.menu > li > ul.sub-menu > li > a:hover:before { color:#000;}
.mainmenu ul.menu > li:hover  > ul.sub-menu{ pointer-events: all; opacity: 1; top:35px; }

#mainHeader .mainmenu ul.menu > li:hover > a { color:#666; }

.menulabel { font-weight: bold; letter-spacing: 2px; text-transform: uppercase;}

section.pageTitle { padding: 30px 0px 30px 0px;  color:#000; margin-bottom:40px; background: #eee; }
section.pageTitle h1 { color:#000; margin-bottom:0px; font-family: 'Jost', Arial, Helvetica, sans-serif; font-size:42px; font-weight: 300; padding-left: 50px; border-left:1px solid #000; }


.tposts { margin-bottom: 150px;}
.tposts .single-post { margin-bottom: 150px;}
.tposts .single-post.even { position: relative; top:200px;}


figure.columngallery { }

figure.columngallery.right { margin-top: 100px;}
figure.columngallery.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin-bottom: 190px; }
figure.columngallery.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-child { margin-bottom: 0px; }
figure.columngallery.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: none; bottom:-100px; height: 90px; color: #000; font-size:15px; padding: 0px;  }
figure.columngallery.left > figure.wp-block-image figcaption { text-align: left; left:0px; }
figure.columngallery.right > figure.wp-block-image figcaption { text-align: right; left:0px; }

@media (max-width: 780px) { 
figure.columngallery.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { margin-bottom: 71px;}
}

/*figure#homegallery { display: grid; grid-template-columns: auto auto; gap:30px; margin-bottom: 100px;}
figure#homegallery > figure.wp-block-image:not(#individual-image) { width: auto;}
figure#homegallery > figure.wp-block-image:nth-child(odd) {  margin-bottom: 190px !important; }
figure#homegallery > figure.wp-block-image:nth-child(even) { margin-top: 190px !important;  }


figure#homegallery.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: none; bottom:-40px; color: #000; font-size:15px; padding: 0px;  }
figure#homegallery > figure.wp-block-image:nth-child(odd) figcaption { text-align: left; left:-8px; }
figure#homegallery > figure.wp-block-image:nth-child(even) figcaption { text-align: right; left:8px; }
*/
figure.wp-block-image[data-sr-id="12"] figcaption{
  bottom:-54px !important;
}

@media (max-width: 960px) { 
	.hcontainer {grid-template-columns:1fr; gap:50px; }
	.hcontainer .hcolumn.goright { justify-content: flex-start;}
	.topcontent { justify-content: flex-start;} 
	.mainmenu ul#main-nav { justify-content: flex-start; padding-left: 0px; gap:30px; }
	.mainmenu ul#main-nav > li { margin: 0px; margin-left: 0px; margin-right: 0px; }
}

@media (max-width: 764px) { 
.tposts .single-post { margin-bottom: 20px;}
.tposts .single-post.even { top:0px;}
	
}




@media (max-width: 520px) { 
	.topcontent {flex-direction:column; gap:0px; align-items:flex-start;} 
	.mainmenu ul#main-nav > li { font-size:18px; }

}


@media (max-width: 340px) { 

	.mainmenu ul#main-nav { flex-direction:column; gap:20px;}

}

/*.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;}*/



a.wp-block-button__link { background: #fff; color: #000; padding: 10px 30px; display: inline-block; text-decoration: none; border-radius:0; border:1px solid #000; }
a.wp-block-button__link:after { font-family: 'FontAwesome'; content: '\f105'; margin:0 5px 0 20px; font-size:18px; transition: margin 0.25s ease-out;}
a.wp-block-button__link:hover { background: #eee; padding: 10px 30px; }
a.wp-block-button__link:hover:after { margin:0 5px 0 40px;}




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



/* tabela */
.wp-block-table table { border-collapse: collapse; margin: 25px 0;  min-width: 400px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.wp-block-table table thead tr { background-color: #009879; color: #ffffff; text-align: left; }
.wp-block-table table th,
.wp-block-table table td {  padding: 12px 15px; border: none; transition: background 0.25s ease-out;}
.wp-block-table table tbody tr { border-bottom: 1px solid #dddddd; }
.wp-block-table table tr:nth-of-type(even) { background-color: #f3f3f3; }
.wp-block-table table tr:last-of-type { border-bottom: 2px solid #009879;}

.wp-block-table table tr:hover td { background: #cbcbcb;}



/* kursy doszklające wielkość zdjęcia */
.news-image img { aspect-ratio: 3 / 2;  width: 100%; object-fit: cover; }
.news-image { margin-bottom: 15px;}

/*.wp-block-embed__wrapper { overflow: hidden; position: relative; max-width: 100%; height: auto; padding-bottom: 56.25%; }
.wp-block-embed-youtube iframe, .wp-block-embed-youtube object, .wp-block-embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 700px; }*/



body.page-template-page-newsy .single-post .news-image img { aspect-ratio: 3 / 2;  width: 100%; object-fit: cover; }
body.page-template-page-newsy .single-post .news-image { margin-bottom: 15px;}
body.page-template-page-newsy .single-post .excerpt { margin-bottom: 15px;}

body.single-post .fullthumb { margin-bottom: 30px;}
body.single-post .fullthumb img { aspect-ratio: 3 / 1;  width: 100%; object-fit: cover;}
time { color: #aaa; }



footer { background: #eee; padding: 20px 0px;  color: #000000; font-size:14px;}
footer img { margin-right: 30px;}
footer .menubottom { text-align: right; padding-top: 40px;}
footer .menubottom a { color: #000000; text-decoration: underline;}



@media (max-width: 1200px) {

	

}