/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent; }

/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

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

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.img-container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  border: none;
  text-decoration: none; }
  .img-container:hover {
    text-decoration: none;
    border: none; }

.img-container--1 {
  height: 720px; }

.img-container--2 {
  height: 30em; }

.img-container--3 {
  height: 696px; }

.img--landscape {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  transform: translateY(-50%); }

.img--portrait {
  position: absolute;
  height: 100%;
  width: auto;
  left: 50%;
  transform: translateX(-50%); }

.img--neutral {
  width: 100%;
  height: auto; }

@media only screen and (max-width: 830px) {
  .img-container--1 {
    height: 600px; }

  .img-container--3 {
    height: 480px; } }
@media only screen and (max-width: 690px) {
  .img-container--1 {
    height: 480px; }

  .img-container--3 {
    height: 384px; } }
@media only screen and (max-width: 550px) {
  .img-container--1 {
    height: 384px; } }
.no-js .js-required {
  display: none; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8 {
  box-sizing: border-box;
  padding: 0 12px;
  float: left; }

.col-1 {
  width: 12.5%; }

.col-2 {
  width: 25%; }

.col-3 {
  width: 37.5%; }

.col-4 {
  width: 50%; }

.col-5 {
  width: 62.5%; }

.col-6 {
  width: 75%; }

.col-7 {
  width: 87.5%; }

.col-8 {
  width: 100%; }

.col--noleftpadding {
  padding-left: 0; }

.col--norightpadding {
  padding-right: 0; }

.pre-1 {
  margin-left: 12.5%; }

.pre-2 {
  margin-left: 25%; }

.pre-3 {
  margin-left: 37.5%; }

.pre-4 {
  margin-left: 50%; }

.pre-5 {
  margin-left: 62.5%; }

.pre-6 {
  margin-left: 75%; }

.pre-7 {
  margin-left: 87.5%; }

.pre-8 {
  margin-left: 100%; }

.suf-1 {
  margin-right: 12.5%; }

.suf-2 {
  margin-right: 25%; }

.suf-3 {
  margin-right: 37.5%; }

.suf-4 {
  margin-right: 50%; }

.suf-5 {
  margin-right: 62.5%; }

.suf-6 {
  margin-right: 75%; }

.suf-7 {
  margin-right: 87.5%; }

.suf-8 {
  margin-right: 100%; }

@media only screen and (max-width: 690px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8 {
    box-sizing: border-box;
    float: none;
    width: 100%; }

  .col--noleftpadding,
  .col--norightpadding {
    padding-left: 0;
    padding-right: 0; }

  .pre-1,
  .pre-2,
  .pre-3,
  .pre-4,
  .pre-5,
  .pre-6,
  .pre-7,
  .pre-8 {
    margin-left: 0; }

  .suf-1,
  .suf-2,
  .suf-3,
  .suf-4,
  .suf-5,
  .suf-6,
  .suf-7,
  .suf-8 {
    margin-right: 0; } }
/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com


@import url("https://web-archive.nli.org.il/National_Library/cs_/http://fast.fonts.net/lt/1.css?apiType=css&c=e7573b86-4a65-4eee-b18f-7f2e56cb5f78&fontids=724326,724344");*/
@font-face {
  font-family: "Avenir LT W02 45 Book";
  src: url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724326/cc232236-c38e-4181-b791-8be0f37e6f0e.eot#iefix");
  src: url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724326/cc232236-c38e-4181-b791-8be0f37e6f0e.eot#iefix") format("eot"), url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724326/493b124a-f032-4d7d-9d9b-b3ebdb18c13a.woff") format("woff"), url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724326/b2470f08-706e-4417-bcb4-64e4b3cb07b0.ttf") format("truetype"), url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724326/71715770-8b1b-41d7-bc36-4e630e95fd3a.svg#71715770-8b1b-41d7-bc36-4e630e95fd3a") format("svg"); }
@font-face {
  font-family: "Avenir LT W02 85 Heavy";
  src: url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724344/e9427e66-afa8-4ceb-bb31-7a970fb469ea.eot#iefix");
  src: url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724344/e9427e66-afa8-4ceb-bb31-7a970fb469ea.eot#iefix") format("eot"), url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724344/748da442-9dd9-4a4d-8da0-b114e16e5d7f.woff") format("woff"), url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724344/6beeeb66-0b4e-4162-8788-8bf688b9829a.ttf") format("truetype"), url("/National_Library/oe_/https://hogislandoysters.com/Fonts/724344/8afe744b-89a2-4ae2-a88e-05c6882580f3.svg#8afe744b-89a2-4ae2-a88e-05c6882580f3") format("svg"); }
h1,
h1.normalise {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 2.8125em;
  line-height: 1.3333333333em;
  margin-bottom: 1.6em; }
  h1.mod-light,
  h1.normalise.mod-light {
    color: #ffffff; }
  h1.mod-colour,
  h1.normalise.mod-colour {
    color: #a9c81c; }
  h1.mod-large,
  h1.normalise.mod-large {
    font-size: 5.5em;
    line-height: 1.3636363636em;
    margin-bottom: 0; }

.title--with-image {
  padding-bottom: 2.1333333333em; }

@media only screen and (max-width: 500px) {
  h1.normalise {
    font-size: 2.25em;
    line-height: 1.3333333333em;
    margin-bottom: 1.3333333333em; } }
h2 {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  margin-bottom: 1.3846153846em; }

h3 {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }

p {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em; }
  p.mod-small {
    font-size: 0.875em;
    line-height: 1.7142857143em;
    margin-bottom: 1.7142857143em; }

a:not([href]) {
  border: none;
  cursor: default; }

a.mod-cta,
a.mod-cta-large {
  border-bottom: 2px solid #000000; }
  a.mod-cta:hover,
  a.mod-cta-large:hover {
    border-bottom: none; }

a.mod-cta-large {
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  margin-top: 3.6923076923em;
  margin-bottom: 3.6923076923em; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.u-clearboth {
  clear: both; }

.justify-children {
  text-align: justify; }
  .justify-children:after {
    content: "";
    width: 100%;
    display: inline-block; }

.u-padded {
  margin-top: 6em;
  margin-bottom: 7.5em; }

.u-margin-bottom--1 {
  margin-bottom: 24px; }

.u-margin-bottom--2 {
  margin-bottom: 48px; }

.u-margin-bottom--3 {
  margin-bottom: 72px; }

.u-margin-bottom--4 {
  margin-bottom: 96px; }

.u-margin-bottom--5 {
  margin-bottom: 120px; }

.u-padding-top--2 {
  padding-top: 48px; }

/* ------------------------------ */
/* MAIN STYLES ------------------ */
/* ------------------------------ */
/* Baseline grid: 24px / 1.5em    */
/* ------------------------------ */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }
.clearfix:after {
  clear: both; }

/* ------------------------------ */
/* BODY STYLES ------------------ */
/* ------------------------------ */
.container_main {
  width: 96%;
  margin: 0 auto;
  max-width: 1200px;
  position: relative; }
  .container_main:before, .container_main:after {
    content: "";
    display: table; }
  .container_main:after {
    clear: both; }

.grid_12 {
  width: 97%;
  margin: 0 1.5%; }

.grid_8 {
  width: 97%;
  margin: 0 1.5%; }

.grid_6 {
  width: 72%;
  margin: 0 1.5%;
  float: left; }

.grid_5 {
  width: 60%;
  margin: 0 1.5%;
  float: left; }

.grid_4 {
  width: 47%;
  margin: 0 1.5%;
  float: left; }

.grid_3 {
  width: 34%;
  margin: 0 1.5%;
  float: left; }

.grid_2 {
  width: 22%;
  margin: 0 1.5%;
  float: left; }

.grid_1 {
  width: 11%;
  margin: 0 1.5%;
  float: left; }

.suffix_7 {
  margin-right: 86%; }

.suffix_6 {
  margin-right: 76.5%; }

.suffix_5 {
  margin-right: 63%; }

.prefix_6 {
  margin-left: 75%; }

.suffix_6 {
  margin-right: 75%; }

.prefix_4 {
  margin-left: 51.5%; }

.suffix_4 {
  margin-right: 50%; }

.prefix_3 {
  margin-left: 38%; }

.suffix_3 {
  margin-right: 38%; }

.prefix_2 {
  margin-left: 26.5%; }

.suffix_2 {
  margin-right: 26.5%; }

.prefix_1 {
  margin-left: 14%; }

.suffix_1 {
  margin-right: 14%; }

.img_wrap {
  position: relative;
  overflow: hidden; }

.img_wrap img {
  width: auto;
  height: 100%; }

.img_wrap img:empty {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.title_border {
  margin-top: 2.875em;
  margin-bottom: 2.875em;
  border-bottom: 4px solid #000;
  line-height: 0; }

input:not([type="checkbox"]) {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }

iframe {
  width: 100%; }

/* ------------------------------ */
/* TYPOGRAPHY ------------------- */
/* ------------------------------ */
p {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }

p.small {
  font-size: 0.875em;
  line-height: 1.7142857143em; }

a {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  color: #000;
  text-decoration: none;
  border-bottom: 2px solid #000;
  cursor: pointer;
  /*@include transition(200ms, all, linear);*/ }

a.large {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1.625em;
  line-height: 1.3846153846em; }

a:hover {
  border-bottom: none; }

h1 {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 5.5em;
  line-height: 1.3636363636em;
  font-weight: normal; }
  h1#title_sub {
    font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
    font-size: 2.8125em;
    line-height: 1.3333333333em;
    font-weight: normal; }

.shop-product h1#title_sub {
  margin-bottom: 2.1333333333em; }

#science-policy_sub h1, #bay_sub h1, #partners h1 {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 2.8125em;
  line-height: 1.3333333333em;
  font-weight: normal; }

/*#intro h1, #intro-lvl1 h1, .intro_title h1{
	font-family:$font-stack;
	@include font-size(88);
	font-weight:600;
}*/
h2 {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-weight: normal; }
  h2.intro {
    font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
    padding: 10.5em 0; }

.news_entry h2 {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 2.8125em;
  line-height: 1.3333333333em;
  font-weight: normal; }

h3 {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-weight: normal; }

h1 a, h2 a, h3 a {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif; }

/* Placeholder Text */
::-webkit-input-placeholder {
  color: #000; }

/* Firefox 18- */
:-moz-placeholder {
  color: #000;
  opacity: 1; }

::-moz-placeholder {
  color: #000;
  opacity: 1; }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #000; }

/* ie */
input:-moz-placeholder {
  color: #000; }

/* ------------------------------ */
/* HEADER STYLES ---------------- */
/* ------------------------------ */
#header {
  width: 100%;
  height: 610px;
  position: relative;
  overflow: hidden;
  background-color: black; }

#oysters-hub #header, #science-policy #header {
  background-color: #ffffff; }

#home-page #header {
  height: 610px; }

#header-sub {
  height: 7.5em;
  margin-bottom: 10.5em; }

.shop-complete #header-sub,
.shop-shipping #header-sub {
  margin-bottom: 0; }

#home-page #bg-container {
  opacity: 0.85; }

#bg-container {
  width: 200%;
  height: 200%;
  position: absolute;
  left: -50%;
  top: -50%; }

#bg-container img {
  width: 50%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  min-width: 1080px; }

#logo {
  text-indent: -9999px;
  width: 100px;
  height: 120px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/logo01.svg") no-repeat left top;
  display: block;
  border-bottom: none;
  z-index: 1; }

#home-page #logo {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/logo03.svg") no-repeat left top;
  width: 116px;
  height: 140px; }

#nav {
  margin-top: 48px;
  list-style: none;
  float: right;
  z-index: 2;
  position: relative;
  width: 100%; }

#nav ul {
  float: right;
  position: relative; }

#nav li {
  float: left;
  margin-left: 35px; }

#nav li a {
  color: #1d3d80;
  text-decoration: none;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  border-bottom: none; }

#nav.white ul li a {
  color: #fff; }

#nav .dropdown ul {
  position: absolute;
  right: 0;
  display: none;
  opacity: 0;
  padding: 1em 0 10px 0;
  width: 100%; }

#nav .dropdown li {
  float: left; }

#nav_mobile {
  background-color: #fff;
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  padding-right: 100px;
  overflow-y: scroll;
  z-index: 9999;
  top: -100%;
  display: none; }

#nav_mobile ul {
  width: 97%;
  margin: 0 1.5%;
  padding-top: 4.5em;
  position: relative; }

#nav_mobile .dropdown ul {
  display: none; }

#nav_mobile li {
  width: 100%;
  text-align: center;
  padding-bottom: 4.5em; }

#nav_mobile .back {
  padding-top: 3em; }

#mobile_close {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/icon_cross-28px.svg") no-repeat right top;
  position: absolute;
  right: 130px;
  top: 4em;
  width: 28px;
  height: 28px;
  border: none;
  z-index: 10; }

#intro {
  margin-top: 197px;
  float: right; }

#intro h1 {
  text-align: right; }

#intro h1 a {
  border-bottom: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 8px;
  border-bottom: none; }

#intro-lvl1 {
  /*margin-top:197px;*/
  display: table;
  position: absolute;
  top: 0;
  width: 100%; }

#intro-lvl1 div {
  display: table-cell;
  height: 610px;
  vertical-align: middle; }

#home-page #intro-lvl1 div {
  height: 610px; }

#intro-lvl1 h1 {
  text-align: center;
  margin-bottom: 0; }

#intro-lvl1.right h1 {
  text-align: right; }

#intro-lvl1.right {
  width: 60%;
  margin: 0 1.5%;
  right: 0; }

#intro-lvl1 a h1 {
  border-bottom: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  padding-bottom: 10px;
  border-bottom: none; }

#intro-lvl1 a.blue h1 {
  border-bottom: 2px solid #1d3d80;
  color: #1d3d80;
  text-decoration: none;
  cursor: pointer;
  border-bottom: none; }

#hub_scroll {
  position: absolute;
  bottom: 56px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  color: #1d3d80;
  border: 2px solid #1d3d80;
  border: none;
  text-indent: -9999px;
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/arrow_blue.svg") no-repeat center center; }

#hub_scroll.white {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/arrow_white.svg") no-repeat center center; }

/* ------------------------------ */
/* HOME ------------------------- */
/* ------------------------------ */
p.intro {
  padding: 10.5em 0; }

.intro-safe {
  padding: 10.5em 0; }

.area_home {
  padding-bottom: 10.5em; }

.area_home h3 {
  display: block;
  padding-bottom: 1.8461538462em; }

#area_oysters .intro_title {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/1200/home02.jpg") no-repeat center center;
  height: 8.1818181818em;
  /* 720px */ }

#area_people .intro_title {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/1200/home03-2.jpg") no-repeat center center;
  height: 8.1818181818em; }

#area_places .intro_title {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/1200/places.jpg") no-repeat center center;
  height: 8.1818181818em; }

.intro_title {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 5.5em;
  line-height: 1.3636363636em;
  text-align: center;
  margin-bottom: 120px;
  display: table; }

.intro_title div {
  display: table-cell;
  vertical-align: middle; }

.intro_title a {
  color: #fff;
  text-decoration: none;
  border-bottom: 2px solid #fff;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  padding-bottom: 8px;
  border-bottom: none; }

/* ------------------------------ */
/* OYSTERS ---------------------- */
/* ------------------------------ */
/*.oyster_intro{
	padding:9em 0;
}*/
/*.oyster_intro p{
	padding:0 0 6.75em 0;
}*/
/*.oyster_intro p{
	padding-bottom:0;
}*/
#oysters_intro {
  margin-top: 9em;
  margin-bottom: 9em; }

#oysters_intro h3 {
  padding-bottom: 1.8461538462em; }

/*#shellfish_title{
	position:absolute;
}*/
.oyster_intro p.grid_2 {
  padding: 2.5em 0 0 0; }

.oyster_intro .img_wrap {
  height: 43.5em;
  margin-bottom: 2.25em; }

.shellfish {
  margin-bottom: 7.5em; }

.shellfish_imgwrap {
  width: 100%;
  height: 15em;
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: none;
  cursor: pointer;
  margin-bottom: 1.5em; }

.shellfish_imgwrap img {
  width: auto;
  height: 100%; }

#shellfish_wrap {
  position: relative;
  overflow: hidden; }

#oysters-hub .area2_intro {
  margin-bottom: 10.5em;
  margin-top: 1.5em; }

.shellfish h3 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em; }

.shellfish p {
  margin-bottom: 1.5em; }

#shellfish_all {
  position: relative; }

#shellfish_single {
  position: relative;
  display: none;
  opacity: 0;
  left: -100%;
  margin-bottom: 7.5em; }

#shellfish_single h3 {
  margin-bottom: 1.8461538462em; }

#shellfish_single .img_wrap {
  height: 30em;
  /* 480px */ }

#shellfish_loading {
  position: absolute;
  left: 50%;
  margin-left: -25px;
  display: none; }

/* ------------------------------ */
/* CATERING --------------------- */
/* ------------------------------ */
#catering-hub .img_wrap {
  height: 42em;
  position: relative;
  overflow: hidden;
  margin-bottom: 4.5em; }

.suffix_4.calltoaction {
  margin-top: 7.5em; }

#catering-form {
  background-color: #fff;
  display: block;
  height: 100%;
  width: 100%;
  position: fixed;
  overflow-y: scroll;
  z-index: 9999;
  top: -100%;
  display: none; }
  #catering-form h2 {
    margin-bottom: 2.1333333333em; }
  #catering-form .container_main {
    padding-top: 6em;
    padding-bottom: 6em; }

input#stripeSubmit, input#submit {
  border: none;
  background: none;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  text-align: left;
  border-bottom: 2px solid #000;
  padding: 0;
  width: auto;
  cursor: pointer; }

input#submit {
  margin-top: 1.8461538462em; }

input#stripeSubmit:hover, input#submit:hover {
  border-bottom: 2px solid #fff; }

/* ------------------------------ */
/* VISIT US --------------------- */
/* ------------------------------ */
#visit-hub .location {
  margin-bottom: 4.5em; }

#visit-hub .location h2 {
  margin-bottom: 2.7692307692em;
  float: right; }

#visit-hub .location .img_wrap {
  height: 43.5em; }

/* ------------------------------ */
/* SHOP ------------------------- */
/* ------------------------------ */
#shop .product {
  margin-bottom: 4.5em; }

#shop .product h2 {
  margin-bottom: 2.7692307692em;
  float: right; }

#shop .product .img_wrap {
  height: 43.5em; }

.sidenote {
  display: block;
  font-size: 0.875em;
  line-height: 1.7142857143em;
  margin-top: 3.4285714286em;
  opacity: 0.7; }

/* ------------------------------ */
/* CONTACT ---------------------- */
/* ------------------------------ */
.contact_row {
  margin-top: 7.5em; }
  .contact_row:before, .contact_row:after {
    content: "";
    display: table; }
  .contact_row:after {
    clear: both; }

/*.contact_location{
	margin-top:7.5em;
}*/
.contact_location h2 {
  margin-bottom: 2.7692307692em; }

/* ------------------------------ */
/* FARMING ---------------------- */
/* ------------------------------ */
/*
#farming_process{
	@include baseline-margin(16, 5, 'bottom');
}

#farming_process h2{
	@include baseline-margin(45, 4, 'bottom');
}

.farm_group{
	@include baseline-margin(16, 2, 'bottom');
}

.farm_group .img_wrap{
	height:31.5em;
}

.farm_group h3{
	@include baseline-margin(26, 2, 'bottom');
}



#farming_links h3, #farming_garden h3{
	@include baseline-margin(26, 3, 'bottom');
}

#farming_garden .cta{
	@include baseline-margin(16, 5, 'top');
}*/
#farming_intro {
  margin-bottom: 7.5em; }

#farming_intro .img_wrap {
  height: 45em; }

#farming_intro p.grid_4 {
  margin-bottom: 7.5em; }

.farming_description {
  margin-bottom: 7.5em;
  position: relative; }
  .farming_description:before, .farming_description:after {
    content: "";
    display: table; }
  .farming_description:after {
    clear: both; }

.farming_description .calltoaction {
  position: absolute;
  bottom: 0;
  right: 0; }

#farming-page h2 {
  margin-bottom: 2.7692307692em; }

#nursery, #raising {
  margin-bottom: 7.5em; }

#harvesting .slideshow {
  margin-bottom: 12em; }

#farming-page .slideshow {
  background-color: black;
  height: 30em; }

#farming-page .slideshow li {
  color: white;
  height: 100%; }

#farming-page .slideshow.left {
  clear: left; }

#farming-page .slideshow.right {
  clear: right; }

#farming-page #tour {
  margin-bottom: 7.5em; }

#farming_links {
  margin-bottom: 7.5em; }
  #farming_links h3 {
    margin-bottom: 1.8461538462em; }

#farming_gardens h3 {
  margin-bottom: 1.8461538462em; }

#alliance {
  margin-top: 7.5em; }

/* ------------------------------ */
/* OYSTER BAYS ------------------ */
/* ------------------------------ */
#bay_sub .img_wrap {
  height: 45em;
  margin-bottom: 4.5em; }

#bay_intro {
  margin-bottom: 6em; }

#bay_main p.grid_4 {
  margin-bottom: 4.5em; }

/* ------------------------------ */
/* GARDENS ---------------------- */
/* ------------------------------ */
#gardens h1 {
  margin-bottom: 2.1333333333em; }

#gardens .grid_8.img_wrap {
  margin-bottom: 2.25em;
  height: 45em; }

#gardens .grid_6.img_wrap {
  height: 43.5em; }

#gardens_intro .grid_2 {
  float: right; }

#produce {
  margin-top: 7.5em; }

#produce h3 {
  margin-bottom: 2.7692307692em; }

#produce .season {
  margin-bottom: 1.5em; }
  #produce .season:before, #produce .season:after {
    content: "";
    display: table; }
  #produce .season:after {
    clear: both; }

#produce .season span {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }

/* ------------------------------ */
/* SHUCKING --------------------- */
/* ------------------------------ */
#shucking .grid_8.img_wrap {
  margin-bottom: 2.25em;
  height: 45em; }

#shucking .grid_4.img_wrap {
  margin-bottom: 4.5em;
  height: 43.5em; }

#shucking .area_1 {
  margin-bottom: 6em; }

#shucking h1 {
  margin-bottom: 2.1333333333em; }

.shucking_exp {
  margin-bottom: 13.5em; }

.shucking_rules h2 {
  margin-bottom: 1.8461538462em; }

.shucking_rules .grid_3 {
  width: 33%; }

.shucking_rules span {
  font-size: 1em;
  line-height: 1.5em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif; }

.shucking_rules .rule {
  margin-bottom: 1.5em; }
  .shucking_rules .rule:before, .shucking_rules .rule:after {
    content: "";
    display: table; }
  .shucking_rules .rule:after {
    clear: both; }

#shucking_vid {
  clear: both;
  text-align: center; }

/* ------------------------------ */
/* RECIPES ---------------------- */
/* ------------------------------ */
#recipe_side {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

#recipe_main .row {
  margin-bottom: 7.5em; }
  #recipe_main .row:before, #recipe_main .row:after {
    content: "";
    display: table; }
  #recipe_main .row:after {
    clear: both; }

.recipe .img_wrap {
  width: 100%;
  height: 15em;
  display: block;
  border: none;
  margin-bottom: 1.5em; }

.recipe h3 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em; }

.recipe p {
  margin-bottom: 1.5em; }

#recipes-sub h1 {
  margin-bottom: 2.1333333333em; }

#recipes-sub .img_wrap {
  height: 45em;
  margin-bottom: 4.5em; }

#recipe_content {
  margin-top: 4.5em;
  margin-bottom: 7.5em; }

#recipe_content h3 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em; }

#recipe_content .section {
  margin-bottom: 3em; }

#recipe_content #social {
  margin-top: 4.5em; }

#nutrition {
  margin-top: 4.5em;
  margin-bottom: 7.5em; }

#nutrition h2 {
  margin-bottom: 2.7692307692em; }

#nutrition ul li {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }

/* ------------------------------ */
/* VISIT SUBPAGES --------------- */
/* ------------------------------ */
#bar_intro .img_wrap {
  height: 45em; }

#marshall_areas .area {
  margin-bottom: 3em; }
  #marshall_areas .area:before, #marshall_areas .area:after {
    content: "";
    display: table; }
  #marshall_areas .area:after {
    clear: both; }

#marshall_areas .area h2 {
  margin-bottom: 1.8461538462em;
  float: right; }

#marshall_areas .img_wrap {
  height: 43.5em; }

#marshall_contact {
  margin-top: 4.5em; }

#bar_intro, #partners_intro {
  margin-bottom: 4.5em; }

#bar_intro.marshall_intro {
  margin-bottom: 3em; }

#bar_intro p.grid_4 {
  margin-bottom: 7.5em; }

#bar_intro .prefix_6 {
  margin-left: 76.5%; }

#bar_intro .img_wrap, #partners_intro .img_wrap {
  margin-bottom: 4.5em; }

#bar_intro.marshall_intro .img_wrap {
  margin-bottom: 0; }

#bar_final .img_wrap {
  height: 30em;
  margin-bottom: 2.25em; }

#bar_final p {
  margin-top: 3em; }

#farmer-market .content_wrapper {
  position: relative; }
  #farmer-market .content_wrapper:before, #farmer-market .content_wrapper:after {
    content: "";
    display: table; }
  #farmer-market .content_wrapper:after {
    clear: both; }

#farmer-market h1 {
  margin-bottom: 2.1333333333em; }

#farmer-market .img_wrap {
  height: 46.5em; }

#request {
  position: absolute;
  bottom: 0;
  right: 0; }

#market-intro {
  margin-bottom: 7.5em; }

/* ------------------------------ */
/* SHOP SUBPAGES ---------------- */
/* ------------------------------ */
#shop_intro .img_wrap {
  height: 45em; }

#shop-sub h1 {
  margin-bottom: 2.1333333333em; }

/* ------------------------------ */
/* NEWS & EVENTS ---------------- */
/* ------------------------------ */
#news_sidebar {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  margin-top: 1.5em; }

#news_sidebar p {
  margin: 0;
  margin-bottom: 1.5em;
  width: auto; }

.news_entry h2 a {
  border: none; }

.news_entry img {
  width: 97%;
  height: auto;
  margin: 0 1.5% 4.5em; }

.news_entry p {
  width: 47%;
  margin: 0 26.5% 4.5em; }

.news_entry blockquote {
  width: 34%;
  margin: 0 1.5%;
  float: left;
  margin-bottom: 1.8461538462em; }

.news_entry blockquote p {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  margin: 0;
  width: auto; }

.news_entry blockquote p:before, .news_entry blockquote p:after {
  content: '"'; }

.news_entry ul {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  width: 47%;
  margin: 0 26.5% 4.5em; }

.news_entry ul li {
  list-style-type: disc;
  padding-left: 10px; }

.news_entry ol {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  width: 47%;
  margin: 0 26.5% 4.5em; }

.news_entry ol li {
  list-style-type: decimal;
  padding-left: 10px; }

.pagination {
  height: 1.5em;
  margin-top: 7.5em; }

/* ------------------------------ */
/* SCIENCE & POLICY ------------- */
/* ------------------------------ */
#side_areas .area {
  margin-bottom: 3em; }
  #side_areas .area:before, #side_areas .area:after {
    content: "";
    display: table; }
  #side_areas .area:after {
    clear: both; }

#side_areas .area .img_wrap {
  height: 43.5em; }

#side_areas .area h2.grid_2 {
  margin-bottom: 1.8461538462em;
  float: right; }

#science-policy_sub .img_wrap {
  height: 45em;
  padding-top: 6em;
  margin-bottom: 6em; }

#research_links {
  margin-top: 3.6923076923em; }

/* ------------------------------ */
/* ABOUT ------------------------ */
/* ------------------------------ */
#about_intro {
  margin-top: 7.5em;
  margin-bottom: 7.5em; }

#about_intro h2, #about_history h2, #about_team h2 {
  padding-bottom: 1.8461538462em; }

#about_history,
#about_team,
.about_section {
  margin-bottom: 7.5em; }

.about_section h2 {
  padding-bottom: 1.8461538462em; }

.about_section.last {
  margin-bottom: 0; }

#about .img_full {
  width: 100%;
  height: 45em;
  position: relative;
  overflow: hidden;
  margin-bottom: 7.5em; }

#about .img_full img {
  width: 100%;
  height: auto;
  position: absolute; }

#about .img_wrap {
  height: 45em;
  margin-bottom: 6em; }

#staff_side {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

#staff_wrap {
  position: relative;
  overflow: hidden; }

#staff_all {
  position: relative; }

#staff_all .row {
  margin-bottom: 4.5em; }
  #staff_all .row:before, #staff_all .row:after {
    content: "";
    display: table; }
  #staff_all .row:after {
    clear: both; }

.staff .img_wrap {
  width: 100%;
  height: 15em;
  display: block;
  border: none;
  margin-bottom: 1.5em; }

.staff h3 {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 1.5em; }

.staff p {
  margin-bottom: 1.5em; }

#staff_single {
  display: none;
  left: -100%;
  margin-bottom: 7.5em;
  opacity: 0;
  position: relative; }

#staff_single .img_wrap {
  height: 30em; }

#staff_single h3 {
  margin-bottom: 1.8461538462em; }

#staff_loading {
  position: absolute;
  left: 50%;
  margin-left: -25px;
  display: none; }

/* ------------------------------ */
/* PARTNERS --------------------- */
/* ------------------------------ */
#partners .img_wrap {
  height: 45em;
  padding-top: 6em; }

#partners_list {
  margin-top: 6em; }
  #partners_list:before, #partners_list:after {
    content: "";
    display: table; }
  #partners_list:after {
    clear: both; }

#partners_list h3 {
  margin-bottom: 3.6923076923em; }

#partners_list .area {
  margin-bottom: 1.5em; }
  #partners_list .area:before, #partners_list .area:after {
    content: "";
    display: table; }
  #partners_list .area:after {
    clear: both; }

#partners_list .area span {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  /*font-weight:600;*/ }

#partners_list a {
  border-bottom: none; }

#partners_list a:hover {
  border-bottom: 2px solid #000; }

#partners .subtitle {
  margin-top: 4.6153846154em; }

/* ------------------------------ */
/* SLIDESHOWS ------------------- */
/* ------------------------------ */
.slideshow ul {
  position: absolute;
  width: 400%;
  height: 100%; }

.slideshow li {
  float: left;
  width: 25%;
  height: 100%; }

.slideshow.img_wrap img {
  position: static;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

/* ------------------------------ */
/* FORM OVERLAYS ---------------- */
/* ------------------------------ */
body.noScroll {
  overflow: hidden; }

.touch body.noScroll {
  position: fixed;
  height: 100%;
  width: 100%; }

.form_overlay {
  background-color: #fff;
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  overflow-y: scroll;
  z-index: 9999;
  top: -100%; }

.form .container_main,
.form_overlay .container_main {
  padding-top: 6em;
  padding-bottom: 6em; }

.form h2,
.form_overlay h2 {
  margin-bottom: 2.1333333333em; }

.form .grid_1,
.form_overlay .grid_1 {
  width: 9%; }

.form .grid_4,
.form_overlay .grid_4 {
  width: 51%; }

#boat-form .grid_4 {
  width: 49%; }

#boat-form .suffix_3 {
  margin-right: 37.5%; }

.form .suffix-1,
.form_overlay .suffix_1 {
  margin-right: 10.5%; }

.form .prefix-2,
.form_overlay .prefix_2 {
  margin-left: 25.5%; }

.form .suffix-2,
.form_overlay .suffix_2 {
  margin-right: 25.5%; }

.form .menu_area,
.form_overlay .menu_area {
  clear: both;
  margin-bottom: 4.5em; }
  .form .menu_area:before, .form .menu_area:after,
  .form_overlay .menu_area:before,
  .form_overlay .menu_area:after {
    content: "";
    display: table; }
  .form .menu_area:after,
  .form_overlay .menu_area:after {
    clear: both; }

.form .grid_1,
.form_overlay .grid_1 {
  text-align: left; }

.form .menu_area h3,
.form_overlay .menu_area h3 {
  margin-bottom: 1.8461538462em; }

.form .menu_area h3,
.form_overlay .menu_area span {
  margin-left: 50px;
  font-size: 0.875em;
  line-height: 1.7142857143em;
  display: inline-block; }

.form .menu_item,
.form_overlay .menu_item {
  clear: both;
  margin-bottom: 1.5em; }
  .form .menu_item:before, .form .menu_item:after,
  .form_overlay .menu_item:before,
  .form_overlay .menu_item:after {
    content: "";
    display: table; }
  .form .menu_item:after,
  .form_overlay .menu_item:after {
    clear: both; }

.form .menu_area .menu_item h3,
.form_overlay .menu_area .menu_item h3 {
  font-size: 1em;
  line-height: 1.5em;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  margin: 0; }

.form .menu_item .aside,
.form_overlay .menu_item .aside {
  margin-left: 50px;
  font-size: 0.875em;
  line-height: 1.7142857143em; }

.form_close {
  text-indent: -9999px;
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/icon_cross-28px.svg") no-repeat right top;
  width: 28px;
  height: 28px;
  display: block;
  margin-right: 1.5%;
  float: right;
  border: none; }

.form_close.mod-absolute {
  position: absolute;
  right: 0;
  top: 0; }

.form_close.final {
  position: absolute;
  right: 0;
  bottom: 6em; }

.form_close:hover {
  border-bottom: 2px solid #000; }

.form form li:before, .form form li:after,
.form_overlay form li:before,
.form_overlay form li:after {
  content: "";
  display: table; }
.form form li:after,
.form_overlay form li:after {
  clear: both; }

#formTotal {
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif; }

.form fieldset,
.form_overlay fieldset {
  width: 100%;
  clear: both; }

.form fieldset .grid_3,
.form_overlay fieldset .grid_3 {
  margin-bottom: 7.5em; }

.form input,
.form_overlay input {
  width: 100%;
  height: 1.5em;
  padding: 0 8px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  font-size: 1em;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  margin-bottom: 1.5em;
  margin-top: 10px; }

.form input[type='checkbox'],
.form_overlay input[type='checkbox'] {
  width: auto;
  margin: 0 10px 0 0; }

.form .checkbox-label,
.form_overlay .checkbox-label {
  margin-bottom: 24px; }

.form textarea,
.form_overlay textarea {
  width: 100%;
  height: 4.5em;
  padding: 0 8px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  font-size: 1em;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  margin-bottom: 1.5em;
  margin-top: 10px; }

.form select,
.form_overlay select {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  margin-bottom: 1.5em;
  margin-top: 10px;
  width: 100%;
  height: 1.5em; }

.form .expiry input,
.form_overlay .expiry input {
  width: 20%;
  float: left;
  text-align: center; }

.form .expiry span,
.form_overlay .expiry span {
  width: 10%;
  text-align: center;
  display: block;
  float: left;
  margin-top: 10px;
  line-height: 1.5em;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em; }

.form select,
.form_overlay select {
  width: 45%;
  float: left;
  margin-right: 5%; }
  .form select.mod-full-width,
  .form_overlay select.mod-full-width {
    width: 100%;
    margin-right: 0; }

.form label,
.form_overlay label {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
  display: block; }

.form input.submit,
.form_overlay input.submit {
  width: 28%;
  height: 1.5em;
  float: left;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: none;
  background-color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input#stripeSubmit {
  border: none;
  background: none;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  text-align: left;
  border-bottom: 2px solid #000;
  padding: 0;
  width: auto;
  cursor: pointer; }

input#stripeSubmit:hover {
  border-bottom: 2px solid #fff; }

.form p.formError,
.form_overlay p.formError {
  display: block;
  font-size: 1em;
  line-height: 1.5em;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  color: red;
  position: absolute;
  right: 0;
  width: 23.5%;
  margin-top: 10px; }

.form-row {
  margin-bottom: 4.5em; }
  .form-row:before, .form-row:after {
    content: "";
    display: table; }
  .form-row:after {
    clear: both; }

.product-form {
  position: relative; }

/* ------------------------------ */
/* HOLIDAY OYSTERS -------------- */
/* ------------------------------ */
#holiday_oysters .form_overlay {
  display: block;
  height: auto;
  width: 96%;
  position: relative;
  padding: 0;
  z-index: auto;
  top: auto;
  overflow-y: visible; }

#holiday_oysters .form_overlay p.formError {
  margin: 0;
  margin-bottom: 1.5em;
  position: relative;
  right: auto;
  width: auto;
  clear: both; }

/* ------------------------------ */
/* BASIC TEMPLATES -------------- */
/* ------------------------------ */
#sitemap ul {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }

#sitemap ul ul {
  margin-left: 50px; }

#sitemap ul a {
  border-bottom: none; }

#sitemap ul a:hover {
  border-bottom: 2px solid #000; }

/* ------------------------------ */
/* FOOTER ----------------------- */
/* ------------------------------ */
#footer {
  padding: 13.5em 0 7.5em;
  position: relative; }

#home-page #footer, #recipes-hub #footer {
  padding: 6em 0 7.5em; }

#footer a {
  font-size: 1em;
  line-height: 1.5em; }

#footer form {
  margin-top: 9em; }

#footer input {
  width: 72%;
  height: 3em;
  padding: 0 20px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000;
  font-size: 1em;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif; }

#footer input.submit {
  width: 28%;
  height: 3em;
  float: left;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: none;
  background-color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

#totop {
  position: absolute;
  bottom: 120px; }

@media screen and (max-width: 670px) {
  #totop {
    position: relative;
    bottom: auto; } }
.button.mod-text {
  border: none;
  background: none;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  text-align: left;
  border-bottom: 2px solid #000;
  padding: 0;
  width: auto;
  cursor: pointer; }
  .button.mod-text:hover {
    border-bottom: 2px solid #fff; }

.checkout-total {
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif; }

.icon-bcorp {
  width: 60px;
  height: 93px;
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/BCorp_logo.svg") left top no-repeat transparent;
  display: block;
  border: none;
  position: relative;
  top: 3px; }

/* ------------------------------ */
/* MEDIA QUERIES ---------------- */
/* ------------------------------ */
@media screen and (max-width: 1100px) {
  /* ------------------------------ */
  /* OYSTERS HUB ------------------ */
  /* ------------------------------ */
  #shellfish_single .grid_4.img_wrap {
    width: 61%;
    margin-left: 1.5%; }

  #shellfish_single .grid_2 {
    width: 33%; }

  /* ------------------------------ */
  /* SHUCKING --------------------- */
  /* ------------------------------ */
  #shucking .grid_8.img_wrap {
    margin-bottom: 1.5em; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #bar_final .img_wrap {
    margin-bottom: 1.5em; } }
@media screen and (max-width: 900px) {
  /* ------------------------------ */
  /* GLOBAL ----------------------- */
  /* ------------------------------ */
  #nav {
    background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/icon_menu-blue.svg") no-repeat left top;
    width: 25px;
    height: 21px;
    cursor: pointer; }

  #nav.white {
    background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/icon_menu-white.svg") no-repeat left top; }

  #nav ul {
    display: none; }

  #nav_mobile.subview li {
    display: none; }

  #nav_mobile .dropdown.dropdown-active, #nav_mobile .dropdown.dropdown-active li, #nav_mobile .dropdown.dropdown-active ul {
    display: block; }

  .form_overlay h2.grid_3 {
    width: 60%;
    margin-right: 1.5%; }

  /* ------------------------------ */
  /* HOME ------------------------- */
  /* ------------------------------ */
  #home-page .area_home p.grid_2 {
    width: 47%;
    margin: 0 26.5%;
    margin-bottom: 1.5em; }

  /* ------------------------------ */
  /* ABOUT ------------------------ */
  /* ------------------------------ */
  #about_intro p.grid_2, #about_history p.grid_2, #about_team p.grid_2 {
    width: 47%;
    margin: 0 26.5%;
    margin-bottom: 1.5em; }

  /* ------------------------------ */
  /* OYSTER HUB ------------------- */
  /* ------------------------------ */
  .oyster_intro .grid_2 {
    width: 47%;
    margin-left: 51.5%;
    margin-bottom: 1.5em; }

  #oysters_intro p {
    padding: 0 !important; }

  .oyster_intro p.grid_2 {
    width: 22%;
    margin: 0 1.5%; }

  .shucking_exp .grid_2 {
    width: 47%;
    margin: 0 1.5% 0 51.5%; }

  .shucking_exp .grid_2.prefix_4 {
    margin-bottom: 1.5em; }

  /* ------------------------------ */
  /* FARMING ---------------------- */
  /* ------------------------------ */
  #farming-page p.grid_2 {
    width: 47%;
    margin-right: 26.5%;
    margin-bottom: 1.5em; }

  #farming-page p.grid_2.suffix_2 {
    margin-bottom: 6em; }

  .farming_description .calltoaction {
    width: 22%;
    margin-right: 1.5%;
    position: relative; }

  #farming_final .suffix_2 {
    margin-right: 26.5% !important; }

  #farming_links p.grid_2, #farming_gardens p.grid_2 {
    width: 22%;
    margin-right: 1.5%;
    margin-left: 1.5%; }

  #farming_links p.grid_2.prefix_2, #farming_gardens p.grid_2.prefix_2 {
    margin-left: 26.5%; }

  #alliance {
    margin-right: 75% !important; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #bar_intro p.grid_2 {
    width: 47%;
    margin-left: 51.5%; }

  #bar_intro p.grid_2.prefix_4 {
    margin-bottom: 1.5em; }

  #bar_intro p.grid_2#contact_summary {
    width: 22%;
    margin-left: 1.5%; }

  #bar_final .grid_2 {
    width: 47%;
    margin-right: 51.5%; }

  /* ------------------------------ */
  /* MARSHALL --------------------- */
  /* ------------------------------ */
  #marshall_areas {
    margin-top: 3em; }

  #marshall_areas .area {
    margin-bottom: 7.5em; }

  #marshall_areas .area .grid_2 {
    width: 47%;
    margin-left: 51.5%;
    margin-top: 3em; }

  #marshall_areas .area h2.grid_2 {
    float: left;
    margin-left: 1.5%;
    margin-right: 51.5%;
    margin-top: 0; }

  #marshall_areas .img_wrap {
    width: 97%; }

  #marshall_areas .img_wrap img {
    width: 100%;
    height: auto; }

  #marshall_areas p.small {
    font-size: 1em;
    line-height: 1.5em; }

  #bar_intro.marshall_intro .img_wrap {
    margin-bottom: 4.5em; }

  /* ------------------------------ */
  /* FARMERS MARKET --------------- */
  /* ------------------------------ */
  #farmer-market .img_wrap {
    width: 97%;
    margin: 0 1.5%; }

  #farmer-market #market-intro .grid_2 {
    width: 47%;
    margin: 0 51.5% 0 1.5%;
    margin-top: 3em; }

  #farmer-market p.small {
    font-size: 1em;
    line-height: 1.5em; }

  #farmer-market #request {
    position: relative;
    margin-top: 1.8461538462em; }

  /* ------------------------------ */
  /* NEWS ------------------------- */
  /* ------------------------------ */
  #news_sidebar {
    width: 47%;
    margin: 0 26.5%;
    margin-bottom: 4.5em;
    position: relative; }

  #news_sidebar p {
    margin: 0; } }
@media screen and (max-width: 830px) {
  /* ------------------------------ */
  /* GLOBAL ----------------------- */
  /* ------------------------------ */
  .img_wrap.grid_8 {
    height: 37.5em !important; }

  .img_wrap.grid_6 {
    height: 30em !important; }

  /* ------------------------------ */
  /* HOME ------------------------- */
  /* ------------------------------ */
  .intro_title {
    height: 6.8181818182em !important; }

  /* ------------------------------ */
  /* OYSTERS ---------------------- */
  /* ------------------------------ */
  .shellfish {
    width: 47%; }

  .shellfish.prefix_2 {
    margin-left: 51.5%; }

  #shellfish_single .grid_4.img_wrap {
    width: 47%;
    height: 22.5em; }

  .shellfish_imgwrap img {
    width: 100%;
    height: auto; }

  #shellfish_single .grid_2 {
    width: 47%; }

  .shellfish_row {
    clear: none; }

  .shellfish_row:before, .shellfish_row:after {
    clear: none;
    display: none; }

  .shellfish.left {
    clear: right; }

  .shellfish.right {
    clear: left; }

  #oysters_intro .grid_2 {
    width: 47%;
    margin: 0 1.5%; }

  .oyster_intro p.grid_2 {
    width: 47%;
    margin-right: 51.5%; }

  /* ------------------------------ */
  /* FARMING ---------------------- */
  /* ------------------------------ */
  #farming-page .img_wrap.grid_4 {
    height: 24em; }

  #farming_links .grid_2, #farming_links h3, #farming_gardens .grid_2, #farming_gardens h3 {
    width: 47% !important;
    margin-left: 51.5% !important;
    margin-right: 1.5% !important; }

  #farming_gardens .grid_2#alliance {
    margin-left: 1.5% !important;
    margin-right: 51.5% !important; }

  /* ------------------------------ */
  /* GARDENS ---------------------- */
  /* ------------------------------ */
  #gardens_intro .img_wrap {
    width: 97%; }

  #gardens_intro .grid_2 {
    width: 47%;
    margin: 0 1.5% 0 51.5%;
    margin-bottom: 3em; }

  #gardens .img_wrap.grid_6 img {
    width: 100%;
    height: auto; }

  /* ------------------------------ */
  /* SHUCKING --------------------- */
  /* ------------------------------ */
  #shucking .img_wrap.grid_4 {
    height: 30em; }

  /* ------------------------------ */
  /* VISIT HUB -------------------- */
  /* ------------------------------ */
  #visit-hub .location, #side_areas .area {
    margin-bottom: 7.5em; }

  #visit-hub .location .img_wrap, #side_areas .area .img_wrap {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 3em; }

  #visit-hub .location .grid_2, #side_areas .area .grid_2 {
    width: 34%;
    margin: 0 1.5% 0 64.5%; }

  #visit-hub p.small, #side_areas p.small {
    font-size: 1em;
    line-height: 1.5em; }

  #visit-hub .location h2.grid_2, #side_areas .area h2.grid_2 {
    width: 47%;
    margin: 0 51.5% 0 1.5%;
    padding-bottom: 1.8461538462em;
    float: left; }

  #visit-hub .img_wrap img {
    width: 100%;
    height: auto; }

  #side_areas .area .img_wrap img {
    width: 100%;
    height: auto; }

  /* ------------------------------ */
  /* SHOP ------------------------- */
  /* ------------------------------ */
  #shop .product {
    margin-bottom: 7.5em; }

  #shop .product .img_wrap {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 3em; }

  #shop .product .grid_2 {
    width: 34%;
    margin: 0 1.5% 0 64.5%; }

  #shop p.small {
    font-size: 1em;
    line-height: 1.5em; }

  #shop .product h2.grid_2 {
    width: 47%;
    margin: 0 51.5% 0 1.5%;
    padding-bottom: 1.8461538462em;
    float: left; }

  #shop .img_wrap img {
    width: 100%;
    height: auto; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #bar_final .img_wrap.grid_4 {
    height: 24em; }

  #bar_final .img_wrap.grid_6 {
    width: 97%;
    margin: 0 1.5%; }

  /* ------------------------------ */
  /* FARMERS MARKET --------------- */
  /* ------------------------------ */
  #farmer-market .img_wrap img {
    width: 100%;
    height: auto; } }
@media screen and (max-width: 770px) {
  /* ------------------------------ */
  /* STAFF ------------------------ */
  /* ------------------------------ */
  #staff_side {
    width: 97%;
    position: relative;
    margin-bottom: 3em;
    display: none; }

  .staff {
    width: 47%;
    margin-left: 1.5%;
    margin-bottom: 7.5em; }

  .staff .img_wrap img {
    width: 100%;
    height: auto; }

  #staff_all .row {
    margin: 0;
    clear: none; }

  #staff_all .row:after, #staff_all .row:before {
    display: inline;
    clear: none; }

  #staff_single .grid_4.img_wrap {
    width: 61%;
    margin-left: 1.5%; }

  #staff_single .grid_2 {
    width: 33%; }

  /* ------------------------------ */
  /* OYSTERS HUB ------------------ */
  /* ------------------------------ */
  #oysters-hub .shellfish {
    width: 47%;
    margin: 0 1.5% 7.5em; }

  .shellfish_imgwrap img {
    width: 100%;
    height: auto; }

  .shellfish.left {
    clear: left; }

  .shellfish.right {
    clear: right; }

  /* ------------------------------ */
  /* RECIPES ---------------------- */
  /* ------------------------------ */
  #recipe_side {
    width: 97%;
    position: relative;
    margin-bottom: 3em;
    display: none; }

  #recipes-hub .recipe {
    width: 47%;
    margin-left: 1.5%;
    margin-bottom: 7.5em; }

  .recipe .img_wrap img {
    width: 100%;
    height: auto; }

  #recipe_main .row {
    margin: 0;
    clear: none; }

  #recipe_main .row:after, #recipe_main .row:before {
    display: inline;
    clear: none; }

  #nutrition {
    width: 47% !important;
    margin-right: 51.5% !important; }

  /* ------------------------------ */
  /* MARSHALL --------------------- */
  /* ------------------------------ */
  #side_areas .area .img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* CONTACT ---------------------- */
  /* ------------------------------ */
  #contact .contact_location.grid_3 {
    width: 47%;
    margin: 0 1.5%; } }
@media screen and (max-width: 740px) {
  /* ------------------------------ */
  /* STAFF ------------------------ */
  /* ------------------------------ */
  #staff_single .grid_4 {
    width: 97% !important; }

  #staff_single .grid_4 {
    margin-bottom: 4.5em; }

  #staff_single .img_wrap img {
    width: 100%;
    height: auto; }

  #staff_single .grid_2 {
    width: 97%; }

  /* ------------------------------ */
  /* SHUCKING --------------------- */
  /* ------------------------------ */
  .shucking_rules h2.grid_2 {
    width: 72%; }

  /* ------------------------------ */
  /* CATERING --------------------- */
  /* ------------------------------ */
  /* ------------------------------ */
  /* HOLIDAY OYSTERS -------------- */
  /* ------------------------------ */
  #oysters-form .form_inputs {
    width: 60%;
    margin-left: 1.5%;
    margin-right: 1.5%; }

  #oysters-form p.formError {
    margin: 0 0 3em;
    position: static;
    width: auto; }

  /* ------------------------------ */
  /* OYSTERS HUB ------------------ */
  /* ------------------------------ */
  #shellfish_single .grid_4, #shellfish .grid_2 {
    width: 97% !important; }

  #shellfish_single .grid_4 {
    margin-bottom: 4.5em; }

  #shellfish_single .img_wrap img {
    width: 100%;
    height: auto; }

  #shellfish_single .grid_2 {
    width: 97%; } }
@media screen and (max-width: 690px) {
  /* ------------------------------ */
  /* OYSTERS HUB ------------------ */
  /* ------------------------------ */
  /* ------------------------------ */
  /* SHUCKING --------------------- */
  /* ------------------------------ */
  #shucking .grid_imgleft {
    width: 46.5%;
    margin-right: 2%; }

  #shucking .grid_imgright {
    width: 46.5%;
    margin-left: 2%; }

  /* ------------------------------ */
  /* NEWS ------------------------- */
  /* ------------------------------ */
  .news_entry .grid_5 {
    width: 97%;
    margin: 0 1.5%; }

  .news_entry p {
    width: 97%;
    margin: 0 1.5% 4.5em; }

  .news_entry .title_border {
    margin-left: 1.5%;
    margin-right: 87.5%; }

  .news_entry blockquote {
    width: 47%;
    margin-left: 26.5%;
    margin-right: 26.5%;
    text-align: center; }

  #news_sidebar {
    width: 97%;
    margin-left: 1.5%;
    margin-right: 1.5%; }

  #news_sidebar p {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }

  /* ------------------------------ */
  /* SCIENCE + POLICY ------------- */
  /* ------------------------------ */
  #science-policy_sub .grid_5 {
    width: 97%;
    margin: 0 1.5%; }

  #science-policy_sub p.grid_4 {
    width: 97%;
    margin: 0 1.5% 4.5em; }

  #science-policy_sub .title_border {
    margin-left: 1.5%;
    margin-right: 87.5%; }

  #science-policy_sub .calltoaction {
    width: 47%;
    margin: 0 26.5%;
    margin-bottom: 3em;
    text-align: center; }

  #research_links {
    width: 47%;
    margin-right: 51.5%; } }
@media screen and (max-width: 670px) {
  /* ------------------------------ */
  /* GLOBAL ----------------------- */
  /* ------------------------------ */
  .img_wrap.grid_8, .img_wrap.grid_6 {
    height: 30em !important; }

  /* ------------------------------ */
  /* HOME ------------------------- */
  /* ------------------------------ */
  .intro_title {
    height: 5.4545454545em !important; }

  /* ------------------------------ */
  /* STAFF ------------------------ */
  /* ------------------------------ */
  .staff .img_wrap img {
    height: 100%;
    width: auto; }

  /* ------------------------------ */
  /* FARMING ---------------------- */
  /* ------------------------------ */
  #farming-page .img_wrap.grid_4 {
    width: 97%; }

  #farming-page .slideshow {
    margin-bottom: 3em; }

  #farming-page .slideshow.img_wrap img {
    width: 100%;
    height: auto; }

  .farming_description {
    margin-bottom: 0; }

  #farming-page p.grid_2, #farming-page p.grid_2.suffix_2 {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 51.5%;
    margin-bottom: 1.5em; }

  #farming-page p.grid_2.calltoaction {
    width: 47%;
    margin-left: 1.5%;
    margin-right: 51.5%;
    margin-top: 1.5em;
    margin-bottom: 4.5em; }

  /* ------------------------------ */
  /* SHUCKING --------------------- */
  /* ------------------------------ */
  #shucking .grid_4.img_wrap {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 3em; }

  #shucking .grid_4.img_wrap img {
    width: 100%;
    height: auto; }

  #shucking .grid_imgright {
    display: none; }

  .shucking_rules .rule .grid_1, .shucking_rules .rule .grid_3 {
    width: 47%;
    margin: 0 1.5%; }

  .shucking_rules h2 {
    width: 97%;
    margin-left: 1.5%; }

  /* ------------------------------ */
  /* GARDENS ---------------------- */
  /* ------------------------------ */
  #produce .season .grid_2 {
    width: 47%;
    margin: 0 1.5%; }

  /* ------------------------------ */
  /* RECIPES ---------------------- */
  /* ------------------------------ */
  #recipes-sub #recipe_intro h3 {
    width: 60%;
    margin: 0 1.5% 0 38.5%; }

  #recipe_content #social {
    width: 97%;
    margin: 4.5em 1.5% 0; }

  .recipe .img_wrap img {
    height: 100%;
    width: auto; }

  /* ------------------------------ */
  /* VISIT HUB -------------------- */
  /* ------------------------------ */
  #visit-hub .calltoaction {
    width: 47%;
    margin-right: 51.5%; }

  /* ------------------------------ */
  /* CATERING --------------------- */
  /* ------------------------------ */
  #catering_body .grid_2 {
    width: 97%;
    margin: 0 1.5%; }

  #catering-hub .calltoaction {
    margin-bottom: 3em; }

  #catering-hub .calltoaction.prefix_2 {
    margin-top: 3em;
    margin-bottom: 0; }

  /* ------------------------------ */
  /* PARTNERS --------------------- */
  /* ------------------------------ */
  #partners_list .grid_2 {
    width: 47%;
    margin: 0 1.5%; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #bar_final .img_wrap {
    width: 97%;
    margin-right: 1.5%; }

  #bar_final .img_wrap.grid_4 img {
    width: 100%;
    height: auto; }

  #marshall_contact .grid_2 {
    width: 47%;
    margin: 0 51.5% 0 1.5%; }

  /* ------------------------------ */
  /* FARMERS MARKET --------------- */
  /* ------------------------------ */
  #farmer-market #market-final .grid_2 {
    width: 47%;
    margin: 0 51.5% 0 1.5%; }

  /* ------------------------------ */
  /* FOOTER ----------------------- */
  /* ------------------------------ */
  #footer .grid_2 {
    width: 47%;
    margin: 0 1.5%; }

  #footer .grid_2.prefix_2 {
    margin-top: 0; }

  #footer .grid_3 {
    width: 97%;
    margin: 0 1.5%; }

  #footer .grid_3, #footer .grid_2 {
    margin-top: 3em; }

  #footer form {
    margin-top: 4.5em; } }
@media screen and (max-width: 620px) {
  /* ------------------------------ */
  /* GLOBALS ---------------------- */
  /* ------------------------------ */
  #title_sub {
    width: 97%;
    margin-right: 1.5%; }

  /* ------------------------------ */
  /* STAFF ------------------------ */
  /* ------------------------------ */
  #staff_single .img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* OYSTERS HUB ------------------ */
  /* ------------------------------ */
  .oyster_intro .grid_6 {
    float: none;
    width: 97%;
    margin-left: 1.5%;
    margin-right: 1.5%; }

  /* ------------------------------ */
  /* FARMING ---------------------- */
  /* ------------------------------ */
  #gardens .img_wrap.grid_6 img {
    width: auto;
    height: 100%; }

  #farming_intro p.grid_4 {
    width: 97%;
    margin-right: 0 1.5%; }

  #farming_intro p.grid_4 {
    margin-bottom: 3em; }

  /* ------------------------------ */
  /* VISIT HUB -------------------- */
  /* ------------------------------ */
  #visit-hub .location .grid_2, #side_areas .area .grid_2 {
    width: 47%;
    margin: 0 0 0 51.5%; }

  #visit-hub .location h2.grid_2, #side_areas .area h2.grid_2 {
    width: 47%;
    margin: 0 51.5% 0 1.5%; }

  #visit-hub .img_wrap img, #side_areas .area .img_wrap img {
    height: 100%;
    width: auto; }

  /* ------------------------------ */
  /* SHOP ------------------------- */
  /* ------------------------------ */
  #shop .product .grid_2 {
    width: 47%;
    margin: 0 0 0 51.5%; }

  #shop .product h2.grid_2 {
    width: 47%;
    margin: 0 51.5% 0 1.5%; }

  #shop .product img {
    height: 100%;
    width: auto; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #bar_intro p.grid_4, #partners_intro p.grid_4, #bay_intro p.grid_4 {
    width: 97%;
    margin-right: 0 1.5%; }

  #bar_intro p.grid_4 {
    margin-bottom: 3em; }

  #bar_intro p.grid_2#contact_summary {
    width: 97%;
    margin-bottom: 7.5em; }

  /* ------------------------------ */
  /* FARMERS MARKET --------------- */
  /* ------------------------------ */
  #farmer-market .img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* BAY GLOBALS ------------------ */
  /* ------------------------------ */
  #bay_intro .grid_5, #bay_intro .grid_4 {
    margin-left: 1.5%;
    margin-right: 1.5%; }

  #bay_intro .title_border {
    margin-left: 1.5%;
    margin-right: 87.5%; } }
@media screen and (max-width: 550px) {
  /* ------------------------------ */
  /* GLOBALS ---------------------- */
  /* ------------------------------ */
  .img_wrap.grid_8, .img_wrap.grid_6 {
    height: 24em !important; }

  /* ------------------------------ */
  /* HOME ------------------------- */
  /* ------------------------------ */
  .intro_title {
    height: 4.3636363636em !important; }

  #home-page .area_home p.grid_2, #home-page #area_1 p, #home-page #area_1 .intro {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 1.5em; }

  #home-page #intro-lvl1.right {
    width: 100%;
    margin: 0; }

  #home-page #intro-lvl1.right h1 {
    text-align: center; }

  #area_people .intro_title {
    background-position: left center; }

  .area_home h3 {
    margin: 0 53% 0 1.5%; }

  /* ------------------------------ */
  /* ABOUT ------------------------ */
  /* ------------------------------ */
  #about_intro p.grid_2, #about_history p.grid_2, #about_team p.grid_2 {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 1.5em; }

  #about_intro h3, #about_history h3, #about_team h3 {
    margin: 0 53% 0 1.5%; }

  /* ------------------------------ */
  /* OYSTERS HUB ------------------ */
  /* ------------------------------ */
  .oyster_intro .grid_2 {
    float: none;
    width: 97% !important;
    margin: 0 1.5% !important; }

  #oysters_intro p {
    padding-bottom: 1.5em !important; }

  .shellfish_imgwrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* FARMING ---------------------- */
  /* ------------------------------ */
  #farming-page p.grid_2, #farming-page p.grid_2.suffix_2, #farming-page p.grid_2.calltoaction, #farming_links .grid_2, #farming_links h3, #farming_gardens .grid_2, #farming_gardens h3 {
    width: 97% !important;
    margin-left: 1.5% !important;
    margin-right: 1.5% !important; }

  /* ------------------------------ */
  /* RECIPES ---------------------- */
  /* ------------------------------ */
  #recipe_content .grid_3, #recipe_content .grid_5 {
    width: 97%; }

  #recipe_content .grid_3 {
    margin-bottom: 3em; }

  #recipes-sub #recipe_intro h3 {
    width: 97%;
    margin: 0 1.5%; }

  #recipes-sub .img_wrap {
    height: 30em; }

  /* ------------------------------ */
  /* VISIT HUB -------------------- */
  /* ------------------------------ */
  #visit-hub .img_wrap img, #side_areas .area .img_wrap img {
    width: 100%;
    height: auto; }

  /* ------------------------------ */
  /* SHOP ------------------------- */
  /* ------------------------------ */
  #shop .img_wrap img {
    width: 100%;
    height: auto; }

  /* ------------------------------ */
  /* CATERING --------------------- */
  /* ------------------------------ */
  .form .grid_3,
  .form fieldset .grid_3,
  .form_overlay .grid_3,
  .form_overlay fieldset .grid_3,
  #card-form fieldset .grid_3 {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 3em; }

  .form .grid_3.form_inputs,
  .form_overlay .grid_3.form_inputs,
  #card-form .grid_3.form_inputs {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 6em; }

  .form h2.grid_3,
  .form_overlay h2.grid_3,
  #card-form h2.grid_3 {
    margin-bottom: 2.1333333333em;
    width: 60%;
    margin-right: 1.5%; }

  .form select,
  .form_overlay select {
    width: 100%;
    float: none; }

  /* ------------------------------ */
  /* HOLIDAY OYSTERS -------------- */
  /* ------------------------------ */
  #oysters-form fieldset .grid_3 {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 3em; }

  #oysters-form .form_inputs {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 6em; }

  #oysters-form h2.grid_3 {
    margin-bottom: 2.1333333333em;
    width: 60%;
    margin-right: 1.5%; }

  /* ------------------------------ */
  /* CONTACT ---------------------- */
  /* ------------------------------ */
  #contact #area_1 {
    padding-top: 6em; }

  #contact .contact_location.grid_3 {
    width: 97%;
    margin-bottom: 4.5em; }

  .contact_row {
    margin: 0; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #bar_intro p.grid_2 {
    width: 97%;
    margin-left: 1.5%; }

  #bar_final p.grid_2 {
    width: 97%;
    margin-left: 1.5%; }

  #bar_final .img_wrap {
    height: 24em; }

  /* ------------------------------ */
  /* MENUS ------------------------ */
  /* ------------------------------ */
  #menu-form .grid_1 {
    clear: both;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    width: 100%; }
  #menu-form .grid_4 {
    clear: both;
    width: 100%; }
  #menu-form h3.grid_3 {
    opacity: 0; }

  /* ------------------------------ */
  /* FARMERS MARKET --------------- */
  /* ------------------------------ */
  #farmer-market .img_wrap img {
    width: 100%;
    height: auto; }

  /* ------------------------------ */
  /* BAY GLOBALS ------------------ */
  /* ------------------------------ */
  #bay_main p.grid_4 {
    width: 97%;
    margin-left: 1.5%; }

  #bay_sub .calltoaction {
    width: 97%;
    margin-right: 1.5%;
    margin-bottom: 2.7692307692em; }

  #bay_sub .calltoaction.suffix_6 {
    margin-bottom: 0; }

  /* ------------------------------ */
  /* SCIENCE + POLICY ------------- */
  /* ------------------------------ */
  #science-policy_intro p {
    width: 97%;
    margin: 0 1.5%; } }
@media screen and (max-width: 500px) {
  /* ------------------------------ */
  /* GLOBALS ---------------------- */
  /* ------------------------------ */
  h1 {
    font-size: 4.5em; }

  .intro_title {
    font-size: 4.5em;
    width: 92% !important;
    padding: 0 2.5%;
    height: 5.3333333333em !important; }

  /* ------------------------------ */
  /* HOME ------------------------- */
  /* ------------------------------ */
  #home-page #bg-container {
    background-color: #000; }

  #home-page #bg-container img {
    top: 110px;
    opacity: 0.8;
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80); }

  #area_people .intro_title {
    background-position: -200px -200px; }

  .area_home h3, #about_intro h3, #about_history h3, #about_team h3 {
    width: 97%;
    margin: 0 1.5%; }

  /* ------------------------------ */
  /* STAFF ------------------------ */
  /* ------------------------------ */
  #staff_single .img_wrap {
    height: 22.5em; }

  /* ------------------------------ */
  /* FARMING ---------------------- */
  /* ------------------------------ */
  #farming .farm_group .grid_2 {
    width: 97%;
    margin: 0 1.5%; }

  #farming .farm_group .grid_6, #farming .farm_group h3.grid_2 {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 1.8461538462em;
    margin-top: 1.8461538462em; }

  #farming_links .grid_2 {
    width: 97%;
    margin: 0 1.5%; }

  #farming_garden .grid_2 {
    width: 97%;
    margin-left: 1.5%;
    margin-bottom: 1.5em; }

  #farming_garden .grid_6, #farming_links .grid_6 {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 1.8461538462em; }

  #farming_garden .grid_2.cta {
    width: 97%; }

  #farming-page .slideshow.img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* GARDENS ---------------------- */
  /* ------------------------------ */
  #gardens_intro .grid_2 {
    width: 97%;
    margin: 0 1.5%;
    margin-top: 3em;
    margin-bottom: 4.5em; }

  #produce h3, #partners_list h3 {
    width: 97% !important;
    margin-left: 1.5% !important;
    margin-right: 1.5% !important; }

  /* ------------------------------ */
  /* VISIT HUB -------------------- */
  /* ------------------------------ */
  #visit-hub .location .grid_2, #side_areas .area .grid_2 {
    width: 97% !important;
    margin: 0 1.5% !important;
    float: left; }

  #visit-hub .img_wrap img, #side_areas .area .img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* SHOP ------------------------- */
  /* ------------------------------ */
  #shop .product .grid_2 {
    width: 97% !important;
    margin: 0 1.5% !important;
    float: left; }

  #shop .img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #marshall_contact .grid_2 {
    width: 97%;
    margin: 0 1.5%; }

  #marshall_contact .grid_2.prefix_2 {
    margin-bottom: 1.5em; }

  /* ------------------------------ */
  /* MARSHALL --------------------- */
  /* ------------------------------ */
  #marshall_areas .area .grid_2 {
    width: 97%;
    margin-left: 1.5%;
    margin-right: 1.5%; }

  #marshall_areas .img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* FARMERS MARKET --------------- */
  /* ------------------------------ */
  #farmer-market #market-intro .grid_2 {
    width: 97%;
    margin: 0 1.5%;
    margin-top: 3em; }

  #farmer-market #market-final .grid_2 {
    width: 97%;
    margin-right: 1.5%; }

  /* ------------------------------ */
  /* SCIENCE + POLICY ------------- */
  /* ------------------------------ */
  #research_links {
    width: 97%;
    margin-right: 1.5%; }

  /* ------------------------------ */
  /* FOOTER ----------------------- */
  /* ------------------------------ */
  #footer .grid_2, #footer .grid_3 {
    width: 97%;
    margin: 0 1.5%; }

  #footer .grid_2 {
    margin-bottom: 1.5em; } }
@media screen and (max-width: 450px) {
  /* ------------------------------ */
  /* HOME ------------------------- */
  /* ------------------------------ */
  #home-page #bg-container {
    left: auto;
    right: 0; }
  #home-page #bg-container img {
    width: auto;
    left: auto;
    right: -300px; }

  #area_oysters .intro_title {
    background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/1200/home02.jpg") no-repeat scroll -100px center transparent; }

  /* ------------------------------ */
  /* STAFF ------------------------ */
  /* ------------------------------ */
  .staff {
    width: 97%; }

  .staff .img_wrap img {
    width: 100%;
    height: auto; }

  /* ------------------------------ */
  /* RECIPES HUB ------------------ */
  /* ------------------------------ */
  #recipes-hub .recipe {
    width: 97%; }

  .recipe .img_wrap img {
    width: 100%;
    height: auto; }

  #nutrition {
    width: 97% !important;
    margin-right: 1.5% !important; }

  /* ------------------------------ */
  /* BAR GLOBALS ------------------ */
  /* ------------------------------ */
  #bar_final .img_wrap.grid_4 img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* NEWS ------------------------- */
  /* ------------------------------ */
  .news_entry blockquote {
    width: 72%;
    margin-left: 14%;
    margin-right: 14%; }

  /* ------------------------------ */
  /* GARDENS ---------------------- */
  /* ------------------------------ */
  #produce h3, #partners_list h3 {
    width: 47%;
    margin-right: 51.5%;
    margin-left: 1.5%; }

  #produce .season .grid_2 {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 3em; }

  /* ------------------------------ */
  /* FARMERS MARKET --------------- */
  /* ------------------------------ */
  #farmer-market .img_wrap img {
    width: auto;
    height: 100%; }

  /* ------------------------------ */
  /* PARTNERS --------------------- */
  /* ------------------------------ */
  #partners_list .grid_2 {
    width: 97%;
    margin: 0 1.5%;
    margin-bottom: 3em; }

  #partners_list p.grid_2 {
    margin-bottom: 6em; } }
@media screen and (max-width: 400px) {
  /* ------------------------------ */
  /* OYSTERS HUB ------------------ */
  /* ------------------------------ */
  #oysters-hub .shellfish {
    width: 97%; }

  .shellfish_imgwrap img {
    width: 100%;
    height: auto; }

  #oysters_intro .grid_2 {
    width: 97%; }

  /* ------------------------------ */
  /* VISIT HUB -------------------- */
  /* ------------------------------ */
  #visit-hub .calltoaction {
    width: 97%;
    margin: 0 1.5%; }

  /* ------------------------------ */
  /* NEWS ------------------------- */
  /* ------------------------------ */
  #tag-form .grid_4#tags {
    width: 97%;
    margin: 0 1.5%; } }
/* ------------------------------ */
/* SVG FALLBACKS ---------------- */
/* ------------------------------ */
.no-svg #logo {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/logo01.png") no-repeat scroll left top; }

.no-svg .form_close {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/icon_cross-28px.png") no-repeat scroll left top; }

.no-svg #hub_scroll {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/arrow_blue.png") no-repeat center center; }

.no-svg #hub_scroll.white {
  background: url("/National_Library/oe_/https://hogislandoysters.com/images/site/arrow_white.png") no-repeat center center; }

.lt-ie8 .container_main {
  width: 960px; }

.lt-ie8 #bg-container {
  left: 0;
  top: 0; }
.lt-ie8 #title {
  left: 0; }
.lt-ie8 #intro-lvl1 div h1 {
  position: absolute;
  top: 50%;
  margin-top: -44px;
  width: 100%; }
.lt-ie8 .intro_title a {
  line-height: 647px; }
.lt-ie8 #nav .dropdown ul {
  background: url(/National_Library/oe_/https://hogislandoysters.com/images/transparent.gif) repeat top center transparent;
  top: 18px; }
.lt-ie8 .calltoaction {
  clear: left; }
.lt-ie8 .farm_group .img_wrap {
  margin-bottom: 3em; }
.lt-ie8 #farming_process p.grid_2 {
  clear: left; }
.lt-ie8 #recipe_main .row, .lt-ie8 .contact_row {
  display: block;
  position: relative;
  zoom: 1; }
.lt-ie8 #visit-hub .location, .lt-ie8 #marshall_areas .area, .lt-ie8 #side_areas .area {
  display: block;
  position: relative;
  clear: both; }
.lt-ie8 #request {
  position: relative;
  margin-top: 2.7692307692em; }
.lt-ie8 .img_wrap.capture_right img {
  float: none !important; }
.lt-ie8 #marshall_areas .area .capture_right, .lt-ie8 #side_areas .area .capture_right {
  margin-bottom: 3em; }
.lt-ie8 #footer input {
  width: 65%; }
.lt-ie8 #footer input.submit {
  width: 20%;
  height: 3.125em; }

.layout-1-item-1,
.layout-1-item-2,
.layout-1-item-3,
.layout-1-item-4,
.layout-1-item-5,
.layout-1-item-6,
.layout-1-item-7 {
  box-sizing: border-box;
  float: left;
  padding: 0 0.75em; }

.layout-1-item-1 {
  width: 37.5%; }

.layout-1-item-2 {
  width: 50%;
  margin-right: 12.5%;
  float: right; }

.layout-1-item-3 {
  width: 50%;
  margin-right: 12.5%;
  float: right; }

.layout-1-item-4 {
  width: 37.5%;
  margin: 6em 50% 7.5em 12.5%; }

.layout-1-item-4b {
  width: 25%; }

.layout-1-item-5 {
  width: 25%;
  margin-left: 25%;
  margin-right: 50%; }
  .layout-1-item-5 h2 {
    margin-top: 96px; }

.layout-1-item-6 {
  width: 50%;
  margin-left: 50%; }

.layout-1-item-7 {
  width: 37.5%;
  margin-left: 37.5%;
  margin-right: 25%; }
  .layout-1-item-7 h2 {
    margin-top: 96px; }

@media only screen and (max-width: 740px) {
  .layout-1-item-1,
  .layout-1-item-2 {
    width: 100%;
    margin: 0; }

  .layout-1-item-1 {
    margin-bottom: 6em; }

  .layout-1-item-4,
  .layout-1-item-5 {
    width: 50%;
    margin-left: 12.5%;
    margin-right: 37.5%; } }
@media only screen and (max-width: 500px) {
  .layout-1-item-1,
  .layout-1-item-2,
  .layout-1-item-3,
  .layout-1-item-4,
  .layout-1-item-5,
  .layout-1-item-6,
  .layout-1-item-7 {
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }
.icon--caution {
  width: 35px;
  height: 40px; }

.page-header {
  margin-bottom: 4.5em; }
  .page-header:after {
    content: "";
    height: 4px;
    width: 25%;
    background-color: #000000;
    display: block; }

.page-header-subtitle {
  font-size: 1em;
  line-height: 1.5em;
  margin-bottom: 48px; }

.page-header--has-subtitle h1 {
  margin-bottom: 24px; }

.faq {
  counter-reset: faq-counter; }

.faq-question,
.faq-answer {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }

.faq-question {
  padding-left: 25%;
  position: relative; }
  .faq-question:before {
    content: counter(faq-counter,decimal-leading-zero);
    counter-increment: faq-counter;
    position: absolute;
    left: 0;
    font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif; }

.faq-answer {
  overflow: hidden;
  height: 0;
  margin-bottom: 1.5em; }

.faq-answer-copy {
  padding-top: 1.5em; }

.iframe-seatme {
  position: relative; }
  .iframe-seatme iframe {
    width: 240px; }

.iframe-overlay {
  position: relative;
  bottom: -4px;
  left: 1px;
  z-index: 1;
  opacity: 0; }
  .iframe-overlay.is-active {
    cursor: default; }

.iframe-overlay-inner {
  box-sizing: border-box;
  width: 100%;
  background-color: #d56934;
  text-align: left;
  padding: 24px; }

.iframe-overlay-title,
.iframe-overlay-copy,
.iframe-overlay-small,
.iframe-overlay-close {
  color: #ffffff; }

.iframe-overlay-title {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  display: block;
  margin-bottom: 12px; }

.iframe-overlay-copy {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  display: block;
  margin-bottom: 12px; }

.iframe-overlay-small {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 16px;
  margin-bottom: 0;
  display: block;
  line-height: 24px; }

.iframe-overlay-close {
  display: block;
  clear: both;
  background: #ffffff;
  color: #d56934;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  padding: 10px;
  border: 2px solid #ffffff;
  transition: all 0.2s linear;
  cursor: pointer; }
  .iframe-overlay-close:hover {
    background-color: #d56934;
    color: #ffffff; }

.js .accordion-answer {
  height: 0;
  overflow: hidden; }

.introduction {
  margin-bottom: 72px;
  clear: both; }
  .introduction:before, .introduction:after {
    content: "";
    display: table; }
  .introduction:after {
    clear: both; }

.introduction-title {
  margin-bottom: 46px;
  font-size: 2.8125em;
  line-height: 1.3333333333em; }

.introduction-title--lead {
  margin-bottom: 96px; }

.introduction-border:after {
  content: "";
  display: block;
  height: 4px;
  background-color: #000000;
  margin-bottom: 46px; }

.introduction-border--nolead:after {
  margin-bottom: 96px; }

.introduction--bottom {
  padding-top: 7.5em; }
  .introduction--bottom .introduction-border:after {
    height: 2px; }

@media only screen and (max-width: 690px) {
  .introduction-border {
    width: 25%; } }
.listing {
  clear: both;
  margin-bottom: 72px; }
  .listing:before, .listing:after {
    content: "";
    display: table; }
  .listing:after {
    clear: both; }

.listing-title {
  float: right; }

.listing-intro {
  padding-top: 10.5em;
  padding-bottom: 10.5em; }

@media only screen and (max-width: 830px) {
  .listing-title {
    float: left; }

  .listing-img {
    width: 100%;
    margin-bottom: 48px; }

  .listing-copy {
    width: 50%;
    float: right; } }
@media only screen and (max-width: 500px) {
  .listing-copy {
    width: 100%;
    float: left; } }
.notice {
  background-color: #1a478e;
  color: #ffffff;
  padding: 35px 0; }
  .notice p {
    margin: 0; }
  .notice a {
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    cursor: pointer; }

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

@media only screen and (max-width: 690px) {
  .notice .icon,
  .notice-copy {
    margin-bottom: 30px; }

  .notice-close {
    text-align: left; } }
.ce-container {
  padding: 0; }

.ce-block {
  display: block;
  padding-left: 12px;
  padding-right: 12px; }
  .ce-block:before, .ce-block:after {
    content: "";
    display: table; }
  .ce-block:after {
    clear: both; }

.ce-intro {
  padding-left: 12px;
  padding-right: 12px; }

.ce-cluster {
  padding: 0;
  clear: both; }

.ce-textblock ul {
  margin-bottom: 1.5em; }
.ce-textblock li {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  line-height: 1.5em;
  font-size: 1em;
  padding-left: 30px;
  position: relative; }
  .ce-textblock li:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #000000;
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    border-radius: 50%; }
  .ce-textblock li p {
    margin-bottom: 0; }

.ce-quote {
  width: 33.333333333%;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 1.625em;
  line-height: 1.3846153846em;
  margin-bottom: 2.3076923077em;
  float: left;
  color: #1a478e;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 24px;
  position: relative; }
  .ce-quote:before, .ce-quote:after {
    content: "";
    display: block;
    height: 4px;
    background-color: #1a478e;
    position: absolute;
    left: 12px;
    right: 24px; }
  .ce-quote:before {
    top: 0; }
  .ce-quote:after {
    bottom: 0; }

.ce-img {
  width: 100%; }

.ce-img--small {
  float: left;
  width: 50%;
  clear: none; }

.ce-img-src {
  width: 100%;
  display: block; }

.ce-img-src--large {
  width: 100%;
  margin: 0;
  padding-left: 12px;
  padding-right: 12px; }

.ce-img--lonely {
  margin-left: 25%;
  margin-right: 25%;
  float: none; }

.ce-img-caption {
  float: left;
  width: 12.5%;
  padding-left: 12px;
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5em; }
  .ce-img-caption:before {
    content: "";
    display: block;
    width: 50%;
    height: 2px;
    background-color: #000000;
    clear: both;
    margin-bottom: 24px; }

.ce-img-caption--large {
  float: right;
  padding: 24px 12px 0 0; }
  .ce-img-caption--large:before {
    width: 100%; }

.ce-subtitle {
  font-size: 1.625em;
  line-height: 1.3846153846em;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  clear: both; }

@media only screen and (max-width: 690px) {
  .ce-quote {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px; }

  .ce-img {
    width: 100%;
    float: none;
    margin-left: 0;
    margin-right: 0; }

  .ce-cluster .ce-img:nth-child(1) {
    margin-bottom: 33px; } }
@media only screen and (max-width: 500px) {
  .ce-img-caption {
    width: 50%;
    float: right;
    padding: 0; }
    .ce-img-caption:before {
      width: 100%; } }
.pagination-left a,
.pagination-right a {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 21px;
  line-height: 24px; }

.pagination-left {
  float: left;
  text-align: left;
  padding-left: 0; }

.pagination-right {
  float: right;
  text-align: right;
  padding-right: 0; }

.carousel {
  margin-bottom: 72px; }

.carousel-image {
  width: 100%;
  height: auto;
  display: block; }

.carousel--flush {
  margin-bottom: 0; }

.sidebar {
  padding: 0 52px; }

.sidebar-group {
  margin-bottom: 48px; }
  .sidebar-group a {
    border: none;
    line-height: 24px; }
    .sidebar-group a:hover {
      border-bottom: 2px solid black; }

.sidebar-article {
  margin-bottom: 24px; }

.sidebar-title {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px; }

@media only screen and (max-width: 900px) {
  .sidebar {
    padding: 0 32px; } }
@media only screen and (max-width: 690px) {
  .sidebar {
    display: none; } }
.news {
  margin-bottom: 96px; }
  .news h1 a {
    border: none; }

.news-excerpt-copy {
  margin-bottom: 48px; }

.news-thumbnail {
  width: 66.666666667%;
  margin-bottom: 24px; }

.news-thumbnail--large {
  width: 100%;
  padding-left: 12px;
  padding-right: 12px; }

.news-footer {
  padding-bottom: 72px;
  position: relative; }
  .news-footer:after {
    content: "";
    width: 210px;
    height: 4px;
    background-color: #000000;
    position: absolute;
    bottom: 0;
    left: 0; }

.news-continue {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 21px;
  line-height: 24px;
  border: none; }
  .news-continue:hover {
    border-bottom: 2px solid #000000; }

.modal-overlay {
  background-color: #000000;
  opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: none; }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 102;
  width: 680px;
  background-color: #1a478e;
  color: #ffffff;
  padding: 48px 24px;
  display: none; }

.modal-close,
a.modal-close {
  color: #ffffff;
  display: inline-block;
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  border-bottom: 2px solid #ffffff;
  float: right;
  clear: left;
  cursor: pointer; }
  .modal-close:hover,
  a.modal-close:hover {
    border-bottom: 2px solid #1a478e; }

.modal-title {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  font-size: 26px;
  text-align: center;
  margin-bottom: 24px;
  display: block;
  clear: both; }

.modal-subtitle {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 40px; }

.modal-fieldset {
  width: 100%;
  position: relative; }

.modal-input {
  font-family: "Avenir LT W02 45 Book", Helvetica, sans-serif;
  background: none;
  border: none;
  -webkit-appearance: none;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  padding-right: 90px; }
  .modal-input:-moz-placeholder {
    color: #ffffff; }
  .modal-input:-ms-input-placeholder {
    color: #ffffff; }
  .modal-input::-webkit-input-placeholder {
    color: #ffffff; }

.modal-submit {
  font-family: "Avenir LT W02 85 Heavy", Helvetica, sans-serif;
  text-transform: uppercase;
  background: none;
  border: 2px solid #ffffff;
  width: 70px;
  height: 30px;
  text-align: center;
  -webkit-appearance: none;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: all 0.2s linear;
  cursor: hover; }
  .modal-submit:hover {
    background: #ffffff;
    color: #1a478e; }

@media only screen and (max-width: 770px) {
  .modal {
    width: 500px; } }