/*=======================================================================

	Stylesheet: IE Stylesheet

=======================================================================*/
/*=======================================================================

	Stylesheet: Typography

=======================================================================*/
p {
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

/* 	Font Icons
=============================================*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?uqxujq");
  src: url("../fonts/icomoon.eot?uqxujq#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?uqxujq") format("truetype"), url("../fonts/icomoon.woff?uqxujq") format("woff"), url("../fonts/icomoon.svg?uqxujq#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-gift-card:before {
  content: "\e902"; }

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

.icon-bomnation:before {
  content: "\e600"; }

.icon-envelope:before {
  content: "\e696"; }

.icon-map-marker:before {
  content: "\e77a"; }

.icon-calendar-full:before {
  content: "\e789"; }

.icon-football:before {
  content: "\e864"; }

.icon-exit-right:before {
  content: "\e8fe"; }

.icon-slide-up:before {
  content: "\e905"; }

.icon-slide-down:before {
  content: "\e906"; }

.icon-share:before {
  content: "\e920"; }

.icon-cross:before {
  content: "\e92a"; }

.icon-menu:before {
  content: "\e92b"; }

.icon-chevron-up:before {
  content: "\e939"; }

.icon-chevron-down:before {
  content: "\e93a"; }

.icon-arrow-up:before {
  content: "\e941"; }

.icon-arrow-down:before {
  content: "\e942"; }

.icon-alert:before {
  content: "\e954"; }

.icon-credit-card:before {
  content: "\ea15"; }

.icon-mail:before {
  content: "\ea31"; }

.icon-arrow-right:before {
  content: "\edba"; }

.icon-arrow-left:before {
  content: "\edc2"; }

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

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

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

.icon-youtube:before {
  content: "\eef5"; }

.icon-linkedin:before {
  content: "\ef25"; }

.icon-foursquare:before {
  content: "\ef31"; }

.icon-yelp:before {
  content: "\ef35"; }

.icon-opentable:before {
  content: "\e900"; }

.icon-cross2:before {
  content: "\ed6d"; }

.icon-checkmark:before {
  content: "\ed72"; }

.icon-apple:before {
  content: "\ef1d"; }

.icon-android:before {
  content: "\ef1f"; }

.icon-smartphone:before {
  content: "\e7a6"; }

/*=======================================================================

	Stylesheet: IE Grid Styles

=======================================================================*/
/*=======================================================================

	Stylesheet: 480px and Up Stylesheet

=======================================================================*/
/* Home Page
=============================================*/
.home main .cta img:nth-of-type(n+5) {
  display: none;
  visibility: hidden; }

/* Locations
=============================================*/
.single-locations .connect,
.page-template-page-lunch .connect {
  zoom: 1; }
  .single-locations .connect:before, .single-locations .connect:after,
  .page-template-page-lunch .connect:before,
  .page-template-page-lunch .connect:after {
    content: "";
    display: table; }
  .single-locations .connect:after,
  .page-template-page-lunch .connect:after {
    clear: both; }
  .single-locations .connect .btn-alt,
  .page-template-page-lunch .connect .btn-alt {
    float: left;
    margin-right: 1.1em;
    width: auto; }
  .single-locations .connect li:last-child .btn-alt,
  .page-template-page-lunch .connect li:last-child .btn-alt {
    margin-right: 0; }

.single-locations .cta p,
.page-template-page-lunch .cta p {
  font-size: 1.25em; }

.single-locations .cta .overlay div p:nth-of-type(2),
.page-template-page-lunch .cta .overlay div p:nth-of-type(2) {
  font-size: 6em; }

.single-locations .cta .overlay div p:nth-of-type(3),
.page-template-page-lunch .cta .overlay div p:nth-of-type(3) {
  font-size: 2em;
  font-weight: 300;
  letter-spacing: 1px; }

/* Calendarize it!
=============================================*/
.rhcalendar.not-widget.rhc_holder {
  padding: 0 1.25em; }

.fc-header,
.fc-footer {
  padding: 0; }

.fc-header-row {
  margin-top: 0; }

.fc-header .fc-header-right {
  margin-top: .75rem; }

.fc-header-right .fc-button {
  display: inline-block; }

.fc-button-prev::before,
.fc-button-next::before {
  top: 16px; }

@media only screen and (min-width: 482px) {
  .fc-header .fc-header-right {
    margin: 1.75rem 0 2.25rem;
    text-align: left; }
  .fc-header .fc-header-right .fc-button {
    margin: 0; }
  .fc-button-prev::before,
  .fc-button-next::before {
    top: 10px;
    right: 23px; }
    .fc-small .fc-button-prev::before, .fc-small
    .fc-button-next::before {
      top: 10px;
      right: 23px; }
  .fc-header-cell.fc-header-right .fc-button.fc-button-prev,
  .fc-header-cell.fc-header-right .fc-button.fc-button-next {
    width: 32px;
    margin: 0; }
  .fbd-main-holder {
    background: #000; }
  .fbd-tabs-panel {
    background: url(../images/bg.png);
    min-height: 235px; }
  .fc-lower-head-tools .fc-filters-dialog {
    left: 1.25em;
    min-width: 354px;
    max-width: 354px; } }

/* Burger of the Month Archive
/  Fan Design It Gallery
=============================================*/
.post-type-archive-bom .hero img {
  width: 25%; }
  .post-type-archive-bom .hero img:nth-of-type(-n+4) {
    display: none;
    visibility: hidden; }

.post-type-archive-bom main article,
.post-type-archive-fan_design_it main article {
  zoom: 1; }
  .post-type-archive-bom main article:before, .post-type-archive-bom main article:after,
  .post-type-archive-fan_design_it main article:before,
  .post-type-archive-fan_design_it main article:after {
    content: "";
    display: table; }
  .post-type-archive-bom main article:after,
  .post-type-archive-fan_design_it main article:after {
    clear: both; }
  .post-type-archive-bom main article img,
  .post-type-archive-fan_design_it main article img {
    float: left;
    margin: .4em 0 .6em;
    width: 33.786408%; }
  .post-type-archive-bom main article p,
  .post-type-archive-fan_design_it main article p {
    float: right;
    margin: 0;
    width: 60%; }

/*=======================================================================

	Stylesheet: Tablet & Small Desktop Stylesheet

=======================================================================*/
.wrap {
  zoom: 1;
  margin: auto;
  padding: 0 cp(24px, 728px); }
  .wrap:before, .wrap:after {
    content: "";
    display: table; }
  .wrap:after {
    clear: both; }

/* Main Header
=============================================*/
.main-head {
  /* Level One */ }
  .main-head .wrap {
    padding: 0 cp(24px, 728px); }
  .main-head .logo-group {
    width: 14.444444445%;
    float: left;
    padding: 1em 0; }
    .main-head .logo-group .logo {
      margin: 0;
      width: 102px;
      height: 102px;
      background-size: contain; }
      .main-head .logo-group .logo a {
        width: 102px;
        height: 102px; }
    .main-head .logo-group .trigger {
      display: none;
      visibility: hidden; }
  .main-head .social-nav, .main-head .site-nav, .main-head .main-nav {
    display: inherit;
    visibility: visible; }
  .main-head .nav-group {
    width: 82.888888889%;
    max-width: 900px;
    float: right; }
  .main-head nav {
    background: none;
    border-top: none;
    float: right; }
    .main-head nav ul {
      margin: 0; }
    .main-head nav li {
      float: left; }
    .main-head nav li a, .main-head nav .opt-in, .main-head nav .trigger.sub-nav {
      border-bottom: none;
      font-size: 1em;
      letter-spacing: 1px;
      padding: 0; }
    .main-head nav i {
      color: #fff;
      float: none;
      font-size: 1.5em; }
    .main-head nav .secondary-group {
      float: right;
      position: relative;
      z-index: 888; }
    .main-head nav .trigger.sub-nav {
      border: 1px solid #333;
      border-radius: 4px;
      font-size: 1.25em;
      margin-top: .4em;
      padding: .5em;
      text-align: left; }
      .main-head nav .trigger.sub-nav.icon-slide-down:before {
        content: "\e92b"; }
      .main-head nav .trigger.sub-nav.icon-slide-up:before {
        content: "\e92a"; }
  .main-head .social-nav {
    width: auto;
    margin-top: .4em; }
    .main-head .social-nav ul {
      float: right; }
    .main-head .social-nav li {
      padding: 1em .75em; }
      .main-head .social-nav li:not(.button) {
        margin-top: .45em; }
        .main-head .social-nav li:not(.button) span {
          display: none;
          visibility: hidden; }
      .main-head .social-nav li i:hover, .main-head .social-nav li i:active {
        color: #cbcac3; }
      .main-head .social-nav li.social {
        display: none;
        visibility: hidden; }
      .main-head .social-nav li.button {
        padding-right: 0; }
        .main-head .social-nav li.button a {
          border: 1px solid #333;
          border-radius: 4px;
          color: #cbcac3;
          font-size: 1em;
          padding: .2em 1em;
          -webkit-transition: color 0.14s ease-in-out, border 0.14s ease-in-out;
          transition: color 0.14s ease-in-out, border 0.14s ease-in-out; }
          .main-head .social-nav li.button a i {
            display: none;
            color: #cbcac3; }
          .main-head .social-nav li.button a:hover, .main-head .social-nav li.button a:active {
            border-color: #cbcac3; }
  .main-head .main-nav {
    float: left;
    margin: .8em .75em 0 0;
    z-index: 999; }
    .main-head .main-nav li a {
      padding: 0 .5em; }
    .main-head .main-nav i {
      display: none;
      visibility: hidden; }
    .main-head .main-nav li:hover > ul {
      display: inherit;
      visibility: visible; }
    .main-head .main-nav .menu-item-has-children {
      position: relative;
      cursor: default;
      padding-bottom: 1.6em; }
    .main-head .main-nav .menu-item-has-children:hover > a,
    .main-head .main-nav .menu-item-1612:hover > a,
    .main-head .main-nav .menu-item-385:hover > a,
    .main-head .main-nav .menu-item-386:hover > a {
      color: #cbcac3; }
    .main-head .main-nav .menu-item-has-children,
    .main-head .main-nav .menu-item-has-children a {
      cursor: context-menu; }
      .main-head .main-nav .menu-item-has-children ul, .main-head .main-nav .menu-item-has-children ul a,
      .main-head .main-nav .menu-item-has-children a ul,
      .main-head .main-nav .menu-item-has-children a ul a {
        cursor: pointer; }
      .main-head .main-nav .menu-item-has-children li a,
      .main-head .main-nav .menu-item-has-children a li a {
        padding: .75em 1em; }
  .main-head .sub-menu {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 3.15em;
    left: -0.25em;
    background: #000;
    border-radius: 0 0 4px 4px;
    border-top: 8px solid #929081;
    z-index: 999;
    /* Level Two */ }
    .main-head .sub-menu.open {
      display: inherit;
      visibility: hidden; }
    .main-head .sub-menu li {
      border-bottom: 1px solid #333;
      float: none;
      margin: 0;
      width: 220px; }
      .main-head .sub-menu li:last-child {
        border-bottom: none; }
      .main-head .sub-menu li a {
        color: #fff;
        font-size: 1em;
        padding: .75em 1em; }
      .main-head .sub-menu li:hover {
        background: #333;
        background: rgba(50, 50, 50, 0.5); }
    .main-head .sub-menu .menu-item-has-children {
      padding-bottom: 0; }
    .main-head .sub-menu .sub-menu {
      background: #191919;
      border-radius: 0 4px 4px 0;
      border-top: none;
      top: 0em;
      left: 100%; }
  .main-head .secondary-nav {
    position: absolute;
    top: 3.95em;
    left: -7.55em;
    background: #000;
    border-radius: 0 0 4px 4px;
    border-top: 8px solid #929081; }
    .main-head .secondary-nav li {
      border-bottom: 1px solid #333;
      width: 100%; }
      .main-head .secondary-nav li:last-child {
        border-bottom: none; }
      .main-head .secondary-nav li a {
        color: #fff;
        display: block;
        font-size: 1em;
        padding: .75em 1em; }
      .main-head .secondary-nav li:hover {
        background: #333;
        background: rgba(50, 50, 50, 0.5); }

@media only screen and (min-width: 820px) {
  .main-head .main-nav li a {
    padding: 0 .75em; } }

/* Main Footer
=============================================*/
.main-foot {
  padding: 4em 0 3em; }
  .main-foot .wrap {
    padding: 0 cp(24px, 728px);
    zoom: 1; }
    .main-foot .wrap:before, .main-foot .wrap:after {
      content: "";
      display: table; }
    .main-foot .wrap:after {
      clear: both; }
  .main-foot .logo {
    float: left; }
    .main-foot .logo h1 {
      margin: 0 2em 0 0; }
  .main-foot a {
    text-decoration: none; }
    .main-foot a i {
      margin-left: .125em;
      position: relative;
      top: 2px; }
  .main-foot .h3 {
    font-size: 1.25em; }
  .main-foot .locations-nav {
    display: inherit;
    visibility: visible;
    zoom: 1;
    margin-top: 2em; }
    .main-foot .locations-nav:before, .main-foot .locations-nav:after {
      content: "";
      display: table; }
    .main-foot .locations-nav:after {
      clear: both; }
    .main-foot .locations-nav li {
      float: left;
      height: 112px;
      margin-bottom: 2em;
      width: 25%; }
      .main-foot .locations-nav li h2 {
        line-height: 1.125em;
        margin-bottom: .15em;
        max-width: 156px; }
      .main-foot .locations-nav li p {
        margin: 0; }
  .main-foot .social-nav {
    margin: 0 0 2em;
    text-align: left; }
    .main-foot .social-nav li {
      font-size: 1.75em;
      margin: 0 .5em 0 0; }

.site-map {
  margin-top: 2.15em; }

.footer-nav {
  zoom: 1;
  border-top: none;
  font-size: .8em;
  text-align: left;
  margin-top: 0; }
  .footer-nav:before, .footer-nav:after {
    content: "";
    display: table; }
  .footer-nav:after {
    clear: both; }
  .footer-nav li {
    float: left; }
    .footer-nav li:after {
      content: "|";
      padding: 0 1em; }
    .footer-nav li:last-child:after {
      content: none;
      padding: 0; }
  .footer-nav a {
    border-bottom: none;
    display: inline;
    padding: 0; }

.copyright {
  margin: 0;
  padding: 0;
  text-align: left; }

/* General Page Styles
=============================================*/
main {
  padding: 4em 0; }

.cta {
  margin-top: 3.4em; }

/*=======================================================================
	Page Templates
=======================================================================*/
/* Home Page
=============================================*/
.home main .wrap {
  zoom: 1; }
  .home main .wrap:before, .home main .wrap:after {
    content: "";
    display: table; }
  .home main .wrap:after {
    clear: both; }
  .home main .wrap nav {
    float: right;
    margin: -0.2em 0 0;
    width: cp(263px, 721px); }
    .home main .wrap nav li {
      font-size: 1.05em; }
      .home main .wrap nav li:hover {
        background: #333;
        background: rgba(50, 50, 50, 0.5); }
  .home main .wrap article {
    float: left;
    margin: 0;
    width: cp(426px, 721px); }

.home main .cta .overlay {
  margin: 0 auto;
  padding: 2.4em 2.5em 2.75em;
  width: 664px; }

.home main .cta p {
  margin: .75em 0 1.25em; }

.home main .cta .btn-main {
  margin: 0 1em; }

.home main .cta img {
  width: 33.33333333%; }

/* Locations
=============================================*/
.single-locations .alert .icon-alert,
.page-template-page-lunch .alert .icon-alert {
  float: left;
  width: 72px;
  text-align: left;
  position: relative;
  top: -5px; }

.single-locations .alert h1,
.page-template-page-lunch .alert h1 {
  float: left;
  width: cp(680px, 768px);
  text-align: left;
  margin: 2px 0 0; }

.single-locations .connect,
.page-template-page-lunch .connect {
  margin: .25em 0 2.75em; }

.single-locations .cta .background,
.page-template-page-lunch .cta .background {
  background: url(../images/on-tap-cta-md.jpg) no-repeat;
  background-size: cover; }

/* Menus
=============================================*/
.single-menus .entry ul {
  zoom: 1;
  margin: 0; }
  .single-menus .entry ul:before, .single-menus .entry ul:after {
    content: "";
    display: table; }
  .single-menus .entry ul:after {
    clear: both; }
  .single-menus .entry ul li {
    float: left;
    width: 50%;
    margin: .8em 0 .65em; }
    .single-menus .entry ul li:nth-child(odd) {
      padding-right: 1em; }

.single-menus .entry #size ul li, .single-menus .entry .size li {
  width: 33%; }

.single-menus .entry article {
  padding-top: 4em;
  margin-top: 4em; }

.single-menus #design h2 {
  margin-top: 2.6em; }
  .single-menus #design h2:first-of-type {
    margin-top: 2em; }

.single-menus #snacks {
  zoom: 1; }
  .single-menus #snacks:before, .single-menus #snacks:after {
    content: "";
    display: table; }
  .single-menus #snacks:after {
    clear: both; }
  .single-menus #snacks h2 {
    float: left;
    width: 50%; }

/* Beer
=============================================*/
.page-template-page-beer main article {
  padding-top: 5em; }

.page-template-page-beer main .intro img {
  max-width: 384px; }

.page-template-page-beer main .tap {
  padding-bottom: 5em; }
  .page-template-page-beer main .tap .nav li {
    font-size: 1.05em; }
    .page-template-page-beer main .tap .nav li:hover {
      background: #333;
      background: rgba(50, 50, 50, 0.5); }

.page-template-page-beer main .events {
  background: url(../images/beer/events-bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 5em 0; }
  .page-template-page-beer main .events article {
    max-width: 780px;
    margin: 0 auto; }

/* Beer Events
=============================================*/
.page-template-page-beer-events main article {
  zoom: 1; }
  .page-template-page-beer-events main article:before, .page-template-page-beer-events main article:after {
    content: "";
    display: table; }
  .page-template-page-beer-events main article:after {
    clear: both; }
  .page-template-page-beer-events main article:first-of-type img {
    margin-top: 0; }
  .page-template-page-beer-events main article img {
    display: inherit;
    visibility: visible;
    float: left;
    width: cp(338px, 1200px);
    max-width: 306px;
    margin-top: 2.7em; }
  .page-template-page-beer-events main article div {
    float: right;
    width: cp(792px, 1200px);
    max-width: 728px; }

/* The Events Calendar
=============================================*/
.tribe-events-page-template #tribe-events-content.tribe-events-list,
.tribe-events-page-template #tribe-events-content.tribe-events-single {
  padding: 4em 0 !important; }

/* Calendarize it!
=============================================*/
.page-template-page-calendar main {
  padding-left: cp(24px, 728px);
  padding-right: cp(24px, 728px); }
  .page-template-page-calendar main article hgroup {
    padding: 0 0 .75rem; }

.rhcalendar.not-widget.rhc_holder {
  padding: 0; }

.fc-header {
  zoom: 1;
  margin-bottom: 1.75rem; }
  .fc-header:before, .fc-header:after {
    content: "";
    display: table; }
  .fc-header:after {
    clear: both; }

.fc-header .fc-header-left {
  float: left; }

.fc-header .fc-header-center {
  float: left; }

.fc-header .fc-header-right {
  float: right;
  margin: 0; }

.fc-lower-head-tools .fc-filters-dialog {
  right: 0;
  left: auto; }

.rhc .row-fluid [class*="span"] {
  margin-left: 0; }

/* Sidebar Pages
=============================================*/
.page-template-page-sidebar main article,
.page-template-page-employment main article {
  margin-top: 0; }

.page-template-page-sidebar main .sidebar .group,
.page-template-page-employment main .sidebar .group {
  margin: 3.6em 0 0; }

.page-template-default main article {
  margin-top: 0; }

/* Awards
=============================================*/
.post-type-archive-awards .entry {
  margin-top: 3.45em; }
  .post-type-archive-awards .entry ul {
    margin-bottom: 2.95em; }

/* Press
=============================================*/
.post-type-archive-awards .sidebar nav {
  display: inherit;
  visibility: visible; }

.post-type-archive-press .entry h2,
.tax-custom_post_press_tag .entry h2,
.post-type-archive-awards .entry h2 {
  font-size: 2rem;
  line-height: 2.25rem; }

.post-type-archive-press .entry article,
.tax-custom_post_press_tag .entry article,
.post-type-archive-awards .entry article {
  margin-top: 4em;
  padding-bottom: 3.25em; }

/* Forms
=============================================*/
.page-template-page-form main .entry {
  margin-top: .8em; }

.page-template-page-form main .form {
  margin: 3.35em 0 4.25em; }

/* Catering
=============================================*/
.page-template-page-catering .entry {
  margin-bottom: 4.25em;
  zoom: 1; }
  .page-template-page-catering .entry:before, .page-template-page-catering .entry:after {
    content: "";
    display: table; }
  .page-template-page-catering .entry:after {
    clear: both; }

.page-template-page-catering .intro {
  float: left;
  width: cp(545px, 1200px);
  max-width: 545px; }

.page-template-page-catering .events {
  margin-bottom: 0; }
  .page-template-page-catering .events li {
    width: 100%; }

.calc {
  float: right;
  width: cp(545px, 1200px);
  margin: 0; }

.price-table {
  padding: 5em 0 3.25em;
  text-align: left; }
  .price-table .title {
    width: 40%;
    margin-bottom: 0;
    text-align: left; }
  .price-table .detail {
    width: 20%;
    text-align: center; }
  .price-table header .detail {
    margin-top: 4px; }
  .price-table .row {
    padding: .7em 0; }
    .price-table .row:nth-of-type(2) {
      padding: 0 0 .2em; }
      .price-table .row:nth-of-type(2) .detail {
        margin-top: 10px; }
    .price-table .row .title {
      margin-top: 7px;
      padding-left: 1.25em; }

/* Mobile App
=============================================*/
.page-id-4151 .hero.image div h1.h2 {
  font-size: 3.55em; }

.page-id-4151 .hero.image div h2.h1 {
  font-size: 2em; }

/* Burger of the Month Archive
/  Fan Design It Gallery
=============================================*/
.post-type-archive-bom main .pagination,
.post-type-archive-fan_design_it main .pagination {
  margin: 0; }

.post-type-archive-bom main .bom-list,
.post-type-archive-fan_design_it main .bom-list {
  zoom: 1; }
  .post-type-archive-bom main .bom-list:before, .post-type-archive-bom main .bom-list:after,
  .post-type-archive-fan_design_it main .bom-list:before,
  .post-type-archive-fan_design_it main .bom-list:after {
    content: "";
    display: table; }
  .post-type-archive-bom main .bom-list:after,
  .post-type-archive-fan_design_it main .bom-list:after {
    clear: both; }

.post-type-archive-bom main article,
.post-type-archive-fan_design_it main article {
  width: cp(547px, 1200px);
  margin: 0 0 3.5em; }
  .post-type-archive-bom main article img, .post-type-archive-bom main article p,
  .post-type-archive-fan_design_it main article img,
  .post-type-archive-fan_design_it main article p {
    float: none;
    width: 100%; }
  .post-type-archive-bom main article p,
  .post-type-archive-fan_design_it main article p {
    margin: .6em 0 0; }
  .post-type-archive-bom main article:nth-of-type(odd),
  .post-type-archive-fan_design_it main article:nth-of-type(odd) {
    float: left;
    clear: left; }
  .post-type-archive-bom main article:nth-of-type(even),
  .post-type-archive-fan_design_it main article:nth-of-type(even) {
    float: right;
    clear: right; }

/* Fan Design It Gallery
=============================================*/
.post-type-archive-fan_design_it .intro {
  zoom: 1;
  margin-bottom: 4.25em; }
  .post-type-archive-fan_design_it .intro:before, .post-type-archive-fan_design_it .intro:after {
    content: "";
    display: table; }
  .post-type-archive-fan_design_it .intro:after {
    clear: both; }

.post-type-archive-fan_design_it .entry {
  float: left;
  width: cp(426px, 721px); }

.post-type-archive-fan_design_it .sidebar {
  float: right;
  width: cp(263px, 721px); }
  .post-type-archive-fan_design_it .sidebar .group {
    margin: 0; }

/* 404
=============================================*/
.error404 main {
  zoom: 1; }
  .error404 main:before, .error404 main:after {
    content: "";
    display: table; }
  .error404 main:after {
    clear: both; }

.error404 .entry {
  float: left;
  margin-bottom: 1.8em; }

.error404 .sidebar {
  background: url(../images/404.png) no-repeat;
  background-size: contain;
  height: 250px;
  margin: 10em 0 3em;
  float: right;
  width: 40%; }

/*=======================================================================

	Stylesheet: Desktop Stylsheet

=======================================================================*/
.wrap {
  max-width: 1240px;
  margin: auto; }

/* Main Header
=============================================
.main-head .main-nav li a {
	padding: 0 .75em;
}*/
/* Main Header - 50/50 Club
=============================================*/
.main-head .nav-group {
  width: 82.888888889%; }

.main-head .vip-club {
  display: inherit;
  visibility: visible;
  float: right;
  margin-top: 1.4em;
  padding-left: .75em;
  width: 14.444444445%; }
  .main-head .vip-club img {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: .75em;
    width: 100%;
    height: auto;
    -webkit-transition: color 0.14s ease-in-out, border 0.14s ease-in-out;
    transition: color 0.14s ease-in-out, border 0.14s ease-in-out; }
    .main-head .vip-club img:hover, .main-head .vip-club img:active {
      border-color: #cbcac3; }

.main-head .social-nav li.button a i {
  display: inline-block;
  font-size: 1.4em;
  margin-left: .25em;
  position: relative;
  top: 3px; }

/* Main Footer
=============================================*/
.main-foot a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.main-foot a:hover, .main-foot .h3 a:hover {
  color: #929081; }

.main-foot .site-map {
  padding-left: 1em; }

.main-foot .footer-nav {
  font-size: 1.25em; }

/* Royal Slider Overrides
=============================================*/
.rsUni .rsArrow {
  width: 51px; }

.rsUni .rsArrowIcn {
  background: url(../images/slider-arrows.png) no-repeat;
  background-size: 102px 80px;
  width: 51px;
  height: 80px; }

.rsUni.rsHor .rsArrowLeft .rsArrowIcn {
  margin-left: -10px; }

.rsUni.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -51px 0px;
  margin-left: -43px; }

/*=======================================================================
	Page Templates
=======================================================================*/
/* Locations
=============================================*/
.single-locations .cta .background,
.page-template-page-lunch .cta .background {
  background: url(../images/on-tap-cta-lg.jpg) no-repeat;
  background-size: cover; }

/* Beer Events
=============================================*/
.page-template-page-beer-events main .calendar h3 {
  margin: 1.65em 0 0; }

.page-template-page-beer-events main .calendar h4 {
  font-size: 1.5em; }

.page-template-page-beer-events main .calendar h5 {
  font-size: 1.25em; }

.page-template-page-beer-events main .calendar p {
  font-size: 1.25em; }

.page-template-page-beer-events main .calendar .btn-main {
  margin-top: .75em; }
  .page-template-page-beer-events main .calendar .btn-main + h3 {
    margin-top: 2.65em; }

/* Awards
=============================================*/
.post-type-archive-awards .archive-posts a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .post-type-archive-awards .archive-posts a:hover {
    color: #cbcac3; }

/* 404
=============================================*/
.error404 .sidebar {
  width: 55%;
  height: 350px; }

/* ADDITIONAL IE FIXES
=============================================*/
/*
For example, you can use something like:

.no-textshadow .class { ... }

You can also target specific versions by using the classes applied to
the html element. These can sometimes change, so take a look inside the
header.php file to see what they are:


.lt-ie8 .class { ... }

*/