/*
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=Montserrat:wght@300;400;700&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;}

.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: 'Montserrat', 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:#724e2e;  }
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.7; }
a.blocked { display: block;}
.clr, .clear { clear:both;}
button { border:none;}
em { /*color: #666;*/}



.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: 'Montserrat', Arial, Helvetica, sans-serif; font-weight: 300; color:#614739; margin: 0 0 18px 0px;  -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;   }
p { font-size: 16px;  line-height: 26px; margin-bottom: 12px;  color: #4b4b4b; text-align: left;  }
h3, h4, h5, h6 { color:#4b4b4b; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}
h2 { font-size:48px;}

/*  ROZPOCZYNAMY */

body.home .pageTitle { display: none;}

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

.mainmenu { padding-top: 32px;  }
.mainmenu ul#main-nav { list-style: none; display: flex;  justify-content:flex-end;}
.mainmenu ul#main-nav li { font-size:18px; font-weight: bold; }
.mainmenu ul#main-nav li a { background: #f5c818; color: #000; padding: 10px 20px; }
.mainmenu ul#main-nav a span { font-size:24px; }
.mainmenu ul#main-nav li.white a { background: #fff;  }

section.pageTitle { padding: 30px 0px 30px 0px; background:#ab937e; color:#fff; margin-bottom:40px;}
section.pageTitle h1 { color:#fff; margin-bottom:0px; }

.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; margin-bottom: 20px;}
.fullContent h1, .fullContent h2, .fullContent h3, .fullContent h4, .fullContent h5, .fullContent h6, .fullContent p, .fullContent .wp-block-buttons { max-width:1296px; margin: 0px auto 18px auto;}

.hero { width: 100%; height: 70vh; position: relative; margin-top:-190px; z-index: -1; clip-path: polygon(100% 0, 100% 92%, 50% 100%, 0 92%, 0 0); margin-bottom: 50px;}
.hero img { width: 100%; height: 100%; object-fit: cover;}

.wyrozniki { margin-bottom: 50px; padding-top: 30px;}
.wyrozniki figcaption { font-weight: bold; color: #614739;}

.wp-block-button__link { background-color: #724e2e; font-weight: bold; border-radius: 10px;}
.wp-block-button__link:hover { opacity:0.7; }

.wp-block-columns.ikony {}
.wp-block-columns.ikony .wp-block-image { text-align:center; padding:20px 0px;}
.wp-block-columns.ikony .wp-block-image img  { width:130px; height:auto;}
.wp-block-columns.ikony .wp-block-image figcaption { text-align:center; color:#fff; font-weight:bold; font-size:24px;}


.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: #eee;
  background: #f5c818 !important;
  border-top-color: rgba(255,255,255,0) !important;
  border-bottom-color: rgba(0,0,0,0) !important;
}

footer { background: #724e2e; padding: 70px 0px; color: #fff; text-align: center; font-size:18px;}

@media (max-width: 1364px) {
	
	.fullContent { padding: 0px 10%; }
}