/* MovieGlu */

@import url("jquery-ui.min.css");

.mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .mb-10 {
    margin-bottom: 2.5rem;
  }
  .inline-block {
    display: inline-block;
  }
  .flex {
    display: flex;
  }
  .flex img{
    /* width: 20%; */
  }
  .mg-grid {
    display: grid;
  }
  .grid-flow-row {
    grid-auto-flow: row;
  }
  .auto-rows-max {
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
  }
  .table {
    display: table;
  }
  .h-32 {
    height: 8rem;
  }
  .w-60 {
    width: 15rem;
  }
  .w-auto {
    width: auto;
  }
  .w-3\/5 {
    width: 60%;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .overflow-auto {
    overflow: auto;
  }
  .py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .pl-10 {
    padding-left: 2.5rem;
  }
  .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .font-bold {
    font-weight: 700;
  }
  
  .showtimes {
    margin-top: 20px;
  }

  @media screen and (max-width: 768px) {
    .showtimes, .showtime-title {
      width: 100%;
      font-size: .75rem !important;
    }
  }
    

  .showtimes div div {
    background-color: red;
    line-height: 20px;
    padding: 0px 10px;
    padding-left: 14px;
    padding-right: 14px;
    color: white;
    margin-right: 5px;
    text-align: center;
  }

  .showtimes div div.active {
    background-color: pink !important;
    color: red !important;
    border: solid 1px #FF0100;
    border-bottom: transparent !important;
    position: relative;
    top: 2px;
    z-index: 50;
  }

  .showtimes div div.inactive {
    background-color: gray !important;
    color: #666666 !important;
    border: solid 1px #999999;
  }

  .code {
    font-size: 12px;
    background-color: black;
    color: white;
    padding: 8px;
    border-radius: 3px;
    margin-right: 5px;
    font-family: 'Courier New', Courier, monospace;
  }

  /* PHOTOS */
  .photo-block {
    width: 100%;
    background-color: #666666;
    border: solid black 1px;

    text-align: center;
  }
  .photo-block img {
    margin: auto !important;
  }

  .photo-block div {
    background-color: red;
    color: white;
    padding: 4px;
  }