@import url(css/bootstrap.css); 
@import url(css/responsive.css);

/*
Theme Name: Neogotyk w Polsce
Theme URI: http://www.veden.pl
Description: Szablon strony dla witryny neogotykwpolsce.pl
Author: Veden
Author URI: http://www.veden.pl
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800,300italic&subset=latin,latin-ext);

body {font-family: 'Open Sans', 'Segoe UI', Arial,sans-serif; background: #fff; color: #6a6a6a; overflow-x: hidden; font-size: 14px; line-height: 150%;}

/* złoty: b48e4c */
/* szary: 252525 */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Typography ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
h1, h2, h3, h4, h5, h6 {color: #252525; font-family: 'Open Sans', sans-serif; margin-top:5px; line-height: 150%;}
h1 {font-size: 25px; text-transform: uppercase; letter-spacing: 2px;}
h2 {font-size: 22px; text-transform: uppercase; letter-spacing: 2px;}
h3 {font-size: 19px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 13px;}
ul li {list-style: none; list-style-image: url(images/tick.png); line-height: 120%; padding-bottom: 6px;}
a {text-decoration: none !important; color: #b48e4c; font-weight: 700;}
a:hover {color: #856838;}
hr {display: block; clear: both;}

table {border: 1px solid #DDD; width: 100%; max-width: 100%; border-spacing: 0px; border-collapse: collapse; table-layout:fixed}
table > thead > tr > th {border-bottom-width: 2px;}
td, th, tr {padding: 10px; vertical-align: top; border: 1px solid #DDD;}
table img {display: inline-block !important; width: auto !important; max-width: 100%; height: auto; max-height: 100%;}

img {max-width: 100%; height: auto; display: block; margin: 5px;}
img.alignright, .alignright {float:right; margin:0 0 10px 10px;}
img.alignleft, .alignleft  {float:left; margin:0 10px 10px 0;}
img.aligncenter, .aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {margin-top:20px; margin-bottom:20px; display: block; max-width: 100%; height: auto; background: #f5f5f5;}
.wp-caption img {margin: 0;}
.wp-caption-text {font-size: 12px; text-align: center; font-style: italic; color: #a5a5a5; padding: 7px 0;}
.alignright img, .alignleft img, .aligncenter img {margin:0;}
.wp-caption.alignright, .wp-caption.alignleft, .wp-caption.aligncenter {padding: 10px 10px 0;}

/* Btn */
.btn {border: 2px solid transparent; text-transform: uppercase; font-weight: 700; font-family: 'Lato', sans-serif; padding: 5px 15px; border-radius: 0; font-size: 12px;}
a.btn:hover {-webkit-animation: pulse .8s; animation: pulse .8s;}
.btn-default {border-color: #b48e4c; color: #fff; background-color: #b48e4c;}
.btn-default:hover {border-color: #252525; color: #fff; background: #252525;}
.btn-article {text-transform: none; font-size: 14px;}

/* Reusable */
.nobr {white-space: nowrap;}
.toright {text-align: right;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom: 1}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#main {background: url(images/neogotykwpolsce.jpg) top center no-repeat;}
header {margin: 30px auto !important;}
header a:hover img {opacity: 0.7;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menu ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.navbar {text-transform: uppercase; font-size: 12px; border-radius: 0 !important; margin-bottom: 0 !important} 
.navbar a {font-weight: 400;}
.dropdown-menu {font-size: 13px !important;}
.dropdown-menu > li {list-style-image: none;}
.dropdown-menu > li > a {padding: 7px 20px !important;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {background-color: #080808 !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {color: #fff !important; background-color: #b48e4c !important;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: #b48e4c !important;}
.navbar li {padding-bottom: 0 !important;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Ogólne ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#breadcrumbs {color: #b6b6b6; font-size: 13px; font-style: italic; margin-bottom: 15px;}
#breadcrumbs a {font-weight: 400;}
#content {background-color: #fff; padding: 40px 30px;}

/* Aktualności */
#content article {margin-bottom: 40px;}
.ind article {border-bottom: 1px solid #cfcfcf;}
#content article h3 {margin-top: 0; line-height: 120%; text-transform: uppercase; letter-spacing: 1px; font-size: 16px;}
#content article h3 a {color: #252525;}
#content article h3 a:hover {color: #b48e4c;}
ul.dane {margin: 10px 0; padding: 5px 0; color: #bcbcbc; font-size: 11px; text-transform: uppercase;}
ul.dane li {display: inline; line-height: 16px; padding: 0 10px 0;}
ul.dane a {font-weight: 400; color: #b48e4c;}
ul.dane a:hover {color: #777;}
li.date {padding-left: 0 !important;}
li.cat:before {content: url(images/tag.png); padding-right: 5px;}
li.comments:before {content: url(images/comment.png); padding-right: 5px;}
li.date:before {content: url(images/clock.png); padding-right: 5px;}
.dane-single {color: #949494; font-size: 12px; margin: 30px 0 20px; border-top: 1px solid #ddd; padding: 10px 0;}
.dane-single a {font-weight: 400;}


/* Sidebar */
aside {color: #949494; font-size: 14px; line-height: 150%;}
aside h3 {color: #8f8f8f; text-transform: uppercase; font-weight: 700; font-size: 14px;}
aside ul {margin: 0; padding: 0 0 0 20px;}
aside a {font-weight: 400;}
.sidebar {margin-bottom: 40px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
footer {background: #252525; margin: 30px 0 0; padding: 50px 0 0; font-size: 13px; color: #8b8b8b;}
footer a {font-weight: 400; color: #8b8b8b;}
footer a:hover {color: #b48e4c;}
footer h4 {text-transform: uppercase; color: #fff; font-weight: 700; font-size: 13px;}
footer ul {margin: 0; padding: 0 0 0 20px;}
#copy {padding: 20px 0 10px; margin-top: 40px; border-top: 1px solid #393939;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dodatkowe style ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hover */
.hover-item {display:block !important; position:relative !important; overflow: hidden;}
.hover-item-overlay {visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear;}
.hover-item a {color:transparent;}
.hover-item a:hover .hover-item-overlay {visibility:visible; opacity:1; transition-delay:0s; text-align: center; position: absolute; background-color: rgba(180, 142, 76, 0.7); color: #fff; width:100%; height:100%; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}
.hover-item-overlay span {font-size: 3rem; margin: auto; position: absolute; top: 44%; left: 0; bottom: 0; right: 0}
.hover-item img {margin: 0; border: 3px solid #b48e4c;}

/* Social */
a.social, .social a {width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; text-indent: -900em; text-decoration: none; line-height: 100%; white-space: nowrap; display: inline-block; position: relative; vertical-align: middle; margin: 0 2px 5px 0; background-color: transparent; color: #fff;}
.social {margin: 0; padding: 0;}
a.social:hover:after, .social a:hover:after {background-image: none;}
a.social:hover, .social a:hover, a.social:hover:after, .social a:hover:after {background-color: #565656;}
a.social.facebook, .social a.facebook {background-image: url(images/facebook.png);}
a.social.facebook:hover, .social a.facebook:hover {background-color: #000; -webkit-animation: pulse .8s; animation: pulse .8s;}
a.social.facebook, .social a.facebook {background-color: #b48e4c;}
a.social.google, .social a.google {background-image: url(images/google.png);}
a.social.google:hover, .social a.google:hover {background-color: #000; -webkit-animation: pulse .8s; animation: pulse .8s;}
a.social.google, .social a.google {background-color: #b48e4c;}
a.social.pinterest, .social a.pinterest {background-image: url(images/pinterest.png);}
a.social.pinterest:hover, .social a.pinterest:hover {background-color: #000; -webkit-animation: pulse .8s; animation: pulse .8s;}
a.social.pinterest, .social a.pinterest {background-color: #b48e4c;}
a.social.twitter, .social a.twitter {background-image: url(images/twitter.png);}
a.social.twitter:hover, .social a.twitter:hover {background-color: #000; -webkit-animation: pulse .8s; animation: pulse .8s;}
a.social.twitter, .social a.twitter {background-color: #b48e4c;}

/* Tagi */
.tagcloud a {margin:0 2px 6px 0; background: #fff; border: 1px solid #b5b5b5; display: inline-block; padding: 4px 10px; color: #7f8c8d !important; font-size: 10px !important; text-transform: uppercase; font-family: 'Open Sans', 'Segoe UI',Tahoma, sans-serif;}
.tagcloud a:hover {border: 1px solid #b48e4c; color: #fff !important; background: #b48e4c;}

/* Wyszukiwarka */
#searchform input {color: #8c8d8e; font-family: 'Segoe UI',Tahoma, Helvetica, Sans-Serif; padding: 7px 5px; border: 1px solid #d4d4d4; text-indent: 5px; background: #fff; border-radius: 0;}
#searchform .input-group-btn .btn {border: 0; background: transparent; padding: 5px 5px 5px 9px;}
#searchform .input-group-btn .btn .glyphicon {font-size: 25px; color: #aaa;}
#searchform .input-group-btn .btn:hover .glyphicon {font-size: 25px; color: #b48e4c;}
h2.page-title {font: 300 17px 'Open Sans', sans-serif; text-transform: uppercase; line-height: 130%; color: #aaa; padding-bottom: 20px; margin-top: 0;}

/* Site Map */
h2.wsp-pages-title, h2.wsp-pages-list, h2.wsp-posts-title, h2.wsp-archives-title, h2.wsp-tags-title {font-size: 15px !important; color: #777 !important;}
ul.wsp-pages-list a, ul.wsp-posts-list a, ul.wsp-archives-list a, ul.wsp-tags-list a {font-weight: 400;}

/* Cookies */
ol {padding: 10px 15px;}
ol > li {padding-bottom: 10px; list-style: decimal;}
ol > li > ul {padding: 5px 15px 10px;}
ol > li > ul > li {padding-bottom: 5px; list-style-image: none !important; list-style-type: lower-alpha !important; color: #888;}

/* Pagination */
.navigation {margin: 20px 0; font-family: 'Open Sans', 'Segoe UI',Tahoma, sans-serif; font-size: 13px;}
.navigation a {color: #fff; background: #252525; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; border: 1px solid #252525;}
.navigation a:hover {color: #fff; border: 1px solid #b48e4c; background: #b48e4c;}
.navigation .current {color: #fff; border: 1px solid #b48e4c; background: #b48e4c; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px;}
.navigation .prev, .navigation .next {}

/* Decent Comments */
.decent-comments ul {margin: 0; padding-left: 0;}
.decent-comments li {list-style-image: none;}
.comment-avatar {float: left; display: inline;}
.comment-avatar img {margin: 0 4px 4px 0 !important; border: 5px solid #e9e9e9;}
.comment-excerpt {font-style: italic; display: inline !important;}
.comment-link {display: inline;}
.comment-author {text-transform: uppercase; color: #484848;}

/* Fromulare kontaktowe*/
input[type='text'], input[type='email'], input[type='tel'], textarea {border: 1px solid #ccc !important; height: 36px; padding: 7px 10px; margin: 0; width: 100%; font-family: 'Segoe UI',Tahoma, Helvetica, Sans-Serif; font-size: 14px; background: #fff; color: #444; cursor: pointer; margin-bottom: 5px; border-radius: 0 !important;}
textarea {height: 105px; width: 100%;}
.wpcf7-form .btn-primary {border-color: #b48e4c !important; color: #fff; background-color: #b48e4c !important;}
.wpcf7-form .btn-primary:hover, .wpcf7-form .btn-primary:focus, .wpcf7-form .btn-primary:active, .wpcf7-form .btn-primary.active {border-color: #252525 !important; color: #fff; background: #252525  !important; -webkit-animation: pulse .8s; animation: pulse .8s;}

/* Komentarze */
.comments_wrap {margin-top: 70px;}
.comments_wrap ol.commentlist li {list-style-type: none;}
.comments_wrap ol.commentlist {margin: 20px 0; list-style-type: none; margin:0 0 1em; padding:0; text-indent:0;}
.comments_wrap .comments {margin: 20px 0;}
.comments_wrap h2#comments {font: 400 20px 'Open Sans', sans-serif; text-transform: uppercase; line-height: 130%; color: #3e3e3e; padding-bottom: 20px;}
.comments_wrap #respond {margin-top: 50px;}
.comments_wrap #respond h5 {font: 400 20px 'Open Sans', sans-serif; text-transform: uppercase; line-height: 130%; color: #3e3e3e; padding-bottom: 20px;}
.comments_wrap ol.commentlist li.comment {border-bottom: 1px solid #ddd; padding: 20px 0 30px; margin-bottom: 15px; display: block;} 
.comments_wrap ol.commentlist li div.vcard {font-size: 15px;}
.comments_wrap ol.commentlist li div.vcard cite.fn {font-size: 15px; text-transform: uppercase; font-weight: 700;}
.comments_wrap ol.commentlist li div.vcard cite.fn a {color: #6A6A6A}
.comments_wrap ol.commentlist li div.vcard cite.fn a:hover {color: #b48e4c;}
.comments_wrap ol.commentlist li div.vcard .says {text-transform: none;}
.comments_wrap ol.commentlist li div.vcard img.avatar {border: 5px solid #ccc; float: right; margin: 0 1em 0.5em 0;}
.comments_wrap ol.commentlist li div.comment-meta {font-size: 11px; margin-bottom: 10px; color: #999998;}
.comments_wrap ol.commentlist li div.comment-meta a {color: #aaa;}
.comments_wrap ol.commentlist li p {margin: 0; line-height: 150%;}
.comments_wrap ol.commentlist li ul {list-style: square; margin: 0 0 1em 2em !important;}
.comments_wrap ol.commentlist li div.reply {font-size:11px;}
.comments_wrap ol.commentlist li div.reply a {font-weight:bold;}
.comments_wrap ol.commentlist li ul.children {list-style:none; margin:1em 0 0 !important; text-indent:0;}
.comments_wrap ol.commentlist li ul.children li {border-bottom: 0 !important;}
.comments_wrap ol.commentlist li ul.children li.depth-2 {margin:0 0 .25em .25em;}
.comments_wrap ol.commentlist li ul.children li.depth-3 {margin:0 0 .25em .25em;}
.comments_wrap ol.commentlist li ul.children li.depth-4 {margin:0 0 .25em .25em;}
.comments_wrap ol.commentlist li.pingback {border-bottom:1px dotted #676767; padding:1em;}
#commentform #author, #commentform #email, #commentform #url, #commentform #comment {border: 1px solid #ccc; font: inherit; padding: 5px;}
#commentform #author:focus, #commentform #email:focus, #commentform #url:focus, #commentform #comment:focus {border: 1px solid #aaa;}
#commentform p {padding: 5px 0; margin: 0;}
#commentform small {line-height: 26px;} 

.comment-body:after {clear: both;}
.comments_wrap .btn-default {border-color: #30302f; color: #fff; background-color: #30302f; font-size: 15px;}
.comments_wrap .btn-default:hover {border-color: #1f1f1e; color: #fff; background-color: #1f1f1e;}

.comments_wrap input[type='text'], .comments_wrap input[type='email'], .comments_wrap textarea {border: 1px solid #ccc !important; height: 36px; padding: 7px 10px; margin: 0; width: 100%; cursor: pointer;}
select {border: 1px solid #dcdcdc; height: 30px; padding: 5px; margin: 5px 0; background: #ffffff; float: right;}
.comments_wrap textarea {height: 105px; width: 100%;}

/* Galeria */
img.envira-gallery-image {border: 1px solid #DDD;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Animacja BTN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2013 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}