@charset "UTF-8";

/* Temp Settings */
#mainTourToolBar { display:none;}

/* Colours
==================================================
  Red: #98002E
  Light Green: #4B711D
  Dark Green: #3A4B00
  Orange: #F7941E
  Grey: #636466
================================================== */

#breadcrumbWrapper { width:100%; }
#breadcrumb {
  margin: 20px auto;
  box-sizing:border-box;
  width:100%;
  max-width:1200px
}
#backBtn { float:right; margin-top:0;}
#backBtn .historyBack {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 4px;
  font-size: 36px;
}

main {
  display: block;
  margin: 0 auto;
  box-sizing:border-box;
  width:100%;
  max-width:1200px;
}
main#tour-home-page { max-width:none; }

.pageContent { max-width:1200px;margin:0 auto; }

.pageContent { width:100%;padding:2% 3%;display:block;box-sizing:border-box; }
.pageContent .videoColumn { width:60%;float:left;padding-right:3%;box-sizing:border-box;display:flex;flex-direction:row;flex-flow:wrap;}

.pageContent .videoColumn .youtube-video {
	display:block;
	box-sizing:border-box;
	width:47%;
  margin-right:3%;
  min-width:200px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom:30px;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  cursor: pointer;
}

.pageContent .youtube-video:hover h5 { color:#F7941E; }
.pageContent .youtube-video:hover p { color:#606060; }

.pageContent .youtube-video h5 {
	padding:0 6px;
	margin:8px 0 0 0;
	color:#4B701D;
	font-size:18px;
	font-weight:bold;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pageContent .youtube-video p {
	padding:0 6px;
	color:black;
	margin:4px 0 8px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.pageContent .youtube-video .thumbnail {
	display:block;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	width:100%;
}

/* filter: grayscale(100%);  */
.pageContent .youtube-video:hover  .thumbnail{ transform:scale(1.02); }

.pageContent .youtube-video .logo360 {
	position:absolute;
	right:0;
	top:15%;
	width:100px;
}

.pageContent .quickfactsColumn { width:40%;display:block;float:left;background-color:#E6E7E8;padding:2% 3%;box-sizing:border-box;  }
.pageContent .quickfactsColumn h4 { margin:0;text-transform: uppercase;font-size:25px;line-height:27px;color:#B13D50; }
.pageContent .quickfactsColumn ul { padding-left:15px; }
.pageContent .quickfactsColumn li { padding-bottom:10px; }

@media only screen and (max-width: 1024px) {
  .pageContent .videoColumn { width:45%; }
  .pageContent .quickfactsColumn { width:55%; }
	.pageContent .videoColumn .youtube-video { width:90%; margin:0 auto; }
}

@media only screen and (max-width: 800px) {
  .pageContent .videoColumn { width:90%;float:none;margin:0 auto; max-width:}
	.pageContent .videoColumn .youtube-video { width:100%; max-width:400px; 	}
	.pageContent .quickfactsColumn { width:100%;display:block;float:none; }
}

/* multi page */
.pageContent .page-links {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	box-sizing:border-box;
	display: flex;
	flex-wrap:wrap;
	flex-direction:row;
  justify-content: center;
  align-items: center;
  margin-bottom:30px;
}

.pageContent .page-links .circle-box {
	width:200px;
	height:200px;
	margin:2%;
	border-radius:20%;
	background-color:#4b7019;
	display: flex;
  justify-content: center;
  align-items: stretch;
  transition: background 0.3s ease-in-out;
}
@media only screen and (max-width: 1100px) and (min-width: 900px) {
  .pageContent .page-links .circle-box {
    width:175px;
    height:175px;
  }
}
@media only screen and (max-width: 900px) and (min-width: 720px) {
  /* Add margin to get items to wrap */
  .pageContent .page-links .circle-box:nth-child(1n) { margin-left: 10%; }
  .pageContent .page-links .circle-box:nth-child(2n) { margin-right: 10%; }
}
.pageContent .page-links .circle-box:hover {background-color:#819a5e;}

.pageContent .page-links .circle-box a {
  width:100%;padding:0 20px;
  text-align:center;font-size:22px;color:white;line-height:23px;font-weight:bold;
  display: flex;
  justify-content: center;
  text-decoration:none;
  transition: color 0.3s ease-in-out;
}
.pageContent .page-links .circle-box a:hover {color:#3A4B00;}

.pageContent .page-links .circle-box a div {align-self: center;}
.pageContent .quickfactsRow { width:100%;display:block;background-color:#E6E7E8;padding:3% 3%;box-sizing:border-box;  }
.pageContent .quickfactsRow h4 { margin:0;text-transform: uppercase;font-size:25px;line-height:27px;color:#B13D50; }
.pageContent .quickfactsRow ul { padding-left:15px;width:100%;columns:2; }
.pageContent .quickfactsRow li { padding-bottom:10px;padding-right:12px;line-height:18px; }


@media only screen and (max-width: 800px) {
  .pageContent .quickfactsRow ul { columns:1; }
}


.pageContent .title { width:100%;max-width:1200px;margin:0 auto;text-transform: uppercase;font-size:28px;line-height:31px;color:black;font-weight:bold;padding:2% 0;display:block;box-sizing:border-box; }
.pageContent .videoRow { width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;justify-content: center;
  align-items: top; }

.pageContent .videoRow .youtube-video {
	display:block;
	box-sizing:border-box;
	width:31%;
  min-width:300px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-bottom:30px;
  overflow:hidden;
  position:relative;
  text-decoration:none;
  cursor:pointer;
  margin:1%;
}

.pageContent .graybg { background-color:#e6e7e8;width:100vw;margin-left:50%;transform:translateX(-50%);padding:2% 0; }
.pageContent .greenbox { display:block;width:100%;max-width:1200px;margin:0 auto;padding:0 3% 2%;color:white;font-size:20px;box-sizing:border-box; }
.pageContent .greenbox .inner { background-color:#4b7019; padding: 20px 30px;}
.pageContent .graybg .videoRow { padding:0 3%; }
.pageContent .graybg .title { padding:2% 3%; }

.pageContent .videoRow.introVid .youtube-video{ width: 80%; padding: 20px; }
.pageContent .videoRow.introVid .youtube-video .thumbnail { max-width: 400px; margin: 0 auto; }

/* {{{ Intro */
#introText {
  height:100vh;
  position:relative;
  overflow:hidden;
  /*background-image: url('/assets/img/cover-image-overlay.png'), url('/assets/img/placeholder/2000x1333.png');*/
  background-size:cover, cover;
  background-position:center center,center center;
  position:relative;
}

/* #introText img { display:none; } */
#introText .intro-text {
  position:absolute;
  width:70%;
  left:15%;
  top:140px;
  overflow: auto;
  bottom: 10px;
}
#introText .intro-text p {
  text-align:center;
  color:white;
  font-size:22px;
  line-height:30px;
  text-shadow: 2px 2px 5px black;
}

@media only screen and (max-width: 1100px) {
  #introText { text-align: center; }
}
@media only screen and (max-width: 960px) {
 #introText .intro-text {
    width:96%;
    left:2%;
 }
}
#introText h1 {
  position:absolute;
  color:white;
  font-size:50px;
  line-height:60px;
  top:95px;
  text-align:center;
  width:100%;
  margin:0 0 0px;
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow: 2px 2px 5px black;
}
#introText p {
  padding:0 20px;
  text-align: left;
  color:#636466;
  font-weight: 400;
  line-height: 26px
}

body.tour-360 #introText .intro-text {
  position:static;
  margin:0 auto;
}

body.tour-360 #introText h1{
  position:static;
  margin-top:95px;
}


body.tour-360 #introText p {
  position:static;
}


@media only screen and (max-width: 960px) {
  #introText h1 {
    font-size:40px;
    line-height:50px;
  }
}
@media only screen and (max-width: 800px) {
  #introText .intro-text p {
    font-size:24px;
    line-height: 32px
  }
}

@media only screen and (max-width: 600px) {
  #introText h1 {
    top:90px;
    line-height:1.1em;
  }
  #introText .intro-text {
    top:180px;
    width:100%;
    left:0;
  }
  #introText .intro-text p {
    padding:0 10px;
    font-size:20px;
    line-height: 26px
  }
  #introText .intro-text p:first-child {
    margin-top:0;
  }
}

/* }}} Intro */

/* {{{ Arial Map */
#tour-landing-title {
  margin-top:50px;
}
#tour-map-wrapper {
  width:100%;
  background-color: #efefef;
  margin: 20px auto 60px;
  padding: 0;
}
#tour-map-content {
  max-width:1200px;
  width:100%;
  margin: 0 auto;
}
#hot-spot-list {
  float:left;
  width:30%;
  background:
}

#hot-spot-list h4 {
  color:#98002E;
   font-size:36px;
   line-height:48px;
   margin:36px 0 0;
   text-align: left;
   text-transform: uppercase;
}
#hot-spot-list ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
}
#hot-spot-list li {
  display: block;
  border-bottom: 1px solid white;
}
#hot-spot-list li a {
  display:block;
  padding:15px;
  box-sizing:border-box;
  width:100%;
  height:100%;
  color:#636466;
  text-decoration: none;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#hot-spot-list li a:hover, #hot-spot-list li a.active { color: #4B711D; background-color: #cecece;}
#mainTourMap {
	position:relative;
	float:right;
	 width:70%;
	 max-width:960px;
	 margin: 0 auto;
}
#mainTourMap img {
	 width:100%;
	 max-width:960px;
}
.hotSpot {
	width:9.6875%;
	height:16.489361702128%;
	max-height:93px;
	max-width:93px;
	position:absolute;
}
.hotSpot a {
	display:block;
	width:100%;
	height:100%;
	color:#98002E;
	background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.7;%7D .st1%7Bfill:%2398002E;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M256,0C167.6,0,96,71.6,96,160c0,24.8,5.6,48.2,15.7,69.1C112.2,230.3,256,512,256,512l142.6-279.4 c11.1-21.8,17.4-46.5,17.4-72.6C416,71.6,344.4,0,256,0z M256,256c-53,0-96-43-96-96s43-96,96-96c53,0,96,43,96,96S309,256,256,256 z'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
}

.hotSpot.active a,
.hotSpot:hover a {
	color:#4B711D;
	background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.7;%7D .st1%7Bfill:%234B711D;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M256,0C167.6,0,96,71.6,96,160c0,24.8,5.6,48.2,15.7,69.1C112.2,230.3,256,512,256,512l142.6-279.4 c11.1-21.8,17.4-46.5,17.4-72.6C416,71.6,344.4,0,256,0z M256,256c-53,0-96-43-96-96s43-96,96-96c53,0,96,43,96,96S309,256,256,256 z'/%3E%3C/g%3E%3C/svg%3E%0A");
}



@media only screen and (max-width: 960px) {
  #hot-spot-list {
    width:100%;
  }
  #mainTourMap {
    width:100%;
  }
}
/* }}} Arial Map */

/* {{{ Content Pages */
#contentHeader h1 {
  color:#98002E;
  font-size: 30px;
  line-height: 40px;
  text-transform: uppercase;
  margin-top:90px;
}
#videoPage #contentHeader h1 { margin-top:0;}

@media only screen and (max-width: 600px) {
  #contentHeader h1 {
    color:#98002E;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }

}

/* }}} Content Pages */

/* {{{ panorama */
/* panorama layout */
.panorama, .panorama-view { overflow: hidden; }
.panorama, .panorama-container { position: relative; }
.panorama-container img { height: 100%; position: absolute; top: 0; }
.panorama .info, .panorama-view .area { position: absolute; display: block; }
.panorama .info { right: 10px; bottom: 10px; }
.panorama .controls { position: absolute; left: 10px; bottom: 10px; }
.panorama .controls a { display: block; float: left; margin-right: 5px; }
.panorama .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* panorama style */
.panorama-view { cursor: url(../images/openhand.cur),default; }
.panorama-view.grab { cursor: url(../images/closedhand.cur),default; }
.panorama .info, .panorama .controls a { padding: 6px; opacity: 0.6; filter: alpha(opacity=60); background-color: #000; color: #fff; font: bold 11px/14px Arial, sans-serif; text-decoration: none; }
.panorama .controls a { padding-top: 5px; padding-bottom: 7px; font-size: 17px; cursor: pointer; }
.panorama .info:hover, .panorama .controls a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.panorama-view .area {
	cursor: pointer;
	display:block;
	color:#98002E;
	transform:scale(1.8,1.8);
	background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.7;%7D .st1%7Bfill:%2398002E;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M256,0C167.6,0,96,71.6,96,160c0,24.8,5.6,48.2,15.7,69.1C112.2,230.3,256,512,256,512l142.6-279.4 c11.1-21.8,17.4-46.5,17.4-72.6C416,71.6,344.4,0,256,0z M256,256c-53,0-96-43-96-96s43-96,96-96c53,0,96,43,96,96S309,256,256,256 z'/%3E%3C/g%3E%3C/svg%3E%0A");
	background-size: 100% 100%;
}
.panorama-view .area:hover {
	background-image: url("data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.7;%7D .st1%7Bfill:%234B711D;%7D%0A%3C/style%3E%3Cg class='st0'%3E%3Cpath class='st1' d='M256,0C167.6,0,96,71.6,96,160c0,24.8,5.6,48.2,15.7,69.1C112.2,230.3,256,512,256,512l142.6-279.4 c11.1-21.8,17.4-46.5,17.4-72.6C416,71.6,344.4,0,256,0z M256,256c-53,0-96-43-96-96s43-96,96-96c53,0,96,43,96,96S309,256,256,256 z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.panorama-view img { -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.panorama .info, .panorama .controls a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.panorama .preloader { background: url(../images/preloader.gif) no-repeat center center; }

.panorama-view { height: 360px;}
/* }}} */

/* {{{ Video */
.jwplayer { width:100%!important; max-width:480px; }

/* }}} */

/* {{{ 360 Video Page */
._360-video-link {
  position:relative;
  top:50%;
  width:80%;
  max-width:300px;
  margin:0 auto;
  text-align:center;
}
._360-video-link img {
  display:inline-block;
  margin:0 auto;
  width:100%;
  z-index:1;
  top:0;
  left:0;
  position:absolute;
  transition: opacity 300ms linear;
}
._360-video-link img:nth-child(2) { z-index:0; }
._360-video-link a:hover img:nth-child(1) { opacity:0; }
#video-title { margin: 40px auto; }

.videoLinks.youtube li {
  overflow: hidden;
}
.videoLinks.youtube li a {
  bottom: 0;
  padding: 100% 0 10px;
  vertical-align: bottom;
  font-size: 24px;
  line-height: 30px;
  top:initial;
}

body.tour-360 #introText { height:40vh; min-height:250px;display: flex; flex-direction: column; justify-content: center;}

@media only screen and (max-width: 800px) {
  body.tour-360 #introText { height:initial;}
}
body.tour-360 #home-hero-scroll { display:none;}
body.tour-360 .videoLinks { font-size:0; line-height:0;}
body.tour-360 .videoLinks.youtube li { display:inline-block;float:none;}

/* 4 columns */
@media only screen and (max-width: 1600px) {
  .videoLinks.youtube li {
    width:25%;
    padding:0 0 14.0625% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .videoLinks.youtube li {
    width:33.33333%;
    padding:0 0 18.75% 0;
  }
}
/* 2 columns */
@media only screen and (max-width: 800px) {
  .videoLinks.youtube li {
    width:50%;
    padding:0 0 28.125% 0;
  }
}
/* 1 columns */
@media only screen and (max-width: 600px) {
  .videoLinks.youtube li {
    width:100%;
    padding:0 0 56.25% 0;
  }
}

/* }}} 360 Video Header */

#footer-row1 { max-width:1200px; margin:40px auto 0; }