#tour .logo {
  display: none; }

#tour .tour-title {
  text-indent: -10000px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: url(../images/tour-title.png) no-repeat center center;
  background-size: contain; }

.tour-dates {
  padding: 10px 0 50px; }

.tour-date {
  display: flex;
  align-items: flex-start;
  width: 100%;
  font-size: 16px;
  border-bottom: 1px solid white;
  flex-wrap: nowrap;
  position: relative; }
  .tour-date .tour-new {
    display: inline-block;
    background: #ffaf3c;
    color: black;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    width: 35px;
    height: 35px;
    margin-left: -40px;
    margin-right: 5px;
    text-align: center;
    font-weight: bold;
    line-height: 3.2;
    font-size: 11px;
    border-radius: 50%; }
    @media screen and (min-width: 800px) {
      .tour-date .tour-new {
        position: absolute;
        left: -40px;
        top: 8px;
        margin-right: 0;
        margin-left: 0; } }
  @media screen and (max-width: 800px) {
    .tour-date {
      flex-wrap: wrap;
      margin-bottom: 20px;
      padding-bottom: 15px;
      text-align: center; } }
  .tour-date .tour-field {
    padding: 12px; }
    @media screen and (max-width: 800px) {
      .tour-date .tour-field {
        padding: 0;
        padding-bottom: 5px; } }
  .tour-date .date {
    font-weight: bold;
    flex: 1 1 10%; }
    @media screen and (max-width: 800px) {
      .tour-date .date {
        flex: 1 1 100%;
        font-size: 22px; } }
  .tour-date .location {
    flex: 1 1 15%; }
    @media screen and (max-width: 800px) {
      .tour-date .location {
        flex: 1 1 100%; } }
  .tour-date .venue {
    flex: 1 1 20%; }
    @media screen and (max-width: 800px) {
      .tour-date .venue {
        flex: 1 1 100%;
        margin-bottom: 15px; } }
  .tour-date .tickets {
    flex: 1 1 30%;
    text-align: right; }
    @media screen and (max-width: 800px) {
      .tour-date .tickets {
        flex: 1 1 100%; } }
    .tour-date .tickets .button {
      display: inline-block;
      padding: 5px 10px;
      margin-left: 15px;
      margin-bottom: 5px;
      background: transparent;
      color: #d70014;
      border: 1px solid #d70014;
      width: 125px;
      text-align: center; }
      @media screen and (max-width: 945px) {
        .tour-date .tickets .button {
          margin-bottom: 5px;
          width: 150px;
          text-align: center; } }
      @media screen and (max-width: 800px) {
        .tour-date .tickets .button {
          margin-left: 0px;
          margin: 5px auto 10px;
          display: block;
          width: 200px; } }
      .tour-date .tickets .button.vip {
        background: #d70014;
        color: white; }
      .tour-date .tickets .button:hover {
        background: black;
        color: white;
        border-color: black; }
  .tour-date .button.sold_out {
    opacity: 0.3;
    pointer-events: none;
    border-color: #444;
    color: #444; }
    .tour-date .button.sold_out.vip {
      background: #444;
      color: white; }