@import url('//fast.fonts.net/cssapi/8cffa813-fb91-43cd-9816-659edf306c54.css');

/* 

font-family:'Futura LT W01 Bold Condensed';
font-family:'Futura LT W01 Light';
font-family:'High German W00';
font-family:'Helvetica Neue LT W01107XBlkCn';


  */
.home-specials h3 ,
.home-specials a ,
.contact-v2 .hours-title,
.contact-v2 .social-title,
.contact-v2 .contact-us-title,
.drink-menu h1,
.drink-menu h2,
.drink-menu h5,
{
    font-family:'Eveleth W01 Bold';
}

/* put under the comment if it's NOT sinle page website */
.header {
    background-attachment: fixed;
}

a {color: #ddd;}

/* home page */
/* dollar sign */
.home-specials > div:first-child {
    background-image: url('../images/dollar/dollar-orange.png');
}

.reservations a {
    color: #fff;
    background-color: #ddd;
}


/* tabs in drinks and food menu */
.tabnav .nav>li>a:hover, .tabnav .nav>li.active>a {
    color: #ddd;
    background: transparent;
    border-bottom: 10px solid rgba(220, 220, 220, 0.6);
}

/* drink menu and food menu item names */
.drink-menu h5 {
    color: #ddd;
}

/* specials titles in happy hours */
.specials h2 {
    color: #ddd;

}

.navbar-regular .navbar-collapse.collapse.in{
    background-color:  rgba(255,255,255,0.7);
}


/* black specials */
.specials-v2 {
    background-color: black;
}

.home-specials h3, .about-us h3 {
    color: white;
}

.about-us h3 {
    margin-top:4px;
}

.home-specials p {
    font-size: 1.2em;
    color: white;
    word-wrap: break-word;
    padding-top: 1.9em;
}

.home-specials p.specials-hours{
    padding-top: 0.2em;
    color: #ccc;
}


/* black gallery */

.gallery {
    background-color: black;
}

.gallery label, .reservations label, .email-subscription label, .reservations-and-parties label {
    text-transform: uppercase;
    color: white;
    border: none;
    padding: 10px 60px;
    margin-bottom: 20px;
    font-size: 1.7em;
}

.contact-v2 .contact-location{
    text-transform: uppercase;
}
.navbar.nav-v4 {
  display: none;
}
.on-cover-content {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}

.on-cover-content .cover-holder {
  float: left;
  height: 100%;
  width: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.on-cover-content .cover-holder.atlas {

}
.on-cover-content .cover-holder.forest {

}
.on-cover-content .cover-holder .cover-bar {
  position: absolute;
  top: 0;
  width: 100%;
  height: 130px;
  background-color: transparent;
}
.on-cover-content .cover-holder .cover-bar img {
  height: 70px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.on-cover-content .cover-social {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.on-cover-content .cover-social img {
  margin: 0 auto;
  width: 100px;
  height: 100px;
}
.on-cover-content .cover-social h4 {
  font-family:'Futura LT W01 Light';
}

.on-cover-content .section-wrapper {
  padding: 0;
}
.on-cover-content .section-header {
  position: absolute;
  top: 0%;
  width: 100%;
  z-index: 1000;
  font-family:'High German W00';
  text-align: center;
  margin-bottom: 0px;
  margin-top: 20px;
  font-size: 7em;
  line-height: 1em;
  color: #fff;
  text-shadow: 7px 3px 5px rgba(0, 0, 0, 0.45);
}
.on-cover-content .section-header.image{
    position: absolute;
    top: 30%;
    width: 100%;
    z-index: 99;
    font-family: 'Intro Head R W00 Base';
    text-align: center;
    margin-bottom: 0px;
    font-size: 7em;
    line-height: 1em;
    color: #fff;
    text-shadow: 7px 3px 5px rgba(0, 0, 0, 0.45);
}
.on-cover-content .cover-button-atlas {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  line-height: 30px;
  width: 72%;
  margin: 0 auto;
  z-index: 100;
}
.on-cover-content .cover-button-atlas a {
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    padding: 10px 10px 10px 10px;
    width: 200px;
    margin: 0 auto;
    border-radius: 10px;
    font-family: 'Futura LT W01 Light';
    font-size: 25px;
}
.on-cover-content .cover-button-atlas img {
box-shadow: 0 0 15px black;
    margin: 0 auto;
}
.on-cover-content .cover-button-forest {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  line-height: 30px;
  width: 75%;
  margin: 0 auto;
  z-index: 100;
}
.on-cover-content .cover-button-forest a {
    text-align: center;
    background-color: rgba(0,147,209,0.7);
    padding: 10px 10px 10px 10px;
    width: 200px;
    margin: 0 auto;
    border-radius: 10px;
    font-family: 'Futura LT W01 Light';
    font-size: 25px;
}
.on-cover-content .cover-button-forest h3 {
    font-family:'Helvetica Neue LT W01107XBlkCn';
    font-size: 40px;
    margin: 20px 0 20px 0;
    color: #fff;
    text-shadow: 0 0 15px black;
}
.on-cover-content .cover-button-atlas h3 {
    font-family:'Helvetica Neue LT W01107XBlkCn';
    font-size: 40px;
    margin: 20px 0 20px 0;
    color: #fff;
    text-shadow: 0 0 15px black;
}
.on-cover-content .cover-button-forest img {
  box-shadow: 0 0 15px black;
    margin: 0 auto;
}
.on-cover-content a {
  display: block;
}
.on-cover-content a:hover,
.on-cover-content a:focus {
  text-decoration: none;
}

@media (max-width: 768px) {
.on-cover-content .section-header.image {
    top: 14%;
  }
  .on-cover-content .cover-button-atlas {
    float: initial;
    top: 47%;
  }
  .on-cover-content .cover-button-forest {
    float: initial;
    top: 47%;
  }
}
@media (max-width: 736px) {
.on-cover-content .section-header {
    font-size: 5em;
  }
  .on-cover-content .section-header.image {
    top: 25%;
}
  .on-cover-content .section-header.image img{
    width: 150px;
  }
  .on-cover-content .cover-holder .cover-bar {
    height: 100px;
  }
  .on-cover-content .cover-social h4 {
    visibility: hidden;
  }
}
@media (max-width: 568px) {
  .on-cover-content .section-header {
      font-size: 3em;
      margin-top: 10px;
  }
  .on-cover-content .cover-holder .cover-bar {
    height: 60px;
  }
  .on-cover-content .section-header.image img {
    width: 120px;
  }
  .on-cover-content .section-header.image {
    top: 20%;
  }
  .on-cover-content .cover-button-atlas h3, .on-cover-content .cover-button-forest h3 {
    font-size: 25px;
  }
  .on-cover-content .cover-button-atlas a, .on-cover-content .cover-button-forest a {
    padding: 5px 5px;
    width: 150px;
    font-size: 20px;
  }
}

@media (max-width: 414px) {
    .on-cover-content .section-header.image {
    top: 15%;
  }
    .on-cover-content .cover-button-atlas {
    float: initial;
    top: 45%;
  }
  .on-cover-content .cover-button-forest {
    float: initial;
    top: 45%;
  }
  .on-cover-content .cover-button-atlas h3, .on-cover-content .cover-button-forest h3 {
    font-size: 25px;
  }
  .on-cover-content .cover-button-atlas a, .on-cover-content .cover-button-forest a {
    padding: 5px 5px;
    width: 150px;
    font-size: 20px;
  }
    .on-cover-content .cover-social h4 {
    visibility: visible;
    padding: 0px 5px;
  }
    .on-cover-content .section-header.image img {
    width: 150px;
  }
}
@media (max-width: 320px) {
    .on-cover-content .section-header.image {
    top: 10%;
  }
    .on-cover-content .cover-button-atlas h3, .on-cover-content .cover-button-forest h3 {
    font-size: 20px;
    margin: 10px 0 10px 0;
  }
  .on-cover-content .cover-button-atlas a, .on-cover-content .cover-button-forest a {
    padding: 2px 2px;
    width: 100px;
    font-size: 15px;
  }
  .on-cover-content .cover-social h4 {
    font-size: 15px;
    padding: 0px 5px;
  }
  .on-cover-content .cover-social img {
    width: 80px;
    height: 80px;
  }
}