@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'brandon_grotesqueregular';
    src: url('fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('fonts/brandon_reg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('fonts/brandon_bld-webfont.woff2') format('woff2'),
         url('fonts/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Affectionately Yours';
    src: url('fonts/AffectionatelyYours.woff2') format('woff2'),
        url('fonts/AffectionatelyYours.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Carton';
    src: url('fonts/Carton.woff2') format('woff2'),
        url('fonts/Carton.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*WEBSITE FONTS*/

h1 {
	font-size:50px;
	color:#4A4A4A;
	font-family:'Affectionately Yours', sans-serif;
	text-align:center;
	padding-left:4%;
	padding-right:4%;
}

h2 {
	font-family:'Carton', sans-serif;
	font-size:22px;
	color:#9B1C7D;
	padding-left:8%;
	padding-right:8%;
}

h3 {
	font-size:14px;
	color:#4A4A4A;
	font-family:'Proxima Nova Rg', sans-serif;
	text-align: center;
	line-height: 22px;
	padding-left:4%;
	padding-right:4%;
}

h4 {
	font-size:14px;
	color:#9B1C7D;
	font-family:'brandon_grotesquebold', sans-serif;
	padding-left:4%;
	padding-right:4%;
}

p {
	font-size:14px;
	color:#4A4A4A;
	font-family:'Proxima Nova Rg', sans-serif;
	line-height: 20px;
	padding-left:8%;
	padding-right:8%;
}

h5 {
	font-size:12px;
	color:#4A4A4A;
	font-family:'Proxima Nova Rg', sans-serif;
	line-height: 16px;
	font-weight: 200;
	padding-left:4%;
	padding-right:4%;
}

h6 {
	font-family:'brandon_grotesquebold', sans-serif;
	font-size:20px;
	color:#4A4A4A;
	padding-left:4%;
	padding-right:4%;
	margin-top:0%;
	margin-bottom:0%;
}


body{ 
	

	max-width:100%;
	background-color:#FCF8F3;
	margin:0;
}

/*NAV*/

header {
  background: #FCF8F3;
  color: #EBEBD3;
  position: relative;
  border-bottom: 5px solid #9B1C7D;
}

header::after {
  content: '';
  clear: both;
  display: block;
}

.logo {
	display:none;
	
}

.mobile-logo {
	float:left;
	margin:2%;
	padding-left:4%;
	width:20%;
}

.site-nav {
  position: absolute;
  top: 100%;
  right: 0%;
  background: #9B1C7D;
  clip-path: circle(0px at top right);
  transition: clip-path ease-in-out 700ms;
  z-index:9999 !important;
}

.site-nav--open {
  clip-path: circle(250% at top right);
}

.site-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-nav a {
  color: #EBEBD3;
  font-family: 'Carton', sans-serif;
  font-size: 14px;
  display: block;
  padding: 1em 4em 1em 1em;
  text-transform: uppercase;
  text-decoration: none;
}

.site-nav a:hover,
.site-nav a:focus {
  background: #FCF8F3;
  color: #464655;
}

.site-nav a.active {
	color: #464655;

}

.site-nav--icon {
  display: inline-block;
  font-size: 1.5em;
  margin-right: 1em;
  width: 1.1em;
  text-align: right;
  color: rgba(255,255,255,.4);
}

.menu-toggle {
  padding: 1em;
  position: absolute;
  top: 1em;
  right: .5em;
  cursor: pointer;
}

.hamburger,
.hamburger::before,
.hamburger::after {
  content: '';
  display: block;
  background: #9B1C7D;
  height: 3px;
  width: 1.75em;
  transition: all ease-in-out 500ms;
}

.hamburger::before {
  transform: translateY(-6px);
}

.hamburger::after {
  transform: translateY(3px);
}

.open .hamburger {
  transform: rotate(45deg);
}

.open .hamburger::before {
  opacity: 0;
}

.open .hamburger::after {
  transform: translateY(-3px) rotate(-90deg);
}

li {
	list-style-type: none;
}




/*HEADER IMAGE*/

.header-image-mobile {
	width:100%;
	margin:0 auto;
	padding:0
}

.header-image-ipad {
	display:none;
}

.header-image-desktop {
	display:none;
}

.homepage-header {
	
	padding-left:3%;
	padding-right:3%;
	padding-bottom:3%;
}



/*LINE*/	
.line{
	display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:100%; 
    height:auto;
}


/*HOMEPAGE IMAGES*/
.homegrown-mobile {
	width:100%;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}

.homegrown-ipad {
	display:none !important;
}

.homegrown-desktop {
	display:none !important;
}

.chef-mobile {
	width:100%;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
}

.chef-ipad {
	display:none !important;
}

.chef-desktop {
	display:none !important;
}

/*ORDER*/
#order-1 {
	order:2;
}

#order-2 {
	order:1;
}

#flex {
	display: flex; 
	flex-direction: column; 
}

.for-ipad{
display:none;
}

/*IMAGES*/

img {
	display: block;
    max-width:100%; 
    height:auto;
}

/*FIGURES*/
figure {
	margin:0;
	padding:0;
}



/*BUTTONS*/

.button {
    display: inline-block;
    margin-top:4%;
    margin-left:8%;
    padding:3%;
 
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size:14px;
    color: #979797;
    text-decoration:none;
    border: solid 4px #979797;
    transition: .4s;
}

.button:hover {
    background: #979797;
    color: white;
}

.line-button {
   position: relative;
   display: inline-block;
   font-family: 'brandon_grotesquebold', sans-serif;
   font-size:14px;
   color: #979797;
   padding: 0.25em 0;
   text-decoration: none;
}

.line-button:before{
   position: absolute;
   content: '';
   width: 100%;
   height: 4px;
   top:100%;
   left: 0;
   background:#979797;
   transition: .2s;
}

.line-button:hover:before {
    top: -webkit-calc(100% - 3px);
    top: calc(100% - 3px);
}

.line-button-container {
	padding-left:4%;
	padding-bottom:15%;
}


/*FOOTER*/

footer {
	display:block;
	background-color:#676767;
	overflow:hidden;
}

.footer-logo {
	width:30%;
	padding:4%;
	float:left;
}

.footer-menu{
	font-size:10px;
	color:#FFFFFF;
	font-family:'brandon_grotesqueregular', sans-serif;
	text-decoration:none;
}

.footer-menu:hover{
	color:#979797;
}

.footer-content{
	float:left;
	padding:0;
}

.footer-column {
	width:100%;
}


/* CONTACT FORM */

.form-container {
  width: 90%;
  padding-left:3%;
  padding-bottom:3%;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact textarea,
#contact button[type="submit"] 

#contact {
  background: #F9F9F9;
  padding: 2%;
   display:table-cell;
}

#contact h3 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 10px;
}

#contact h4 {
  margin: 5px 0 15px;
  display: block;
  font-size: 13px;
  font-weight: 400;
}

#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact input[type="url"],
#contact textarea {
  width: 100%;
  border: 1px solid #ccc;
  background: #FFF;
  margin: 0 0 5px;
}

#contact textarea {
  height: 100px;
  max-width: 100%;
  resize: none;
}

.ipad-map {
	display:none;
}
.desktop-map {
	display:none;
}


/* MENU PAGE */

.menu-btns-ctn {
	padding:3%;

}

.menu-button {
    display: block;
    padding:3%;
    font-family: 'brandon_grotesquebold', sans-serif;
    font-size:50px;
    color: #979797;
    text-decoration:none;
    border: solid 6px #9B1C7D;
    transition: .4s;
    margin-bottom:3%;
    text-align:center;

}



.menu-button:hover {
    background: #9B1C7D;
    color: white;
}

.pdf-ctn {
	padding-left:36%;
}

.menu-pdf-button {
   position: relative;
   display: inline-block;
   font-family: 'brandon_grotesquebold', sans-serif;
   font-size:20px;
   color: #979797;
   padding: 0.25em 0;
   text-decoration: none;
}

.menu-pdf-button:before{
   position: absolute;
   content: '';
   width: 100%;
   height: 4px;
   top:100%;
   left: 0;
   background:#979797;
   transition: .2s;
}

.menu-pdf-button:hover:before {
    top: -webkit-calc(100% - 3px);
    top: calc(100% - 3px);
}

.itm-desc {
	padding-left:4%;
	padding-right:4%;
	margin-top:0;
	margin-bottom:0;
	font-size:18px;
}

.menu-itm {
	padding-bottom:4%;
}

.price {
	font-size:16px;
}


.mains {
	padding-bottom:10%;
}


/*ORDER ONLINE PAGE*/

table {
	background-color:transparent;
	border-collapse: collapse;
	border-spacing:0;
	display:table;
	margin-bottom: 5%;

}

tbody img {
    max-width: 50%;
    filter: grayscale(1) brightness(0);
    margin: auto;
}


td {
	display:block;
	width:100%;
}

.social {
	display: inline-block;
	padding:1%;
}

/* ANIMATION */
.footer-logo {
    animation-name:rotate;
    animation-duration:3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


@keyframes rotate { 
    0% { 
        transform:rotate(0deg); 

    } 
       25% { 
        transform:rotate(25deg); 
    } 

      75% { 
        transform:rotate(-25deg); 
    } 

     100% { 
        transform:rotate(0deg); 
    } 
}

.food {

	animation-duration: .500ms;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}

@keyframes bounce {
	0% {
		transform:translateY(0);
	}
	50% {
		transform:translateY(-5px);
	}
	100% {
		transform:translateY(0);
	}
}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}

.bounce {
	animation-name:bounce;
}

/* SLIDER */

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}









/*IPAD MEDIA QUERY*/

@media (min-width: 667px) {
  

h3 {
	padding-top:3%;
}

h2 {
	padding-left:10%;
	padding-right:10%;
}

p {
	padding-left:10%;
	padding-right:10%;
}

.homepage-header {
	padding:3%
}

.container {
	display: flex;
	height:auto;
}

.container:after {
	content: "";
	display: table;
	clear: both;
}

.column {
	width: 100%;
	background-color:#EDE6EC;
}

.logo {
	float:left;
	margin-top:2%;
	margin-left:2%;
	padding-left:4%;
	width:20%;
	display:block !important;
}

.mobile-logo {
	display:none;
}

.menu-toggle {
   display: none;
}
  
  .site-nav {
    height: auto;
    position: relative;
    background: transparent;
    float: right;
    clip-path: initial;
    margin:3%;
  }
  
  .site-nav li {
    display: inline-block;
    border: none;
  }
  
  .site-nav a {
    padding: 0;
    margin-left: 3em;
    color:#9B1C7D;
  }
  
  .site-nav a:hover,
  .site-nav a:focus {
    background: transparent;
  }
  
  .site-nav--icon {
    display: none;
  }
  
.header-image-mobile {
	display:none;
}
.header-image-ipad {
	width:100%;
	margin:0 auto;
	padding:0;
	display:block !important;
}
.header-image-desktop {
	display:none !important;
}

.homegrown-sec {
	width:100%;
	height:auto;
	margin: auto;
}

.chef-sec {
	width:100%;
	height:auto;
	margin: auto;
}

img {
	margin:0;
}

.homegrown-mobile {
	display:none !important;
}
.homegrown-ipad {
	width:100%;
	height:auto;
	margin: auto;
	display:block !important;
}
.homegrown-desktop {
	display:none !important;
}

.chef-mobile {
	display:none !important;
}
.chef-ipad {
	width:100%;
	height:auto;
	margin: auto;
	display:block !important;
}
.chef-desktop {
	display:none !important;
}

h5 {
	padding-right:20%;
}

.line-button-container {
	padding-left:4%;
	padding-bottom:15%;
}

.footer-content {
	padding-left: 15%;
	padding-top:5%;
}

.footer-menu{
	font-size:15px;
	line-height: 25px;
	color:#FFFFFF;
	font-family:'brandon_grotesqueregular', sans-serif;
	text-decoration:none;
}

.footer-logo {
	width:30%;
	padding:4%;
	float:left;
}

.social-icons {
	padding-left:20%;
	padding-top:10%;
}

.form-container {
  width: 90%;
  padding-left:3%;
  padding-bottom:3%;
}

.mobile-map {
	display:none;
}

.ipad-map {
	display:block;
}

.desktop-map {
	display:none;
}

.menu-btns-ctn {
	padding-left:15%;

}

.menu-itm {
	padding-left:15%;
	padding-right:15%;
}

.price {
	padding-left:15%;
}

.menu-button {
	width:20%;
	display: inline-block;
	font-size:30px;
}

/*ORDER ONLINE PAGE*/

td {
    display: inline-block;
    width: 24%;
}

/* OUR STORY PAGE */
.story {
	padding-top:2%;
}

.for-mobile{
display:none;
}

.for-ipad{
display:unset;
}

.left{
	padding-left:3%;
	padding-top:3%;
	padding-bottom:3%;
	padding-right:1.5%;
}

.right{
	padding-right:3%;
	padding-top:3%;
	padding-bottom:3%;
	padding-left:1.5%;
}

}









/*DESTOP MEDIA QUERY*/

@media (min-width: 1025px) {

	.column {
	float: left;
	width:50%;
}

.header-image-mobile {
	display:none;
}

.header-image-ipad {
	display:none !important;
}

.header-image-desktop {
	width:100%;
	margin:0;
	padding:0;
	display:block !important;
}

.homegrown-mobile {
	display:none !important;
}

.homegrown-ipad {
	display:none !important;
}

.homegrown-desktop {
	width:100%;
	margin:0 auto;
	padding:0;
	float:left;
	overflow:hidden;
	display:block !important;
}

.chef-mobile {
	display:none !important;
}

.chef-ipad {
	display:none !important;
}

.chef-desktop {
	width:100%;
	margin:0 auto;
	padding:0;
	float:left;
	overflow:hidden;
	display:block !important;
}

img {
	margin:0;
}

.homepage-header {
	padding-left:15%;
	padding-right:15%;
}

h3 {
	font-size:20px;
	color:#4A4A4A;
	font-family:'Proxima Nova Rg', sans-serif;
	text-align: center;
	line-height: 35px;
}

h2 {
	font-size:35px;
	color:#9B1C7D;
	font-family:'Carton', sans-serif;
	padding-top:20%;
}

p {
	font-size:18px;
	color:#4A4A4A;
	font-family:'Proxima Nova Rg', sans-serif;
	line-height: 24px;
}

h5 {
	padding-right:20%;
}

.line-button-container {
	padding-left:4%;
	padding-bottom:15%;
}

.footer-logo {
	width:10%;
}

.footer-content {
	padding-left: 5%;
	padding-top:2%;
}

.form-container {
  width: 50%;
  padding-left:3%;
  padding-bottom:3%;
  margin:0 auto;

}

.menu-btns-ctn {
	padding-left:25%;

}

.menu-itm {
	padding-left:10%;
	padding-right: 10%;
}

.price {
	padding-left:15%;
}

.menu-button {
	width:15%;
	display: inline-block;
	font-size:30px;
}

.pdf-ctn {
	padding-left:27%;
}

h2 {
	padding-top:0;
}

/* OUR STORY PAGE */

.story {

	padding-top:2%;

}


.for-mobile{
display:none;
}

.mobile-map {
	display:none;
}

.ipad-map {
	display:none;
}

.desktop-map {
	display:block;
	width: 100%;
}

}