/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

/* Begin of style by mateusz.kapuscinski@gmail.com */
a { text-decoration: none; outline:0; }
a:hover { text-decoration: underline !important; }

textarea {resize:none;} 

#page, .full_width > .page {background-color:transparent; padding:0;}

p.remove_bottom_margin {margin-bottom:15px !important;}
#commentform {padding:15px 0;}
#commentform label {padding-left:10px;}
#commentform label input {width:10px !important;}

ul.menu li a {text-transform: uppercase; padding:0; margin:0; line-height:16px; letter-spacing:0;}
.menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover {background:transparent;}
.menu .current a, .menu .current-cat a, .menu .current-menu-item a {border: none;}
.menu a, .menu .current ul a, .menu .current-cat ul a, .menu .current-menu-item ul a, .menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover {background: transparent;}
.menu, .menu a, .menu li ul {border: none;}

div.post div.entry-content, div.post_box div.format_text { line-height: 20px; margin:0; }

.post_box, .teasers_box, .full_width #content_box .page, .no_sidebars .post_box {margin:0;}
.post_box {padding:0;}

.format_text ul, .format_text ol {margin: 0 20px 20px 40px;}
.format_text p, .format_text h2 {margin: 0 20px 20px 20px;}
.format_text p, .format_text ul, .format_text ol {line-height: 25px; color: #606060; font-family: "Open Sans"; font-size: 16px;}
.format_text .to_comments, .to_comments a, .format_text .to_comments span.bracket, .format_text .to_comments a span, dl#comment_list dt span, span.edit_post {font-size:12px; line-height:12px; margin: 0 0 5px 0; color:#000; font-family:"Arial";}
.comment_author {font-size:14px !important;}
.comment_time {font-size:13px !important;}
.subscribe-to-comments label {font-size:13px !important;}
.format_text input.form_submit, #commentform .form_submit, .comments_intro span {font-size: 12px; padding: 3px;}
#respond {margin-bottom: 25px;}
.comments_intro, #respond_intro {margin-left: 0;}
.comments_intro p, #respond_intro p, #commentform p {font-size:13px; line-height:13px;}
#comments {padding: 20px; margin:30px 0 0 0; background-color: transparent; }
.headline_area {margin:0;}
.headline_meta a {border:none;}
.headline_meta span, .headline_meta abbr, .teaser .teaser_date {letter-spacing: 0; text-transform: none !important;}
.headline_meta a {border:none;}
h2#related-posts-via-categories-title {font-size:14px; clear:both;}
ul#related-posts-via-categories-list {font-size:12px;}
.prev_next p, .post_nav p {font-size:10px; line-height:10px; color:#000;}
.prev_next a {color:#BB2020;}
#archive_intro, .prev_next {padding:0;}
.prev_next {margin: 20px;}

div#sidebars div.sidebar { width: inherit; height: inherit; clear: both; }
div.sidebar h3 { letter-spacing:0; }
#column_wrap .sidebar ul.sidebar_list {padding-top:0;}
.sidebar ul.sidebar_list {padding:0;}
li.widget {margin:0;}
li.widget p {margin-bottom:0;}

div#footer a { border:none; }

div.social {margin: 20px auto 0 auto; text-align: center; height:50px;}
a.s_twitter, a.s_fb, a.s_rss { display: inline-block; background: url('./images/spoleczcnosciowki.png') no-repeat; width: 50px; height: 50px; }
 
a.s_twitter{ background-position: -53px -20px;}
a.s_fb { background-position: -4px -20px; }
a.s_rss { background-position: -107px -20px; }

.searchform div label.screen-reader-text {display:none;}
.searchform {margin:10px 20px;}
input#s {height: 15px; width: calc(100% - 63px); background-color:#fff; margin:0; float:left; color:#000; border-left:1px solid #ededed; border-bottom:1px solid #ededed; border-top:1px solid #ededed; border-right:none; padding:12px 10px;}
input#searchsubmit {height: 40px; width:40px; background:url(./images/search.png) no-repeat center center; background-color:#537da8; border:none; text-indent: -999em; padding:0;}
div.sharedaddy {margin:15px 20px 0 20px;}
div.sharedaddy .sd-content {float:left !important; margin:0 !important;}

div.srr-item {margin-bottom:0; padding:0 0 5px 0;}

img#wpstats {display:none;}
/* End of style by mateusz.kapuscinski@gmail.com */



* { margin: 0; padding: 0; border: none; }
html, body { height: 100%; font-family:"Open Sans", sans-serif; color:#000; font-size:16px;}

body {background-color:#f2f4f8; background-image: url(./images/body.background.png); background-repeat: no-repeat; background-position: top center; background-size:100% 438px;}

div.clear { clear: both; }

.full_width .page { margin: 0 auto; padding:0; width:100%; max-width: 1110px; height: auto; background-color: transparent; box-sizing: border-box;}

div#header_area {height: 350px; z-index:100; position:relative;}
#header_area .icon__burger, #header_area .menu-menu-1-container {display: none;}

div#header {height: 350px; border:0; padding:0; z-index:100; background: transparent; }
div#header_left {height: 280px; width: calc(100% - 184px); float:left;}
div#header div h1, span#header-h1 { font-size: 42px; line-height:46px; color: #fafafa; font-weight: 300; text-transform:uppercase; font-family: 'Lato', sans-serif;}
div#header div h1, span#header-h1 { padding: 5px 0; margin:120px auto 0; display:block; width:100%;}
div#header div h1 a, span#header-h1 a {color: #fafafa;}
div#header div h1 a:hover, span#header-h1:hover {text-decoration:none;}
div#header_right {height: 280px; width: 184px; float:left;}
#kancelaria_logo-mobile {display:none;}
#kancelaria_logo {display:block;}
#kancelaria_logo, #kancelaria_logo-mobile {background-image: url(./images/logo.png); background-repeat: no-repeat; width:184px; height:81px; margin:120px 0 0 0;}
#menu-bg { background-color:transparent; background-image: url(./images/menu.background.png); background-repeat: no-repeat; background-position: top center; width:100%; height:70px;}
#menu-bg .menu-menu-1-container {display:block;}
div#header ul.menu { display: inline-block; width: auto; float: left; border:0; padding:0;}
ul.menu li { display: inline-block; list-style: none; margin: 0 28px; background:transparent;}
ul.menu li a { color: #fff; font-size: 14px; line-height:18px; font-weight:400; letter-spacing:0; padding:28px 0; font-family:"Open Sans"; }
ul.menu li.current a, ul.menu li.current-menu-item a {background: transparent; color:#fff; text-decoration:none;  border-top:3px solid #5987d8; padding:25px 0 28px 0;}
.menu .current a, .menu .current a:hover, .menu .current-cat a, .menu .current-cat a:hover, .menu .current-menu-item a, .menu .current-menu-item a:hover {background:transparent; color:#fff; text-decoration:none; border-top:3px solid #5987d8; padding:25px 0 28px 0;}
.menu .current a, .menu .current-cat a, .menu .current-menu-item a {border: none;}
.menu a, .menu .current ul a, .menu .current-cat ul a, .menu .current-menu-item ul a {background: transparent; color:#ababab; text-decoration:none;}
.menu a:hover, .menu .current ul a:hover, .menu .current-cat ul a:hover, .menu .current-parent a:hover, .menu .current-menu-item ul a:hover, .menu .current-menu-ancestor a:hover {background: transparent; color:#fff; text-decoration:none; border-top:3px solid #5987d8; padding:25px 0 28px 0;}
.menu, .menu a, .menu li ul {border: none;}
.menu-menu-1-container {float:left;}

.author_mobile, .author_mobile img, .author_mobile .author-info, .author_mobile .social {display:none}

.icon {display: inline-block;width: 20px;height: 20px}
.icon__burger {display: inline-block;float: left;position: absolute;width: 21px;height: 21px;top: 29.5px;left: 25px;z-index: 2}
.icon__burger span {position: absolute;background-color: #fff;display: block;height: 3px;width: 100%;opacity: 1;left: 0;transform: rotate(0deg);transition: .25s ease-in-out}
.icon__burger span:nth-child(1) {top: 0}
.icon__burger span:nth-child(2) {top: 6px}
.icon__burger span:nth-child(3) {top: 12px}
.icon__burger.opened span {background-color: #fff}
.icon__burger.opened span:nth-child(1) {top: 6px;transform: rotate(135deg)}
.icon__burger.opened span:nth-child(2) {opacity: 0;left: -60px}
.icon__burger.opened span:nth-child(3) {top: 6px;transform: rotate(-135deg)}

#content_area {padding:0; margin:0;}
div#content_box, div#column_wrap { margin:0; height: auto; padding:0; }
div#content_box { width: 100%; margin-top:0; background-color: transparent; background: url('./images/content_area.background.png') repeat-y; -webkit-box-shadow: 0 0 10px 4px rgba(0,0,0,0.1); box-shadow: 0 0 10px 4px rgba(0,0,0,0.1); }
div#content_box div#content { width: 740px; height: auto; float:left;}

div#content div.post, div.post_box { padding: 50px 50px 40px; margin: 0 0 10px 0; position:relative; background-color: transparent; border-bottom: 1px solid #e8ebf0;}
div.post div.headline_area, div.post_box div.headline_area, div.post div.entry-meta, div.post_box div.entry-meta  { width: inherit; clear: both; }
div.post div.entry-meta, div.post_box div.entry-meta  {height: auto; padding: 5px 15px; width: auto; display:block; background-color:#F2F2F2; margin-top:50px;}
div.entry-meta p { display: inline-block; font-size: 16px; color: #a29886; line-height:14px; padding:0; font-family:"Arial"; margin:0 auto; float:right;}
p.headline_meta {padding: 5px 0 15px; margin:0 20px 20px; font-size: 14px; color: #606060; line-height:18px; font-family:"Open Sans"; font-style:normal; }
p.headline_meta a {color: #606060;}
span.sep {padding:0 10px; margin: 0 10px;}
div.entry-meta p.published, div.entry-meta p.author, div.entry-meta p.to_comments2, div.entry-meta p.edit_post { background-color: transparent;}
div.entry-meta p.to_comments2, div.entry-meta p.edit_post, div.entry-meta p.to_comments2 a, div.entry-meta p.edit_post a {color: #fff; font-family:"Arial"; font-size: 13px;}
div.entry-meta p.to_comments2, div.entry-meta p.author {background-repeat: no-repeat; background-position:left center; padding: 7px 15px 2px 20px !important;}
div.entry-meta p.to_comments2 a {color:#826295; text-decoration:none;}
p.ikony_lewe {float:left !important; margin-top: 3px !important}
p.to_comments {display:none;}
.headline_area h1.entry-title, .headline_area h2, #archive_intro h1 {margin:10px 20px 5px;}
.headline_area h1 {width:601px; margin:10px 20px 30px;}
#archive_intro h1 {margin:10px 20px 30px; text-align:center;}
div.post h2 a, .headline_area h1, .headline_area h2, #archive_intro h1 { font-size: 24px; color: #537da8; font-weight: 400; line-height: 30px; display:block; font-family:"Lato"; text-transform:none; }
div.post div.entry-content, div.format_text { line-height: 21px; }
.post_box, .teasers_box, .full_width #content_box .page {margin:0;}

div#content_box div#sidebars, div#content_box div#sidebar_1 { width: auto; height: auto; padding: 0;}
div#content_box div#sidebars { height: auto; }
div#content_box div#sidebar_1 { float: left; width:100%; max-width: 370px; height: auto; padding:0;}
img.author { width: 256px; height: 389px; margin: 0 auto 20px auto; padding: 0;}
.author-info { font-size: 14px; width: 239px; margin: 0 auto 10px; line-height:19px; color:#606060;  font-family:"Open Sans";}
.author-info h4 {font-size:22px; text-transform:none; font-weight:700; text-align:center; display:block; color:#686868;}
.author-info strong {font-size:14px; text-transform:uppercase; padding:5px 0; text-align:center; font-weight:400; display:block;}
.author-info p { width: 239px; margin: 20px auto; text-align:center;}
.author-info a {color:#2e64b6; text-decoration:none; font-size:12px;}
div.sidebar h3 { width: auto; font-size: 16px; color: #606060; font-weight: 400; text-align: left; font-variant:normal; line-height:20px; letter-spacing:0; height:auto; font-family: "Open Sans"; text-transform:uppercase; text-align:center;}
div.sidebar h3 {padding:20px; margin: 0; clear: both; }
.widget_twitter  h3 a {font-size: 20px !important; color: #fff !important;}
.tweets li a, .recentcomments li a {color:#828282 !important;}
div#sidebar_1 ul {width:100%;}
div.sidebar ul { width: 370px; height: auto; }
.sidebar ul.sidebar_list {padding:0;}
div.sidebar ul li.widget, div.sidebar ul li.widget a, div.sidebar ul li.widget ul li, div.sidebar ul li.widget ul li p { font-size: 14px; color: #606060; line-height:18px; font-family:"Open Sans";}
div.sidebar ul li.widget { background-color: transparent; margin-bottom:10px; padding:0 0 25px 0; background-image: url(./images/sidebar.bottom.png); background-repeat: no-repeat; background-position: bottom left;}
div.sidebar ul li.widget:last-child {background-image: none !important;}
div.sidebar ul li.widget p {margin-bottom: 5px;}
div.sidebar ul li.widget ul li { border-left: 3px solid #3a517e; margin: 10px 35px; padding: 0 10px;}
#column_wrap .sidebar ul.sidebar_list {padding:0;}
.comments_closed {margin:0;}

div#footer_area {background: url(./images/footer.background.png) repeat-x bottom center; height:201px;}
div#footer { margin: 0 auto; height: 181px; font-size: 14px; color: #fff; border:0; padding:20px 0 0 0; text-align:left; line-height:17px; font-family:"Open Sans"; width:100%;}
div#footer a, div#footer a:hover {color:#fff; text-decoration:underline;}
div#description, div#links {height:114px;}
div#description {float: left; width:66%;}
div#description span.adress {display: inline-block; float: left; width:50%;}
div#description span.adress:after {clear:both;}
div#links {margin:0; float:right; text-align:right; width:33%;}
div#links a { color:#fff; text-decoration:none; border:none; padding:3px 2px;}
div#links a:hover {text-decoration:underline;}

#content-footer-wnetrze {color: #fff; text-align:center; font-weight: 600; line-height: 18px; padding: 24px; font-family:"Open Sans"; margin:0 auto; font-size:14px;}
#content-footer-wnetrze a {color:#fff;}

#footer-buttons {display:none;}

.format_text h2, .format_text h3 {font-size: 24px; color: #202c42; font-weight: 500; line-height: 30px; margin: 30px 20px 5px 20px;}

.format_text blockquote {background: #f9f9f9; border-left: 10px solid #202c42; margin: 0 20px 20px 20px; padding: 10px; quotes: "\201C""\201D""\2018""\2019"; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}

.wpcf7-form {margin:0 auto; text-align:center;}
.wpcf7-text, .wpcf7-textarea, .wpcf7-select, .wpcf7-captchar, .wpcf7-multifile, .wpcf7-date, .wpcf7-number {background-color:#fff; border:1px solid #000; padding:7px !important;}
.wpcf7-submit {padding:10px 30px !important; background-color:#202c42; color:#fff; border:0;}
.wpcf7-acceptance {float:left;}
.wpcf7-list-item {margin: 0 10px 0 0 !important;}

.author-photos {margin: 50px auto 10px auto; text-align: center;}
.author-mini {display:inline-block; width:140px; height:140px; margin:4px;}

.avatar {float: left; margin: 7px 10px 0 20px;}

.spu-box {border-bottom: 5px solid #202c42; padding:50px !important; border-radius:0 !important;}
.spu-content {color:#000;}
.spu-content h3 {font-family:"Lato"; font-weight:300; text-align:center; font-size:22px !important; line-height:28px !important; text-transform:uppercase; margin:40px auto !important;}

.jetpack_subscription_widget .widgettitle, #subscribe-text {display:none;}
.jetpack_subscription_widget {margin:20px auto;}
.jetpack_subscription_widget #subscribe-email input {padding: 15px 10px !important; height:auto !important; margin:0 auto 10px auto !important; width:100% !important; max-width:300px; border: 1px solid #bfc6c8 !important; float: none !important; display:block !important;}
.jetpack_subscription_widget #subscribe-submit button {padding: 15px 10px !important; height:auto !important; margin:0 auto !important; width:100% !important; max-width:300px; color: #fff; border: none; text-indent: 0 !important; background-image:none !important; background-color: #202c42; float: none !important; display:block !important; font-family:"Open Sans"; font-weight:600; text-transform:uppercase;}

#sub-info-box {border-top: 1px solid #cacaca; padding: 10px 0 0 0; margin: 40px 0 0 0;}

.small-font, .small-font a {color:#000 !important;}
.small-font {font-size:12px !important; text-align:left; line-height:20px !important;}

.sub-image img {float: right; -webkit-border-radius: 200px; border-radius: 200px; width: 150px;}

.sub-button {background-color: #202c42; display: block; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; color: #494f5b !important; padding: 15px 10px; max-width: 200px; margin: 20px auto 0 auto; font-weight:600; text-transform: uppercase;}

#mobile-search {display:none;}

@media only screen and (max-width: 790px) {
	body {background-size: auto 438px;}
	
	.full_width .page {padding:0 5px !important;}
	
	div#header_area {height:auto; background-image: url(./images/header_area.mobile.background.jpg) !important; background-repeat: no-repeat; background-position: center top; background-size:100% 462px !important;}
	#header_area>.page { text-align: center; position: relative}
	
	#header-top {display:none;}
	
	div#header {height: auto !important; padding:50px 0 0 0;}
	div#header_left {height:257px !important;}
	
	div#header div h1, span#header-h1 {margin: 50px auto 15px auto;}
	
	#header-logo {margin: 20px auto 0 auto !important;}
	
	#menu-bg {display:none;}

	.author_mobile {padding:0 0 10px 0;}
	.author_mobile .author-info {display:block;}
	.author_mobile div.author {position: relative !important; bottom: 0 !important; left: 0 !important; top:10px; margin: 0 auto 30px auto !important; width: 145px !important; height: 145px !important; background-size: 145px auto !important;}
	
	.author-photos {margin: 10px auto;}
	
	div.social {margin:20px auto 5px auto;}
	
	.mobile-button1, .mobile-button2 {display:block;}
	#mobile-search {display:block;}

	#header_area .icon__burger { display: inline-block; z-index: 4}
	
	.menu-menu-1-container { position: absolute; top: 0; left: 0; padding: 0; display: none; margin: 0; padding: 0 !important; background-color: #2c3a5a; height: 100%; width: 100%}
	.menu-menu-1-container.opened { display: block !important; z-index:3}
	.menu-menu-1-container ul.menu { text-align: center; width: 250px; margin: 60px auto 0 auto; background-color:transparent}
	.menu-menu-1-container ul.menu>li.menu-item { display: block; width: 100%; padding:22px 0; margin: 0; color: #fff;}
	.menu-menu-1-container ul.menu>li.menu-item:last-child { border-bottom-width: 0}
	.menu-menu-1-container ul.menu>li.menu-item a {color: inherit;}
	
	span.sep {display:block;}
	
	.author-box-img {float:none;margin:0 auto 10px auto;}
	.author-box-sep {display:block;}
	.author-box-content {width: 100%;}
	
	div#content div.post, div.post_box {padding: 20px 0px 40px;}
	
	#sidebars ul li ul li {display:block !important}

	div.sidebar ul li.widget h3, div.sidebar ul li.widget div, div#sidebar_1 ul li ul {width:auto !important;}
	div.sidebar ul li.widget h3, div#sidebar_1 ul li ul {margin:0 20px !important;}
	
	div#footer_area {background-color: #2c3a5a; background-image: none !important; height:auto}
	div#footer { margin-top: 30px; height:auto; text-align:center;}
	div#footer #links, div#footer #description { float: none; display: inline-block; width: 100%; height: auto; text-align:center;}
	div#footer #description span.adress { display: block; margin-right: 0; width: 100%}
	div#footer #links::after, div#footer #description span.adress::after{ display: block; content: ''; height: 25px; width: 50px; border-bottom: 1px solid #fff; margin:0 auto 25px auto;}
	
	div#footer #content-footer-wnetrze, div#footer #content-footer-wnetrze a {color: #fff;}
	div#footer #content-footer-wnetrze {padding:15px 0; background-image: none !important;}
	
	#footer-buttons {display:block; position:fixed; bottom:0; left:0; width:100%; z-index:1001;}
	#footer-buttons a {display:block; float:left; padding: 15px 0; height:22px; width:50%; text-align:center; text-transform: lowercase; font-weight:600;}
	#footer-buttons a, #footer-buttons a:hover {text-decoration:none !important;}
	.footer-mail {background: #fff; color:#236286 !important;}
	.footer-phone {background: #236286; color:#fff;}
	.footer-mail span, .footer-phone span {background-repeat: no-repeat; background-position:center center; display: inline-block; margin: 0 10px -3px 0;}
	.footer-mail span {background-image: url(./images/mail.png); width:24px; height:16px;}
	.footer-phone span {background-image: url(./images/phone.png); width:18px; height:16px;}
}


@media only screen and (max-width: 980px) {
}

@media only screen and (max-width: 1071px) {	
	input, select, textarea {border-radius: 0}
	
	.full_width .page {padding: 0 25px;}

	div#content_area {margin: 50px auto 0 auto;}
	div#content_box { margin-top: 40px !important; background-image: none; background-color:#fff;}
	div#content_box div#content {width: 100% !important;}
	
	div#header_area, div#header {height: auto;}
	
	div#header_left {width:100%; height:238px;}
	div#header_right {display:none;}
	
	div#header div h1, span#header-h1 {margin: 80px auto 0; text-align: center;}
	
	#kancelaria_logo-mobile {display:block; margin:50px auto 0 auto;}
	
	ul.menu li a {margin:0 15px;}
	
	.author_mobile {padding: 15px; display:block;}
	
	.author_mobile .author-photos {margin: 10px auto !important;}
	
	.author_mobile .author-info {display:block; width:100%;}
	.author_mobile img {display:inline-block;}
	
	.author_mobile .author-info p {width:100%;}

	.author_mobile img, .sidebar img.author { margin: 0 auto; padding:0; z-index: 2; background-image: url(./images/sidebar.author.png); background-repeat: no-repeat; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); border:4px solid #fff;}
	.author_mobile div.author {margin: 0 auto; position: absolute; bottom: -30px; left:25px; width: 131px;}
	.sidebar img.author {width: 131px;}
	
	.format_text img {width:100%; height:auto}
	
	#sidebars { max-width: 100% !important; margin-top: 0;}
	
	div#content_box div#sidebars {width:100%;}
	div#content_box div#sidebar_1 {float:none; margin:0 auto; max-width:100%; background-color:#f7f8fa;}
	
	div.sidebar ul li.widget {margin: 10px auto; background-position: bottom center;}
	div.sidebar ul li.widget:first-child {overflow:auto;}
	
	div.sidebar ul li.widget > div, div.sidebar ul li.widget > form, div.sidebar ul li.widget > ul {max-width:300px; margin:0 auto;}
	
	div.sidebar ul li.widget h3, div#sidebar_1 ul li ul {margin:0 auto;}
	
	div.sidebar div.author-info p {width:100% !important}
}