/*
Theme Name: Sam's Quikshop
Author: Hudson Haines
Author URI: http://www.HudsonHaines.com
Version: 1.0
Text Domain: foundation
*/

/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Navigation
:: Footer
:: Images
:: Posts
:: Typography

*/

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.five, .row .five {
width: 39.66667%;
}



body {
    color: #fff;
}

.ie8 html { 
    background-color: black;
}

.main-content {
  background: rgba(0, 0, 0, 0.5);
  border:1px solid;
    border-color: #fff;

}

#logo {
    position: relative;
    top: -30px;
}

.button {
    margin-left: auto;
margin-right: auto;
display: block;
width: 30%;
margin-bottom: 60px;
}
#brandnav {
    text-align: center;
}

#brandnav li {
  float: left;
display: block;
list-style-type: none;
font-size: 18px;
}

#brandnav li a {
  color:;
}

#brandnav ul {
  margin-left: auto;  
  margin-right: auto;
  display: block;
  margin-left: 29%;
}

a {outline : none;}

a img {outline : none;}

img {border : 0;}
/* -----------------------------------------
   Navigation
----------------------------------------- */
.nav-bar {
height: 40px;
background: none;
margin-left: 0;
margin-top: 20px;
float: right;

position: absolute;
top: -20px;
right:0px;
float: right;
}
.nav-bar>li>a:first-child{
  padding: 0 12px;
}

.nav-bar>li>a {
    padding: 0 12px;
}
.nav-border {
  border-bottom:1px solid;
  border-color: #fff;
  height: 42px;
  background: rgba(0, 0, 0, 0.5);
}

.nav-bar>li {
    border:none;
    -webkit-box-shadow: none;
}

.nav-bar>li:last-child {
  border-right: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* -----------------------------------------
   Calendar Page
----------------------------------------- */

        body {
            background:url("http://www.hhh-development.com/sams/wp-content/uploads/2013/06/aboutpage.jpg")no-repeat center center fixed;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover; 
          } 
          .site-background {
          background: rgba(0, 0, 0, 0.5);
          border:1px solid;
          border-color: #1EF7AF;
          margin:50px 0;
          }
  #calendar a {
      color: #1EF7AF;
  }

  .summary p {
    font-size: 18px;
    font-style: bold;
  }


/* -----------------------------------------
   Gallery
----------------------------------------- */
#gallery img {
    height: 100px;
    width: 100px;
}

.gallery-wrapper ul {
  list-style-type: none;
}

.gallery-wrapper li {
    float: left;
    margin: 25px;
}

/*
.afg-cell {
    float: left;
}
*/
/* -----------------------------------------
   Footer
----------------------------------------- */
.footer-border {
  border-top:1px solid;
  border-color: #fff;
  height: 42px;
  background: rgba(0, 0, 0, 0.5);
  margin-top: 35px;
  width: 103.25%;
margin-left: -15px;
}

.footer-border p {
    margin: 0;
}

.footer-border #right p {
  float:right;
  padding-right: 15px;
}

.footer-border #left {
    margin: 4px 0 0 15px;
}
/* -----------------------------------------
   Bottom Widgets
----------------------------------------- */
.bottom-box {
    margin-top: 30px;
}

.bottom-box.border {
  border:1px solid;
  border-color: #fff;
  background: rgba(0, 0, 0, 0.5);
}


.bottom-box li {
  list-style-type: none;
  display: inline;
}

.social {
  /*
  width: 50px;
  margin-right: 13px;
  */
  width: 40px;
  margin-right: 25px;
}

.twitter-timeline {
    padding: 10px 5px 0px 5px;
}

.three.columns.bottom {
    padding: 0px;
}

#one {
  padding: 0px;
}

#two {
  padding-left: 0px;
  height: 200px;
}
#two-inner {
    height:205px;
    text-align: center;
    padding-top: 35px;
}

#two-inner h3 {
    margin: 0;
}
#three {
  padding: 0px;
}
#four {
  padding-right: 0px;
}

#four-inner {
  height: 205px;
}

#four-inner img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* -----------------------------------------
   Images
----------------------------------------- */

.widget img {
    max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}
img.size-full {
    max-width: 97.5%;
    width: auto; /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

.wp-caption { max-width: 100%; }

/* -----------------------------------------
   Homepage
----------------------------------------- */
#featured-image {
    float: right;
    margin-top: 25px;
}


/* -----------------------------------------
  Beer Brand Pages
-------------------------------------------*/
.beer-brand {
  background: rgba(0, 0, 0, 0.5);
          border:1px solid;
          border-color: #fff;
          margin:15px 35px 10px 35px;
  height: 260px;
}

.beer-brand ul {
    list-style-type: none;
}

#beerlogo {
    display: block;
    margin: 10px auto 10px auto;

}

#beeradvocate {
    width: 115px;
    margin-right: 10px;
}

#ratebeer {
    width: 65px;
}

#ratings {
    margin: 15px 0 15px 0;
   position: relative;
bottom: 14px;
left: 0px;
}

#no-style-list {
    list-style-type: none;
}

#ratings-style {
  margin: 15px 0 15px 0;
   position: relative;
bottom: 14px;
left: 0px;
}


/* -----------------------------------------
  Beer Style Pages
-------------------------------------------*/

#style_box {
    text-align: center;
}

#wiki {
    width: 150px;
}

.style {
    margin-bottom: 15px;
}

/* -----------------------------------------
   Posts
----------------------------------------- */

.author-box h5 {margin-top:0px;}
.author-box .author_gravatar {margin-right:10px;}
.author-box p {font-size:14px; font-size:1.4rem;}

article .th {margin-bottom:10px; margin-bottom:1rem;}

.alignleft {float:left;}
.alignright {float:right;}

/* -----------------------------------------
   Typography
----------------------------------------- */

body,h1,h2,h3,h4,h5,h6 {font-family: 'Old Standard TT', serif;}
h1,h2,h3,h4,h5,h6 {font-weight:400;}

.site-title .subheader {margin-bottom:0;}

p {
  color: white;
}

h1 {
  margin-bottom: 0px;
  font-size: 40px;
}

h3 {
  margin-top: 0px;
}

.large {
    font-size: 64px;
}

#style_name {
  margin: 50px 0 50px 0;
  font-size: 35px;
    
}


@media only screen and (max-width: 767px) {
  .mobile-nav {
    margin-right: auto;
    margin-left: auto;
    display: block;  
    width: 75%;
    margin-top: 98px;
  }


  .reveal-modal {
    background: none;
  }

  #logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .nav-bar {
      float: none;
      position: relative;
  }

  .nav-modal {
      height: 260px;
      background-color: #000;
  }

  #one {
      padding: 0px; 
      text-align: center;
  }
  #two {
      padding: 0px;
  }

  #three {
      margin-top: 25px;
      text-align: center;
  }

  #four {
      padding: 0px;
      margin-bottom: 25px;
  }

  #left {
      text-align: center;
  }

  #phone-number {
    width: 100%;
    padding: 10px;
    text-align: center;
    background: #000;
    border-bottom: 1px #fff solid;
    margin: 0px;
    position: fixed;
  z-index: 100;
  }

  #phone-number h4 a {
    color: #fff;
  }

  #phone-number h4 {
      margin: 0px;
  }

  .button {
      background-color: #1EF7AF;
      border: none;
  }

  .button:hover {
      background-color: #1EF7AF;
  }

  .tribe-events-calendar-buttons {
      padding-top: 12px;
  }

  .view-button {
      margin-left: auto;
  }
  #brandnav ul {
  margin-left: auto;  
  margin-right: auto;
  display: block;
  margin-left: 0;
}
  #wiki {
    width: 100px;
  }

  .style {
    width: 100px;
  }

  }