//app.css for Community Foods

body {
	position: relative;
}

nav.tab-bar {
	background-color: #b73922;
}

nav.tab-bar .middle span {
	font-family: 'Kreon', sans-serif;
	font-size: 1.5em;

}

nav.tab-bar .search_icon {
}

nav.tab-bar .search_icon img{
	height: 1.5rem;
	width: 1.5rem;
	margin-left: 25%;
}

.tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.35rem;
    left: 0.90625rem;
    box-shadow: 0 0 0 1px #FFFFFF, 0 6px 0 1px #FFFFFF, 0 12px 0 1px #FFFFFF;
    width: 1rem; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }


div.row {
	width: 100%;
}

div.producer_card {
	padding-bottom: 100%;
	position: relative;
}

.producer_card .content{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 10;
	background: rgba(0, 0, 0, 0.25);
	top: 0;
	left: 0;
}
.producer_card .content h3 {
	color: white;
	text-align: right;
	margin-top: 4%;
	text-shadow: 0.05em 0.05em 0.1em #444444;
	float: right;
	margin-right: 5%;
	margin-bottom: 0;
	line-height: 1;
}

.producer_card .content h5 {
	color: white;
	text-align: right;
	text-shadow: 0.05em 0.05em 0.1em #444444;
	float: right;
	clear: right;
	margin-right: 5%;
	margin-top: 0;
	line-height: 1;
}


div#saskatoon_floatinggardens {
	background: url(/communityfoods/images/floatinggardens.jpg) no-repeat center top;
    background-size: cover;	

}

div#saskatoon_lazyhoundfarms {
	background: url(/communityfoods/images/lazyhoundfarms.jpg) no-repeat center top;
    background-size: cover;	
}

div#saskatoon_peasantspick {
	background: url(/communityfoods/images/peasantspick.jpg) no-repeat center top;
	background-size: cover;	

}

.icon-bar {
	background-color: #b73922;
	position: fixed;
	bottom: 0;
	z-index: 1000;

}

.icon-bar a {
	border-right: 1px solid rgba(255, 255, 255, 0.35);
}

.icon-bar a:last-child {
	border: 0px;
}

.icon-bar a:hover {
	background-color: #f04e23;
}

.icon-bar > * img {
   width: 2.25rem;
   height: 2rem; 
}

.icon-bar > * {
	padding: 0.825rem;
}