/*
Theme Name: takanini
Theme URI: http://underscores.me/
Author: Graphic Activity
Author URI: http://graphicactivity.co.nz
Description: Takanini Village
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: takanini-village
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

takanini is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

@font-face {
	font-family: 'Conv_apercu_bold';
	src: url('/fonts/apercu_bold.eot');
	src: url('/fonts/apercu_bold.woff') format('woff'), url('/fonts/apercu_bold.ttf') format('truetype'), url('/fonts/apercu_bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_apercu_medium';
	src: url('/fonts/apercu_medium.eot');
	src: url('/fonts/apercu_medium.woff') format('woff'), url('/fonts/apercu_medium.ttf') format('truetype'), url('/fonts/apercu_medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_apercu_regular';
	src: url('/fonts/apercu_regular.eot');
	src: url('/fonts/apercu_regular.woff') format('woff'), url('/fonts/apercu_regular.ttf') format('truetype'), url('/fonts/apercu_regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body,
button,
input,
select,
textarea {
	font-family: 'Conv_apercu_regular', sans-serif;
	font-weight: normal;
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fffff7; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	color: rgba(0, 0, 0, .8);
	font-size: 1em;
	line-height: 1;
	padding: .6em 1em .5em;
	-webkit-appearance: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.yt-loader {
    -webkit-animation-name: horizontalProgressBar;
    animation-name: horizontalProgressBar;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: #6ca438;
    height: 6px;
    left: 0;
    position: fixed;
    top: 0;
    width: 0%;
    z-index: 9999;
}

@keyframes horizontalProgressBar
{
    0%   {width: 0%;}
    25%  {width: 22%;}
    50%  {width: 55%;}
    75%  {width: 83%;}
    100% {width:100%;}
}

@-webkit-keyframes horizontalProgressBar /* Safari and Chrome */
{
    0%   {width: 0%;}
    25%  {width: 22%;}
    50%  {width: 55%;}
    75%  {width: 83%;}
    100% {width:100%;}
}

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #777777;
	text-decoration: none;
}

a:visited {
	color: #777777;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #444444;
	text-decoration: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

#masthead{
	width: 100%;
	background: #fffff7;
	z-index: 999;
	overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    height: 7.4em;
	-webkit-backface-visibility:hidden; 
	-webkit-transform: translateZ(0);
	-webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

#masthead.smaller{
	height: 5.2em;
}

#masthead.smaller .site-branding{
	width: 6.6em;
}

#masthead.smaller ul.headSplit{
	margin: 1.6em auto 0;
}

ul.headSplit{
	margin: 2.4em auto 0.4em;
	padding: 0 1em;
	overflow: hidden;
	max-width: 75em;
}

ul.headSplit li{
	list-style: none;
}

ul.headSplit li.left{
	float: left;
}

.site-branding{
	width: 9.6em;
    height: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	/*background: url('/img/takanini-village.svg') no-repeat;
	background-size: 98px 54px;
	background-position: 60px 2px;/*
	/*background: url('/img/takanini-logo.svg') no-repeat;
    background-size: 47px 56px;*/
}

header.switch .site-branding{
	width: 10em;
	height: 4.6em;
	background: url('') no-repeat;
}

.site-branding h1{
	margin: 0;
}

h1.site-title img{
	padding-bottom: 0.6em;
}

h1.site-title{
	line-height: 1;
	font-size: 1.4em;
	font-family: 'Conv_apercu_medium', sans-serif;
}

h1.site-title a:hover{
	color: #777777;
}

ul.headSplit li.right{
	float: right;
}

ul.headHold{
	max-width: 75em;
	overflow: auto;
	margin: 0 auto;
	padding: 6.4em 1em 0 1em;
	width: 100%;
}

ul.headHold li{
	list-style: none;
	width: 50%;
}

ul.headHold li:first-child{
	float: left;
}

ul.headHold li:last-child{
	float: right;
}

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 1.6em 0 0 0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#masthead.smaller .main-navigation ul{
	padding: 1.2em 0 0 0;
}

.main-navigation li {
	float: left;
	padding: 0 1em;
	position: relative;
}

.main-navigation li:last-child{
	padding-right: 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #DADADA;
}

.main-navigation a:hover{
	color: #777;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a {
}

.main-navigation ul ul :hover > a {
}

.main-navigation ul ul a:hover {
}

.main-navigation ul li:hover > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul {
	left: 100%;
}

.main-navigation .current_page_item a,
.main-navigation .current_page_ancestor a {
	color: #777;
}

/* Small menu. */
.menu-toggle {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		background: #DADADA;
	}
	.menu-toggle{
		width: 2.4em;
		height: 2.4em;
		margin: 1em 0 0 0.29em;
  		background: none;
	}
	.menu-toggle:before {
	  content: '';
	  background-position: 0 0;
	  position: absolute;
	  background: url('/img/hamburger.svg') no-repeat;
	  background-size: 26px 24px;
	  width: 26px;
	  height: 24px;
	  right: 1em;
	  top: 2.42em;
	}
	.main-navigation ul {
		display: none;
	}
	:root #masthead{
		height: auto;
	}
	:root .entry-content{
		margin: 0;
	}
	#page .main-navigation.toggled .nav-menu{
		padding: 1em 0;
		margin: 2em 0 0 0;
	}
	.page ul.headSplit{
		margin: 2.4em auto 0;
		padding: 0;
	}
	.site-header.smaller .menu-toggle:before{
		top: 2.1em;
	}
	.site-header.smaller .menu-toggle{
		margin: 1.8em 0 0 0.29em;
	}
	.main-navigation a, .main-navigation a:visited{
		color: #444;
	}
	.main-navigation a:hover{
		color: #777;
	}
	#page .main-navigation .current_page_item a,
	#page .main-navigation .current_page_ancestor a {
		color: #6ca438;
	}
	:root .home #content{
		padding: 7em 1em;
	}
	ul.headSplit li.left{
		margin-left: 1em;
	}
	ul.headSplit li.right{;
		width: 100%;
        margin-top: -5.4em;
	}
	.site-header.smaller ul.headSplit li.right{
		margin-top: -6.2em;
	}
	ul.headSplit li.right ul.menu li{
		float: none;
		font-size: 1.12em;
	}
	#page #content .royalSlider{
		height: 160px !important;
	}
	#content ul.introBlurb li{
		width: 100%;
		float: none;
	}
	#content ul.introBlurb{
		margin: 1em 0 0 0;
	}
	#content ul.introBlurb li:last-child{
		margin-top: 2em;
	}
	#content ul.panel li{
		float: none;
		width: 100%;
	}
	#content .open{
		padding: 1em;
	}
	#content .open p{
		font-size: 0.8em;
	}
	#page #colophon{
		height: auto;
	}
	#colophon #footer-sidebar1, #colophon #footer-sidebar2, #colophon #footer-sidebar3, #colophon #footer-sidebar4, #colophon #footer-sidebar5{
		width: 100%;
	}
	#colophon #footer-sidebar5 .textwidget{
		text-align: left;
	}
	#page .greyIn{
		padding: 0 1em;
	}
	#page ul.shops li.column{
		width: 100%;
		padding-left: 1em;
	}
	#content .TakaniniPost ul{
		width: 100%;
		float: none;
		padding: 0 1em;
	}
	#content .TakaniniPost img{
		width: 100%;
		float: none;
	}
	#content .TakaniniPost{
		margin: 2.6em auto 0;
		padding: 0;
		border-bottom: none;
	}
	#content ul.lease li{
		width: 100%;
		float: none;
	}
	#content .TakaniniPost:first-child{
		margin-top: 8em;
	}
	#content .openShop ul{
		padding: 6em 2em 2em 2em;
	}
	#content .openShop ul li.logo{
		width: 100%;
		float: none;
		padding: 1em 0 1em 0;
	}
	#content .openShop ul li:last-child{
		width: 100%;
		float: none;
	}
	body ul.promoLogo li, body ul.promoLogo li:first-child, body ul.promoLogo li:last-child{
		width: 100%;
		float: left;
		padding: 1em 0;
	}
	.page-id-226 #content {
    	padding-top: 7em;
	}
}

@media only screen and (min-width : 1824px) {
	#page #colophon{
		height: 18em;
	}
	#page ul.headHold, #page ul.headSplit, html .home #content, #page .site-info{
		max-width: 75em;
	}

	#page #content .rsSBlock h2{
		font-size: 1.4em;
	}

	#page #content .rsSBlock{
		padding: 3.2em 16em 0px;
	}

	#page #content .rsSBlock.leftBot{
		padding: 2em;
	}

	#page .siteWidth{
		max-width: 75em;
	}

	#page .TakaniniPost:first-child{
		margin-top: 8em;
	}

	#page .TakaniniPost{
		margin: 4em auto 4em;
		max-width: 75em;
	}

	#page .greyIn{
		max-width: 75em;
	}

	#page .grey iframe{
		width: 75em;
		height: 50.75em;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

h1.entry-title{
	margin: 0;
	font-size: 1.5em;
	padding-top: 1.24em;
	text-align: right;
	color: #777777;
	font-family: 'Conv_apercu_medium', sans-serif;
}

.home #content{
	max-width: 75em;
	margin: 0 auto;
	padding: 2em 1em;
}

#content{
	width: 100%;
	padding-top: 2em;
}

#content .royalSlider, #content .rsOverflow, #content .rsSlide{
	background: #DADADA;
}

#content .rsMainSlideImage{
	margin-left: 0 !important;
}

#content .rsSBlock{
	width: 100% !important;
    padding: 0;
    z-index: 999;
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

#content .rsSBlock a{
	display: block;
	width: 100%;
	height: 100%;
}

#content .rsSBlock.leftBot{
	width: 100% !important;
	height: 8.8em !important;
	padding: 2em;
	bottom: 1em !important;
	top: auto !important;
	left: auto !important;
}

#content .rsSBlock h2{
	text-align: left;
	line-height: 1.2;
	font-size: 2.42em;
	letter-spacing: 0.02em;
	font-family: 'Conv_apercu_regular';
	margin: 0;
}

.greyTxt{
	color: #777777;
}

#content .rsSBlock h3{
	text-align: left;
	line-height: 1.2;
	font-size: 1.5em;
	letter-spacing: 0.02em;
	color: #fff;
	font-family: 'Conv_apercu_regular';
}

ul.introBlurb{
	margin: 4em 0 0 0;
	padding: 0;
	overflow: auto;
	width: 100%;
}

ul.introBlurb li{
	list-style: none;
	color: #999999;
}

ul.introBlurb li h2{
	color: #777777;
	line-height: 1.28em;
	margin: 0;
	font-size: 1.8em;
}

ul.introBlurb li:first-child{
	float: left;
	width: 40%;
}

ul.introBlurb li:last-child{
	float: right;
	width: 60%;
}

ul.panel{
	width: 100%;
	margin: 3rem 0;
	padding: 0;
	overflow: auto;
}

ul.panel li{
	list-style: none;
	width: 50%;
	position: relative;
	cursor: pointer;
}

ul.panel li:nth-child(odd){
	float: left;
}

ul.panel li:nth-child(even){
	float: right;
}

/*ul.panel li:last-child{
	width: 100%;
}*/

ul.panel li h3{
	color: #777777;
	font-size: 1.375em;
	margin: 0;
	padding: 0.12em 0 0.42em 0;
}

ul.panel li:first-child:hover #food.open, ul.panel li:nth-child(2n):hover #services.open, ul.panel li:nth-child(3n):hover #style.open, ul.panel li:nth-child(4n):hover #health.open/*, ul.panel li:last-child:hover #gift.open*/{
	opacity: 1;
}

.open{
	opacity: 0;
	color: #fff;
	padding: 1em 2em;
    z-index: 555;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.2s;
}

ul.panel li .open h3{
	color: #fff;
	position: absolute;
	bottom: 0;
	padding: 0 0 0.4em;
}

ul.panel li #food{
	background: #c5093b;
}

ul.panel li #services{
	background: #2e9941;
}

ul.panel li #style{
	background: #e75200;
}

ul.panel li #health{
	background: #6ca438;
}

/*ul.panel li #gift{
	background: #c5093b;
}

#gift ul{
	margin: 0;
	padding: 0;
	overflow: auto;
	width: 100%;
}

#gift ul li{
	list-style: none;
	cursor: inherit;
}

#gift ul li:first-child{
	float: left;
	width: 36%;
}

#gift ul li.vouch{
	float: right;
	width: 60%;
}*/

/* Shop */

body.page-id-9{
	background: #349845;
}

.grey{
	width: 100%;
	padding: 4em 0;
	background: #DADADA;
}

.greyIn{
	max-width: 75em;
	margin: 0 auto;
}

.siteWidth{
	max-width: 75em;
	margin: 0 auto 4em;
	width: 100%;
}

.page-id-9 .grey h2{
	text-align: left;
	font-size: 1.4em;
	color: #777777;
}

ul.shops{
	max-width: 75em;
	margin: 2em auto;
	line-height: 2em;
	width: 100%;
	overflow: auto;
	padding: 0;
}

ul.shops li.column{
	list-style: none;
	width: 24%;
	display: inline-block;
	font-size: 0.96em;
	vertical-align: top;
}

/*ul.shops li.column:nth-child(2n){
	width: 20%;
}

ul.shops li.column:last-child{
	width: 28%;
}*/

ul.shops li{
	list-style-type:decimal-leading-zero;
	color: #ffffff;
}

ul.shops li span{
	color: #ffffff;
	cursor: pointer;
}

ul.shops li span:hover{
	border-bottom: 1px solid #ffffff;
}

ul.shops li span.thirtyone:hover, ul.shops li ol.col.four p:last-child span:last-child span:hover{
	border-bottom: none;
}

ul.shops li span.ava:hover{
	border-bottom: none;
}

ul.shops li span.ava{
	color: #006e43;
	cursor: inherit;
}

ul.shops li span.ava a, ul.shops li span.ava a:visited{
	color: #006e43;
	text-decoration: none;
}

ul.shops li span.ava a:hover{
	color: #006e43;
	border-bottom: 1px solid #006e43;
}

ul.shops ol.col.three li:nth-child(3){
	color: #006e43;
}

ul.shops ol.col.four li:nth-child(4), ul.shops ol.col.four li:nth-child(6){
	color: #006e43;
}

ul.shops ol.col.four li:nth-child(2){
	margin-left: 0;
}

ol.col{
	margin: 0;
}

.openShop{
	display: none;
	position: absolute;
	width: 100%;
}

.openShop ul{
	margin: 0 auto;
	padding: 6em 2em 6em 2em;
	overflow: auto;
	max-width: 70em;
	width: 100%;
	position: relative;
}

.openShop ul li{
	list-style: none;
	color: #ffffff;
}

.openShop.black ul li{
	list-style: none;
	color: #222222;
}

.openShop.olive ul li{
	list-style: none;
	color: #c3d82d;
}

.openShop.gold ul li{
	list-style: none;
	color: #fad03e;
}

.openShop.red ul li{
	list-style: none;
	color: #810412;
}

.openShop.gray ul li{
	list-style: none;
	color: #93a1ae;
}

.openShop.charc ul li{
	list-style: none;
	color: #595959;
}

.openShop.purp ul li{
	list-style: none;
	color: #020270;
}

.openShop.blue ul li{
	list-style: none;
	color: #0c5caa;
}


.openShop ul li.logo{
	float: left;
	padding: 1em 0 0 2em;
	width: 40%;
}

.openShop ul li:last-child{
	float: right;
	width: 60%;
}

.openShop ul .button{
	position: absolute;
	background: url('/img/x.svg') no-repeat;
	width: 30px;
	height: 30px;
	top: 5em;
	right: 2em;
}

.openShop.black ul .button, .openShop.charc ul .button, .openShop.purp ul .button, .openShop.blue ul .button{
	position: absolute;
	background: url('/img/x-k.svg') no-repeat;
	width: 30px;
	height: 30px;
	top: 5em;
	right: 2em;
}

.openShop a, .openShop a:visited{
	color: #ffffff;
	text-decoration: none;
}

.openShop a:hover, .openShop a:active{
	color: #ffffff;
	text-decoration: underline;
}

.openShop.black a, .openShop.black a:visited{
	color: #222222;
	text-decoration: none;
}

.openShop.black a:hover, .openShop.black a:active{
	color: #222222;
	text-decoration: underline;
}

.openShop.gray a, .openShop.gray a:visited{
	color: #93a1ae;
	text-decoration: none;
}

.openShop.gray a:hover, .openShop.gray a:active{
	color: #93a1ae;
	text-decoration: underline;
}

.openShop.charc a, .openShop.charc a:visited{
	color: #595959;
	text-decoration: none;
}

.openShop.charc a:hover, .openShop.charc a:active{
	color: #595959;
	text-decoration: underline;
}

#warehouse{
	background: #cc0001;
}

#bin{
	background: #b4110a;
}

#vodafone{
	background: #fe0000;
}

#lj{
	background: #e40520;
}

.thirtyone{
	margin-left: -1.7em;
}

ol.col.four p{
	margin: 0;
}

#hnzc{
	background: #2194d3;
}

#stationary{
	background: #009fd5;
}

#dollar{
	background: #fef200;
}

#ami{
	background: #ffc509;
}

#asb{
	background: #ffb800;
}

#xceptionails{
	background: #b1c376;
}

#spark{
	background: #f37c03;
}

#ncq{
	background: #b59c7d;
}

#stonz{
	background: #222222;
}

#hot{
	background: #4b1863;
}

#pita{
	background: #115428;
}

#sushi{
	background: #222;
}

#sugar{
	background: #23634d;
}

#char{
	background: #5f3d22;
}

#nando{
	background: #f3a01c;
}

#blacksmith{
	background: #16171c;
}

#ray{
	background: #ffffff;
}

#coffee{
	background: #16171c;
}

#lab{
	background: #e85f12;
}

#seafood{
	background: #120a93;
}

#medi{
	background: #3aa58b;
}

#unichem{
	background: #0c5caa;
}

#dental{
	background: #fdda34;
}

#fit{
	background: #ffffff;
}

#radio{
	background: #ffffff;
}

#milionhair{
	background: #222222;
}

/* Blog */

.blogTitle{
	font-size: 0;
}

.blog .blogTitle{
	margin: 0;
	font-size: 1.5em;
	padding-top: 1.24em;
	text-align: right;
	letter-spacing: 0.04em;
	color: #777777;
	font-family: 'Conv_apercu_medium', sans-serif;
}

.blog  ul.headHold li h1.entry-title{
	font-size: 0;
}

.TakaniniPost:first-child{
	margin-top: 8em;
}

.TakaniniPost:last-child{
	border-bottom: none;
}

.TakaniniPost{
	max-width: 75em;
	margin: 2.6em auto 4em;
	width: 100%;
	overflow: auto;
	padding-bottom: 4em;
    border-bottom: 2px solid #eeeeee;
}

.TakaniniPost img{
	float: right;
	width: 48%;
}

.TakaniniPost h1.entry-title{
	color: #999999;
	text-align: left;
	padding-top: 0.2em;
}

.blog .entry-content{
	margin: 1.66em 0 0 0;
}

.TakaniniPost ul{
	margin: 0;
	overflow: auto;
	padding: 0;
	width: 48%;
	float: left;
}

.TakaniniPost ul li{
	list-style: none;
}

.TakaniniPost ul li:first-child{
	/*float: left;*/
}

.TakaniniPost ul li:last-child{
	/*float: right;
	width: 64%;*/
	color: #999999;
	font-size: 0.92em;
}

/* Leasing */

.page-id-13 .grey{
	background: #999999;
}

ul.lease{
	margin: 0;
	padding: 0;
	overflow: auto;
}

ul.lease li{
	list-style: none;
}

ul.lease li:first-child{
	float: left;
	width: 38%;
	color: #ffffff;
	font-size: 0.92em;
}

ul.lease li:last-child{
	float: right;
	width: 58%;
}

ul.lease li h3{
	color: #ffffff;
	font-size: 1.5em;
	letter-spacing: 0.04em;
	font-family: 'Conv_apercu_medium', sans-serif;
}

.vac{
	margin-bottom: 0.68em;
}

.arrow{
	border: 2px solid #ffffff;
	border-radius: 0 0 8px 0;
	width: 2.4em;
	height: 2.4em;
	padding: 0.5em 0.8em;
}

ul.lease li .wpcf7{
	margin-top: 2em;
}

.entry-content input{
	width: 100%;
	border: none;
	border-radius: 0 0 16px 0;
	margin: 0.6em 0;
	padding: 0.32em 0.6em;
	color: #777777;
}

.entry-content input:focus, .entry-content textarea:focus{
	outline: none;
}

.entry-content textarea{
	width: 100%;
	border: none;
	border-radius: 0 0 16px 0;
	margin: 0.6em 0;
	height: 21.6em;
	padding: 0.32em 0.6em;
	color: #777777;
}

.entry-content input.wpcf7-submit{
	background: none;
	width: auto;
	padding: 0.8em 1.2em;
	font-size: 0.82em;
	border: 2px solid #fff;
	border-radius: 0 0 12px 0;
	box-shadow: none;
	text-shadow: none;
	color: #ffffff;
}

.entry-content .use-floating-validation-tip span.wpcf7-not-valid-tip{
	border: none;
	color: #6ca438;
	left: 0;
	top: -20%;
}

.entry-content .use-floating-validation-tip .your-message span.wpcf7-not-valid-tip{
}

.entry-content .wpcf7-response-output{
	border: 2px solid #ffffff;
	color: #ffffff;
	margin: 0;
	padding: 1em;
	border-radius: 0 0 16px 0;
}

.ajax-loader{
	display: none;
	opacity: 0;
	font-size: 0;
}

::-webkit-input-placeholder {
   color: #999999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999999;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999999;
}

:-ms-input-placeholder {  
   color: #999999;
}

/* Find us */

.page-id-15 .grey{
	padding: 4em 0 2em 0;
}

.page-id-15 h2{
	padding: 0;
}

.grey iframe{
	background: #ffffff;
	width: 75em;
	height: 25.375em;
}

/* Footer */

#colophon{
	background: #DADADA;
	height: 14em;
}

.site-info{
	max-width: 75em;
	width: 100%;
	margin: 2em auto;
	padding: 0 1em;
}

#footer-sidebar1, #footer-sidebar2, #footer-sidebar3, #footer-sidebar4, #footer-sidebar5{
	width: 20%;
	float: left;
	color: #777777;
	font-size: 0.8em;
}

#footer-sidebar5 .textwidget{
	padding-top: 1.6em;
}

.textwidget, #colophon a{
	color: #999999;
	text-decoration:  none;
}

div#footer-sidebar5{
	text-align: right;
}

.error-404{
	margin: 8em 0;
	text-align: center;
}

.error-404 h1{
	font-size: 6.4em;
	margin: 0;
}

.error-404 .page-content{
	margin: 0 0 4em 0;
}

/* T's & C's */

.page-id-226 .entry-content{
	padding: 0 2em;
	margin-bottom: 5em;
	color: #999999;
}

.page-id-226 ol{
	margin: 0;
	font-size: 0.8rem;
}

.page-id-226 li{
	margin: 0;
	font-size: 0.9rem;
}

ul.promoLogo{
	width: 100%;
	margin: 3em 0 0 0;
	overflow: auto;
}

ul.promoLogo li{
	display: inline-block;
	list-style: none;
	text-align: center;
}

/*ul.promoLogo li:first-child{
	width: 40%;
	float: left;
}

ul.promoLogo li:last-child{
	width: 60%;
	float: right;
}*/

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 5.36em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}