/*!
	Theme Name: Juste Coconut Water
	Author URI: http://thecompetition.com.au
	Description: Custom theme for Juste Coconut Water
	Version: 1.0
	Author: Nathan Shanahan & Brendan Foster
*//*! 
 * @license
 * MyFonts Webfont Build ID 3207159, 2016-04-20T22:09:59-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Antartida-Medium by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/antartida/medium/
 * Copyright: Copyright (c) 2012 by Luciano Vergara. All rights reserved.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3207159
 * 
 * © 2016 MyFonts Inc
*/@import url("//hello.myfonts.net/count/30eff7");
@font-face {
	font-family: 'Antartida-Medium';
	src: url("fonts/30EFF7_0_0.eot");
	src: url("fonts/30EFF7_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/30EFF7_0_0.woff2") format("woff2"), url("fonts/30EFF7_0_0.woff") format("woff"), url("fonts/30EFF7_0_0.ttf") format("truetype")
}
@font-face {
	font-family: 'justelight';
	src: url("fonts/juste-light-webfont.eot");
	src: url("fonts/juste-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/juste-light-webfont.woff2") format("woff2"), url("fonts/juste-light-webfont.woff") format("woff"), url("fonts/juste-light-webfont.ttf") format("truetype"), url("fonts/juste-light-webfont.svg#justelight") format("svg");
	font-weight: normal;
	font-style: normal
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-transition: font-size .35s ease;
	transition: font-size .35s ease
}
* {
	min-height: 0;
	min-width: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, cite {
	display: block
}
html {
	height: 100%
}
body {
	line-height: 1;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust: none
}
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading p {
	visibility: hidden
}
.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active ul, .wf-active li, .wf-active a, .wf-active p {
	visibility: visible
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.group:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.group {
	display: inline-block
}
* html .group {
	height: 1%
}
.group {
	display: block
}
img {
	max-width: 100%;
	vertical-align: bottom
}
a:focus {
	outline-width: 0
}
*, *:after, *:before {
	box-sizing: border-box
}
a[href^=tel] {
	color: #231f20;
	text-decoration: none;
	font-family: "Antartida-Medium", sans-serif
}
button {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	border-spacing: 0;
	color: #069FC4;
	font: "Antartida-Medium", sans-serif;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.42rem;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-decoration: none;
	text-indent: 0
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
.google-maps-link {
	max-width: 100%
}
.gmnoprint img {
	max-width: none;
	z-index: 9999
}
.noscript-warning {
	position: fixed
}
#noscript-warning {
	text-align: center;
	padding: 8%;
	background: #069FC4;
	color: #FFF;
	font-size: 16px
}
body {
	font-family: "Antartida-Medium", sans-serif;
	background: none;
	color: #069FC4;
	overflow-x: hidden;
	overflow-y: scroll;
	box-sizing: border-box
}
.container {
	min-height: 100%
}
p {
	font-size: 12px;
	line-height: 20px
}
p+p {
	padding-top: 1em
}
a {
	text-decoration: none;
	color: inherit
}
.btn {
	display: block;
	color: #FFF;
	text-transform: uppercase
}
.btn a {
	background: #069FC4;
	border-radius: 50em;
	padding: 4px 14px 4px 12px;
	display: inline-block
}
.btn a:hover {
	background: #ecde13
}
ul {
	font-size: 0px
}
ul li {
	font-size: 12px
}
.page_wrap {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
	height: 100%;
	background: none
}
@media (max-width: 767px) {
.page_wrap {
	width: 100%
}
}
.content_wrap {
	position: relative;
	margin: 0 auto;
	width: 860px;
	height: 100%;
	background: none
}
@media (max-width: 767px) {
.content_wrap {
	width: 100%
}
}
h1, h2, h3, h4, h5 {
	font-family: "justelight", sans-serif;
	color: #069FC4;
	font-size: 24px;
	line-height: 32px;
	padding-bottom: .5em;
	text-transform: lowercase
}
h1 span, h2 span, h3 span, h4 span, h5 span {
	color: #ecde13
}
@media (max-width: 767px) {
h1, h2, h3, h4, h5 {
	font-size: 28px;
	line-height: 38px
}
}
p+h1, p+h2, p+h3, p+h4, p+h5 {
	padding-top: 3em
}
@media (max-width: 767px) {
.panel_content {
	padding: 80px 8%
}
}
.text_column {
	max-width: 265px;
	padding-top: 46px
}
@media (max-width: 767px) {
.text_column {
	max-width: 100%;
	padding-top: 1em
}
}
.text_column_rhs {
	position: absolute;
	right: 0;
	top: 0
}
@media (max-width: 767px) {
.text_column_rhs {
	position: static
}
}
.text_column_centered {
	text-align: center
}
.extra_padding_top_column {
	padding-top: 114px
}
@media (max-width: 767px) {
.extra_padding_top_column {
	padding-top: 1em
}
}
.small_screen {
	display: none
}
.small_screen img {
	min-width: 100%
}
@media (max-width: 767px) {
.small_screen {
	display: block
}
}
.large_screen {
	display: block
}
@media (max-width: 767px) {
.large_screen {
	display: none
}
}
@font-face {
	font-family: 'AvenirLTStd-Book';
	src: url("fonts/avenir/2C2B22_0_0.eot");
	src: url("fonts/avenir/2C2B22_0_0.eot?#iefix") format("embedded-opentype"), url("fonts/avenir/2C2B22_0_0.woff") format("woff"), url("fonts/avenir/2C2B22_0_0.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}
.buy-now {
	font-family: "justelight", sans-serif;
	background:#069FC4;
	padding:14px 17px 10px 17px;
	color:#fff;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
transition: all 0.5s ease;

}
.buy-now:hover {
	opacity:.7;
}
.products-page {
	text-align:center;
}
iframe .pricing {
		font-family: "justelight", sans-serif;
	background:#069FC4;
	padding:14px 17px 10px 17px;
	color:#fff;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
transition: all 0.5s ease;
}
.juste_social_media li {
	display: inline-block;
	margin-left: 5px
}
.juste_social_media svg {
	width: 25px;
	fill: #069FC4
}
.juste_social_media a:hover svg {
	fill: #ecde13
}
.juste_logo {
	width: 150px
}
@media (max-width: 767px) {
.juste_logo {
	width: 120px
}
}
@media (max-width: 340px) {
.juste_logo {
	width: 100px
}
}
.juste_page_header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 65px 20px
}
@media (max-width: 767px) {
.juste_page_header {
	padding: 25px 8% 30px
}
}
@media (max-height: 900px) {
.juste_page_header {
	padding: 25px 20px 30px
}
}
@media (max-width: 340px) {
.juste_page_header {
	padding: 15px 8% 15px
}
}
body {
	position: relative
}
.juste_footer {
	position: fixed;
	left: 0;
	top: 100vh;
	width: 100%;
	width: 100vw;
	background: #069FC4;
	color: #FFF;
	height: 40px;
	margin-top: -40px;
	font-size: 12px
}
@media (max-width: 767px) {
.juste_footer {
	background: #FFF;
	color: #069FC4;
	position: static;
	margin-top: 0;
	height: auto;
	padding: 1em 0;
	line-height: 2em
}
}
.juste_footer .page_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media (max-width: 767px) {
.juste_footer .page_wrap {
	display: block
}
}
@media (max-width: 767px) {
.juste_footer .page_wrap {
	text-align: center
}
}
.juste_footer li {
	display: inline-block;
	font-size: 12px;
	padding-left: 15px
}
@media (min-width: 767px) {
.juste_footer li:not(:first-of-type) {
	border-left: 1px solid #FFF;
	margin-left: 15px
}
}
@media (max-width: 767px) {
.juste_footer li {
	padding-left: 0;
	display: block
}
}
.juste_footer a:hover {
	color: #ecde13
}
body.home {
	min-height: 800vh;
	overflow: auto
}
@media (max-width: 767px) {
body.home {
	min-height: 0;
	max-width: 100vw;
	overflow-x: hidden
}
}
.juste_container {
	position: fixed;
	width: 100%
}
@media (max-width: 767px) {
.juste_container {
	position: static
}
}
#hero_container {
	width: 100%;
	position: relative
}
@media (max-width: 767px) {
#hero_container nav {
	width: 70%;
	margin: 0 auto
}
}
#hero_container ul {
	position: relative;
	opacity: 1;
	-webkit-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;
	text-align: center;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
#hero_container li {
	top: 0;
	width: 100%
}
#hero_container li:not(:nth-of-type(1)) {
display:none
}
#hero_container img {
	max-width: 280px;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
@media (max-width: 767px) {
#hero_container img {
	max-width: 160px
}
}
#hero_container .js_loading {
	opacity: 0
}
.js_renders {
	z-index: 1
}
.current {
	z-index: 2
}
.loading_panel {
	display: none
}
.js_loading+.loading_panel {
	display: block;
	position: fixed;
	top: 25%;
	width: 100%;
	text-align: center;
	z-index: 100;
	height: 115px;
	border: 1px solid gray;
	overflow: auto;
	z-index: 9999
}
@media (min-width: 767px) {
.panel_01, .panel_02, .panel_03, .panel_04, .panel_05, .panel_06 {
	opacity: 0;
	-webkit-transition: all .2s ease-in-out 0;
	transition: all .2s ease-in-out 0;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
.panel_content {
	position: relative;
	margin: 0 auto;
	width: 860px;
	height: 100%;
	background: none;
	position: relative
}
.info_panel_01 .panel_01, .info_panel_02 .panel_02, .info_panel_03 .panel_03, .info_panel_04 .panel_04, .info_panel_05 .panel_05, .info_panel_06 .panel_06 {
	opacity: 1;
	z-index: 5;
	-webkit-transition: all .2s ease-in-out .5s;
	transition: all .2s ease-in-out .5s;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out
}
}
.pop_over {
	opacity: 0
}
.pop_over.active {
	opacity: 1
}
.svg_push {
	padding-bottom: 4em
}
@media (max-width: 767px) {
.svg_push {
	padding-bottom: 0
}
}
.svg_push .icon {
	width: 20%;
	float: left
}
@media (max-width: 767px) {
.svg_push .icon {
	display: none
}
}
.svg_push svg {
	fill: #ecde13
}
.svg_push .svg_text_push {
	width: 78%;
	float: left;
	margin-left: 2%
}
@media (max-width: 767px) {
.svg_push .svg_text_push {
	width: 100%;
	margin-left: 0
}
}
.speach_bubble {
	width: 40px
}
.stockist_icon {
	width: 40px
}
.location_icon {
	width: 36px
}
.aint_fair_icon {
	width: 122px
}
.shake_well_icon {
	width: 136px
}
.recycle_icon {
	fill: #069FC4;
	width: 36px;
	margin-bottom: 8px
}
.modal_window {
	position: fixed;
	top: 0;
	left: -100vw;
	bottom: 0;
	width: 100vw;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 10;
	-webkit-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out
}
@media (max-width: 767px) {
.modal_window {
	position: static
}
}
.modal_window.active {
	left: 0;
	-webkit-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out
}
.modal_wrap {
	width: 420px;
	position: relative
}
@media (max-width: 767px) {
.modal_wrap {
	width: 100%
}
}
.close_icon {
	width: 28px;
	fill: #FFF
}
.close_icon:hover {
	fill: #ecde13
}
@media (max-width: 767px) {
.close_icon {
	display: none
}
}
.stockist_modal {
	background: #069FC4;
	color: #FFF;
	padding: 40px;
	position: relative
}
.stockists_map {
	height: 264px;
	margin-top: 1em
}
.js_close_map_modal {
	display: inline-block;
	pointer-events: all;
	position: absolute;
	right: 20px
}
@media (max-width: 767px) {
.js_close_map_modal {
	display: none
}
}
#location_submit {
	text-decoration: underline
}
.gm-style-iw {
	font-family: "Antartida-Medium", sans-serif;
	background-color: #069FC4;
	color: #FFF !important;
	padding: 20px
}
.gm-style-iw p {
	line-height: 1em
}
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div {
	background-color: transparent !important;
	box-shadow: none !important;
	width: auto !important;
	height: auto !important
}
.gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div>div>div {
	background-color: #069FC4 !important;
	box-shadow: none !important
}
.gm-style>div:first-child>div+div>div:last-child>div>div:last-child {
	margin-right: 5px;
	margin-top: 25px
}
.gm-style-iw {
	top: 22px !important;
	left: 22px !important
}
.gm-style-iw div[style] {
	overflow: hidden !important
}
@media (max-width: 767px) {
.gm-style-iw+div {
	display: none
}
}
.postCodeForm {
	padding: 1em 0
}
@media (max-width: 767px) {
.panel_01 {
	background: #069FC4;
	color: #FFF
}
.panel_01 h1 {
	color: #FFF
}
}
.swipe_icon {
	text-align: center;
	position: relative;
	z-index: 99;
	top: -20px;
	margin-bottom: -20px
}
.swipe_icon svg {
	width: 154px
}
.single_page {
	position: relative;
	margin: 0 auto;
	width: 860px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
@media (max-width: 767px) {
.single_page {
	display: block
}
}
@media (max-width: 767px) {
.single_page {
	width: 100%;
	padding-bottom: 40px
}
}
.single_page .column {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 265px;
	padding-top: 46px
}
@media (max-width: 767px) {
.single_page .column {
	max-width: 100%;
	width: 100%;
	padding-left: 8%;
	padding-right: 8%
}
}
.single_page .column p:first-child {
	padding-top: 46px
}
.sub_page_image {
	margin-top: -40px
}
@media (max-width: 767px) {
.single_column_page {
	padding-left: 8%;
	padding-right: 8%
}
}
.wp_thecontent {
	padding-bottom: 6em
}
.wp_thecontent h1, .wp_thecontent h2, .wp_thecontent h3, .wp_thecontent h4, .wp_thecontent h5 {
	padding-bottom: .5em;
	padding-top: 1em
}
.wp_thecontent ul {
	padding-bottom: 1em
}
.wp_thecontent li {
	display: block
}
::-webkit-input-placeholder {
color:#069FC4;
text-transform:none;
font-family:"Antartida-Medium", sans-serif
}
:-moz-placeholder {
color:#069FC4;
text-transform:none;
font-family:"Antartida-Medium", sans-serif
}
::-moz-placeholder {
color:#069FC4;
text-transform:none;
font-family:"Antartida-Medium", sans-serif
}
:-ms-input-placeholder {
color:#069FC4;
text-transform:none;
font-family:"Antartida-Medium", sans-serif
}
input:-webkit-autofill, textarea:-webkit-autofill {
-webkit-box-shadow:0 0 0 1000px white inset;
color:#069FC4;
-webkit-text-fill-color:#069FC4;
text-fill-color:#069FC4
}
input, textarea {
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	background: #FFF;
	letter-spacing: 1px;
	color: #069FC4;
	font-family: "Antartida-Medium", sans-serif
}
input[type="text"]:focus, textarea[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus {
	outline: 0;
	color: #069FC4;
	text-transform: none;
	font: "Antartida-Medium", sans-serif;
	color: #069FC4
}
input:focus {
	outline: 0;
	background: #FFF;
	border: none;
	color: #069FC4
}
select {
	-webkit-appearance: none;
	border-radius: 0
}
.error::-webkit-input-placeholder, .error:-moz-placeholder, .error::-moz-placeholder, error:-ms-input-placeholder {
color:#c00
}
.update_postcode_submit {
	border-radius: 50em;
	margin-left: 15px;
	padding: 10px 12px;
	cursor: pointer;
	color: #069FC4
}
@media (max-width: 767px) {
.update_postcode_submit {
	max-width: 32%;
	width: 32%;
	margin-left: 5%
}
}
.update_postcode_submit:hover {
	background: #ecde13
}
.update_postcode_submit:focus {
	background: #ecde13
}
.postCodeForm input[type="text"] {
	width: 218px;
	padding: 10px 12px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	color: #069FC4
}
@media (max-width: 767px) {
.postCodeForm input[type="text"] {
	width: 60%
}
}
.postCodeForm input[type="text"]:focus {
	padding: 10px 16px;
	background: #FFF;
	color: #069FC4
}
.contact_form {
	padding-top: 1em
}
.contact_form .input, .contact_form textarea {
	width: 100%;
	padding: 10px 12px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin-bottom: 1em
}
.contact_form .input:focus, .contact_form textarea:focus {
	padding: 10px 16px;
	background: #FFF
}
.contact_form textarea {
	min-height: 195px;
	resize: vertical
}
.contact_form .required {
	font-size: 10px
}
.contact_form .submit {
	float: right;
	border-radius: 50em;
	padding: 10px 12px;
	color: #069FC4;
	cursor: pointer
}
@media (max-width: 767px) {
.contact_form .submit {
	background: #069FC4;
	color: #FFF
}
}
.form_response_container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	width: 100vw;
	padding: 12px;
	background: #069FC4;
	color: #FFF;
	z-index: 99;
	text-align: center
}
.close_form_response_container {
	position: absolute;
	right: 2.5%;
	top: 8px
}
@media (max-width: 767px) {
.close_form_response_container {
	display: none
}
}
.modal_window {
	background: rgba(35,31,32,0.9)
}
.active_ajax {
	color: #ecde13
}
.ajaxload_url_target_loader, .ajaxload_posts_target_loader {
	position: fixed;
	left: 0%;
	width: 100%;
	height: 100%;
	bottom: 0px;
	display: block;
	padding-top: 35%;
	background: rgba(255,255,255,0.7);
	text-align: center;
	color: #ecde13;
	z-index: 1000;
	letter-spacing: .6px;
	font-size: 21px;
	font-size: 1.77vw
}
.js_ajaxload_posts_navigation .next_post_link a {
	display: inline-block;
	padding: 9px 23px;
padding:.9vw 1.9vw;
	border: 1px solid #069FC4;
	color: #069FC4;
	font-size: 21px;
	font-size: 1.77vw
}
.js_ajaxload_posts_navigation .next_post_link a:hover {
	background: #FFF
}