/*
yellow - #ffcd00
light green - #78be20
dark green - #00843D
darker green - #006630
*/


/* Container */
pre#fruit-container {
    background: none;
    padding: 0;
    font: inherit;
    overflow: inherit;
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    white-space: normal !important;
    margin: 0;
}
pre#fruit-container table {
    white-space: pre-wrap;
}

#fruit-table {
	/*max-width: 825px;*/
	margin: 0 auto;
	background: #fff;
	border-radius: 0;
	overflow: hidden;
	border-top: 4px solid #ffcd00;
}
.entry #fruit-table table {
    border: 2px solid #e9e5e2;
    border-top: none;
}
.entry #fruit-table img {
    padding: 0;
}
#fruit-table h3 {
    font-size: 28px;
    font-family: 'GloberxBold';
    margin: 20px 20px 10px 20px;
}
#fruit-table h2 {
	font-size: 36px;
	margin-bottom: 0;
	font-family: 'GloberxBold';
	line-height: 1.5;
	margin: 0 0 15px 0;
	color: #fff;
	background: none;
	padding-left: 0;
}
#fruit-table p {
	padding: 0 20px;
}
.filter {
	position: relative;
	float: left;
	font-weight: normal;
	width: calc(100% - 40px);
	padding: 10px 20px 20px 20px;
	background: #00843D;
	background: -webkit-linear-gradient(top left, rgba(120,190,32,1) 0%, rgba(0,132,61,1) 100%);
	background: -o-linear-gradient(top left, rgba(120,190,32,1) 0%, rgba(0,132,61,1) 100%);
	background: linear-gradient(to bottom right, rgba(120,190,32,1) 0%, rgba(0,132,61,1) 100%);
}
pre .filter {
    padding-top: 20px;
}
#fruit-table svg {
    max-width: inherit;
}
svg.svg-icon.expand-row {
    width: 24px;
    height: 24px;
}
.filter svg {
    position: relative;
    top: 8px;
    right: 36px;
    width: 24px;
    height: 24px;
}
.filter button svg {
    position: relative;
    top: -1px;
    right: -2px;
}
.filter button {
  	padding: 6px 8px 2px 8px;
  	font-size: 16px;
  	color: #fff;
  	top: 20px;
  	position: relative;
  	z-index: 9999999999999;
  	cursor: pointer;
  	float: right;
    margin-bottom: 0px;
    margin-top: 20px;
  	background: #006630;
  	font-family: 'GloberBold', sans-serif;
  	border: 2px solid #006630;
  	border-radius: 2px;
}
.filter button:hover {
	background: #78be20;
	border-color: #78be20;
}
.filter button .material-icons {
    vertical-align: text-bottom;
}
.filter button span:after {
    content: 'expand_more';
}
.filter button span.active:after {
    content: 'expand_less';
}
.orchard-details {
    margin-top: 20px;
    font-weight: normal;
    /* background: #fff5cc; */
    margin-bottom: -31px;
    margin-left: -25px;
    padding-left: 25px;
    padding-right: 40px;
    padding-top: 10px;
    /* padding-bottom: 15px; */
	/*! color: #78be20; */
    /* border-bottom: 4px solid #ffcd00; */
    font-size: 18px;
}
.now-picking-table .orchard-details {
	margin-top: 10px;
}
.orchard-name {
	color: #fff5cc;
    font-family: 'Shackleton', 'GloberBold', sans-serif;;
	font-size: 24px;
    text-transform: none;
    line-height: 1.1;
    word-break: break-word;
}
.orchard-message {
	display: block;
	color: #fff;
	line-height: 1.4;
    margin-top: 4px;
    word-break: break-word;
}
.orchard-phone {
	color: #fff5cc;
	font-family: 'Globerbold', sans-serif;
	font-size: 18px;
    display: block;
    margin-top: 12px;
    margin-bottom: -4px;
}
#fruit-table .description-row-title {
    color: #a29389;
    font-family: 'GloberxBold', sans-serif;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

#fruit-table .table td.no-fruit {
	padding: 20px;
	background: #EEEEED;
	color: #6e6259;
    text-align: center;
    word-break: break-word;
}
td.no-fruit .bold {
	font-family: 'GloberBold', sans-serif;
}
#fruit-table .table.is-hoverable tbody tr:not(.is-selected):hover td.no-fruit {
	cursor: auto;
	background: #EEEEED;
}


/* Select dropdowns */
.select {
  display: inline-block;
  /* max-width: 100%; */
  position: relative;
  height: 2.25em;
  /* top: -11px; */
}
.select.orchard {
    /* margin-left: -15px; */
}
.select.orchard select {
    min-width: 245px;
}
/*.select:after {
	font-family:'Material Icons', sans-serif;
	color: #422c1e;
	vertical-align: middle;
	content: 'arrow_drop_down';
	position: relative;
	top: 8px;
	right: 25px;
}*/
.select i {
	color: #422c1e;
	vertical-align: middle;
	position: absolute;
	top: 10px;
	right: 5px;
}
.select select {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  line-height: 1.5;
  position: relative;
  vertical-align: top;
  cursor: pointer;
  font-size: 18px;
  max-width: 100%;
  outline: none;
  padding: 4px 4px;
  margin-left: 0px;
  /* margin-right: 10px; */
  font-family: 'GloberBold', sans-serif;
  /*! box-shadow: 0px 3px 7px #00843D; */
  color: #422c1e;
  /*! border: none; */
  /*! border-bottom: 2px solid #00843D; */
  background: #fff;
}

.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
  outline: none;
}

.select select[disabled] {
  cursor: not-allowed;
}

.select select::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.select select::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.select select:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.select select:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}

.select select:hover, .select select.is-hovered {
  border-color: #fff;
  background: #fff;
}

.select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
    outline: 1px dashed black;
    outline-offset: 1px;
    outline: -webkit-focus-ring-color auto 1px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 1px;
}

.select select[disabled] {
  background-color: whitesmoke;
  border-color: whitesmoke;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #7a7a7a;
}

.select select[disabled]::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select[disabled]::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select[disabled]:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select[disabled]:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.select select::-ms-expand {
  display: none;
}

.select select[disabled]:hover {
  border-color: whitesmoke;
}


.select select:not([multiple]) {
  padding-right: 2em;
}

.select select[multiple] {
  height: unset;
  padding: 0;
}

.select select[multiple] option {
  padding: 0.5em 1em;
}

.select:hover::after, .select:focus::after {
  color: #78be20;
}


/** TABLE CSS **/
#fruit-table .table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    min-height: .01%;
    overflow-x: auto;
}
#fruit-table .table {
    background-color: white;
    color: #463c35;
    margin-bottom: 0;
    border-spacing: 0;
    border-collapse: collapse;
}
#fruit-table .table td,
#fruit-table .table th {
    border: 2px solid #e9e5e2;
    border-width: 0px 0px 1px;
    padding: 12px 0px;
    vertical-align: middle;
    line-height: 1.5;
}
#fruit-table .table th {
    color: #363636;
    text-align: left;
}
#fruit-table .table tr.is-selected {
    background-color: #16A085;
    color: #fff;
} 
#fruit-table.now-picking-table .table tr td {
	/* border-color: #fff; */
}
#fruit-table.now-picking-table .table tr.collapsed td {
	border-color: #e9e5e2;
}
#fruit-table.now-picking-table tr.collapsed td,
#fruit-table.now-picking-table tr.collapsed.has-varieties td {
	background: #fff;
}
#fruit-table.now-picking-table tr.has-varieties td {
	/* background: #fff5cc; */
}
#fruit-table.now-picking-table tr.variety-row td {
	background: #fff;
}

.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
    background-color: #f5f5f5;
}
#fruit-table .table thead td,
#fruit-table .table thead th {
    border-width: 0px 0 3px;
    color: #a29389;
    font-family: 'GloberxBold';
    text-transform: uppercase;
    font-size: 16px;
} 
#fruit-table .table.is-fullwidth {
    width: 100%;
}

#fruit-table .table.is-hoverable tbody tr:not(.is-selected):hover td {
	cursor: pointer;
	background-color: #fff5cc;
}
#fruit-table.now-picking-table .table.is-hoverable tbody tr:not(.is-selected):hover td {
	cursor: initial;
}
#fruit-table .table.is-hoverable tbody tr.has-varieties:not(.is-selected):hover td {
    background-color: #fff5cc;
	cursor: pointer;
}
#fruit-table .table.is-hoverable tbody tr.variety-row td {
	background-color: #fafafa;
	/* background: rgb(255, 250, 230, .5); */
	cursor: initial;
}
#fruit-table .table.is-hoverable tbody tr.empty:not(.is-selected):hover td,
#fruit-table.now-picking-table tr:hover td {
	cursor: initial;
}

#fruit-table .table th {
	padding: 20px 0 10px 0;
	font-weight: normal;
	background: #fff;
	line-height: 28px;
}
#fruit-table .table td, .table th {
	text-align: left;
}
#fruit-table .table tr th:first-child {
    border-radius: 3px 0 0 0;
	width: 24px;
}
#fruit-table .table th:last-child {
    border-radius: 0 3px 0 0;
}
#fruit-table .table td.fruit-name {
	text-align: left;
	color: #00843D;
	padding-left: 5px;
	font-family: 'GloberBold', sans-serif;
    padding-right: 10px;
    word-break: break-word;
}
#fruit-table.now-picking-table .table td.fruit-name {
	font-family: 'GLoberBold', sans-serif;
}
#fruit-table tbody tr > td:first-child {
	border-right: none;
    padding-left: 10px;
    padding-right: 10px;
}
#fruit-table tbody tr > td:nth-child(2n) {
	border-left: none;
}
#fruit-table .table .material-icons {
    color: #6e6259;


    opacity: .8;
}
#fruit-table .table.is-hoverable tbody tr:not(.is-selected):hover td:first-child .material-icons {
	color: #00843D;
	opacity: 1;
}
/** END TABLE CSS  



/** Table Arrows **/
#fruit-table .table thead th:hover {
	color: #00843D;
	cursor: pointer;
}
#fruit-table.now-picking-table .table thead th:hover {
    color: #a29389;
    cursor: initial;
}
#fruit-table .ascending .asc {
	color: #00843D; 
}
#fruit-table .descending .desc {
	color: #00843D; 
}
#fruit-table svg.desc {
    position: relative;
    top: 2px;
    right: 20px;
}
#fruit-table svg.asc {
    position: relative;
    top: 8px;
    right: -4px;
}
i.asc {
    position: relative;
    top: 6px;
    right: 24px;
}
i.desc {
    position: relative;
    top: 0px;
}
.bind-arrows {
    display: inline-block;
}
.pyo-column {
	min-width: 175px;
}
.avail-cell {
	min-width: 170px;
}
.avail-cell em, .availability-line em {
    font-size: 14px;
    /*font-family: 'GloberRegular', sans-serif;*/
    text-transform: lowercase;
    color: #a29389;
    margin: 0 2px;
}
.now-picking-table .avail-cell {
    /*color: #78BE20;*/
    font-family: 'GloberBold', sans-serif;
}
.now-picking-table tr.variety-row .avail-cell {
    font-family: 'GloberRegular', sans-serif;
}


/* Checkbox */
/* hide original checkbox */
.checkbox input[type="checkbox"] {
    opacity: 0;
}
.checkbox {
	display: inline-block;
	margin-left: -35px;
	/* position: relative; */
	/* top: 12px; */
	vertical-align: text-bottom;
}
.checkbox:hover {
	cursor: pointer;
}
.checkbox label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 35px;
    font-family: 'GloberBold', sans-serif;
    color: #fff;
}

.checkbox label::before,
.checkbox label::after {
    position: absolute;
    content: "";
    
    /*Needed for the line-height to take effect*/
    display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox label::before{
    height: 24px;
    width: 24px;
    border: 1px solid;
    left: 0px;
    
    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
    top: 0px;
    border-radius: 100%;
    /*! background: #fff; */
    border-color: #fff;
    background: #fff;
    box-shadow: inset 3px 3px 1px #ddd;
}

/*Checkmark of the fake checkbox*/
.checkbox label::after {
    height: 5px;
    width: 10px;
    border-left: 3px solid;
    border-bottom: 3px solid;
    
    transform: rotate(-45deg);
    
    left: 7px;
    top: 7px;
    border-color: #78be20;
}

/*Hide the checkmark by default*/
.checkbox input[type="checkbox"]:checked + label::before {
	background: #fff;
	box-shadow: inset 3px 3px 1px #ddd;
}
.checkbox input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.checkbox input[type="checkbox"]:focus + label::before {
    outline: 0;
	border-color: rgb(59, 153, 252);
}
.in-season-count {
    font-size: 14px;
    background: #ffcd00;
    padding: 3px 8px 0px 8px;
    border-radius: 30px;
    color: #00843D;
    position: relative;
    top: -4px;
    left: 5px;
    font-family: 'GloberBold';
    word-break: break-word;
}
.now-picking-table .in-season-count {
    border: none;
}



/* Description row */
#fruit-table tr.opened td {
	border-bottom: none;
}
#fruit-table .table .description-row td {
	background: #fafafa;
	padding: 16px 0 20px 0;
	font-size: 16px;
}
#fruit-table .table .description-row .description {
    padding-left: 10px;
    padding-right: 10px;
    word-break: break-word;
}
#fruit-table .table.is-hoverable tbody tr.description-row:not(.is-selected):hover td {
	cursor: initial;background: #fafafa;
}
#fruit-table tr td:first-child .material-icons:after {
	content: 'expand_more';
}
#fruit-table tr.opened td:first-child .material-icons:after {
	content: 'expand_less';
	color: #00843D;
}
i.material-icons.phone, i.material-icons.priority {
    font-size: 21px;
    position: relative;
    top: 2px;
    margin-left: 20px;
    color: #fff5cc;
    margin-right: 2px;
}

#fruit-table.now-picking-table tr.collapsed td:first-child .material-icons:after {
	content: 'expand_more';
	color: #6e6259;
}
#fruit-table.now-picking-table tr td:first-child .material-icons:after {
	content: 'expand_less';
	color: #00843D;
}
#fruit-table.now-picking-table tr:hover td:first-child .material-icons:after {
	color: #00843D;
}


/* Tooltip container */
@media (max-width: 640px) {
    #fruit-table .tooltip .question-mark {
        display: none;
    }
}
.tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dashed #78be20; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 140px;
    background-color: #006630;
    color: #fff;
    text-align: center;
    padding: 10px 10px 5px 10px;
    border-radius: 3px;
    font-size: 14px;
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    top: 105%;
    left: 50%;
    margin-left: -80px;
    line-height: 1.5;
    font-family: 'Globerbold', sans-serif;
    text-transform: none;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.tooltiptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #006630 transparent;
}
.table .tooltip .material-icons {
	font-size: 14px;
	vertical-align: top;
}
.pyo {
    border-radius: 30px;
    padding: 10px 12px 6px 12px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
    background: #78be20;
    margin-right: 5px;
    font-family: GloberBold;
}
.pyo.sold-out,
#fruit-table.description-table .pyo.sold-out {
	background: #da291c;
}
.clear-checkbox, .clear-select {
	display: inline-block;
}

/* update pyo/pre-picked icons */
.picking-icon {
	font-size: 36px;
	color: #78be20;
}
.picking-icon .far, .picking-icon svg {
    vertical-align: middle;
}
td.est-avail svg {
    vertical-align: middle;
}
.availability-table td.est-avail svg {
    height: 42px;
    width: 42px;
}
.description-table .picking-icon {
    font-size: 18px;
    padding: 5px 10px !important;
}
.description-table .est-avail span svg {
    position: relative;
    top: -5px;
}
.description-table .est-avail span {
    font-size: 16px;
    display: inline-block;
}
.picking-icon .fa-times-circle,
.picking-icon.fa-times-circle{
	color: #ddd8d4;
}
.description-row {
    border-top: 1px solid #ddd;
    border-bottom: 2px solid #e9e5e2;
}
.est-avail {
    color: #8a817a;
    font-family: 'GloberSemibold', sans-serif;
    font-size: 16px;
    word-break: break-word;
}
/* Nested rows for description table */
#fruit-table.description-table tr.description-row td {
    padding: 0;
}
.description-table .description-row div {
    border-bottom: 1px solid #ddd;
    height: 30px;
    padding: 10px 0 0;
    border-right: 1px solid #ddd;
    padding-left: 10px;
}
.description-table .description-row td:first-child div {
    padding-left: 88px;
}
.description-table tr td div:last-child {
    border-bottom: none;
}
.description-table tr td:last-child div {
    border-right: none;
}
/* END */

/* Availability Radio Buttons */
p.all-pre-picked {
    display: none;
}
.field {
    display: inline-block;
    margin-right: 15px;
    vertical-align: text-bottom;
}
.field:nth-child(2n), .field:nth-child(3n) {
	/* margin-left: -10px; */
}
.field:nth-child(3n) {
    top: 4px;
    position: relative;
}
.top-label {
    display: block;
    color: white;
    font-family: 'GloberBold', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* The container */
.radio-container {
    display: inline-block;
    position: relative;
    padding-top: 5px;
    text-align: center;
    width: 120px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99;
    font-family: 'GloberBold', sans-serif;
    color: #422c1e;
    font-size: 18px;
}

/* Hide the browser's default radio button */
.radio-group {
	background: white;
	border-radius: 4px;
	padding: 5px;
	display: inline-block;
	/* margin-left: -15px; */
}
.radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 120px;
    background-color: #fff;
    border-radius: 4px;
    z-index: -1;
}

/* On mouse-over, add a grey background color */
.radio-container:hover input ~ .checkmark {
    background-color: #e9e5e2;
	transition: .2s;
}
.radio-container:focus input ~ .checkmark {
	border: 1px solid rgb(59, 153, 252);
}
/* When the radio button is checked, add a gold background */
.radio-container input:checked ~ .checkmark {
    background-color: #ffcd00;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .checkmark:after {
 	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background: none;
}





/* Tags */
.tags:last-child {

    margin-bottom: -0.5rem;
}
.tags {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;

    justify-content: flex-start;
}
.tags .tag:not(:last-child) {
    margin-right: 0.5rem;
}
.tags .tag {
    margin-bottom: 0.25rem;
}
.tag:not(body) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e7f8d3;
    border-radius: 30px;
    color: #00843D;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /*! font-size: 14px; */
    /*! height: 2em; */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 24px;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
    padding-top: .25rem;
    padding: 4px 10px 0px 10px;
    /*! border: 1px solid #00843D; */
}

/* Now Picking Table Version */
.now-picking-table .select.orchard {
	margin-left: 0;
	vertical-align: text-bottom;
}
#fruit-table.now-picking-table h2 {
	display: inline-block;
	margin-right: 15px !important;
}
.now-picking-table .orchard-details {
	margin-top: 0px;
}
#fruit-table .table td.fruit-category {
	text-align: left;
	color: #00843D;
	font-family: 'GloberxBold', sans-serif;
	padding-right: 10px;
    font-size: 20px;
    line-height: 20px;
	padding-top: 16px;
}

#fruit-table .table .variety-row:last-child td {
	border: 2px solid #e9e5e2;
	border-width: 0px 0px 1px;
}
#fruit-table.now-picking-table tbody tr.collapsed ~ tr {
  	display: none;
}


/* Description Table Version */
#fruit-table.description-table .description-row-title {
	margin-bottom: 0px;
}
#fruit-table.description-table .pyo {
	border-radius: 30px;
    padding: 10px 12px 6px 12px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
    background: #78be20;
	margin-right: 5px;
}
#fruit-table.description-table .pre-picked {
	border-radius: 30px;
    padding: 10px 12px 6px 12px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0;
    color: #fff;
    background: #00843D;
	margin-right: 5px;
}
#fruit-table.description-table td.description {
	/*! border-left: 1px solid #ddd; */
	font-size: 14px;
	padding-left: 10px;
    padding-right: 20px;
    word-break: break-word;
	/*! font-style: italic; */
}
#fruit-table.description-table .uses {
	margin-bottom: -30px;
	padding-left: 10px;
}
#fruit-table.description-table .tag:not(body) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border-radius: 0px;
    color: #00843D;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    height: initial;
    line-height: initial;
    padding-left: 0.75em;
    padding-right: 0.75em;
    padding-top: initial;
    padding: initial;
    border: none;
    margin-bottom: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e7f8d3;
    border-radius: 30px;
    color: #00843D;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 14px;
    height: 1.5em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 24px;
    padding-left: 0.75em;
    padding-right: 0.75em;
    white-space: nowrap;
    padding-top: .35rem;
    margin-right: 2px;
    margin-right: 4px;
}
#fruit-table.description-table .tag:last-child::after {
    content: '';
}
#fruit-table.description-table .table .description-row td.avail-cell {
	padding-left: 20px;
}
#fruit-table .pre-picked .material-icons, #fruit-table .pyo .material-icons{
    color: #fff;
    opacity: 1;
	font-size: 14px;
	position: relative;
	top: 2px;
}
#fruit-table.description-table .material-icons.arrow-right {
	color: #6e6259;
	position: relative;
	top: 7px;
	margin-left: 5px;
}
#fruit-table.description-table .description-row .material-icons:after {
    content: none;
}
#fruit-table.description-table .table .description-row:hover .pre-picked .material-icons, 
#fruit-table.description-table .table .description-row:hover .pyo .material-icons {
	color: #fff;
	opacity: 1;
}
#fruit-table .table tr.description-row td {
	vertical-align: text-top;
}

#fruit-table .prefix {
    color: #6e6259;
    font-size: 14px;
}




@media screen and (min-width: 1px ) {
	.select select {
		/* margin-left: 2px; */
		padding: 10px 10px 6px 10px;
	}
	.desktop-label {
		display: none;
	}
	.mobile-label {
		display: inline-block;
	}
	.availability-table .pyo .mobile-label {
		display: none;
	}
	.pyo-column {
		min-width: 100px;
	}
}

@media screen and (max-width: 944px) {
    .field:nth-child(3n) {
        margin-left: 0;
    }
}
@media screen and (max-width: 860px) {
	.availability-line i {
		display: none;
	}
	.availability-line {
		display: block;
		margin-top: 15px;
		margin-left: -10px;
	}
	.availability-table .pyo .desktop-label {
		display: none;
	}
	.availability-table .pyo .mobile-label {
		display: inline-block;
	}
	.availability-table .pyo {
		padding-left: 10px;
		padding-right: 10px;
    }
    .description-table .description-row td:first-child div {
        padding-left: 30px;
    }
}
@media screen and (min-width: 768px) {
	#fruit-table tbody tr > th:first-child {
		width: 48px;
	}
}
@media screen and (max-width: 775px) {
	#fruit-table .table td {
		padding: 8px 0px;
		font-size: 16px;
    }
    #fruit-table .table thead th {
        padding: 12px 0px 8px;
        font-size: 12px;
        line-height: 16px;
        word-break: break-word;
    }
    #fruit-table .table .picking-icon {
        font-size: 36px;
    }
	#fruit-table .table th {
		padding-top: 24px;
	}
	.filter button {
		margin-right: 10px;
	}
	.availability-table .pyo {
		font-size: 14px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.availability-table .uses {
		margin-left: 10px;
	}
	#fruit-table .table .description-row td {
		padding: 8px 0 14px 0;
	}
	#fruit-table .description-row-title {
		margin-bottom: 0;
	}
	#fruit-table .table .description-row .description {
		line-height: 1.4;
	}
	#fruit-table.description-table .table .description-row td {
    	padding: 10px 0 10px 0;
	}
	#fruit-table.description-table td.description {
		font-size: 14px;
		line-height: 1.4;
	}
	#fruit-table .table td.fruit-name {
		line-height: 1.4;
	}
    .field:nth-child(3n) {
        margin-left: -10px;
    }
}
@media screen and (max-width: 767px) {
	#fruit-table tbody tr > td:first-child {
		padding-left: 10px;
	}
	.filter {
        padding: 20px 10px 20px 10px;
        width: calc(100% - 20px);
	}
	.checkbox {
		margin-left: -45px;
	}
	.orchard-message {
		font-size: 16px;
    	line-height: 1.5;
    }
    
}
@media screen and (min-width: 731px) {
	.desktop-label {
		display: inline-block;
	}
	.mobile-label {
		display: none;
	}
	.pyo-column {
		min-width: 144px;
	}
}
@media screen and (max-width: 679px) {
    .field:nth-child(3n) {
        margin-left: 0px;
        margin-top: 10px;
    }
}
@media screen and (max-width: 630px) {
	.table th {
		padding: 20px 0 10px 0;
	}
	.table td.center-cell, .table th.center-cell {
		text-align: center;
	}
	.tooltip .fa {
		display: none;
	}
	.table td.avail-cell, .table th.avail-cell {
		padding-left: 10px;
	}
	
}
@media screen and (max-width: 572px) {
    .now-picking-table .select.orchard {
        margin-bottom: 10px;
        top: -5px;
    }
    #fruit-table h2 {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 500px) {
    #fruit-table .table {
        table-layout: fixed;
    }
    #fruit-table img {
        margin: 0 auto;
    }
	table.table thead th,
	.table tr.parent-fruit td {
		font-size: 16px;
	}
	#fruit-table.now-picking-table h2 {
		display: block;
		margin-right: 0;
		margin-bottom: 0px;
    }
    .field {
        display: block;
    }
    .field:nth-child(2n) {
        margin-left: 0;
        margin-top: 18px;
    }
    .field:nth-child(3n) {
        margin-left: 0;
        margin-top: 15px;
    }
    .select.orchard {
        margin-left: 0;
    }
    .orchard-details {
        margin-top: 25px;
    }
    .select select:not([multiple]) {
		padding-right: 1.5em;
	}
	.orchard-phone {
		display: block;
	}
	i.material-icons.phone {
		margin-left: 0;
	}
	.select {
		display: block;
	}
	.select select {
		width: calc(100% - 24px);
		display: block;
	}
	.select i {
		position: absolute;
		top: 10px;
		right: 25px;
	}
	.checkbox {
		margin-left: -20px;
		margin-top: 20px;
		}
    .filter {
        padding-top: 10px;
    }
    .filter svg {
        position: absolute;
        top: 10px;
    }
    .top-label {
        margin-bottom: -5px;
    }
    .now-picking-table .filter {
        padding-top: 10px;
    }
    .now-picking-table .select.orchard {
        top: -5px;
        margin-bottom: 10px;
    }
    .now-picking-table th.pyo-column, .now-picking-table tr td.picking-icon:nth-child(even) {
        padding-left: 10px !important;
    }
    .tooltip i {
        display: none;
    }
}
@media screen and (max-width: 420px) {
    #fruit-table .table td {
        font-size: 15px;
    }
}
@media screen and (min-width: 431px) {
	.checkbox {
		margin-left: -20px;
		margin-top: 20px;
	}
}
@media screen and (min-width: 620px) {
	.now-picking-table .orchard-details {
		margin-top: -10px;
	}
}
@media screen and (min-width: 661px) {
	.checkbox {
		margin-left: -25px;
		margin-top: 0;
	}
}
@media screen and (min-width: 775px) {
	.checkbox {
		margin-left: -20px;
		margin-top: 20px;
	}
}
@media screen and (min-width: 940px) {
	.checkbox {
		margin-top: 0px;
		margin-left: -25px;
	}
}

/* Mobile format for Pick-Your-Own pages, which use default page template */
@media screen and (max-width: 530px) {
	.page-template-default .has-varieties > td:nth-child(1), .page-template-default .variety-row > td:nth-child(1) {width: 23px}
	.page-template-default .has-varieties>td:nth-child(2), .page-template-default .variety-row>td:nth-child(2), .page-template-default tr.collapsed >td:nth-child(2) {display: none}
	.page-template-default th.fruit-name {width: 62%; }
	.page-template-default  td.fruit-name, .page-template-default td.fruit-category {width: 62%}
	.page-template-default td.picking-icon, .page-template-default th.avail-cell, .page-template-default th.pyo-column {width: 19%; min-width: unset; text-align: center !important; white-space: normal;}
	.page-template-default .now-picking-table > div> table > thead>tr> th:nth-child(1) {width: 46px}
	.page-template-default .now-picking-table tr.has-varieties td.picking-icon:nth-child(even), .page-template-default .now-picking-table tr.variety-row td.picking-icon:nth-child(even), .page-template-default .now-picking-table tr.collapsed td.picking-icon:nth-child(even) {    padding-left: 0px !important;}
}




@media screen and (max-width: 500px) {
	.page-template-default .now-picking-table>div>table>thead>tr>th:nth-child(1) {    display: table-cell;}
	.page-template-default th.fruit-name {padding-left: 0 !important }
	.page-template-default #fruit-table .table tr th:first-child {	padding: 0 10px;}
}

/* Mobile format for Fruit pages, which uses page-template-fruit-master */
@media screen and (max-width: 530px) {
	.page-template-fruit-master .has-varieties > td:nth-child(1), .page-template-fruit-master .variety-row > td:nth-child(1) {width: 23px}
	.page-template-fruit-master #fruit-table  tr >td:nth-child(2):not(.description) {display: none}
	.page-template-fruit-master .description-row td:nth-child(1) {display: none}
	.page-template-fruit-master th.fruit-name {width: 40%; }
	.page-template-fruit-master  td.fruit-name {width: 40%}
	.page-template-fruit-master td.est-avail,  .page-template-fruit-master th.pyo-column {/*width: calc(30% - 10px);*/ min-width: unset; text-align: center !important; white-space: normal; padding-left: 5px !important;     padding-right: 5px !important;}
	.page-template-fruit-master .now-picking-table > div> table > thead>tr> th:nth-child(1) {width: 46px}
	.page-template-fruit-master .now-picking-table tr.has-varieties td.est-avail:nth-child(even), .page-template-fruit-master .now-picking-table tr.variety-row td.est-avail:nth-child(even), .page-template-fruit-master .now-picking-table tr.collapsed td.est-avail:nth-child(even) {    padding-left: 0px !important;}
}

@media screen and (max-width: 500px) {
	.page-template-fruit-master .now-picking-table>div>table>thead>tr>th:nth-child(1) {    display: table-cell;}
	.page-template-fruit-master th.fruit-name {padding-left: 0 !important }
	.page-template-fruit-master #fruit-table .table tr th:first-child {	padding: 0 10px;}
}