/*
Theme Name: Rhizome
Description: Wordpress theme made by trustudio.pl
Text Domain: rozgadany
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/css?family=Montserrat:300,400,500,700&display=swap&subset=latin-ext');

body { -ms-overflow-style: scrollbar;}
mark { background: #c1ffdf; padding: 0px;}


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, textarea, img{ 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:#888888;  }
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 {  color: #777777;}
.clr, .clear { clear:both;}

h1, h2, h3, h4, h5, h6 { margin: 0 0 0 0px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  font-weight: bold; margin-bottom:20px; color: #000;}

h1 { font-size: 32px; }
h1.jumbo { font-size: 32px; font-weight: 700; }
h2 { font-size: 26px; margin: 0 0 15px 0; color: #000; font-weight: 300;  }
h3 { font-size: 16px; color: #a1a1a1; margin-bottom: 20px; font-weight: 300;  }
h3 a { color: #a1a1a1;}
h4 { font-size: 14px;  margin: 10px 0 20px 0; color: #335337; border-left:30px solid #dedede; padding-left: 20px;}
h5 { font-size: 13px;  }
h6 { font-size: 12px;  }
p { font-size: 13px; font-weight: 400;  line-height: 21px; margin-bottom: 12px;  color:#000; text-align: justify; font-family: 'Montserrat', Arial, Helvetica, sans-serif;}
p strong { font-weight:700;}
p.title { font-size: 13px; 	font-weight: 400; 	line-height: 28px; 	margin-bottom: 24px;  }
ul {  padding-left: 35px; }
ul li { font-size:13px; color: #000; font-weight: 400;}

.btn:focus { box-shadow: 0 0 0 .2rem rgba(51,83,55,.25); }

h1.title { color: #a1a1a1; text-transform: uppercase; font-size:18px; border-left:100px #ededed solid; padding-left: 30px; }

.mybtn { color:#fff; background: #888888; padding: 15px 30px; font-size:18px; margin-top: 20px; }

img.alignleft { float:left; margin:0px 20px 20px 0px;}
label { font-weight:400;}

hr{  border-bottom: 2px solid #000; }

.btngreen { background: #335337; color: #fff; padding: 6px 14px;}

::-moz-selection { background: #555; color: #fff; text-shadow: none; }
::selection { background: #555; color: #fff; text-shadow: none; }

::-webkit-input-placeholder { font-weight:normal; color:#888888; }
::-moz-placeholder {  font-weight:normal;  color:#888888;}
:-ms-input-placeholder { font-weight:normal;  color:#888888;}
:-moz-placeholder { font-weight:normal;  color:#888888;}

.lato { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;}
.Montserrat { font-family: 'Montserrat', Arial, Helvetica, sans-serif !important; }


/* Zrobione? No to jedziemy! :) */

#simpleHead { padding: 30px 0px 20px 0px;}

#simpleHead .flags { margin-bottom: 20px;}
#simpleHead .flags a { border: 1px solid #707070; display: inline-block; margin-left: 21px; line-height: 10px;}
#simpleHead .toprow { margin-bottom: 50px;}


#simpleHead .searchfield { }
#simpleHead .searchfield .fb { display: inline-block; margin-right: 20px;}
#simpleHead .searchfield .fb a { width: 10px; height: 10px; padding: 6px 10px; border:2px solid #000; border-radius:50%;}
#simpleHead .searchfield .searchdiv { display: inline-block;}
#simpleHead #searchform { border-bottom:4px solid #000;}
#simpleHead #searchform .search-field { border:none;}
#simpleHead #searchsubmit { font-family: FontAwesome; border: none; background: none; font-size:18px;}

#simpleHead .en { position: absolute; top:10px; right:0px; text-transform: uppercase;}
#simpleHead .en a { padding: 5px 10px; color: #000; background: #ededed;}

.mainlogo { margin-bottom: 60px;}


.mainmenu { padding-top: 104px; position: relative; left:-40px;}
.mainmenu ul {  list-style-type: none; padding-left: 0px; }
.mainmenu ul li { padding: 0px 0px;   float: left; margin: 0px; width: 50px; margin-right: 2px; position: relative;}
.mainmenu ul li a { color: #4b4b4b;  font-size:14px; display: block; transform: rotate(-70deg); position: absolute; bottom:145px; left:-40px; width: 170px;}
.mainmenu ul li.current-menu-item a { color:#888888;}

.mainmenu ul li:hover  .menuline { background: linear-gradient(to bottom, #ededed 0%, #335337 100%); cursor: pointer;}
.mainmenu ul li:hover a { color:#335337; }
.mainmenu ul li .menuline { width: 10px; height: 93px; background: #ededed; position: relative; top:35px; left:10px;}
.mainmenu ul li.current-menu-item .menuline { background: linear-gradient(to bottom, #ededed 0%, #335337 100%);}

.slogan { color:#a1a1a1; font-size:19px; border-bottom:10px #ededed solid; padding-bottom: 43px; }

#mainFooter { margin-top: 50px; margin-bottom: 30px; }
#mainFooter .footerborder { border-top:10px solid #e5e5e5; padding-top:30px;}
#mainFooter .info { color: #888888; padding-right: 30px; font-size:13px; line-height: 18px;}
#mainFooter .info img { margin-bottom: 20px;}
#mainFooter h3 { font-size:14px; font-weight: bold; color: #1f1f1f;}
#mainFooter .partnerzy { padding-top: 50px;}
#mainFooter .copy { }
#mainFooter .copy p {  color: #BFBFBF;}


.borderedSection { padding-bottom: 30px; border-bottom:4px solid #000; margin-bottom: 30px;}


.thumblist { margin-bottom: 20px;}
.puretext .mthumb { float:left; margin: 0px 10px 10px 0px;}

.singlehomepost .imagePart { margin-bottom: 20px;}

.postprojekt { margin-bottom: 10px;}
.postprojekt h3 { margin: 0; padding-bottom: 10px;}
.pdesc { font-size:12px; line-height: 18px;}


.yearsection { margin-bottom: 40px;}
.yearsection h1 { margin-bottom: 10px;}



body.home #allBody section.firstcontent { margin-bottom: 50px;}
body.home #allBody section.seccontent { margin-bottom: 50px;}

.homefirst { margin-bottom: 15px;}
.firstcontent { font-size:13px; line-height: 21px;}
.firstcontent .biggreen { display: block; background: #335337; padding: 50px 10px 40px 10px; color: #fff; text-align: center; margin-bottom: 15px;}
.firstcontent .biggreen:hover { padding: 30px 10px 60px 10px; opacity:0.9;}
.firstcontent .biggreen .icon { font-size:52px; margin-bottom: 20px;}
.firstcontent .biggreen .title { font-size:14px;}

.singlepost { margin-bottom:80px; }
.singlepost h1 { font-size:24px;}
.singlepost img { width:100%; height:auto;}
.singlepost div.date { margin-bottom:10px;}
.singlepost div.date span { background:#f5713b; font-size:12px; color:#fff; font-weight:bold; padding:5px 15px;}
.singlepost .singlecontent { padding:5px 30px 10px 30px;}
.singlepost a { text-decoration:none;}
.singlepost .imagePart { background: #e0e0e0; height: 100%; padding: 0px; display: flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);}

.single-post .mainthumb { margin-bottom:20px;}

.singleotherpost { margin-bottom:80px; background:#eee;}
.singleotherpost h1 { font-size:24px;}
.singleotherpost img { width:100%; height:auto;}
.singleotherpost div.date { margin-bottom:10px;}
.singleotherpost div.date span { background:#00a13a; font-size:12px; color:#fff; font-weight:bold; padding:5px 15px;}
.singleotherpost div.date.grey span { background:#00a13a; font-size:12px; color:#fff; font-weight:bold; padding:5px 15px;}
.singleotherpost .singlecontent { padding:15px; height: 160px;}
.singleotherpost a { text-decoration:none;}

body.single-post div.date {  margin-bottom: 20px;}
body.single-post div.date span { background:#00a13a; font-size:12px; color:#fff; font-weight:bold; padding:5px 15px; }

.pagination { clear:both; padding:0px 0; position:relative; font-size:14px; line-height:18px; }
.pagination span, .pagination a { display:block;  float:left; margin: 2px 2px 2px 0; padding:6px 12px 5px 12px; text-decoration:none; width: 32px; text-align: center; color:#fff;  background: #ddd; }
.pagination a:hover{ color:#fff; background: #e46713; }
.pagination .current{ padding:6px 9px 5px 9px; background: #e46713; color:#fff; }

.gallery { display: block;}
.gallery::after { clear: both; display: block; height: 1px;}
.gallery-item { float:left; margin: 0px 10px 10px 0px; display: block;}
p { clear:both;}



.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target { background: linear-gradient(to bottom, #ededed 0%, #335337 100%) !important;}




/*!---------- podstwowe style ----------*/

.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;}
.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;}
.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;}
.mb50 { margin-bottom: 50px !important;}
.mb100 { margin-bottom: 100px !important;}
.mb150 { margin-bottom: 150px !important;}



/* naspisujemy lightbox */

.lg-backdrop { background-color: #fff; }
.lg-backdrop.in { opacity: 0.9;}
.lg-actions .lg-next, .lg-actions .lg-prev, .lg-sub-html, .lg-toolbar { background-color: transparent;}
.lg-actions .lg-next, .lg-actions .lg-prev {  color: #000; }
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #666; }
.lg-sub-html { background:rgba(255,255,255,0.2); color:#000;}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #888888;}
.lg-progress-bar .lg-progress { background-color: #888888; height: 5px; width: 0;}
.lg-toolbar .lg-icon:hover { color: #000;}

.lg-img-wrap img { border:10px solid #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);}

#lg-counter { display:none;}



@media (max-width: 1205px) {

}

@media (max-width: 1005px) {
	.mainlogo {  margin-bottom: 10px; }
	.slogan { padding-bottom: 10px; }
	#simpleHead .toprow { margin-bottom: 10px; }

}

@media (max-width: 590px) {
	.firstcontent .biggreen { padding: 15px;}
	#simpleHead .en { right: 10px; }

}

@media (max-width: 430px) {
	#simpleHead .en { position: static; padding: 10px 0px; }
}