/*
Theme Name: M jak Mrówka
Author URI: http://mjakmrowka.pl
Author: J Kadyszewska
Version: 1.0
*/
* {margin:0;padding:0;border:0;font-size:14px; font-family: 'Lato', sans-serif;font-weight: 300; color:#373737;}
a {text-decoration:none;color: #373737;}
a:hover {color: #003466; text-decoration:none;}

body {background-color:#f5f5f5;padding:0;margin:0}

h1, h2, h3, h4, h5, h6 {font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif !important;font-weight: normal;font-style: normal;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 1000px;}
.container{padding:0 15px;}
.alignleft {float:left;margin:15px 15px 15px 0 !important;}
.alignright {float:right;margin:15px 0 15px 15px !important;}
.alignnone, .aligncenter {margin:10px auto 15px !important;text-align:center}
.alignnone {margin:10px 0 15px !important;}
.span12 {width: 960px;}
.span8 {width: 630px !important;}
.span4 {width: 300px !important;}

/*TOP*/
.masthead {position: relative;min-height:160px}
.masthead  h1, .masthead .title {width: 422px; height: 64px; top:27px; left:0; overflow: hidden; float: left; color: #000 ; background: url("images/logo.png") left center no-repeat;text-indent: -2000px; position:absolute;margin:0}
.masthead  h1 a, .masthead .title a{color: #000; text-decoration: none; font-weight: 400;width: 422px; height: 64px; position: absolute;top:0; left:0;margin:0 !important;padding:0 !important}
#header {background:#003466 url("images/topbg.jpg") center top no-repeat;min-height:160px;width:100%}
nav {width: 100%; height: 47px; top:113px; left:0; position:absolute }
ul.nav, ul.nav li , ul.nav li a{height: 47px;padding-bottom:0;margin-bottom:0 }
ul.nav li  , ul.nav li a {width:auto;}
.nav>li>a {padding: 13px 12px 12px;margin:0;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif !important;font-size:17px;text-transform: uppercase;color: #fff}
.nav>li>a:hover, .nav>li>a.active, .nav>li.active>a, .nav>li.current-post-ancestor>a , .nav>li.current-menu-parent>a  {color: #373737;text-decoration: none; background:#fff }
#dom  {width: 58px;    height: 30px;}
#dom  a{width: 58px; height: 47px; top:0; left:0; overflow: hidden; float: left; color: #000 ; background: url("images/domek_def.png") center 15px no-repeat;text-indent: -2000px; position:absolute;}
#dom.active  a { background:#fff url("images/domek.png") center 15px no-repeat;}
#autorka {width: 355px; height: 160px; top:0; right:0; overflow: hidden; float: left; color: #000 ; background: url("images/autorki_2.png") center top no-repeat;text-indent: -2000px; position:absolute;}
/*#autorka {width: 189px; height: 270px; top:0; right:0; overflow: hidden; float: left; color: #000 ; background: url("images/autorka.png") center top no-repeat;text-indent: -2000px; position:absolute;}*/
#lead {height:75px;background:#fff}
#lead  h2 {font-weight:600;font-size:25px;line-height:30px;margin:23px 0;/*letter-spacing: -1px;*/}
/*.leadshort #autorka {width: 189px; height: 220px; top:0; right:0; overflow: hidden; float: left; color: #000 ; background: url("images/autorka.png") center top no-repeat;text-indent: -2000px; position:absolute;}*/
.leadshort #lead {height:60px}
/*.leadlong #autorka {width: 189px; height: 320px; top:0; right:0; overflow: hidden; float: left; color: #000 ; background: url("images/autorka_long.png") center top no-repeat;text-indent: -2000px; position:absolute;}*/
.leadlong #lead {height:126px}
#breadcrumb {color:#003466;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; font-weight: 300;font-size:14px;text-transform: uppercase;margin-top:22px}
#breadcrumb * {color:#003466;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; font-weight: 300;font-size:14px;text-transform: uppercase;}
.leadlong #lead  h2 {margin:10px 0;font-size:33px;line-height:33px; font-weight: 600;}
/*.leadlong #lead  p {max-width:97%;}*/

/*FOOTER*/
.footer {color:#fff;background:#003466 url("images/bottom_a.jpg") center top no-repeat;height:60px}
.footer * {color:#fff;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif !important;}
.komunikat{color:#7e99b4;background:#001d37 url("images/bottom_b.jpg") center top no-repeat;height:115px;margin:0;padding:0}
.komunikat *{color:#7e99b4;font-size:12px;line-height:15px;text-transform: uppercase;font-weight:600;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif !important;}
.komunikat p {margin:20px auto 10px; padding:0; font-size:12px;line-height:15px;text-align:center;}
.footer li a, .footer div {font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif !important;font-size:14px;text-transform: uppercase;}
.footer li a:hover {color: #7e99b4;}
.footer ul {margin:22px 0 0}
.footer li a {color:#fff}
.footer li {list-style:none;float:left;margin:0 22px 0 0}
.footer .span4 {text-align:right}
#lewa {margin:25px 0 0;}
#prawa {margin:25px 0 0;text-align:right}
#social ul{ height:23px;}
#social ul li{ width:23px;height:23px;position: relative;padding:0;margin:0 0 0 25px; float:right}
#social ul li a{ width:23px;height:23px;top:0; left:0; overflow: hidden; float: left; color: #000 ; background: url("images/social.png") no-repeat;background-position:0px 0px;text-indent: -2000px; position:absolute;}
#social ul li#fb a {background-position:-90px 0px;}
#social ul li#pin a {background-position:-49px 0px;}
#social ul li#insta a {background-position:-137px 0px;}
#social ul li a:hover { filter:alpha(opacity=70);    opacity:.7;}

/* SLIDER */
#sliderek {height:370px}
.rev_slider_wrapper {height:370px !important}
.wyroznione {background-color:#fff;padding:30px 0;margin:0 auto}
.wyroznione .col-md-4{width:300px;height:300px;background-color:#f5f5f5;padding:0;margin:0 15px;position:relative}
.wyroznione .col-md-4 h3 {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 15px 20px;
opacity: 0.8;
overflow: hidden;
-moz-opacity: 0.8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size:23px;
margin:0;
}
.wyroznione .col-md-4 h3 a {color: #fff;font-size:23px;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif !important;}
/*.tp-bullets.simplebullets.round .bullet {
cursor: pointer;
position: relative;
background: url("images/slider.png") no-repeat;background-position:-10px 0px;
width: 14px;
height: 14px;
margin-right: 0px;
float: left;
margin-top: 0px;
margin-left: 3px;
}*/

/*SIDEBAR*/
.search input, .newsletter input {
width: 100%;
height:50px;
padding: 10px;
font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif;
color: #7f99b2;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
/*line-height: 30px;*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff url('images/search.png') no-repeat right center;
border: 5px solid #003466;
}

.search * , .search  :focus, .search  .focused, .search input::-webkit-input-placeholder, .search input::-moz-placeholder, .search input:-ms-input-placeholder , .search input::-webkit-input-placeholder {color: #7f99b2;}
.glowny {margin:30px auto}
.sidebar-module{
background: #fff;
padding: 0px 25px 25px;
margin: 30px 0 0;
font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; 
font-size: 15px;
}
.sidebar-module * {font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; font-size: 15px;}
.sidebar-module h4 {color:#003466;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; font-size: 14px;text-transform: uppercase;text-align:center;border-top:1px solid #ccc;padding:20px 15px 15px;display: table;
margin: 0 auto;}
.newsletter .form-group {margin:20px 0 0}
.newsletter input { background: #fff url('images/more.png') no-repeat right center;}
.newsletter p {font-size: 17px;}
.omnie, .newsletter {text-align:center;}
.omnie h5 {font-size: 17px;margin-top:5px;}
.omnie  p {font-size: 15px;}
.omnie  a {font-size: 13px; color:#adadad;text-transform: uppercase;padding-bottom:0;margin-bottom:-10px}
.omnie  a:hover {color:#373737;}
.widget_archive ul {margin:-10px 0 -15px}
.widget_archive ul  li{margin:10px 0; padding-left:10px; background: url("images/arch.png") left center no-repeat;list-style:none}
.widget_archive ul  li a{font-size:17px}

.miniatura {
width: 90px;
height: 90px;
margin: 0;
padding: 0;
float: left;
margin-right: 20px;
}
.popularne li {
width: 100%;
margin-bottom: 25px;
min-height: 90px;
}
.popularne ul {margin-bottom: -25px;}
.popularne li h5 , .popularne li h5 a{font-size: 17px;line-height:20px}

/*CONTENT*/
.blog-main {margin:0;padding-top:0}
.listing_artykulow {margin:0;padding:0}
.listing_artykulow  li{width: 100%;margin-bottom: 30px;min-height: 200px;}
.miniaturab {
width: 200px;
height: 200px;
margin: 0;
padding: 0;
float: left;
margin-right: 30px;
}
.listing_artykulow  h3, .listing_artykulow  h3 a{margin-top:0;padding-top:0;font-size:30px;line-height:33px;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; font-weight: 600;}
.listing_artykulow .optional *, .artykul .optional *{color:#adadad;font-size: 13px; color:#adadad;text-transform: uppercase; }
.listing_artykulow .optional .category, .artykul .optional  .category{float:left;padding-left:16px;background: url("images/kategoria.png") left 4px no-repeat;margin:10px 0 20px}
.listing_artykulow .optional .category {margin:0 10px 0 0}
.listing_artykulow .optional .comms, .artykul .optional  .comms{float:right; text-align:right}
h2.blog-post-title{font-size:33px;line-height:33px;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; font-weight: 600;margin:0 0 20px;padding-top:0}
.zajawka, .zajawka * {font-size:15px;font-weight:600}
.jumbotron, .jumbotron .container {height:370px;padding:0;margin:0 auto}
.jumbotron .container  {position:relative}
.jumbotron .container h2 {font-size:32px;line-height:40px;padding: 13px 25px 15px;font-weight:500;background:#000;opacity: 0.85;-moz-opacity: 0.85;filter: alpha(opacity=85);color:#fff;
position: absolute;
left: 0px;
bottom: 65px;
z-index: 8;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin:0;}
#powiązane {margin-top: 30px;}
#powiązane ul {min-height:100px;margin-top:8px;overflow: auto;margin-bottom: -20px;}
#powiązane li {float:left;
width: 50%;
margin-bottom: 25px;
min-height: 90px;
}
#powiązane li h5 , #powiązane li h5 a{font-size: 17px;line-height:20px}
.artykul .blog-main .optional{min-height:17px; margin-top:20px}
h2.h2 {margin:0 0 25px 0;padding-top:0;font-size: 30px;line-height: 33px;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif;font-weight: 600;}
.form-allowed-tags, .edit-comment, #comment-nav {display:none}
h3#comments, h3#comments *, h3#reply-title{margin-top:20px;padding-top:0;font-size:24px;line-height:28px;font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif; font-weight: 600;}
.vcard {background:#fff;padding:20px;width: 100%;margin-bottom:30px}
.comment-text h4, .comment-text h4 a {margin-top:0;padding-top:0;font-weight: 600;}
ol.commentlist li {padding:0}
a.comment-reply-link { line-height: 1; }
.wpcf7-form input, .wpcf7-form textarea {height: 50px;
padding: 10px;
font-family: FuturaFuturis-Regular, Helvetica, Arial, sans-serif;
color: #7f99b2;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
line-height: 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #fff ;
border: 5px solid #ddd;}
.wpcf7-form textarea {height:300px}
.wpcf7-form  .wyslij , .wpcf7-form .wpcf7-submit, .newsletter input.wyslijj{background: #003466; color: #fff;border:0; width:auto;padding: 10px 30px;height:auto;}
.omnie {padding: 0px 22px 25px;}
.lead, .blog-post p {font-size: 15px;line-height: 25px;}
.newsletter input.wyslijj {margin-top:15px}
div.blog-post div.gallery {margin:10px 0 0 !important;}
div.blog-post div.gallery img {border: none !important; }
div.blog-post div.gallery .thumbnail {border: none !important;background: none !important;margin-bottom: 10px;}
div.blog-post div.gallery dl {margin-bottom: 0 !important;}
div.blog-post div.gallery  dt, div.blog-post div.gallery  dd {line-height: 1 !important;}
.pw-widget {margin:20px 0 0;text-align: right;}
.footer li {  margin: 0 20px 0 0;}
.blog-main ul, .blog-main ol {margin-left: 15px;}
.blog-main .jumbotron {border-radius: 0;    padding-right: 0px;    padding-left: 0px;}

@media (min-width: 768px) and (max-width: 1023px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 730px;}
.container {padding: 0 5px;}
#lead h2 {font-size: 20px;line-height: 30px;margin: 23px 0; letter-spacing: -0.5px; }
.nav>li>a {padding: 13px 10px 12px;font-size: 16px;text-shadow: 1px 1px 3px #000;}
.nav>li>a:hover, .nav>li>a.active, .nav>li.active>a, .nav>li.current-post-ancestor>a , .nav>li.current-menu-parent>a  {text-shadow:none}
.wyroznione .col-md-4 {width: 215px;height: 215px;margin: 0 15px;float: left;}
.wyroznione .col-md-4 h3 a {font-size: 20px;}
.listing_artykulow h3, .listing_artykulow h3 a {font-size: 25px;line-height: 27px;}
.listing_artykulow  .optional {display:none}
.miniatura {width: 70px;height: 70px;margin-right: 15px;}
.miniatura  a img {width: 70px;height: 70px;}
.popularne li h5, .popularne li h5 a {font-size: 17px;line-height: 18px;}
.footer li {margin: 0 8px 0 0;}
.footer li a, .footer div {font-size: 12px;}
#social ul li {margin: 0 0 0 12px;}
.artykul img {max-width:100%}
}
@media (max-width: 767px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 450px;}
.container {padding: 0 5px;}
#lead h2 {font-weight: 600;font-size: 21px;line-height: 23px;margin: 15px 0;}
.listing_artykulow li {min-height: 220px;}
.listing_artykulow h3, .listing_artykulow h3 a {font-size: 25px;line-height: 27px;}
.listing_artykulow  .optional {display:none}
.footer ul {margin: 12px 0 0;}
.footer li {margin: 0 15px 0 0;}
.footer li a, .footer div {font-size: 13px;}
#social {display:none}
.komunikat {height: 180px;}
.artykul img {max-width:100%}
#breadcrumb {margin-top: 12px;}
.jumbotron .container h2 {bottom: 25px;}
.wyroznione .col-md-4 {margin: 15px auto;}
#powiązane li {width: 100%;}
.blog-sidebar {margin-top: 30px;}
#autorka {display:none}
.masthead {min-height: 440px;}
nav {top:110px}
nav {height: auto;}
#dom {width: auto;}
#dom a {width: auto;overflow: auto;float: none;color: #fff;background: none;text-indent: 0;position: relative;}
#dom.active a {background: #fff;color:#333}
}
@media (min-width: 320px) and (max-width: 479px) {
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {width: 300px;}
.container {padding: 0 2px;}
.masthead h1, .masthead .title {width: 300px;height: 45px;background: url("images/logo_sm.png") left center no-repeat;}
.masthead h1 a, .masthead .title a {width: 300px;height: 45px;}
#lead h2 {font-weight: 600;font-size: 18px;line-height: 20px;margin: 10px 0;}
.masthead {min-height: 410px;}
nav {top:80px}
.miniaturab {width: 100px;height: 100px;margin-right: 20px;}
.miniaturab img {width: 100px;height: 100px;}
.listing_artykulow li {min-height: 150px;}
.footer li a, .footer div {font-size: 12px;}
.footer li {margin: 0 10px 0 0;}
.komunikat {height: 220px;}
}