/*
Theme Name: Charlies Fruit Market
Author: Synchromedia Group
Author URI: https://www.smg.com.au/

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.
*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
 .wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
    visibility: hidden;
}
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeIn, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight, .bounceInDown {
    visibility: visible;
}

.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay:1s;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

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

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
select{ width: 100%; }
button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}



.wrap{ width: 1400px; margin: 0px auto; }



html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

body{ color: #4a4a4a; font: 18px/26px 'Roboto Condensed', sans-serif; }


#header{ 
	background:#009246;

}
#header:after, #menubar:after, #banner:after, #content:after, #footer:after  {
    content: '';
    display: block;
    clear: both;
}
#logo{ padding: 10px; padding-left: 0px; float: left;}
#slogan{
	font: 400 20px/30px 'Roboto Condensed', sans-serif;
	color: #FFF;
	text-transform: uppercase; float: left;
	width:26%;
	margin-left: 10%;
	padding-top: 30px;
}
#box{ float: left; }
#shopoptions{ float: right; margin-top: 22px; }

#location{ padding: 20px;  padding-right: 20px;   min-width: 290px; font: 16px/20px 'Roboto Condensed', sans-serif; color: #065640; float: left;}
#location .fa-map-marker{ float: left; margin-right: 10px; }

#social{ float: left; padding: 20px 0px;}
#social a{ float: left; margin-right: 10px; color: #065640; }
.social a{ float: left; margin-right: 10px; color: #FFF; }
#social a:hover{ color: #83c341; }
#mainmenu{ float: right; }

.fa-exclamation-triangle{ color: #FF3; }

#checkdelivery{ padding: 20px; text-align: center; background: url(images/headback.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; color: #FFF; background-color: #553E30;}
#yeswecan{ background: #83c341; color: #FFF; font-weight: 700; font-size: 20px; line-height: 25px;  text-align: center; padding: 30px; }

#menubar{ -webkit-box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    0px 2px 9px 0px rgba(0, 0, 0, 0.2);
box-shadow:         0px 2px 9px 0px rgba(0, 0, 0, 0.2);  }

h1,h2,h3,h4,h5,p{ margin: 0px; padding:0px; margin-bottom: 20px; }
h1{ font: 700 40px/46px 'Roboto Condensed', sans-serif; color: #065540; text-align: center; }
h2{ font-size: 30px; line-height: 36px; color: #065540; text-align: center; }

img{ max-width: 100%; height: auto; width: auto; }
a{ color: #009246; }
a:hover{ color: #83c341; }

a.button, input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { line-height: 1; background: #009246; padding: 10px 20px; border-radius: 8px; display: inline-block; color: #FFF;  text-decoration: none; font-size: 16px; font-weight: 700; text-transform: uppercase; font-family: inherit;   }
a.button:hover, input[type="submit"]:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #FFF !important; background: #AE835E !important;  }
input[type="submit"]{ border: 0px; line-height: initial; }
input[type="submit"]:hover{ cursor: pointer; }
#banner a.button{ font-size: 20px; font-weight: 700;  }

a.myaccount-button { background: #4b372e !important; display: block !important;
    margin-bottom: 5px !important; text-align: center;  }
a.cart-button{ background: #83c341 !important; text-align: center;  }

ul#top-menu{ margin: 0px; padding: 0px; }
ul#top-menu li{ float: left; display: inline; }
ul#top-menu li a{ color: #065640; float: left; display: inline-block; padding: 0px 10px; font-size: 18px; line-height: 80px; text-transform: uppercase; font-weight: 700; text-decoration: none; }
ul#top-menu li a:hover, ul#top-menu li.current-menu-item a{  background: #83c341 !important; color: #FFF; }

.menu-leftcol-menu-container{ padding-left: 10px; }

ul.leftnav{ margin: 0px; padding: 0px; margin-bottom: 20px; }
ul.leftnav li{ display: block; }
ul.leftnav li a{ display: block; padding: 8px 10px;font-size: 20px; margin-bottom: 1px; line-height: 24px;  color: #065640; font-weight: 700; text-decoration: none; }
ul.leftnav li a:hover, ul#left-menu li.current-menu-item a{ background: #83c341 !important; color: #FFF; border-radius: 4px; }

input,select, textarea{ font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }


#banner{  clear:both;  }
#leftcol{ width: 20%; margin-right: 5%; float: left; padding: 20px 0px;}
#primary{ width: 70%; float: left;  padding: 20px 0px;}

#content .wrap{ width: auto; }
.site-main{
    max-width: 980px;
    margin: 0px auto;
    padding: 10px;
}
.tax-product_cat .site-main, .page-id-77920 .site-main{ width: auto; max-width: initial; }

#content .wrap #leftcol{ width: 230px; margin-right: 30px; }
#content .wrap #primary{ width: calc(100% - 260px); }


#footer{ background: #065540; color: #FFF; padding: 20px;  }
#footer .wrap {display: flex; flex-wrap: wrap; justify-content: center;}

#footer .wrap .quarter{ flex: 0 0 23%; margin-right: 2%; margin-bottom: 30px;}

#footer ul{ margin: 0px; padding: 0px; list-style: none; }
#footer ul li a{ text-decoration: none; color: #FFF; padding: 5px 10px; display: block; border-radius: 5px;}
#footer ul li a:hover{ background: #83c341; color: #FFF;  }

.screen-reader-text{ display: none;  }

label[for="shipping_method_0_free_shipping7"]{ font-weight: 700; }

.variations{ font-size: 16px; line-height: 26px; }
.variations td{ vertical-align: top; }
.variations td.label{ text-transform: capitalize; display: none !important; }

.tablepress .row-hover tr:hover td{  background-color:#83c341 !important; color: #FFF !important; }

.woocommerce div.product form.cart .variations{ margin-bottom: 0px !important; }


.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background: #AAA; color: #666; }


.woocommerce ul.products{ flex-wrap: wrap; display: flex; justify-content: center;}


.woocommerce ul.products li.last, .woocommerce-page ul.products li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 180px !important; margin: 20px !important;}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last{   }
.woocommerce-page ul.products li.first, .woocommerce-page ul.products li.first{ clear:initial; }
.woocommerce ul.products li.product a img{ margin: 0px !important; }

.woocommerce ul.products li.product .price{ color: #000 !important; font-weight: 700 !important; }
.woocommerce-result-count{ display: none; }

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 120px !important; }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ line-height: 1.5; text-align: left !important; }

.notes{ display: none !important; }

#billing_country_field, #shipping_country_field{ display: none !important; }

.product-wrap, .page-id-78080 ul.products li.product a img{     width: auto;
    height: 178px;
    overflow: hidden;
 display: flex;
flex-direction: column;
justify-content: center;    box-shadow: 1px 1px 5px rgba(0,0,0,0.1);  }

a .product-wrap, .page-id-78080 ul.products li.product a{	-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in; }
a:hover .product-wrap, .page-id-78080 ul.products li.product a:hover img{ box-shadow: 2px 2px 12px rgba(0,0,0,0.3);  }


.woocommerce ul.products li.product a:hover{ color: #83c341;  }


.woocommerce-ordering{ display: none; }

.ajaxerrors p{ margin: 0px; color: #CC0000; }

.woocommerce span.onsale{ background: #83c341 !important; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.quantity{ display: inline !important; }

.dgwt-wcas-search-wrapp{ min-width: inherit !important; margin-left: 10px;  }

a.homeproduct img{ margin: 0px auto;   box-shadow: 1px 1px 5px rgba(0,0,0,0.1);     }

.home .one_half{ text-align: center; }

a.homeproduct{ overflow: hidden; text-decoration:none; }
a.homeproduct:hover img{ box-shadow: 2px 2px 12px rgba(0,0,0,0.3); }

.wpcf7{ background: #EEE; float: right !important;  margin-bottom: 30px !important; margin-left: 30px !important; padding: 30px !important; border-radius: 8px;   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  }

.page-id-46 .wpcf7{ width: 60%; }

.page-id-79858 .wpcf7-list-item-label{ font-size: 12px; line-height: 15px;  }

#black-studio-tinymce-3 { padding: 20px; font-size: 20px; font-weight: 700; box-shadow: 1px 1px 5px rgba(0,0,0,0.1); text-align: center; border: 3px solid #83c341; border-left: 0px; }
#black-studio-tinymce-3 a{ text-decoration: none;  }

input[type="text"], input[type="email"], textarea, select{ width: 100%; padding: 4px; }

#copyright{ text-align: center; padding: 20px; font-size: 14px; line-height: 20px; color: #FFF; background: #009246 }
#copyright a{ color: #FFF; text-decoration: none;}


.woocommerce-error{ background: #8c161a !important; color: #FFF !important; }
.woocommerce-error:before{ color: #FFF !important; }

@media only screen and (max-width: 1400px) {
	#logo{ padding-left: 10px; padding-right: 0px; }
	.wrap{ width: auto;  }
	#shopoptions{ margin-right: 10px; }
}


@media only screen and (max-width: 1250px) {
.woocommerce ul.products li.last, .woocommerce-page ul.products li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{  margin: 15px !important; margin-bottom: 20px !important;}
#slogan{ margin-left: 30px; font: 400 18px/30px 'Roboto Condensed', sans-serif; }

#content .wrap #leftcol{ width: 210px; margin-right: 0px; }
#content .wrap #primary{ width: calc(100% - 210px); }
#location{ font-size: 14px; }

}
@media only screen and (max-width: 1200px) {
.woocommerce ul.products li.last, .woocommerce-page ul.products li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{  margin: 10px !important; margin-bottom: 20px !important;}
ul#top-menu li a{ font-size: 16px; }


}
@media only screen and (max-width: 1030px) {
#logo img{ width: 180px;     display: block; }
		#slogan{ width: 150px; font: 400 14px/20px 'Roboto Condensed', sans-serif; }

#content .wrap #leftcol{ width: 190px; margin-right: 0px; }
#content .wrap #primary{ width: calc(100% - 200px); }
ul#left-menu li a{ font-size: 18px;  }
#shopoptions{ margin-top: 10px; }
#footer .wrap .quarter{ flex: 0 0 48%; margin-right: 2%; }

}
@media only screen and (max-width: 830px) {
		.menu-leftcol-menu-container{ padding-left: 0px; }
		.woocommerce ul.products li.last, .woocommerce-page ul.products li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{  margin: 5px !important; margin-bottom: 20px !important;}
			.woocommerce ul.products li.product h3{ padding-right: 30px; }
			body{ font-size: 16px; }
		
}

@media only screen and (max-width: 767px) {
		#leftcol{ display: none; }
		#header{ padding-top: 10px; }
		#content .wrap #leftcol{ display: none; }
		#content .wrap #primary{ width: 100%; }
			.woocommerce ul.products li.product h3{ padding-right:0px; }
			#slogan{ display: none; }
			#checkdelivery input,#checkdelivery select{ margin-bottom: 5px;  }

			.wpcf7{ background: #EEE; float: none !important; width: 100%; margin-bottom: 30px !important; margin-left: 0px !important; padding: 30px !important; border-radius: 8px;   box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);  }


}
@media only screen and (max-width: 570px) {
	#box{ display: none; }
	#shopoptions{ margin-top: 10px; }
}

@media only screen and (max-width: 470px) {

	#location{ display: none; }
	#social{ position: fixed; top: 12px; left: 10px; padding: 0px;     z-index: 999999999; }
	#social a{ color: #FFF; }
  

}
@media only screen and (max-width: 400px) {
	.woocommerce ul.products li.last, .woocommerce-page ul.products li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 150px !important;}
	.product-wrap{ height: 148px; }
	#logo img {
	    width: 140px;
	}
	#location{ padding: 20px 10px; 	}
	a.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ padding: 10px; }
	#shopoptions{ margin-top: 3px; }
	#shopoptions a{ font-size: 13px;  }
}
@media only screen and (max-width: 375px) {
	.site-main{ padding: 0px; }
	.site-main .entry-content{ padding: 10px;}
	#footer .wrap .quarter{ flex: 0 0 100%; margin-right: 0%; }
}
