@charset "utf-8";
/* CSS Document */

p { margin: 30px 0;}
p:first-child { margin-top: 0;}
h1, h2, h3, h4, h5 { margin: 20px 0; font-weight: bold;}
h1, h2, h3, h4, h5, h6:first-child { margin-top: 0;}
h1 {
  font-family: 'Arvo', serif;
  margin: 0;
}
h6 {
  font-size: 22px;
  letter-spacing: .5px;
  font-family: 'Arvo', serif;
  margin: 0;
}
body {
  overflow-x: hidden;
  max-width: 100%;
  text-align: center;
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  background: rgba(1, 1, 1, 0.8);
}

/* Main Contant Holders */
.cent-col, .item-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 10vh 10%;
  /*box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.3);*/
}
.content-hold {
  background: #fff;
  /*margin: 20px 0;*/
}
.content-hold.article {
  background: none;
}
.top-1, .top-3, .bottom-1, .bottom-3 {
  background: rgba(238, 238, 238, 0.9);
}
.bodydent {
  max-width: 1100px;
  margin: 0 auto;
  width: 100%;
}
.bodyhold {
  margin-bottom: 150px;
}
.pics-inline img {
  max-height: 210px;
  padding: 0 10px;
}
.top-intro {
  margin-top: 70vh;
}
.item-page {
  min-height: 50px;
  background: #fff;
}
.item-page.facilities {
    background: rgba(238, 238, 238, 0.9);
}

/*Bottom Thirds*/
.thirds p {
  margin: 0;
  font-weight: 600;
}
.thirds {
  background: rgba(238, 238, 238, 0.9);
  padding: 50px 5% 25px;
}
.third {
  display: inline-block;
  width: 27%;
  margin: 0 0 50px 0;
  padding: 0 3%;
}
.third img {
  max-width: 200px;
  max-height: 200px;
  border-radius: 200px;
  margin: 15px 0 -35px;
}
.third a {
  color: #fff;
  background: #000;
  text-decoration: none;
  line-height: 35px;
  display: inline-block;
  padding: 0 30px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 400;
  transition: .5s;
}
.third a:hover {
  background: #509297;
}
.ibex-booking-screen-iframe {
  /*margin: 0 0 -25vh 0;*/
}
.blog {
  max-width: 100%;
  display: inline-block;
  -webkit-column-count: 3;
  -webkit-column-gap: 10px;
  -webkit-column-fill: auto;
  -moz-column-count: 3;
  -moz-column-gap: 10px;
  -moz-column-fill: auto;
  column-count: 2;
  column-gap: 10px;
  column-fill: auto;
  padding: 50vh 5% 10vh;
  width: 90%;
}
/*.blog.attractions {
  padding: 0 5% 5vh;
}*/
.blog.attractions a {
  color: #fff;
  background: #000;
  text-decoration: none;
  line-height: 35px;
  display: inline-block;
  padding: 0 30px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 400;
  transition: .5s;
  margin-bottom: -7px;
}
.blog.attractions a:hover {
  background: #ffa05c;
}
.blog .items-row {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  display: inline-block;
  width: 80%;
  margin: 0 0 40px 0;
  padding: 6.5%;
  background: #eee;
  border: 1px solid #bbb;
}
.blog img {
  max-width: 100%;
  border-radius: 5px;
}
.bottom-featpic img {
  max-width: 100%;
  margin-bottom: -5px;
}
.bottom-featpic p {
  margin: 0;
}
.testimonial {
  height: 360px;
  display: table;
  transition: .5s;
}
.testimonial .cent-col {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
  padding: 40px 10%;
}
.spinner {
  font-size: 20px;
  transition: 15s;
  transition-timing-function: linear;
  margin-top: -14px;
  width: 0;
  color: #509297;
}
.testtick .spinner {
  margin-left: 100%;
}
.custom.customticker {
  border-bottom: #ddd solid 1px;
  padding-bottom: 30px;
}
.testimonial h6 {
  margin-bottom: 25px;
}
.testimonial p {
  line-height: 25px;
}

@media (max-width: 990px) {
.third {
  display: block;
  margin: 0 auto 50px;
  width: auto;
}
}
@media (max-width: 660px) {
.top-intro {
  margin-top: 0;
}
h6 {
  font-size: 18px;
  line-height: 25px;
}
.pics-inline img {
  padding: 0 5%;
  max-width: 90%;
}
.blog {
  column-count: 1;
  padding-top: 10px;
}
}

body.book-now .testimonial {
  background: #f6f6f6;
}

.content-hold.booking {
  padding: 0 5%;
}

.content-hold.booking input {
  background: #fff !important;
}

.book-now .article .item-page {
  padding: 75px 10% 50px;
}

.book-now .article p {
  margin: 0;
}

body.book-now {
  background-image: url("https://whiteelephant.co.nz/images/banners/4.jpg");
  background-attachment: fixed;
}

.videoframe-wrapper {
  width: 100%;
  padding-bottom: 56.2%;
  position: relative;
}

.videoframe-wrapper p {
  margin: 0;
}

.videoframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}