/*
Theme Name: Poradnik Handlowy Blog DE
Description: Wordpress theme made by trustudio.pl
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=Playfair+Display:400,400i,700,700i&subset=latin-ext');

/*!---------- COMMON STYLES ----------*/

body { font-family: 'Playfair Display', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-size: 13px; line-height: 24px; color: #000; }
section {  }
img { max-width: 100%; height:auto; }
a, a:hover, a:focus, button { color: inherit; text-decoration: none; outline: 0; -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:#bc192c;  }
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;}
.clr, .clear { clear:both;}
.container, .container-fluid { position: relative; z-index: 1; }
h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: 'Playfair Display', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-weight: 300; }
.alt-font { font-family: 'Playfair Display', Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased; font-weight: 300; }
.bold-title { font-family: 'Playfair Display', Arial, Helvetica, sans-serif; font-weight: 700; }
.thin-title { font-family: 'Playfair Display', Arial, Helvetica, sans-serif; font-weight: 100; }
.block-title { font-family: 'Playfair Display', Arial, Helvetica, sans-serif; font-weight: 400; text-transform:none; letter-spacing: 0.03em; }
.uppercase { text-transform: uppercase; }
.through { text-decoration: line-through; }
.thin { font-family: 'Playfair Display', Arial, Helvetica, sans-serif; font-weight: 100; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.bg-inverse h1, .bg-inverse h2, .bg-inverse h3, .bg-inverse h4, .bg-inverse h5, .bg-inverse h6 { color: #000; }
.bg-inverse { color: #000; }
h1,h2,h3,h4,h5,h6 { color:#000;}
h1 { font-size: 60px; }
h1.jumbo { font-size: 60px; font-weight: 700; }
h2 { font-size: 32px; margin: 0 0 30px 0;  font-weight:300; color:#000; }
h3 { font-size: 24px; font-weight: 300; }
h4 { font-size: 18px; font-weight: 300; margin: 10px 0 20px 0; }
h5 { font-size: 13px; font-weight: lighter; margin: 10px 0 20px 0; }
h6 { font-size: 12px; font-weight: lighter; margin: 10px 0 20px 0; }
p { font-size: 16px; font-weight: 300; line-height: 24px; margin-bottom: 16px;  color:#000; }
p strong { font-weight:500;}
p.title { font-size: 13px; 	font-weight: 400; 	line-height: 28px; 	margin-bottom: 24px;  }
ul { list-style: none; padding-left: 5px; }

img.alignleft { float:left; margin:0px 20px 20px 0px;}

.wp-caption { padding:10px; border:1px solid #ddd; background:#eee; padding:5px;}
.wp-caption.alignright { float:right;  margin:10px 0px 10px 10px;}
.wp-caption.alignleft { float:left;  margin:10px 10px 10px 0px;}
.wp-caption .wp-caption-text { color:#999; font-size:12px; line-height:18px; padding-bottom:0px; margin-bottom:0px; padding-top:5px;}

hr{  border: 2px solid #8EA6E6; width: 60px; }

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


/*!---------- TOP STYLE ----------*/

html { min-height:100%;}
body { }

.mainheader { padding-top:38px; padding-bottom:45px; background:#ecf6ff; position:relative; overflow:hidden; }
.mainheader .logoimage a:hover { opacity:0.6;}
.mainheader .slogan{ font-weight:300; font-size:36px; line-height:40px; color:#bc192c; padding-left:20px; padding-top:10px; width:90%; }

.mainheader .blueskew1 { background:#d7e9f9; position:absolute; right:-400px; top:0px; width:1000px; height:300px; transform: skewX(-40deg); -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;}
.mainheader .blueskew2 { background:#c4ddf3; position:absolute; right:-600px; top:0px; width:1000px; height:300px; transform: skewX(-40deg); -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;}
.mainheader:hover .blueskew1 { right:-600px; }
.mainheader:hover .blueskew2 { right:-700px; }

.simpleSection { padding:100px 60px 0px 60px;} 
.simpleSection.noGallery { padding:240px 60px 0px 60px;} 

.section-title { padding:20px 0px;;}

.singlePost { padding:20px 0px;}
.singlePost h1.singleTitle { color:#272727; font-size:30px; font-weight:600; }
.singlePost h1.singleTitle a {color:#272727; }
.singlePost h1.singleTitle a:hover { color:#bc192c; }
.singlePost .date { background:#f1f1f1; margin-bottom:20px; color:#bb1a2c; padding:10px;}
.singlePost .date span{ display:block; text-align:left; font-size:30px; font-weight:700;}
.singlePost .date span.day {  font-size:30px; font-weight:700;}
.singlePost .date span.year { font-size:21px; font-weight:300;}
.singlePost .plainContent p { text-align:justify;}
.singlePost .readmore { font-weight:600; font-size:16px;}

.meta-categories, .meta-tags { color:#b7b7b7; }
.meta-categories { padding-bottom:5px; border-bottom:1px solid #dddddd; margin-bottom:5px;}
.meta-tags { line-height:20px; margin-bottom:15px;}

.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-counter { display:none;}


.search-form .screen-reader-text{ display:none;}
.search-form .search-field { border:1px solid #CCC; padding:7px; font-family: 'Playfair Display', Arial, Helvetica, sans-serif; font-weight:normal;}
.search-form .search-submit { background:#bc192c; color:#fff; padding:8px; border:none; font-weight:600;  -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;}
.search-form .search-submit:hover { background:#333;}

#mainsidebar { padding-top:20px;}
#mainsidebar h2.widgettitle { font-size:18px; color:#bc192c; font-weight:600; padding-left:15px; border-left:10px solid #bc192c; margin-bottom:10px;}
#mainsidebar .widget { margin-bottom:30px;}
#mainsidebar .widget ul { padding-left:0px;}
#mainsidebar .widget ul li { line-height:16px; padding:0px 0px 10px 0px; border-bottom:1px solid #ddd; margin-bottom:10px;}
#mainsidebar .widget a { color:#686868;}
#mainsidebar .widget a:hover { color:#bc192c;}

.mainFooter { background:#332f2e; padding:40px 0px;}
.mainFooter .copy { color:#7d7d7d; text-align:center;}

.pagination a{ padding:5px 10px; background:#c7c7c7; font-weight:600; color:#7d7d7d; margin-right:5px; }
.pagination span {padding:5px 10px; background:#c7c7c7; font-weight:600; color:#7d7d7d; margin-right:5px; }
.pagination span.current { background:#bc192c; color:#fff;}

.singleMag { margin-bottom:20px;}


/*reklamy*/
.singlead { text-align: center;}


@media (max-width: 1005px) {
	.mainheader .slogan { padding-left:0px; font-size:24px; line-height:24px;}
}