@charset "utf-8";
/* ==========================================================================
   media.css — breakpointy. Źródło 1:1: themes/business_responsive_theme/media.css.

   ZMIANA ŚWIADOMA: oryginał miał blok `max-width: 440px` ZAGNIEŻDŻONY wewnątrz
   `max-width: 640px` (działało, ale było nieczytelne) — tutaj rozwinięty do
   osobnej reguły. Efekt kaskady identyczny.

   USUNIĘTE MARTWE REGUŁY: #wrapper, #sticky_header, .flex-control-nav,
   #slider .entry-* / .slide-image (klasy FlexSlidera, nieobecne w tym szablonie).
   ========================================================================== */

@media screen and (max-width:1152px){
  #top-area .column:last-child{margin-right:0;}
  #copyright{padding:0 3%;}
}

@media screen and (max-width:960px){
  #main-menu a{padding:13px 17px;}
  .content-sidebar-wrap,#content,#sidebar-first,#sidebar-second{float:none; width:100% !important;}
  #sidebar-first{clear:both;}
  #sidebar-first,#sidebar-second,#head,#foot{padding:0 3.52%;}
}

@media screen and (max-width:640px){
  body{margin-top:0;}
  #logo{margin:13px 10px;}
  #copyright{padding:0 3.52%;}

  .nivo-caption{bottom:0; padding:5px; font-size:11px; line-height:15px; margin:0; width:100%;}
  .nivo-caption h3{font-size:14px; margin:0;}
  .theme-default .nivo-controlNav{padding-top:10px;}

  .front .content-sidebar-wrap{margin:0;}
  .region-front-welcome{padding:10px;}

  #site-title,#site-description{margin:0; line-height:1.62em;}
  #site-title{padding-top:18px;}
  #site-description{padding-bottom:18px;}

  /* --- menu mobilne (rozwijane klasą .is-open z site.js) --- */
  #main-menu ul{display:none;}
  #main-menu ul.is-open{display:block;}
  #main-menu li ul{position:static;}
  #main-menu li ul ul{margin:0 !important;}
  #main-menu ul,#main-menu li{float:none; max-width:100%;}

  #main-menu a{width:100%; padding:8px 0; color:#fff; background:#141b21; border-bottom:1px solid #1e262d;}
  #main-menu a:hover,#main-menu li a.active{background:rgb(20,27,33);}
  #main-menu a:hover{background:#1e262d;}
  #main-menu li li a{text-align:center;}
  #main-menu li li li a{background:rgb(47,61,71); border-top-color:#7f7f7f;}
  /* rozwijanie na hover WYŁĄCZONE na mobile — działa tylko .drop-down-toggle */
  #main-menu li:hover > ul,#main-menu li li:hover > ul,#main-menu li li li:hover > ul{display:none;}
  #main-menu li.is-open > ul{display:block;}
  .drop-down-toggle{display:block;}
  #main-menu li li .drop-down-toggle{top:5px;}
  #main-menu .nav-toggle{display:block; font-size:13px; font-weight:bold;}

  .content-sidebar-wrap,#sidebar-first,#sidebar-second{float:none; width:auto;}
  .content-sidebar-wrap #content{float:left; width:auto;}
  #sidebar-first .block,#sidebar-second .block,#footer-area .column,#top-area .column{float:none; width:auto !important; margin-left:0;}
  #sidebar-first{clear:both;}
  #footer-area .column,#top-area .column,#top-area .column:first-child,#footer-area .column:first-child{margin:10px;}
  .copyright,.credits{float:none; text-align:left;}
}

@media screen and (max-width:440px){
  input.form-text,select.form-select{width:93%;}
  textarea.form-textarea{width:100%;}
  .block > h2{font-size:18px;}
  #top-area h2{font-size:14px;}
  #copyright{padding:0 3.52%;}
  #header{padding-top:15px;}
  .social-icons{position:absolute; top:0; right:0; border:0;}
  .social-icons li{padding:0; text-align:center;}
  .social-icons li img{display:inline-block;}
  #logo{margin:8px 0; text-align:center;}
  #logo img{max-width:85%;}
  #site-title{font-size:18px; display:inline-block; margin:10px 0 0; padding:0;}
  #site-description{padding-bottom:5px; font-size:10px;}
  .menu_wrapper{margin-top:10px;}
  .nivo-caption{white-space:nowrap; text-overflow:ellipsis;}
  .node{margin-top:5px;}
}