/* Layout */

/* Provide a backup layout for browsers that do not support media queries */
.container {
  position: relative;
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}

.region-sidebar-first {
  z-index: 10;
  width: 160px;
  position: relative;
}

.region-sidebar-second {
  width: 300px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.region-sidebar-second .block-title {
  line-height: 1.2;
}

/* Add gutters */
.block-inner,
.region-help,
.messages,
#primary-nav,
#secondary-nav,
#breadcrumb,
#main-content > header,
#branding,
#attribution {
  margin-left: 10px;
  margin-right: 10px;
}

#menu-bar + .messages.error {
  display: none;
}

/* Float the columns */
#content-column,
.region-sidebar-first,
.region-sidebar-second {
  float: left;
}

/* Ensure the content column is always the full width of its container */
#content-column {
  width: calc(100% - 460px);
}

.section-forum #content-column {
	width: 100%;
}

.page-videos .region-content {
  padding: 30px 18px;
}

.media-youtube-video {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.media-youtube-video::before {
  content: "";
  padding-top: 56.25%;
  display: block;
}

.media-youtube-video iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.page-recenzje #content-column,
.page-wywiady #content-column,
.page-premiery-plyt #content-column,
.page-videos #content-column,
.page-workflow #content-column,
.page-node-add #content-column {
  width: calc(100% - 160px);
}

.page-type-article #content-column #content .region-content .panel-flexible iframe {
  width: 100%;
}

.region-content .pane-reklamy-panel-pane-1,
.region-content .pane-wakacje-panel-pane-1,
.region-content .view-display-id-block_13,
.region-content .view-display-id-block_14,
.region-content .view-display-id-block_15 {
  margin-left: 0;
}

.main-header {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0;
  position: relative;
}

.main-header.clearfix::after {
  content: none;
}

.main-header #logo {
  margin: 0;
  position: relative;
}

.main-header #logo > a {
  display: block;
}

.main-header #logo > a > img {
  display: block;
}

.main-header .toggler-menu {
  display: none;
  z-index: 1001;
  outline: none;
  width: 34px;
  height: 21px;
  cursor: pointer;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
  position: relative;
}

.main-header .toggler-menu__inner {
  top: 0;
}

.main-header .toggler-menu__inner,
.main-header .toggler-menu__inner::before,
.main-header .toggler-menu__inner::after {
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform;
  position: absolute;
}

.main-header .toggler-menu__inner::before,
.main-header .toggler-menu__inner::after {
  content: "";
}

.main-header .toggler-menu__inner::before {
  top: 9px;
  transition-timing-function: ease;
  transition-duration: 0.15s;
  transition-property: transform, opacity;
}

.main-header .toggler-menu__inner::after {
  top: 18px;
}

@media only screen and (max-width: 960px) {
  .region-leaderboard {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
  }

  .region.region-leaderboard::before {
    content: "";
    opacity: 0.5;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    position: absolute;
  }

  .region-leaderboard .block {
    margin-bottom: 0;
  }

  .main-header {
    padding: 15px;
  }

  .main-header::before {
    content: "";
    opacity: 0.5;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000;
    position: absolute;
  }

  .main-header #logo {
    float: none;
    margin: 0;
  }

  .main-header #logo > a > img {
    max-width: 280px;
  }

  .main-header .region.region-header {
    width: 100%;
  }

  .main-header .region.region-header #block-views-wakacje-block-4,
  .main-header .region.region-header #block-views-wakacje-block-5 {
    float: none;
    margin-bottom: 0;
  }

  .main-header .region.region-header #block-views-wakacje-block-4 .view-content .views-row,
  .main-header .region.region-header #block-views-wakacje-block-5 .view-content .views-row {
    margin: 0;
  }

  .main-header .region.region-header #block-views-wakacje-block-4 .field-content > a > img,
  .main-header .region.region-header #block-views-wakacje-block-5 .field-content > a > img {
    max-width: 200px;
    display: block;
  }

  .main-header .toggler-menu {
    display: block;
  }

  .nav--open .overlay {
    z-index: 98;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
  }

  .nav--open .toggler-menu__inner {
    transform: translate3d(0, 7px, 0) rotate(45deg);
  }

  .nav--open .toggler-menu__inner,
  .nav--open .toggler-menu__inner::before,
  .nav--open .toggler-menu__inner::after {
    left: 0;
    width: 34px;
  }

  .nav--open .toggler-menu__inner::before {
    transform: rotate(-45deg) translate3d(-571429px, -7px, 0);
    opacity: 0;
  }

  .nav--open .toggler-menu__inner::after {
    top: 14px;
    transform: translate3d(0, -14px, 0) rotate(-90deg);
  }

  .nav--open #menu-bar {
    transform: translateX(0);
  }

  #menu-bar {
    z-index: 100;
    right: 0;
    top: 0;
    bottom: 0;
    width: 280px;
    height: auto !important;
    transform: translateX(100%);
    padding-top: 75px;
    transition: all 0.2s ease-in-out;
    position: absolute !important;
  }

  #menu-bar .block {
    float: none;
    margin: 0;
  }

  #menu-bar #block-views-exp-frontpage-page-1 {
    display: none;
    width: 100%;
    height: auto;
    position: relative;
  }

  #menu-bar #block-views-exp-frontpage-page-1 .views-exposed-widgets {
    margin: 0;
  }

  #menu-bar #block-views-exp-frontpage-page-1 .views-exposed-form .views-exposed-widget {
    padding: 0;
  }

  #menu-bar #block-block-7,
  #menu-bar #block-block-4 {
    padding: 10px 0 0 15px;
  }

  #menu-bar #block-block-7 a:hover,
  #menu-bar #block-block-7 a:focus,
  #menu-bar #block-block-4 a:hover,
  #menu-bar #block-block-4 a:focus {
    color: #fff;
  }

  #menu-bar #block-system-main-menu .menu-wrapper .menu {
    float: none;
    padding-right: 0;
  }

  #menu-bar #block-system-main-menu .menu-wrapper .menu .leaf {
    float: none;
    display: block;
  }

  #menu-bar #block-system-main-menu .menu-wrapper .menu .leaf a {
    height: auto;
  }

  #menu-bar nav#block-system-main-menu ul.menu li.first a {
    background: #4b4b4b;
  }

  #menu-bar nav#block-system-main-menu ul.menu li a {
    font-size: 16px;
    background: #4b4b4b;
    padding: 10px 15px;
  }

  #menu-bar nav#block-system-main-menu ul.menu li:nth-child(5) a {
    background: #4b4b4b;
  }
  
  #menu-bar #block-menu-menu-submenu {
    display: none;
  }

  #content-column {
    width: calc(100% - 250px);
    background: white;
  }

  #content-column .view-frontpage .views-field-body {
    clear: both;
    display: block;
  }

  #content-column .pane-content .field img {
    width: 100%;
  }

  #content-column .views-field-field-duzy-obrazek img {
    width: 100%;
  }

  #content-column .ddblock-cycle-upright40p {
    margin-bottom: 30px;
  }

  #content-column .ddblock-cycle-upright40p div.container {
    width: 100%;
  }

  #content-column div.ddblock-cycle-upright40p div.container-inner {
    height: auto;
  }

  #content-column div.ddblock-cycle-upright40p div.slider-inner {
    height: auto;
    padding-bottom: 56.25%;
  }

  #content-column .content-inner > .region {
    padding: 18px 18px 0;
  }

  #content-column .ddblock-cycle-upright40p div.custom-pager {
    width: 100%;
    margin-left: 0;
  }

  #content-column div.ddblock-cycle-upright40p div.custom-pager-inner {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #content-column div.ddblock-cycle-upright40p div.custom-pager .custom-pager-item-inner {
    width: 100%;
  }

  #content-column div.ddblock-cycle-upright40p div.custom-pager .custom-pager-item {
    float: none;
    width: 16.666%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 3px;
  }

  #content-column div.ddblock-cycle-upright40p div.custom-pager .custom-pager-item:first-child {
    padding-left: 0;
  }

  #content-column div.ddblock-cycle-upright40p div.custom-pager .custom-pager-item:last-child {
    padding-right: 0;
  }

  #content-column div.ddblock-cycle-upright40p div.custom-pager a {
    float: none;
    width: 100%;
    height: auto;
    border: none;
    background: none;
  }

  #content-column div.ddblock-cycle-upright40p div.custom-pager img {
    width: 100%;
    height: auto;
  }

  #content-column div.ddblock-cycle-upright40p .custom-pager-inner div.spacer-vertical {
    display: none;
  }

  #content-column .ddblock-cycle-upright40p div.slider {
    width: 100%;
    padding: 0;
  }

  #content-column .ddblock-cycle-upright40p div.slide {
    width: 100% !important;
    height: 100% !important;
  }

  div.ddblock-cycle-upright40p div.slide-title h2 {
    font-size: 15px;
    line-height: 1.1;
    margin: -5px 0 3px 0px;
  }

  div.ddblock-cycle-upright40p div.slide-body-inner p {
    font-size: 12px;
  }

  #content-column .ddblock-cycle-upright40p div.slide-inner img {
    width: 100%;
    height: auto;
  }

  #content-column .ddblock-cycle-upright40p div.slide-text-horizontal {
    width: 100%;
    height: auto;
  }

  #content-column .ddblock-cycle-upright40p div.slide-title-horizontal {
    width: 100%;
  }

  #content-column .ddblock-cycle-upright40p div.slide-body-horizontal {
    width: 100%;
  }

  #content-column .ddblock-cycle-upright40p div.slide-text-inner {
    padding: 12px 10px;
  }

  #content-column .region-content {
    margin: 0;
  }

  .region-sidebar-first {
    display: none;
  }

  .region-sidebar-second {
    width: 250px;
    padding: 0 15px;
  }

  .page-recenzje #content-column,
  .page-wywiady #content-column,
  .page-premiery-plyt #content-column,
  .page-videos #content-column,
  .page-workflow #content-column,
  .page-node-add #content-column {
    width: 100%;
  }
}

.view-id-wydarzenia .view-content h3 {
  width: 100%;
  margin-bottom: 12px;
}

.view-display-id-videos .view-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.views-field.views-field-field-video-tytul {
  margin-top: 5px;
}

.region-sidebar-second .block .smallimg {
  width: 90px;
  float: left;
}

.region-sidebar-second .block .smallimg img {
  margin-bottom: 0;
}

.region-sidebar-second #block-views-wakacje-block-1 .views-field {
  float: none;
  width: 100%;
  padding-left: 0;
}

.region-sidebar-second .block .views-field,
.region-sidebar-second .block .views-field-title {
  float: left;
  width: calc(100% - 90px);
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.region-sidebar-second #block-views-artysta-tygodnia-block-1 .views-field,
.region-sidebar-second #block-views-comments-recent-block .views-field {
  width: 100%;
  float: none;
  padding: 0;
}

.region-sidebar-second #block-views-artysta-tygodnia-block-1 .views-field img {
  float: none;
  margin: 0;
  display: block;
}

.region-sidebar-second .block .views-field-title {
  margin-bottom: 6px;
}

@media only screen and (max-width: 768px) {
  .main-header #logo > a > img {
    max-width: 240px;
  }

  #page #columns {
    padding: 0;
  }

  #content-column {
    width: 100%;
  }

  #content-column .ddblock-cycle-upright40p div.container-inner {
    height: auto;
  }

  #content-column .ddblock-cycle-upright40p div.spacer-horizontal {
    display: none;
  }

  .region-content {
    padding: 30px 18px;
  }

  .region-sidebar-second {
    width: 100%;
  }

  .region-sidebar-second .block {
    border-bottom: 1px solid #d8d8d8;
    background: none !important;
    padding-top: 25px !important;
    padding-bottom: 20px !important;
  }

  .region-sidebar-second .block-title {
    margin-bottom: 20px !important;
  }
}

@media only screen and (max-width: 500px) {
  .premiery-plyt table,
  .premiery-plyt table tbody {
    display: block;
  }

  .premiery-plyt table tr {
    border: none;
    display: block;
  }

  .premiery-plyt table td {
    width: 100%;
    border-bottom: 1px solid #e2e2e2;
    padding: 18px 0;
    display: block;
    overflow: hidden;
  }

  .page-recenzje .views-view-grid,
  .page-wywiady .views-view-grid {
    display: block;
  }
  
  .page-recenzje .views-view-grid tbody,
  .page-wywiady .views-view-grid tbody {
    display: block;
  }

  .page-recenzje .views-view-grid tr,
  .page-wywiady .views-view-grid tr {
    margin-bottom: 15px;
    display: block;
  }

  .page-recenzje .views-view-grid tr td,
  .page-wywiady .views-view-grid tr td {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
  }

  .page-recenzje .views-view-grid tr td .smallimg,
  .page-wywiady .views-view-grid tr td .smallimg {
    width: 90px;
    float: left;
  }

  .page-recenzje .views-view-grid tr td .smallimg img,
  .page-wywiady .views-view-grid tr td .smallimg img {
    margin-bottom: 0;
  }

  .page-recenzje .views-view-grid tr td .views-field,
  .page-wywiady .views-view-grid tr td .views-field {
    float: left;
    width: calc(100% - 90px);
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 420px) {
  .main-header #logo > a > img {
    max-width: 180px;
  }

  .region-sidebar-second .views-field-field-duzy-obrazek img {
    width: 100%;
  }
}

/* Clear floating elements */
.clear,
#columns,
#breadcrumb,
#crumbs,
.region-secondary-content,
.region-tertiary-content,
.region-footer,
#block-admin-display-form ,
.gpanel {
  clear: both;
}

/* Strip block margin inside content column area. */
.content-inner .block {
  margin: 0;
}

/* Maintain backwards compatibility with older AT designs. */
.block {
  position: relative;
}
.block-superfish,
.block-nice-menus {
  position: static;
}

/* GPanels */
.gpanel .region {
  display: inline;
  position: relative;
  float: left;
}
.two-33-66 .region-two-33-66-second {
  width: 66.333%;
}
.two-66-33 .region-two-66-33-first {
  width: 66.666%;
}
.five-5x20 .region {
  width: 20%;
}
.six-6x16 .region {
  width: 16.666%;
}
.two-50 .region,
.three-50-25-25 .region-three-50-25-25-first,
.three-25-25-50 .region-three-25-25-50-third {
  width: 50%;
}
.three-3x33 .region,
.two-33-66 .region-two-33-66-first,
.two-66-33 .region-two-66-33-second {
  width: 33.333%;
}
.four-4x25 .region,
.three-25-25-50 .region-three-25-25-50-first,
.three-25-25-50 .region-three-25-25-50-second,
.three-50-25-25 .region-three-50-25-25-second,
.three-50-25-25 .region-three-50-25-25-third {
  width: 25%;
}

/* Panels */
.block-panels_mini {
  padding: 0;
}

/* Compass clearfix */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* lte IE7 Layout fixes - these use the html element classes rather 
 * than loading a global IE stylesheet */
/* Be sure the layout is set */
.ie6-7 #main-content,
.ie6-7 #columns {
  display: block;
}
.ie6-7 #main-content,
.ie6-7 #columns,
.ie6-7 #content-column,
.ie6-7 .region-sidebar-first,
.ie6-7 .region-sidebar-second,
.ie6-7 .gpanel .region {
  zoom: 1;
}

/* Circumvent sub-pixel rounding */
.ie6-7 .gpanel {
  clear: both;
}
.ie6-7 .gpanel .region {
  display: inline;
  position: relative;
  overflow: hidden;
}
.ie6-7 .two-50 .region-two-50-second,
.ie6-7 .two-66-33 .region-two-66-33-second,
.ie6-7 .two-33-66 .region-two-33-66-second {
  float: right;
}
.ie6-7 .two-33-66 .region-two-33-66-first,
.ie6-7 .two-66-33 .region-two-66-33-second {
  width: 33%;
}
.ie6-7 .two-66-33 .region-two-66-33-first,
.ie6-7 .two-33-66 .region-two-33-66-second {
  width: 66%;
}
.ie6-7 .three-3x33 .region {
  width: 32.666%;
}
.ie6-7 .five-5x20 .region {
  width: 19.2%;
}
.ie6-7 .six-6x16 .region {
  width: 15.833%;
}
.ie6-7 .two-50 .region,
.ie6-7 .three-25-25-50 .region-three-25-25-50-third,
.ie6-7 .three-50-25-25 .region-three-50-25-25-first {
  width: 49.5%;
}
.ie6-7 .three-25-25-50 .region-three-25-25-50-first,
.ie6-7 .three-25-25-50 .region-three-25-25-50-second,
.ie6-7 .three-50-25-25 .region-three-50-25-25-second,
.ie6-7 .three-50-25-25 .region-three-50-25-25-third,
.ie6-7 .four-4x25 .region {
  width: 24.25%;
}
.ie6-7 .three-3x33 .region-three-33-second,
.ie6-7 .three-3x33 .region-three-2-33-second,
.ie6-7 .three-25-25-50 .region-three-25-25-50-second,
.ie6-7 .three-50-25-25 .region-three-50-25-25-second,
.ie6-7 .four-4x25 .region-four-second,
.ie6-7 .five-5x20 .region-five-second,
.ie6-7 .six-6x16 .region-six-second {
  right: -1%;
}
.ie6-7 .three-3x33 .region-three-33-third,
.ie6-7 .three-3x33 .region-three-2-33-third,
.ie6-7 .three-25-25-50 .region-three-25-25-50-third,
.ie6-7 .three-50-25-25 .region-three-50-25-25-third,
.ie6-7 .four-4x25 .region-four-third,
.ie6-7 .four-4x25 .region-four-2-third,
.ie6-7 .five-5x20 .region-five-third,
.ie6-7 .six-6x16 .region-six-third {
  right: -2%;
}
.ie6-7 .four-4x25 .region-four-fourth,
.ie6-7 .four-4x25 .region-four-2-fourth,
.ie6-7 .five-5x20 .region-five-fourth,
.ie6-7 .six-6x16 .region-six-fourth {
  right: -3%;
}
.ie6-7 .five-5x20 .region-five-fifth,
.ie6-7 .six-6x16 .region-six-fifth {
  right: -4%;
}
.ie6-7 .six-6x16 .region-six-sixth {
  right: -5%;
}