/* Map styles */

.tf_kiosk_header {
  min-height: 150px;
}

.tf_kiosk_header h2.tf_colour_text_on_primary {
  color: #fff;
}

.acf-map {

  width: 100%;

  height: 400px;

  border: #ccc solid 1px;

  margin: 0;

}



/* fixes potential theme css conflict */

.acf-map img {

    max-width: inherit !important;

}



.adrr {

  font-weight: bold;

  font-size: 1rem;

}



.kiosk {

  padding-top: 80px;

  padding-bottom: 80px;

  overflow-y: hidden; 

}

  .kiosk h2 {

    font-size: 1.5em;

    font-weight: 700;

    color: #e86557; 

  }

  .kiosk .adr {

    padding-left: 30px;

    color: #808080; 

  }

    .kiosk .adr p {

      font-size: 0.875em; 

    }

    .kiosk .adr .check {

      width: 50%;

      position: relative; 

    }

      .kiosk .adr .check ul {

        position: absolute;

        border: 1px solid #808080;

        width: 100%;

        display: none; 

      }

        .kiosk .adr .check ul .db {

          display: block; 

        }

        .kiosk .adr .check ul li {

          display: none;

          padding-top: 5px;

          padding-bottom: 5px;

          padding-left: 10px;

          margin-bottom: 0;

          cursor: pointer;

          background-color: #fff; 

        }

          .kiosk .adr .check ul li:hover {

            background-color: #ebebeb; 

          }

    .kiosk .adr input {

      border: 1px solid #494949;

      width: 100%;

      padding: 5px 10px 5px 10px; 

    }

    .kiosk .adr #town {

      margin-top: 30px;

      margin-bottom: 20px; 

    }

    .kiosk .adr li {

      display: none;

      line-height: 1;

      margin-bottom: 20px; 

    }



#map {

  width: 100%;

  height: 480px; 

}



.moreslogan {

  background-color: #e86557;

  color: #fff;

  padding-top: 30px;

  font-size: 1.8em;

  text-align: center;

  position: relative;

  padding-bottom: 20px; 

}