/* GLOBAL  --------------------------------*/


body, html{
font-family: "futura-pt",sans-serif;

}

header{margin: 0;}

table {
	width: 100%;
	border-spacing: 0!important;
	border-collapse: separate;
	font-size: 20px;
}


tr {border-bottom: 3px solid #eefeee; padding:10px 0px 10px 0px!important;}
tr:nth-last-child(1){border-bottom: 0px solid #eefeee;}

td:nth-child(even) {text-align: right;}
th:nth-child(even) {text-align: right;}

.nopadding {
   padding: 0 !important;
	 padding-left: 0 !important;
	 padding-right: 0 !important;
   margin: 0 !important;
}


/* LOADING PAGE  --------------------------------*/


.loading{
height: 100%!important;
display: block;
background: #93ffdc; /* Old browsers */
background: -moz-linear-gradient(-45deg, #93ffdc 0%, #e5ff80 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #93ffdc 0%,#e5ff80 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #93ffdc 0%,#e5ff80 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.loading-logo{
	margin: 0 auto;
	width: 200px;
	text-align:center;
	font-size:50px;
	z-index: 10;
	overflow: visible;
	position: relative;
	display: block;

}

.box{
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;

}

.box-middle{
    display: table-cell;
    vertical-align: middle;
}

.box-inner{
	margin-left: auto;
    margin-right: auto;
    width: 200px;

}


.container-fluid {
	position: relative;
	margin-top: -20px;

}

.quotes {display: none;}

#rotate{
	text-align: center;
	display: block;
	height: 40px;
	font-size: 22px;
	margin-top: 20px
	}


.ripple{
	margin: 20px auto 0 auto;
	text-align: center;
	display: block;
}


/* PRINT SECTION  --------------------------------*/




.header-content h2{
	padding-bottom: 30px;
	border-bottom: solid 6px #93ffdc;
	font-weight: bold;
	width: auto;
}

.header-content h4{
	padding-top: 20px;
}

.print-desc{
	font-size: 20px;
	line-height: 1.4;
	padding-top: 20px;
}

.print-desc a{
	color: #000;
    text-decoration: none;
    border-bottom: #000 solid 3px;
    }



    .print-desc a:hover, .print a:focus {
    color: #000;
    text-decoration:none;

}

.buy-button{
	margin: 30px 0px;
}


.buy-now{
  background: #000;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-transform:uppercase;
  color: #ffffff!important;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

}

.buy-now:hover, buy-now:focus{
  background: #ccf266;
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-transform:uppercase;
  color: #000!important;
  font-size: 16px;
  font-weight:bold;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.print{
	background: #eefeee;
	margin: 60px 0 0 0;
	padding:100px 60px;
}


#print-button {
    background:#333;
    }

.print-img{
	margin: 0 0 40px 0;
	width: 100%;
	height:auto;
}



/* RECIPE SECTION  --------------------------------*/

.recipe {
	margin: 0px 0px;
	padding: 60px 0px 0px 0px;
}

.recipe-img {
	margin: 0 0 40px 0;
	width: 100%;
	height: auto;
}

.recipe h2{
	padding-bottom: 30px;
	border-top: solid 6px #93ffdc;
	font-weight: bold;
	width: auto;
	text-align: left;
	padding-top: 60px;
}

.recipe-item{
	padding-bottom: 80px;
	padding-right: 20px;
	padding-left: 20px;
}

.recipe-item span {
			font-size: 20px;
	    line-height: 1.4;
	    padding-top: 20px;
	    padding-bottom: 20px;
}

.recipe-item h3 {
	font-weight: bold;

}

.recipe-item:nth-child(2) {
	background: #ccf266;
	background-image: url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg");
	background-position: right top, left top, right bottom, left bottom ;
	background-repeat: no-repeat, no-repeat;
	background-size: 60px 60px;
}
.recipe-item:nth-child(3) {
	background: #93ffdc;
	background-image: url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg");
	background-position: right top, left top, right bottom, left bottom ;
	background-repeat: no-repeat, no-repeat;
	background-size: 60px 60px;
}

.recipe-item:nth-child(1) {
	background: #c6fcbf;
	background-image: url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg"), url("http://ripehere.com/assets/images/dot.svg");
	background-position: right top, left top, right bottom, left bottom ;
	background-repeat: no-repeat, no-repeat;
	background-size: 60px 60px;
}



.recipe-item h3 {
	padding: 40px 0 20px;
}


/* MONTH PAGE  --------------------------------*/

.logo-medium{
	display: none;
}

.logo-large{
 visibility: hidden;
 display: none;
}

.logo-small{
	margin: 0 auto;
	text-align:center;
	font-size:50px;
	margin-top: 0px;
	z-index: 10;
	overflow: visible;
	position: relative;
	width:300px;
	display: block;
}

.logo-small img{
	max-width:300px;
}


.logo{
	margin: 0 auto;
	text-align:center;
	font-size:50px;
	margin-top: 3px;
	z-index: 10;
	overflow: visible;
	position: relative;
	width:160px;

}


.logo img{
	max-width:160px;
}

.month-text{
		vertical-align: text-top;
		font-size:18px!important;
		font-weight: 700;
		position: fixed;
		left: 10px;
		top:25px;
		z-index: 200!important;
		border: none;
	    cursor: pointer;
	    display: block;
	    color: #000;
	    padding: 5px 12px;
}

.md-month{
	    display: none;
}


.location-text{
	display: none;
}



.fruitveg-item{
	font-size:20px;
	font-weight: 300;
	text-align: center;
	margin: 20px auto;
}

img .showcase-image{
    width:100%;
    height: auto;
}


.fruitveg-item img{
    width:100%;
    height: auto;
}

.fruitveg-item span{
padding-bottom: 10px;
border-bottom: solid 6px #93ffdc;
width: auto;

}

/* PRODUCE PAGE  --------------------------------*/


.produce-content h2{
	padding-bottom: 30px;
	border-bottom: solid 6px #93ffdc;
	font-weight: bold;
	text-align: center;
	width: auto;
	padding-top: 0px;
}

.produce-content h4{
	padding-top: 20px;
}


.produce-desc{
	font-size: 20px;
	line-height: 1.4;
	padding-top: 20px;
	padding-bottom: 20px;
}

.produce-desc a{
	color: #000;
    text-decoration: none;
    border-bottom: #000 solid 3px;
    }



    .produce-desc a:hover, .print a:focus {
    color: #000;
    text-decoration:none;

}



/* Overlay Xs --------------------------------*/

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.nav-left{
float: left;
width: 40%;
margin-left: 10%;
}

.nav-right{
float: right;
width: 40%;
margin-right: 10%;
}

.overlay{
	z-index: 400;

}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    transition: 0.3s;
}


.overlay a:hover, .overlay a:focus {
    color: #eee;
    text-decoration: none!important;
}





.overlay .closebtn {
    position: absolute;
    top: 0px;
    left: 9px;
    font-size: 50px;
    text-decoration: none;
    z-index: 9999;
    display: block;
}




/* Footer --------------------------------*/

	footer{margin: 0px ; padding:80px 40px 90px; background: #FFF;}



	.author{
		font-size:20px;
		line-height: 1.4;
		margin: 0 0 40px 0;
	}

	.author a{
		color: #000;
		text-decoration:none;
		border-bottom: #93ffdc dotted 1px;

	}

	.author a:hover, .author a:focus {
    color: #000;
    text-decoration:none;

}


	.share{
		font-size:20px;
		font-weight: 700;
		text-decoration: none;
		margin: 0 auto;
		padding: 0px;
		text-align: left;
		vertical-align: baseline;
	}

	.share:hover{
	}

	.share-text{

	}

	.share-text:hover{
	}


	ul.share-buttons{
	  list-style: none;
	  padding: 0;
	  margin: 0 auto;

	}

	ul.share-buttons li{
	  display: inline-block!important;
	  margin: 0 0px;
	}




	ul.share-buttons .sr-only {
	  position: absolute;
	  clip: rect(1px 1px 1px 1px);
	  clip: rect(1px, 1px, 1px, 1px);
	  padding: 0;
	  border: 0;
	  height: 1px;
	  width: 1px;
	  overflow: hidden;
	}





/* Page Border month --------------------------------*/


#top, #bottom, #left, #right {
	background: #a5ebff;
	position: fixed;
	z-index: 1;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 30px;
		}

	#left {
		left: 0;
		background: #93ffdc; /* Old browsers */
		background: -moz-linear-gradient(top, #93ffdc 14%, #b3ffb9 86%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #93ffdc 14%,#b3ffb9 86%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #93ffdc 14%,#b3ffb9 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ffdc', endColorstr='#b3ffb9',GradientType=0 ); /* IE6-9 */
		}


		#right {
		right: 0;
		background: #b3ffb9; /* Old browsers */
		background: -moz-linear-gradient(top, #b3ffb9 14%, #e5ff80 86%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #b3ffb9 14%,#e5ff80 86%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #b3ffb9 14%,#e5ff80 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffb9', endColorstr='#e5ff80',GradientType=0 ); /* IE6-9 */
		}

	#top, #bottom {
		left: 0; right: 0;
		height: 30px;
		}


	#top {
		top: 0;
		background: #93ffdc; /* Old browsers */
		background: -moz-linear-gradient(left, #93ffdc 14%, #b3ffb9 86%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #93ffdc 14%,#b3ffb9 86%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #93ffdc 14%,#b3ffb9 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93ffdc', endColorstr='#b3ffb9',GradientType=1 ); /* IE6-9 */
	 	}


	#bottom {
		bottom: 0;
		background: #b3ffb9; /* Old browsers */
		background: -moz-linear-gradient(left, #b3ffb9 14%, #e5ff80 86%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #b3ffb9 14%,#e5ff80 86%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #b3ffb9 14%,#e5ff80 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffb9', endColorstr='#e5ff80',GradientType=1 ); /* IE6-9 */
		}







/* Page Border loading --------------------------------*/

#top-loading, #bottom-loading, #left-loading, #right-loading {
	background: #fff;
	position: fixed;
	z-index: 1;
	}
	#left-loading, #right-loading {
		top: 0; bottom: 0;
		width: 30px;
		}

	#left-loading {
		left: 0;
		background: #fff;
		}


		#right-loading {
		right: 0;
		background: #fff;
		}

	#top-loading, #bottom-loading {
		left: 0; right: 0;
		height: 30px;
		}


	#top-loading {
		top: 0;
		background: #fff;
	 	}


	#bottom-loading {
		bottom: 0;
		background: #fff;

		}


@media (min-width: 768px) {

 .logo-small{
	 visibility: hidden;
	 display: none;
 }

 .logo-large{
	visibility: hidden;
	display: none;
 }

	.logo-medium{
		margin: 0 auto;
		text-align:center;
		font-size:50px;
		margin-top: 0px;
		z-index: 10;
		overflow: visible;
		position: relative;
		max-width:800px;
		display: block;
		visibility: visible;
	}

	.logo-medium img{
		max-width:800px;
	}


	.logo img{
		max-width:300px;
		}


	.logo{
		width:300px;
		margin: 0 auto;
		text-align:center;
		font-size:50px;
		margin-top: 13px;
		z-index: 10;
		overflow: visible;
		position: relative;

		}


.month-text{
		vertical-align: text-top;
		font-size:18px;
		font-weight: 700;
		position: fixed;
		left: 50px;
		top:47px;
		z-index: 200!important;

		border: none;
	    cursor: pointer;
	    display: block;

	    background: none;
	    color: #000;
	    padding: 0;
}

.md-month{
	    display: none;
}


	.fruitveg-item{
	font-size:20px;
	font-weight: 300;
	text-align: center;
	margin: 20px auto;

}


	.fruitveg-item span{
	padding-bottom: 10px;
	border-bottom: solid 6px #93ffdc;
	width: auto;
	}


}

@media (min-width: 1240px) {

	.logo-small{
 	 visibility: hidden;
 	 display: none;
  }

	.logo-medium{
	 visibility: hidden;
	 display: none;
	}

 	.logo-large{
 		margin: 0 auto;
 		text-align:center;
 		font-size:50px;
 		margin-top: 0px;
 		z-index: 10;
 		overflow: visible;
 		position: relative;
 		max-width:1200px;
 		display: block;
 		visibility: visible;
 	}

 	.logo-large img{
 		max-width:1200px;
 	}

/* Overlay large --------------------------------*/

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 20%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.nav-left{
float: left;
width: 30%;
margin-left: 20%;
}

.nav-right{
float: right;
width: 30%;
margin-right: 20%;
}

.overlay{
	z-index: 400;

}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 26px;
    color: #fff;
    display: block;
    transition: 0.3s;
}


.overlay a:hover, .overlay a:focus {
    color: #eee;
    text-decoration: none!important;
}





.overlay .closebtn {
    position: absolute;
    top: 18px;
    left: 40px;
    font-size: 50px;
    text-decoration: none;
    z-index: 9999;
    display: block;
}



	.location-text{
		font-size:18px;
		font-weight: 700;
		position: fixed;
		right: 50px;
		top:50px;
		z-index: 200;
		display: block;
	}


.md-month{
	    display: inline-block;
	    padding-left: 5px;
}






.loading-logo{
	margin: 0 auto;
	width: 300px;
	text-align:center;
	font-size:50px;
	z-index: 10;
	overflow: visible;
	position: relative;
	display: block;

}

.box{
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;

}

.box-middle{
    display: table-cell;
    vertical-align: middle;
}

.box-inner{
	margin-left: auto;
    margin-right: auto;
    width: 300px;

}


.container-fluid {
	position: relative;

}

.quotes {display: none;}

#rotate{
	text-align: center;
	display: block;
	height: 40px;
	font-size: 32px;
	margin-top: 30px;
	}


.ripple{
	margin: 20px auto 0 auto;
	text-align: center;
	display: block;
}

/* Print large --------------------------------*/

.print{
	background: #eefeee;
	margin: 60px 0 0 0;
	padding:100px 0px;
}


/* Recipes large --------------------------------*/

.recipe {
	margin: 40px 9.33%;
	padding: 60px 0px 30px 0px;
}

.recipe h2{
	padding-bottom: 30px;
	border-top: solid 6px #93ffdc;
	font-weight: bold;
	width: auto;
	text-align: left;
	padding-top: 60px;
}


/* Footer large --------------------------------*/

	footer{margin: 0px ; padding:80px 40px 90px; background: #FFF;}



	.author{
		font-size:20px;
		line-height: 1.4;
		margin: 0 0 0 0;
	}

	.author a{
		color: #000;
		text-decoration:none;
		border-bottom: #93ffdc dotted 1px;

	}

	.author a:hover, .author a:focus {
    color: #000;
    text-decoration:none;

}


	.share{
		font-size:20px;
		font-weight: 700;
		text-decoration: none;
		margin: 0 auto;
		padding: 0px;
		text-align: right;
		vertical-align: baseline;
	}

	.share:hover{
	}

	.share-text{

	}

	.share-text:hover{
	}


	ul.share-buttons{
	  list-style: none;
	  padding: 0;
	  margin: 0 auto;

	}

	ul.share-buttons li{
	  display: inline-block!important;
	  margin: 0 5px;
	}

	ul.share-buttons .sr-only {
	  position: absolute;
	  clip: rect(1px 1px 1px 1px);
	  clip: rect(1px, 1px, 1px, 1px);
	  padding: 0;
	  border: 0;
	  height: 1px;
	  width: 1px;
	  overflow: hidden;
	}

	.produce-content h2{
		padding-bottom: 30px;
		border-bottom: solid 6px #93ffdc;
		font-weight: bold;
		width: auto;
		text-align: left;
		padding-top: 60px;
	}





}