/*
Theme Name:   Bibliotrop
Theme URI:
Description:  Strona stworzona dla bibliotrop
Author:       Synteco sp. z o.o.
Author URI:   https://www.synteco.pl/
*/
/* COLORS
-------------------------------------------------------------- */
/*Site Color- Definition*/
/*Site Color- Basic*/
/*Button Color*/
/*Site Font - Basic*/
html {
  font-size: 62.5%; }

body {
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 29px;
  color: #4A4A4A;
  background: #fff;
  min-height: 100vh;
  position: relative; }

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-family: "Roboto Slab", serif;
  color: #4A4A4A; }

::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Roboto Slab", serif;
  color: #4A4A4A; }

:-ms-input-placeholder {
  /* IE 10+ */
  font-family: "Roboto Slab", serif;
  color: #4A4A4A; }

:-moz-placeholder {
  /* Firefox 18- */
  font-family: "Roboto Slab", serif;
  color: #4A4A4A; }

body:before {
  display: none; }

input::-moz-focus-inner {
  border: 0; }

*, *:before, *:after {
  outline: none !important; }

.screen-reader-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); }

/*Mixins*/
/*Screens width*/
.mini-padding {
  padding-top: 30px;
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .mini-padding {
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media (min-width: 1200px) {
    .mini-padding {
      padding-top: 60px;
      padding-bottom: 60px; } }

.mini-padding-top {
  padding-top: 30px; }
  @media (min-width: 768px) {
    .mini-padding-top {
      padding-top: 40px; } }
  @media (min-width: 1200px) {
    .mini-padding-top {
      padding-top: 60px; } }

.mini-padding-bottom {
  padding-bottom: 30px; }
  @media (min-width: 768px) {
    .mini-padding-bottom {
      padding-bottom: 40px; } }
  @media (min-width: 1200px) {
    .mini-padding-bottom {
      padding-bottom: 60px; } }

.min-padding {
  padding-top: 50px;
  padding-bottom: 50px; }
  @media (min-width: 768px) {
    .min-padding {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media (min-width: 1200px) {
    .min-padding {
      padding-top: 100px;
      padding-bottom: 100px; } }

.min-padding-top {
  padding-top: 50px; }
  @media (min-width: 768px) {
    .min-padding-top {
      padding-top: 80px; } }
  @media (min-width: 1200px) {
    .min-padding-top {
      padding-top: 100px; } }

.min-padding-bottom {
  padding-bottom: 50px; }
  @media (min-width: 768px) {
    .min-padding-bottom {
      padding-bottom: 80px; } }
  @media (min-width: 1200px) {
    .min-padding-bottom {
      padding-bottom: 100px; } }

@media (max-width: 479px) {
  html {
    font-size: 55%; } }

img {
  max-width: 100%; }

.centered-block {
  margin-left: auto;
  margin-right: auto; }

ul, li, ol {
  line-height: 29px;
  padding: 0;
  margin: 0;
  list-style-position: inside; }

.clear:after {
  content: '';
  display: block;
  clear: both; }

/* Typography
-------------------------------------------------------------- */
/* Headings */
h1, h2, h3, h4, h5, h6, .page-title,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto Slab", serif;
  color: #4A4A4A;
  line-height: 1.3;
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold; }

h1, .h1 {
  font-size: 30px; }

h2, .h2 {
  font-size: 24px; }

h3, .h3 {
  font-size: 23px; }

h4, .h4 {
  font-size: 20px; }

h5, .h5 {
  font-size: 18px; }

h6, .h6 {
  font-size: 14px; }

a {
  color: #4A4A4A;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  text-decoration: none;
  outline: 0;
  box-shadow: none !important; }
  a:hover, a:focus {
    color: #4A4A4A;
    text-decoration: underline; }

input, button, select, textarea {
  padding: 5px 10px;
  border-radius: 4px;
  border: solid 1px #F1F1F1; }

button, .button {
  font: 700 16px/19px "Roboto", sans-serif;
  letter-spacing: 0.025em;
  color: #fff;
  background-color: #68676C;
  padding: 15px 30px;
  border-radius: 12px;
  display: inline-block;
  margin: 10px 0 30px;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #fff;
    background-color: #4A4A4A;
    text-decoration: none; }

input.search-field, button.search-submit {
  height: 40px; }

/* Navigation
-------------------------------------------------------------- */
.menu-shadow {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12); }

.menu {
  position: relative; }

.navbar-header {
  position: absolute;
  left: 15px;
  top: 0;
  z-index: 2; }
  .navbar-header .navbar-brand {
    padding: 15px 0;
    height: auto; }
    .navbar-header .navbar-brand p#site-title {
      font-family: "Playfair Display", sans-serif;
      font-size: 3.6rem;
      color: #000;
      line-height: 48px;
      margin-bottom: 5px; }
    .navbar-header .navbar-brand p#site-subtitle {
      font-family: "Roboto", sans-serif;
      font-size: 1.3rem;
      line-height: 15px;
      letter-spacing: 1px; }
  @media (max-width: 767px) {
    .navbar-header {
      top: 30px; }
      .navbar-header .navbar-brand {
        padding: 15px; } }

.main-page .menu {
  min-height: 380px;
  margin-bottom: 70px; }
  .main-page .menu .main-nav a, .main-page .menu .sub-nav a, .main-page .menu .navbar-brand p, .main-page .menu p#site-title {
    color: #fff; }
  .main-page .menu .main-nav a:hover, .main-page .menu .main-nav a:focus, .main-page .menu .sub-nav a:hover, .main-page .menu .sub-nav a:focus {
    border-bottom: 1px solid #fff; }

#main-navigation {
  position: relative;
  z-index: 1; }
  #main-navigation:after {
    content: '';
    display: block;
    clear: both; }
  #main-navigation .sub-nav, #main-navigation .main-nav {
    float: right; }
  #main-navigation .main-nav {
    clear: right;
    padding-bottom: 15px; }
    @media (max-width: 991px) {
      #main-navigation .main-nav {
        padding-top: 15px; } }
    @media (max-width: 767px) {
      #main-navigation .main-nav {
        padding-top: 130px; } }
    @media (min-width: 992px) {
      #main-navigation .main-nav.navigation li {
        padding: 10px 0 10px 50px; } }
  @media (max-width: 767px) {
    #main-navigation .sub-nav {
      text-align: right;
      right: 0;
      width: 100%;
      position: absolute; } }
  @media (min-width: 992px) {
    #main-navigation .sub-nav.navigation li {
      padding: 10px 0 10px 30px; } }

/* Basic Style: Footer and Header*/
.sub-nav.navigation li, .main-nav.navigation li {
  display: inline-block;
  list-style: none;
  padding: 10px; }
  @media (max-width: 479px) {
    .sub-nav.navigation li, .main-nav.navigation li {
      padding: 5px; } }
  .sub-nav.navigation li a, .main-nav.navigation li a {
    padding: 2px 0 5px;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase; }
  @media (min-width: 1200px) {
    .sub-nav.navigation li, .main-nav.navigation li {
      padding: 10px 15px; } }

.sub-nav {
  min-height: 48px; }
  .sub-nav li a {
    font-size: 11px;
    color: #BABABA;
    border-bottom: 1px solid transparent; }
    .sub-nav li a:hover, .sub-nav li a:focus {
      border-bottom: 1px solid #BABABA;
      text-decoration: none; }

.main-nav li a {
  font-size: 16px;
  font-weight: 700;
  border-bottom: 2px solid transparent; }
  .main-nav li a:hover, .main-nav li a:focus, .main-nav li a.check {
    color: #4A4A4A;
    background-color: transparent;
    border-bottom: 2px solid #4A4A4A;
    text-decoration: none; }
@media (min-width: 992px) {
  .main-nav.navigation li {
    padding: 10px 25px; } }

/* Content
-------------------------------------------------------------- */
.main-panels {
  padding-top: 20px;
  padding-bottom: 20px; }

.box-content {
  padding-bottom: 20px; }
  .box-content .box-header {
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    border-radius: 1px;
    position: relative;
    overflow: hidden; }
    .box-content .box-header.video {
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 100%, transparent 0%); }
    .box-content .box-header img {
      min-width: 100%;
      max-width: 100%;
      opacity: 1;
      -webkit-transition: opacity 0.25s ease-in-out;
      -ms-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      -o-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out; }
    .box-content .box-header video, .box-content .box-header iframe {
      background-color: #fff;
      min-width: 100%;
      max-width: 100%;
      display: block; }
    .box-content .box-header h2 {
      line-height: 32px;
      letter-spacing: 0.025em;
      color: #fff;
      margin: 0;
      position: absolute;
      bottom: 20px;
      left: 20px; }
    .box-content .box-header.video h2 {
      top: 20px;
      bottom: inherit; }
  .box-content > a {
    background-color: #000;
    display: block; }
    .box-content > a:hover .box-header img {
      opacity: 0.8; }
    .box-content > a:hover .box-header h2 {
      color: #fff; }
  .box-content .box-description {
    padding: 20px 20px 0 20px; }
    .box-content .box-description p {
      font-size: 16px;
      line-height: 25px; }
  @media (max-width: 479px) {
    .box-content {
      margin-left: 0;
      width: 100%; } }

#main-content {
  margin-top: 40px;
  margin-bottom: 35px; }
  #main-content p {
    font-weight: 300;
    margin: 10px 0 35px; }
    #main-content p.big {
      font-size: 20px;
      line-height: 40px; }
  #main-content .main-categories {
    text-align: center;
    padding: 0 0 25px; }
    #main-content .main-categories li {
      display: inline-block;
      list-style: none;
      margin: 5px 10px; }
      #main-content .main-categories li a {
        font-size: 18px;
        font-weight: 400;
        display: inline-block;
        background-color: transparent;
        padding: 12px;
        border-radius: 12px; }
        #main-content .main-categories li a:hover, #main-content .main-categories li a:focus, #main-content .main-categories li a.check {
          font-weight: bold;
          background-color: #F1F1F1;
          text-decoration: none; }
    #main-content .main-categories:after {
      content: '';
      height: 1px;
      background-color: #E1E1E1;
      max-width: 650px;
      margin: 15px auto 0;
      display: block; }

.product-box {
  width: 50%;
  padding: 15px;
  float: left;
  position: relative; }
  .product-box:nth-child(2n+1) {
    clear: left; }
  .product-box a {
    background-color: #000;
    display: block; }
    .product-box a:hover img {
      opacity: 0.7; }
  @media (min-width: 992px) {
    .product-box {
      width: 33.33333333%; }
      .product-box:nth-child(2n+1) {
        clear: none; }
      .product-box:nth-child(3n+1) {
        clear: left; } }
  @media (max-width: 479px) {
    .product-box {
      width: 83.33333333%;
      margin-left: 8.33333333%; } }
  .product-box:last-child:after {
    content: '';
    clear: both;
    display: block; }
  .product-box img {
    min-width: 100%;
    opacity: 1;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
    -webkit-transition: opacity 0.25s ease-in-out;
    -ms-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out; }
  .product-box .desc {
    font-family: 'Fira Sans', sans-serif;
    background-color: #fff;
    line-height: 25px;
    min-width: 50px;
    text-align: center;
    padding: 2px 5px 0;
    border-radius: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    position: absolute;
    top: 30px;
    right: 30px; }

.products-box {
  padding-bottom: 20px;
  margin-right: -15px;
  margin-left: -15px; }
  .products-box:after {
    content: '';
    clear: both;
    display: block; }

article {
  padding-bottom: 20px; }

.article-navigation {
  position: relative;
  margin-bottom: 60px; }
  @media (max-width: 767px) {
    .article-navigation {
      margin-bottom: 20px; } }
  @media (max-width: 479px) {
    .article-navigation {
      padding-bottom: 50px; } }
  .article-navigation img {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.35);
    width: calc(100% - 186px);
    transform: translate(98px); }
    @media (max-width: 767px) {
      .article-navigation img {
        width: calc(100% - 70px);
        transform: translate(35px); } }
    @media (max-width: 479px) {
      .article-navigation img {
        width: 100%;
        transform: none; } }
  .article-navigation a.prev, .article-navigation a.next {
    background-color: #F1F1F1;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    position: absolute;
    bottom: calc(50% - 34px); }
    .article-navigation a.prev:after, .article-navigation a.next:after {
      font-family: 'Glyphicons Halflings';
      color: #8E9092;
      display: block;
      font-size: 28px;
      line-height: 68px;
      width: 68px;
      text-align: center;
      -webkit-transition: color 0.25s ease-in-out;
      -ms-transition: color 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out; }
    .article-navigation a.prev:hover, .article-navigation a.prev:focus, .article-navigation a.next:hover, .article-navigation a.next:focus {
      background-color: #4A4A4A;
      text-decoration: none; }
      .article-navigation a.prev:hover:after, .article-navigation a.prev:focus:after, .article-navigation a.next:hover:after, .article-navigation a.next:focus:after {
        color: #F1F1F1; }
    @media (max-width: 767px) {
      .article-navigation a.prev, .article-navigation a.next {
        width: 28px;
        height: 28px;
        bottom: calc(50% - 14px); }
        .article-navigation a.prev:after, .article-navigation a.next:after {
          font-size: 18px;
          line-height: 28px;
          width: 28px; } }
    @media (max-width: 479px) {
      .article-navigation a.prev, .article-navigation a.next {
        bottom: 10px; } }
  .article-navigation a.prev {
    left: 0; }
    @media (max-width: 479px) {
      .article-navigation a.prev {
        left: calc(50% - 40px); } }
    .article-navigation a.prev:after {
      content: "\e257"; }
  .article-navigation a.next {
    right: 0; }
    @media (max-width: 479px) {
      .article-navigation a.next {
        right: calc(50% - 40px); } }
    .article-navigation a.next:after {
      content: "\e258"; }

/* Footer
-------------------------------------------------------------- */
footer {
  background-color: #fff;
  width: 100%;
  z-index: 2; }
  footer.menu-shadow {
    box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.12); }
  footer ul, footer li {
    list-style-type: none; }
  footer .navigation {
    text-align: center; }
    footer .navigation.main-nav {
      padding: 10px 0; }
    footer .navigation.sub-nav {
      border-top: 1px solid #E1E1E1; }
    footer .navigation li {
      display: inline-block; }
      footer .navigation li a {
        text-transform: uppercase; }
  footer .footer-bottom {
    background-color: #811A18; }
    footer .footer-bottom img.logo {
      margin: 35px auto 10px;
      display: block; }
    footer .footer-bottom p, footer .footer-bottom a {
      color: #fff;
      font-size: 16px;
      font-weight: 400;
      font-weight: 400; }
    footer .footer-bottom p {
      text-align: center;
      margin: 0;
      padding: 25px 0; }
    footer .footer-bottom .logos {
      padding: 0 15px 20px;
      clear: both; }
      footer .footer-bottom .logos p {
        margin-bottom: 15px; }
      footer .footer-bottom .logos .linki {
        font-size: 13px;
        color: #b5b5b5;
        margin: 0;
        padding: 5px 0; }
        footer .footer-bottom .logos .linki a {
          font-size: 13px;
          color: #b5b5b5; }
      footer .footer-bottom .logos .members-logo.first {
        text-align: right;
        padding-right: 30px; }
      footer .footer-bottom .logos .members-logo.second {
        text-align: left;
        padding-left: 30px; }
      @media (min-width: 768px) {
        footer .footer-bottom .logos .members-logo.first {
          padding-right: 90px; }
        footer .footer-bottom .logos .members-logo.second {
          padding-left: 90px; } }

/*# sourceMappingURL=style.css.map */
.article-navigation .desc {
    font-family: 'Fira Sans', sans-serif;
    background-color: #fff;
    line-height: 25px;
    min-width: 50px;
    text-align: center;
    padding: 2px 5px 0;
    border-radius: 15px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    position: absolute;
    z-index:999999999;
    top: 15px;
    right: 100px; }