/* COLORS
 * ----------------------------------- */
/* FONT STACKS
 * -------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
/* SPRITE
 * ----------------------------------- */
.icon-sprite, .block-system-main-menu h2,
.block-menu-menu-subsite-menu h2 {
  background: url('../images/icon-sfbdd86ecd6.png') no-repeat;
}

.glassware-sprite {
  background: url('../images/glassware-sc018f98337.png') no-repeat;
}

/* GRID
 * ------------------------------------ */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.inline-block {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.visuallyhidden,
.element-invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.focusable:active, .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static !important;
  width: auto;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.hide-text {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
}

html {
  width: 100%;
  min-width: 100%;
}

.ui-dialog {
  width: 100% !important;
}

#ageverification .modal .thumbs-down {
  margin: 0 0 10px;
}

.splash__sticky-cta {
  position: static;
  display: inline-block;
  transform: initial;
}
.splash__sticky-cta .button {
  margin: 10px 0;
}

.splash__sticky-cta__inner {
  display: block;
}

.splash__sticky-cta__content {
  width: 100%;
}

body.mainsite .header {
  padding: 20px 20px 20px 10px;
}

body.subsite .header {
  padding: 0px 20px 0 0px;
}
body.subsite .header-top {
  height: 40px;
}
body.subsite .header-top .lknifecompany {
  padding-left: 10px;
  line-height: 1;
  text-align: left;
  margin: -3px 0 0;
}
body.subsite .header-top ul.menu {
  margin-right: 60px;
}
body.subsite .header-top ul.menu li {
  padding: 0 7px 0 0;
}

.header-top-wrapper #search-block-form {
  min-width: inherit;
}

.subsite h1.logo {
  top: 0;
  margin-left: -110px;
}

.block-sfc-custom-sfc-findus {
  top: -45px;
  padding: 0;
  right: -40px;
  width: 80px;
}
.block-sfc-custom-sfc-findus h2 {
  display: none;
}

/* NAV */
.block-system-main-menu h2,
.block-menu-menu-subsite-menu h2 {
  display: block;
  background-position: 0 -20223px;
  height: 16px;
  width: 19px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  position: absolute;
  top: 30px;
  right: 0;
  cursor: pointer;
}
.block-system-main-menu h2:hover, .block-system-main-menu h2:focus,
.block-menu-menu-subsite-menu h2:hover,
.block-menu-menu-subsite-menu h2:focus {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.block-system-main-menu ul.menu,
.block-menu-menu-subsite-menu ul.menu {
  display: none;
  background: #e7e7e7 url(../images/pattern-dark.jpg) repeat;
  float: none;
  padding: 0 40px 20px;
  margin: 0 -40px;
  position: absolute;
  top: 92px;
  z-index: 5000;
}
.block-system-main-menu ul.menu li,
.block-menu-menu-subsite-menu ul.menu li {
  float: none;
  width: 100%;
  padding: 10px 0;
}
.block-system-main-menu ul.menu li.expanded:hover ul, .block-system-main-menu ul.menu li.expanded:focus ul,
.block-menu-menu-subsite-menu ul.menu li.expanded:hover ul,
.block-menu-menu-subsite-menu ul.menu li.expanded:focus ul {
  display: none;
}

body.subsite .block-menu-menu-subsite-menu {
  padding: 0 40px 20px 40px;
}
body.subsite .block-menu-menu-subsite-menu ul.menu {
  top: 111px;
}

body.mainsite .block-system-main-menu {
  padding: 0 40px 20px 30px;
}

.slick-slider .slide {
  height: 365px;
  padding: 100px 0 0;
}
.slick-slider .slide h1 {
  font-size: 40px;
  font-size: 2.5rem;
  padding: 0 60px;
}
.slick-slider .slide p {
  line-height: 1.4;
  width: 100%;
  padding: 0 60px;
}

.home-content-block {
  width: 100%;
  height: auto;
  float: none;
}
.home-content-block img {
  min-height: 100%;
  width: 100%;
}

.page-welcome #content {
  padding-bottom: 0;
}

.container-wide {
  width: 100%;
  max-width: 100%;
}

body.subsite .header {
  height: 132px;
}
body.subsite .header .container-wide {
  height: 132px;
}
body.subsite h1.logo img {
  width: auto;
  margin: 10px;
  max-width: 75vw;
  height: auto;
}

.footer ul.menu {
  float: none;
  width: 100%;
  text-align: center;
  margin: 10px 0 0;
}
.footer ul.menu li {
  margin: 0 15px 0 0;
}
.footer .footer-copyright {
  text-align: center;
  margin-top: 0px;
}

.block-block-1 {
  width: 100%;
  float: none;
  margin: 0;
  display: block;
}

.block-block-2 {
  width: 100%;
  float: none;
  border-left: none;
  display: block;
  padding: 0;
  margin-top: 0;
  background: transparent;
}

.main:before {
  margin-bottom: 10px;
}

h1.divider,
#quiz_progress,
.content-bottom .block-views-21678a7971cd662f85e2052cb039d122 h2,
.block-views-more-about-block h2 {
  width: 100%;
}

.node-type-slideshow-page .mast .container {
  left: 0;
  padding: 0 60px;
}

.container {
  width: 100%;
  max-width: 100%;
  padding: 0 20px;
}

.one-sidebar.sidebar-second .column-main,
.one-sidebar.sidebar-first .column-main {
  width: 100%;
  float: none;
}
.one-sidebar.sidebar-second .sidebar,
.one-sidebar.sidebar-first .sidebar {
  width: 100%;
  float: left;
  max-width: 100%;
  margin-bottom: 60px;
}

.view-more-about li,
.view-more-about li.last {
  width: 100%;
  margin: 0 0 20px;
}
.view-more-about li a,
.view-more-about li.last a {
  overflow: hidden;
  height: 190px;
}
.view-more-about li img,
.view-more-about li.last img {
  height: 130%;
  width: auto;
}
.view-more-about li:hover img, .view-more-about li:focus img,
.view-more-about li.last:hover img,
.view-more-about li.last:focus img {
  height: 140%;
  width: auto;
}

.view-our-culture .views-row h2 {
  clear: both;
}
.view-our-culture .views-row img {
  margin: 0 0 20px;
  max-width: 100%;
  height: auto;
}

.node-team .leftside {
  width: 100%;
  margin: 0;
}
.node-team .body img {
  display: block;
  width: 100%;
  margin: 20px 0;
  height: auto;
}

blockquote {
  margin: 20px;
}

.page-corporate-social-responsibility .sticky-wrapper {
  display: none;
}

/* JOBS */
.views-widget-filter-field_job_type_tid,
.views-widget-filter-field_department_tid,
.views-widget-sort-sort_bef_combine {
  width: 100%;
}
.views-widget-filter-field_job_type_tid .form-item,
.views-widget-filter-field_department_tid .form-item,
.views-widget-sort-sort_bef_combine .form-item {
  float: left;
}

.page-career-listings .location-changer {
  top: 140px;
}

.job-row .job-info,
.job-row .job-location,
.job-row .job-type,
.job-row .job-date,
.job-row .links {
  width: 100%;
}
.job-row .links li {
  margin: 0 10px 0 0;
}

.mast h1 {
  font-size: 30px;
  font-size: 1.875rem;
}
.mast p {
  width: 100%;
  padding: 0 20px;
  font-size: 15px;
  font-size: 0.9375rem;
}
.mast.has-image img {
  left: -50%;
}

body.subsite .mast .node-content-block {
  width: 100%;
  display: none;
}

.page-our-divisions #main img {
  position: static;
  margin: 0 auto 20px;
  max-width: 100%;
  height: auto;
}

.division {
  padding: 0;
}
.division h2 {
  clear: both;
}

.page-distributors .block-subsite-distributor-filter {
  margin: -280px auto 63px;
}

h1.distributors {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.625rem;
}

.block-subsite-distributor-filter {
  width: 100%;
  padding-top: 60px;
}
@media screen and (max-width: 430px) {
  .block-subsite-distributor-filter {
    padding-top: 40px;
  }
}
@media screen and (max-width: 301px) {
  .block-subsite-distributor-filter {
    padding-top: 20px;
  }
}
.block-subsite-distributor-filter em {
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
}

.distributor {
  width: 100%;
  float: left;
  margin-right: 2.02429%;
  display: inline;
}
.distributor:nth-child(4n+4), .distributor:nth-child(2n+2) {
  margin-right: 0;
}
.distributor img {
  width: auto;
  height: 40%;
}
.distributor span {
  font-size: inherit;
}

.view-education .views-row {
  padding-left: 0;
  width: 100%;
}
.view-education .views-row img {
  position: static;
  clear: both;
  margin: 0 0 20px;
}

.node-education.node-teaser,
.node-education.node-teaser:last-of-type {
  width: 100%;
  margin: 0 0 20px;
}
.node-education.node-teaser img,
.node-education.node-teaser:last-of-type img {
  min-height: 100%;
  width: auto;
}

.ingredient {
  padding: 0;
  background-position: 0 50% !important;
}

.difference-container .ui-tabs-nav li,
.difference-container .ui-tabs-nav li.last,
.difference-container .ui-tabs-nav li.ui-tabs-selected {
  display: block;
  width: 100%;
}
.difference-container .ui-tabs-nav li a,
.difference-container .ui-tabs-nav li.last a,
.difference-container .ui-tabs-nav li.ui-tabs-selected a {
  background: none;
  height: 40px;
}
.difference-container .ui-tabs-nav li a:before,
.difference-container .ui-tabs-nav li.last a:before,
.difference-container .ui-tabs-nav li.ui-tabs-selected a:before {
  display: none;
}
.difference-container .ui-tabs-nav li.ui-tabs-selected:after,
.difference-container .ui-tabs-nav li.last.ui-tabs-selected:after,
.difference-container .ui-tabs-nav li.ui-tabs-selected.ui-tabs-selected:after {
  display: none;
}

.difference .content {
  width: 100%;
  padding: 30px;
}
.difference .key-differences {
  width: 100%;
  float: none;
  border-left: none;
  padding: 30px;
  display: block;
}

.view-education-styles .view-filters .views-exposed-widget {
  width: 100%;
  margin: 0 0 10px;
}
.view-education-styles .view-filters .views-exposed-widget.views-widget-filter-field_slider_abv_value {
  width: 100%;
  float: none;
  margin: 0;
}
.view-education-styles .view-filters .views-exposed-widget .selectlist {
  width: 100%;
}
.view-education-styles .view-filters .views-exposed-widget .ui-slider {
  width: 70%;
}

.beer-finder-style {
  width: 100%;
  margin: 0 0 20px;
}
.beer-finder-style img {
  width: 100%;
  height: auto;
}

.node-type-education .has-sidebar,
.page-beer-amp-food .sidebar {
  width: 100%;
}

.refresh {
  position: static;
  margin: 20px 0;
  float: left;
}

.sommelier .sommelier-ingred ul li,
.sommelier .sommelier-dishes ul li {
  width: 43%;
}
.sommelier .sommelier-ingred ul li img,
.sommelier .sommelier-dishes ul li img {
  width: 100%;
  height: auto;
}
.sommelier .sommelier-dishes,
.sommelier .sommelier-styles {
  border: none;
  width: 100%;
  padding: 0;
  max-width: 100%;
}
.sommelier .sommelier-styles div.visible {
  padding: 0;
  height: auto;
}
.sommelier .sommelier-styles div.visible img {
  position: static;
  margin: 0;
}

.node-content-block.full {
  margin: 0 0 30px;
}

.sense p {
  clear: both;
}
.sense h2 {
  text-align: left;
}

.smell h1,
.touch h1 {
  float: left;
}

.three,
.four,
.six {
  padding: 0;
  text-align: left;
}
.three .col,
.three .col.first,
.three .col.last,
.three .col:first-of-type,
.three .col:last-of-type,
.four .col,
.four .col.first,
.four .col.last,
.four .col:first-of-type,
.four .col:last-of-type,
.six .col,
.six .col.first,
.six .col.last,
.six .col:first-of-type,
.six .col:last-of-type {
  width: 100%;
}
.three .col h3,
.three .col.first h3,
.three .col.last h3,
.three .col:first-of-type h3,
.three .col:last-of-type h3,
.four .col h3,
.four .col.first h3,
.four .col.last h3,
.four .col:first-of-type h3,
.four .col:last-of-type h3,
.six .col h3,
.six .col.first h3,
.six .col.last h3,
.six .col:first-of-type h3,
.six .col:last-of-type h3 {
  background: url(../images/flag.png) no-repeat 100% 0;
  display: inline-block;
  padding: 5px 20px 5px 15px;
}
.three .col p,
.three .col.first p,
.three .col.last p,
.three .col:first-of-type p,
.three .col:last-of-type p,
.four .col p,
.four .col.first p,
.four .col.last p,
.four .col:first-of-type p,
.four .col:last-of-type p,
.six .col p,
.six .col.first p,
.six .col.last p,
.six .col:first-of-type p,
.six .col:last-of-type p {
  text-align: left;
}

.letter a {
  width: 31.98381%;
  float: left;
  margin-right: 2.02429%;
  display: inline;
  margin-bottom: 20px;
}
.letter dl,
.letter dl.last {
  width: 100%;
  float: left;
  margin-right: 2.02429%;
  display: inline;
}

#quiz-question-answering-form .item-list {
  padding: 0;
}

.block-views-glassware-block-1 {
  display: none;
}

.node-glassware .body {
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
}
.node-glassware img {
  position: static;
  margin-bottom: 20px;
}
.node-glassware .sidebar {
  width: 100%;
}

.brewing-step.odd,
.brewing-step.even {
  width: 100%;
  padding: 0;
}
.brewing-step.odd:after,
.brewing-step.even:after {
  display: none;
}

.node-draft-troubleshooting table th,
.node-draft-troubleshooting table td,
.node-draft-troubleshooting table strong,
.node-brewing-anomalies table th,
.node-brewing-anomalies table td,
.node-brewing-anomalies table strong {
  font-size: 13px;
  font-size: 0.8125rem;
}

.calc .profitcalculator .calc-input,
.calc .profitcalculator .draught_calc-results,
.calc .profitcalculator .package_calc-results {
  width: 100%;
  padding: 0;
  margin: 0 0 20px;
}

.node-news p {
  clear: both;
}

.easy_social_box {
  width: 100%;
  position: static;
  margin-top: 20px;
}

.share-post {
  margin: 30px 0 0;
}

body .mast .date-nav-wrapper {
  max-width: 660px;
  width: 70%;
  margin: 0 auto;
}
body .mast .date-nav-wrapper h3 {
  padding: 10px 0;
  font-size: 14px;
  font-size: 0.875rem;
}
body .mast .date-nav-wrapper a {
  width: 100%;
  margin: 0 0 10px;
}
body .mast .date-nav-wrapper .date-heading {
  width: 100%;
  margin: 0 0 10px;
  padding: 0;
}

.event-row .icon {
  width: 60px;
}
.event-row .event-info {
  padding: 0;
  width: 100%;
}
.event-row .event-info .time {
  position: static;
  display: block;
}
.event-row .links {
  float: left;
  width: 100%;
}
.event-row .links li {
  margin: 0 10px 10px 0;
}

.event-body .content,
.event-body-full .content {
  width: 100%;
  padding: 0;
}
.event-body .content p,
.event-body-full .content p {
  padding-right: 0;
  border-right: none;
}
.event-body .featured-brewer,
.event-body-full .featured-brewer {
  width: 100%;
  padding: 0;
}

.page-our-portfolio .container {
  margin: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 20px;
}

.page-portfolio .widget-search {
  padding: 10px;
}
.page-portfolio .widget-search .form-item {
  width: 79%;
}
.page-portfolio .sticky-wrapper {
  display: none;
}
.page-portfolio .view-content {
  width: 100%;
}

.view-portfolio .view-content .views-row,
.view-portfolio .view-content .views-row:nth-child(4n+4) {
  width: 48.98785%;
  float: left;
  margin-right: 2.02429%;
  display: inline;
}
.view-portfolio .view-content .views-row img,
.view-portfolio .view-content .views-row:nth-child(4n+4) img {
  max-width: 100%;
  height: auto;
}
.view-portfolio .view-content .views-row-even,
.view-portfolio .view-content .views-row-even:nth-child(4n+4) {
  width: 48.98785%;
  float: right;
  margin-right: 0;
  *margin-left: -20px;
  display: inline;
}

.block-block-11 ul.menu {
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
}
.block-block-11 ul.menu li {
  height: 68px;
  width: 140px;
}
.block-block-11 ul.menu li a {
  font-size: 16px;
  font-size: 1rem;
  padding: 20px 10px;
}

.node-type-product .node,
.node-type-product .sidebar,
.node-type-beer-style .node,
.node-type-beer-style .sidebar {
  width: 100%;
  margin: 0;
}

.view-portfolio-products-brewer .views-row,
.view-portfolio-products-brewer .views-row:nth-child(6n+6),
.view-portfolio-products-style .views-row,
.view-portfolio-products-style .views-row:nth-child(6n+6) {
  width: 48.98785%;
  float: left;
  margin-right: 2.02429%;
  display: inline;
}
.view-portfolio-products-brewer .views-row img,
.view-portfolio-products-brewer .views-row:nth-child(6n+6) img,
.view-portfolio-products-style .views-row img,
.view-portfolio-products-style .views-row:nth-child(6n+6) img {
  display: block;
  max-width: 100%;
  height: auto;
}
.view-portfolio-products-brewer .views-row-odd,
.view-portfolio-products-brewer .views-row-odd:nth-child(6n+6),
.view-portfolio-products-style .views-row-odd,
.view-portfolio-products-style .views-row-odd:nth-child(6n+6) {
  width: 48.98785%;
  float: right;
  margin-right: 0;
  *margin-left: -20px;
  display: inline;
}

.node-links .share-post {
  height: auto;
  margin: 0;
  width: 100%;
}
.node-links .links {
  float: left;
  width: 100%;
}

.page-user-account.one-sidebar.sidebar-second .column-main,
.page-user-account.one-sidebar.sidebar-second .sidebar {
  width: 100%;
  float: none;
  border: none;
  margin-bottom: 60px;
  padding: 0;
}
.page-user-account.one-sidebar.sidebar-second .sidebar .block {
  margin: 0;
  padding: 0;
}
.page-user-account.one-sidebar.sidebar-second .sidebar h2 {
  text-align: left;
}

.page-user-account .haveaccount {
  top: -25px;
  right: 30px;
}

.page-user-profile .content-bottom .block-views {
  width: 100%;
  border: none;
  margin: 0 0 30px;
}

#content .profile {
  min-height: auto;
  margin-bottom: 30px;
}

.view-portfolio .view-filters {
  width: 100%;
}
.view-portfolio .view-content {
  width: 100%;
  margin-top: 50px;
}
.view-portfolio .views-row img {
  display: block;
}

body.subsite .content .whats-new-item img, body.subsite .content .coming-soon-item img {
  width: 52px !important;
}

.easy_social_box {
  margin-left: 0;
}