/***********************************
** SASS ****************************
***********************************/
/*************************************
** TABLE OF CONTENTS *****************
*************************************/
/*
You should be able to ctrl+f to quickly find what you need.


** 1. Default Page - The whole site will look like this
**		1a. Baseline - backgrounds, borders, fonts, colors(colors to eventually be extracted to its own .css)
**		1b. Navigation - Site Navigation, including responsiveness and mobile view but not inside views (ie menu/specials)
**		1c. Layout - header, footer, anything else that will be universal across the site
**		1d. Extras - Social Icons, any extra visual flare unique to this site

** 2. Inside Views
**		2a. Home - Second only to Default in terms of attention
**		2b. Album/Albums
**		2c. Events - both Calendar and List view
**		2d. Menu
**		2e. Specials
**		2f. Coupons/Gift Cards
**		2g. Forms
**		2h. Legal

** 3. Utility - basic layout classes and css tricks
**		3a. Utility Classes - basic simple function classes to be applied liberally similar to Foundation
**		3b. Pseudo-elements - visual additions and flare that is NOT content
**		3c. Animation - Any custom animations using keyframes

** 4. Other - "And when you gaze long into an abyss, the abyss also gazes into you." ~Friedrich Nietzsche

*/
/***********************************
** 1. DEFAULT PAGE *****************
***********************************/
/*
** 1a. Baseline **
 */
/* Always place all font-family declarations here, no need for hunting */
/* these will probably always be "!important" because foundation tries too hard */
p, address, menu * {
  font-family: 'Cabin', sans-serif !important; }

h1, h2, h3, h5, h6, h1 a, h2 a, a {
  font-family: 'IM Fell English SC', serif !important; }

h1, h2, h3, h5, h6 {
  color: #000; }

h4 {
  font-family: 'Oswald', sans-serif !important;
  font-weight: 700;
  font-size: 2.5rem;
  color: #990000; }

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

h1 span, h2 span, h3 span, .title-accent {
  font-family: 'Lobster', cursive !important;
  color: #000; }

h1, h3 {
  font-size: 1.75rem;
  line-height: 1.2; }
  h1 span, h3 span {
    font-size: 1.5rem; }
  @media screen and (min-width: 640px) {
    h1, h3 {
      font-size: 3rem; } }
  @media screen and (min-width: 1024px) {
    h1, h3 {
      font-size: 4rem; } }

header {
  background: rgba(0, 0, 0, 0.25);
  min-height: 300px; }
  header p {
    margin-bottom: 0; }

.above-header {
  background: url("../images/wood-fullfade.jpg") repeat-x; }
  .above-header .side {
    padding-top: 35px; }
    .above-header .side:last-child {
      padding-top: 10px; }
    @media screen and (max-width: 40em) {
      .above-header .side {
        padding-top: 0;
        padding-bottom: 12px; } }
  .above-header .medium-4 p {
    font-family: "Oswald", sans-serif !important;
    color: #fff !important; }
  .above-header .medium-4 h2 {
    font-family: "Oswald", sans-serif !important;
    color: #fff !important;
    font-size: 1.8rem; }
  .above-header .medium-4 address {
    font-family: "Oswald", sans-serif !important;
    color: #fff !important; }
  .above-header .medium-4 a {
    font-family: "Oswald", sans-serif !important;
    color: #fff !important; }
    
.order-online-button{ 
  padding: .75rem 1em;
  border-radius: 15px;
}

#to-header {
  padding: 4rem 1rem; }
  #to-header h1 {
    text-shadow: 2px 2px 8px #000; }

header h1, header h2, header h3, .panels h1, .panels h2, .panels h3 {
  color: #fff; }
  header h1 span, header h2 span, header h3 span, .panels h1 span, .panels h2 span, .panels h3 span {
    color: #fff; }

h2 a {
  color: #fff; }

.title-accent {
  color: #fff;
  font-size: 2.25rem;
  text-align: center;
  text-shadow: 2px 2px 1px #111; }

i.fa-asterisk {
  color: #cc0000; }

.from-the-left i.fa-asterisk, .from-the-right i.fa-asterisk {
  width: 100%; }

a {
  color: #990000;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }
  a:hover, a:active, a:focus {
    color: red; }

html {
  background: #4c4c4c; }

.container {
  padding: 16px; }

/*
** 1b. Navigation **
*/
.top-bar {
  height: auto;
  margin: 0 auto;
  background: none; }
  @media screen and (max-width: 40em) {
    .top-bar {
      height: 32px; } }
  .top-bar .toggle-topbar.menu-icon a {
    color: #fff; }
    .top-bar .toggle-topbar.menu-icon a span::after {
      box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff; }

.top-bar.expanded .title-area {
  background: rgba(0, 0, 0, 0.5); }

.top-bar.expanded .top-bar-section {
  background: rgba(0, 0, 0, 0.5); }

.logo {
  width: 330px; }
  @media screen and (max-width: 40em) {
    .logo {
      width: 200px; } }

.logo-row {
  text-align: center;
  margin-top: 0px;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.7);
  max-width: 100%;
  color: #990000; }
  .logo-row span {
    color: transparent; }
  .logo-row a {
    color: #990000;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    .logo-row a:hover, .logo-row a:active, .logo-row a:focus {
      color: red; }

#nav_wrapper {
  text-align: center;
  margin-top: 0px;
  padding: 15px;
  max-width: 100%;
  background: #000; }
  #nav_wrapper.fixed {
    background: rgba(0, 0, 0, 0.8); }
  #nav_wrapper .row {
    max-width: 100%; }
    #nav_wrapper .row .top-bar {
      margin-top: 16px; }
    #nav_wrapper .row .medium-4 {
      position: absolute;
      bottom: 15px; }
      @media screen and (max-width: 40em) {
        #nav_wrapper .row .medium-4 {
          position: relative;
          bottom: 0; } }

.top-bar-section {
  z-index: 99;
  color: #fff; }
  .top-bar-section ul li {
    /* If the nav items are roughly the same size, then using width % instead of margin right is far preferred */
    /* # of items divided by 100% */
    position: relative;
    width: 14.28%;
    /* nav responsive section if using margin-right to seperate items */
    /*margin-right:4%;
    @media screen and (max-width:980px){
    	margin-right:3%;
    }
    @media screen and (max-width:920px){
    	margin-right:2%;
    }
    @media screen and (max-width:870px){
    	margin-right:1%;
    }
    @media screen and (max-width:765px){
    	margin-right:0%;
    }
    @media screen and (max-width:685px){
    	margin-right:0;
    }*/ }
    @media screen and (min-width: 40em) {
      .top-bar-section ul li {
        min-height: 100px; } }
    @media screen and (max-width: 640px) {
      .top-bar-section ul li:first-child {
        margin-left: 0; } }
    .top-bar-section ul li:last-child {
      margin-right: 0; }
    .top-bar-section ul li a {
      font-family: "Oswald", sans-serif !important;
      color: #fff; }
      .top-bar-section ul li a i {
        color: #990000; }
      @media screen and (min-width: 40em) {
        .top-bar-section ul li a {
          position: absolute;
          bottom: 0; } }
    .top-bar-section ul li i {
      font-size: 32px;
      margin-bottom: 16px; }
      @media screen and (max-width: 1250px) {
        .top-bar-section ul li i {
          font-size: 32px; } }
      @media screen and (max-width: 40em) {
        .top-bar-section ul li i {
          display: none; } }
    @media screen and (max-width: 640px) {
      .top-bar-section ul li {
        width: 100%;
        border-top: 1px solid #990000;
        border-right: none;
        margin-top: 0; } }
    .top-bar-section ul li:not(.has-form) > a:not(.button) {
      padding: 4px;
      font-size: 1rem;
      line-height: 1.2; }
      @media screen and (max-width: 1250px) {
        .top-bar-section ul li:not(.has-form) > a:not(.button) {
          font-size: 0.75rem; } }
      @media screen and (max-width: 1000px) {
        .top-bar-section ul li:not(.has-form) > a:not(.button) {
          font-size: 0.6rem; } }
      @media screen and (max-width: 40em) {
        .top-bar-section ul li:not(.has-form) > a:not(.button) {
          font-size: 1.2rem; } }
      .top-bar-section ul li:not(.has-form) > a:not(.button):hover {
        background-color: transparent;
        color: #990000; }

#logo {
  margin-bottom: 12px; }
  @media screen and (min-width: 1026px) {
    #logo {
      margin-top: -48px; } }

.name {
  z-index: 99; }

/*
** 1c. Layout  **
*/
#yac_demo {
  background: #222;
  padding: 4px;
  margin-bottom: 4px;
  box-shadow: 0 2px 4px #111; }
  #yac_demo select {
    height: 1.5rem;
    padding: 0 4px; }

header {
  z-index: 5;
  text-align: center;
  position: relative; }
  header h1 {
    margin-bottom: 8px; }
  header i.fa-angle-down {
    color: #fff;
    font-size: 4rem;
    display: none;
    position: absolute;
    bottom: 36px;
    left: 0;
    width: 100%;
    text-align: center;
    text-shadow: 2px 2px 1px #111; }
    @media screen and (max-width: 400px) {
      header i.fa-angle-down {
        bottom: 16px; } }

.head-info {
  text-align: center; }
  @media screen and (min-width: 1024px) {
    .head-info {
      margin-top: 48px; } }

footer {
  background: #4c4c4c;
  padding-top: 32px;
  padding-bottom: 48px;
  text-align: center; }
  @media screen and (min-width: 1024px) {
    footer {
      text-align: left; } }
  footer p {
    margin-bottom: 0;
    line-height: 1.5; }
  footer h3 {
    font-family: "Cabin", sans-serif !important;
    font-weight: normal;
    color: #fff;
    font-size: 1.35rem; }
  footer address, footer address a {
    color: #fff;
    margin-bottom: 16px;
    text-align: center; }
    footer address:hover, footer address a:hover {
      color: #ddd; }
  footer [class*="block-grid-"] > li {
    margin-top: 24px;
    padding-bottom: 4px; }
  footer #legal {
    color: #fff;
    padding: 8px; }
  footer #copyright {
    color: #999;
    text-align: center;
    margin-bottom: 0; }
    footer #copyright a {
      color: #999; }
  footer .row {
    max-width: 75rem; }
    footer .row .columns {
      margin-bottom: 20px; }

.foot-logo {
  text-align: center; }
  .foot-logo img {
    margin-bottom: 20px; }
  .foot-logo a {
    font-family: "Cabin", sans-serif !important;
    font-weight: normal; }

.foot-contact {
  background: url("../images/contact.jpg") no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 64px 12px;
  margin-bottom: 16px;
  text-align: center; }
  .foot-contact h2, .foot-contact h3, .foot-contact p, .foot-contact a {
    color: #fff; }
  .foot-contact p {
    margin-bottom: 16px;
    max-width: 400px; }

/*
1d. Extras
*/
.social {
  color: #fff;
  margin-top: 8px;
  z-index: 999;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .social i {
    font-size: 1.4rem;
    text-shadow: 2px 2px 1px #111;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; }
    .social i.fa-facebook:hover {
      color: #3A5795; }
    .social i.fa-twitter:hover {
      color: #019fe9; }
  .social ul {
    margin: 0; }
  .social li {
    display: inline;
    margin-right: 24px;
    list-style: none; }
    .social li:last-child {
      margin-right: 0; }
    .social li a {
      color: #fff;
      top: 0; }
    .social li img {
      max-width: 40px; }

@media screen and (min-width: 1024px) {
  header .social {
    margin-top: 48px; } }

#landing_banner {
  width: 100%;
  position: relative;
  max-height: 250px;
  overflow-y: hidden;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out; }
  #landing_banner:hover {
    max-height: 2000px;
    transition-delay: 750ms; }

.owl-carousel, .owl-stage-outer {
  margin: 0;
  list-style: none;
  position: relative; }

.owl-carousel.owl-loaded {
  display: block; }

@media screen and (max-width: 40em) {
  .owl-controls {
    display: none; } }

/* shadow effect over main slider */
#landing_banner .owl-carousel li:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0px 2px 8px #000, inset 0px -2px 8px #000; }

address {
  font-style: normal;
  line-height: 1.25; }

/***********************************
** 2. INSIDE VIEWS *****************
***********************************/
/*
** 2a. Home View
*/
#home h1 {
  padding-top: 12px;
  text-align: center; }

.panels {
  padding: 50px 24px;
  text-align: center; }
  .panels h1 {
    text-shadow: 2px 2px 8px #000; }
  .panels h2 {
    font-size: 2rem;
    font-weight: normal;
    color: #fff; }
  .panels i {
    font-size: 3rem;
    color: #fff; }
  .panels p {
    color: #fff;
    font-size: 1.3rem; }

.panel1 {
  padding: 24px;
  background: #381402;
  color: #fff;
  text-align: center; }
  .panel1 h2 {
    font-size: 3.5rem; }
    @media screen and (max-width: 40em) {
      .panel1 h2 {
        font-size: 2rem; } }
  .panel1 i {
    font-size: 64px;
    color: #fff; }
  .panel1 .row {
    max-width: 80rem; }
  .panel1 .columns {
    padding: 20px;
    min-height: 150px; }
  .panel1 .center-third {
    background: #990000; }

.panel2 {
  padding: 200px 24px;
  background: url("../images/inside.jpg");
  background-size: cover;
  background-position: center; }
  .panel2 h1 {
    line-height: 1.3; }

.panel3 {
  background: url("../images/parchment.jpg");
  background-size: cover;
  text-shadow: 1px 1px 1px #000; }
  .panel3 a {
    color: #fff; }
  .panel3 h2 {
    padding: 0;
    font-size: 2.5rem; }

.panel4 {
  background: url("../images/wood-fullfade.jpg") repeat; }
  .panel4 .row {
    max-width: 70rem; }
  .panel4 h2 {
    line-height: 1.2;
    font-size: 3.5rem; }
    @media screen and (max-width: 40em) {
      .panel4 h2 {
        font-size: 2rem; } }

.panel5 {
  background-color: #990000;
  text-align: left; }
  .panel5 h3 {
    font-family: 'Special Elite', cursive !important;
    font-size: 2.8rem;
    line-height: 1.4;
    color: #fff; }
    @media screen and (max-width: 40em) {
      .panel5 h3 {
        font-size: 1.5rem; } }
  .panel5 .row {
    max-width: 75rem; }
  .panel5 button {
    background-color: #000;
    color: #fff;
    font-size: 1.6rem; }
    @media screen and (max-width: 40em) {
      .panel5 button {
        font-size: 1rem; } }

.panel6 {
  background: #fff;
  padding: 20px 0px; }
  .panel6 .row {
    max-width: 70rem; }
  .panel6 .columns {
    padding-top: 16px; }
  .panel6 i {
    color: #000; }
  .panel6 h2 {
    color: #000; }

.event-slider {
  text-align: center; }
  .event-slider h4 {
    margin-bottom: 0; }
  .event-slider li {
    padding: 0 16px; }

.gallery-slider li {
  padding: 0 16px; }

.carousel-image-frame {
  height: 225px;
  overflow-y: hidden;
  border: 4px solid #fff;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.5); }
  .carousel-image-frame img {
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

/*
** 2b. Album/Albums **
*/
.album-block > div, .photo-list > div {
  text-align: center;
  min-height: 250px;
  background-color: rgba(0, 0, 0, 0.25);
  overflow: hidden; }
  .album-block > div h2, .photo-list > div h2 {
    font-size: 1.5em;
    color: #fff; }
  .album-block > div p:first-of-type, .photo-list > div p:first-of-type {
    font-size: 0.75rem;
    margin-top: 5px;
    margin-bottom: 5px; }
#contact.layout a{
    color: #990000;
}
#contact {
  text-align: center; }
  #contact a {
    font-size: 1.3rem;
    color: #fff;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    transition: all 300ms ease-out; }
    #contact a:hover, #contact a:active, #contact a:focus {
      color: red; }
  @media screen and (max-width: 640px) {
    #contact {
      text-align: center; }
      #contact .opt-in {
        text-align: left; } }
  #contact h3 {
    font-size: 1.8rem; }

#contact, #forms {
  /*text-align: left;*/ }

/* album description hover overlay */
.album-block a {
  color: #fff; }

.album-block > div {
  position: relative; }
  .album-block > div a {
    color: #fff; }
  .album-block > div .date {
    position: absolute;
    bottom: 4px; }

.img-wrapper {
  float: left; }
  .img-wrapper img {
    width: 100%; }

.overlay-desc {
  padding-top: 8px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  transition: all 300ms ease-out; }
  .overlay-desc p {
    color: #fff; }

.overlay-desc:hover {
  opacity: 1; }

/* end album desc overlay */
/*
** 2c. Events **
*/
/* Calendar */
.calendar {
  display: none; }

#eventcal h1 {
  text-align: center; }
  @media screen and (min-width: 640px) {
    #eventcal h1 {
      text-align: left; } }

.cal-toggle {
  margin-bottom: 16px; }
  @media screen and (min-width: 640px) {
    .cal-toggle {
      float: right;
      position: relative;
      top: -64px;
      margin-bottom: -64px; } }

#eventcal .calendar .c-month-view {
  color: #fff; }
  #eventcal .calendar .c-month-view p {
    padding-top: 5px;
    margin-bottom: 0; }

#eventcal .calendar .c-month-view .c-month-arrow {
  color: #fff;
  font-size: 24px;
  padding-top: 0; }

.c-day:not(.have-events) .date-holder {
  color: #000; }

.have-events .date-holder {
  text-shadow: 1px 1px 2px #111, -1px 1px 2px #111, 1px -1px 2px #111, -1px -1px 2px #111; }

.c-specific {
  color: #111; }

.event-n {
  max-height: 45px; }

.event-n-holder .event-n:not(:first-child) img {
  box-shadow: 0px -2px #fff; }

/* /calendar */
li.event-list-item {
  background: rgba(0, 0, 0, 0.33);
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 8px; }
  @media screen and (max-width: 640px) {
    li.event-list-item {
      text-align: center; } }

.event-details-list > li {
  padding-bottom: 4px; }

.event-details-list p {
  margin-bottom: 0; }

.event-block h2 {
  font-size: 1.3rem;
  color: #fff; }
.event-block label {
  color: #990000; }

.c-month-view {
  background: #fff; }

.calendar .have-events {
  background-color: #fff;
  color: #fff; }

/* overly specific selector to override the plugin styles */
#eventcal .calendar .c-holder .c-grid .c-row .c-day.have-events:hover {
  background-color: #fff; }

.specific-day::before {
  content: "\f104";
  font-family: FontAwesome;
  position: absolute;
  left: 20px;
  top: 8px;
  font-size: 4rem; }
  @media screen and (max-width: 640px) {
    .specific-day::before {
      left: 0; } }
  @media screen and (max-width: 425px) {
    .specific-day::before {
      font-size: 3rem; } }

.specific-day:hover:before {
  color: #fff; }

/*
** 2d. Menu **
*/
#menu {
  /*to make it more like .row*/
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  max-width: 62.5rem; }

#left_menu {
  max-width: 100%;
  margin-right: 16px; }

.menu-description {
  line-height: 1.5; }

.top-level {
  background: #fff; }

/*MENUS 2.0 BEGINNING CSS*/
#menus {
  padding-bottom: 24px; }

#menus h2:before {
  /*this selector will change once it's actually in a menu page*/
  content: "\f0f5";
  font-family: FontAwesome;
  margin-right: 8px;
  position: relative;
  top: -4px; }

#item_view {
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 0;
  margin-bottom: 16px;
  color: #fff; }
  #item_view h3 {
    color: #fff; }
  #item_view form * {
    display: inline; }
  #item_view form label {
    color: #fff;
    font-size: 1rem; }
  #item_view form input[type="text"] {
    width: 45px;
    border-radius: 4px; }
  #item_view form input[type="submit"] {
    color: #fff !important;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    padding: 10px;
    float: right; }

.image-frame-large {
  border: 2px solid #fff;
  width: 100%; }
  .image-frame-large img {
    width: 100%; }

.menus-section {
  overflow: hidden;
  /*to negate the side effects of a necessary negative margin on block grids*/ }
  .menus-section h3 {
    text-align: center;
    border-bottom: 2px solid #111; }
    .menus-section h3 span {
      font-family: FontAwesome; }
  .menus-section li {
    padding: 24px; }
  .menus-section li > div {
    background: rgba(0, 0, 0, 0.5);
    padding: 12px 12px 45px 12px; }
  .menus-section .image-frame {
    border: 2px solid #fff;
    width: 250px;
    height: 175px;
    overflow: hidden;
    background-color: #111;
    position: relative; }
    .menus-section .image-frame img {
      width: 100%;
      position: absolute;
      margin: auto;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .menus-section p {
    color: #fff; }
  .menus-section .button {
    margin-bottom: 0;
    width: 45%;
    float: right;
    margin-right: 4%;
    padding: 8px; }
  .menus-section .price {
    float: left;
    border: 1px solid gray;
    border-radius: 5px;
    background: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    width: 45%;
    margin-left: 4%; }
  .menus-section ul {
    display: none; }
  .menus-section ul:first-of-type {
    display: block; }

#disclaimer {
  color: #111;
  text-align: center; }

#return_btn {
  font-family: FontAwesome !important;
  font-size: 40px;
  margin-right: 16px;
  color: #111;
  position: relative;
  top: -24px; }

/*
** 2e. Specials **
*/
.day-nav {
  background: rgba(0, 0, 0, 0.25);
  border: 4px solid #111;
  border-radius: 2px;
  text-align: center; }
  .day-nav li {
    cursor: pointer;
    border: 1px solid #000;
    padding: 12px 0; }
    .day-nav li:first-child {
      border-left: none; }
    .day-nav li:last-child {
      border-right: none; }
    .day-nav li:hover, .day-nav li.active {
      background: #fff;
      color: #000; }

/*
** 2f. Coupons/Gift Cards **
*/
#gift_card .button {
  padding-left: 10px;
  padding-right: 10px; }

#gift_card {
  background-image: url(/themes/bang/images/gift-card.png) !important; }

/*
** 2g. Forms **
*/
label {
  cursor: default; }

form label, div.realperson-challenge {
  color: #000; }

.columns div label {
  color: #000 !important; }

/*two unmatching "required" asterisks were being generated*/
.form .required label:before, .form .required .label:before, .form label.required:before, .form .label.required:before {
  content: "" !important; }

/*
** 2h. Legal **
*/
#terms {
  padding: 16px; }

/***********************************
** 3. UTILITY **********************
***********************************/
/*
** 3a. Utility Classes **
*/
#home .jagged {
  text-align: center; }
  #home .jagged a {
    text-decoration: underline; }

.jagged {
  background: #fff;
  padding: 12px; }
  .jagged img {
    vertical-align: inherit; }

.clear {
  clear: both; }

.center-this {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

@media screen and (max-width: 640px) {
  .small-center-this {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); } }

@media screen and (max-width: 1024px) {
  .medium-center-this {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); } }

/*
** 3b. Pseudo-elements
*/
/*
** 3c. Animation **
*/
.from-the-left, .from-the-right {
  overflow-x: hidden; }

.from-the-left *, .from-the-right * {
  -webkit-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  transition: all 1000ms ease-in-out; }

.from-the-left:not(.active) * {
  -webkit-transform: translateX(-120%);
  -moz-transform: translateX(-120%);
  -ms-transform: translateX(-120%);
  -o-transform: translateX(-120%);
  transform: translateX(-120%); }

.from-the-right:not(.active) * {
  -webkit-transform: translateX(120%);
  -moz-transform: translateX(120%);
  -ms-transform: translateX(120%);
  -o-transform: translateX(120%);
  transform: translateX(120%); }

/***********************************
** 4. OTHER ************************
***********************************/
aside li {
  margin-top: 30px;
  overflow: hidden; }

#blank_section {
  line-height: 1.5; }

h6 {
  text-align: center;
  padding: 20px;
  border: 1px solid white; }

button {
  background-color: #990000;
  color: #fff;
  padding: 0.75rem 4rem;
  margin: 1rem 0rem;
  font-family: 'Special Elite', cursive !important;
  font-size: 1.5rem;
  text-shadow: 1px 2px 5px #000; }

button:hover, button:focus, button:active {
  background-color: red; }

div.button, a.button, div.submit_button {
  border: 1px solid #9c9c9c;
  border-bottom: 1px solid #838383;
  border-radius: 5px;
  box-shadow: inset 0 1px 0 0 white;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(50%, lightgray), color-stop(50%, #bcbcbc), color-stop(100%, #c1c1c1));
  background-image: -webkit-linear-gradient(top, #fff 0%, lightgray 50%, #bcbcbc 50%, #c1c1c1 100%);
  background-image: linear-gradient(to bottom,#fff 0%, lightgray 50%, #bcbcbc 50%, #c1c1c1 100%);
  padding: 8px 20px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 -1px 1px white; }
  div.button:hover:not(:disabled), a.button:hover:not(:disabled), div.submit_button:hover:not(:disabled) {
    cursor: pointer;
    background-color: #f0f0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(50%, #c5c5c5), color-stop(50%, #b0b0b0), color-stop(100%, #b5b5b5));
    background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #c5c5c5 50%, #b0b0b0 50%, #b5b5b5 100%);
    background-image: linear-gradient(to bottom,#f0f0f0 0%, #c5c5c5 50%, #b0b0b0 50%, #b5b5b5 100%); }
  div.button:active:not(:disabled), a.button:active:not(:disabled), div.submit_button:active:not(:disabled) {
    box-shadow: inset 0 0 20px 0 #8b8b8b, 0 1px 0 #fff; }
  div.button:disabled, a.button:disabled, div.submit_button:disabled {
    opacity: 0.5;
    cursor: not-allowed; }

div.button a {
  color: #000; }

a.phone {
  font-size: 1.3rem; }

#map_canvas {
  margin: 20px 0px; }

.owl-next, .owl-prev {
  color: #fff;
  font-size: 30px;
  font-family: FontAwesome;
  position: absolute;
  right: -64px;
  top: 60px; }
  @media screen and (max-width: 1150px) {
    .owl-next, .owl-prev {
      position: relative;
      right: 0;
      left: 0;
      top: 0; } }

.owl-prev {
  left: -64px;
  width: 32px; }
  @media screen and (max-width: 1150px) {
    .owl-prev {
      left: 0;
      width: auto; } }

.specials-slider {
  font-family: 'Special Elite', cursive !important;
  font-size: 2rem;
  font-weight: 400; }

#specials-slider p {
  font-size: 1.2rem !important;
  color: #fff !important;
  line-height: 1.3; }

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