﻿/* CATEGORY TABS */
/* category-tabs - parent container for the tabs */
.category-tabs {
  overflow: hidden; }

/* categories - list of category headers */
.categories {
  text-transform: capitalize;
  float: left;
  border: 1px solid #93908f;
  width: 160px;
  margin-right: -1px; }

.categories li {
  line-height: 42px;
  height: 42px;
  padding: 0 5px; }

.categories .ui-state-hover {
  background: #eaeaea; }

.categories li a {
  color: #595655;
  font-family: "Calibri", sans-serif;
  font-size: 16px;
  border: none;
  border-top: 1px solid #eaeaea;
  padding: 0;
  display: block; }

.categories li:first-child a {
  border-top: none; }

.categories .ui-tabs-selected {
  background: #35a0a8;
  position: relative; }

/* selected arrow shape */
.categories .ui-tabs-selected:before {
  content: ' ';
  border-color: transparent #93908f transparent transparent;
  border-color: transparent #93908f transparent transparent;
  /* firefox transparency fix */
  border-style: solid;
  border-width: 10px 10px 10px 0;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -10px; }

.categories .ui-tabs-selected:after {
  content: ' ';
  border-color: transparent #ffffff transparent transparent;
  border-color: transparent #ffffff transparent transparent;
  /* firefox transparency fix */
  border-style: solid;
  border-width: 8px 8px 8px 0;
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -8px; }

.categories .ui-tabs-selected a {
  color: #ffffff;
  border: none; }

/* category-tabs-items - the container for the item for each category */
.category-tabs-items {
  float: left;
  border: 1px solid #93908f;
  width: 570px;
  padding: 0 3px 0 0; }
  .category-tabs-items .third-party-ticket-control .item .price {
    display: none; }

.category-tabs-items .ui-tabs-hide {
  display: none; }

.category-tabs-items .tab {
  overflow: hidden; }

/* Portrait tablet to landscape and desktop */
/*@media screen and (min-width: 768px) and (max-width: 979px) {
    .categories {
        width: 100%;
        margin: 0 0 20px;        
        li {
            float: left;
            padding: 0;
            height: auto;
        }
    }
}*/
/* Landscape phone to portrait tablet */
@media screen and (max-width: 767px) {
  * {
    box-sizing: border-box; }
  .categories {
    width: 100%;
    margin: 0 0 20px;
    background: #f2f2f2; }
    .categories li {
      float: left;
      padding: 0;
      height: auto; }
      .categories li a {
        font-size: 13px;
        font-weight: 600;
        border: none;
        padding: 1px 10px; }
    .categories .ui-tabs-selected:before {
      border-color: transparent transparent #fff transparent;
      border-style: solid;
      border-width: 0 10px 10px 10px;
      bottom: -1px;
      height: 0;
      width: 0;
      left: 50%;
      margin: 0 0 0 -10px;
      top: auto;
      right: auto; }
    .categories .ui-tabs-selected:after {
      display: none; }
  .ticket-list {
    width: 100%; }
    .ticket-list li {
      margin-bottom: 10px; }
  /*.category-tabs-items {
        width: 100%;
        padding: 0;
        border: 1px solid #ccc;
    }*/ }

/* Landscape phones and down */
@media screen and (max-width: 480px) {
  .categories {
    width: 100%;
    margin: 0 0 20px; }
    .categories li {
      float: left;
      padding: 0;
      height: auto; }
  .category-tabs-items {
    width: 100%; } }

