/*!
Theme Name: thelawfirm
Theme URI: http://thelawfirm.kssdev.com
Author: The Law Firm, Your Welcome.
Author URI: http://thelawfirm.kssdev.com
Description: The Law Firm\'s Wordpress boilerplate. Your welcome.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: thelawfirm
Tags:

This theme, like WordPress, is licensed under the GPL.

thelawfirm is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
*:active, *:focus, *:hover {
  outline: none;
  -webkit-tap-highlight-color: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased; }

* {
  box-sizing: border-box;
  -webkit-tap-higlight-color: rgba(0, 0, 0, 0); }

body {
  margin: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, .split-block p, .section-page-intro p, .cta-block p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: 0; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
  outline: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

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

/* *****************************************
		VARIABLES
******************************************** */
@font-face {
  font-family: "Century Gothic";
  src: url("../fonts/Century_Gothic/GOTHIC.TTF"); }

@font-face {
  font-family: "bongiornoregular";
  src: url("../fonts/new/bongiorno-webfont.eot");
  src: url("../fonts/new/bongiorno-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/new/bongiorno-webfont.woff2") format("woff2"), url("../fonts/new/bongiorno-webfont.woff") format("woff"), url("../fonts/new/bongiorno-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "castonregular";
  src: url("../fonts/new/caston-regular-webfont.eot");
  src: url("../fonts/new/caston-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/new/caston-regular-webfont.woff2") format("woff2"), url("../fonts/new/caston-regular-webfont.woff") format("woff"), url("../fonts/new/caston-regular-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'sketchymedium';
  src: url("../fonts/new/sketchy-webfont.eot");
  src: url("../fonts/new/sketchy-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/new/sketchy-webfont.woff2") format("woff2"), url("../fonts/new/sketchy-webfont.woff") format("woff"), url("../fonts/new/sketchy-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/*** BEGIN COMMON STYLES ***/
html, body {
  overflow-x: hidden; }

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  background: url(../img/patterns/bg--white.jpg) 500px 400px repeat;
  background-color: #fff; }

#main {
  padding-top: 160px; }
  @media screen and (max-width: 650px) {
    #main {
      padding-top: 0; } }
section {
  padding: 35px 0; }
  section.section-hero.fullWidth {
    padding: 0; }
    section.section-hero.fullWidth img {
      display: block; }

.row {
  position: relative;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  max-width: 100vw; }
  .row::after {
    content: "";
    display: table;
    clear: both;
    table-layout: fixed; }
  .row.no-margin {
    margin: 0; }
  #primary.row {
    padding: 0; }
  .row.inner {
    padding-top: 0;
    padding-bottom: 0; }
  @media screen and (max-width: 1000px) {
    .row {
      padding: 25px 0; }
      .row.inner {
        padding: 0; }
      .row.tablet-full-width {
        padding: 15px 0; } }
.row-margin {
  position: relative;
  width: 83.34%;
  margin-left: 8.33%;
  margin-right: 8.33%; }
  @media screen and (max-width: 1000px) {
    .row-margin {
      margin-left: 3%;
      margin-right: 3%;
      width: 94%; } }
.col, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  min-height: 1px;
  float: left;
  padding: 0 20px; }
  .col:first-child, .col-12:first-child, .col-11:first-child, .col-10:first-child, .col-9:first-child, .col-8:first-child, .col-7:first-child, .col-6:first-child, .col-5:first-child, .col-4:first-child, .col-3:first-child, .col-2:first-child, .col-1:first-child {
    padding-left: 0; }
  .col:last-child, .col-12:last-child, .col-11:last-child, .col-10:last-child, .col-9:last-child, .col-8:last-child, .col-7:last-child, .col-6:last-child, .col-5:last-child, .col-4:last-child, .col-3:last-child, .col-2:last-child, .col-1:last-child {
    padding-right: 0; }

.col-1 {
  width: 8.3333333333%; }

.col-2 {
  width: 16.6666666667%; }

.col-3 {
  width: 25%; }

.col-4 {
  width: 33.3333333333%; }

.col-5 {
  width: 41.6666666667%; }

.col-6 {
  width: 50%; }

.col-7 {
  width: 58.3333333333%; }

.col-8 {
  width: 66.6666666667%; }

.col-9 {
  width: 75%; }

.col-10 {
  width: 83.3333333333%; }

.col-11 {
  width: 91.6666666667%; }

.col-12 {
  width: 100%; }

@media screen and (max-width: 650px) {
  .col-4 {
    width: 100%;
    max-width: 300px;
    margin: 25px auto;
    float: none;
    padding: 0; } }

@media screen and (max-width: 650px) {
  .hidden-mobile {
    display: none; } }

#page {
  max-width: 100%;
  overflow-x: hidden;
  position: relative; }

ul {
  list-style: none; }

a {
  font-family: "castonregular";
  text-decoration: none;
  letter-spacing: .05em;
  color: #3e3935;
  transition: opacity 0.25s ease-out;
  cursor: pointer;
  text-transform: uppercase; }
  a:hover {
    opacity: 0.75; }

.button, .form-container input[type="submit"],
button,
input[type="submit"] {
  position: relative;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  font-family: "castonregular";
  padding: 16px 36px 14px;
  line-height: 1;
  background-color: #adcadb;
  color: #3e3935;
  text-transform: uppercase;
  border: 0;
  width: auto; }
  .button::before, .form-container input[type="submit"]::before,
  button::before,
  input[type="submit"]::before {
    content: "";
    position: absolute;
    z-index: 10;
    left: 4px;
    top: -6px;
    width: 100%;
    height: 100%;
    border: dashed 1px #3e3935;
    transition: .4s ease all; }
  .button:hover,
  button:hover,
  input[type="submit"]:hover {
    opacity: 1; }
    .button:hover::before,
    button:hover::before,
    input[type="submit"]:hover::before {
      left: -1px;
      top: -1px; }
  .button.cta,
  button.cta,
  input.cta[type="submit"] {
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    font-family: "castonregular";
    padding: 16px 36px 14px;
    line-height: 1;
    background-color: #f4ea68;
    color: #3e3935;
    text-transform: uppercase;
    border: 0;
    width: auto; }
    .button.cta::before,
    button.cta::before,
    input.cta[type="submit"]::before {
      content: "";
      position: absolute;
      z-index: 10;
      left: 4px;
      top: -6px;
      width: 100%;
      height: 100%;
      border: dashed 1px #3e3935;
      transition: .4s ease all; }
    .button.cta:hover,
    button.cta:hover,
    input.cta[type="submit"]:hover {
      opacity: 1; }
      .button.cta:hover::before,
      button.cta:hover::before,
      input.cta[type="submit"]:hover::before {
        left: -1px;
        top: -1px; }
  .button.white,
  button.white,
  input.white[type="submit"] {
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    font-family: "castonregular";
    padding: 16px 36px 14px;
    line-height: 1;
    background-color: #fff;
    color: #3e3935;
    text-transform: uppercase;
    border: 0;
    width: auto; }
    .button.white::before,
    button.white::before,
    input.white[type="submit"]::before {
      content: "";
      position: absolute;
      z-index: 10;
      left: 4px;
      top: -6px;
      width: 100%;
      height: 100%;
      border: dashed 1px #adcadb;
      transition: .4s ease all; }
    .button.white:hover,
    button.white:hover,
    input.white[type="submit"]:hover {
      opacity: 1; }
      .button.white:hover::before,
      button.white:hover::before,
      input.white[type="submit"]:hover::before {
        left: -1px;
        top: -1px; }

p, .split-block p, .section-page-intro p, .cta-block p {
  font-size: 18px;
  font-family: "Century Gothic";
  letter-spacing: .5px;
  line-height: 1.5;
  font-weight: 600; }
  @media screen and (max-width: 650px) {
    p, .split-block p, .section-page-intro p, .cta-block p {
      font-size: 14px; } }
  p:not(:last-child) {
    margin-bottom: 15px; }
  p.large, .split-block p, .section-page-intro p, .cta-block p {
    font-size: 24px;
    letter-spacing: .5px;
    font-weight: 800;
    line-height: 1.35; }
    @media screen and (max-width: 650px) {
      p.large, .split-block p, .section-page-intro p, .cta-block p {
        font-size: 18px; } }
  p.small {
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 0; }
    @media screen and (max-width: 650px) {
      p.small {
        font-size: 10px; } }
h1,
.h1 {
  font-size: 72px;
  font-family: "bongiornoregular";
  line-height: 1; }
  @media screen and (max-width: 650px) {
    h1,
    .h1 {
      font-size: 42px; } }
h2,
.h2,
.featured-menu-items .col-text-bottom a,
.featured-menu-items .col-text-bottom {
  font-size: 48px;
  font-family: "bongiornoregular"; }
  @media screen and (max-width: 650px) {
    h2,
    .h2,
    .featured-menu-items .col-text-bottom a,
    .featured-menu-items .col-text-bottom {
      font-size: 28px; } }
h3,
.h3 {
  font-size: 24px;
  font-family: "Century Gothic";
  text-transform: uppercase;
  letter-spacing: .1em;
  font-weight: 600; }
  @media screen and (max-width: 650px) {
    h3,
    .h3 {
      font-size: 18px; } }
.no-margin {
  margin: 0 !important; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-bottom {
  padding-bottom: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.double-img {
  flex-wrap: wrap; }
  .double-img img {
    display: block; }
  .double-img img:first-child {
    margin-bottom: 60px; }
  .double-img .img-wrapper {
    width: 100%; }
  @media screen and (max-width: 1000px) {
    .double-img img:first-child {
      margin-bottom: 0; }
    .double-img img:not(:first-child) {
      display: none; } }
.flex {
  display: flex;
  flex-wrap: wrap; }
  .flex.full-center {
    align-items: center;
    justify-content: center; }

.flex-middle {
  align-items: center; }

.double-border {
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  padding: 30px;
  z-index: 30;
  position: relative; }
  .double-border.full {
    border-top: solid 1px black;
    width: 100%; }
    .double-border.full:before {
      top: -5px;
      border-top: dashed 1px black; }
  .double-border.blue {
    border-color: #ebf5fa; }
    .double-border.blue:before {
      border-color: #ebf5fa; }
  .double-border:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -4px;
    z-index: -1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-left: dashed 1px black;
    border-right: dashed 1px black;
    border-bottom: dashed 1px black; }
  .double-border p {
    text-align: center;
    width: 100%; }
  .double-border h2 {
    text-align: center;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    /* width:100%;  */ }
  .img-right .double-border, .img-left .double-border {
    margin-bottom: 30px; }
  .double-border span.double-segment {
    position: absolute;
    border-top: solid 1px black;
    top: 0px; }
    .double-border span.double-segment.left {
      left: 0px; }
      .double-border span.double-segment.left:before {
        content: "";
        position: absolute;
        left: -3px;
        top: -6px;
        width: calc(100% + 2px);
        border-top: dashed 1px black; }
    .double-border span.double-segment.right {
      right: 0px; }
      .double-border span.double-segment.right:before {
        content: "";
        position: absolute;
        right: -3px;
        top: -6px;
        width: calc(100% + 2px);
        border-top: dashed 1px black; }

.borderify-title {
  text-align: center;
  position: absolute;
  top: -17px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.loading {
  opacity: 0; }

.loaded {
  transition: opacity 0.35s ease;
  opacity: 1; }

.inactive {
  opacity: 0.4; }

.align-center {
  text-align: center; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.center-horiz {
  display: inline-block;
  margin-left: 50%;
  transform: translateX(-50%); }

.wrapper-rotate {
  transform: rotate(-1deg); }
  .wrapper-rotate.rotate-1 {
    transform: rotate(-1.5deg); }
  .wrapper-rotate.rotate-2 {
    transform: rotate(1deg); }
  .wrapper-rotate.rotate-3 {
    transform: rotate(-2deg); }

.shadow-small {
  box-shadow: 6px 8px 42px rgba(19, 19, 19, 0.38); }

.shadow-large {
  box-shadow: 19px 16px 62px rgba(19, 19, 19, 0.48); }

.bg-photo {
  background-size: cover;
  background-position: center center; }

.bg-light-beige,
.light-bg {
  background: url(../img/patterns/pattern-light-beige.jpg) 300px 300px repeat;
  background-color: #e6e3dc; }
  .bg-light-beige .torn-edge-top svg,
  .bg-light-beige .torn-edge-bottom svg,
  .light-bg .torn-edge-top svg,
  .light-bg .torn-edge-bottom svg {
    fill: url(#fill-light-beige); }

.bg-med-beige,
.dark-bg {
  background: url(../img/patterns/pattern-dark-beige.jpg) 300px 300px repeat;
  background-color: #d4cec0; }
  .bg-med-beige .torn-edge-top svg,
  .bg-med-beige .torn-edge-bottom svg,
  .dark-bg .torn-edge-top svg,
  .dark-bg .torn-edge-bottom svg {
    fill: url(#fill-med-beige); }

.bg-white {
  background: url(../img/patterns/bg--white.jpg) 300px 300px repeat;
  background-color: #fff; }
  .bg-white .torn-edge-top svg,
  .bg-white .torn-edge-bottom svg {
    fill: url(#fill-bg-white); }

.bg-blue {
  background: url(../img/patterns/bg--blue.jpg) 300px 300px repeat;
  background-color: #ebf5fa; }
  .bg-blue .torn-edge-top svg,
  .bg-blue .torn-edge-bottom svg {
    fill: url(#fill-bg-blue); }

.bg-yellow {
  background: url(../img/patterns/bg--yellow.jpg) 300px 300px repeat;
  background-color: #fffdc3; }
  .bg-yellow .torn-edge-top svg,
  .bg-yellow .torn-edge-bottom svg {
    fill: url(#fill-bg-yellow); }

.bg-dark-pattern {
  background: url(../img/patterns/pattern-black-flower.jpg) 150px 124px repeat;
  background-color: #3e3935;
  color: #e7e4dd; }
  .bg-dark-pattern .torn-edge-top svg,
  .bg-dark-pattern .torn-edge-bottom svg {
    fill: url(#fill-black-pattern); }

.torn-edge-before,
.torn-edge-after {
  position: relative; }
  .torn-edge-before .row-margin,
  .torn-edge-after .row-margin {
    z-index: 101; }

.torn-edge-before {
  padding-top: 35px; }

.torn-edge-after {
  padding-bottom: 35px; }

.torn-edge-top,
.torn-edge-bottom {
  content: ' ';
  position: absolute;
  z-index: 50;
  height: 35px;
  width: 100%; }
  .torn-edge-top svg,
  .torn-edge-bottom svg {
    min-width: 100%;
    height: 35px; }
  .torn-edge-top::before,
  .torn-edge-bottom::before {
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0; }

.torn-edge-top {
  top: -35px; }
  .torn-edge-top::before {
    top: -20px;
    bottom: 0; }

.torn-edge-bottom {
  bottom: -35px; }
  .torn-edge-bottom::before {
    top: 0;
    bottom: -20px; }

.starburst-bottom {
  position: relative; }
  .starburst-bottom::before {
    content: ' ';
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 500px;
    opacity: .4;
    background: url(../img/svg/element-starburst-bottom.svg) no-repeat;
    background-position: bottom center; }

.string-lights {
  position: relative; }
  .string-lights::after {
    content: ' ';
    position: absolute;
    z-index: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../img/png/string-lights.png) no-repeat;
    background-position: top center;
    background-size: 100%; }
    @media screen and (max-width: 650px) {
      .string-lights::after {
        background-position: top left;
        background-size: 280%; } }
  .string-lights.torn-edge-before::after {
    top: -30px;
    z-index: 60; }

.social ul {
  white-space: nowrap; }

.social li {
  display: inline-block;
  fill: #3e3935;
  height: 20px;
  width: 20px;
  padding: 4px; }
  .social li svg .st0 {
    fill: #3e3935; }

/*** END COMMON STYLES ***/
.site-header {
  position: absolute;
  height: 160px;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  padding-bottom: 0;
  padding-top: 0; }
  @media screen and (max-width: 650px) {
    .site-header {
      position: relative;
      height: auto; } }
  .site-header > .row-margin {
    margin-top: 0;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 650px) {
      .site-header > .row-margin {
        display: block;
        text-align: center; } }
.header-logo {
  margin-top: 20px; }
  .header-logo svg {
    height: 133px; }
  .header-logo a:hover {
    opacity: 1; }

.header-links {
  width: 100%; }

.header-social {
  text-align: right;
  margin-bottom: 20px; }
  @media screen and (max-width: 650px) {
    .header-social {
      display: none; } }
.header-menu {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 650px) {
    .header-menu {
      flex-direction: column;
      padding-bottom: 15px; } }
.main-navigation {
  padding-left: 45px; }
  @media screen and (max-width: 650px) {
    .main-navigation {
      display: none;
      padding-left: 0;
      padding-top: 25px;
      order: 2; } }
  .main-navigation a {
    letter-spacing: 0; }
  .main-navigation li {
    white-space: nowrap;
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 400; }
    .main-navigation li a:hover {
      opacity: 1; }
    @media screen and (max-width: 650px) {
      .main-navigation li {
        line-height: 2; } }
    .main-navigation li.current-menu-item {
      background: url(../img/png/nav-hover-m.png) center repeat-x; }
      .main-navigation li.current-menu-item::before {
        background: url(../img/png/nav-hover-l.png) center no-repeat;
        opacity: 1; }
      .main-navigation li.current-menu-item::after {
        background: url(../img/png/nav-hover-r.png) center no-repeat;
        opacity: 1; }
    .main-navigation li::before, .main-navigation li::after {
      content: '';
      position: absolute;
      top: 0;
      width: 15px;
      height: 100%;
      opacity: 0; }
    .main-navigation li::before {
      left: -15px;
      background: url(../img/png/nav-hover-l.png) center no-repeat; }
    .main-navigation li::after {
      right: -15px;
      background: url(../img/png/nav-hover-r.png) center no-repeat; }
    .main-navigation li:hover {
      background: url(../img/png/nav-hover-m.png) center repeat-x; }
      .main-navigation li:hover::before, .main-navigation li:hover::after {
        opacity: 1; }

.main-cta {
  flex-grow: 5;
  margin-bottom: 15px; }
  @media screen and (max-width: 650px) {
    .main-cta {
      padding-top: 20px;
      margin-bottom: 20px;
      order: 0; } }
  .main-cta li a {
    position: relative;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    font-family: "castonregular";
    padding: 16px 36px 14px;
    line-height: 1;
    background-color: #f4ea68;
    color: #3e3935;
    text-transform: uppercase;
    border: 0;
    width: auto; }
    .main-cta li a::before {
      content: "";
      position: absolute;
      z-index: 10;
      left: 4px;
      top: -6px;
      width: 100%;
      height: 100%;
      border: dashed 1px #3e3935;
      transition: .4s ease all; }
    .main-cta li a:hover {
      opacity: 1; }
      .main-cta li a:hover::before {
        left: -1px;
        top: -1px; }
  .main-cta li:not(:first-of-type) {
    display: none; }
  .main-cta li:hover {
    background: none; }
    .main-cta li:hover::before, .main-cta li:hover::after {
      opacity: 0; }

@media screen and (min-width: 1000px) {
  .main-cta {
    text-align: right; } }

.mobile-icon {
  display: none;
  cursor: pointer;
  text-align: center;
  order: 1; }
  @media screen and (max-width: 650px) {
    .mobile-icon {
      display: block; } }
  .mobile-icon i {
    display: inline-block; }
  .mobile-icon::after {
    content: "open";
    display: inline-block;
    vertical-align: 3px;
    padding-left: 10px;
    font-size: 14px;
    font-family: "castonregular";
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    color: #3e3935; }
  .mobile-icon span {
    display: block;
    width: 26px;
    border-top: solid 2px #3e3935;
    position: relative;
    margin-top: 4px;
    transition: all .4s ease-out; }
    .mobile-icon span:first-child {
      top: 0; }
    .mobile-icon span:last-child {
      top: 0; }
    .mobile-icon span:nth-child(2) {
      left: 0; }
  .mobile-icon.xify span:first-child {
    transform: rotate(45deg);
    top: 5px; }
  .mobile-icon.xify span:nth-child(2) {
    opacity: 0;
    left: -5px; }
  .mobile-icon.xify span:last-child {
    top: -7px;
    transform: rotate(-45deg); }

@media screen and (max-width: 650px) {
  .show .main-navigation {
    display: block; }
    .show .main-navigation ul {
      display: block; }
    .show .main-navigation li {
      position: relative;
      display: block; }
  .show .mobile-icon::after {
    content: "close"; } }

.site-footer {
  background: url(../img/patterns/pattern-bicycles-black.jpg) center repeat;
  background-size: 366px 366px;
  color: #e7e4dd; }
  .site-footer.row {
    padding-top: 75px;
    padding-bottom: 20px; }
  .site-footer.instagram {
    background-image: none;
    background-color: #3e3935; }
    .site-footer.instagram.row {
      padding-top: 20px;
      padding-bottom: 20px; }

.footer-container {
  width: 100%;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 1000px) {
    .footer-container {
      flex-wrap: wrap; } }
.footer-logo {
  width: 450px; }
  .footer-logo svg path {
    fill: #e7e4dd !important; }
  @media screen and (max-width: 1000px) {
    .footer-logo {
      width: 300px; } }
  @media screen and (max-width: 650px) {
    .footer-logo {
      width: 75%; } }
.footer-menu {
  text-align: center;
  width: 100%;
  margin: 2em auto;
  max-width: 100%; }
  .footer-menu a {
    font-size: 11px;
    color: #e7e4dd; }
  .footer-menu li {
    position: relative;
    margin: 0 10px;
    display: inline-block;
    text-transform: uppercase; }
    @media screen and (max-width: 650px) {
      .footer-menu li {
        display: block;
        margin: 10px 0; } }
    .footer-menu li:not(:last-child):after {
      content: "";
      position: absolute;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #e7e4dd;
      right: -13px;
      top: 8px;
      opacity: .65; }
      @media screen and (max-width: 650px) {
        .footer-menu li:not(:last-child):after {
          display: none; } }
.footer-bottom {
  text-align: center; }
  .footer-bottom .social {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px; }
    @media screen and (max-width: 1000px) {
      .footer-bottom .social {
        display: block; } }
    .footer-bottom .social svg path {
      fill: #e7e4dd !important; }
  .footer-bottom .footer-copyright {
    display: inline-block; }
    @media screen and (max-width: 1000px) {
      .footer-bottom .footer-copyright {
        display: block;
        padding-top: 10px; } }
    .footer-bottom .footer-copyright p, .footer-bottom .footer-copyright a {
      color: #e7e4dd;
      font-size: 8px;
      font-weight: 400;
      font-family: "Century Gothic"; }

/*** INSTAGRAM SECTION ***/
.insta {
  background-image: url(../img/patterns/bg-instagram-2.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 77vw;
  padding: 20px 100px;
  text-align: center; }
  @media screen and (max-width: 650px) {
    .insta {
      display: none; } }
  .insta .double-border {
    position: absolute;
    width: 83%;
    padding-bottom: 37.5%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%); }
  .insta .inner {
    top: 20px;
    padding: 0 8.33%;
    z-index: 0;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto; }

.insta-wrapper {
  position: relative;
  margin-top: 100px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }
  .insta-wrapper #sb_instagram .sbi_photo_wrap {
    background-color: #3e3935;
    box-shadow: 19px 16px 62px rgba(19, 19, 19, 0.48); }
  .insta-wrapper #sb_instagram #sbi_images .sbi_item {
    overflow: visible; }

/*

.instagram-pics {
   position:relative;

   &.mobile {
    li {
      display:inline-block;
      width:180px;

      &:not(:last-child) {
         margin-right:6px;
      }
    }
  }

  .slick-arrow {
    z-index:100;
  }
  .slick-prev {
    left:10px;
  }
  .slick-next {
    right:10px;
  }

  .slick-slide {
    display:inline-block;
    padding-right:10px;

    li {
      background-color: $color_offblack;
      box-shadow: $shadow-large;
    }
    a, img {
      display: block;
    }

    &:not(.slick-active) {
	    opacity: 0;
		}
  }
}
*/
.form-container {
  padding: 8.33%;
  background: white;
  box-shadow: 19px 16px 62px rgba(19, 19, 19, 0.48); }
  .form-container input, .form-container select, .form-container textarea, .form-container .wpcf7-list-item-label {
    font-size: 16px;
    color: #7e9aa9; }
    @media screen and (max-width: 650px) {
      .form-container input, .form-container select, .form-container textarea, .form-container .wpcf7-list-item-label {
        font-size: 14px; } }
  .form-container input, .form-container select {
    border: none;
    margin-top: 30px;
    width: 100%;
    border-bottom: solid 1px #7e9aa9;
    background: transparent;
    border-radius: 0 !important;
    box-shadow: none !important;
    line-height: 1.2;
    font-weight: 600; }
  .form-container textarea {
    border: none;
    margin-top: 30px;
    width: 100%;
    border-left: solid 1px #7e9aa9;
    background: transparent;
    border-radius: 0 !important;
    box-shadow: none !important;
    line-height: 1.2;
    padding: 4px 6px; }
  .form-container input[type="submit"] {
    display: block; }
  .form-container select {
    -webkit-appearance: none; }
  @media screen and (max-width: 650px) {
    .form-container {
      margin-top: 40px; }
      .form-container input.half, .form-container select.half {
        width: 100%; }
      .form-container input[type="submit"] {
        margin-left: 0; } }
input[type="checkbox"], input[type="radio"] {
  width: 23px !important; }

input[type="date"] {
  font-size: 13px;
  margin-top: 28px !important; }

form {
  width: 100%; }
  form .wpcf7-form-control-wrap, form div#culinary .wpcf7-form-control-wrap, form div#hospitality .wpcf7-form-control-wrap {
    font-family: "Century Gothic";
    position: relative; }
    form .wpcf7-form-control-wrap .arrow, form div#culinary .wpcf7-form-control-wrap .arrow, form div#hospitality .wpcf7-form-control-wrap .arrow {
      background: url("../img/png/select-triangle.png") no-repeat center;
      position: absolute;
      right: 0;
      bottom: 5px;
      width: 15px;
      height: 15px; }
  form .flex {
    justify-content: space-between; }
  form div[class^="col-"] {
    padding: 0; }
  form p, form .split-block p, .split-block form p, form .section-page-intro p, .section-page-intro form p, form .cta-block p, .cta-block form p, form div#culinary, form div#hospitality {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  form span, form div#culinary span, form div#hospitality span, form div > span {
    width: calc(50% - 6px);
    display: inline-block; }
    @media screen and (max-width: 650px) {
      form span, form div#culinary span, form div#hospitality span, form div > span {
        width: 100%;
        display: block; } }
  form span.first, form span.last, form input[type=checkbox] {
    margin-left: 0; }
  form .wpcf7-list-item-label {
    color: rgba(0, 0, 0, 0.65);
    white-space: nowrap;
    letter-spacing: 1px; }
  form span input[type=checkbox] {
    width: auto;
    margin-right: 5px; }
  form span.message,
  form span.requests,
  form span.pickup-or-delivery,
  form span.subject,
  form span.scheduling,
  form span.wage,
  form span.age,
  form span.definition,
  form span.cup,
  form span.why-hire,
  form span.resume,
  form span.position-type,
  form div#culinary span.position,
  form div#hospitality span.position,
  form span.status,
  form span.transportation {
    clear: both;
    width: calc(100%);
    display: inline-block; }
    @media screen and (max-width: 650px) {
      form span.message,
      form span.requests,
      form span.pickup-or-delivery,
      form span.subject,
      form span.scheduling,
      form span.wage,
      form span.age,
      form span.definition,
      form span.cup,
      form span.why-hire,
      form span.resume,
      form span.position-type,
      form div#culinary span.position,
      form div#hospitality span.position,
      form span.status,
      form span.transportation {
        width: 100%;
        display: block; } }
/*** BEGIN MULTI COLUMN SECTION ***/
.section-multi-col {
  padding-top: 50px;
  padding-bottom: 50px; }
  .section-multi-col.torn-edge-before {
    padding-top: 0; }
  .section-multi-col.torn-edge-after {
    padding-bottom: 0; }

.col-text-top {
  margin-bottom: 20px; }

.col-text-bottom {
  margin-top: 20px; }

.text-before-photo,
.text-after-photo {
  text-align: center; }

/*** END MULTI COLUMN SECTION ***/
/*** BEGIN CALL-TO-ACTION BLOCK SECTION ***/
.cta-blocks {
  text-align: center;
  display: flex; }
  @media screen and (max-width: 650px) {
    .cta-blocks {
      display: block; } }
  .cta-blocks .half-width {
    width: 50%;
    padding: 40px 20px; }
    @media screen and (max-width: 650px) {
      .cta-blocks .half-width {
        width: 100%; } }
    .cta-blocks .half-width .cta-block-wrapper {
      max-width: 400px;
      margin: 0 auto; }
  .cta-blocks .full-width {
    width: 100%;
    padding: 40px 20%; }
    @media screen and (max-width: 650px) {
      .cta-blocks .full-width {
        padding: 40px 20px; } }
    .cta-blocks .full-width .cta-block-wrapper {
      max-width: 600px;
      margin: 0 auto; }

.cta-block {
  min-height: 400px;
  display: flex;
  flex: 1 0 auto;
  align-items: center; }
  @media screen and (max-width: 650px) {
    .cta-block {
      min-height: 0; } }
  .cta-block.bg-photo {
    font-weight: 800;
    color: #fff; }

.cta-block-wrapper {
  flex-direction: column; }
  .cta-block-wrapper .button, .cta-block-wrapper .form-container input[type="submit"], .form-container .cta-block-wrapper input[type="submit"] {
    margin-top: 15px; }

/*** END CALL-TO-ACTION BLOCK SECTION ***/
/*** BEGIN PAGE INTRO SECTION ***/
.section-page-intro {
  text-align: center;
  padding-top: 75px;
  padding-bottom: 75px; }
  .section-page-intro.torn-edge-before {
    padding-top: 20px; }
  .section-page-intro.torn-edge-after {
    padding-bottom: 20px; }

.container {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

/*** END PAGE INTRO SECTION ***/
/*** BEGIN DEFAULT SECTION ***/
.section-default .container {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

/*** END DEFAULT SECTION ***/
/*** BEGIN HOMEPAGE ***/
.featured-menu-items .col-text-bottom {
  text-align: center; }
  .featured-menu-items .col-text-bottom a {
    text-transform: none;
    letter-spacing: 0; }

/*** END HOMEPAGE ***/
/*** BEGIN CAREERS PAGE ***/
#careers {
  padding-top: 10%;
  text-align: center; }
  #careers .col-6 {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (max-width: 650px) {
      #careers .col-6 {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0; } }
  #careers .row {
    z-index: 200; }
  #careers .double-border {
    transition: background 0.25s ease;
    background-color: #fff; }
    #careers .double-border:before {
      z-index: -1; }
    #careers .double-border:hover {
      background: rgba(0, 0, 0, 0.13); }
      @media screen and (min-width: 1000px) {
        #careers .double-border:hover .hidden-display {
          opacity: 1;
          pointer-events: visible;
          transform: translate(-50%, 0px); }
          #careers .double-border:hover .hidden-display:after {
            bottom: -15px; } }
    #careers .double-border:focus .hidden-display {
      opacity: 0; }
    @media screen and (max-width: 1000px) {
      #careers .double-border {
        cursor: pointer; } }
  #careers .hidden-display {
    position: absolute;
    bottom: calc(100% + 5px);
    width: 100%;
    padding: 30px;
    background: #7e9aa9;
    color: #fff;
    opacity: 0;
    left: 50%;
    transform: translate(-50%, -10px);
    pointer-events: none;
    transition: transform 0.35s ease, opacity 0.35s ease;
    max-width: 100vw;
    z-index: 200;
    box-shadow: 6px 8px 42px rgba(19, 19, 19, 0.38); }
    #careers .hidden-display:after {
      content: '';
      position: absolute;
      bottom: 10px;
      width: 30px;
      height: 30px;
      background: #7e9aa9;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      transition: bottom 0.35s; }
    #careers .hidden-display .close {
      display: none; }
      @media screen and (max-width: 650px) {
        #careers .hidden-display .close {
          display: block; } }
  #careers #mobile-info {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    pointer-events: none;
    z-index: 200; }
    #careers #mobile-info.shown {
      opacity: 1;
      pointer-events: visible; }
    #careers #mobile-info .wrapper {
      position: fixed;
      background: #7e9aa9;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: calc(100% - 40px);
      color: #fff;
      padding: 30px; }
      #careers #mobile-info .wrapper .h2, #careers #mobile-info .wrapper .featured-menu-items .col-text-bottom, .featured-menu-items #careers #mobile-info .wrapper .col-text-bottom, #careers #mobile-info .wrapper .featured-menu-items .col-text-bottom a, .featured-menu-items .col-text-bottom #careers #mobile-info .wrapper a {
        color: #fff;
        text-align: center; }

.close {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer; }
  .close span {
    height: 100%;
    width: 1px;
    background: white;
    position: absolute; }
    .close span:first-child {
      transform: rotate(45deg); }
    .close span:last-child {
      transform: rotate(-45deg); }

.role-title {
  font-family: "castonregular";
  font-size: 18px;
  font-weight: 400; }
  @media screen and (max-width: 650px) {
    .role-title {
      font-size: 14px; } }
/*** END CAREERS PAGE ***/
/*** BEGIN LOCATIONS PAGE ***/
.location {
  margin-bottom: 25px; }
  .location.col-4 {
    width: 24%;
    display: inline-block;
    float: none;
    vertical-align: top; }
    .location.col-4:nth-of-type(4n+1) {
      padding-left: 0; }
    @media screen and (max-width: 1000px) {
      .location.col-4 {
        width: 49%; }
        .location.col-4:nth-of-type(odd) {
          padding-left: 0; } }
    @media screen and (max-width: 400px) {
      .location.col-4 {
        width: 100%;
        padding-left: 0;
        float: none;
        margin-bottom: 10px; } }
#map-canvas {
  height: 600px; }

.mapinfo {
  padding: 15px; }
  .mapinfo p:first-child {
    font-size: 22px;
    text-transform: none; }
  .mapinfo p:last-child {
    font-size: 12px;
    padding-bottom: 0; }

/*** END LOCATIONS PAGE ***/
/*** BEGIN FOOD PAGE ***/
@media screen and (max-width: 1000px) {
  .col-left {
    order: 2; } }

.disclaimer {
  padding-top: 45px;
  opacity: 0.7; }

.menu-container {
  z-index: 200;
  position: relative;
  margin: 20px 8.333%; }
  .menu-container nav {
    padding: 12px 0;
    border-radius: 3px;
    background-color: #7e9aa9;
    box-shadow: 6px 8px 42px rgba(19, 19, 19, 0.38); }

.menu-filter {
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 1000px) {
    .menu-filter {
      display: none; } }
  .menu-filter p {
    color: white;
    margin-bottom: 0;
    font-size: 24px;
    font-family: "bongiornoregular";
    font-weight: 400; }
  .menu-filter li {
    font-size: 14px;
    font-family: "castonregular";
    display: inline-block;
    color: white;
    padding: 10px 15px;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.3s ease;
    opacity: .4; }
    .menu-filter li.active {
      opacity: 1; }
  .menu-filter:not(.bottom-filter-inner) li:hover {
    opacity: 1; }

.bottom-filter-inner {
  padding-bottom: 20px; }

.bottom-filter-wrapper {
  display: none;
  top: 0;
  left: 0;
  padding-top: 5px;
  height: 60px;
  width: 100%;
  border-radius: 3px;
  overflow-y: hidden;
  cursor: pointer;
  box-shadow: 19px 16px 62px rgba(19, 19, 19, 0.48);
  background-color: #7e9aa9; }
  .bottom-filter-wrapper .down-arrow {
    width: 20px;
    margin: 0 auto;
    top: -10px;
    position: relative; }
    .bottom-filter-wrapper .down-arrow span {
      height: 1px;
      width: 10px;
      background: white;
      position: absolute; }
      .bottom-filter-wrapper .down-arrow span:first-child {
        left: -4px;
        transform: rotate(25deg); }
      .bottom-filter-wrapper .down-arrow span:last-child {
        left: 5px;
        transform: rotate(-25deg); }
  .bottom-filter-wrapper li {
    display: block;
    text-align: center; }
  .bottom-filter-wrapper .close {
    visibility: hidden;
    opacity: 0;
    transform: translateX(-5px);
    transition: opacity .4s;
    position: relative;
    margin-bottom: 30px;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 0; }
    .bottom-filter-wrapper .close.show {
      visibility: visible;
      opacity: 1; }
  .bottom-filter-wrapper.expand {
    height: auto;
    overflow: auto; }
  .bottom-filter-wrapper p {
    font-family: "bongiornoregular";
    font-size: 24px;
    color: white;
    font-weight: 400;
    text-align: center; }
  @media screen and (max-width: 1000px) {
    .bottom-filter-wrapper {
      display: block; }
      .bottom-filter-wrapper .bottom-filter-inner.menu-filter {
        width: 100%;
        visibility: hidden;
        display: block;
        white-space: nowrap;
        padding: 15px 38px;
        transform: translateY(-100%);
        opacity: .5;
        transition: transform .4s, opacity .3s; }
        .bottom-filter-wrapper .bottom-filter-inner.menu-filter.expand {
          visibility: visible;
          transform: translateY(0);
          opacity: 1; } }
.food-menu {
  padding-top: 20px; }
  .food-menu div[class^="col-"]:not(:last-child) {
    padding-right: 10px; }
  @media screen and (max-width: 650px) {
    .food-menu div[class^="col-"] {
      padding: 0;
      margin-bottom: 0px;
      margin-top: 10px; }
      .food-menu div[class^="col-"]:not(:last-child) {
        padding: 0; } }
  @media screen and (max-width: 650px) {
    .food-menu .col-4 {
      max-width: 100%; } }
  .food-menu p {
    font-size: 14px; }
  .food-menu .entry-title {
    color: #7e9aa9;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 0; }
    .food-menu .entry-title span {
      color: #3e3935;
      font-weight: 600; }
  .food-menu ul {
    padding: 20px 4.15% 30px; }
    .food-menu ul li {
      padding: 6px 4.15%; }
      .food-menu ul li.featured {
        border: 1px dashed #3e3935; }
  .food-menu li:not(:last-child) {
    margin-bottom: 7.5px; }
  .food-menu.hide, .food-menu .hide {
    display: none; }
  .food-menu .intro-block {
    padding: 20px 8.3%;
    position: relative;
    border-top: 1px dashed #3e3935;
    border-bottom: 1px dashed #3e3935; }
    .food-menu .intro-block:after {
      content: '';
      position: absolute;
      height: calc(100% - 8px);
      width: 100%;
      top: 3px;
      left: 0;
      border-top: 1px dashed #3e3935;
      border-bottom: 1px dashed #3e3935; }
    .food-menu .intro-block ul {
      padding: 0 0 20px 0; }
    .food-menu .intro-block li {
      padding: 0;
      margin-bottom: 0;
      font-size: 14px;
      font-family: "Century Gothic";
      letter-spacing: .5px;
      line-height: 1.5;
      font-weight: 600; }
    .food-menu .intro-block.details, .food-menu .intro-block.list {
      background: #e6e3dc;
      color: #131313; }
      .food-menu .intro-block.details:before, .food-menu .intro-block.list:before {
        content: '';
        position: absolute;
        bottom: -7px;
        height: 20px;
        width: 20px;
        background: #e6e3dc;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: rotate(45deg);
        z-index: 99;
        border-right: 1px dashed;
        border-bottom: 1px dashed; }
    .food-menu .intro-block.list ul.subheading-menu-items {
      padding: 0; }
  .food-menu .entry-desc {
    margin-bottom: 10px;
    color: #131313; }
  .food-menu .category {
    background: #fff;
    border-radius: 3px;
    position: relative;
    box-shadow: 19px 16px 62px rgba(19, 19, 19, 0.48); }
    .food-menu .category:not(:last-child) {
      margin-bottom: 12px; }
      @media screen and (max-width: 650px) {
        .food-menu .category:not(:last-child) {
          margin-bottom: 10px; } }
    .food-menu .category .icon {
      border-bottom: 1px solid #3e3935; }
    .food-menu .category li {
      opacity: 1;
      transition: opacity .4s; }
    @media screen and (max-width: 650px) {
      .food-menu .category {
        max-height: 85px;
        overflow: hidden;
        transition: max-height 1.2s cubic-bezier(0.23, 1, 0.32, 1);
        background: white url(../img/png/down-arrow.png) no-repeat;
        background-position: center bottom 15px; }
        .food-menu .category .icon {
          border-color: transparent;
          padding-bottom: 20px;
          max-width: 280px;
          width: 80%;
          margin: 0 auto; }
          .food-menu .category .icon svg {
            width: 100%; }
        .food-menu .category.open {
          max-height: 2000px;
          background: white url(../img/png/up-arrow.png) no-repeat;
          background-position: center bottom 30px;
          padding-bottom: 30px; } }
  .food-menu .img {
    box-shadow: 19px 16px 62px rgba(19, 19, 19, 0.48); }
    .food-menu .img img {
      display: block;
      border-radius: 3px; }
      @media screen and (max-width: 650px) {
        .food-menu .img img {
          display: none; } }
    .food-menu .img:not(:last-child) {
      margin-bottom: 12px; }
      @media screen and (max-width: 650px) {
        .food-menu .img:not(:last-child) {
          margin-bottom: 10px; } }
/*** END FOOD PAGE ***/
/*** BEGIN CALL-TO-ACTION BLOCK SECTION ***/
.split-blocks {
  display: flex; }
  @media screen and (max-width: 650px) {
    .split-blocks {
      display: block; } }
  .split-blocks .half-width {
    width: 50%;
    padding: 40px 20px; }
    @media screen and (max-width: 650px) {
      .split-blocks .half-width {
        width: 100%; } }
    .split-blocks .half-width .split-block-wrapper {
      max-width: 400px;
      margin: 0 auto; }

.split-block {
  min-height: 400px;
  display: flex;
  flex: 1 0 auto;
  align-items: center; }
  @media screen and (max-width: 650px) {
    .split-block {
      min-height: 0; } }
.split-block-wrapper {
  flex-direction: column; }
  .split-block-wrapper .button, .split-block-wrapper .form-container input[type="submit"], .form-container .split-block-wrapper input[type="submit"] {
    margin-top: 15px; }

/*** END LOYALTY PAGE ***/
/*** BEGIN Privacy Page ***/
.privacy-policy {
  font-family: "Century Gothic"; }
  .privacy-policy h1, .privacy-policy h2, .privacy-policy h3, .privacy-policy h4, .privacy-policy h5, .privacy-policy h6 {
    font-family: "Century Gothic"; }
  .privacy-policy h2 {
    font-family: "Century Gothic";
    font-weight: 600;
    font-size: 30px;
    color: #7e9aa9;
    margin: 1em 0; }
  .privacy-policy h3 {
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    margin: .5em 0; }
  .privacy-policy ul {
    padding-left: 20px;
    margin: .5em 0 1em 0; }
    .privacy-policy ul li {
      list-style: disc;
      margin: .5em 0;
      font-size: 16px;
      letter-spacing: 0;
      line-height: 1.5;
      font-weight: 400; }
  .privacy-policy ol li {
    list-style: none;
    font-size: 18px;
    font-weight: 600; }
  .privacy-policy li a {
    font-family: "Century Gothic";
    text-transform: initial;
    letter-spacing: 0;
    color: #3d738d; }
  .privacy-policy p {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.5;
    font-weight: 400; }
    .privacy-policy p a {
      font-family: "Century Gothic";
      text-transform: initial;
      letter-spacing: 0;
      color: #3d738d; }

/*** END Privacy Page ***/
/*** BEGIN 2020 Update STYLES ***/
.display-none {
  display: none !important; }

#main.app-header {
  padding-top: 0; }

.update_2020 h1 {
  color: #3d738d;
  font-size: 33px;
  font-family: "sketchymedium", "Century Gothic", sans-serif;
  margin-bottom: .25em;
  font-weight: 400; }
  .update_2020 h1.fancy, .update_2020 h1 .fancy {
    font-size: 70px; }

.update_2020 h2 {
  color: #3d738d;
  font-size: 27px;
  font-family: "sketchymedium", "Century Gothic", sans-serif;
  text-transform: none;
  font-weight: 400; }
  .update_2020 h2.fancy, .update_2020 h2 .fancy {
    font-size: 50px; }

.update_2020 h3 {
  color: #3d738d;
  font-family: "sketchymedium", "Century Gothic", sans-serif;
  text-transform: none;
  font-size: 20px;
  font-weight: 400; }
  .update_2020 h3.fancy, .update_2020 h3 .fancy {
    font-size: 50px; }

.update_2020 p {
  color: #3d738d; }
  .update_2020 p.small, .update_2020 p small, .update_2020 p .small {
    font-size: 14px; }

.update_2020 h1, .update_2020 h2, .update_2020 h3, .update_2020 h4, .update_2020 h5, .update_2020 h6, .update_2020 p {
  color: #3d738d;
  margin-bottom: .25em; }

.update_2020 .fancy {
  font-family: "bongiornoregular";
  text-transform: none;
  letter-spacing: 0;
  font-size: 150%;
  font-weight: 400; }

.update_2020 .uppercase {
  text-transform: uppercase;
  letter-spacing: 0.15em; }

.sketchy {
  font-family: "sketchymedium", "Century Gothic", sans-serif; }

.button__updated {
  position: relative;
  z-index: 1;
  display: inline-block;
  cursor: pointer;
  font-size: 22px;
  font-weight: 400;
  font-family: "sketchymedium", "Century Gothic", sans-serif;
  padding: 0 3px;
  line-height: 1;
  background-color: #3d738d;
  color: #f4ea68;
  text-transform: uppercase;
  border: 13px solid transparent;
  border-radius: 9px;
  width: auto;
  -o-border-image: url("../img/patterns/button-border-image.png") 28 32 34 38 repeat;
     border-image: url("../img/patterns/button-border-image.png") 28 32 34 38 repeat;
  transition: .5s ease all; }
  .button__updated:hover {
    background-color: #30576a;
    opacity: 1; }

.highlight {
  position: relative;
  display: inline;
  padding: 0 6px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 35%, #f4ea68 35%); }

.iconRows {
  padding: 20px 0; }

.iconRow {
  position: relative;
  margin-bottom: 15px;
  display: flex;
  align-items: center; }
  .iconRow__icon {
    padding-right: 15px;
    width: 120px;
    height: 90px;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; }
    .iconRow__icon img {
      width: auto;
      height: auto;
      display: inline-block;
      max-height: 100%; }

.section-icon-columns .text-before-col,
.section-icon-columns .text-after-col {
  max-width: 700px;
  margin: 0 auto; }

.iconColumns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px 0; }
  @media screen and (max-width: 650px) {
    .iconColumns {
      display: block;
      margin: 0 auto;
      width: 60%;
      min-width: 280px; } }
.iconColumn {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  width: 200px;
  text-align: center; }
  .iconColumn__icon {
    padding: 15px;
    height: 125px;
    display: block; }
    .iconColumn__icon img {
      width: auto;
      height: 100%; }
  .iconColumn__number {
    font-family: "sketchymedium", "Century Gothic", sans-serif;
    color: #fff;
    background-color: #3d738d;
    font-size: 16px;
    height: 23px;
    width: 23px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    border-radius: 100em;
    margin-bottom: 5px; }
  @media screen and (max-width: 650px) {
    .iconColumn {
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0;
      text-align: left; }
      .iconColumn__icon {
        padding: 0 15px 0 0;
        height: auto;
        padding-right: 15px;
        width: 120px;
        height: 90px;
        position: relative;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0; }
        .iconColumn__icon img {
          width: auto;
          height: auto;
          display: inline-block;
          max-height: 100%; }
      .iconColumn__number {
        margin: 0 0 5px 0;
        text-align: center; } }
@media screen and (min-width: 651px) {
  .afterColumns--arrows .iconColumn:not(:last-of-type)::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    background-image: url("../img/png/columns-arrow.png");
    background-size: 44px 27px;
    background-repeat: no-repeat;
    width: 44px;
    height: 27px; }
  .afterColumns--lines .iconColumn:not(:last-of-type)::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #fff; } }

section.section-splitBlocks {
  padding: 0; }

.splitBlocks {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 1001px) {
    .splitBlocks > div:last-of-type {
      padding-left: 20px; } }
  .splitBlocks .splitText,
  .splitBlocks .splitImage {
    width: 50%; }
    @media screen and (max-width: 1000px) {
      .splitBlocks .splitText,
      .splitBlocks .splitImage {
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }
  .splitBlocks .splitText {
    padding-top: 5em;
    padding-bottom: 5em; }
    .splitBlocks .splitText .row-margin {
      min-width: 280px;
      width: 60%;
      margin: 0 auto; }
  .splitBlocks .splitImage {
    background-size: cover;
    background-position: center center; }
    .splitBlocks .splitImage img {
      display: none; }
  @media screen and (max-width: 1000px) {
    .splitBlocks .splitImage {
      order: 1; }
      .splitBlocks .splitImage img {
        display: block;
        width: 100%; }
    .splitBlocks .splitText {
      order: 2; } }
.loyalty_cta .row-margin {
  background: url("../img/patterns/bg--blue.jpg") 300px 300px repeat;
  background-color: #ebf5fa;
  margin-top: 5em;
  margin-bottom: 5em;
  padding: 2em;
  padding-left: 30%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); }
  .loyalty_cta .row-margin::before {
    background-image: url("../img/png/loyaltyapp.png");
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: bottom left;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0; }
  @media screen and (max-width: 1200px) {
    .loyalty_cta .row-margin {
      padding: 1em; }
      .loyalty_cta .row-margin::before {
        display: none; } }
/*** END 2020 Update STYLES ***/