/*
''template details start''
'name:Home
'primary:false
'serial:3040
'cssFile:template_home.css
'aspFile:template_home.asp
''template details end''
*/

@import url("/~templates/template_page.css");

#homeBanner .slideshow li img { max-height:none; }
#homeBanner .slideshowPrev, 
#homeBanner .slideshowNext { display:block; font-size:75px; font-weight:200; top:50%; transform:translate(0,-50%); }
#homeBanner .slideshowPrev { left:5% }
#homeBanner .slideshowNext { right:5%; }
.slideshow .caption {display:none;}

.bannerPrev, 
.bannerNext { background:none; font-size:75px; font-weight:200; position:absolute; z-index:666; z-index:666; }
.bannerPrev { left:5% }
.bannerNext { right:5%; }

/* blocks - common */
.homeBlock { height:auto; box-sizing:border-box; position:relative; }
.homeBlock .blockPrev, .homeBlock .blockNext { position:absolute; top:40%; left:5%; z-index:666; font-size:75px; font-weight:200; background:none; color:#ddd; opacity:0.5; }
.homeBlock .blockPrev:hover, .homeBlock .blockNext:hover { cursor:pointer; opacity:1; }
.homeBlock .blockNext { left:auto; right:5%; }
.homeBlock .inner { padding:100px 0px; height:auto; overflow:hidden; box-sizing:border-box; max-width:1200px; margin:auto; }
.outerHome .homeBlock .article { border:none; padding:0; margin:0; position:relative; padding-top:30px;}
.homeBlock .left { width:calc(100% - 320px); height:220px; display:inline-block; float:left; padding:0 50px 0 30px; box-sizing:border-box; position:relative; }
.homeBlock .right { width:320px; height:220px; display:inline-block; float:right; overflow:hidden; position:relative; }
.homeBlock .right .article ul.gallery { width:100%; float:none; }
.homeBlock .right .article h3.subtitle,
.homeBlock .right .article h4.subtitle,
.homeBlock .right .article .teaser,
.homeBlock .right .article .description,
.homeBlock .right .article h2.maintitle,
.homeBlock .right .article .links { display:none; }
.homeBlock .btnPos { position:absolute; z-index:500; min-width:250px; }
.article ul.gallery {  margin:0;}

/* blocks - intro */
#intro { background:#fff; }
#intro .left .intro { margin:12px 0 0 0; padding:0; }
#intro .right .article h2.maintitle { display:block; width:100%; margin:0; position:absolute; bottom:0; left:0; right:0; background:#000; color:#fff; font-size:14px; opacity:0.75; padding:10px 15px; z-index:500; }

/* blocks - reviews */
#reviews { background:#17708a; }
#reviews .blockPrev, #reviews .blockNext { opacity:0.2; }
#reviews .inner { padding:140px 80px; height:360px; }
#reviews .left { padding-left:80px; padding-right:70px; }
#reviews .left:before { position:absolute; top:0; left:20px; content:open-quote; font-size:120px; opacity:0.2; color:#fff; line-height:100%; }
#reviews .left:after { position:absolute; top:0; right:50px; content:close-quote; font-size:120px; opacity:0.2; color:#fff; line-height:100%; }
#reviews .left .article { color:#fff; }
#reviews .left .article h2.maintitle { color:#fff; }
#reviews .left .description { height:120px; overflow:hidden; }
#reviews .left .btnPos { background:#333; bottom:0; left:80px; }
#reviews .right .article ul.gallery { border:none; background:#fff; }
#reviews .right .article .teaser { display:block; position:absolute; bottom:5px; left:0; right:0; padding:0 10px; text-align:center; width:100%; font-size:80%; opacity:0.5;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#reviews .right .btnPos { bottom:0; left:0; right:0; top:0; opacity:0; }

/* blocks - things to do in Taupo */
#taupo { background:url(/~images/template/background-taupo.jpg) center center no-repeat; background-size:cover; }
#taupo .inner { height:400px; padding:90px 80px; position:relative;}
#taupo .article { height:220px;  background:#e7e3db; box-shadow:0 5px 10px rgba(0,0,0,0.3); }
#taupo .article ul.gallery { width:300px; height:170px;  padding-right:30px;}
#taupo .article h2.maintitle,
#taupo .article h3.subtitle,
#taupo .article .teaser { width:calc(100% - 390px); box-sizing:border-box; padding:0 0 0 80px; }
#taupo .article h2.maintitle { padding-top:0; }
#taupo .article .teaser { height:60px; }
#taupo .article h4.subtitle,
#taupo .article .description,
#taupo .article .links { display:none; }
#taupo .btnPos { bottom:120px; left:160px; }
#taupo .article a.btn { margin: 10px 0 0 80px; display:none; }


/*=======================================================*/
/*======================= MOBILE ========================*/
/*=======================================================*/

@media only screen and (max-width: 1200px) 
{
.homeBlock .blockPrev { left:3%; font-size:50px; }
.homeBlock .blockNext { right:3%; font-size:50px; }
#intro,
#intro .inner,
#intro .left { height:auto; }
}

@media only screen and (max-width: 960px) 
{
.homeBlock .left, 
.homeBlock .right,
#taupo .article ul.gallery,
#taupo .article h2.maintitle, 
#taupo .article h3.subtitle, 
#taupo .article .teaser { display:block; float:none; padding:0; width:100%; height:auto; }
.homeBlock .right { margin-top:1em; }
.homeBlock .inner { padding:70px; }
#reviews .inner,
#taupo .inner { height:auto; padding:70px; }
#reviews .left { padding:0; }
#taupo .article,
.homeBlock { height:auto; }
.homeBlock .btnPos { width:100%; position:static; box-sizing:border-box; }
.homeBlock .right .article ul.gallery,
#intro .right .article h2.maintitle,
.homeBlock .articles-events,
#reviews .left,
#taupo .btnPos { max-width:500px; margin:auto; display:block; }
#reviews .left:before { left:-70px; }
#reviews .left:after { right:-50px; }
#taupo .article ul.gallery { height:250px; }
#taupo .article h2.maintitle, 
#taupo .article h3.subtitle, 
#taupo .article .teaser { padding:0 50px; }
#taupo .article h2.maintitle { padding-top:50px; }
#taupo .article { padding-bottom:50px; }
#taupo .article .teaser { white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; }
#taupo .btnPos { position:static; margin-top:1em; }
.homeBlock .article h2.maintitle { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

}

/* home page articles facilities */
.articles-facilities { text-align:center; }
.articles-facilities .article { padding:0; box-sizing:border-box; width:49%; display:inline-block; position:relative; float:left; }
.articles-facilities .article:nth-child(even) { float:right; }
.articles-facilities .article ul.gallery { width:100%; float:none; height:300px; }
.articles-facilities .article h2.maintitle { width:100%; margin:0; position:absolute; bottom:0; left:0; right:0; background:#000; color:#fff; font-size:17px; opacity:0.75; padding:15px; z-index:500; }
.articles-facilities .article h3.subtitle,
.articles-facilities .article h4.subtitle,
.articles-facilities .article .teaser,
.articles-facilities .article .description { display:none; }
.articles-facilities .article .links a{width:100%; height:300px; margin:0; position:absolute; bottom:0; left:0; right:0; color:transparent; z-index:501; opacity:0; margin-bottom: -30px; display:none; }
.articles-facilities .article ul.links {position:absolute; bottom:15px; left:0; right:0;}
.articles-facilities .article .links li {list-style:none;}


@media only screen and (max-width: 600px) 
{
.homeBlock .inner,
#reviews .inner, #taupo .inner { padding:3em 2em; }
#reviews .left:before { left:-10px; }
#reviews .left:after { right:-10px; }
#taupo .article h2.maintitle, #taupo .article h3.subtitle, #taupo .article .teaser { padding:0 1.5em; }
#taupo .article h2.maintitle { padding-top:0.5em; }
.homeBlock .blockPrev, .homeBlock .blockNext { display:none; }
#taupo .article { padding-bottom:1.5em; }
#footerBlock { padding-top:50px; }
.outerHome #footerBlock .swLogo { display:block; }
/* home page articles facilities */

.articles-facilities { width:100%; }
.articles-facilities .article {width:100%;}
.article ul.gallery {  margin:0px !important;}
.homeBlock .inner { padding:100px 20px;}
#taupo .article a.btn { margin:0;}

}