/* 
LOHAG Style
-----------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
body {
  font-family: 'Roboto', sans-serif;
  background-color: bisque;
  color: black;
  font-size: 18px;
  font-weight: 300;
  overflow-x: hidden;
}
/* All pages */
.container-fluid {
  background-color: white;
  max-width: 1200px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
/* Colours */
.gold-text {
  color: goldenrod;
}
.black-text {
  color: black;
}
/* Home page styles */
.home-img-container {
  width: auto;
  margin: 5px;
}
/* Navigation */
.bg-nav {
  background-color: #FF8000;
}
.navbar-brand {
  font-weight: 800;
}
.nav-title {
  color: black;
}
/* Footer */
.footer {
  width: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
  color: white;
  background-color: black;
}
.footer a {
  color: #ff8000;
  text-decoration: none;
}
/* Beer List styles */
.notesbutton {
  transition: all 0.5s ease;
  border: thin solid black;
  border-radius: 10px;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
}
.beer {
  font-size: 18px;
  font-weight: 500;
}
.brewery {
  font-size: 18px;
  font-weight: 500;
}
.brewery {
  font-size: 18px;
  font-weight: 500;
}
.abv {
  text-align: end;
  font-size: 18px;
  font-weight: 500;
}
.bar {
  text-align: end;
  font-size: 18px;
  font-weight: 500;
}
.icons {
  text-align: end;
}
.icon {
  background-color: blanchedalmond;
  width: auto;
  height: 25px;
  margin: 5px 2px 5px 2px;
}
.displaynotes {
  color: black;
  font-weight: 600;
  display: none;
}
.btn-untappd {
  height: 35px;
  font-size: 14px;
  padding: 0px 5px 1px 5px;
  border: thin solid black;
  border-radius: 10px;
}
/* Cards */
.card-header {
  color: yellow;
  font-weight: 600;
  text-align: center;
  background-color: cornflowerblue;
}
.btn-card {
  font-weight: 600;
  color: yellow;  
  width: 100%;
  background-color: cornflowerblue;
}

.ciderlist {
  text-align: left;
  border: thin solid black;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 400;
}
.cocktail-list {
  text-align: center;
}
/* Cask End Cards */
.cask-card {
  border: 1px solid black;
}
.cask-fest-name {
  text-align: center;
  padding: 15px 10px;
  font-size: 52px;
}
.cask-stillage {
  font-size: 48px;
}
.cask-brewery {
  font-size: 48px;
}
.cask-beer {
  text-align: center;
  font-size: 56px;
}
.cask-abv {
  font-size: 48px;
}
.token-label {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
.tokens {
  font-size: 64px;
  height: 95px;
}
.cask-end-icons {
  height: 75px;
  padding: 1px;
  align-items: center;
}