/*
Theme Name: Travelify Child - Mobile Polish
Template: travelify
Description: Dopracowana wersja mobilna Travelify (czytelniejsza typografia, lepsze odstępy na telefonach). Powrot do oryginalnego Travelify: Appearance -> Themes -> aktywuj "Travelify".
Version: 1.0
*/

/* Telefony - do 480px (np. iPhone, wiekszosc Androidow) */
@media only screen and (max-width: 480px) {
  body {
    font-size: 16px;
    line-height: 1.6;
  }

  #content,
  #primary {
    padding-left: 15px;
    padding-right: 15px;
  }

  .entry-title,
  .page-title {
    font-size: 24px;
    line-height: 1.3;
    padding-left: 0;
  }

  img {
    border-radius: 4px;
  }

  /* podpisy pod zdjeciami (nasze posty uzywaja <em> w <p> jako caption) */
  p em {
    font-size: 14px;
    color: #777;
    display: block;
    margin-top: 6px;
  }

  /* atrybucje zdjec na koncu wpisu */
  small {
    font-size: 12px;
    line-height: 1.5;
  }

  #site-title a img {
    max-width: 280px;
  }

  .hgroup-wrap {
    padding-bottom: 15px;
  }

  blockquote {
    margin-left: 0;
    padding-left: 15px;
    border-left: 3px solid #ddd;
  }
}

/* Bardzo male telefony - do 360px */
@media only screen and (max-width: 360px) {
  .entry-title,
  .page-title {
    font-size: 21px;
  }

  #site-title a img {
    max-width: 220px;
  }
}