@font-face {
  font-family: "Futura";
  src: url("/Style%20Library/fonts/Futura.otf");
}

body, .ms-toolbar, .ms-menutoolbar td a, td.ms-menutoolbarheader, .ms-listheaderlabel, .ms-viewselector, .ms-viewselectortext, .ms-viewselectorhover, .ms-paging, .ms-viewselect a:link, select, .ms-input, table.ms-navitem td, span.ms-navitem, .ms-nav, .ms-titlearea, .ms-pagetitle, .ms-propertysheet th.ms-vh2, .ms-propertysheet th.ms-vh2-nofilter, .ms-descriptiontext, .ms-statusdescriptiontext, .ms-webpartpagedescriptionn, .ms-propertysheet th.ms-linksectionheader, .ms-propertysheet, .ms-propertysheet th, .ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vhImage, .ms-gb, .ms-gb2, .ms-gbload, .ms-vb, .ms-vb2, .ms-vb-tall, .ms-vb-user, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-pb, .ms-pb-selected, .ms-ph, th.ms-vh3-nograd, .ms-pb a, .ms-pb-selected a, th .ms-vb, .ms-vh2-nofilter-icon, th.ms-vh2-nograd, th.ms-vh2-nograd-icon, a.ms-addnew, .ms-error, .ms-WPTitle, .ms-WPBody, .ms-WPBody td, table.ms-listviewtable>tbody>tr>td.ms-stylebox, .ms-stylelabel, .ms-styleheader, .ms-stylebody, .ms-pickerwait, .ms-formvalidation, .ms-ribbontabswitchloading span, .ms-welcomepageheader, div.ms-MenuUIPopupBody .ms-MenuUIPopupScreen, div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner, div.ms-MenuUIPopupBody.ms-MenuUIPopupScreen div.ms-MenuUIPopupInner div, .ms-wpadder-categoryColumn, .ms-wpadder-categoryColumn TD, .ms-wpadder-items, .ms-wpadder-upload INPUT, .ms-wpadder-upload BUTTON, .ms-wpadder-tabTable TH, .ms-wpadder-description, .ms-wpadder-zoneArea BUTTON, .ms-wpadder-sectionhead, .ms-wpadder-wpname, .ms-SPLink, .ms-siteactionsmenuinner, .ms-siteactionsmenuhover, .ms-welcomeMenu, .ms-socialNotif-Container, .s4-titletable, .ms-ltviewselectormenuheader .ms-viewselector a, .ms-ltviewselectormenuheader .ms-viewselectorhover a, .s4-search select, body #pageStatusBar, .ms-rteElement-Callout4, .ms-rteStyle-Normal, .ms-rte-autocomplete, .ms-rte-wpbox, .ms-rtedialog, .ms-dlgTitleText, .ms-linksection-level1, .ms-linksection-level2, .ms-ratingPopup, .ms-developerdashboard>table tr td, .ms-cui-ribbon, .ms-cui-menu, .ms-cui-toolbar-toolbar, .ms-cui-contextmenu-inner, .ms-cui-cb-input, .ms-cui-tb, .ms-cui-spn-txtbx, .ms-cui-tooltip, .ms-WPTitle, .ms-rteElement-P, .level-item a:link, .link-item a:link, .ms-PostBody, td.ms-vb {
  font-family: "Futura", Arial, Helvetica, sans-serif;
}

body, .ms-toolbar, .ms-menutoolbar td a, .ms-listheaderlabel, .ms-paging, .ms-viewselect a:link, select, .ms-input, .ms-titlearea, .ms-descriptiontext, .ms-statusdescriptiontext, .ms-webpartpagedescription, .ms-propertysheet th.ms-linksectionheader, .ms-propertysheet th, .ms-vh, .ms-vh2, .ms-vh-icon, .ms-vh-icon-empty, .ms-vhImage, .ms-gb, .ms-gb2, .ms-gbload, .ms-vb, .ms-vb2, .ms-vb-tall, .ms-vb-user, .ms-vh2-nograd, .ms-vh3-nograd, .ms-vh2-nograd-icon, .ms-vh2-nofilter-icon, .ms-pb, .ms-pb-selected, .ms-ph, th.ms-vh3-nograd, .ms-pb a, .ms-pb-selected a, th .ms-vb, .ms-vh2-nofilter-icon, th.ms-vh2-nograd, th.ms-vh2-nograd-icon, a.ms-addnew, .ms-error, .ms-WPBody, .ms-WPBody td, .ms-stylelabel, .ms-stylebody, .ms-pickerwait, .ms-formvalidation, .ms-MenuUIItemTableCell, .ms-MenuUIItemTableCellCompact, .ms-MenuUILabel, .ms-MenuUILabelRtL, .ms-menuuilabelcompact, .ms-menuuilabelcompactRtl, .ms-wpadder-categoryColumn, .ms-wpadder-categoryColumn TD, .ms-wpadder-items, .ms-wpadder-upload INPUT, .ms-wpadder-upload BUTTON, .ms-wpadder-tabTable TH, .ms-wpadder-description, .ms-wpadder-zoneArea BUTTON, .ms-siteactionsmenu, .s4-titletable, .s4-breadcrumb-menu, .ms-rteStyle-Normal, .ms-rte-wpbox, .ms-rtedialog, .ms-linksection-level1 ul li a, .ms-linksection-level2 ul li, .ms-ratingPopup, .ms-developerdashboard>table tr td, .ms-developerdashboard>table th, .ms-developerdashboardnav ul li a, .ms-cui-ribbon, .ms-cui-menu, .ms-cui-toolbar-toolbar, .ms-cui-contextmenu-inner, .ms-cui-cb-input, .ms-cui-tb, .ms-cui-spn-txtbx, .ms-rteStyle-Normal, .ms-rteElement-P, .level-item a:link, .link-item a:link, .ms-PostBody, td.ms-vb {
  font-size: 15px;
}

body, select, [class*=FontSize], [class*=FontFace], [class^=ms-view] {
  font-size: 15px !important;
  font-family: "Futura", Arial, Helvetica, sans-serif !important;
  /* word-wrap: normal; */
}

sup, sub {
  margin-left: 1px;
}

[id*=MSO][id*=MainTD] {
  position: fixed;
  right: 0;
  top: 136px;
  overflow-y: scroll;
  height: calc(100vh - 159px);
  width: auto !important;
}

[class*=ForeColor] {
  color: #0093D7;
}

.ms-cui-tt-a, .ms-cui-tt {
  width: 60px !important;
}

body, html {
  width: 100%;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

body #s4-workspace {
  overflow: visible !important;
  min-height: calc(100vh - 210px) !important;
  height: 100% !important;
}

body #s4-bodyContainer {
  /*! overflow-x: hidden; */
}

body #s4-bodyContainer .wrap, #s4-leftpanel, .s4-ca {
  min-height: calc(100vh - 330px);
}

#s4-leftpanel {
  border-right: 2px #ffc522 solid;
  float: none !important;
  display: table-cell;
  min-width: 155px;
}

body #s4-ribbonrow {
  position: fixed;
  top: 0px;
  z-index: 1000;
  height: auto !important;
  min-height: 0px !important;
  background-color: #0093D7;
}

#s4-ribbonrow .ms-MenuUIPopupBody, #s4-ribbonrow .ms-popoutMenu, .ms-cui-menu[id^="Ribbon."] {
  position: fixed !important;
}

.ms-WPHeader, .ms-WPHeader * {
  background-color: transparent;
  white-space: normal !important
}

h1, h2, h3, h4 {
  word-wrap: normal;
}

.ms-WPHeader td {
  border: none
}

.ms-WPBody h1 {
  color: #0093D7;
  font-size: 16px;
  margin-bottom: 5px;
  padding-bottom: 0px;
}

.ms-WPBody h2 {
  color: #d9902f;
  font-size: 16px;
  margin-bottom: 5px;
  padding-bottom: 0px;
}

.ms-WPBody h3 {
  color: #646374;
  font-weight: bold;
  font-size: 14px;
}

h1, .ms-rteElement-H1, .ms-rteElement-H1B {
  color: #0093D7 !important;
  font-size: 20px;
  margin: 5px;
  padding-bottom: 0px;
}

h2, .ms-rteElement-H2, .ms-rteElement-H2B {
  color: #d9902f;
  font-size: 18px;
  margin-bottom: 5px;
  padding-bottom: 0px;
  font-weight: bold;
}

h3, .ms-rteElement-H3, .ms-rteElement-H3B {
  color: #0093D7 !important;
  padding-bottom: 0px !important;
  font-size: 16px !important;
  text-transform: uppercase;
  /* text-align: left !important; */
}

h4, .ms-rteElement-H4, .ms-rteElement-H4B {
  margin-bottom: 5px;
  padding-bottom: 0px;
}

img {
  border-style: none;
}

#s4-bodyContainer img {
  max-width: 100% !important;
}

#ctl00_IdWelcome_ExplicitLogin {
  display: inline !important;
}

.ms-WPBorder {
  border: none;
}

a:link, .link-item, a, a:hover, a:visited, .ms-SPLink {
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  color: #0093D7;
  cursor: pointer
}

.ms-MenuUIUL li[text='My Site'] {
  display: none;
}

.ms-MenuUIUL li[text='My Profile'] {
  display: none;
}

.s4-ca {
  padding: 15px;
  max-width: 960px;
  margin: 0 auto;
  background: transparent;
  width: 100%;
  display: table-cell;
}

.homeWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
  padding: 5px;
}

.rightCol, .leftCol {
  width: 48%;
  display: table-cell;
  vertical-align: top;
  padding: 1%;
}

.rightCol>*, .leftCol>* {
  margin: 5px 0 20px;
}

.feature {
  background-color: #F7E9D5;
  padding: 10px
}

.ads {
  margin: 60px 0 0
}

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

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.btn {
  font-weight: normal;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
  padding: 5px 10px;
  margin: .5em;
  font-size: 1em;
  line-height: 2;
  border-radius: 5px;
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  background: #0093D7;
  color: #fff !important;
  -webkit-box-shadow: -1px 1px 3px -1px #2e2e2e;
  box-shadow: -1px 1px 3px -1px #2e2e2e;
  display: inline-block;
  white-space: nowrap;
}

.btn:hover {
  background: #72BF44;
  text-decoration: none !important;
  color: #fff
}

.btn:active, .btn:focus {
  outline: 0;
  background: #d9902f !important;
  -webkit-box-shadow: inset 0 3px 5px #2e2e2e;
  box-shadow: inset 0 3px 5px #2e2e2e
}

.btnRow, .flexRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.flexRow>* {
  margin: 5px
}

.header {
  border-top: 20px #ffc522 solid;
  padding: 15px 0;
}

.headerWrapper {
  background: url('/Style%20Library/images/ScienceOfBeer.png') calc(6vmin - 1em)/calc(8em + 15vmin) no-repeat;
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 120px;
}

.header, .miniMenu, #societyName {
  height: 120px;
}

#homeLink {
  display: block;
  position: absolute;
  left: 0;
  width: 60%;
  height: 80px;
  min-width: 320px;
  cursor: pointer;
  z-index: 300;
  top: 55px;
}

.miniMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  text-align: right;
  margin: 0 4vw 0 0;
  float: right;
  position: relative;
  z-index: 300;
}

.miniMenu>a, .miniMenu>span, .miniMenu>div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: table-row;
}

.ms-welcomeMenu {
  padding: 0px;
  font-family: inherit;
  font-size: 15px;
  margin: 0px;
  font-weight: bold;
  border: none;
}

#searchIcon {
  background-color: #ffc522;
  padding: 5px;
  width: 20px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: 1px;
  z-index: -1
}

#ctl00_PlaceHolderSearchArea_ctl00_S3031AEBA_go img {
  opacity: 0
}

#search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  bottom: -1em;
  right: 1em;
  height: 2em;
}

.s4-search input.ms-sbplain {
  height: 26px;
}

.s4-clust.ms-viewselector-arrow {
  display: none !important;
}

.ms-welcomeMenu a:link, .ms-welcomeMenu .ms-menu-a {
  color: inherit;
  margin: 0;
}

.s4-signInLink, .miniMenu a {
  font-weight: bold;
  font-size: 15px;
}

#societyName {
  position: absolute;
  left: calc(10em + 12vmin);
  top: 1.5em;
  margin: auto;
  text-align: center;
  display: inline-block;
  font-size: calc(.5em + 1.75vmin);
  cursor: pointer;
}

.societyName {
  color: #0093D7;
  text-align: justify;
  text-align-last: center;
  font-family: "Futura", sans-serif;
}

.societyName.lineOne {
  font-size: .8em;
  letter-spacing: .3em;
}

.societyName.lineTwo {
  font-size: 1em;
  letter-spacing: .26em;
}

#footer {
  padding: 10px 10px 0 10px;
  color: #000;
  border-top: 2px #ffc522 solid;
  height: 50px;
}

.footerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.copy, .social {
  display: table-cell
}

.social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
}

.social>* {
  margin: 0 8px;
  display: inline;
}

.follow {
  color: #0093D7;
  font-weight: bold;
  font-size: 1.25em
}

.hash {
  font-weight: bold
}

.copy {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-right: 30px;
  font-size: 12px
}

#nav {
  background-color: #0093D7;
}

.menu-horizontal {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  max-width: 1200px;
}

.menu-item-text {
  white-space: normal !important;
  width: 100% !important
}

.menu-horizontal li.static:first-child:nth-last-child(2), .menu-horizontal li.static:first-child:nth-last-child(2)~* {
  width: 50%
}

.menu-horizontal li.static:first-child:nth-last-child(3), .menu-horizontal li.static:first-child:nth-last-child(3)~* {
  width: 33%
}

.menu-horizontal li.static:first-child:nth-last-child(4), .menu-horizontal li.static:first-child:nth-last-child(4)~* {
  width: 25%
}

.menu-horizontal li.static:first-child:nth-last-child(5), .menu-horizontal li.static:first-child:nth-last-child(5)~* {
  width: 20%
}

.menu-horizontal li.static:first-child:nth-last-child(6), .menu-horizontal li.static:first-child:nth-last-child(6)~* {
  width: 16.66667%
}

.menu-horizontal li.static:first-child:nth-last-child(7), .menu-horizontal li.static:first-child:nth-last-child(7)~* {
  width: 14.28571%
}

.wrap {
  position: relative;
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
}

.s4-tn li.static>.menu-item {
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
  color: #fff;
  width: 100%;
  padding: 5px 0;
}

.s4-tn li.static>a:hover {
  color: #fff;
  text-decoration: none;
}

.s4-toplinks .s4-tn a.selected {
  color: #fff;
  text-decoration: none;
}

.s4-tn UL.dynamic {
  background-color: #0093D7;
  width: 100%;
}

.s4-tn li.dynamic>.menu-item {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  text-align: left;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  min-width: auto;
}

.s4-tn li.dynamic>a:hover {
  background-color: #72BF44;
}

.s4-ql {
  margin-top: 15px;
  color: #0093D7 !important;
}

.s4-ql ul.root>li>a {
  color: #0093D7;
}

.s4-ql a.selected {
  background: none transparent;
  color: #0093D7 !important;
  font-weight: bold;
  border: none !important;
}

.s4-ql a.selected:hover {
  background-color: #fff !important;
}

.s4-ql ul.root ul>li>a {
  color: #0093D7;
  text-decoration: none;
  font-size: 15px;
  padding-left: 20px;
}

.s4-ql ul.root ul>li>a:hover, .s4-ql ul.root>li>a:hover {
  text-decoration: none;
  background-color: #0093D7;
  color: #fff
}

.s4-ql ul.root ul {
  margin-bottom: 0px;
  margin-left: 5px;
}

.s4-ql ul.root>li>.menu-item {
  color: #0093D7;
}

.menu-horizontal a.dynamic-children span.additional-background, .menu-horizontal span.dynamic-children span.additional-background {
  padding-right: 0px;
  background-image: none;
}

.stButton {
  z-index: 0 !important;
}

.breadCrumbs {
  margin-top: 10px;
}

.breadcrumbItem {
  color: #4a4a4a;
  margin: 0 0 0 0;
}

a.breadcrumbItem:visited {
  color: #4a4a4a;
}

a.breadcrumbItem:hover {
  text-decoration: underline;
}