/*
Theme Name: _tk
Theme URI: http://themekraft.com/store/_tk-free-wordpress-starter-theme-based-on-twitter-bootstrap/
Author: ThemeKraft
Author URI: http://themekraft.com/
Description: Hi, I am the ultra minimal starter theme _tk, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
	word-wrap: break-word;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Bootstrap class over-rides */
.form-group {
    margin-bottom: .7em;
}
input[type="checkbox"], input[type="radio"] {
    margin: 8px 0 0;
}

/* Content */
.main-content-inner {
	padding-bottom: 1.5em;
}
.main-content-inner.col-sm-12 {
	float: none;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}

/* Clearing */
.clear {
	clear: both;
}

/* Navigation */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/

.sticky {
}

.gallery-caption {

}

.bypostauthor {

}

.entry-meta {
	clear: both;
}

/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)


 == Want to have the whole site wrapped? ==

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }


 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	display: none;
}
*/

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*
.infinity-end.neverending .site-footer {
	display: block;
}
*/

/* Hey, if you don't need my comments anymore, just delete me! :)  */


/* styles for _tk_pagination und _tk_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

/* P&Gs Styles start here =================================================  */

/* Layout Elements =======================================================  */

/* max width for site ==== */
.header-wrapper {
	margin-right: auto;
	margin-left: auto;
}
.main-content, .site-footer {
	max-width: 1900px;
	margin-right: auto;
	margin-left: auto;
}
.page-id-15 .main-content { /* homepage */
	max-width: 100%;
	background-color: #f7f4e6;
}
/* special consideration needed for parallax images: ==== */
html,
body {
  width: 100%;
  height: 100%;
}
body {
	font-family: 'Lato', arial, sans-serif;
}
h1, h2, h3, h4, h5 {
	font-family: 'Rokkitt', georgia, serif;
}
h1.sans, h2.sans, h3.sans, h4.sans, h5.sans {
	font-family: 'Lato', arial, sans-serif;
	font-weight: 400;
}

/* Header ==================================  */
.header-wrapper {
	background-color: #fff;
}
.header-wrapper.bg-holder {
	background-image: url("img/header-bg-tables-770x440.jpg");
	background-repeat: no-repeat;
	position: relative;
	/* min-height: 500px; */
}
.site-branding {
	/* max-width: 495px; */
	margin: 0 auto;
	
}
header h1.site-title {
	background-image: url("img/logo-white-trans-ds-495x403.png");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	/* margin: 0 auto 30px; */
	margin: 0 auto;
	text-indent: -9999px;
	text-align: center;
	position: relative;
	/* padding-bottom: 81.61616%; */ /* 404 / 495 */
	/* max-width: 495px; */
	max-width: 50vw;
}
header h1.site-title a {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
/* Header navigation */
.single-page .site-navigation,
.single-page .site-navigation div,
.single-page .site-navigation-inner {
	overflow-x: visible;
}
.site-navigation .container-fluid {
	padding-left: 0;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar {
    border-radius: 0px;
    border: 1px solid transparent;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 50px;
    position: relative;
}
.navbar-collapse {
	padding-left: 0;
	float: left;
}
.navbar-default .navbar-toggle {
    background-color: rgba(255, 255, 255, 0.8);
    border-color: #939393;
}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    border-color: transparent;
}
.navbar-header {
    background-color: transparent;
    /* background-image: url('img/logo-teal-trans-200x163.png');
    background-image: url('img/logo-teal-trans-glow-210x173.png'); */
    background-image: url('img/logo-white-trans-glow-210x173.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;    
    position: absolute;
    /* right: 30px; */
    right: 1vw;
    top: 0;
    /* float: right;
    overflow: visible; */
}
.home .navbar-header {
    background-image: none;
}
.navbar-header a.navbar-brand {
	display: block;
	/* height: 163px;
	width: 200px; */
	text-indent: -9999px;
	float: none;
	padding: 0;
	height: 173px;
	width: 210px;
}
.home .navbar-header .navbar-brand {
    display: none;
}
.single-page .navbar-toggle {
    margin-top: -10px;
    margin-right: -15px;
}
.navbar-nav {
    background-color: rgba(255,255,255,.7);
    float: left;
    margin: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: inherit;
    color: #000;
}
/* hidden links in main menu */
.site-navigation li.footer-menu-only {
	display: none;
}
.header-phone {
	font-size: 1.3em;
	text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.8);
	opacity: .95;
	text-align: right;
}
.header-phone a {
	color: #fff;
}
.header-phone .takeout-box {
	display: block;
	background-color: rgba(255,255,255,.1);
	border: 2px solid #fff;
	border-radius: 0;
	height: auto;
	margin: 0 auto 15px;
	padding: .2em 0.5em;
	text-indent: 0;
	width: auto;
	color: #fff;
	font-size: 1em;
	text-align: center;
}
.header-phone a.menu-link {
	display: block;
	cursor: pointer;
	text-indent: 0;
	color: #fff;
}
.header-phone a.menu-link:hover {
	background-color: rgba(255,255,255,.3);
	text-decoration: none;
}

/* footer ======================================= */
.site-footer {
	background-color: #fff;
	padding-top: 1em;
}
.site-footer div,
.site-footer p {
	text-align: center;
	color: #AEAEAE;
}
.site-footer p {
	font-size: 0.9em;
    line-height: 1.2;
    margin-bottom: 1.2em;
}
.site-footer h3,
.site-footer h4 {
	text-transform: uppercase;
	font-family: "Lato",arial,sans-serif;
	margin: .2em 0 0;
}
.site-footer h4.footer-contact {
	margin: 0.8em 0 0.7em;
}
.site-footer-one h4.footer-find {
	margin-bottom: 0;
}
.site-footer-one a {
	text-align: center;
}
.site-footer-one .a2a_svg {
	bottom: -6px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	margin: 0 auto;
	position: relative;
	width: 28px;
}
a.footer-map {
	background-image: url('img/map-of-pandgs-418x418.jpg');
	background-size: cover;
	display: block;
	width: 100%;
}
.footer-map:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.site-footer div.top-holder {
	text-align: right;
}
/* subscribe modal */
#subscribe-modal {
	font-size: .85em;
}
#subscribe-modal label {
	font-size: .9em;
	margin-bottom: 0px;
}
#subscribe-modal p {
	margin-bottom: .5em;
	font-size: .95em;
	line-height: 1.4;
}
#subscribe-modal input[type="checkbox"], 
#subscribe-modal input[type="radio"] {
    margin: 0px 6px 0 0;
}
/* footer menu */
div.site-footer-menu {
	text-align: center;
	/* white-space: nowrap; */
}
ul#footer-menu {
	text-align: center;
	margin: 0 0 1em;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
}
ul#footer-menu > li {
	float: none;
	display: inline-block;
	font-size: .85em;
	white-space: nowrap;
}
ul#footer-menu li.header-menu-only {
	display: none;
}
ul#footer-menu > li > a {
    display: block;
    padding: 5px 0 5px;
    position: relative;
    margin-left: 5px;
}
ul#footer-menu > li > a:hover {
	background-color: transparent;
	text-decoration: underline;
}
ul#footer-menu > li > a:after {
    display: inline-block;
    content: '\0007C';
    margin-left: 10px;
    
}
ul#footer-menu > li:nth-of-type(7) > a:after {
    content: '';
}
a.subscribe-link {
	cursor: pointer;
}

/* content ====================================== */

/* items that shouldn't get too wide */
.main-content-inner article header:first-of-type,
.main-content-inner article footer:last-of-type,
.single-page .entry-content,
.addtoany_share_save_container.addtoany_content_bottom,
.site-footer .row {
	max-width: 1200px;	
	margin-left: auto;
	margin-right: auto;
	padding: 0 10%;
}
.addtoany_share_save_container.addtoany_content_bottom {
	text-align: center;
	overflow: visible;
}
.page-id-15 #content {
	background: url('img/bar.jpg') 50% 100% repeat;
}
.page-id-15 .main-content > div.container-fluid,
.page-id-15 .main-content > div.container-fluid > .row #content { /* homepage */
	padding-right: 0px;
    padding-left: 0px;
}
.page-id-15 .main-content > div.container-fluid > .row { /* homepage */
	margin-right: 0px;
    margin-left: 0px;
}
.wrapped-content {
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-shadow: 0px 0px 3px rgba(255,255,255, 1), 2px 2px 3px rgba(255,255,255, 1);
	color: #000;
}
.project-help {
	text-align: center;
	max-width: 80vw;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 2em auto -2em;
	font-size: 1.2em;
}
.wrapped-content-inner {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 3em 10%;
}
.wrapped-content.divider-section {
	min-height: 7em;
}
.wrapped-content p:first-of-type {
	margin-top: 1.5em;
}
.wrapped-content #carousel-testimonials p,
.wrapped-content #carousel-testimonials p:first-of-type {
	margin-top: 0;
	margin-bottom: .5em;
	line-height: 1.4;
}
.wrapped-content #carousel-testimonials p:last-of-type {
	margin-bottom: .2em;
	line-height: 1.3;
	color: rgba(3,3,3,.8);
	font-size: 0.9em;
}
#carousel-testimonials {
	margin-bottom: -20px;
}
#carousel-testimonials .item {
	border-left: 16px solid rgba(3,3,3,.1);
	padding-left: 10px;
	padding-right: 20px;
}
#carousel-testimonials .carousel-indicators li {
	background-color: rgba(255,255,255,.9);
	border: 1px solid #ccc;
}
#carousel-testimonials .carousel-indicators li.active {
	background-color: rgba(0,0,0,.45);
	border: 1px solid #ddd;
}
#carousel-testimonials .carousel-indicators {
    bottom: -20px;
    margin-bottom: 0;
}

div.unwrapper {
	height: 100%;
}
section.unwrapper {
	position: relative;
}
.bg-holder {
	width: 100%;
	height: 100%;
}
section.unwrapper .bg-holder {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0;
	background-repeat: no-repeat;
}
.bg-holder.in-context {
	/* margin: 0 .15px; */
}
.unwrapper-content {
	position: relative;
    text-align: center;
    z-index: 1;
    /* top: 50%;
    transform: translateY(-50%); */
}
.unwrapper-content,
.bg-holder .inner {
	margin: 0 auto;
	padding: 10% 0;
}
	.menu-section-unwrapper .unwrapper-content,
	.bg-holder.menu-wrapper .inner {
		padding: 1em 0 1em;
	}
.unwrapper-content-inner,
.bg-holder .inner-content {
	background-color: rgba(255,255,255,.8);
	margin: 0 auto;
	padding: 4em 0;
}
	.menu-section-unwrapper .unwrapper-content-inner,
	.bg-holder.menu-wrapper .inner-content {
		background-color: transparent;
		padding: 3em 0 1em;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner,
	.bg-holder.nightlife-wrapper .inner-content {
		background-color: transparent;
		padding: 0em 0;
	}
	.catering-section-unwrapper .unwrapper-content-inner,
	.bg-holder.catering-wrapper .inner-content {
		background-color: transparent;
		margin: 0 10px 0 auto;
		padding: 0 0;
	}
	.history-section-unwrapper .unwrapper-content-inner {
		background-color: transparent;
		padding: 10em 0;
	}
.unwrapper-content-inner div,
.bg-holder .inner-content div {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding: 0 10%;
}
	.menu-section-unwrapper .unwrapper-content-inner div,
	.bg-holder.menu-wrapper .inner-content div {
		max-width: 1200px;
		margin-right: auto;
		margin-left: auto;
		padding: 0 0;
	}
	.catering-section-unwrapper .unwrapper-content-inner div,
	.bg-holder.catering-wrapper .inner-content div {
		max-width: 1200px;
		margin-right: 0;
		margin-left: 0;
		color: #fff;
	}
	.catering-section-unwrapper .unwrapper-content-inner div.div1,
	.bg-holder.catering-wrapper .inner-content div.div1 {
		float:right;
		text-align: right;
		border-right: 2px solid white;
		padding: 0 10px 0 0;
		margin-right: 10px;
		min-width: 15em;
		overflow: visible;
	}
	.catering-section-unwrapper .unwrapper-content-inner div.div3 {
		display: block;
		clear: both;
		height: 1px;
		margin: 0;
	}
	.catering-section-unwrapper .unwrapper-content-inner div.div2,
	.bg-holder.catering-wrapper .inner-content div.div2 {
		float:right;
		text-align: left;
		padding: 3em 0 0 0;
	}
	.catering-section-unwrapper h2,
	.catering-section-unwrapper h3,
	.catering-section-unwrapper h5,
	.catering-section-unwrapper p,
	.bg-holder.catering-wrapper h2,
	.bg-holder.catering-wrapper h3,
	.bg-holder.catering-wrapper h5,
	.bg-holder.catering-wrapper p {
		margin-top: 0;
		margin-bottom: 0;
	}
	.catering-section-unwrapper a,
	.catering-section-unwrapper a:link,
	.catering-section-unwrapper a:active,
	.catering-section-unwrapper a:visited,
	.bg-holder.catering-wrapper a,
	.bg-holder.catering-wrapper a:link,
	.bg-holder.catering-wrapper a:active,
	.bg-holder.catering-wrapper a:visited {
		color: #fff;
	}
	.catering-section-unwrapper a:hover,
	.bg-holder.catering-wrapper a:hover {
		color: #ddd;
		text-decoration: none;
	}
.bypostauthor {
	display: block;
}
.wrapped-content p.hours:first-of-type {
  margin-top: 0;
  margin-bottom: 0;
}
.addtoany_header {
  margin: 0 0 .2em .3em !important;
  color: #929292;
  font-size: .9em;
}
.addtoany_header:after {
	/* content: ':'; */
}
/* homepage =============================== */
.page-id-15 .header-wrapper.bg-holder {
	background-color: rgb(3,3,3);
}
.page-id-15 h1.page-title,
.page-id-15 article header {
	display: none;
}
/* .page-id-15 .wrapped-content:first-of-type p:first-of-type {
	margin-top: 0;
} */
/*  homepage menu section ======================= */
.menu-section-unwrapper .carousel-control.right,
.menu-wrapper .carousel-control.right {
  background-image: none;
  z-index: 15;
}
.menu-section-unwrapper .carousel-control.left,
.menu-wrapper .carousel-control.left {
  background-image: none;
  z-index: 15;
}
.menu-section-unwrapper #carousel-menus {
	min-height: 39em; /* to keep all menus the same height; adjust as needed to contain largest menu */
}
.menu-section-unwrapper #carousel-menus .carousel-inner {
	background-color: rgba(255,255,255,.75);
}
.menu-section-unwrapper #carousel-menus div.item {
	/* background-color: rgba(255,255,255,.75); */
	/* padding: 1em 25px; */
	padding: 1em 0px;
	/* min-height: 35em; */
}
.menu-section-unwrapper .unwrapper-content-inner div.menu-column,
.bg-holder.menu-wrapper .inner-content div.menu-column {
	padding-right: 25px;
	padding-left: 25px;
	/* margin-right: 25px;
	margin-left: 25px; */
	text-align: left;
}
.menu-section-unwrapper .unwrapper-content-inner .item div.menu-column:first-of-type,
.bg-holder.menu-wrapper .inner-content .item div.menu-column:first-of-type {
	/* padding-left: 40px */
}
.menu-section-unwrapper .carousel-indicators,
.menu-wrapper .carousel-indicators {
	/* bottom: auto;
	top: -3em;
	bottom: 10px;
	margin-left: -48%;
	width: 96%; */
	bottom: auto;
	left: auto;
	list-style: outside none none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	padding-left: 0;
	position: relative;
	text-align: center;
	width: 98%;
	z-index: 15;
	padding-inline-start: 0em;
}
.menu-section-unwrapper .carousel-indicators li,
.menu-wrapper .carousel-indicators li {
  background-color: rgba(255,255,255,.1);
  border: 2px solid #fff;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: auto;
  margin: 3px;
  padding: .2em 0.5em;
  text-indent: 0;
  width: auto;
  color: #fff;
}
.menu-section-unwrapper .carousel-indicators .active,
.menu-wrapper .carousel-indicators .active {
  background-color: rgba(255,255,255,.9);
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: auto;
  margin: 3px;
  padding: .2em 0.5em;
  text-indent: 0;
  width: auto;
  color: #000;
}
.menu-column h3 {
	clear: both;
	margin: .5em 0 0;
	font-size: 1.6em;
}
.menu-column h4 {
	margin-bottom: 0;
	margin-top: .35em;
	font-size: 1.1em;
	color: black;
	text-transform: uppercase;
	clear: both;
}
.menu-column h3 span,
.menu-column h4 span {
	float: right;
	font-weight: 400;
	font-family: lato, sans-serif;
	font-size: .8em;
	white-space: pre-wrap;
	text-transform: capitalize;
}
.menu-column h3 span {
	font-size: .95em;
}
.line-above {
	border-top: 1px solid #8d8d8d;
	margin-top: 0;
	padding-top: .35em;
}
.line-below {
	border-bottom: 1px solid #8d8d8d;
	padding-bottom: .35em;
}
.menu-column p {
	font-style: italic;
	font-size: .85em;
	line-height: 1.2;
	margin-bottom: 0;
	white-space: pre-wrap;
	color: #1a1a1a;
}
.menu-column p span {
	white-space: pre-wrap;
}
.menu-column div.sides p span {
	float: right;
	font-weight: 400;
	font-family: lato, sans-serif;
	font-size: 1em;
	font-style: normal;
}
.menu-column p strong {
	font-weight: 700;
	font-family: lato, sans-serif;
	font-size: 1em;
	font-style: normal;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    border: 2px solid #999;
    border-radius: 10px;
    color: #999;
    display: block;
    font-size: 10px;
    height: 20px;
    line-height: 15px;
    margin-top: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 20px;
    z-index: 5;
    text-shadow: none;
    background-color: transparent;
    opacity: .8;
}
.carousel-control:hover .glyphicon-chevron-left, 
.carousel-control:hover .glyphicon-chevron-right, 
.carousel-control:hover .icon-next, 
.carousel-control:hover .icon-prev {
    border: 2px solid #333;
    color: #333;
    background-color: rgba(255,255,255,.5);
    opacity: .9;
    border-radius: 12px;
    font-size: 12px;
    height: 24px;
    line-height: 18px;
    width: 24px;
}
.page-id-122 .carousel-control .glyphicon-chevron-left, 
.page-id-122 .carousel-control .glyphicon-chevron-right, 
.page-id-122 .carousel-control .icon-next, 
.page-id-122 .carousel-control .icon-prev {
	top: 0;
    opacity: .3;
}
.wp_is_mobile .carousel-control .glyphicon-chevron-left, 
.wp_is_mobile .carousel-control .glyphicon-chevron-right, 
.wp_is_mobile .carousel-control .icon-next, 
.wp_is_mobile .carousel-control .icon-prev {
	display: none;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .icon-prev {
    left: 3px;
    margin-left: 0;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: 0;
    right: 3px;
}

.carousel-control.bottom {
	display: none;
}
.carousel-control.bottom .glyphicon-chevron-left, 
.carousel-control.bottom .glyphicon-chevron-right, 
.carousel-control.bottom .icon-next, 
.carousel-control.bottom .icon-prev {
    top: auto;
    bottom: .7em;
}
.fav-icon,
.menu-column h3 span.fav-icon, 
.menu-column h4 span.fav-icon {
	display: inline-block;
	width: 25px;
	height: 19px;
	background: transparent url('img/fav-icon-25x19.png') no-repeat 0px 0px;
	float: none;
	vertical-align: -8%;
	margin-right: 3px;
}
.veg-icon,
.menu-column h3 span.veg-icon, 
.menu-column h4 span.veg-icon {
	display: inline-block;
	width: 26px;
	height: 19px;
	background: transparent url('img/veg-icon-26x19.png') no-repeat 0px 0px;
	float: none;
	vertical-align: -8%;
	margin-left: 3px;
}
.new-icon,
.menu-column h3 span.new-icon, 
.menu-column h4 span.new-icon {
	display: inline-block;
	width: 26px;
	height: 18px;
	background: transparent url('img/new-icon.png') no-repeat 0px 0px;
	float: none;
	vertical-align: -8%;
	margin-right: 3px;
}
/* tabs in specials menu */
.menu-tabs-div ul.nav-tabs {
    border-bottom: 3px solid #fff;
    margin: 0 2%;
}
.menu-tabs-div ul.nav-tabs > li {
	display: inline-block;
    float: none;
}
.menu-tabs-div .nav-tabs > li > a {
	color: #000;
}
.menu-tabs-div div.tab-content {
	background-color: rgba(255, 255, 255, 0.5);
    padding-bottom: 1em;
    margin: 0 2%;
}
.menu-tabs-div div.tab-content:before,
.menu-tabs-div div.tab-content:after {
	content: " ";
	display: table;
}
.menu-tabs-div div.tab-content:after {
	clear: both;
}
/* specials tab */
p.feed-instructions {
	margin: 5px 0 5px;
}

/* homepage nightlife section ==== */
.nightlife-section-unwrapper {
	color: #fff;
	text-shadow: 0px 0px 4px rgba(3, 3, 3, 1), 3px 3px 8px rgba(3, 3, 3, 1);
	background-color: rgba(3, 3, 3, 1);
}
.nightlife-section-unwrapper .unwrapper-content {
	padding: 2em 0 1em;
}
.unwrapper-content-inner div.nightlife-menu {
    margin-left: 2%;
    margin-right: auto;
    max-width: 1200px;
    padding: 0 10%;
    width: 42em;
}
.nightlife-section-unwrapper h2.sans {
	font-size: 2.2em;
	padding-left: 1.1em;
}
.nightlife-section-unwrapper h3 {
	margin-bottom: 0;
	margin-top: .5em;
}
.nightlife-section-unwrapper p {
	margin-bottom: 0;
	line-height: 1.2;
	font-size: .85em;
}
.nightlife-section-unwrapper p.drink-specials-hours {
	margin: 1.2em 0 1em;
	line-height: 1.2;
	font-size: .85em;
}
.nightlife-section-unwrapper .a2a_svg {
	display: inline-block;
	margin-bottom: -3px;
    margin-left: 4px;
}
/* homepage history section ====== */
.history-section-unwrapper {
}
.history-wrapper {
	background-repeat: no-repeat;
}
/* Facebbok feed is loaded in a hidden div and then moved into the menus section via js */
#facebook-feed-loading-area {
	display: none;
}
#cff {
    background-color: rgba(255, 255, 255, 0.6);
    margin: 0 auto 1em;
    float: none;
}
#cff .cff-post-text {
	line-height: 1.7;
	font-size: 0.9em;
	margin-top: 1em;
}
.cff-text br {
	/* display: block; */
}
#cff .cff-item {
    padding: 10px 0 10px;
}
#cff .cff-author {
    float: none;
    margin: 0 auto 5px;
    width: 210px;
}
#cff .cff-post-links {
	float: none;
    margin: 1em auto 0;
}
/* facebook-block */
div.fb-page.fb_iframe_widget {
	width: 300px;
}

.carousel-indicators {
    bottom: 2px;
    margin-bottom: 0;
}
/* hours region */
.hours h3,
.hours h4 {
	text-transform: uppercase;
	font-family: "Lato",arial,sans-serif;
	margin: 0 0 0;
}
.dining-hours h3 span,
.dining-hours h4 span {
	text-transform: none;
}
.wrapped-content .hours p:first-of-type {
    margin-top: 0;
}

/* All Single pages except homepage .single-page ==================================== */
.single-page .page-title {
	font-family: lato,arial,sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	margin-bottom: .75em;
	text-align: center;
	text-transform: uppercase;
}
/* Catering Page e.g. .page-catering, .single-page ===================== */
.page-catering .header-wrapper.bg-holder {
	background-image: url('img/catering-header-bg-1920x1340.jpg');
	height: 60vh;
	min-height: 60vh;
}
.page-catering .square-picture {
	background-image: url("img/catering-pic-wings-614x614.jpg");
    background-size: cover;
    display: block;
    width: 100%;
    margin-top: 1em;
}
.page-catering .square-picture::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
/*  Catering page menu section =============== */
.page-catering .carousel-control.right {
  background-image: none;
  z-index: 15;
}
.page-catering .carousel-control.left {
  background-image: none;
  z-index: 15;
}
.page-catering #carousel-menus {
	min-height: 39em; /* to keep all menus the same height; adjust as needed to contain largest menu */
}
.page-catering #carousel-menus div.item {
	background-color: rgba(255,255,255,.75);
	/* padding: 1em 25px; */
	padding: 1em 0px;
	min-height: 35em;
}
.page-catering div.menu-column {
	padding-right: 25px;
	padding-left: 25px;
	/* margin-right: 25px;
	margin-left: 25px; */
	text-align: left;
}
.page-catering .item div.menu-column:first-of-type {
	/* padding-left: 40px */
}
.page-catering .carousel-indicators {
	/* bottom: auto;
	top: -3em;
	bottom: 10px;
	margin-left: -48%;
	width: 96%; */
	bottom: auto;
	left: auto;
	list-style: outside none none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	padding-left: 0;
	position: relative;
	text-align: center;
	width: 98%;
	z-index: 15;
	padding-inline-start: 0em;
}
.page-catering .carousel-indicators li {
	background-color: rgba(0, 0, 0, 0.02);
    border: 2px solid #ccc;
    border-radius: 0;
    color: #606060;
    cursor: pointer;
    display: inline-block;
    height: auto;
    margin: 3px;
    padding: 0.2em 0.5em;
    text-indent: 0;
    width: auto;
}
.page-catering .carousel-indicators .active {
	background-color: rgba(000,000,000,1);
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	height: auto;
	margin: 3px;
	padding: .2em 0.5em;
	text-indent: 0;
	width: auto;
	color: #FFF;
}
.page-catering .menu-column h4 {
	margin-bottom: 0;
	margin-top: .35em;
	font-size: 1.1em;
	color: black;
	text-transform: uppercase;
	clear: both;
}
.page-catering .menu-column h4 span {
	float: right;
	font-weight: 400;
	font-family: lato, sans-serif;
	font-size: .8em;
	white-space: pre-wrap;
	text-transform: capitalize;
}
.page-catering .menu-column p {
	font-style: italic;
	font-size: .85em;
	line-height: 1.2;
	margin-bottom: 0;
	white-space: pre-wrap;
	color: #1a1a1a;
}
.page-catering .menu-column p span {
	white-space: pre-wrap;
}
.page-catering .menu-column div.sides p span {
	float: right;
	font-weight: 400;
	font-family: lato, sans-serif;
	font-size: 1em;
	font-style: normal;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    /* top: .7em; */
}
.carousel-control.bottom .glyphicon-chevron-left, 
.carousel-control.bottom .glyphicon-chevron-right, 
.carousel-control.bottom .icon-next, 
.carousel-control.bottom .icon-prev {
    top: auto;
    bottom: .7em;
}

/* Golf Page e.g. .page-golf, .single-page ===================== */
.page-golf .header-wrapper.bg-holder {
	height: 60vh;
	min-height: 60vh;
}
.page-golf .entry-content p {
	line-height: 1.3;
	margin-bottom: .6em;
}
/* golf slideshow */
#carousel-golf {
	max-width: 640px;
	margin: 2em auto;
}
#carousel-golf .carousel-inner {
	max-height: 640px;
}
#carousel-golf .carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}
#carousel-golf .carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%);
  background-repeat: repeat-x;
  left: auto;
  right: 0;
}
#carousel-golf .carousel-control .glyphicon-chevron-left, 
#carousel-golf .carousel-control .glyphicon-chevron-right, 
#carousel-golf .carousel-control .icon-next, 
#carousel-golf .carousel-control .icon-prev {
  top: 50%;
}
#carousel-golf p {
	margin: 0;
}
#carousel-golf img[class*="wp-image-"] {
  margin-bottom: 0px;
  margin-top: 0px;
}

/* History Page e.g. .page-history, .single-page ===================== */
.page-history .header-wrapper.bg-holder {
	background-image: url('img/blue-crane-inn-1935x1097.jpg');
	height: 75vh;
	min-height: 75vh;
}
.single-page.page-history .page-title {
	display: none;
}
/* history slideshow */
#carousel-history {
	max-width: 550px;
	margin: 2em auto;
}
#carousel-history .carousel-inner {
	max-height: 370px;
}
#carousel-history .carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}
#carousel-history .carousel-control.right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%);
  background-repeat: repeat-x;
  left: auto;
  right: 0;
}
#carousel-history .carousel-control .glyphicon-chevron-left, 
#carousel-history .carousel-control .glyphicon-chevron-right, 
#carousel-history .carousel-control .icon-next, 
#carousel-history .carousel-control .icon-prev {
  top: 50%;
}
#carousel-golf p,
#carousel-history p {
	margin: 0;
}
#carousel-golf img[class*="wp-image-"],
#carousel-history img[class*="wp-image-"] {
  margin-bottom: 0px;
  margin-top: 0px;
}
/* Contact Page e.g. .page-contact, .single-page also signup form page ===================== */
.page-contact .header-wrapper.bg-holder,
.page-signup .header-wrapper.bg-holder,
.page-menu .header-wrapper.bg-holder {
	height: 60vh;
	min-height: 60vh;
}
.wpcf7-response-output:empty {
	display: none;
}
.wpcf7-response-output.alert {
	background-color: aliceblue;
	border-radius: 5px;
	border: 1px solid silver;
}
.anr_captcha_field {
	margin-bottom: 6px;
}
.checkbox label, .radio label {
    padding-left: 0px;
    font-weight: 700;
    cursor: pointer;
}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: relative;
    margin-top: 0;
    margin-left: 0px;
    margin-right: 2px;
}
.wpcf7 form .wpcf7-response-output {
	margin: 2em 0 1em;
	padding: 0.2em 1em;
	border: 1px solid #00a0d2;
	background-color: rgba(0,0,0,0.03);
	border-radius: 5px;
}
.wpcf7-not-valid-tip {
	color: red;
	font-style: italic;
}
.form-control {
	font-size: 1.75rem;
}
/* Contact Page e.g. .page-contact, .single-page ===================== */
.page-specials .header-wrapper.bg-holder {
	height: 60vh;
	min-height: 60vh;
}
.page-specials ul.nav-tabs {
    border-bottom: 2px solid #ddd;
    margin: 0 2% 1em;
	text-align: center;
}
.page-specials ul.nav-tabs > li {
    display: inline-block;
    float: none;
}
.page-specials ul.nav-tabs li.active a {
	background-color: rgba(200,200,200,.07);
}
.page-specials #daily {
	text-align: center;
}
.page-specials #facebook-feed-area {
	background-color: rgba(125,125,125,.07);
}
/* Menu Page for Google and other online menu scrapers - .page-menu */
.page-menu h1.page-title {
	text-align: center;
	margin: 0;
}
/* admin bar tweaks */
body.admin-bar {
	margin-top: -32px;
}
@media only screen and (max-width: 782px) {
	body.admin-bar {
		margin-top: -46px;
	}
}
.admin-bar #wpadminbar {
	opacity: .3;	
}
.admin-bar #wpadminbar:hover {
	opacity: .9;	
}
.fin {
	display: inline-block;
	cursor: default;
}
.fin:after {
	display: inline;
	content: "\2022";
}

/* BREAK POINTS ========================================================
	* for general rules we are using min-width only so that the rule will
	* propogate upwards;
	* for bg images we are using min AND max widths so that larger screens 
	* will not have to download all image sizes.
   =====================================================================  */
/* workaround for something unknown overflowing width on small screens... */
section div.wrapper, 
section {
	overflow-x: hidden;
}
section.wrapped-content {
	/* background-image: url('img/divider-bg-1920x577.jpg');
	background-color: #f7f4e6;
	background-size: cover; */
	background-image: url('img/bar.jpg');
	background-size: cover;
}
.history-section-unwrapper .unwrapper-content {
	padding: 0;
}
.catering-section-unwrapper .unwrapper-content,
.bg-holder.catering-wrapper .inner {
	padding: 16em 0 2em;
	max-width: 1200px;
}
#carousel-golf,
#carousel-history {
	float: none;
}

/* Extra Small Devices, Phones in portrait mode, phones, less than 768px */ 
/* No media query since this is the default in Bootstrap */
	.header-wrapper.bg-holder {
		/* background-image: url("img/header-bg-tables-770x440.jpg"); */
		background-image: url("img/home-header-bg-backbooths-a-770x497.jpg");
		outline: 0px solid red;
	}
	.navbar-default .navbar-nav > li > a {
		color: #101010;
		padding: 15px 8px;
		line-height: 1;
		font-size: 1.3em;
	}
	.navbar-default .navbar-nav > li:first-of-type > a {
		padding: 15px 8px 15px 16px;
	}
	.navbar-default .navbar-nav > li:last-of-type > a {
		padding: 15px 16px 15px 8px;
	}
	section.unwrapper .bg-holder {
		background-repeat: no-repeat;
    }
	section.unwrapper .bg-holder.nightlife-wrapper {
		background-repeat: no-repeat;
    }
	section.unwrapper.menu-section-unwrapper .menu-wrapper.bg-holder {
		background-image: url('img/menu-section-bg-wood-770x770.jpg');
		background-repeat: repeat;
	}
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-770x515.jpg');
	}
	.history-wrapper.bg-holder {
		background-image: url('img/blue-crane-inn-770x437.jpg');
	}
	.nightlife-wrapper.bg-holder {
		/* background-size: cover !important; */
		background-image: url('img/nightlife-color-1200x738.jpg');
		/* next line disables parallax on this element */
		background-position: 50% 0% !important;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner {
		text-align: center;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		display: inline-block;
		padding: 0;
		width: 24em;
		background-color: rgba(0, 0, 0, 0.35);
		margin-left: auto;
		margin-right: auto;
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-770x437.jpg');
		background-repeat: no-repeat;
	}
	
	.navbar-default .collapse.in .navbar-nav > li > a {
		color: #101010;
		padding: 6px 20px;
		line-height: 1;
		font-size: 1.1em;
	}
	.navbar-default .collapse.in .navbar-nav > li:first-of-type > a {
		padding: 12px 20px 6px 20px;
	}
	.navbar-default .collapse.in .navbar-nav > li:last-of-type > a {
		padding: 6px 20px 12px 20px;
	}
	.single-page.smaller_than_480.landscape .header-wrapper.bg-holder {
		background-size: cover;
		background-position: 50% 50%;
		height: 80vh;
		min-height: 80vh;
	}
	.single-page.smaller_than_480.portrait .navbar-collapse.in,
	.single-page.smaller_than_480.portrait .navbar-collapse.in a {
		z-index: 5;
	}
	.single-page.smaller_than_480.portrait .navbar-header,
	.single-page.smaller_than_480.portrait .navbar-header a {
		z-index: 2;
	}
	.header-phone {
		bottom: 2vh;
		left: 50%;
		position: absolute;
		right: auto;
		top: auto;
		text-align: center;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.header-phone .takeout-box {
		display: block;
		background-color: rgba(255,255,255,.1);
		border: 2px solid #fff;
		border-radius: 0;
		height: auto;
		margin: 0 auto 15px;
		padding: .2em 0.5em;
		text-indent: 0;
		width: auto;
		color: #fff;
		font-size: 1em;
		text-align: center;
		min-width: 13em;
		max-width: 95vw;
	}
	.header-phone a.menu-link {
		font-size: .7em;
	}
	.phone-link {
		padding: 0 .5em 0 .4em;
	}
	.tooltip {
		font-size: 1.5rem;
	}
	.page-golf .header-wrapper.bg-holder {
		background-image: url('img/golf-header2-bg-1920x1272.jpg');
		height: 60vh;
		min-height: 60vh;
	}
	.page-contact .header-wrapper.bg-holder {
		background-image: url('img/contact-header-bg-lndscp-770-462.jpg');
		height: 60vh;
		min-height: 60vh;
	}

/* Really small, like iphone 5 in portrait mode only */
@media only screen and (max-width : 320px) {	
	.catering-section-unwrapper .unwrapper-content-inner div.div1, 
	.bg-holder.catering-wrapper .inner-content div.div1 {
		border-right: 0px solid white;
	}
	.single-page .page-title {
		font-size: 1.5em;
	}
	.nightlife-section-unwrapper .unwrapper-content {
		padding: 0;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		width: auto;
	}
	.header-phone a.menu-link {
		font-size: .6em;
	}
}

/* However, for phones in portrait mode we can use this... - P.S. */
@media only screen and (max-width : 480px) {
	.unwrapper-content-inner div.nightlife-menu {
		margin-left:auto;
		margin-right: auto;
		padding: 0 10%;
		width: auto;
	}
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-tall-768x1296.jpg');
		background-size: cover !important;
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-tall-672x800.jpg');
		background-size: cover !important;
		background-position: 50% 50% !important; /* over-ride parallax javascript */
	}
	#history-unwrapper.catering-section-unwrapper .unwrapper-content,
	#history-unwrapper.bg-holder.catering-wrapper .inner {
		padding: 16em 0 2em;
	}
	p {
		font-size: .9em;
	}
	.menu-column h4 {
		font-size: 1.0em;
		line-height: 1.0;
	}
	.menu-column p {
		font-size: .80em;
		clear: both;
	}
	#carousel-menus .carousel-inner.height-adjusted {
		min-height: inherit !important;
	}
	.menu-section-unwrapper .carousel-indicators li, .menu-wrapper .carousel-indicators li {
		background-color: rgba(255,255,255,.1);
		border: 2px solid #fff;
		border-radius: 0;
		cursor: pointer;
		display: inline-block;
		height: auto;
		margin: 3px;
		padding: 0em 0.5em;
		text-indent: 0;
		width: auto;
		color: #fff;
		font-size: .8em;
		line-height: 1.9em;
	}
	.menu-section-unwrapper .carousel-indicators .active, 
	.menu-wrapper .carousel-indicators .active {
		background-color: rgba(255,255,255,.9);
		border-radius: 0;
		cursor: pointer;
		display: inline-block;
		height: auto;
		margin: 3px;
		padding: 0em 0.5em;
		text-indent: 0;
		width: auto;
		color: #000;
		font-size: .8em;
		line-height: 1.9em;
	}
	.menu-section-unwrapper #carousel-menus div.item {
		/* min-height: 71em; */
	}
	.menu-tabs-div .nav-tabs > li > a span {
		display: none;
	}
	.site-footer-one {
		margin-bottom: 1em;
	}
	.page-catering .carousel-indicators li,
	.page-catering .carousel-indicators li.active {
		height: auto;
	}
	.page-catering .entry-content h2.sans {
		font-size: 1.4em;
	}
	.page-golf .header-wrapper.bg-holder,
	.page-contact .header-wrapper.bg-holder {
		background-size: cover !important;
		background-position: 50% 50% !important;
	}
	.nightlife-section-unwrapper .unwrapper-content {
		padding: 0;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		width: auto;
	}
	.phone-link {
		padding: 0 .4em 0 .4em;
	}
}

@media only screen and (min-width : 480px) and (max-width: 767px) {
	.unwrapper-content-inner div.nightlife-menu {
		margin-left:auto;
		margin-right: auto;
		padding: 0 10%;
		width: auto;
	}
	.logged-in #wpadminbar {
		pointer-events: none;	
	}
	.header-wrapper.bg-holder {
		background-image: url("img/home-header-bg-backbooths-a-770x497.jpg");
		outline: 0px solid red;
	}
	section.unwrapper .bg-holder {
		background-repeat: repeat;
    }
	section.unwrapper .bg-holder.nightlife-wrapper {
		background-repeat: no-repeat;
    }
	.menu-wrapper.bg-holder {
		background-image: url('img/menu-section-bg-wood-770x770.jpg');
		background-repeat: repeat;
	}
	.menu-section-unwrapper #carousel-menus div.item {
		/* min-height: 61em; */
	}
	.history-wrapper.bg-holder {
		background-image: url('img/blue-crane-inn-770x437.jpg');
	}
	.nightlife-wrapper.bg-holder {
		background-image: url('img/nightlife-color-1200x738.jpg');
		/* background-size: cover !important; */
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-770x437.jpg');
		background-size: cover !important;
	}
	.site-footer-one {
		margin-bottom: 1em;
	}
	.page-golf .header-wrapper.bg-holder {
		background-image: url('img/golf-header2-bg-1920x1272.jpg');
		height: 60vh;
		min-height: 60vh;
	}
}
/* Extra small devices in portrait mode */
@media only screen and (min-width : 480px) and (max-width: 767px) and (orientation: portrait) {
	
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-tall-768x1296.jpg');
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-tall-960x1096.jpg');
		background-size: cover !important;
	}
	.page-golf .header-wrapper.bg-holder,
	.page-contact .header-wrapper.bg-holder {
		background-size: cover !important;
		background-position: 50% 50% !important;
	}
	.header-phone a.menu-link {
		font-size: .7em;
	}
	.phone-link {
		padding: 0 .4em 0 .5em;
	}
	.project-help {
		font-size: 1.1em;
	}
	
}
@media only screen and (min-width : 320px) and (max-width: 479px) and (orientation: portrait) {
	.logged-in .nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		width: 21em;
	}
}
/* Really small, like iphone 5 in portrait mode only */
@media only screen and (max-width : 320px) and (orientation: portrait) {
	.menu-section-unwrapper #carousel-menus div.item {
		/* min-height: 75em; */
	}
}

/* Extra small devices in landscape mode */
@media only screen and (min-width : 480px) and (max-width: 767px) and (orientation: landscape) {
	
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-770x515.jpg');
		background-size: cover !important;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		display: inline-block;
		padding: 0;
		width: 24em;
		background-color: rgba(0, 0, 0, 0.35);
		margin-right: 1em;
		margin-left: 20%;
	}
	.nightlife-section-unwrapper .unwrapper-content {
		padding: 1em 0 1em;
	}
}

/* Really small, like iphone 5 in landscape mode only */
@media only screen and (max-width : 568px) and (min-width: 320px) and (orientation: landscape) {
	.menu-section-unwrapper #carousel-menus div.item {
		/* min-height: 65em; */
	}
}
@media only screen and (max-width : 767px) {
	.logged-in #wpadminbar {
		pointer-events: none;	
	}
	.navbar-header {
		right: 2vw;
		left: 1vw;
	}
	.navbar-nav li {
		z-index: 10;
		background-color: rgba(255,255,255,.95);
	}
}

/* end Extra Small devices */

/* Small Devices, Tablets in portrait mode, phones in landscape mode, 768px and up */
@media only screen and (min-width : 768px) {
	
	.site-branding {
		max-width: 650px;
		margin: 0 auto;
	}
	header h1.site-title {
		/* max-width: 650px; */
		max-width: 50vw;
	}
	.catering-section-unwrapper .unwrapper-content,
	.bg-holder.catering-wrapper .inner {
		padding: 16em 0 2em;
		/* max-width: 1200px; */
		max-width: 50vw;
	}
	/* .header-phone {
		bottom: 2vh;
		left: auto;
		position: absolute;
		right: 2vw;
		top: auto;
		text-align: right;
	} */
	.header-phone {
		bottom: 2vh;
		left: 50%;
		position: absolute;
		right: auto;
		top: auto;
		text-align: center;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.header-phone a.menu-link {
		font-size: .8em;
	}
	
}
@media only screen and (min-width : 768px) and (max-width : 991px) {
	
	header h1.site-title {
		background-image: url('img/logo-white-trans-ds-650x530.png');
	}
	.header-wrapper.bg-holder {
		background-image: url("img/home-header-bg-backbooths-a-1000x645.jpg");
		outline: 0px solid green;
	}
	.menu-wrapper.bg-holder {
		background-image: url('img/menu-section-bg-wood-770x770.jpg');
	}
	.history-wrapper.bg-holder {
		background-image: url('img/blue-crane-inn-770x437.jpg');
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-770x437.jpg');
		background-size: cover !important;
	}
	.page-golf .header-wrapper.bg-holder {
		background-image: url('img/golf-header2-bg-1920x1272.jpg');
		height: 60vh;
		min-height: 60vh;
	}
	.nightlife-wrapper.bg-holder {
		background-image: url('img/nightlife-color-1200x738.jpg');
	}
	.nightlife-section-unwrapper .unwrapper-content-inner {
		text-align: center;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		display: inline-block;
		padding: 0;
		width: 24em;
		background-color: rgba(0, 0, 0, 0.35);
		margin-left: 39%;
		margin-right: auto;
	}
}

/* Small devices portrait mode */
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : portrait) {
	
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-tall-768x1296.jpg');
	}
	.menu-section-unwrapper #carousel-menus div.item {
		/* min-height: 42em; */
	}
	.navbar-default .navbar-nav > li:last-of-type > a {
		z-index: 10;
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-tall-960x1096.jpg');
		/* background-image: url('img/hand-colored-blue-crane-inn-1000x699.jpg'); */
		background-repeat: repeat;
	}
	.nightlife-wrapper.bg-holder {
		background-image: url('img/nightlife-color-1200x738.jpg');
	}
	.nightlife-section-unwrapper .unwrapper-content-inner {
		text-align: center;
	}
	.page-golf .header-wrapper.bg-holder {
		background-image: url('img/golf-header-bg-1920x885.jpg');
		height: 60vh;
		min-height: 60vh;
	}
	.page-contact .header-wrapper.bg-holder {
		background-image: url("img/contact-header-bg-portrait2-1000x1140.jpg");
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		display: inline-block;
		padding: 0;
		width: 24em;
		background-color: rgba(0, 0, 0, 0.35);
		margin-left: 39%;
		margin-right: auto;
	}
	.navbar-default .navbar-nav > li > a {
		padding: .5em .4em;
		font-size: 1em;
	}
	.navbar-default .navbar-nav > li:last-of-type > a {
		padding: .5em .4em;
	}
}

/* Small devices landscape mode */
@media only screen and (min-width : 768px) and (max-width : 991px) and (orientation : landscape) {
	
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-770x515.jpg');
		background-size: cover !important;
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-1000x567.jpg');
		background-repeat: no-repeat;
		background-size: cover !important;
	}
}

	
/* end Small devices */

/* Medium Devices, Desktops, tablets in portrait mode, 992px and up */
@media only screen and (min-width : 992px) {
	
	.site-branding {
		max-width: 800px;
		margin: 0 auto;
	}
	header h1.site-title {
		/* max-width: 800px; */
		max-width: 50vw;
	}
	.catering-section-unwrapper .unwrapper-content,
	.bg-holder.catering-wrapper .inner {
		padding: 16em 0 2em;
		max-width: 1200px;
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-1000x567.jpg');
		background-repeat: no-repeat;
		background-size: cover !important;
	}
	#history-unwrapper.catering-section-unwrapper .unwrapper-content,
	#history-unwrapper.bg-holder.catering-wrapper .inner {
		padding: 26em 0 2em;
		max-width: 1200px;
	}
	.navbar-default .navbar-nav > li > a {
		color: #101010;
		padding: 15px 20px;
		line-height: 1;
		font-size: 1.3em;
	}
	.navbar-default .navbar-nav > li:first-of-type > a {
		padding: 15px 20px 15px 40px;
	}
	.navbar-default .navbar-nav > li:last-of-type > a {
		padding: 15px 40px 15px 20px;
	}
	#carousel-golf,
	#carousel-history {
		float: right;
		margin: 1em auto 1em 1.5em;
		max-width: 400px;
	}
	.page-contact .header-wrapper.bg-holder {
		background-image: url("img/contact-header-bg-portrait-1000x1140.jpg");
	}
	.phone-link {
		padding: 0 .5em 0 .4em;
	}
	
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
	
	header h1.site-title {
		background-image: url('img/logo-white-trans-ds-800x652.png');
	}
	.header-wrapper.bg-holder {
		background-image: url("img/home-header-bg-backbooths-a-1200x775.jpg");
		outline: 0px solid blue;
	}
	.page-history .header-wrapper.bg-holder {
		height: 54vh;
		min-height: 54vh;
	}
	.page-contact .header-wrapper.bg-holder {
		height: 54vh;
		min-height: 54vh;
	}
	.menu-wrapper.bg-holder {
		background-image: url('img/menu-section-bg-wood-1000x1000.jpg');
	}
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-1000x669.jpg');
	}
	.history-wrapper.bg-holder {
		background-image: url('img/blue-crane-inn-1000x567.jpg');
	}
	.nightlife-wrapper.bg-holder {
		background-color: rgba(3,3,3,1);
	}
	#history-wrapper {
		background-image: url('img/blue-crane-inn-1000x567.jpg');
	}
	.page-golf .header-wrapper.bg-holder {
		background-image: url('img/golf-header2-bg-1920x1272.jpg');
		height: 60vh;
		min-height: 60vh;
	}

}
/* Medium Devices in portrait mode */
@media only screen and (min-width : 992px) and (max-width : 1199px) and (orientation: portrait) {
	
	.page-contact .header-wrapper.bg-holder {
		background-image: url("img/contact-header-bg-portrait2-1200x1368.jpg");
	}

}

/* Medium Devices in landscape mode */
@media only screen and (min-width : 992px) and (max-width : 1199px) and (orientation: landscape) {
	.navbar-default .navbar-nav > li > a {
		padding: 15px 15px;
	}
	.navbar-default .navbar-nav > li:first-of-type > a {
		padding: 15px 15px 15px 40px;
	}
	.navbar-default .navbar-nav > li:last-of-type > a {
		padding: 15px 40px 15px 15px;
	}
	.nightlife-wrapper.bg-holder {
		background-image: url('img/nightlife-color-1200x738.jpg');		
	}
	.nightlife-section-unwrapper .unwrapper-content-inner {
		text-align: center;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		display: inline-block;
		padding: 0;
		width: 26em;
		background-color: rgba(0, 0, 0, 0.35);
		margin-left: 50%;
		margin-right: auto;
	}
	
}

/* end Medium devices */

/* Large Devices, Wide Screens: large desktops, 1200px and up */
@media only screen and (min-width : 1200px) {
	
	.site-branding {
		max-width: 1000px;
		margin: 0 auto;
	}
	.catering-section-unwrapper .unwrapper-content,
	.bg-holder.catering-wrapper .inner {
		padding: 26em 0 4em;
		max-width: 1200px;
	}
	header h1.site-title {
		background-image: url('img/logo-white-trans-ds-1000x815.png');
		/* max-width: 1000px; */
		max-width: 50vw;
	}
	.bg-holder.in-context .inner-content {
		max-width: 1000px;
	}
	.header-wrapper.bg-holder {
		background-image: url("img/home-header-bg-backbooths-b-1920x1116.jpg");
		outline: 0px solid red;
		background-color: #060704;
	}
	.menu-wrapper.bg-holder {
		background-image: url('img/menu-section-bg-wood-1900x1900.jpg');
	}
	.catering-wrapper.bg-holder {
		background-image: url('img/catering-bg-1936x1296.jpg');
	}
	.history-wrapper.bg-holder {
		background-image: url('img/blue-crane-inn-1935x1097.jpg');
	}
	.nightlife-wrapper.bg-holder {
		background-image: url('img/nightlife-color-1920x1181.jpg');
	}
	.nightlife-section-unwrapper .unwrapper-content-inner {
		text-align: center;
	}
	.nightlife-section-unwrapper .unwrapper-content-inner .nightlife-menu {
		display: inline-block;
		padding: 0;
		width: 26em;
		background-color: rgba(0, 0, 0, 0.35);
		margin-left: 50%;
		margin-right: auto;
	}
	#history-wrapper {
		/* background-image: url('img/hand-colored-blue-crane-inn-1935x1353.jpg'); */
		background-image: url('img/blue-crane-inn-1935x1097.jpg');
	}
	#carousel-menus span.glyphicon-chevron-left,
	#carousel-menus span.glyphicon-chevron-right {
		visibility: visible;
	}
	#carousel-menus a.bottom span.glyphicon-chevron-left,
	#carousel-menus a.bottom span.glyphicon-chevron-right {
		visibility: hidden;
	}
	.page-golf .header-wrapper.bg-holder {
		background-image: url('img/golf-header-bg-1920x885.jpg');
		height: 60vh;
		min-height: 60vh;
	}
	.page-contact .header-wrapper.bg-holder {
		background-image: url("img/contact-header-bg-landscape4-1920x1152.jpg");
		background-color: #060704;
		height: 50vh;
		min-height: 50vh;
	}
	.page-contact.not-long.larger_than_1200 .header-wrapper.bg-holder {
		background-position: 50% 50% !important;
	}
	.page-contact.landscapeish.larger_than_1200 .header-wrapper.bg-holder {
		/* background-position: 50% 50% !important; */
	}
	
}
/* end Large devices */


@media only screen and (min-width : 1500px) {
	.history-section-unwrapper .unwrapper-content-inner {
		padding: 450px 0;
	}
}

/* Other odd configurations */
.portraitish #history-unwrapper,
.landscapeish.squarish #history-unwrapper {
	min-height: 60vh;
}
.portraitish #history-wrapper,
.landscapeish.squarish #history-wrapper {
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: 50% 50% !important;
}
.portraitish .catering-section-unwrapper .unwrapper-content,
.landscapeish.squarish .catering-section-unwrapper .unwrapper-content {
    padding: 9em 0 9em;
}