/*
Theme Name: Squaregrouper
Theme URI: https://wpcom-themes.svn.automattic.com/_s/
Author: Avast Media
Author URI: http://avastmedia.com
Description: Based on the Wordpress _s starter theme.
Version: 1.1-wpcom
License: GNU General Public License
License URI: license.txt
Tags:

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.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  /*font-size: 100%;*/
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
  background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
dl {
}
dl dt {
}
dl dt dd {
}
dl.rates {
  line-height: 145%;
  padding-left: 10px;
}
dl.rates dt {
  padding: 0 5px;
  font-weight: bold;
}
dl.rates dd {
  margin-bottom: 5px;
  font-size: 0.9em;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0;
}
a img {
  border: 0;
}

/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* Text elements */
p {
  margin-bottom: 1.5em;
}
ul,
ol {
  margin: 0 0 1.5em 3em;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 1.6em;
  overflow: auto;
  max-width: 100%;
}
code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: 0.5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
}
button,
input,
select,
textarea {
  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
  line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid #ccc;
  border-color: #ccc #ccc #bbb #ccc;
  border-radius: 3px;
  background: #fafafa; /* Old browsers */
  background: -moz-linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, #fafafa),
    color-stop(100%, #e6e6e6)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #fafafa 60%,
    #e6e6e6 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #fafafa 60%,
    #e6e6e6 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* IE10+ */
  background: linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
  box-shadow: inset 0 2px 1px #fff;
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 12px;
  font-size: 1.4rem;
  padding: 1.12em 1.5em 0.88em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #f5f5f5; /* Old browsers */
  background: -moz-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, #f5f5f5),
    color-stop(100%, #dcdcdc)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #f5f5f5 60%,
    #dcdcdc 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #f5f5f5 60%,
    #dcdcdc 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* IE10+ */
  background: linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */
  border-color: #bbb #bbb #aaa #bbb;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb #bbb;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type="text"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="text"]:focus,
textarea:focus {
  color: #111;
}
input[type="text"] {
  padding: 3px;
}
textarea {
  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 98%;
}

/* Links */
a {
  color: royalblue;
}
a:visited {
  color: purple;
}
a:hover,
a:focus,
a:active {
  color: midnightblue;
}

/* Alignment */
.alignleft,
.alignright {
  display: inline;
  padding: 5px;
  border: 1px solid #aaaaaa;
  background-color: white;
  -webkit-box-shadow: 0px 5px 10px -2px #000;
  box-shadow: 0px 5px 10px -2px #000;
}

.alignleft {
  float: left;
  margin: 0 1em 0.5em 0;
}

.alignright {
  float: right;
  margin: 0 0 0.5em 1em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
body.page img.alignright {
  border: none;
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: 0;
}
/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

/* =Menu
----------------------------------------------- */

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation li {
  /*	float: left;*/
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
.main-navigation ul ul {
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  position: absolute;
  top: 1.5em;
  left: 0;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
  display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

h1.menu-toggle {
  color: transparent !important;
}
/* Small menu */
.menu-toggle {
  cursor: pointer;
}
.main-small-navigation .menu {
  display: none;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
  margin: 1em 0 1.5em;
}
.entry-meta {
  clear: both;
}
.byline {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
  width: 640px;
}
body.home .entry-content {
  margin-top: 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
  max-width: 100%;
  width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}

.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  border: 1px solid #ccc;
  max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
  margin-bottom: 1.5em;
}
.wp-caption img {
  display: block;
  margin: 1.2% auto 0;
  max-width: 98%;
}
.wp-caption-text {
  text-align: center;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
#content .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
#content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
#content .gallery dd {
  margin: 0;
}
#content .gallery-columns-4 .gallery-item {
}
#content .gallery-columns-4 .gallery-item img {
}

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

/* =Navigation
----------------------------------------------- */

#content .site-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
#content .nav-previous {
  float: left;
  width: 50%;
}
#content .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* =Comments
----------------------------------------------- */

.bypostauthor {
}

/* =Widgets
----------------------------------------------- */

.widget {
  margin: 0 0 1.5em;
}

/* Search widget */
#searchsubmit {
  display: none;
}

/* =Custom Layout
------------------------------------------------*/
@charset "UTF-8";
/* CSS Document */

body {
  background: url(./images/bg-page.jpg) top left repeat;
  margin: 0;
  padding: 0;
}

div#wrapper-page {
  margin: 0;
  padding: 0;
}

div#page {
  background: url(./images/bg-parchment.png) top left repeat-y;
  margin: 0 auto; /*padding: 0 0 80px 0;*/
  width: 960px;
  z-index: 1;
  overflow: hidden;
}

header#masthead {
  background: url(./images/header-palms.png) 35px 0 no-repeat;
  height: 120px;
  margin: 0 auto;
  padding: 0;
  width: 960px;
  z-index: 9;
  position: relative;
}

nav.main-navigation {
  margin-top: 120px;
}
nav.main-navigation {
  position: relative;
  top: -105px;
  left: 35px;
  z-index: 2;
  width: 260px;
  background: url(./images/sg-nav.png) 0 20px no-repeat;
  min-height: 990px;
}
nav.main-navigation ul li a {
  text-indent: -9999px\0/ !important; /* IE 8-9 */
}
div#primary {
  position: relative; /*top: -760px;*/
  left: -45px;
  float: right;
  width: 620px;
  margin: 0;
  padding: 0;
  z-index: 3;
}
div#primary p {
  margin: 0;
  padding: 5px;
  line-height: 1.6em;
}

div#secondary {
  position: relative; /*top: -760px;*/
  left: -45px;
  float: right;
  width: 620px;
  margin: 0;
  padding: 0;
  z-index: 3;
}

.hidden {
  display: none;
}

div#social {
  width: 180px;
  margin: 0;
  padding: 0px;
  position: relative;
  top: 190px;
  left: 45px;
}

div#social ul {
  margin: 0 auto;
  padding: 0;
}
div#social ul li {
  float: left;
  width: 50px;
  height: 150px;
  list-style-type: none;
  margin: 0;
  text-align: center;
  display: block;
}

div#social ul li a {
  width: 50px;
  height: 150px;
  display: block;
  text-decoration: none;
  color: #000;
}
div#social ul li.firstItem {
  margin-left: 20px;
  padding: 0;
}
div#social ul li.secondItem {
  margin: 0;
  padding: 0;
}
footer#colophon {
  position: relative;
  clear: both;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 1;
  width: 960px;
  margin: 0 auto;
  background: url(./images/footer.png) 0 0 no-repeat;
  min-height: 140px;
  font-size: 12px;
  vertical-align: middle;
}
body.single-tribe_events footer#colophon {
  /*min-height: 85px;*/
}
body#tribe-events-content iframe {
  margin-left: 30%;
}
div.site-info {
  padding-top: 35px;
}
div#widget,
img#banner-image {
  position: relative;
  left: -259px;
  top: -120px;
  -webkit-box-shadow: 0px 10px 8px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 8px 2px rgba(0, 0, 0, 0.5);
}
body.home div#widget {
  top: -70px;
  max-width: 150% !important;
}
img#banner-image {
  width: 888px;
  height: 300px;
}
article.page {
  position: relative;
  top: -110px;
  left: -20px;
  min-height: 557px;
  margin-bottom: 0;
}
.home article.page {
  left: 0px;
}

div.slideshow_div {
  width: 888px !important;
}
div#home-bottom {
  margin-top: -190px;
  margin-left: -10px;
  padding-top: 15px;
  overflow: hidden;
  /*margin-bottom: 88px;*/
  /*background-position: 0 0px;*/
  /*url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGFlZjAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwYWVmMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYWVmMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,
rgba(0,174,240,0.1) 0%,
rgba(0,174,240,0.5) 50%,
rgba(0,174,240,0.1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,
rgba(0,174,240,0.1)), color-stop(50%,
rgba(0,174,240,0.5)), color-stop(100%,
rgba(0,174,240,0.1)));
background: -webkit-radial-gradient(center, ellipse cover,
rgba(0,174,240,0.1) 0%,
rgba(0,174,240,0.5) 50%,
rgba(0,174,240,0.1) 100%);
background: -o-radial-gradient(center, ellipse cover,
rgba(0,174,240,0.1) 0%,
rgba(0,174,240,0.5) 50%,
rgba(0,174,240,0.1) 100%);
background: -ms-radial-gradient(center, ellipse cover,
rgba(0,174,240,0.1) 0%,
rgba(0,174,240,0.5) 50%,
rgba(0,174,240,0.1) 100%);
background: radial-gradient(ellipse at center,
rgba(0,174,240,0.1) 0%,
rgba(0,174,240,0.5) 50%,
rgba(0,174,240,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a00aef0', endColorstr='#1a00aef0',GradientType=1 );*/
}
#home-bottom h1 {
  font-size: 24px;
}
div#upcoming-events-container,
div#upcoming-events-ft-pierce-container {
  width: 300px;
  /*border-left: 2px solid black;
	border-right: 2px solid black;*/
  float: left;
}
.upcoming-events-header {
  text-align: center;
  float: left;
  padding-left: 60px;
  padding-top: 2px;
}
.upcoming-events-content {
  width: 250px;
  height: 350px;
  padding: 3px;
  text-align: center;
  float: left;
  margin-top: 5px;
}
.upcoming-events-content .viewport {
  width: 235px;
  height: 320px;
  overflow: hidden;
  position: relative;
}
.upcoming-events-content .overview {
  list-style: none;
  position: absolute;
  left: 20px;
  top: 0;
  width: 90%;
}
.upcoming-events-content .thumb .end {
  background: url("./images/bg-scrollbar-thumb-y.png") no-repeat scroll 50% 0
    transparent;
  height: 5px;
  overflow: hidden;
  width: 18px;
}
.upcoming-events-content .thumb {
  background: url("./images/bg-scrollbar-thumb-y.png") no-repeat scroll 50% 100%
    transparent;
  cursor: pointer;
  height: 20px;
  left: -5px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 18px;
}
.upcoming-events-content .scrollbar {
  top: 2px;
  position: relative;
  float: right;
  width: 8px;
  background: url("./images/bg-scrollbar-track-y.png") no-repeat scroll 0 0
    transparent;
}
.upcoming-events-content .track {
  height: 100%;
  width: 18px;
  position: relative;
  padding: 0 1px;
  background: url("./images/bg-scrollbar-trackend-y.png") no-repeat scroll 0
    100% transparent;
}
.upcoming-events-content .disable {
  display: none;
}
.noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.upcoming-events-left,
.upcoming-events-right {
  float: left;
  height: 350px;
  width: 34px;
  margin-top: 35px;
  margin-right: -20px;
  background: url("./images/brace-left.png") no-repeat;
}

.upcoming-events-right {
  margin-left: -15px;
  margin-top: 0px;

  background: url("./images/brace-right.png") no-repeat;
}

/* hide widget area */
div#secondary {
  display: none;
}
.edit-link {
  display: none;
}

div#visit-header,
div#drink-specials-header {
  text-align: center;
  margin-bottom: -4px;
  margin-top: -22px;
}
div#visit-container {
  width: 300px;
  height: 160px;
  float: left;
  text-align: center;
  margin-right: 30px;
  margin-left: 10px;
  margin-top: 20px;
}
div#visit-content a {
  height: 105px;
}
div#visit-container a img {
  margin-bottom: 10px;
}

div#drink-specials-container {
  width: 300px;
  height: 400px;
  float: right;
  margin-right: 40px;
  margin-top: 24px;
  margin-bottom: 10px;
  /*overflow: hidden;*/
  text-align: center;
}
div#drink-specials-container img.horiz,
div#visit-container img.horiz {
  margin-left: -41px;
  height: 3px;
  width: 370px;
  position: relative;
}
img.horiz {
  position: relative;
  width: 100%;
  height: 3px;
  top: -20px;
}
div#visit-container img.horiz {
  margin-left: 20px;
  width: 200%;
  margin-bottom: 15px;
}
div#drink-specials-content {
  padding-top: 2px;
  padding-left: 12`px;
}
div#drink-specials-content h3 {
  padding-top: 2px;
}
div#drink-specials-content h4 {
  font-weight: 400;
}
body.category-news div#main,
body.events-gridview div#main,
body.events-list div#main,
body.events-single div#main {
  width: 640px;
  float: right;
  position: relative;
  left: -70px;
}
body.events-gridview div#container,
body.events-single div#container {
  left: -5px;
}
body.events-single div#container {
  margin-bottom: 55px;
  min-height: 630px;
}
body.events-single div#main {
  width: 610px;
}

body.events-single img#banner-image,
body.events-list img#banner-image,
body.events-gridview img#banner-image,
body.single img#banner-image,
body.category img#banner-image {
  margin-bottom: -110px;
  margin-left: 45px;
}
body.category img#banner-image {
  top: -58px;
  margin-bottom: 0px;
}
body.single img#banner-image {
  margin-left: 0px;
  margin-bottom: -132px;
}
body.single-post nav {
  font-size: 90%;
  padding-top: 1em !important;
  margin-bottom: 1em;
  white-space: nowrap;
}
body.single-post div#main {
  min-height: 913px;
}
body.single #content {
  min-height: 773px;
  margin-bottom: -100px;
}
body.page #content {
  min-height: 773px;
  margin-bottom: -10px;
}
body.events-single img#banner-image,
body.category-news img#banner-image {
  margin-left: 15px;
  margin-bottom: -110px;
}
body.single-post div#beachcam {
  top: 841px;
}
body.category-news img#banner-image {
  margin-bottom: -50px;
}

body.category-news div#main {
  left: -14px;
  top: -62px;
}
table.tribe-events-calendar {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.25);
}

.tribe-events-event-list-meta td {
  background-color: transparent;
}

#tribe-events-event-meta .column {
  width: 45%;
}

.tribe-events-events .tribe-events-event-list-meta {
  width: 45%;
}
.navlink.tribe-next,
.navlink.tribe-previous {
  width: 45%;
  font-size: 12px;
  font-weight: 400;
  font-size: 120%;
  font-family: "zalamander-caps", serif;
}

.navlink.tribe-next a::after {
  content: " \BB";
}
.navlink.tribe-previous a::before {
  content: "\AB ";
}

.tribe-events-calendar
  div[id*="tribe-events-event-"]
  h3.tribe-events-month-event-title
  a {
  font-size: 85%;
  font-weight: normal;
}
#tribe-events-content
  .tribe-events-calendar
  div[id*="tribe-events-event-"]
  h3.tribe-events-month-event-title {
  font-weight: normal;
}
.events-archive.events-gridview #tribe-events-content table .vevent {
  padding: 4px !important;
}

/*
 navigation
 */

.menu-item,
.assistive-text {
  color: transparent;
}

div.menu-site-navigation-container {
  width: 130px;
  margin: 0;
  padding: 0px;
  position: relative;
  top: 154px;
  left: 65px;
}

ul#menu-site-navigation {
  margin: 0 auto;
  padding: 0;
}
ul#menu-site-navigation li {
  width: 130px;
  height: 35px;
  list-style-type: none;
  margin: 0 0 13px 0;
  text-align: center;
}

ul#menu-site-navigation li a {
  width: 130px;
  height: 35px;
  display: block;
  text-decoration: none;
  color: transparent;
}

ul#menu-site-navigation li.lastItem a {
  width: 130px;
  margin: 0;
  padding: 0;
}

div.site-info {
  padding-top: 15px;
}
div#blue-bg {
  display: none;
}
body.home div#blue-bg {
  background: url("./images/bg-blue.png") no-repeat scroll 0 0 transparent;
  height: 450px;
  left: 25px;
  position: relative;
  top: 370px;
  width: 900px;
  display: block;
}

/* typekit */
h1.entry-title,
h2.page-title {
  display: none;
}
body.home h1.entry-title,
body.single h1.entry-title,
body.category h1.entry-title {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "zalamander-caps", serif;
  font-style: normal;
  font-weight: 600;
  color: #21759b !important;
}

/* map */
div#googlemaps {
  border: 1px solid #aaa;
}
div#tribe-events-event-meta {
  border-color: #aaa;
}
.events-archive .tribe-events-event-entry {
  width: 98%;
}
body.events-list .tribe-events-event-list-meta {
  display: none;
}
body.events-list div#tribe-events-content,
body.events-gridview div#tribe-events-content {
  left: 16px;
}
div#beachcam-frame {
  position: relative;
  width: 200px;
  left: 68px;
  top: -250px;
  z-index: 10;
  height: 169px;
  top: -101px\0/ !important;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div#beachcam-frame {
    top: -250px !important;
  }
}
div#beachcam-frame a img {
  background: url(images/surf-cam.jpg);
  background-size: 85%;
  background-position: 51% 28%;
  background-repeat: no-repeat;
  background-clip: border-box;
}
div#beachcam {
  position: relative;
  left: -162px;
  top: 886px;
}
div#beachcam,
div#beachcam a {
  /*	text-align: center;*/
  height: 169px;
  width: 200px;
}
div#beachcam {
  z-index: 10;
}
div#beachcam img {
  width: 150px;
  height: 110px;
  vertical-align: top;
  z-index: 9;
}
div#email-form {
  position: relative;
  top: 0px;
  float: right;
  z-index: 100;
  left: -45px;
  margin-bottom: -31px;
}
div#email-form #email-field {
  font-size: 10pt;
  color: #ccc;
  font-weight: italic;
  border: 1px solid #999;
  vertical-align: baseline;
}
div#email-form #email-button {
  width: 115px;
  height: 31px;
  vertical-align: baseline;
  padding-top: 5px;
  margin-bottom: -12px;
}

#tribe-events-content a,
#tribe-events-event-meta a {
  text-decoration: underline;
}
.events-archive .entry-title a,
.tribe-events-event-meta-desc,
.tribe-events-event-day {
  color: royalBlue;
  font-weight: 400;
  font-size: 150%;
}

.events-archive .event-day,
.single-tribe_venue .event-day,
.venue-events h2.event-day {
  margin-top: 0px !important;
  font-style: italic;
  font-size: 120%;
}

#tribe-events-nav-below .tribe-events-nav-previous,
#tribe-events-nav-below .tribe-events-nav-next {
  font-weight: 400;
  font-size: 150%;
  font-family: "zalamander-caps", serif;
}

#tribe-events-nav-below .tribe-events-nav-previous {
  float: left;
}

#tribe-events-nav-below .tribe-events-nav-next {
  float: right;
}

body.page-id-45 div#page {
  padding-bottom: 4px;
}

div.tribe-events-venue {
  max-width: 600px;
  float: right;
  margin-right: 68px;
}

body.page-id-51 h2 {
  clear: none;
}
/* hide slideshow overlay*/
.fadeslidedescdiv {
  display: none;
}

body.page-id-7308,
body.page-id-7310 {
  background: none;
}
body.page-id-7308 #page,
body.page-id-7310 #page {
  background: none;
  width: 100%;
}

body.page-id-7308 #primary,
body.page-id-7308.events-gridview div#main,
body.page-id-7310 #primary,
body.page-id-7310.events-gridview div#main {
  left: 0;
  top: 0;
  float: none;
  width: 100%;
}
body.page-id-7308 article,
body.page-id-7310 article {
  width: 100%;
  left: 0;
  top: 0;
}
body.page-id-7308 .entry-content,
body.page-id-7310 .entry-content {
  width: 100%;
}
body.page-id-7308 #email-form,
body.page-id-7310 #email-form {
  display: none;
}
body.page-id-7308 #wpadminbar,
body.page-id-7310 #wpadminbar {
  display: none;
}
body.page-id-7308 header,
body.page-id-7308 footer,
body.page-id-7308 .tribe-bar-disabled,
body.page-id-7308 #tribe-events-header,
body.page-id-7308 #tribe-events-footer,
body.page-id-7308 #reverb,
body.page-id-7308 #wpstats,
body.page-id-7310 header,
body.page-id-7310 footer,
body.page-id-7310 .tribe-bar-disabled,
body.page-id-7310 #tribe-events-header,
body.page-id-7310 #tribe-events-footer,
body.page-id-7310 #reverb,
body.page-id-7310 #wpstats {
  display: none;
}

@media print {
  body header,
  footer,
  #reverb,
  #banner-image {
  display: none;
  }
  header.tribe-events-calendar-month__header {display: block !important;}

  nav.main-navigation {
  display: none;
  }
  #tribe-events-pg-template {
  max-width: none;
  }
  body {
  background: none !important;
  margin-top: -55px;
  /*margin-left: 15px;
  margin-right: -100px;*/
  }
  body.page-id-7308 .iframe-container,
  body.page-id-7310 .iframe-container {
  page-break-after: always;
  page-break-before: never;
  }
  body.page-id-7308.events-gridview div#tribe-events-content,
  body.page-id-7308 article {
  left: 0;
  margin: 0;
  }
  body.page-id-7308 #tribe-events-pg-template,
  body.page-id-7308 h2.tribe-events-page-title {
  margin: 0;
  }
  body.page-id-7308 h2.tribe-events-page-title {
  max-height: 22px;
  font-size: 20px;
  }
  body.page-id-7308 .tribe-events-calendar thead th {
  padding: 0;
  }
  body.page-id-7308 #tribe-events-content table.tribe-events-calendar {
  margin-top: 0;
  }
  body #page,
  body #main {
  width: 100% !important;
  background: none;
  }
  #primary {
  left: 0;
  top: 0;
  float: none;
  width: 100%;
  }
  article {
  width: 100%;
  left: 0;
  top: 0;
  }
  .entry-content {
  width: 100%;
  }
  .tribe-events-calendar td {
  /*height: 150px !important;*/
  }
  a.tribe-events-ical,
  #announcementbar {
  display: none !important;
  }

  .tribe-events-calendar td div[id*="tribe-events-daynum-"] {
  border: 1px solid #d2d2d2 !important;
  background-color: #f7f7f7 !important;
  color: #114b7d !important;
  }
  .tribe-events-calendar td {
  color: #114b7d !important;
  opacity: 1 !important;
  }
  #email-form,
  #wpstats {
  display: none;
  }
  a,
  a.url {
  text-decoration: none !important;
  color: #114b7d !important;
  opacity: 1 !important;
  }
  a:visited,
  a.url:visited {
  color: #000 !important;
  }

  iframe {
  height: 950px !important;
  }
  #tribe-events-content .tribe-events-calendar td {
  /*height: 125px !important;*/
  }
  .tribe-events-view {
  padding-left: 0px;
  width: 100%;
  padding-top: 80px !important;
  }
  .tribe-events-calendar-month {
  max-width: 90%;
  }
  #tribe-events-pg-template {
  width: 100%;
  padding-left: 0;
  }

  .tribe-events-calendar-month__day-date.tribe-common-h4 {
  font-size: 14px !important;
  opacity: 1 !important;
  color: black !important;
  }
  .tribe-events-calendar-month__day-cell {
   height: 142px !important;
   max-height: 142px !important;
  }
  .tribe-events-calendar-month__calendar-event-title a {
  color: black !important;
  }
  .tribe-events-calendar-month__calendar-event {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  opacity: 1 !important;
  color: black !important;
  }
  .tribe-events-calendar-month__events {
  padding-left: 5px;
  padding-right: 5px;
  /*height: 100px !important;*/
  }
  .tribe-events-calendar-month__calendar-event-datetime {
  opacity: 1 !important;
  font-size: 9px !important;
  color: black !important;
  display: none;
  }
.tribe-events .tribe-events-calendar-month__multiday-event-bar-title {
  white-space: normal;
}
  .tribe-events-calendar-month {
  min-width: 740px;
  /*max-width: 100%;*/
  }
  .tribe-events-view {
  padding-left: 0 !important;
  }
  .tribe-events-c-ical {
  display: none;
  }
  .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
  padding: 0 !important;
  }
  
  .tribe-events-calendar-month__day {
  width: 16% !important;
  min-height: 1px !important;
  }
  .tribe-events-calendar-month__header-column {
  width: 16% !important;
  }
  
  .tribe-events-calendar-month__header-row {
  max-width: 102% !important;
  }
  .tribe-common-l-container  h1 {
    margin-top: 215px;
    display:block;
    margin-bottom: 20px;
  width: 100%;
  padding-left: 150px;
  text-align: right;
  font-size: 20px;
  }
  .tribe-events-calendar-month__week {
  /*height: 125px !important;*/
  }
  .tribe-events-header {
    display: none !important;
  }
  .tribe-events-calendar-month__calendar-event  {
  padding-bottom: 15px !important;
  border-bottom: 1px solid #d2d2d2 !important;
  }
    
  .tribe-events-calendar-month__calendar-event:last-child  {
  padding-bottom: 0 !important;
  border-bottom: none !important;
  }
  .tribe-common .tribe-common-h8 {
    line-height: 1;
    font-weight: normal !important;
  }
}
@media only screen and (max-width: 768px) {
  #tribe-events-header .tribe-events-sub-nav li a {
  display: block;
  }
  .tribe-mobile-day-heading {
  font-size: 24px;
  margin-top: 10px;
  }
  .tribe-bar-disabled {
  left: 430px;
  top: -660px;
  position: relative;
  }
}

/* MODAL */
.modal-content {
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-body {
  color: white;
  padding-left: 30px;
  padding-right: 30px;
}
.modal-body h2 {
  text-align: center;
}
.modal-body img {
  width: 100%;
}
.modal-footer {
  text-align: center;
  border-top: none;
}
.modal-footer .btn {
  font-family: "zalamander-caps", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  padding-top: 8px;
  padding-bottom: 4px;
}
.modal-body .modal-text {
  padding-left: 1em;
  padding-right: 1em;
}
.modal-body .modal-text .center {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .modal-body img {
    width: 50%;
    float: left;
  }
  .modal-body .modal-text {
    width: 48%;
    float: right;
    margin-top: 1.5em;
    padding-left: 0.2em;
    padding-right: 0.2em;
  }

  .modal-footer {
    clear: both;
  }
  body.modal-open {
    overflow: initial;
  }
  /*body.modal-open .modal {
    	display: flex !important;
    	height: 100%;
	} 

	body.modal-open .modal .modal-dialog {
    	margin: auto;
	}*/
}
@media screen and (max-width: 767px) and (orientation: landscape) {
  .modal-body .modal-text {
    font-size: 0.8em;
  }
  .modal-footer {
    padding-top: 0;
  }
}

#announcementbar {
  direction: ltr;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 2.46153846;
  height: 32px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 600px;
  z-index: 99999;
  background: #221f20;
  text-align: center;
}
#announcementbar a {
  color: #fff;
}
.tribe-events-calendar-month__events,
.tribe-events-calendar-month__calendar-event-title {
  font-weight: 700 !important;
  color: #000 !important;
}

.tribe-events-calendar-month__calendar-event-datetime {
  opacity: 1;
}

.tribe-events-calendar-month__day-date,
.tribe-events-calendar-month__header-column-title {
  background: white;
}

.tribe-events-calendar-month__week,
.tribe-events-calendar-month {
  background: rgba(255, 255, 255, 0.1);
}
.tribe-events-calendar-month__header-column {
  padding-bottom: 5px !important;
  background: rgba(255, 255, 255, 0.2);
}

.tribe-events-calendar-month__header-column-title {
  background: none !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  opacity: 0.8 !important;
  padding-left: 15% !important;
}
.tribe-events-calendar-month__calendar-event-datetime-recurring-icon {
  display: none;
}
.tribe-events-view {
  /*max-width: 840px !important;
margin-left: 200px !important;*/
  padding-left: 233px;
  width: 102%;
  padding-top: 20px !important;
  margin-top: -171px;
  padding-right:45px;
}
.tribe-events-calendar-month {
  max-width: 72%;
}
#tribe-events-pg-template {
  width: 74%;
  padding-left: 15%;
}
#tribe-events-content {
  background: rgba(255, 255, 255, 0.1);
}
.tribe-events-single-event-title {
}
.tribe-events-single-event-title.summary.lined::after {
  content: "";
  border-bottom: 1px solid #a89f9f;
  height: 1px;
  width: 100%;
  display: block;
  position: absolute;
  top: 85%;
  left: 2%;
  z-index: -1;
}

body.tribe-events-page-template div#main img#banner-image {
  position: relative;
  left: -235px;
  top: 10px;
  -webkit-box-shadow: 0px 10px 10px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
.tribe-common-l-container {
  padding-top: 0 !important;
}
.tribe-events-header {
  margin-top: 80px !important;
}
body.single #tribe-events-pg-template {
  width: 64%;
  padding-left: 22%;
}
body.single-tribe_events header#masthead {
  float: left;
}
body.single #tribe-events-pg-template {
  width: 95%;

  float: left;
  margin-left: 80px;
}
body.single #tribe-events-content {
  width: 65%;
}
.tribe-filter-bar {
  display: none !important;
}
.tribe-events--filter-bar-horizontal {
  overflow: visible !important;
}
.tribe-common-h3.tribe-common-h--alt {
  background: transparent !important;
  border: none !important;
}
tribe-common-h3.tribe-common-h--alt {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.tribe-common-l-container h1 {
		position: relative !important;
		top: 23px !important;
		text-align: center !important;
		padding-bottom: 0 !important;
		width: 65% !important;
		font-weight: bold !important;
		display: inline-block;
}
span.tribe-events-c-top-bar__datepicker-desktop {
	font-size: large;
}