/*
Theme Name: Gallo's Theme
Reset
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
}
body {
   line-height: 1;
}
ol,
ul {
   list-style: none;
}
blockquote,
q {
   quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
   content: '';
   content: none;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
caption,
th,
td {
   font-weight: normal;
   text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   clear: both;
}
html {
   overflow-y: scroll;
   font-size: 100%;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}
a:focus {
   outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
   display: block;
}
audio,
canvas,
video {
   display: inline-block;
}
audio:not([controls]) {
   display: none;
}
del {
   color: #363636;
}
ins {
   background: #fff9c0;
   text-decoration: none;
}
hr {
}
sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}
sup {
   top: -0.5em;
}
sub {
   bottom: -0.25em;
}
small {
   font-size: smaller;
}
img {
   border: 0;
   -ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
   clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
   display: table;
   content: "";
}


/* Form fields, general styles first */
/*button,*/
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
   padding: 5px 11px;
   border:1px solid #c4983c;
   font-size:183px;
   outline:none;
   color: #000;
   margin-top: 0;
   margin-bottom: 0;
   margin-right:0;
   width:100%;
}
button,
input {
    line-height: normal;
}
textarea {
   font-size: 100%;
   overflow: auto;
   vertical-align: top;
   height: 198px;
   resize:none;
}

.forms-container ::-webkit-input-placeholder {
   color:#414042;
   font-weight:300;
   font-style:italic;
}

.forms-container :-moz-placeholder { /* Firefox 18- */
   color:#414042;
   font-weight:300;
   font-style:italic;
}

.forms-container ::-moz-placeholder {  /* Firefox 19+ */
   color:#414042;
   font-weight:300;
   font-style:italic;
}

.forms-container :-ms-input-placeholder {
   color:#414042;
   font-weight:300;
   font-style:italic;
}
main p.notification{
   color:#414042;
   font-weight:300;
   font-style:italic;
   margin-bottom:20px;
}
/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
   border: 0;
   border-radius: 0;
   padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"] {
   padding: 0;
   border:none;
   margin: 0;
   outline:none;
}

input[type="submit"]:hover{
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
   cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}

.clearfix{
   clear:both;
}
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
   max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
   max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
   float: left;
}
.alignright {
   float: right;
}
.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}


/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
html {
   font-size: 87.5%;
}
body {
   padding:0;
   margin:0;
   line-height:1.2;
}
body.custom-font-enabled {
}
a {
   outline: none;
   color: #363636;
}
a:hover {
   color: #363636;
}
div.ppt{
   display:none !important;
}


/* Page structure */
.site {
   width: 100%;
   position:relative;
   margin:0;
   padding:0;
   overflow-y:hidden;
}

/* Header */

.site-header {
   width:100%;
   padding: 10px 0;
   padding-bottom:0;
}
.logo {
   display: block;
   float: left;
}
#site-navigation {
   float: right;
}
.slider-container{
   position:relative;
   width:100%;
}
.nav-menu li,
.footer-nav-menu li {
   display:inline-block;
}
.nav-menu li:first-child,
.footer-nav-menu li:first-child {
   padding-left:0;
}
.nav-menu li:last-child,
.footer-nav-menu li:last-child {
   padding-right:0;
}
.nav-menu li.current-menu-item a,
.nav-menu li.current_page_parent a{
}
.nav-menu li a,
.footer-nav-menu li a{
   text-decoration:none;
}
.nav-menu li:hover a,
.footer-nav-menu li:hover a{
}
.footer-nav-menu li.current-menu-item a,
.footer-nav-menu li.current_page_parent a{
   text-decoration:underline;
}


/* =Main content
-------------------------------------------------------------- */

img.alignleft {
   margin: 12px 24px 12px 0;
   margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
   margin-left: 50px;
   margin-top: 5px;
}
img.aligncenter {
   margin-top: 12px;
   margin-top: 0.857142857rem;
   margin-bottom: 12px;
   margin-bottom: 0.857142857rem;
}

/* Blog defaults */

.sidebar{
   width:150px;
}
.blog-content{
   width:665px;
}
.right-blog-sidebar .blog-content,
.right-blog-sidebar .sidebar{
   float:left;
}
.left-blog-sidebar .blog-content,
.left-blog-sidebar .sidebar{
   float:right;
}
.no-blog-sidebar .blog-content{
   width:890px;
}
.no-blog-sidebar .sidebar{
   display:none;
}
.right-blog-sidebar .blog-content{
   margin-right:75px;
   margin-left:70px;
}
.left-blog-sidebar .blog-content{
   margin-left:75px;
   width:735px;
}
.no-blog-sidebar .blog-content{
   margin-left:70px;
}
h1.blog-top {
   margin-bottom: 32px;
   display: block;
}
div.post{
   margin-bottom:40px;
   line-height:18px;
}
.post > h1{
   text-transform:none;
}
.post h1 a{
   text-decoration:none;
   text-transform:none;
}
.post .post-details{
   font-size:12px;
   display:block;
   margin-bottom: 25px;
   margin-top: 10px;
}
.post a.read_more,
.post a.comments-link {
   display: block;
   text-decoration: none;
   font-size: 13px;
   margin-top:20px;
}
.post a.comments-link {
   text-align:right;
}
#commentform > p {
   display: block;
   position: relative;
}
.pagination {
   text-align: center;
}
.pagination *{
   text-decoration:none;
   margin-right:5px;
   font-size:14px;
}
.pagination span.current{
}
.comment.list{
   margin-top:30px;
}
.comment.list h3#comments{
   margin-bottom: 10px;
}
.commentlist{
   margin-bottom:30px;
}
.comment-respond label{
   display:block;
}
.site textarea#comment{
   width:643px;
}
.sidebar-widget{
   margin-bottom:30px;
}
.sidebar-widget a{
   text-decoration:none;
}
.sidebar-widget li{
   margin-bottom:2px 0;
}

/* Contact Form 7 error messages */

span[role=alert]{
   border: 1px solid;
   position: absolute;
   top: 0;
   right: 0;
   background-color: #fff;
   padding: 2px;
}

@media screen and (max-width:960px){
   .home-main .hptextblock1 {text-align:center !important}
   .home-main img.wp-image-304 {margin-bottom:20px !important;float:none !important}
   .home-main img.wp-image-304 + a.button {margin-bottom:20px !important;float:none !important;display:inline-block !important;text-align:center !important}
}


@media screen and (max-width:600px){
   .beermenu caption {font-size:18px !important}
   #beer_menu thead  {font-size:16px !important}
   #beer_menu tbody * {font-size:13px !important}
}

.navbar .main-navigation li:last-child::after {background:none !important}

#EMP {color:#ffffff;font-size: 12px;margin:10px 0 20px 0;padding:0;text-align:center;}
#EMP a {-webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s;}
#EMP a:focus, a:hover {text-decoration: none;outline: 0;}
#EMP a:hover {color: #dd0104;}