#header {
  z-index: 100000 !important;
}
.dropdown-menu .header-link li {padding:0 0 3px 0;}
.banner .banner-text .container h1, .banner .banner-text .container .subtitle {
  text-shadow: 1px 1px 4px #111;
}
.banner .banner-inner {
  background-color:#ffffff !important;
}
.logo {
  border-right:none !important;
}
.default-page #header {
  border-bottom:1px solid #ef9000 !important;
}
/* Banner */
.banner.banner-inner {
  height: 100vh;
  max-height: 600px !important;
}
.banner.banner-inner.small-header {
  background: #b0a377 !important;
}
.banner.banner-inner.small-header .banner-text h1 {
  color:#ffffff !important;
  margin: 0px 0px 0px 17px;
  text-transform:uppercase;
  font-size: 2.5em;
}
.banner.banner-inner.small-header .breadcrumbs {
  margin-left:17px;
}
.tourBannerHeading {
  white-space: nowrap;
  font-size: 46px !important;
  line-height: 50px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  display: inline-block !important;
  font-family: Roboto !important;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px !important;
}
.nextAvailableTour {
  white-space: normal;
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color:#ffffff;
  display: block;
  font-family: Roboto;
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)) repeat scroll 0% 0%;
  padding:10px;
}
.nextAvailableTourIconDisplay {
  color:#30AD40 !important;;
  font-size: 24px;
  padding-right:10px;
}
.btn-green {
    margin-top:20px !important;
    background-color: #30AD40 !important;
    color:#ffffff !important;
    text-transform:none;
    font-size: 28px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
}
.btn-green:hover {
  background-color: #34952B !important;
}
.btn-green:active {
  background-color: #30AD40 !important;
}
.btn-enquire {
  margin-top: 20px !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #bdbdbd !important;
  text-transform: none;
  font-size: 28px !important;
  line-height: 28px !important;
  font-weight: 300 !important;
}
@media only screen and (min-width: 960px) {
  .logo {
    padding:20px 15px 10px 0px !important;
  }
  .logo a {
    width: 220px !important;
  }
  .fixed-position .logo {
    padding:10px 15px 10px 0px !important;
  }
  .fixed-position	.logo a {
    width: 180px !important;
  }
  .page-template #main {
    padding-top: 72px !important;
  }
}
/* For the mega menu on large screens - sort out width */
@media only screen and (min-width: 1600px) {
  .has-mega-dropdown > .dropdown-menu {
      left: 20px !important;
      right: 20px !important;
  }
}
/* Handle logo on Mobile on both potrait and landscape */
@media only screen and (max-width: 1024px) {
  .logo {
    padding:0px !important;
  }
  .logo a {
    width: 180px !important;
  }
  .logo a img {
    margin-top:10px;
    margin-bottom:10px;
    margin-left:-8px;
  }
  /* Banner size on Tablet */
  .banner.banner-inner {
    height: 70vh;
    max-height: 470px !important;
  }
}
/* Handle logo on Mobile on both potrait and landscape */
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .logo {
    padding:0px !important;
  }
  .logo a {
    width: 180px !important;
  }
  .logo a img {
    margin-top:15px;
    margin-bottom:10px;
    margin-left:-8px;
  }
}
/* Page Headers */
@media only screen and (min-width: 1230px) {
  .inner-top {
      padding: 30px 0px 15px 0px !important;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1230px) {
  .inner-top {
      padding: 10px 0px 15px 0px !important;
  }
}
@media only screen and (min-width: 880px) and (max-width: 1024px) {
  .inner-top {
      padding: 10px 0px 15px 0px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 880px) {
  .inner-top {
      padding: 5px 0px 15px 0px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .inner-top {
      padding: 5px 0px 15px 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .inner-top {
      padding: 5px 0px 15px 0px !important;
  }
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
  /* Swap Divs on mobile */
  .flexMyColumn { display: flex !important; flex-direction: column !important; }
  .order1 {
    order: 1;
  }
  .order2 {
    order: 2;
  }
  .order3 {
    order: 3;
  }
  .order4 {
    order: 4;
  }
  .order5 {
    order: 5;
  }
  .order6 {
    order: 6;
  }
  .staff {
    margin-left:20px !important;
    margin-right:20px !important;
  }
  /* Modal Box Close */
  .ult-overlay-close.popup-top-right {
      top:10px !important;
      left: 90% !important;
  }
  /* Re-align banner h1 and breadcrumbs */
  .banner-text {
    height:100%;
    bottom:0px !important;
  }
  .banner-text .center-text {
    height:100%;
  }
  .banner-text .container {
    height:100%;
  }
  .banner-text .container h1 {
    margin-top:17px;
    line-height:1em;
    font-size: 2.2em;
    margin-bottom: 8px;
  }
  .tourBannerHeading {
    margin-top:17px !important;
    font-size: 2.2em !important;
    line-height:1em !important;
    font-weight: 300 !important;
    font-family: Roboto !important;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px !important;
    margin-bottom: 8px !important;
  }
  .nextAvailableTour {
    font-size: 1.2em !important;
    line-height:1em !important;
    letter-spacing: -1px !important;
    font-weight: 300 !important;
    font-family: Roboto;
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)) repeat scroll 0% 0%;
    padding:5px;
  }
  .nextAvailableTourIconDisplay {
    color:#30AD40 !important;
    font-size: 1em !important;
    line-height:1em !important;
    font-weight: 300 !important;
    padding-right:3px !important;
  }
  .btn-green {
      margin-top:10px !important;
      font-size: 1.2em !important;
      line-height:1em !important;
      font-weight: 300 !important;
      min-width: 100px !important;
  }
  .btn-enquire {
      margin-top:10px !important;
      font-size: 1.2em !important;
      line-height:1em !important;
      font-weight: 300 !important;
      min-width: 100px !important;
  }
  .btn-green:hover {
  }
  .banner-text .container .subtitle {
    font-size: 1.2em;
  }
  .banner-text .container .breadcrumbs {
    bottom: 20px;
    line-height: 2.4em;
    font-size: 1em;
  }
  /* Banner */
  .banner.banner-inner {
    height: 70vh;
    max-height: 470px !important;
  }
}
@media only screen and (min-width: 600px) and (max-width: 880px) {
  .tourBannerHeading {
    margin-top:17px !important;
    font-size: 2.2em !important;
    line-height:1em !important;
    font-weight: 500 !important;
    font-family: Roboto !important;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px !important;
    margin-bottom: 8px !important;
  }
  .nextAvailableTour {
    font-size: 1.4em !important;
    line-height:1em !important;
    letter-spacing: 0px !important;
    font-weight: 300 !important;
    font-family: Roboto;
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)) repeat scroll 0% 0%;
    padding:5px;
  }
  .nextAvailableTourIconDisplay {
    color:#30AD40 !important;
    font-size: 1em !important;
    line-height:1em !important;
    font-weight: 300 !important;
    padding-right:3px !important;
  }
  .btn-green {
      margin-top:10px !important;
      font-size: 1.2em !important;
      line-height:1em !important;
      font-weight: 300 !important;
      min-width: 100px !important;
  }
  .btn-enquire {
      margin-top:10px !important;
      font-size: 1.2em !important;
      line-height:1em !important;
      font-weight: 300 !important;
      min-width: 100px !important;
  }
  .btn-green:hover {
  }
  .page-template #main {
    padding-top: 72px !important;
  }
}

.default-page .breadcrumbs {
  color:#5c5e62 !important;
}
.default-page .breadcrumbs a {
  color:#5c5e62 !important;
}
p {
  text-align:justify;
}
.detail-accordion-subtitle {
  color:#b0a377;
}
.textShadow { text-shadow: 1px 1px 4px #111; }

/* Gravity Forms */
select {
  border: 0px;
  background:#f8f8f8;
  height:30px;
}

/* Modal Box */
.ult_modal-header {
  background-color:#b0a377 !important;
}

/* General */
.staff h2 {
  font-size:22px !important;
  color:#b0a377 !important;
}
.staff .uvc-sub-heading {
  font-size:15px !important;
}
.staff p {
  font-size:14px !important;
}

/* Blog Fix Ups */
.blog-single .aligncenter {
  width:100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* Gravity Forms */
.gform_wrapper .gform_footer input[type="submit"] {
  font-size: 18px;
  line-height: 24px;
  padding: 12px;
  min-width: 250px;
  letter-spacing: 1px;
  font-weight: 700;
  width: auto;
  margin: 0 5px 10px;
  margin-bottom: 5px;
  margin-top: 5px;
  text-transform: uppercase;
}
.gform_wrapper .gform_footer:not(.top_label) {
  margin-left:0px !important;
}

/* Content Block */
.content-block {
  padding-bottom:0px !important;
}

.tour-itm .thumbnail:hover {
  box-shadow: 1px 1px 11px rgba(33,33,33,.7);
}

/* Hamburger Menu for Tous - Mobile and Tablet */
#menuToggle {
  display: block;
  position: relative;
  left: 15px;
  top: 2px;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a {
  text-decoration: none;
  color: #232323;
  transition: color 0.3s ease;
}

#menuToggle a:hover {
  color: #ef9000;
}

#menuToggle input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}

/** Just a quick hamburger */
#menuToggle span {
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  background: #cdcdcd;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 4px 0px;
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

/** Transform all the slices of hamburger into a crossmark. */
#menuToggle input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #cdcdcd;
}

/** But let's hide the middle one. */
#menuToggle input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/** Oh yeah and the last one should go the other direction */
#menuToggle input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, -1px);
}

/** Make this absolute positioned * at the top left of the screen */
#tourMobileMenu {
  position: absolute;
  width: 260px;
  margin: -233px 0 0 -10px;
  padding: 20px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
/* to stop flickering of text in safari */
  transform-origin: 0% 0%;
  transform: translate(-110%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#tourMobileMenu li {
  padding-top: 5px;
  font-size: 15px !important;
  text-transform:uppercase !important;
  font-family: Roboto !important;
}

/** And let's slide it in from the left */
#menuToggle input:checked ~ ul {
  transform: none;
}
.btn-tourNav {
  color:#656565;
  background-color:#EBEBEB;
  font-size: 14px !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  display: block;
  min-width:190px !important;
  text-align: inherit;
  border:1px solid #D3D3D3;
  margin-bottom:5px;
  line-height: 18px !important;
}
.btn-tourNav:hover {
  background-color: #545454 !important;
  color:#EBEBEB !important;
}
.current {
  background-color:#545454 !important;
  color:#fff !important;
}

/* Filter Classes */
.price-in-usd {
  font-size:19px !important;
  color:#b0a377 !important;
  font-weight: 500 !important;
}

.price_note {
  display: none;
}

.filterFooterNote {
  font-weight:bold;
  line-height: 70px !important;
}

/* Navigation */
.dropdown-menu {
  min-width: 260px !important;
}

@media (max-width: 990px) {
  .dropdown-menu {
    position: absolute;
  }
}