@charset "UTF-8";

/*

To change this license header, choose License Headers in Project Properties.

To change this template file, choose Tools | Templates

and open the template in the editor.

*/

/* 

    Created on : 2018-04-19, 11:19:33

    Author     : brandy

*/

.single-odbitki {

  width: 100%;

  height: 100vh;

  min-height: 300px; }

  .single-odbitki .tb {

    display: table;

    margin: 0 auto;

    height: 100%;

    position: relative; }

    .single-odbitki .tb .cont {

      height: 100%;

      display: table-cell;

      vertical-align: middle; }

      .single-odbitki .tb .cont .cent {

        max-width: 100%;

        max-height: 100%;

        text-align: center; }

  .single-odbitki #odbitki-sending {

    display: none;

    height: 100vh; }

  .single-odbitki #odbitki-pass-form {

    max-width: 300px;

    text-align: center;

    position: relative; }

    .single-odbitki #odbitki-pass-form .inner {

      position: absolute;

      top: 50%;

      left: 50%;

      transform: translate(-50%, -50%); }

    .single-odbitki #odbitki-pass-form #odbitki-form-icon {

      width: 25%; }

      .single-odbitki #odbitki-pass-form #odbitki-form-icon path {

        fill: #888; }

  .single-odbitki ul {

    list-style: none;

    margin: 0;

    padding: 0; }

    .single-odbitki ul li {

      margin: 0;

      padding: 0; }

  .single-odbitki .title-odbitki {

    text-align: center; }

  .single-odbitki #galeria-odbitek .featured .owl-theme {

    position: relative; }

    .single-odbitki #galeria-odbitek .featured .owl-theme .owl-item {

      text-align: center;

      background: #eee; }

      .single-odbitki #galeria-odbitek .featured .owl-theme .owl-item img {

        margin: 0 auto; }

    .single-odbitki #galeria-odbitek .featured .owl-theme .owl-nav .owl-next, .single-odbitki #galeria-odbitek .featured .owl-theme .owl-nav .owl-prev {

      width: 0;

      height: 0;

      border-top: 20px solid transparent;

      border-bottom: 20px solid transparent;

      margin-top: -20px;

      position: absolute;

      top: 50%;

      opacity: .75; }

    .single-odbitki #galeria-odbitek .featured .owl-theme .owl-nav .owl-prev {

      left: 10px;

      border-right: 20px solid #fff; }

    .single-odbitki #galeria-odbitek .featured .owl-theme .owl-nav .owl-next {

      right: 10px;

      border-left: 20px solid #fff; }

    .single-odbitki #galeria-odbitek .featured .owl-theme .owl-nav [class*='owl-']:hover {

      background: transparent; }

    .single-odbitki #galeria-odbitek .featured .owl-theme .owl-nav [class*='owl-'].disabled {

      opacity: 0; }

    .single-odbitki #galeria-odbitek .featured .owl-theme .ratio-container {

      padding-top: 66.66%;

      /* 3:2 Aspect Ratio */

      width: 100%;

      position: relative;

      /* If you want text inside of it */ }

      .single-odbitki #galeria-odbitek .featured .owl-theme .ratio-container img {

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0; }

  .single-odbitki #galeria-odbitek .roll {

    height: 100%; }

    .single-odbitki #galeria-odbitek .roll .ratio-container {

      padding-top: 66.66%;

      /* 3:2 Aspect Ratio */

      width: 100%;

      position: relative;

      /* If you want text inside of it */ }

      .single-odbitki #galeria-odbitek .roll .ratio-container img {

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0;

        height: 100%;

        width: 100%;

        object-fit: contain;

        opacity: 1; }

    .single-odbitki #galeria-odbitek .roll .nav-roll {

      display: block;

      height: 100%;

      float: left;

      width: 32px;

      text-align: center; }

    .single-odbitki #galeria-odbitek .roll .owl-item.current img {

      opacity: .5 !important;

      -webkit-filter: grayscale(100%);

      /* Safari 6.0 - 9.0 */

      filter: grayscale(100%); }

    .single-odbitki #galeria-odbitek .roll .owl-carousel {

      position: relative; }

      .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-nav {

        height: 100%;

        position: absolute;

        top: 0;

        width: 100%;

        pointer-events: none;

        margin-top: 0; }

      .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-prev, .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-next {

        position: absolute;

        top: 0px;

        background: red;

        width: 0;

        height: 100%;

        margin: auto !important;

        pointer-events: auto; }

        .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-prev:before, .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-next:before {

          content: '';

          display: block;

          border-top: 10px solid transparent;

          border-bottom: 10px solid transparent; }

      .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-prev {

        left: -20px; }

        .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-prev:before {

          border-right: 10px solid #000; }

      .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-next {

        right: -10px; }

        .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-next:before {

          border-left: 10px solid #000; }

      .single-odbitki #galeria-odbitek .roll .owl-carousel .owl-stage {

        display: -webkit-box;

        display: -moz-box;

        display: -ms-box;

        display: box; }

  .single-odbitki #galeria-odbitek .filename {

    margin: 10px 0;

    text-align: center; }

  .single-odbitki .side {

    margin-top: 0px;

    margin-bottom: 0px;

    /* width */

    /* Track */

    /* Handle */

    /* Handle on hover */ }

    @media only screen and (min-width: 45em) {

      .single-odbitki .side {

        padding-left: 25px; } }

    .single-odbitki .side h3, .single-odbitki .side p {

      text-align: center;

      margin-bottom: 0px; }

    .single-odbitki .side p {

      font-size: 12px; }

      .single-odbitki .side p .selected-ammount {

        font-weight: bold;

        font-size: 18px; }

    .single-odbitki .side::-webkit-scrollbar {

      width: 10px; }

    .single-odbitki .side::-webkit-scrollbar-track {

      background: #f1f1f1; }

    .single-odbitki .side::-webkit-scrollbar-thumb {

      background: #888; }

    .single-odbitki .side::-webkit-scrollbar-thumb:hover {

      background: #555; }

    @media only screen and (min-width: 45em) {

      .single-odbitki .side {

        width: 43.666667%; } }

  .single-odbitki .selected-images > div {

    margin-bottom: 20px; }

    .single-odbitki .selected-images > div:last-of-type {

      margin-bottom: 0; }

  .single-odbitki .selected-images .selected-row {

    height: 100px; }

    .single-odbitki .selected-images .selected-row .add-button {

      float: left;

      width: 66.66px;

      height: 66.66px;

      display: block;

      line-height: 66.66px;

      text-align: center;

      background: #eee;

      color: #000;

      font-size: 32px;

      font-weight: bold;

      margin-right: 25px; }

    .single-odbitki .selected-images .selected-row .selected-list ul {

      list-style: none;

      margin: 0;

      padding: 0;

      overflow-x: scroll;

      white-space: nowrap;

      margin-left: 25px; }

      .single-odbitki .selected-images .selected-row .selected-list ul.empty {

        overflow-x: auto; }

      .single-odbitki .selected-images .selected-row .selected-list ul li {

        width: 100px;

        display: inline-block;

        margin-right: 10px; }

    .single-odbitki .selected-images .selected-row .selected-list a {

      display: block;

      padding-top: 66.66%;

      /* 3:2 Aspect Ratio */

      width: 100%;

      position: relative;

      /* If you want text inside of it */

      background: #eee; }

      .single-odbitki .selected-images .selected-row .selected-list a img {

        position: absolute;

        top: 0;

        left: 0;

        bottom: 0;

        right: 0;

        margin: 0 auto;

        height: 100%; }

      .single-odbitki .selected-images .selected-row .selected-list a:hover:after {

        position: absolute;

        margin: auto;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        background: rgba(255, 255, 255, 0.8);

        padding: 8px 16px;

        content: 'usuń';

        display: inline-block; }

    .single-odbitki .selected-images .selected-row .selected-list:after {

      content: '';

      display: block;

      clear: both; }

  .single-odbitki .further-details textarea {

    background: #eee;

    width: 100%;

    border: 0;

    border-radius: 0;

    resize: none;

    font-size: 12px; }

  .single-odbitki .actions {

    margin-top: 25px; }

    .single-odbitki .actions .button {

      display: block;

      float: left;

      width: 48%;

      padding: 16px 24px;

      background: #eee;

      color: #000;

      text-align: center;

      font-size: 18px;

      box-sizing: border-box; }

      .single-odbitki .actions .button.submit {

        background: #000;

        color: #fff;

        font-weight: bold;

        float: right; }

    .single-odbitki .actions:after {

      content: '';

      display: block;

      clear: both; }

  .single-odbitki .owl-height {

    transition: height 0s ease-in-out; }



/*# sourceMappingURL=odbitki-public.css.map */