@charset "UTF-8";
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
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 6/7/8/9 and Firefox 3.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevents 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/10/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 of focused elements when they are also in an
 * active/hover state.
 */
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;
  margin: 0.67em 0;
}

/**
 * Addresses 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
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

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

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

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

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
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.
 * 4. Improves appearance and consistency in all browsers.
 */
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.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
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;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
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.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * 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;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 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.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
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;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

.hide {
  display: none;
}

.sr-only, .hero-branding .brand {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.widget > ul, .widget-resource-types .resources-list, .actions > ul, .nav, .blocks, .sponsors-list, .social-links, .features-navigation, .food-list, .dashboard-links, .brewer-beers-list, .list-block, .page-template-otd-food-wine .page-section--block .body-content > ul, .um-login.um-logout .um-misc-ul, .social-streams-nav .nav-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget > ul > li, .widget-resource-types .resources-list > li, .actions > ul > li, .nav > li, .blocks > li, .sponsors-list > li, .social-links > li, .features-navigation > li, .food-list > li, .dashboard-links > li, .brewer-beers-list > li, .list-block > li, .page-template-otd-food-wine .page-section--block .body-content > ul > li, .um-login.um-logout .um-misc-ul > li, .social-streams-nav .nav-tabs > li {
  margin-bottom: 0;
}

.brewer-beers .beer, .list-block-item-cols {
  margin: 0;
  padding: 0;
}

.brewer-beers .beer > dd, .list-block-item-cols > dd, .brewer-beers .beer > dt, .list-block-item-cols > dt {
  padding: 0;
  margin: 0;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 639px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (max-width: 639px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 639px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 639px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 960px) and (max-width: 1099px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 960px) and (max-width: 1099px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 960px) and (max-width: 1099px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 960px) and (max-width: 1099px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

@media (min-width: 1100px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

@media (min-width: 1100px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1100px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1100px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 639px) {
  .hidden-xs {
    display: none !important;
  }
}

@media (min-width: 640px) and (max-width: 959px) {
  .hidden-sm {
    display: none !important;
  }
}

@media (min-width: 960px) and (max-width: 1099px) {
  .hidden-md {
    display: none !important;
  }
}

@media (min-width: 1100px) {
  .hidden-lg {
    display: none !important;
  }
}

.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

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

html {
  box-sizing: border-box;
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-size: 87.5%;
  line-height: 1.7;
  font-weight: 400;
  color: #333333;
  overflow-y: scroll;
  min-height: 100%;
}

@media (min-width: 960px) {
  html {
    font-size: 100%;
  }
}

@media (min-width: 1100px) {
  html {
    font-size: 112.5%;
  }
}

body {
  background-color: #E6E7E8;
  min-height: 100%;
}

html {
  background: none;
  height: 100%;
}

.left {
  float: left;
}

.right {
  float: right;
}

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

html,
button,
input,
select,
textarea {
  color: #333333;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Links */
a {
  color: #294b9e;
  text-decoration: none;
  transition: color 0.2s;
}

a:visited {
  color: #294b9e;
}

a:hover, a:focus, a:active {
  text-decoration: none;
  color: #1e3876;
}

/* Headings */
h1, .h1, .banner-title,
h2, .h2, .page-section-title, .user-ratings-title,
.page-title, .single .entry-title,
h3, .h3, .page-section-header--alt .page-section-title, .page-section-header--alt .user-ratings-title, .blog .entry-title, .banner-subtitle, .features-navigation > li > a, .dashboard-link-text,
h4, .h4, .body-content h3, .page-subsection-title, .sponsors-title,
h5, .h5, .widget-recent-entries .posts-item-title, .features-title, .ps-getting-event .block .block-title,
h6, .h6, .widget-title, .body-content h4, .navbar-brand a, .brewer-item-title, .feature-title, .ps-getting-event .block .block-description h4 {
  font-family: "fatfrank", "Karla", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #00838F;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 0.5em;
  letter-spacing: 0.05em;
}

h1 > em, .h1 > em, .banner-title > em,
h2 > em, .h2 > em, .page-section-title > em, .user-ratings-title > em,
.page-title > em, .single .entry-title > em,
h3 > em, .h3 > em, .page-section-header--alt .page-section-title > em, .page-section-header--alt .user-ratings-title > em, .blog .entry-title > em, .banner-subtitle > em, .features-navigation > li > a > em, .dashboard-link-text > em,
h4 > em, .h4 > em, .body-content h3 > em, .page-subsection-title > em, .sponsors-title > em,
h5 > em, .h5 > em, .widget-recent-entries .posts-item-title > em, .features-title > em, .ps-getting-event .block .block-title > em,
h6 > em, .h6 > em, .widget-title > em, .body-content h4 > em, .navbar-brand a > em, .brewer-item-title > em, .feature-title > em, .ps-getting-event .block .block-description h4 > em {
  color: #00838F;
  font-style: normal;
}

h1, .h1, .banner-title {
  font-size: 2rem;
}

@media (min-width: 960px) {
  h1, .h1, .banner-title {
    font-size: 3rem;
  }
}

h2, .h2, .page-section-title, .user-ratings-title,
.page-title, .single .entry-title {
  font-size: 1.75rem;
}

@media (min-width: 960px) {
  h2, .h2, .page-section-title, .user-ratings-title,
  .page-title, .single .entry-title {
    font-size: 2.25rem;
  }
}

@media (min-width: 1100px) {
  h2, .h2, .page-section-title, .user-ratings-title,
  .page-title, .single .entry-title {
    font-size: 2.6666666667rem;
  }
}

h3, .h3, .page-section-header--alt .page-section-title, .page-section-header--alt .user-ratings-title, .blog .entry-title, .banner-subtitle, .features-navigation > li > a, .dashboard-link-text {
  font-size: 1.35rem;
}

@media (min-width: 960px) {
  h3, .h3, .page-section-header--alt .page-section-title, .page-section-header--alt .user-ratings-title, .blog .entry-title, .banner-subtitle, .features-navigation > li > a, .dashboard-link-text {
    font-size: 1.9rem;
  }
}

@media (min-width: 1100px) {
  h3, .h3, .page-section-header--alt .page-section-title, .page-section-header--alt .user-ratings-title, .blog .entry-title, .banner-subtitle, .features-navigation > li > a, .dashboard-link-text {
    font-size: 2.1111111111rem;
  }
}

h4, .h4, .body-content h3, .page-subsection-title, .sponsors-title {
  font-size: 1.25rem;
}

@media (min-width: 960px) {
  h4, .h4, .body-content h3, .page-subsection-title, .sponsors-title {
    font-size: 1.5rem;
  }
}

h5, .h5, .widget-recent-entries .posts-item-title, .features-title, .ps-getting-event .block .block-title {
  font-size: 1.1rem;
}

@media (min-width: 960px) {
  h5, .h5, .widget-recent-entries .posts-item-title, .features-title, .ps-getting-event .block .block-title {
    font-size: 1.25rem;
  }
}

h6, .h6, .widget-title, .body-content h4, .navbar-brand a, .brewer-item-title, .feature-title, .ps-getting-event .block .block-description h4 {
  font-size: 0.2rem;
}

@media (min-width: 960px) {
  h6, .h6, .widget-title, .body-content h4, .navbar-brand a, .brewer-item-title, .feature-title, .ps-getting-event .block .block-description h4 {
    font-size: 0.75rem;
  }
}

/* Paragraphs */
p {
  margin-top: 0;
  margin-bottom: 1.5em;
}

b, strong {
  font-weight: bold;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0;
  font-weight: 400;
  margin-bottom: 1.5em;
  font-style: italic;
}

blockquote > p {
  margin-bottom: 0;
}

blockquote > small {
  font-size: 100%;
  font-style: normal;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #c2e5ef;
  font-family: Monaco, monospace;
  font-size: 0.8888888889rem;
  line-height: 1.5;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-size: 0.8888888889rem;
  font-family: Monaco, monospace;
}

abbr, acronym {
  border-bottom: 1px dotted #333333;
  cursor: help;
}

mark, ins {
  background: #fff;
  text-decoration: none;
}

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

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}

/* Lists */
ul, ol {
  margin-left: 1em;
  padding-left: 0.25em;
}

ul {
  list-style-type: disc;
}

ul > li {
  margin-bottom: 0em;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Tables */
table {
  margin: 0 0 1.5em;
  width: 100%;
}

th {
  font-weight: bold;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

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

@font-face {
  font-family: "Hand Sean";
  src: url("../fonts/HandSean.ttf");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bars:before {
  content: "\f101";
}

.icon-beer:before {
  content: "\f102";
}

.icon-car:before {
  content: "\f103";
}

.icon-caret-left:before {
  content: "\f104";
}

.icon-caret-right:before {
  content: "\f105";
}

.icon-close:before {
  content: "\f106";
}

.icon-facebook:before {
  content: "\f107";
}

.icon-instagram:before {
  content: "\f108";
}

.icon-periscope:before {
  content: "\f109";
}

.icon-plus-circle:before {
  content: "\f10a";
}

.icon-train:before {
  content: "\f10b";
}

.icon-twitter:before {
  content: "\f10c";
}

.btn, .navbar-toggle-button, .um-login.um-logout .um-misc-ul a {
  display: inline-block;
  border: none;
  cursor: pointer;
  font-family: "fatfrank", "Karla", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  padding: 0.35em 1em;
  background-color: #FFC333;
  color: #fff;
  transition: all 0.15s;
  box-shadow: 0.25em 0.25em 0 #BE902D;
}

.btn:visited, .navbar-toggle-button:visited, .um-login.um-logout .um-misc-ul a:visited {
  color: #fff;
}

.btn:hover, .navbar-toggle-button:hover, .um-login.um-logout .um-misc-ul a:hover, .btn:focus, .navbar-toggle-button:focus, .um-login.um-logout .um-misc-ul a:focus {
  background-color: #ffcd57;
  color: #fff;
  outline: none;
}

.btn--primary {
  background-color: #ae7157;
}

.btn--primary:visited {
  color: #fff;
}

.btn--primary:hover, .btn--primary:focus {
  background-color: #b68068;
}

.btn--secondary {
  background-color: #46b3ea;
  color: #294b9e;
  box-shadow: 0.25em 0.25em 0 #294b9e;
}

.btn--secondary:visited {
  color: #294b9e;
}

.btn--secondary:hover, .btn--secondary:focus {
  color: #294b9e;
  background-color: #46b3ea;
}

.btn--hollow, .um-login.um-logout .um-misc-ul a {
  border-width: 2px;
  border-style: solid;
  color: #ae7157;
  border-color: #ae7157;
  background-color: transparent;
  box-shadow: none;
}

.btn--hollow:visited, .um-login.um-logout .um-misc-ul a:visited {
  color: #ae7157;
}

.btn--hollow:hover, .um-login.um-logout .um-misc-ul a:hover, .btn--hollow:focus, .um-login.um-logout .um-misc-ul a:focus, .btn--hollow.active, .um-login.um-logout .um-misc-ul a.active, .btn--hollow.current, .um-login.um-logout .um-misc-ul a.current {
  background-color: #ae7157;
  color: #fff;
}

.btn--hollow.disabled, .um-login.um-logout .um-misc-ul a.disabled {
  border-color: #b3b3b3;
  color: #b3b3b3;
}

.btn--hollow-white, .um-login.um-logout .um-misc-ul a {
  border-color: #fff;
  color: #fff;
}

.btn--hollow-white:visited, .um-login.um-logout .um-misc-ul a:visited {
  color: #fff;
}

.btn--hollow-white:hover, .um-login.um-logout .um-misc-ul a:hover, .btn--hollow-white:focus, .um-login.um-logout .um-misc-ul a:focus {
  background-color: #fff;
  color: #333333;
}

.btn--inverted {
  color: #ae7157;
  background-color: #fff;
}

.btn--inverted:visited {
  color: #ae7157;
}

.btn--inverted:hover, .btn--inverted:focus {
  background-color: #f2f2f2;
  color: #9f654d;
  outline: none;
}

.btn--action {
  min-width: 280px;
}

.btn--link, .navbar-toggle-button {
  background: none;
  color: #00838F;
  box-shadow: none;
  padding-right: 0;
  padding-left: 0;
}

.btn--link:visited, .navbar-toggle-button:visited {
  color: #00838F;
}

.btn--link:hover, .navbar-toggle-button:hover, .btn--link:focus, .navbar-toggle-button:focus {
  background: none;
  color: #24418a;
}

.btn--link.active, .active.navbar-toggle-button {
  color: #00838F;
  text-decoration: underline;
}

.btn--close {
  color: #333;
  background: transparent;
  color: #fff;
}

.btn--close i {
  color: #333;
  font-size: 200%;
}

.btn--close:hover, .btn--close:focus {
  background: transparent;
}

.btn--block, .actions--block-mobile .btn, .actions--block-mobile .navbar-toggle-button, .actions--block-mobile .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .actions--block-mobile a {
  display: block;
  width: 100%;
}

.btn--facebook {
  background-color: #3a5795;
  box-shadow: 0.25em 0.25em 0 #2c4270;
}

.btn--facebook:hover, .btn--facebook:focus {
  background-color: #4162a7;
}

.btn--facebook .btn-icon,
.btn--facebook .btn-text {
  display: inline;
  vertical-align: middle;
}

.btn--facebook .btn-icon {
  margin-right: 0.5em;
}

.btn--read-more {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-weight: 700;
  box-shadow: none;
  vertical-align: middle;
  color: #294b9e;
  border: 1px solid #294b9e;
  background-color: #8dfbff;
}

.btn--read-more:visited {
  color: #294b9e;
}

.btn--read-more:hover, .btn--read-more:focus {
  color: #294b9e;
  background-color: #a7fcff;
}

.btn--read-more .icon {
  font-size: 120%;
  position: relative;
  top: -0.05em;
  padding-left: 1em;
}

/* Sizes */
.btn--xlarge {
  font-size: 150%;
}

.btn--large {
  font-size: 140%;
  padding-right: 1.75em;
  padding-left: 1.75em;
}

.btn--small {
  font-size: 90%;
}

.btn--tiny {
  font-size: 75%;
}

/* @group General */
fieldset {
  border: 0;
  padding: 0;
}

fieldset:last-child {
  margin-bottom: 0;
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
textarea {
  color: #00838F;
  border: 2px solid #00838F;
  background-color: #fff;
  font-weight: 700;
  padding: 0.6em 1em;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  width: 100%;
}

input[type="email"]:hover, input[type="email"]:focus, input[type="number"]:hover, input[type="number"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:focus, input[type="tel"]:hover, input[type="tel"]:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="url"]:hover, input[type="url"]:focus, input[type="color"]:hover, input[type="color"]:focus, input[type="date"]:hover, input[type="date"]:focus, input[type="datetime"]:hover, input[type="datetime"]:focus, input[type="datetime-local"]:hover, input[type="datetime-local"]:focus, input[type="month"]:hover, input[type="month"]:focus, input[type="time"]:hover, input[type="time"]:focus, input[type="week"]:hover, input[type="week"]:focus,
textarea:hover,
textarea:focus {
  outline: none;
}

input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0, 131, 143, 0.6);
}

input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(0, 131, 143, 0.6);
}

input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="week"]:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(0, 131, 143, 0.6);
}

input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0, 131, 143, 0.6);
}

input[type="search"] {
  box-sizing: inherit;
}

textarea {
  resize: vertical;
  display: block;
  height: 8em;
}

select {
  width: 100%;
}

label {
  color: #ae7157;
  display: block;
  margin-bottom: 0.75em;
}

.checkbox label {
  text-transform: none;
  color: #333333;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 1em;
  margin-bottom: 0;
}

.checkbox input {
  margin: 0.25em;
}

.checkbox--small {
  font-size: 0.889rem;
}

.form-group {
  margin-bottom: 1em;
}

.form-group:last-child {
  margin-bottom: 0;
}

.form-actions {
  margin-top: 1em;
}

/* @end General */
/* @group Compact Form */
.form--compact .form-group {
  margin-bottom: 0.75em;
}

.form--compact .form-group:last-child {
  margin-bottom: 0;
}

/* @end Compact Form */
/* @group Inline forms */
.form-inline .form-group {
  display: inline-block;
}

.form-inline label {
  display: inline-block;
}

.form-inline .form-control {
  width: auto;
}

/* @end Inline forms */
/* @group Validation */
input[type="email"].error, input[type="number"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, input[type="url"].error, input[type="color"].error, input[type="date"].error, input[type="datetime"].error, input[type="datetime-local"].error, input[type="month"].error, input[type="time"].error, input[type="week"].error,
textarea.error {
  border-color: red;
}

label.error {
  margin-top: 0.25em;
  display: block;
  color: red;
  font-size: 0.889rem;
}

/* @end Validation */
.col, .no-flexbox .banner-header,
.no-flexbox .banner-content {
  margin-bottom: 3em;
}

@media (min-width: 960px) {
  .col, .no-flexbox .banner-header,
  .no-flexbox .banner-content {
    margin-bottom: 0;
  }
}

.row > .col:last-child, .no-flexbox .row > .col:last-child, .no-flexbox .row > .banner-header:last-child,
.no-flexbox .row > .banner-content:last-child {
  margin-bottom: 0;
}

.row, .no-flexbox .row {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.row:after, .no-flexbox .row:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 960px) {
  .col-1-2, .no-flexbox .banner-header,
  .no-flexbox .banner-content {
    width: 47.4452554745%;
    float: left;
  }
  .col-1-2:nth-child(2n + 1), .no-flexbox .banner-header:nth-child(2n + 1),
  .no-flexbox .banner-content:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .col-1-2:nth-child(2n + 2), .no-flexbox .banner-header:nth-child(2n + 2),
  .no-flexbox .banner-content:nth-child(2n + 2) {
    margin-left: 52.5547445255%;
    margin-right: -100%;
    clear: none;
  }
}

@media (min-width: 960px) {
  .col-3-5{
	  width: 60%;
	  float: left;
  }
  
  .col-3-5 .body-content{
	  padding-right: 40px;
	  border-right: 1px solid #B3B3B3;
  }
  
  .col-2-5{
	  width: 40%;
	  float: left;
  }
  
  .col-2-5 .body-content,  .col-2-5 h2{
	  padding-left: 40px;
  }
}

.container {
  margin: 0 auto;
  width: 90%;
  max-width: 1300px;
}

.container--narrow {
  max-width: 900px;
}

.container--fluid {
  width: 90%;
  margin: 0 auto;
  max-width: none;
}

@media (min-width: 640px) {
  .container--fluid {
    width: 95%;
  }
}

body {
  padding-top: 48px;
}

@media (min-width: 960px) {
  body {
    padding-top: 56px;
  }
}

@media (min-width: 1100px) {
  body {
    padding-top: 63px;
  }
}

.site-main {
  padding: 3em 0;
}

@media (min-width: 960px) {
  .site-main {
    padding: 4em 0;
    padding-bottom: 4em;
  }
}

.site-header--fixed .site-navigation {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.site-footer {
  text-align: center;
  padding: 1.25em 0;
  background-color: #404041;
  color: white;
}

.site-disclaimer {
  margin: 1.5em 0;
  text-align: center;
}

.site-disclaimer,
.site-copy {
  line-height: 1.4;
  font-size: 0.889rem;
  font-size: 12px;
}


@media (min-width: 640px) {
  .site-disclaimer,
  .site-copy {
    font-size: 0.8571428571rem;
  }
}

@media (min-width: 960px) {
  .site-disclaimer,
  .site-copy {
    font-size: 0.8125rem;
  }
}

@media (min-width: 1100px) {
  .site-disclaimer,
  .site-copy {
    font-size: 0.8222222222rem;
  }
}

.site-copy p {
  display: inline;
}

.site-copy a {
  color: white;
}

.site-copy a:hover, .site-copy a:focus {
  color: #294b9e;
}

.site-copy-nav {
  display: inline;
  margin: 0.5em;
}

.site-copy-nav ul {
  display: inline;
}

.site-copy-nav ul > li {
  display: inline-block;
}

.site-copy-nav ul > li:after {
  content: "\2013";
  display: inline-block;
  padding: 0 0.1em 0 0.2em;
}

.site-copy-nav ul > li:last-child:after {
  display: none;
}

.fs-sponsors .page-section-header, .fs-sponsors .page-header, .fs-sponsors .single .entry-header, .single .fs-sponsors .entry-header, .fs-sponsors .user-ratings-header, .fs-sponsors .auth-header {
  display: none;
}

.otd-app .site-main {
  padding: 0;
  background-color: #fff;
}

.otd-app {
  background-color: #f2f2f2;
}

.otd-app .site-footer {
  padding-top: 0em;
  background-color: #f2f2f2;
}

.otd-app .site-copy a{
	color: #333333;
}

.otd-app .site-copy {
	color: #333333;
}

.otd-app .site-footer .site-disclaimer {
  margin-top: 0;
}

.otd-app--with-margin .site-main {
  padding-top: 2em;
}

@media (max-width: 480px){
	
	.navbar-group--secondary{
		position: relative;
	}


	.navbar-nav--social{
		left: 50%;
		transform: translateX(-50%);
	}
}


/*
.otd-app--negative {
  background-color: #294b9e;
  color: #f4f4f4;
}
*/

.otd-app--negative .site-main {
  background-color: transparent;
}

.otd-app--negative .site-footer {
  background-color: transparent;
}

.otd-app--negative .site-footer a {
  text-decoration: underline;
  color: #f4f4f4;
}

.otd-app--negative .site-footer a:focus, .otd-app--negative .site-footer a:hover {
  text-decoration: none;
}


.otd-app--negative .footer-social-links a {
  color: #00838F;
}

.otd-app--negative .footer-social-links a:focus, .otd-app--negative .footer-social-links a:hover  {
  color: #005961;
}

/* Text meant only for screen readers */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #333333;
  display: block;
  font-size: 0.7777777778rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

.widget {
  margin-bottom: 4em;
}

.widget > ul > li > a {
  display: block;
  padding: 0.25em 0;
}

.widget select {
  max-width: 100%;
}

.widget p {
  line-height: 1.2;
}

.widget-area {
  font-size: 0.8888888889rem;
}

@media (min-width: 960px) {
  .widget-area {
    font-size: 1rem;
  }
}

@media (min-width: 640px) {
  .widget-area {
    font-size: 1rem;
  }
}

.widget-header {
  margin-bottom: 1.5em;
}

.widget-title {
  font-weight: 700;
  letter-spacing: 0.15em;
}

/* @group Recent Posts Widget */
.widget-recent-entries .posts-item-thumb {
  display: block;
  margin-bottom: 0;
}

.widget-recent-entries .posts-item-thumb a {
  display: block;
}

.widget-recent-entries .posts-item-thumb img {
  display: block;
}

.widget-recent-entries .posts-item-header {
  margin-bottom: 1em;
}

.widget-recent-entries .posts-item-title {
  line-height: 1.4;
}

.widget-recent-entries .posts-item-title a {
  color: #333333;
}

.widget-recent-entries .posts-item-title:hover, .widget-recent-entries .posts-item-title:focus {
  color: black;
}

@media (min-width: 960px) {
  .widget-recent-entries .posts-item-title {
    font-size: 0.8333333333rem;
  }
}

@media (min-width: 960px) {
  .widget-recent-entries .posts-item-meta {
    font-size: 0.6666666667rem;
  }
}

/* @end Recent Posts widget */
/* @group Resources List Widget */
.widget-resource-types .resources-list a {
  display: block;
  color: #333;
  text-transform: uppercase;
  font-size: "fatfrank", "Karla", Helvetica, Arial, sans-serif;
  letter-spacing: 0.15em;
}

.widget-resource-types .resources-list a:hover, .widget-resource-types .resources-list a:focus {
  color: #ae7157;
}

/* @end Resources list widget */
img {
  max-width: 100%;
  /* Adhere to container width. */
  font-style: italic;
  vertical-align: middle;
  height: auto;
  /* Make sure images are scaled correctly. */
}

img.in-circle {
  border-radius: 50%;
}

figure {
  margin: 0;
}

figcaption {
  font-size: 0.8888888889rem;
}

.wp-caption {
  max-width: 100%;
  margin-bottom: 2em;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0 auto;
}

.wp-caption .wp-caption-text {
  margin: 0;
  padding: 1em;
  background-color: #e6e6e6;
}

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

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin-bottom: 2em;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* @group Page */
.page-header, .single .entry-header {
  margin-bottom: 2em !important;
}

@media (min-width: 960px) {
  .page-header, .single .entry-header {
    margin-bottom: 3em !important;
  }
}

.page-header .page-title, .single .entry-header .page-title, .page-header .single .entry-title, .single .page-header .entry-title, .single .entry-header .entry-title {
  margin-bottom: 0;
}

.page-header.page-header--alt, .single .page-header--alt.entry-header {
  text-align: center;
  padding-bottom: 0;
  border-bottom: none;
}

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

.page-footer, .entry-footer {
  margin-top: 2em;
}

@media (min-width: 960px) {
  .page-footer, .entry-footer {
    margin-top: 3em;
  }
}

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

.body-content h1 {
  color: #00838F;
}

.body-content h2 {
  color: #00838F;
}

.body-content h3 {
  color: #00838F;
}

.body-content h4 {
  color: #00838F;
}

.body-content h5 {
  color: #00838F;
}

.body-content h6 {
  color: #00838F;
}

.body-content h4 {
  font-family: "Karla", Helvetica, Arial, sans-serif;
}

.body-content p:last-child {
  margin-bottom: 0;
}

/*
.intro {
  color: #294b9e;
}
*/

/* @end Page */
/* @group Section */
.page-section {
  margin-bottom: 3em;
}

@media (min-width: 960px) {
  .page-section {
    margin-bottom: 4em;
  }
}

.page-section:last-child {
  margin-bottom: 0;
}

.page-section--large, .features {
  margin-bottom: 3em;
}

@media (min-width: 960px) {
  .page-section--large, .features {
    margin-bottom: 6em;
  }
}

.page-section--large:last-child, .features:last-child {
  margin-bottom: 0;
}

.page-section--inset, .banner {
  margin-bottom: 0;
  padding: 3em 0;
}

@media (min-width: 960px) {
  .page-section--inset, .banner {
    padding: 4em 0;
  }
}

.page-section-header, .page-header, .single .entry-header, .user-ratings-header, .auth-header {
  text-align: left;
  border-bottom: 1px solid #CCCCCC;
  padding-bottom: 0.5em;
  margin-bottom: 1.5em;
}

.page-section-header .page-section-title, .page-header .page-section-title, .single .entry-header .page-section-title, .user-ratings-header .page-section-title, .auth-header .page-section-title, .page-section-header .user-ratings-title, .page-header .user-ratings-title, .single .entry-header .user-ratings-title, .user-ratings-header .user-ratings-title, .auth-header .user-ratings-title {
  margin-bottom: 0;
}

.page-section-header--center {
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 2em;
}

.page-section-header--main {
  border-bottom: none;
  padding-bottom: 0;
  text-align: left;
  margin-bottom: 1.5em;
}

@media (min-width: 960px) {
  .page-section-header--main {
    margin-bottom: 3em;
  }
}

.page-section-header--main .page-section-title, .page-section-header--main .user-ratings-title {
  font-weight: 400;
  color: #3290ce;
}

.page-section-header--alt {
  border-bottom: none;
  padding-bottom: 0;
  text-align: center;
  margin-bottom: 1.5em;
}

@media (min-width: 960px) {
  .page-section-header--alt {
    margin-bottom: 3em;
  }
}

/*
.page-section-header--alt .page-section-title, .page-section-header--alt .user-ratings-title {
  color: #294b9e;
}
*/

.page-section-header--inverse {
  border-bottom-color: #f4f4f4;
}

.page-section-header--inverse .page-section-title, .page-section-header--inverse .user-ratings-title {
  color: #f4f4f4;
}

/* @end Section */
/* @group Sub-Section */
.page-subsection-title {
  color: #294b9e;
}

/* @end Sub-Section */
.blog .entry-title a {
  color: #00838F;
}

.blog .entry-title a:hover, .blog .entry-title a:focus  {
  color: #6d472c;
}

.blog .entry-meta {
  display: none;
}

.posts-list article {
  margin-bottom: 3em;
}

@media (min-width: 1100px) {
  .posts-list article {
    margin-bottom: 4em;
  }
}

.blog .entry-footer {
  display: none;
}

.entry-meta .updated,
.entry-meta .byline {
  display: none;
}

.entry-footer .edit-link {
  display: none;
}

.post-navigation {
  display: none;
  padding-top: 3em;
}

.post-navigation .nav-links::after {
  clear: both;
  content: "";
  display: table;
}

.post-navigation .nav-links > div {
  float: left;
  width: 50%;
}

.post-navigation .nav-next {
  text-align: right;
}

.otd-app .page-content {
  min-height: 200px;
}

.otd-app .page-section-header.page-header--block, .otd-app .page-header--block.page-header, .otd-app .single .page-header--block.entry-header, .single .otd-app .page-header--block.entry-header, .otd-app .page-header--block.user-ratings-header, .otd-app .page-header--block.auth-header {
  background-color: #6d472c;
  border-bottom: none;
  padding: 1em 0;
  margin-bottom: 0 !important;
}

.otd-app .page-section-header.page-header--block::after, .otd-app .page-header--block.page-header::after, .otd-app .single .page-header--block.entry-header::after, .single .otd-app .page-header--block.entry-header::after, .otd-app .page-header--block.user-ratings-header::after, .otd-app .page-header--block.auth-header::after {
  clear: both;
  content: "";
  display: table;
}

.otd-app .page-section-header.page-header--block.page-header--type-brewers, .otd-app .page-header--block.page-header--type-brewers.page-header, .otd-app .single .page-header--block.page-header--type-brewers.entry-header, .single .otd-app .page-header--block.page-header--type-brewers.entry-header, .otd-app .page-header--block.page-header--type-brewers.user-ratings-header, .otd-app .page-header--block.page-header--type-brewers.auth-header {
  background-color: #FFC333;
}

.otd-app .page-section-header.page-header--block.page-header--type-entertainment, .otd-app .page-header--block.page-header--type-entertainment.page-header, .otd-app .single .page-header--block.page-header--type-entertainment.entry-header, .single .otd-app .page-header--block.page-header--type-entertainment.entry-header, .otd-app .page-header--block.page-header--type-entertainment.user-ratings-header, .otd-app .page-header--block.page-header--type-entertainment.auth-header {
  background-color: #FFC333;
}

.otd-app .page-section-header.page-header--block.page-header--type-food-wine, .otd-app .page-header--block.page-header--type-food-wine.page-header, .otd-app .single .page-header--block.page-header--type-food-wine.entry-header, .single .otd-app .page-header--block.page-header--type-food-wine.entry-header, .otd-app .page-header--block.page-header--type-food-wine.user-ratings-header, .otd-app .page-header--block.page-header--type-food-wine.auth-header {
  background-color: #FFC333;
}

.otd-app .page-section-header.page-header--block.page-header--type-social, .otd-app .page-header--block.page-header--type-social.page-header, .otd-app .single .page-header--block.page-header--type-social.entry-header, .single .otd-app .page-header--block.page-header--type-social.entry-header, .otd-app .page-header--block.page-header--type-social.user-ratings-header, .otd-app .page-header--block.page-header--type-social.auth-header {
  background-color: #FFC333;
}

.otd-app .page-section-header.page-header--block .page-header-icon, .otd-app .page-header--block.page-header .page-header-icon, .otd-app .single .page-header--block.entry-header .page-header-icon, .single .otd-app .page-header--block.entry-header .page-header-icon, .otd-app .page-header--block.user-ratings-header .page-header-icon, .otd-app .page-header--block.auth-header .page-header-icon {
  width: 2.5em;
  margin: -0.25em 0;
}

.otd-app .page-section-header.page-header--block .page-title, .otd-app .page-header--block.page-header .page-title, .otd-app .single .page-header--block.entry-header .page-title, .single .otd-app .page-header--block.entry-header .page-title, .otd-app .page-header--block.user-ratings-header .page-title, .otd-app .page-header--block.auth-header .page-title, .otd-app .page-section-header.page-header--block .single .entry-title, .single .otd-app .page-section-header.page-header--block .entry-title, .otd-app .page-header--block.page-header .single .entry-title, .single .otd-app .page-header--block.page-header .entry-title, .otd-app .single .page-header--block.entry-header .entry-title, .single .otd-app .page-header--block.entry-header .entry-title, .otd-app .page-header--block.user-ratings-header .single .entry-title, .single .otd-app .page-header--block.user-ratings-header .entry-title, .otd-app .page-header--block.auth-header .single .entry-title, .single .otd-app .page-header--block.auth-header .entry-title {
  line-height: 1;
  color: #fff;
  font-size: 1.5714285714rem;
}

.otd-app .page-section-header.page-header--block > .container, .otd-app .page-header--block.page-header > .container, .otd-app .single .page-header--block.entry-header > .container, .single .otd-app .page-header--block.entry-header > .container, .otd-app .page-header--block.user-ratings-header > .container, .otd-app .page-header--block.auth-header > .container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.otd-app .page-section-header.page-header--block .page-title, .otd-app .page-header--block.page-header .page-title, .otd-app .single .page-header--block.entry-header .page-title, .single .otd-app .page-header--block.entry-header .page-title, .otd-app .page-header--block.user-ratings-header .page-title, .otd-app .page-header--block.auth-header .page-title, .otd-app .page-section-header.page-header--block .single .entry-title, .single .otd-app .page-section-header.page-header--block .entry-title, .otd-app .page-header--block.page-header .single .entry-title, .single .otd-app .page-header--block.page-header .entry-title, .otd-app .single .page-header--block.entry-header .entry-title, .single .otd-app .page-header--block.entry-header .entry-title, .otd-app .page-header--block.user-ratings-header .single .entry-title, .single .otd-app .page-header--block.user-ratings-header .entry-title, .otd-app .page-header--block.auth-header .single .entry-title, .single .otd-app .page-header--block.auth-header .entry-title {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.otd-app .page-section-header.page-header--block .page-header-icon, .otd-app .page-header--block.page-header .page-header-icon, .otd-app .single .page-header--block.entry-header .page-header-icon, .single .otd-app .page-header--block.entry-header .page-header-icon, .otd-app .page-header--block.user-ratings-header .page-header-icon, .otd-app .page-header--block.auth-header .page-header-icon {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: inline-block;
}

.no-flexbox .otd-app .page-section-header.page-header--block > .container, .no-flexbox .otd-app .page-header--block.page-header > .container, .no-flexbox .otd-app .single .page-header--block.entry-header > .container, .single .no-flexbox .otd-app .page-header--block.entry-header > .container, .no-flexbox .otd-app .page-header--block.user-ratings-header > .container, .no-flexbox .otd-app .page-header--block.auth-header > .container {
  text-align: justify;
  line-height: 0;
}

.no-flexbox .otd-app .page-section-header.page-header--block > .container:after, .no-flexbox .otd-app .page-header--block.page-header > .container:after, .no-flexbox .otd-app .single .page-header--block.entry-header > .container:after, .single .no-flexbox .otd-app .page-header--block.entry-header > .container:after, .no-flexbox .otd-app .page-header--block.user-ratings-header > .container:after, .no-flexbox .otd-app .page-header--block.auth-header > .container:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.no-flexbox .otd-app .page-section-header.page-header--block .page-title, .no-flexbox .otd-app .page-header--block.page-header .page-title, .no-flexbox .otd-app .single .page-header--block.entry-header .page-title, .single .no-flexbox .otd-app .page-header--block.entry-header .page-title, .no-flexbox .otd-app .page-header--block.user-ratings-header .page-title, .no-flexbox .otd-app .page-header--block.auth-header .page-title, .no-flexbox .otd-app .page-section-header.page-header--block .single .entry-title, .single .no-flexbox .otd-app .page-section-header.page-header--block .entry-title, .no-flexbox .otd-app .page-header--block.page-header .single .entry-title, .single .no-flexbox .otd-app .page-header--block.page-header .entry-title, .no-flexbox .otd-app .single .page-header--block.entry-header .entry-title, .single .no-flexbox .otd-app .page-header--block.entry-header .entry-title, .no-flexbox .otd-app .page-header--block.user-ratings-header .single .entry-title, .single .no-flexbox .otd-app .page-header--block.user-ratings-header .entry-title, .no-flexbox .otd-app .page-header--block.auth-header .single .entry-title, .single .no-flexbox .otd-app .page-header--block.auth-header .entry-title {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.no-flexbox .otd-app .page-section-header.page-header--block .page-header-icon, .no-flexbox .otd-app .page-header--block.page-header .page-header-icon, .no-flexbox .otd-app .single .page-header--block.entry-header .page-header-icon, .single .no-flexbox .otd-app .page-header--block.entry-header .page-header-icon, .no-flexbox .otd-app .page-header--block.user-ratings-header .page-header-icon, .no-flexbox .otd-app .page-header--block.auth-header .page-header-icon {
  display: inline-block;
  vertical-align: middle;
}

.otd-app .page-section-header, .otd-app .page-header, .otd-app .single .entry-header, .single .otd-app .entry-header, .otd-app .user-ratings-header, .otd-app .auth-header {
  border-bottom: none;
  padding-bottom: 0;
}

.otd-app .page-section-title {
  font-size: 1.4285714286rem;
  color: white;
}

.otd-app .user-ratings-title{
	color: #00838F;
}

.otd-app .page-section--block {
  margin-bottom: 0;
}

.otd-app .page-section-header--block {
  padding: 1em 0;
  margin-bottom: 0;
  background-color: #00BABA;
  border-bottom: none;
}

#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: #f8f9f7;
}

#preloader i {
  color: #484f47;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 1.5em;
}

.actions > ul::after {
  clear: both;
  content: "";
  display: table;
}

.actions > ul > li {
  display: inline-block;
  margin-right: 1em;
}

.actions > ul > li:last-child,
.actions > ul > li .last  {
  margin-right: 0;
}

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

.actions--center ul.pull-right > li {
  margin-right: 0;
  margin-left: 1.5em;
}

.actions--center ul.pull-left > li {
  margin-right: 1.5em;
  margin-left: 0;
}

.actions--block-mobile ul > li {
  display: block;
}

@media (min-width: 640px) {
  .actions--block-mobile ul > li {
    display: inline-block;
  }
}

@media (min-width: 640px) {
  .actions--block-mobile .btn, .actions--block-mobile .navbar-toggle-button, .actions--block-mobile .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .actions--block-mobile a {
    display: inline-block;
    width: auto;
  }
}

.navbar {
  background-color: #00838F;
  color: #fff;
}

@media (min-width: 640px) {
  .navbar {
    height: 48px;
  }
}

@media (min-width: 960px) {
  .navbar {
    height: 56px;
  }
}

@media (min-width: 1100px) {
  .navbar {
    height: 63px;
  }
}

.navbar > .container {
  position: relative;
  width: 100%;
}

@media (min-width: 830px) {
  .navbar > .container {
    margin: 0 auto;
    width: 90%;
    max-width: 1300px;
    width: 90%;
    margin: 0 auto;
    max-width: none;
  }
}

@media (min-width: 830px) and (min-width: 640px) {
  .navbar > .container {
    width: 95%;
  }
}

.navbar-nav--primary {
  font-family: "fatfrank", "Karla", Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #f4f4f4;
  text-transform: uppercase;
}

.navbar-nav--primary > li > a {
  color: #f4f4f4;
  padding: 0.5em 0;
}

.navbar-nav--social .social-links > li > a {
  color: #ffffff;
}

.navbar-nav--social .social-links i {
  font-size: 110%;
}

.navbar-collapse,
.navbar-social {
  display: none;
}

.navbar-header {
  padding: 0 1em;
}

.navbar-brand a {
  margin-bottom: 0;
  color: #f4f4f4;
}

.navbar-brand a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 1.75em;
  width: 1.75em;
  margin-right: 0.75em;
  position: relative;
  top: 0.2em;
  background-image: url("../img/logo-icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.navbar-toggle .nav > li {
  display: inline-block;
  margin-left: 1em;
}

.navbar-toggle .nav .btn, .navbar-toggle .nav .navbar-toggle-button, .navbar-toggle .nav .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .navbar-toggle .nav a {
  box-shadow: none;
}

.navbar-toggle-button {
  box-shadow: none;
  padding: 0;
  color: #f4f4f4;
}

.navbar-toggle-button:hover, .navbar-toggle-button:focus {
  color: #f4f4f4;
}

.navbar-toggle-button i {
  font-size: 140%;
  position: relative;
  margin-left: 0.1em;
}

.navbar-nav--primary .current-menu-item span,
.navbar-nav--primary .current_page_parent span {
  position: relative;
  color: #FFC333;
}

.navbar-nav--primary .current-menu-item span:after,
.navbar-nav--primary .current_page_parent span:after {
  content: "";
  position: absolute;
  height: 1px;
  border-bottom: 0.3em solid #FFC333;
  display: block;
  bottom: -0.4em;
  left: 0;
  width: 100%;
}

.menu-buytix-desktop {
  display: block;
}

.navbar-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 48px;
}

.navbar-brand {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.navbar-toggle,
.navbar-toggle > .nav,
.navbar-toggle > .nav > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.navbar-toggle .nav .btn, .navbar-toggle .nav .navbar-toggle-button, .navbar-toggle .nav .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .navbar-toggle .nav a,
.navbar-toggle-button {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.no-flexbox .navbar-header {
  text-align: justify;
  line-height: 0;
}

.no-flexbox .navbar-header:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.no-flexbox .navbar-brand,
.no-flexbox .navbar-toggle {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7em;
}

.no-flexbox .navbar-brand {
  padding: 0.75em 0;
}

.no-flexbox .navbar-toggle .nav > li {
  padding: 0.75em 0;
}

@media (min-width: 830px) {
  .navbar {
    padding: 0.75em 0;
  }
  .navbar-nav--primary > li.hidden-navbar-collapse {
    display: none;
  }
  .logged-in .menu-buytix-desktop {
    margin-left: 0;
  }
  .navbar-header {
    display: none;
  }
  .navbar-collapse {
    display: block;
  }
  .navbar-collapse-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .no-flexbox .navbar-collapse-wrapper {
    display: block;
    text-align: justify;
    line-height: 0;
  }
  .no-flexbox .navbar-collapse-wrapper:after {
    content: '';
    display: inline-block;
    width: 100%;
  }
  .no-flexbox .navbar-group {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.7em;
  }
  .menu-buytix-desktop {
    display: inline-block;
    margin-left: 1.5em;
  }
  .navbar-nav--primary {
    display: inline-block;
  }
  .navbar-nav--primary > li {
    display: inline-block;
    margin-right: 1.5em;
  }
  .navbar-nav--primary > li > a {
    font-size: 0.7777777778rem;
    line-height: 1;
  }
}

@media (min-width: 1250px) {
  .navbar-collapse-wrapper {
    text-align: center;
    position: relative;
    display: block;
  }
  .navbar-nav--social {
    position: absolute;
    right: 0;
    top: 0;
  }
}

.subnav {
  background-color: #294b9e;
  padding: 0.75em 0;
  color: #f4f4f4;
  display: none;
}

.subnav-nav--primary {
  position: relative;
  top: -0.15em;
  text-align: center;
}

.subnav-nav--primary > li {
  display: inline-block;
  margin-right: 1em;
}

.subnav-nav--primary > li:last-child {
  margin-right: 0;
}

.subnav-nav--primary > li > a {
  color: #f4f4f4;
  font-size: 0.8333333333rem;
}

.nav-overlay {
  padding: 4em 1em;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
  text-align: center;
  z-index: -1;
  overflow: auto;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: visibility 0.25s, -webkit-transform 0.35s ease;
  transition: visibility 0.25s, transform 0.35s ease;
  transition: visibility 0.25s, transform 0.35s ease, -webkit-transform 0.35s ease;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}

.nav-overlay.is-open {
  visibility: visible;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}

.nav-overlay .navbar-nav--primary {
  margin-bottom: 1em;
}

.nav-overlay .navbar-nav--primary > li > a {
  font-size: 18px;
  display: block;
  padding: 0.4em 0.25em;
}

@media (min-width: 640px) {
  .nav-overlay .navbar-nav--primary > li > a {
    font-size: 1.2857142857rem;
  }
}

@media (min-width: 960px) {
  .nav-overlay .navbar-nav--primary > li > a {
    font-size: 1rem;
  }
}

@media (min-width: 1100px) {
  .nav-overlay .navbar-nav--primary > li > a {
    font-size: 1rem;
  }
}

.nav-overlay .navbar-nav--social a {
  font-size: 20px;
}

@media (min-width: 640px) {
  .nav-overlay .navbar-nav--social a {
    font-size: 1.4285714286rem;
  }
}

@media (min-width: 960px) {
  .nav-overlay .navbar-nav--social a {
    font-size: 1rem;
  }
}

@media (min-width: 1100px) {
  .nav-overlay .navbar-nav--social a {
    font-size: 1rem;
  }
}

.nav-overlay .navbar-collapse-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-height: 440px) {
  .nav-overlay .navbar-collapse-wrapper {
    top: 0%;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
  }
}

.hero-branding {
/*
  background-image: url("../img/bbf-2017-banner.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
  padding-bottom:20% !important;
  position: relative;
*/
}

.hero-background{
	width: 100%;
	height: auto;
}

/***** NEW hero styles ****/
.hero-details{
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 25px;
	position: relative;
	z-index: 3;
}

.hero-details > div{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-top: -100px;
}

.event-date-details .event-date{
	font-weight: 800;
	margin-bottom: 15px;
	font-family: "fatfrank";
	letter-spacing: 3px;
}

.event-brewers{
	margin-top: -15px;
}

.coopers-sponsor{
	font-size: 13px !important;
	margin-top: 50px;
}

.coopers-logo{
	width: 85px;
	height: auto;
	margin-right: 10px;
}

.ballarat-logo{
	width: 150px;
	height: auto;
}

.hero-details > div span{
	font-weight: 700;
	font-size: 34px;
	display: block;
	line-height: 34px;
}

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

.event-attractions span{
	font-family: "fatfrank";
	margin-bottom: 20px;
	font-size: 38px;
	letter-spacing: 3px;
}

.event-attractions span.small{
	font-size: 13px;
	font-family: "karla";
	line-height: 15px;
	margin-bottom: 3px;
	letter-spacing: 0px;
}

.hero-details .hero-logo{
	width: 520px;
	height: auto;
	margin-left: 70px;
	margin-right: 70px;
	z-index: 3;
}

.single-slide{
	height: 700px;
	margin-top: -140px;
	text-align: center;
	background: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)), url('../img/slide1.jpg') no-repeat; 
	background-size: cover;
}

.single-slide h1{
	color: white;
	line-height: 68px;
	margin-bottom: 30px;
}

.single-slide .slide-content{
	width: 50%;
	margin: 0 auto;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.play-button {
    height: 70px;
    width: 70px;    
    background-color: #00838F;
    border-radius: 40px;
    position: relative;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.hero-slider{
	position: relative;
}

.play-button:hover {
    background-color: rgba(0, 173, 239, 0.9);
}

.play-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 20.5px;
    left: 28px;
    margin: 0 auto;
    border-style: solid;
    border-width: 15.5px 0 15.5px 22px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}

.close-video{
    top: 15px;
    right: 15px;
    cursor:pointer;
    color: #fff;
    position: absolute !important;
    border: 1px solid #AEAEAE;
    border-radius: 40px;
    background: #605F61;
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 16px 6px;   
    padding-bottom: 18px;
    display: none;    
}

.close-video:before {
    content: "×";
}

.hero-details .mobile-event-details{
	display: none;
}

.hero-details .mobile-event-details > span{
	font-size: 24px;
	line-height: 24px;
}

.mobile-event-details .first-section{
	width: 30%; 
	float: left;
}

.mobile-event-details .second-section{
	width: 70%;
	float: left;
}

.mobile-event-details .first-section .event-date{
	font-family: "fatfrank";
	margin-bottom: 10px;
	letter-spacing: 3px;
}

.mobile-event-details .second-section > span{
	font-family: "fatfrank";
	display: inline-block;
	text-align: left;
	width: 32%;
	letter-spacing: 3px;
}

.mobile-event-details .second-section .small{
	font-size: 13px;
	display: block;
	line-height: 15px;
	font-family: "karla";
	letter-spacing: 0px;
}

.mobile-event-details .second-section .coopers-sponsor{
	margin-top: 20px;
	display: block;
	width: 100%;
	text-align: center;
	font-family: "karla";
}

.hero-slider .slides .single-slide{
	position: relative !important;
}

/*
.hero-slider .slides .video-slide{
	position: relative !important;
}
*/

.family-icon{
	width: 100px;
}

@media (max-width: 1300px){
	.hero-details .hero-logo{
		width: 480px;
		margin-left: 50px;
		margin-right: 50px;
	}
	
	.single-slide{
		margin-top: -100px;
	}
	
	.slide-content{
		width: 65%;
	}
}

@media (max-width: 1100px){
	.hero-details .hero-logo{
		width: 400px;
	}
	
	.single-slide{
		margin-top: -60px;
	}
	
	.slide-content{
		width: 75%;
	}
}

@media (max-width: 959px){
	.hero-details > div span {
	    font-size: 28px;
	    line-height: 30px;
	}
	
	.ps-secondary{
		margin-top: 30px;
	}
	
}

@media (max-width: 920px){
	.hero-details .hero-logo{
		width: 520px;
		margin: 0 auto;
	}
	
	.hero-details .event-date-details{
		display: none;
	}
	
	.hero-details .event-attractions{
		display: none;
	}
	
	.hero-details > div{
		margin-top: 0px;
	}
	
	.hero-details .mobile-event-details{
		display: block;
	}
	
	.single-slide{
		margin-top: -140px;
	}
	
	.slide-content{
		width: 85%;
	}
}

@media (max-width: 800px){
	.mobile-event-details .second-section > span{
		font-family: "fatfrank";
		display: inline-block;
		text-align: left;
		width: 49%;
	}
	
	.mobile-event-details .second-section > span:nth-child(3){
		margin-top: 10px;
	}
	
	.mobile-event-details .second-section .coopers-sponsor{
		display: inline-block;
		width: 49%;
		margin-top: 10px;
		vertical-align: top;
		text-align: left;
	}
}

@media (max-width: 531px){
	.hero-details .hero-logo{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.hero-details .mobile-event-details{
		display: none;
	}
	
	.hero-details .event-date-details{
		display: block;
	}
	
	.coopers-sponsor{
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.single-slide{
		margin-top: -80px;
	}
	
	.single-slide .slide-content{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.single-slide h1{
		line-height: 50px;
	}
}


/**************************/

@media (min-width: 1600px) {
  .hero-branding {
    height: 760px;
  }
}

.hero-branding > .container {
  height: 100%;
}

.hero-branding.hero-branding--small {
  display: none;
}

@media (min-width: 640px) {
  .hero-branding.hero-branding--small {
    display: block;
  }
}

.hero-brand {
  height: 100%;
}

.hero-branding .brand-animation {
  margin: 0 auto;
}

.hero-branding .hero-event-info {
  display: none;
}

.brand-animation {
  height: 0;
  padding-bottom: 72.06896552%;
  position: relative;
  max-width: 400px;
}

.brand-animation .img-off,
.brand-animation .img-on,
.brand-animation .img-shadow {
  position: absolute;
  margin: auto;
  top: 0;
  left: 1.5em;
  right: 0;
  width: 100%;
}

.brand-animation .img-on,
.brand-animation .img-off {
  z-index: 2;
}

.brand-animation .img-shadow {
  z-index: 1;
}

/* @group Home */
.hero-branding--home {
  text-align: center;
  height: auto;
  /*padding: 4em 0;*/
}

@media (min-width: 640px) {
  .hero-branding--home {
    display: block;
  }
  .hero-branding--home > .container {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    width: 90%;
    max-width: 1300px;
  }
  .hero-branding--home > .container:after {
    content: " ";
    display: block;
    clear: both;
  }
  .hero-branding--home .hero-brand {
    width: 65.4822335025%;
    float: left;
    margin-right: 3.5532994924%;
  }
  .hero-branding--home .hero-event-info {
    width: 30.9644670051%;
    float: left;
    margin-right: 3.5532994924%;
    float: right;
    margin-right: 0;
  }
}

.hero-branding--home > .container {
	display: none;
}

.hero-branding--home .brand-animation {
  max-width: 690px;
}

.hero-branding--home .hero-event-info {
  display: block;
  max-width: 320px;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .hero-branding--home .hero-event-info {
    max-width: 420px;
  }
}

.hero-event-info .event-info-text {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background-image: url("../img/header-date.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 0;
  padding-bottom: 104.212680688118%;
}

.hero-event-info .actions {
  margin-top: 1.5em;
}

/* @end Home */
.blocks .block {
  background-color: #00838F;
  padding: 1.25em;
  color: #f4f4f4;
}

/*
.blocks--zebra .block:nth-of-type(odd) {
  background-color: #ae7157;
}
*/

.blocks--large .block {
  padding: 3.25em 1.75em;
}

@media (min-width: 960px) {
  .sponsors {
    margin-bottom: 3em;
  }
}

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

@media (min-width: 1100px) {
  .sponsors-title {
    font-size: 1.8888888889rem;
  }
}

.sponsors-list {
  margin: 1em;
  text-align: justify;
  line-height: 0;
}

.sponsors-list:after {
  content: '';
  display: inline-block;
  width: 100%;
}

@media (min-width: 640px) {
  .sponsors-list {
    text-align: center;
  }
}

.sponsors-list .sponsors-item {
  display: inline-block;
  margin: 1.25em 0;
  width: 45%;
  padding: 0 1em;
}

@media (min-width: 640px) {
  .sponsors-list .sponsors-item {
    width: 25%;
    padding: 0 1.25em;
  }
}

@media (min-width: 960px) {
  .sponsors-list .sponsors-item {
    width: 16.666666667%;
  }
}

.sponsors-item-img {
  width: 100%;
}

.social-links > li {
  display: inline-block;
  margin-right: 0.75em;
}

.social-links > li:last-child {
  margin-right: 0;
}

.footer-social-links {
  margin: 3em auto;
  text-align: center;
}

.footer-social-links a {
  font-size: 150%;
  color: #f4f4f4;
}

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

.ticket-icon {
  margin-bottom: 1em;
}

.ticket-title {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  color: #f4f4f4;
  margin-bottom: 0.25em;
}

@media (min-width: 960px) {
  .ticket-title {
    font-size: 0.9375rem;
  }
}

.ticket-description {
  font-size: 0.889rem;
  line-height: 1.3;
  min-height: 125px;
  margin-top: 10px;
}

.ticket-description a{
	text-decoration: underline;
	color: white;
}

@media (min-width: 960px) {
  .ticket-description {
    font-size: 0.9375rem;
  }
}

@media (min-width: 1100px) {
  .ticket-description {
    font-size: 0.8333333333rem;
  }
  
  .ticket-footer .ticket-bf{
		font-size: 0.93333rem;
	}
}

.ticket-footer {
  padding-top: 0.25em;
  border-top: 1px solid #f4f4f4;
  width: 65%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.75em;
}

.ticket-bf{
	margin-top: 10px;
	font-weight: bold;
}

.ticket-price {
  font-size: 1.6rem;
  font-weight: 700;
}

.ticket-price span {
  vertical-align: middle;
  display: inline-block;
  font-size: 0.6em;
  margin: 0.25em;
}

.tickets-panel {
  width: 100%;
}

.single-block{
	padding: 2em 1.25em;
}

.ticket-content{
	color: white;
	display: inline-block;
	width: 67.4%;
	padding-right: 20px;
	vertical-align: middle;
	border-right: 1px solid white;
}

.content-text{
	margin-top: 8px;
}

.ticket-sidebar{
	color: white;
	width: 30%;
	padding-left: 20px;
	display: inline-block;
	vertical-align: middle;
}

.ticket-sidebar .ticket-price{
	display: block;
	clear: both;
	width: 30%;
	float: left;
}

.ticket-sidebar .ticket-items{
	width: 69%;
	float: left;
}

.ticket-content .ticket-icon{
	float: left;
	margin-right: 15px;
	vertical-align: middle;
	margin-top: 10px;
}

.ticket-content .ticket-description{
	min-height: 0px;
}

.btn--tickets{
	width: 100%;
/* 	background-color: #c1272d; */
	margin-top: 10px;
}

.earlybird-panel{
	padding: 0.75em 1.25em;
	background-color: #FFC333;
	margin-bottom: 10px;
	position: relative;
	font-family: "Montserrat";
}

.earlybird-panel:after{
	content: "";
	display: table;
	clear: both;
}

.earlybird-img{
	display: inline-block;
	vertical-align: middle;
}

.earlybird-header{
	display: inline-block;
	color: white;
	font-weight: 700;
	font-size: 1.675em;
	text-transform: uppercase;
	margin-left: 10px;
	vertical-align: middle;
}

.earlybird-text{
	float: right;
	color: white;
	margin-right: 30px;
}

.earlybird-banner{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    display: inline-block;
}

.end-date{
	display: block;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
	font-size: 1.125em;
    line-height: 1.5em;
	font-family: "Montserrat", "Karla", sans-serif;
}

.use-code{
	display: block;
	position: absolute;
	padding: 10px 18px;
	background-color: white;
	color: #0071BC;
	font-weight: bold;
	font-size: 1em;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
}

.earlybird-text .discount{
	font-size: 0.875em;
}

@media (max-width: 1260px){
	.use-code{
		left: 55%;
	}
}

@media (max-width: 960px){
	
	.earlybird-panel{
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.earlybird-banner{
		transform: none;
		top: 15px;
	}
	
	.use-code{
		transform: none;
		left: auto;
		top: auto;
		bottom: 18px;
	}
}

.tickets-panel > .ticket{
	background-color: #00838F !important;
}
/*
.tickets-panel > .ticket:nth-child(2){
	background-color: #01989F !important;
}

.tickets-panel > .ticket:nth-child(3){
	background-color: #00BABA !important;
}
*/
  .tickets-panel > .single-block{
	  width: 100%;
	  margin-top: 5px;
	  background-color: #036D72 !important;
	  margin-right: 0px;
  }

@media (min-width: 640px) {
  .tickets-panel {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

@media (min-width: 640px) {
  .tickets-panel > .ticket {
    width: 49%;
    -webkit-flex-basis: 49%;
        -ms-flex-preferred-size: 49%;
            flex-basis: 49%;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: 0.5%;
  }
  
  .tickets-panel > .ticket:nth-child(2){
	  margin-right: 0px;
  }
  
  .tickets-panel > .ticket:nth-child(3){
	 width: 100%;  
	 margin-right: 0px;
	
  }
  
  .tickets-panel > .single-block{
	  width: 100%;
	  margin-right: 0px;
  }
}

@media (min-width: 960px) {
  .tickets-panel > .ticket {
    width: 32.5%;
    -webkit-flex-basis: 32.5%;
        -ms-flex-preferred-size: 32.5%;
            flex-basis: 32.5%;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin-right: 0.4%;
  }
  
  .tickets-panel > .ticket:nth-child(2){
	
  }
  
  .tickets-panel > .ticket:nth-child(3){
	  margin-right: 0px;
	  width: 32.5%;

  }
  
  .tickets-panel > .single-block{
	  width: 100%;
	  margin-right: 0px;
  }
}

@media (max-width: 960px){
	.content-text{
		display: inline;
	}
}

@media (max-width: 768px){
	.ticket-sidebar .ticket-price{
		display: block;
		width: 100%;
	}
	
	.ticket-sidebar .ticket-items{
		display: block;
		width: 100%;
		float: none;
	}
}

@media (max-width: 640px){
	.tickets-panel > .ticket{
		margin-top: 5px;
	}
	
	.ticket-content{
		width: 100%;
		border-right: none;
		padding-right: 0px;
	}
	
	.ticket-sidebar{
		width: 60%;
	    margin: 0 auto;
	    display: block;
	    padding-left: 0;
	    margin-top: 25px;
	    border-top: 1px solid white;
	    text-align: center;
	}
}

@media (max-width: 480px){
	.ticket-sidebar, .ticket-footer{
		width: 90%;
	}
	
	.ticket-description{
		min-height: 100px;
	}
	
	.ticket-content .ticket-icon{
		float: none;
		margin: 0 auto;
		margin-bottom: 15px;
		display: block;
	}
	
	.content-text{
		text-align: center;
	}
}

.banner {
  background-size: cover;
  background-position: center center;
  color: #f4f4f4;
}

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

.banner-content .actions {
  margin: 1em 0;
}

.banner-content a {
  color: #f4f4f4;
  text-decoration: underline;
}

.banner-content .btn, .banner-content .navbar-toggle-button, .banner-content .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .banner-content a {
  text-decoration: none;
}

.banner-title {
  color: #8dfbff;
}

.banner-subtitle {
  color: #f4f4f4;
}

.banner-header {
  margin-bottom: 3em;
  text-align: center;
}

@media (min-width: 960px) {
  .flex-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: -1em 0 0 -1em;
  }
  .banner-header,
  .banner-content {
    -webkit-flex: 0;
        -ms-flex: 0;
            flex: 0;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    padding: 1em 0 0 1em;
  }
  .banner-header {
    padding-right: 1em;
    margin-bottom: 0;
    text-align: left;
  }
  .banner-content {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
  }
}

.subscribe-form {
  overflow: hidden;
  max-height: 30em;
  transition: max-height 0.25s ease-out;
}

.subscribe-form.is-hidden {
  max-height: 0;
}

.form-subscribe {
  padding-top: 3em;
}

.form-subscribe .form-label {
  display: none;
}

.form-subscribe .form-actions {
  padding-bottom: 0.5em;
}

.brewers-list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.brewers-list:after {
  content: " ";
  display: block;
  clear: both;
}

.brewers-list > .brewer-item {
  width: 48.2233502538%;
  float: left;
}

.brewers-list > .brewer-item:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.brewers-list > .brewer-item:nth-child(2n + 2) {
  margin-left: 51.7766497462%;
  margin-right: -100%;
  clear: none;
}

.brewers-list > .brewer-item:after {
  left: -4%;
}

@media (min-width: 960px) {
  .brewers-list > .brewer-item {
    width: 30.9644670051%;
    float: left;
  }
  .brewers-list > .brewer-item:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .brewers-list > .brewer-item:nth-child(3n + 2) {
    margin-left: 34.5177664975%;
    margin-right: -100%;
    clear: none;
  }
  .brewers-list > .brewer-item:nth-child(3n + 3) {
    margin-left: 69.0355329949%;
    margin-right: -100%;
    clear: none;
  }
  .brewers-list > .brewer-item:after {
    left: -6%;
  }
}

@media (min-width: 1100px) {
  .brewers-list > .brewer-item {
    width: 22.3350253807%;
    float: left;
  }
  .brewers-list > .brewer-item:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .brewers-list > .brewer-item:nth-child(4n + 2) {
    margin-left: 25.8883248731%;
    margin-right: -100%;
    clear: none;
  }
  .brewers-list > .brewer-item:nth-child(4n + 3) {
    margin-left: 51.7766497462%;
    margin-right: -100%;
    clear: none;
  }
  .brewers-list > .brewer-item:nth-child(4n + 4) {
    margin-left: 77.6649746193%;
    margin-right: -100%;
    clear: none;
  }
  .brewers-list > .brewer-item:after {
    left: -8%;
  }
}

.brewers-list > .brewer-item {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.brewers-list > .brewer-item:before {
  content: '';
  height: 1px;
  width: 80%;
  position: absolute;
  display: block;
  left: 10%;
  bottom: 0;
  border-bottom: 1px solid #6d472c;
}

.brewers-list > .brewer-item:after {
  content: '';
  width: 1px;
  height: 80%;
  position: absolute;
  display: block;
  top: 10%;
  border-right: 1px solid #6d472c;
}

@media (min-width: 960px) {
  .brewers-list > .brewer-item:nth-child(3n+1):after {
    display: none;
  }
}

@media (min-width: 1100px) {
  .brewers-list > .brewer-item:nth-child(3n+1):after {
    display: block;
  }
  .brewers-list > .brewer-item:nth-child(4n+1):after {
    display: none;
  }
}

.brewers-list nav {
  display: none;
}

.brewer-item-thumb {
  display: block;
}

.brewer-item-thumb .brewer-item-thumb-wrapper {
  padding: 1.3em;
  display: block;
}

.brewer-item-content {
  display: none;
}

.brewer-item-header {
  margin-bottom: 1em;
}

.brewer-item-title {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
}

.brewer-item-summary p {
  margin-bottom: 0;
}

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

.features-header-title,
.features-header-nav {
  padding: 1.25em;
}

@media (min-width: 1100px) {
  .features-header-title,
  .features-header-nav {
    padding: 3.25em 1.75em;
  }
}

.features-icon {
  margin: 0 auto;
  margin-bottom: 1.25em;
  padding-bottom: 1.5em;
  padding-left: 3em;
  padding-right: 3em;
  border-bottom: 1px solid #f4f4f4;
  max-width: 240px;
}

.features-icon > img {
  max-width: 60px;
}

@media (min-width: 960px) {
  .features-icon {
    margin-bottom: 1.5em;
    margin-bottom: 2em;
  }
  .features-icon > img {
    max-width: 100px;
  }
}

.features-header-title {
  background-color: #00838F;
}

.features-title {
  color: #f4f4f4;
  font-weight: 700;
  font-family: "Karla", Helvetica, Arial, sans-serif;
  margin-bottom: 0;
}

.features-header-nav {
  background-color: #f2f2f2;
}

.features-navigation > li {
  display: block;
  text-align: left;
  padding-left: 30px;
}

.features-navigation > li > a:before{
	content: '';
	display: inline-block;
	margin-right: 20px;
	background: url(../img/arrow-original.png);
	background-size: 27px 18px;
	width: 27px;
	height: 18px;
	vertical-align: middle;
}

.features-navigation > li > a {
  margin-bottom: 0;
  display: inline-block;
  color: #00838F;
  margin-left: 50px;
  text-indent: -47px;
}

/*
.features-navigation > li > a:after {
  content: ". ";
}
*/

.features-navigation > li > a:hover, .features-navigation > li > a:focus {
  color: #005961;
}

.features-navigation > li > a:hover:before{
	background: url(../img/arrow-hover.png);
}

.features-navigation > li.active a {
  color: #FFC336;
}

.features-navigation > li.active a:before {
  background: url(../img/arrow-selected.png);
}

.feature-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #1a1a1a;
  position: relative;
  overflow: hidden;
}

.feature-img:after {
  content: '';
  display: block;
  /* intrinsic aspect ratio */
  height: 0;
  padding-bottom: 66.6%;
}

.feature-img img {
  display: none;
}

.feature-caption {
  padding: 1.25em;
  background-color: #00BABA;
}

.feature-title {
  color: #f4f4f4;
  font-weight: 700;
  font-family: "Karla", Helvetica, Arial, sans-serif;
  margin-bottom: 0.5em;
}

.feature-content {
  font-size: 1rem;
}

.feature-content{
	color: white;
}

@media (min-width: 640px) {
  .feature-content {
    font-size: 1rem;
  }
}

@media (min-width: 960px) {
  .feature-content {
    font-size: 0.875rem;
  }
}

@media (min-width: 1100px) {
  .feature-content {
    font-size: 0.8888888889rem;
  }
}

@media (min-width: 960px) {
  .features-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .features-header-title,
  .features-header-nav {
    width: 50%;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .features-header-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .features-header-nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .feature {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
  }
  .feature-img,
  .feature-caption {
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .feature-img {
    width: 75%;
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
  }
  .feature-caption {
    width: 25%;
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

/* @group Alt layout */
.features--alt .features-header,
.features--food .features-header {
  background-color: #00838F;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.features--alt .features-header-nav,
.features--alt .features-header-title,
.features--food .features-header-nav,
.features--food .features-header-title {
  background-color: transparent;
}

.features--alt .features-header-nav,
.features--food .features-header-nav {
  width: 100%;
}

.features--alt .features-navigation > li > a {
  color: #f4f4f4;
}

.features--alt .features-navigation > li > a:hover, .features--alt .features-navigation > li > a:focus {
  color: #dafeff;
}

.features--alt .features-navigation > li.active a {
  color: #FFC336;
}

.features--alt .feature-caption {
  background-color: #f2f2f2;
}

.features--alt .feature-title {
  color: #294b9e;
}

@media (min-width: 960px) {
  .features--alt .features-header,
  .features--food .features-header {
    display: block;
  }
  .features--alt .features-header-title,
  .features--food .features-header-title {
    display: block;
  }
}

/* @end Alt layout */
/* @group Food layout */
@media (min-width: 960px) {
  .features--food-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .features--food {
    width: 50%;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .features--food .features-header-title {
    width: 100%;
  }
}

.features--food .features-content {
  background-color: #f2f2f2;
}

.food-list {
  padding: 1.5em 1em;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.food-item {
  display: block;
  text-align: justify;
  line-height: 0;
  margin-left: auto;
  margin: auto;
  padding: 0.25em;
  border-bottom: 1px solid #fff;
}

.food-item:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.food-item-name,
.food-item-actions {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7em;
}

.food-item-name {
  font-size: 1rem;
}

@media (min-width: 640px) {
  .food-item-name {
    font-size: 1rem;
  }
}

@media (min-width: 960px) {
  .food-item-name {
    font-size: 1rem;
  }
}

@media (min-width: 1100px) {
  .food-item-name {
    font-size: 0.8888888889rem;
  }
}

.food-item-actions .btn-more {
  font-size: 120%;
}

.btn-more {
  border: none;
  background: none;
}

/* @end Food layout */
.dashboard a {
  display: block;
  color: #f4f4f4;
}

.dashboard-links {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.dashboard-link {
  width: 50%;
  background-color: #BE902D;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.dashboard-link a {
  display: block;
  padding: 3em 1.5em;
  color: #f4f4f4;
}

.dashboard-link.dashboard-link--entertainment {
  background-color: #FFC333;
}

.dashboard-link.dashboard-link--food {
  background-color: #00838F;
}

.dashboard-link.dashboard-link--social {
  background-color: #00BABA;
}

.dashboard-link.dashboard-link--map {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.35);
  width: 100%;
  background-color: #FFC333;
  color: white;
}

.dashboard-link.dashboard-link--map a {
  padding: 1em;
}

.dashboard-link.dashboard-link--map .dashboard-link-icon {
  margin-left: 0.75em;
  vertical-align: middle;
  width: 2.5em;
  position: relative;
  top: 0.5em;
  line-height: 0;
}

.dashboard-link.dashboard-link--map .dashboard-link-text {
  display: inline-block;
  vertical-align: middle;
  color: white;
}

.dashboard-link-icon {
  width: 3em;
  display: inline-block;
  margin-bottom: 1em;
}

.dashboard-link-icon img {
  width: 100%;
  display: block;
}

.dashboard-link-text {
  color: #f4f4f4;
  display: block;
  margin-bottom: 0;
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.sponsors--slider .owl-stage {
  height: 80px;
}

.sponsors--slider .owl-item {
  text-align: center;
}

.sponsors--slider .owl-item .sponsors-item {
  padding: 0 1.25em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.sponsors--slider .owl-item img {
  width: auto;
  margin: 0 auto;
  max-height: 80px;
}

.sponsors--slider .owl-dots {
  margin-top: 2em;
}

.sponsors--slider .owl-dot {
  width: 1.25em;
  height: 1.25em;
  margin: 0 0.25em;
  background-color: #eeeeee;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.3s;
}

.sponsors--slider .owl-dot.active {
  background-color: #808080;
}

.sponsors--slider .sponsors-row {
  text-align: center;
}

.sponsors--slider .sponsors-item {
  display: inline-block;
}

.sponsors--slider .sponsors-item a {
  display: block;
}

.brewer-beers-title {
  color: #8dfbff;
  font-weight: 400;
  font-family: "Karla", Helvetica, Arial, sans-serif;
}

.brewer-beers-title a {
  color: #FFC333;
  font-weight: bold;
}

.brewer-beers > .brewer-beers-list {
  margin-bottom: 2em;
}

.brewer-beers-item {
  border-bottom: 1px solid #00838F;
  padding: 1em 0;
}

.brewer-beers-item:first-child {
  padding-top: 0;
}

.brewer-beers .beer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.brewer-beers .beer .beer-name {
  text-transform: uppercase;
  color: #00838F;
  line-height: 1.1;
  font-weight: 700;
  font-size: 1.1428571429rem;
  padding-right: 0.5em;
}

.brewer-beers .beer .beer-votes {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.list-block > li, .page-template-otd-food-wine .page-section--block .body-content > ul > li {
  padding: 1em 0;
}

.list-block-item, .page-template-otd-food-wine .page-section--block .body-content > ul > li {
  text-transform: uppercase;
  border-bottom: 1px solid #00838F;
}

.list-block-item:last-child, .page-template-otd-food-wine .page-section--block .body-content > ul > li:last-child {
  border-bottom: 0;
}

.list-block-item-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.list-block-item-col {
  font-weight: 400;
}

.beer-rating--mrp .mrp-minus,
.beer-rating--mrp .mrp-custom-empty-star,
.beer-rating--mrp .mrp-custom-full-star,
.beer-rating--mrp .mrp-custom-half-star,
.beer-rating--mrp .mrp-custom-hover-star {
  vertical-align: middle;
}

.beer-rating--mrp .mrp-custom-empty-star,
.beer-rating--mrp .mrp-custom-full-star,
.beer-rating--mrp .mrp-custom-half-star,
.beer-rating--mrp .mrp-custom-hover-star {
  margin-left: -0.25em;
}

.beer-rating--mrp .mrp-star-rating.mrp-star-rating-select {
  margin: 0;
}

.beer-rating--mrp .form-actions {
  margin-top: 0.5em;
}

.beer-rating--mrp .mrp-minus {
  display: none;
}

.beer-rating--mrp .no-rating-results-text {
  display: inline-block;
  vertical-align: middle;
}

.beer-rating--mrp .count {
  line-height: 1;
  margin-left: 0;
  display: block;
  font-size: 86%;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.7em;
}

.beer-rating--mrp .star-result {
  display: inline-block;
  vertical-align: middle;
}

.beer-rating--mrp .count,
.beer-rating--mrp .star-result {
  margin-top: 5px;
}

.beer-rating--mrp .rating-form {
  margin: 0;
}

.beer-rating--mrp .rating-form label.description {
  display: none !important;
}

.beer-rating--mrp .rating-form .btn--small {
  line-height: 1.1;
}

.beer-rating--mrp .rating-form .rating-item {
  margin: 0 !important;
}

.beer-rating--mrp .rating-form .delete-rating {
  display: none !important;
}

.beer-rating--mrp .rating-form .delete-rating + .save-rating {
  display: none;
}

div.rating-form form {
  display: inline-block;
}

.beer-rating-result {
  line-height: 1;
}

.beer-rating--mrp .mrp-star-rating {
  display: block;
}

.beer-rating--mrp .star-result {
  display: inline-block;
}

.beer-rating--mrp .count {
  display: none;
  color: #808080;
}

.beer-rating--mrp .mrp-star-rating + .star-result {
  margin-left: 0;
}

.rating-form .message.success {
  margin-bottom: 0;
}

@-webkit-keyframes show-hide {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes show-hide {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.brewer-beers--user .beer-name a {
  color: #333333;
}

.brewer-beers--user .mrp-star-rating + .star-result {
  margin-left: 0;
}

.brewer-beers--user .rating-result {
  margin: 0;
}

.brewer-beers--user .star-result {
  display: inline-block;
  vertical-align: middle;
  margin-top: 0.75em;
}

.brewer-beers--user .count {
  display: inline-block;
  vertical-align: middle;
}

.brewer-beers--user .mrp-custom-empty-star {
  opacity: 0.5;
}

.user-ratings-title {
  margin-bottom: 1.5em;
  position: relative;
  text-align: center;
}

/*
.user-ratings-title:after {
  content: "";
  width: 100%;
  height: 1em;
  background-color: #ae7157;
  display: block;
  top: 0;
  left: 0;
  position: absolute;
}
*/

.user-ratings-title span {
  z-index: 1;
  display: inline-block;
  position: relative;
}

/*
.user-ratings-title span:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 110%;
  height: 1em;
  background-color: #294b9e;
  display: block;
  top: 0;
  left: 0;
}
*/

.page-template-homepage .site-main {
  margin-bottom: 0;
}

#brewcage{
	display: none
}

/* @group Tickets */
.ps-tickets {
/*
  background-color: #294b9e;
  background-image: url("../img/BBF_festival-people.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #f4f4f4;
  margin-bottom: 3em;
*/
}

@media (min-width: 960px) {
  .ps-tickets {
    margin-bottom: 4em;
  }
}

.ps-tickets .actions,
.ps-getting-event .actions {
  margin-top: 2em;
}

/* @end Tickets */
/* @group Getting to the Event */
	
.ps-getting-event .map {
  margin-top: 2em;
  border: 1px solid #6d472c;
  height: 300px;
}

@media (min-width: 960px) {
  .ps-getting-event .map {
    height: 400px;
  }
}

@media (min-width: 1100px) {
  .ps-getting-event .map {
    height: 450px;
  }
}

@media (min-width: 1600px) {
  .ps-getting-event .map {
    height: 550px;
  }
}

@media (min-width: 960px) {
  .ps-getting-event .blocks {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .ps-getting-event .blocks .block {
    width: 50%;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    background-color: #00838F;
  }
  .ps-getting-event .blocks .block:nth-of-type(even) {
    background-color: #00BABA;
  }
}

.ps-getting-event a{
	color: white;
}

.ps-getting-event .btn--secondary{
	text-decoration: none;
}

.ps-getting-event .block {
  text-align: center;
  line-height: 1.4;
}

.ps-getting-event .block h1 {
  color: white;
}

.ps-getting-event .block h2 {
  color: white;
}

.ps-getting-event .block h3 {
  color: white;
}

.ps-getting-event .block h4 {
  color: white;
}

.ps-getting-event .block h5 {
  color: white;
}

.ps-getting-event .block h6 {
  color: white;
}

.ps-getting-event .block .icon {
  font-size: 5.5rem;
  display: inline-block;
  margin-bottom: 0.2em;
}

.ps-getting-event .block .block-title {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  color: white;
  letter-spacing: 0;
}

@media (min-width: 960px) {
  .ps-getting-event .block .block-description {
    font-size: 0.889rem;
  }
}

.ps-getting-event .block .block-description h4 {
  letter-spacing: 0;
  font-family: "Karla", Helvetica, Arial, sans-serif;
  color: #f4f4f4;
}

/* @end Getting to the Event */
.single-brewer .page-header > .container, .single-brewer .single .entry-header > .container, .single .single-brewer .entry-header > .container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.single-brewer .page-header .brewer-thumb, .single-brewer .single .entry-header .brewer-thumb, .single .single-brewer .entry-header .brewer-thumb {
  mix-blend-mode: multiply;
  max-width: 70px;
}

.single-brewer .page-header .btn, .single-brewer .single .entry-header .btn, .single .single-brewer .entry-header .btn, .single-brewer .page-header .navbar-toggle-button, .single-brewer .single .entry-header .navbar-toggle-button, .single .single-brewer .entry-header .navbar-toggle-button, .single-brewer .page-header .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .single-brewer .page-header a, .single-brewer .single .entry-header .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .single-brewer .single .entry-header a, .single .single-brewer .entry-header .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .single .single-brewer .entry-header a {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: none;
}

.single-brewer .site-main--no-map {
  padding-bottom: 2em;
}

.single-brewer .page-header.page-header--block, .single-brewer .single .page-header--block.entry-header, .single .single-brewer .page-header--block.entry-header {
  background-color: #f2f2f2;
  padding: 0.5em 0;
}

.ps-brewer-intro {
  padding-top: 2em;
}

.brewer-map {
  height: 300px;
}

/*
.post-type-archive-brewer .page-content > .container {
  width: 100%;
}
*/

@media (min-width: 960px) {
  .post-type-archive-brewer .page-content > .container {
    margin: 0 auto;
    width: 90%;
    max-width: 1300px;
  }
}

.auth-header {
  margin-bottom: 2em;
  text-align: center;
}

.auth-header .page-title, .auth-header .single .entry-title, .single .auth-header .entry-title {
  color: #00838F;
}

.auth-header .avatar {
  max-width: 90px;
  margin: 0 auto;
  margin-bottom: 1.5em;
  padding-bottom: 2em;
  position: relative;
}

.auth-header .avatar:after {
  content: "";
  display: block;
  width: 4em;
  height: 1px;
  border-bottom: 5px solid #00838F;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -2em;
}

.auth-edit-details-link {
  margin-top: 1.5em;
  text-align: center;
  margin-bottom: 1.5em;
  padding-bottom: 2em;
  position: relative;
  margin-bottom: 3em;
  padding-bottom: 3em;
}

.auth-edit-details-link:after {
  content: "";
  display: block;
  width: 4em;
  height: 1px;
  border-bottom: 5px solid #00838F;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -2em;
}

.form-register {
  margin-top: 1.5em;
}

.form-register .actions > ul {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.form-register .actions > ul::after {
  clear: both;
  content: "";
  display: table;
}

.form-register .actions > ul:after {
  content: " ";
  display: block;
  clear: both;
}

.form-register .actions > ul > li {
  margin: 0;
  width: 49.6183206107%;
  float: left;
  margin-right: 0.7633587786%;
}

.form-register .actions > ul > li:last-child {
  float: right;
  margin-right: 0;
}

.form-register .form-actions .btn, .form-register .form-actions .navbar-toggle-button, .form-register .form-actions .um-login.um-logout .um-misc-ul a, .um-login.um-logout .um-misc-ul .form-register .form-actions a {
  box-shadow: none;
  display: block;
  width: 100%;
}

.form-register .form-actions .btn span, .form-register .form-actions .navbar-toggle-button span, .form-register .form-actions .um-login.um-logout .um-misc-ul a span, .um-login.um-logout .um-misc-ul .form-register .form-actions a span {
  font-family: "Karla", Helvetica, Arial, sans-serif;
  display: block;
  font-size: 85%;
}

.form-actions .btn--link, .form-actions .navbar-toggle-button {
  color: #00838F;
  text-decoration: underline;
}

.form-actions .btn--link:hover, .form-actions .navbar-toggle-button:hover, .form-actions .btn--link:focus, .form-actions .navbar-toggle-button:focus {
  color: #005961;
  text-decoration: none;
}

.um-field-label {
  display: none;
  margin-bottom: 0 !important;
}

.um-account .um-field-label {
  display: inline-block;
}

.um-account .um-field-label label {
  color: #333333 !important;
}

.um-field-checkbox-option,
.um-form a.um-link-alt {
  color: #333333 !important;
}

.um-button,
.um-um_account_id.um input[type=submit].um-button,
.um-button.um-alt,
.um-816.um .um-button.um-alt,
.um-816.um input[type=submit].um-button.um-alt,
input[type=submit].um-button,
input[type=submit].um-button:focus {
  border: none !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
  background-color: #FFC333 !important;
  color: #fff !important;
  font-family: "fatfrank", "Karla", Helvetica, Arial, sans-serif !important;
}

.um-button:hover{
	background-color: #ffcd57 !important;
}

.um-account-heading,
.um-account-meta {
  display: none !important;
}

.um-login.um-logout {
  max-width: 450px !important;
}

.um-login.um-logout .um-misc-with-img {
  display: none !important;
}

.um-login.um-logout .um-misc-ul {
  text-align: center !important;
}

.um-login.um-logout .um-misc-ul > li {
  display: inline-block;
  font-size: 1rem !important;
  margin: 0 0.5em !important;
}

.um-account-main p {
  line-height: 1.4;
  color: #fff;
}

@media (min-width: 557px) {
  .um-account-main p {
    margin: 0 0 20px 0 !important;
  }
}

.um-account-nav a,
.um-account-side li a,
div.uimob800 .um-account-side li a {
  color: #fff !important;
}

.social-streams-nav {
  background-color: #eeeeee;
}

.social-streams-nav .nav-tabs {
  text-align: center;
}

.social-streams-nav .nav-tabs > li {
  display: inline-block;
  font-size: 2rem;
}

.social-streams-nav .nav-tabs > li a {
  color: #4d4d4d;
  padding: 0.15em 0.25em;
  display: block;
}

.social-streams-nav .nav-tabs > li.active a {
  color: #00838F;
}

.social-streams .tab-content {
  padding: 1em 0;
}

.twitter-widget {
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}

.facebook-widget {
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}

a.fts-powered-by-text {
  display: none !important;
}

/* ########################################### */
/* ###         2017 Styles      ### */
/* --
*/

.sub-heading{
	font-size: 2.25rem;
	margin-bottom: 0.875em;
}

.hero--banner{
	height: 400px;
}

.hero--banner .page-title{
	color: white;
	font-size: 2.5rem;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.social-media-header{
	text-align: center;
}

.social-media-buttons{
	margin-bottom: 50px;
	text-align: center;
}

.phone-beers{
	margin: 0 auto;
	display: block;
}

.btn-social{
	display: inline-block;
	  border: none;
	  cursor: pointer;
	  font-family: "Karla", Helvetica, Arial, sans-serif;
	  font-weight: 700;
	  font-size: 0.875em;
	  letter-spacing: 0.05em;
	  line-height: 1.2;
	  position: relative;
	  text-decoration: none;
	  text-transform: uppercase;
	  text-align: center;
	  -webkit-appearance: none;
	  -webkit-border-radius: 0;
	  padding: 0.45em 2em;
	  margin-left: 20px;
	  color: #fff;
	  transition: all 0.15s;
}

@media screen and (max-width: 480px){
	.btn-social{
		display: block;
		font-size: 1.25em;
		margin-left: 0px;
		margin-bottom: 15px;
		width: 100%;
	}
	
	.fts-jal-single-fb-post{
		width: 100% !important;
	}
}

.btn-social:first-child{
	margin-left: 0px;
}

.btn-facebook{
	background-color: #1B75BB;
}

.btn-twitter{
	background-color: #26A9E0;
}

.btn-instagram{
	background-color: #3F729B;
}

.btn-youtube{
	background-color: #CB2127;
}

.btn-social.active{
	border-bottom: 3px solid #4D4D4D;
}

.socialmedia--panel{
	display: none;
}

.socialmedia--panel.active{
	display: block;
}

.footer-images{
	text-align: center;
	margin-bottom: 40px;
}

.footer-images img{
	display: inline-block;
	height: 250px;
	width: auto;
}

.footer-images .channel-nine{
	height: 190px;
}

@media screen and (min-width: 480px){
	.footer-images img:first-child{
		margin-right: 30px;
	}
}

.header-beer{
	height: 33px;
	margin-right: 10px;
}

@media screen and (max-width: 480px){
	.header-beer{
		margin-bottom: 10px;
		margin-right: 0;
	}
}

/* ########################################### */
/* ###         Social Media Styles       ### */
/* --
*/

.fts-slicker-facebook-posts{
	width: 100% !important;
}

.tab-pane .fts-slicker-facebook-posts{
	margin-top: 15px !important;
}

.tab-pane .fts-twitter-div{
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

#facebook{
	margin-top: 15px;
}

.fts-jal-single-fb-post{
	width: 33% !important;
	border-right: 3px solid rgba(184,184,184,.3) !important;
	border-bottom: 3px solid rgba(184,184,184,.3) !important;
}

.fts-tweeter-wrap{
	background-color: white;
	width: 32%;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

.tab-pane .fts-tweeter-wrap{
	background-color: #F4F4F4;
}

@media (max-width: 1100px){
	.fts-jal-single-fb-post{
		width: 49.5% !important;
	}
	
	.fts-tweeter-wrap{
		width: 49%;
	}
}

@media (max-width: 640px){
	.fts-tweeter-wrap{
		width: 100%;
		margin-right: 0px;
	}
	
	.fts-jal-single-fb-post{
		width: 100% !important;
	}
}

/* ########################################### */
/* ###         Additional Going Live       ### */
/* --
*/
.banner-bullets b {
  font-size: 18px;
  font-weight: bold;
  margin-right: 5px;
  position: relative;
  vertical-align: middle;
}

/* ADDING IN NEW SPONSOR REL. */
.brand-sponsor-by {
  display: none;
  position: absolute;
  width: 100%;
  bottom: -15px;
  text-align: center;
}

@media (min-width: 640px) and (max-width: 1100px) {
  body.home .brand-sponsor-by {
    bottom: -85px;
  }
}

@media (max-width: 640px) {
  body.home .brand-sponsor-by {
    position: relative;
    display: block;
    margin-top: -40px;
    margin-bottom: -2px;
  }
}

@media (min-width: 1100px) and (max-width: 1200px) {
  body.home .brand-sponsor-by {
    bottom: -80px;
  }
}

@media (min-width: 1200px) and (max-width: 1300px) {
  body.home .brand-sponsor-by {
    bottom: -45px;
  }
}

@media (min-width: 1300px) and (max-width: 1400px) {
  body.home .brand-sponsor-by {
    bottom: -10px;
  }
}

@media (min-width: 1400px) {
  body.home .brand-sponsor-by {
    bottom: 25px;
  }
}

.brand-sponsor-by img {
  height: 125px;
  width: auto;
}

body.page .brand-sponsor-by, body.archive .brand-sponsor-by, body.blog .brand-sponsor-by {
  display: block;
}

body.page .hero-branding, body.archive .hero-branding, body.blog .hero-branding {
  height: auto;
}

/*
@media (max-width: 1600px){
	body.page .hero-branding, body.archive .hero-branding, body.blog .hero-branding {
	  height: 660px;
	}
}

@media (max-width: 1400px){
	body.page .hero-branding, body.archive .hero-branding, body.blog .hero-branding {
	  height: 600px;
	}
}

@media (max-width: 1200px){
	body.page .hero-branding, body.archive .hero-branding, body.blog .hero-branding {
	  height: 500px;
	}
}
*/

body.home .brand-sponsor-by {
  display: block;
}

body.home .brand-sponsor-by img {
  height: 145px;
}

/* Fixing SVG Issue on Page */
.features-icon img {
  width: 100px;
}



/***************
	BIG PRIZE GIVEAWAY CSS 
	***********************/
.prize-header{
	position: relative;
}

.prize-header .bbf-logo{
	width: 400px;
	height: auto;
}


.prize-banner{
	background: url(../img/banner-blank.png) 50% no-repeat;
	color: white;
	font-weight: normal;
	padding-top: 8px;
	height: 85px;
	position: absolute;
	width: 100%;
	margin-top: -60px;
	font-size: 48px;
}

.body-content .page-intro{
	margin-top: 70px;
	color: black;
	font-size: 42px;
	margin-bottom: 80px;
}

.single-prize{
	width: 100%;
	margin-bottom: 40px;
}

.prize-img{
	width: 25%;
	padding-right: 20px;
	display: inline-block;
	max-height: 160px;
	overflow: hidden;
}

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

.prize-desc{
	width: 70%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.prize-desc h3{
	font-size: 36px;
}

.prize-rank{
	display: block;
	font-family: 'Hand Sean', sans-serif;
	font-size: 30px;
	font-weight: normal;
}

.competition-info{
	margin-top: 40px;
	margin-bottom: 30px;
}

.competition-info p{
	font-size: 26px;
}

.bolded{
	font-weight: bold;
}

.competition-info .btn{
	font-size: 24px;
	padding: 0.5em 2em;
}

.prize-footer span{
	color: #008390;
	font-weight: bold;
	font-size: 23px;
}

.prize-footer span:before{
	content: '';
	background-image: url(../img/mugorbeer.png);
	background-size: 45px 36px;
	height: 36px;
	width: 45px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.prize-footer span:after{
	content: '';
	background-image: url(../img/mugorbeer-2.png);
	background-size: 45px 36px;
	height: 36px;
	width: 45px;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}

@media screen and (max-width: 1150px){
	.prize-img{
		width: 30%;
	}
	
	.prize-desc{
		width: 65%;
	}
}

@media screen and (max-width: 900px){
	.prize-img{
		width: 100%;
		display: block;
		max-height: 500px;
		margin-bottom: 25px;
	}
	
	.prize-desc{
		width: 100%;
		display: block;
	}
}

#pbc-shell-0{
	text-align: center !important;
	margin-top: 50px;
}

/**** Hide Footer on Map page ***/

.page-id-794 .site-footer{
	display: none;
}

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

.brewers-list .brewer-item
{
	min-height:360px;
}