/*
Theme Name: eatibl
Theme URI: http://eatibl.com
Author: mweason
Author URI: http://eatibl.com
Description: Description
/*--------------------------------------------------------------
# Custom Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Custom Styles
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

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

body {
  margin: 0;
  background-color: #e2e2e2; }

h1, h2, h3, h4, h5, h6, input, textarea, button {
  font-family: "Fredoka One"; }

p {
  font-family: "Montserrat";
  font-size: 16px; }
  p.small {
    font-size: 12px; }
  p.orange {
    color: #e17926 !important;
    font-size: 14px;
    font-weight: 700;
    margin-top: 6px !important; }
  p.white {
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    margin-top: 6px !important; }
  p.center {
    text-align: center; }
  p.indent {
    padding-left: 12px !important; }

h1 {
  font-size: 32px;
  color: #199547;
  padding-bottom: 5px;
  padding-left: 6px;
  margin-bottom: 0;
  border-bottom: 2px solid #e17926; }

h2 {
  font-size: 26px; }

h3 {
  font-size: 26px; }

h4 {
  font-size: 18px; }

input {
  font-size: 18px;
  outline: none;
  height: 50px;
  padding: 0 10px;
  -webkit-appearance: none;
  border-radius: 0; }

textarea {
  font-size: 18px;
  outline: none;
  padding: 10px 10px;
  -webkit-appearance: none;
  border-radius: 0; }

.frame {
  width: 1400px;
  height: 100%;
  margin: 0 auto; }
  @media (max-width: 1599px) {
    .frame {
      width: 1200px; } }

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

.flex-row {
  display: flex;
  flex-direction: row; }

.pricelist {
  border-radius: 3px;
  background-color: #e17926;
  width: 40px;
  margin: 0 auto;
  text-align: center;
  padding: 3px 0; }
  .pricelist p {
    margin: 2px 0 !important;
    font-weight: 700;
    color: #fff !important; }

.addon-box {
  margin-left: 15px;
  padding: 8px;
  border-radius: 5px; }
  .addon-box.white {
    background-color: #fff; }
    .addon-box.white h4, .addon-box.white p {
      color: #199547; }
    .addon-box.white .item-names p, .addon-box.white .sizes p {
      color: #199547 !important; }
  .addon-box.green {
    background-color: #199547; }
    .addon-box.green h4, .addon-box.green p {
      color: #fff; }
    .addon-box.green .item-names p, .addon-box.green .sizes p {
      color: #fff !important; }
  .addon-box p {
    margin: 0; }
  .addon-box .title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 0; }
  .addon-box .sizes {
    display: flex;
    padding: 4px 0; }
    .addon-box .sizes .spacer {
      width: 50%; }
    .addon-box .sizes p {
      text-align: center;
      width: 25%; }
  .addon-box .item-list {
    display: flex; }
    .addon-box .item-list .item-names {
      width: 50%;
      padding: 3px 0; }
      .addon-box .item-list .item-names.one {
        width: 75%; }
      .addon-box .item-list .item-names p {
        font-weight: 700;
        margin: 2px 0 !important; }
    .addon-box .item-list .size {
      width: 25%; }

.app-item {
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .app-item.center {
    justify-content: center; }
  .app-item .item-header {
    width: 100%;
    display: flex; }
    .app-item .item-header p {
      margin: 0; }
    .app-item .item-header .item-name-50 {
      width: 50%; }
    .app-item .item-header .item-name-100 {
      width: 100%; }
    .app-item .item-header .item-qty {
      width: 20%;
      text-align: center; }
    .app-item .item-header .item-price {
      width: 30%;
      text-align: center; }
  .app-item .description {
    width: 50%;
    display: flex;
    justify-content: center; }
    .app-item .description.full-width {
      width: 100%; }
    .app-item .description p {
      margin: 0;
      color: #fff; }
    .app-item .description .image {
      margin-top: 12px;
      width: 100px;
      height: 60px;
      border-radius: 50px / 30px;
      border: 1px solid #e17926; }
      .app-item .description .image.large {
        width: 120px;
        height: 120px;
        border-radius: 60px;
        margin-bottom: 12px; }
  .app-item .quantity {
    margin-top: 12px;
    color: #fff;
    width: 20%;
    text-align: center; }
  .app-item .price {
    margin-top: 12px;
    color: #fff;
    width: 30%;
    text-align: center; }
  .app-item .sizes {
    width: 100%;
    display: flex;
    padding: 4px 0; }
    .app-item .sizes .spacer {
      width: 60%; }
    .app-item .sizes p {
      text-align: center;
      width: 20%; }
  .app-item .item-list {
    width: 60%; }
    .app-item .item-list .item-names {
      padding: 3px 0; }
      .app-item .item-list .item-names p {
        font-weight: 700;
        margin: 2px 0 !important; }
  .app-item .size {
    width: 20%; }

.image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .image.falafel-balls {
    background-image: url("images/falafel-balls.jpg"); }
  .image.samosas {
    background-image: url("images/samosas.jpg"); }
  .image.grape-leaves {
    background-image: url("images/stuffed-grape-leaves.jpg"); }
  .image.chickpea {
    background-position: center 30%;
    background-image: url("images/chickpea-salad.jpg"); }
  .image.tabbouleh {
    background-size: 120%;
    background-image: url("images/tabouleh-salad.jpg"); }
  .image.lentil {
    background-image: url("images/lentil-soup.jpg"); }
  .image.falafel-platter {
    background-image: url("images/falafel-platter.jpg"); }
  .image.beef-shawarma-platter {
    background-image: url("images/beef-shawarma-platter.jpg"); }
  .image.fish-platter {
    background-image: url("images/fish-platter.jpg"); }
  .image.chicken-leg-platter {
    background-image: url("images/chicken-leg-platter.jpg"); }

.wrap-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .wrap-image.falafel {
    background-image: url("images/falafel-side.jpg"); }
  .wrap-image.chicken {
    background-image: url("images/chicken-shawarma-side.jpg"); }
  .wrap-image.beef {
    background-image: url("images/beef-shawarma-side.jpg"); }
  .wrap-image.fish {
    background-image: url("images/fish.jpg"); }
  .wrap-image.shish-tawook {
    background-image: url("images/shish-tawook.jpg"); }
  .wrap-image.lamb {
    background-image: url("images/beef-shawarma-side.jpg"); }

.deal-image {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; }
  .deal-image.mon {
    background-image: url("images/chicken-shawarma-side.jpg"); }
  .deal-image.tue {
    background-image: url("images/falafel-side.jpg"); }
  .deal-image.wed {
    background-image: url("images/beef-shawarma-side.jpg"); }
  .deal-image.thu {
    background-image: url("images/shish-tawook.jpg"); }
  .deal-image.fri-sat {
    background-position: center 140%;
    background-image: url("images/beef-or-chicken.jpg"); }
  .deal-image.sun {
    background-image: url("images/chicken-shawarma-side.jpg"); }

#home {
  -webkit-box-shadow: 0px 0px 3px 0px #8e8e8e;
  -moz-box-shadow: 0px 0px 3px 0px #8e8e8e;
  box-shadow: 0px 0px 3px 0px #8e8e8e;
  background-color: #fff; }
  #home #header img {
    max-width: 100%; }
  #home #daily .daily-specials {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    padding: 0 20px; }
    #home #daily .daily-specials .special-wrapper {
      width: 16.6%; }
      #home #daily .daily-specials .special-wrapper .special {
        margin: 0 6px;
        overflow: hidden;
        border-radius: 5px;
        -webkit-box-shadow: 0px 0px 6px 0px #8e8e8e;
        -moz-box-shadow: 0px 0px 6px 0px #8e8e8e;
        box-shadow: 0px 0px 6px 0px #8e8e8e; }
        #home #daily .daily-specials .special-wrapper .special .day {
          background-color: #199547; }
          #home #daily .daily-specials .special-wrapper .special .day h3 {
            color: #fff;
            margin: 0;
            text-align: center;
            padding: 6px 0; }
        #home #daily .daily-specials .special-wrapper .special .details {
          height: 180px;
          padding: 8px 0;
          position: relative; }
          #home #daily .daily-specials .special-wrapper .special .details p {
            margin: 0;
            color: #e17926;
            text-align: center; }
            #home #daily .daily-specials .special-wrapper .special .details p span {
              color: #199547; }
          #home #daily .daily-specials .special-wrapper .special .details .twice {
            position: absolute;
            bottom: 6px;
            left: 6px; }
            #home #daily .daily-specials .special-wrapper .special .details .twice p {
              color: #e17926;
              text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
              font-size: 26px;
              font-weight: 700; }
          #home #daily .daily-specials .special-wrapper .special .details .price {
            position: absolute;
            right: 5px;
            bottom: 5px;
            border-radius: 5px;
            background-color: #e17926;
            padding: 5px 8px; }
            #home #daily .daily-specials .special-wrapper .special .details .price p {
              margin: 0;
              color: #fff; }
  #home #menu {
    border-bottom: 40px solid #199547; }
    #home #menu .menu-wrapper {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap; }
      #home #menu .menu-wrapper .apps, #home #menu .menu-wrapper .platters {
        background-color: #199547; }
        #home #menu .menu-wrapper .apps h2, #home #menu .menu-wrapper .apps p, #home #menu .menu-wrapper .platters h2, #home #menu .menu-wrapper .platters p {
          color: #fff; }
      #home #menu .menu-wrapper .soups, #home #menu .menu-wrapper .wraps, #home #menu .menu-wrapper .location {
        background-color: #fff; }
        #home #menu .menu-wrapper .soups h2, #home #menu .menu-wrapper .soups p, #home #menu .menu-wrapper .wraps h2, #home #menu .menu-wrapper .wraps p, #home #menu .menu-wrapper .location h2, #home #menu .menu-wrapper .location p {
          color: #199547; }
      #home #menu .menu-wrapper .apps {
        padding: 20px 15px 20px 45px; }
      #home #menu .menu-wrapper .soups {
        padding: 20px 45px 20px 15px; }
      #home #menu .menu-wrapper .wraps, #home #menu .menu-wrapper .platters, #home #menu .menu-wrapper .location {
        padding: 0 45px 20px 45px; }
      #home #menu .menu-wrapper .apps, #home #menu .menu-wrapper .soups {
        width: 50%;
        display: flex;
        flex-wrap: wrap; }
        #home #menu .menu-wrapper .apps .section, #home #menu .menu-wrapper .soups .section {
          width: 50%; }
          #home #menu .menu-wrapper .apps .section.small, #home #menu .menu-wrapper .soups .section.small {
            width: 35%; }
          #home #menu .menu-wrapper .apps .section.large, #home #menu .menu-wrapper .soups .section.large {
            width: 65%; }
          #home #menu .menu-wrapper .apps .section.third, #home #menu .menu-wrapper .soups .section.third {
            width: 33%; }
          #home #menu .menu-wrapper .apps .section.fourth, #home #menu .menu-wrapper .soups .section.fourth {
            width: 25%; }
          #home #menu .menu-wrapper .apps .section h2, #home #menu .menu-wrapper .soups .section h2 {
            margin: 0; }
      #home #menu .menu-wrapper .wraps {
        width: 100%;
        border-top: 2px solid #e17926;
        display: flex;
        flex-wrap: wrap; }
        #home #menu .menu-wrapper .wraps h2 {
          width: 100%; }
        #home #menu .menu-wrapper .wraps .wraps-list {
          display: flex;
          width: 100%; }
          #home #menu .menu-wrapper .wraps .wraps-list .wrap {
            width: 15%;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            position: relative; }
            #home #menu .menu-wrapper .wraps .wraps-list .wrap p {
              width: 100%;
              font-size: 12px !important;
              color: #e17926;
              text-align: center; }
            #home #menu .menu-wrapper .wraps .wraps-list .wrap .wrap-image {
              width: 80%;
              height: 100px;
              margin-bottom: 40px; }
            #home #menu .menu-wrapper .wraps .wraps-list .wrap .price {
              position: absolute;
              bottom: 6px;
              border-radius: 5px;
              background-color: #e17926;
              padding: 5px 8px; }
              #home #menu .menu-wrapper .wraps .wraps-list .wrap .price p {
                margin: 0;
                color: #fff;
                font-size: 16px !important; }
          #home #menu .menu-wrapper .wraps .wraps-list .addon-box {
            width: 18%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center; }
            #home #menu .menu-wrapper .wraps .wraps-list .addon-box .combo-description {
              width: 100%;
              margin: 12px 0; }
              #home #menu .menu-wrapper .wraps .wraps-list .addon-box .combo-description p {
                font-size: 14px !important;
                text-align: center;
                color: #fff !important; }
            #home #menu .menu-wrapper .wraps .wraps-list .addon-box .price {
              border-radius: 5px;
              background-color: #e17926;
              padding: 5px 8px; }
              #home #menu .menu-wrapper .wraps .wraps-list .addon-box .price p {
                margin: 0;
                color: #fff;
                font-size: 16px !important; }
      #home #menu .menu-wrapper .platters {
        width: 100%;
        border-top: 2px solid #e17926;
        display: flex;
        flex-wrap: wrap; }
        #home #menu .menu-wrapper .platters .left, #home #menu .menu-wrapper .platters .right {
          display: flex; }
        #home #menu .menu-wrapper .platters .left {
          width: 40%;
          flex-wrap: wrap; }
          #home #menu .menu-wrapper .platters .left h2 {
            width: 100%; }
          #home #menu .menu-wrapper .platters .left .app-item {
            width: 50%; }
        #home #menu .menu-wrapper .platters .right {
          width: 60%; }
      #home #menu .menu-wrapper .location {
        border-top: 2px solid #e17926;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center; }
        #home #menu .menu-wrapper .location h2 {
          width: 100%; }
        #home #menu .menu-wrapper .location .location-wrapper {
          width: 80%;
          display: flex;
          flex-wrap: wrap; }
          #home #menu .menu-wrapper .location .location-wrapper .location-text {
            width: 40%; }
            #home #menu .menu-wrapper .location .location-wrapper .location-text .block {
              display: flex;
              flex-wrap: wrap;
              margin-bottom: 12px; }
              #home #menu .menu-wrapper .location .location-wrapper .location-text .block h4 {
                margin: 0;
                color: #199547;
                width: 35%; }
              #home #menu .menu-wrapper .location .location-wrapper .location-text .block .text {
                width: 65%; }
                #home #menu .menu-wrapper .location .location-wrapper .location-text .block .text p {
                  color: #4d4d4d;
                  margin: 2px 0;
                  font-size: 12px; }
                #home #menu .menu-wrapper .location .location-wrapper .location-text .block .text.flex {
                  display: flex; }
                  #home #menu .menu-wrapper .location .location-wrapper .location-text .block .text.flex .day, #home #menu .menu-wrapper .location .location-wrapper .location-text .block .text.flex .time {
                    width: 50%; }
          #home #menu .menu-wrapper .location .location-wrapper .location-map {
            width: 60%; }
            #home #menu .menu-wrapper .location .location-wrapper .location-map iframe {
              width: 100%;
              height: 100%; }
          #home #menu .menu-wrapper .location .location-wrapper .catering {
            width: 100%;
            text-align: center; }

/*# sourceMappingURL=style.css.map */