/***********************/
/****   VARIABLES   ***/
/***********************/
body {
  background-color: #2E2E2E; }

#maincontent {
  margin-top: 45px; }

.jumbotron-fluid .container {
  max-width: 720px;
  color: #ececec; }

a:link, a:visited {
  color: #1abc9c;
  transition: .2s; }

a:hover, a:active {
  color: #1a6858;
  transition: .2s; }

#Container .mix {
  display: none; }

.centered {
  margin: auto;
  display: block; }

h1, h2, h3, h4, h5, h6 {
  color: #f7f7f7; }

h2 {
  font-size: 36px;
  border-bottom: solid 2px #1abc9c;
  margin-bottom: 20px;
  margin-top: 20px; }

p {
  color: #e9e9e9; }

#home.jumbotron {
  position: relative;
  z-index: -1;
  margin-top: -20px;
  background-color: #2980B9; }

/***********************/
/****NAVIGATION STYLING***/
/***********************/
header {
  background-image: url(../images/footer_lodyas.png);
  -webkit-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 5px 16px 0px rgba(0, 0, 0, 0.75);
  margin-bottom: 20px;
  padding: 20px 0 15px;
  font-family: 'Questrial', sans-serif; }

nav a.btn, nav button.btn {
  min-width: 150px;
  text-align: center;
  border: 1px solid #b7b7b7;
  border-bottom: solid 1px #b7b7b7;
  color: #cecece;
  font-weight: bold;
  text-decoration: none;
  margin-top: 15px;
  background-color: transparent; }

nav a.btn:visited {
  color: #cecece; }

nav a.btn:hover, nav button.btn:hover {
  background-color: #1abc9c;
  color: black;
  border: 1px solid #1abc9c; }

/***********************/
/**** /NAVIGATION STYLING***/
/***********************/
.day-filters button {
  margin-bottom: 10px; }

/***********************/
/****DEAL BOX STYLING***/
/***********************/
.box {
  margin-bottom: 25px;
  border: none; }
  .box .card {
    border: none;
    max-width: 300px;
    margin: auto; }
  .box .card-block {
    background-color: #262626;
    border: solid 1px #134d41;
    border-top: none;
    border-bottom: solid 3px #1a6858;
    padding: 10px 5px; }
  .box .day p {
    margin-bottom: 0px;
    font-weight: 500;
    color: #2E2E2E;
    text-transform: capitalize; }
  .box .day p:after {
    float: right; }

.beer .day {
  background-color: #f1c40f;
  border-bottom: solid 5px #f5db72; }
  .beer .day p:after {
    content: "\f0fc";
    font-family: FontAwesome; }

.liquor .day {
  background-color: #3498db;
  border-bottom: solid 5px #6dbef3; }
  .liquor .day p:after {
    content: "\f000";
    font-family: FontAwesome; }

.wine .day {
  background-color: #a242c9;
  border-bottom: solid 5px #b555dc; }
  .wine .day p {
    background-image: url(../images/wine-glass.png);
    background-size: 18px 18px;
    background-position: right center;
    background-repeat: no-repeat; }

.deal {
  padding-top: 20px;
  font-size: 18px;
  text-align: center;
  height: 50px;
  color: #ececec; }

.place {
  text-align: center; }
  .place a {
    color: #1abc9c; }

/***********************/
/**** /DEAL BOX STYLING ***/
/***********************/
/***********************/
/**** BUTTON STYLING ***/
/***********************/
.btn-beer, .btn-liquor, btn-wine {
  color: #262626; }

.btn-beer {
  background-color: #f1c40f;
  border-color: #f1c40f; }

.btn-beer:hover {
  background-color: #dea60e;
  border-color: #f5db72; }

.btn-beer:focus, .btn-beer.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5);
  box-shadow: 0 0 0 2px rgba(241, 196, 15, 0.5); }

.btn-beer.disabled, .btn-beer:disabled {
  background-color: #f5db72;
  border-color: #f5db72; }

.btn-beer:active, .btn-beer.active,
.show > .btn-beer.dropdown-toggle {
  background-color: #f5db72;
  background-image: none;
  border-color: #f5db72; }

.btn-liquor {
  background-color: #3498db;
  border-color: #3498db; }

.btn-liquor:hover {
  background-color: #1d70a7;
  border-color: #6dbef3; }

.btn-liquor:focus, .btn-liquor.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.5);
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.5); }

.btn-liquor.disabled, .btn-liquor:disabled {
  background-color: #1d70a7;
  border-color: #1d70a7; }

.btn-liquor:active, .btn-liquor.active,
.show > .btn-liquor.dropdown-toggle {
  background-color: #6dbef3;
  background-image: none;
  border-color: #6dbef3; }

.btn-wine {
  background-color: #a242c9;
  border-color: #a242c9; }

.btn-wine:hover {
  background-color: #7d1ba5;
  border-color: #b555dc; }

.btn-wine:focus, .btn-wine.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(162, 66, 201, 0.5);
  box-shadow: 0 0 0 2px rgba(162, 66, 201, 0.5); }

.btn-wine.disabled, .btn-wine:disabled {
  background-color: #7d1ba5;
  border-color: #7d1ba5; }

.btn-wine:active, .btn-wine.active,
.show > .btn-wine.dropdown-toggle {
  background-color: #b555dc;
  background-image: none;
  border-color: #b555dc; }

/***********************/
/**** /BUTTON STYLING ***/
/***********************/
/***********************/
/**** BARLIST STYLING ***/
/***********************/
.list-group {
  background-color: #3E3E3E;
  color: #eee; }
  .list-group .row {
    padding-right: 15px; }
  .list-group .list-group-item {
    background-color: #3E3E3E; }
  .list-group .barlink {
    padding-right: 0px; }
    .list-group .barlink a {
      -webkit-border-top-right-radius: 0px;
      -webkit-border-bottom-right-radius: 0px;
      -moz-border-radius-topright: 0px;
      -moz-border-radius-bottomright: 0px;
      border-top-right-radius: 0px;
      border-bottom-right-radius: 0px; }
  .list-group .phonelink {
    background-color: #1abc9c;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-border-top-right-radius: .25rem;
    -webkit-border-bottom-right-radius: .25rem;
    -moz-border-radius-topright: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem; }
    .list-group .phonelink a:link, .list-group .phonelink a:visited {
      width: 100%;
      height: 100%;
      display: block;
      color: #2e2e2e;
      text-align: center;
      padding-top: 5px;
      border-bottom: solid thin black;
      font-size: 24px;
      -webkit-border-top-right-radius: .25rem;
      -webkit-border-bottom-right-radius: .25rem;
      -moz-border-radius-topright: .25rem;
      -moz-border-radius-bottomright: .25rem;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem; }
    .list-group .phonelink a:hover, .list-group .phonelink a:active {
      background-color: #69f0d6;
      -webkit-border-top-right-radius: .25rem;
      -webkit-border-bottom-right-radius: .25rem;
      -moz-border-radius-topright: .25rem;
      -moz-border-radius-bottomright: .25rem;
      border-top-right-radius: .25rem;
      border-bottom-right-radius: .25rem; }

#searchbar input {
  max-width: 250px;
  margin: 15px auto;
  color: #1abc9c; }

.list-group a:link, .list-group a:visited {
  color: #1abc9c; }
.list-group a:hover, .list-group a:active {
  color: #1a6858; }

/***********************/
/**** /BARLIST STYLING ***/
/***********************/
/***********************/
/**** BARINFO STYLING ***/
/***********************/
#barinfo .list-group {
  margin-bottom: 30px; }
  #barinfo .list-group a:hover {
    text-decoration: none; }
#barinfo i {
  color: #1abc9c;
  font-size: 36px;
  max-width: 30px;
  margin-right: 15px;
  text-decoration: none !important; }

.jumbotron.bar-page {
  height: 350px;
  background-position: center;
  background-repeat: no-repeat; }

/***********************/
/**** /BARINFO STYLING ***/
/***********************/
/***********************/
/**** MODAL STYLING ***/
/***********************/
.modal-content {
  background-color: #2E2E2E;
  padding: 15px;
  margin-top: 85px; }
  .modal-content .modal-header {
    border-bottom-color: #1a6858; }
    .modal-content .modal-header h5 {
      color: #1abc9c;
      font-size: 24px; }
  .modal-content .modal-body p {
    line-height: 32px;
    text-align: center; }
  .modal-content .modal-body input {
    margin: auto; }
  .modal-content .modal-footer {
    border-top-color: #1abc9c; }
  .modal-content .close {
    color: #fff; }
  .modal-content .btn-primary {
    background-color: #1abc9c;
    border-color: #1a6858;
    margin: 25px; }

/***********************/
/**** /MODAL STYLING ***/
/***********************/
/***********************/
/**** FOOTER STYLING ***/
/***********************/
#alternative {
  display: none; }

footer {
  background-color: #292c2f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  width: 100%;
  font: bold 16px sans-serif;
  text-align: left;
  padding: 50px 60px 40px;
  margin-top: 80px;
  overflow: hidden;
  font-family: 'Questrial', sans-serif; }

#footerwrap {
  max-width: 1000px;
  margin: auto; }

/* Footer left */
footer .footer-left {
  float: left; }

/* The company logo */
footer h3 {
  color: #ffffff;
  font: normal 36px;
  margin: 0 0 10px; }

footer h3 span {
  color: #5383d3; }

/* Footer links */
footer .footer-links {
  color: #ffffff;
  margin: 0 0 10px;
  padding: 0; }

footer .footer-links a {
  display: inline-block;
  line-height: 1.8;
  text-decoration: none;
  color: inherit; }

footer .footer-company-name {
  color: #8f9296;
  font-size: 14px;
  font-weight: normal;
  margin: 0; }

/* Footer social icons */
footer .footer-icons {
  margin-top: 10px; }

footer .footer-icons a {
  display: inline-block;
  width: 35px;
  height: 35px;
  cursor: pointer;
  background-color: #1abc9c;
  border-radius: 2px;
  font-size: 20px;
  color: #2e2e35;
  text-align: center;
  line-height: 35px;
  margin-right: 10px;
  margin-bottom: 5px; }

/* Footer Right */
footer .footer-right {
  float: right;
  color: #cecece;
  font-weight: 100; }

footer .footer-right p {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 15px;
  line-height: 20px; }

.footer-right h5 {
  font-size: 28px;
  margin: 0 0 20px 0; }

/* The contact form */
footer form {
  display: inline-block; }

footer form input,
footer form textarea {
  display: block;
  border-radius: 3px;
  box-sizing: border-box;
  background-color: #1f2022 !important;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
  border: none;
  resize: none;
  font: inherit;
  font-size: 14px;
  font-weight: normal;
  color: #d1d2d2;
  width: 400px;
  padding: 18px; }

footer ::-webkit-input-placeholder {
  color: #5c666b; }

footer ::-moz-placeholder {
  color: #5c666b;
  opacity: 1; }

footer :-ms-input-placeholder {
  color: #5c666b; }

footer form input {
  height: 55px;
  margin-bottom: 15px; }

footer form textarea {
  height: 100px;
  margin-bottom: 20px; }

footer form button {
  border-radius: 3px;
  background-color: #33383b;
  color: #ffffff;
  border: 0;
  padding: 15px 50px;
  font-weight: bold;
  float: right; }

.glow {
  background-color: #222222;
  color: #16a085; }

.glow:focus {
  outline: none;
  border-color: #85efda;
  box-shadow: 0 0 10px #3bccb0;
  transition: .3s;
  background-color: #3e3e3e; }

/***********************/
/**** /FOOTER STYLING ***/
/***********************/

/*# sourceMappingURL=custom.css.map */