/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  margin: 0;
  padding-bottom: 40px;
  color: #FFF;
     font-size: 14px;
    font-family: Arial, Tahoma, Sans-serif;
 background: #000 url('../images/-metal.jpg') repeat top fixed;
}

h1, h2 {
font-family: Arial, Tahoma, Sans-serif;
}
h1 {
  margin: 10px 20px;
  font-size: 35px;
}
h2 {
  margin: 7px 20px;
  font-size: 42px;
}


h2, .h2 {
    font-size: 30px;
}

h3 {
  margin: 7px 20px;
  font-family: Arial, Tahoma, Sans-serif;
  font-size: 26px;
  color: #e9cf9c;
}

h4, h5 {
  margin: 3px 20px 7px 20px;
  font-family: Arial, Tahoma, Sans-serif;
  font-size: 22px;
  color: #eed8a7;
  text-shadow: 1px 1px 3px #000;
}

.darkbg {
margin: 10px 0;
padding: 10px 3px;
background: transparent url('../images/70.png') repeat;
}

#portalEventLeadEdit {
padding-left:30px;
}

#portalEventLeadEdit .rc-legend{
color: #fff;
}
#portalEventLeadEdit .sectionHeaderLine {
font-size:17px;
background-color: #000;
}

#portalEventLeadEdit .rc-label-column label{
font-size:14px;
}

#portalEventLeadEdit .rc-legend {
color:#fff;
}

#portalEventLeadEdit .rc-textarea {
color:#000;
}

#portalEventLeadEdit .ui-button-text {
color: #555555;
}

.rc-section-line-color {
    background-color: #fff;
    margin-top: 8px;
    margin-bottom: 4px;
    padding: 3px;
    width: 97%;
    font-weight: bold;
}

#content ul, #content ul li {
  font-family: Arial, Tahoma, Sans-serif;
  font-size: 16px;
}
#content ol {
  margin: 10px 20px;
  padding: 10px 20px;
}
#content ol li {
  margin: 5px;
  font-family: Arial, Tahoma, Sans-serif;
  font-size: 16px;
}

p {
  margin: 3px 20px 13px 20px;
  font-family: Arial, Tahoma, Sans-serif;
  font-size: 16px;
  color: #EEE;
}

p.sm {
 margin: 15px;
 font-size: 10px;
 text-align: center;
 text-shadow: 1px 1px 3px #000;
}

.error {
  display: none;
}

.about p, .orderhome p, p.handwriting {
   font-family: Arial, Tahoma, Sans-serif;
  font-size: 22px;
}

.orderhome {
  position: relative;
  }
  
  
#social_chalkboard {
display: none;
}
#topnav_social_home {
  margin: 0;
  padding: 0;
  background: transparent;
  height: 45px;
  width: 200px;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 0;
   top: -100px;
 
}


#topnav_social {
    background: transparent none repeat scroll 0 0;
    height: 45px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 150px;
    width: 200px;
    z-index: 1000;
}

.tourshome {
margin: 0;
padding: 0;
  position: absolute;
  width: 250px;
  right: 0;
  top: -100px;
}

.virtualtours {
    margin: 15px;
    position: absolute;
    right: 0;
    text-align: right;
        top: 90px;
    width: 250px;
    z-index: 1000;
}
.virtualtours a:link, .virtualtours a:visited, footer {
  text-shadow: 1px 1px 3px #000;
}

.tour-link {
padding-top:8px;
display:block;
}


#homepage p {
  margin: 3px 20px 13px 20px;
  font-size: 22px;
  font-family: 'Covered By Your Grace', cursive;
  color: #EEE;
}

#homepage .about p {
  font-size: 18px;
  color: #000;
}


ul#non-profit{
    list-style-type: none;
    padding: 0px 0px 0px 20px;
}

ul#non-profit li{
padding:4px 0px 3px 0px;
}

.phones p {
font-size: 14px;
}

img.piggy {
width: 115px;
float: left;
}

p.sm {
	font-size: 14px;
}

a:link, a:visited {
color: #f7d41e;
}
a:hover, a:active {
color: #FFF;
text-shadow: 1px 1px 1px #000;
text-decoration: none;
}

input, select {
color: #000;
}
section {
margin: 0;
padding: 0;
}

.clear {
  clear: both;
}

#page {
margin: 0 auto;
width: 970px;
position: relative;
overflow: hidden;
box-shadow: 1px 1px 7px rgba(0,0,0,0.8);
}
#content {
width: 640px;
}
#content img.order {
z-index: 0;
}

#content .error, #declined {
  margin: 3px 10px 13px 10px;
  font-size: 16px;
  color: red;
}

/* CART PAGE */


.itemphoto-sidecart img {
width: 75px;
}


.hd_desc {
margin: 2% 0 0 3%;
float: left;
width: 47%;
font-size: 14px;
}
.hd_qty {
margin: 2% 0 0 0;
float: left;
width: 7%;
font-size: 14px;
}
.hd_qty input {
height: 28px;
line-height: 28px;
}
.hd_price {
margin: 2% 3% 0 0;
float: left;
width: 15%;
font-size: 14px;
text-align: right;
}
.hd_update {
margin: 2% 0 0 0;
float: left;
width: 25%;
font-size: 14px;
}

.hd_total {
margin: 2% 3% 0 0;
float: left;
width: 97%;
font-size: 14px;
text-align: right;
}


#shipRate {
text-align: right;
}

label {
font-weight: normal;
font-size: 18px;
line-height: 18px;
}
.input-group {
margin: 25px;
}
.basic-addon1 {
width: 100px;
text-align: right;
}

#paper {
padding: 0 0 50px 0;
position: relative;
}

#papercolumnwrapper {
width: 270px;
float: right;
}
#papercolumn {
margin: 0;
padding: 15px 0;
width: 270px;
/* background: transparent url('../images/chalkboard.jpg') repeat-y top right; */
box-shadow: 1px 1px 5px #000;
color: #FFF;
}

#papercolumn h3, #papercolumn div {
color: #FFF;
}
#papercolumn h3 {
font-size: 21px;
}

.fixed {
position: fixed;
top: 0;
}
.fixedbottom {
position: absolute;
bottom: 0;
}

#joinup {
text-align: center;

}
#download {
  margin: 20px;
}
.phiggy {
float: left;
}

#papercolumn h2 {
  margin: 10px 20px;
  font-size: 48px;
  color: #FFF;
}
#papercolumn ul {
  margin: 30px 20px;
  padding: 0;
  }
#papercolumn ul li {
  list-style: outside none;
  font-size: 19px;
}

#papercolumn a:link, #papercolumn a:visited {
	color: #FFF;
}
#papercolumn a:active, #papercolumn a:hover {
	color: #f7d41e;
	text-shadow: none;
}


.itemarea {
width: 642px;
  height: 440px;
}

.itemphoto {
width: 320px;
float: left;
text-align: right;
}

.iteminfo {
padding: 25px 0 0 0;
width: 320px;
float: left;
}

.addtocart {
  font-family: 'Smokum', cursive;
  font-size: 36px;
}

.dropdown {
padding: 3px 7px;
color: #000;
}

.addtocart input.qty {
margin: 0 5px 5px 20px;
padding: 0 8px;
height: 48px;
width: 60px;
color: #000;
}
.addtocart input.add {
margin: 0 5px 5px 10px;
}


.itemarea-sidecart {
margin: 10px 0 30px 0;
padding: 10px;
width: 320px;
height: 100px;
}

.itemphoto-sidecart {
width: 82px;
float: left;
text-align: right;
}

.iteminfo-sidecart {
padding: 0;
width: 200px;
float: left;
}
.iteminfo-sidecart h3 {
margin: 0;
color: #000;
}

.addtocart-sidecart {
  font-family: 'Smokum', cursive;
  font-size: 24px;
color: #000;
}

.addtocart input.qty-sidecart {
margin: 0 5px 5px 20px;
padding: 0 8px;
height: 25px;
width: 30px;
color: #000;
}

.location {
margin: 0 0 30px 0;
padding: 0;
width: 650px;
background: transparent url('../images/arrow-big.png') top left no-repeat;
float: left;
}
.locationinfo {
margin: 0;
padding: 0;
width: 245px;
float: left;
}
.woodboard {
margin: 10px;
padding: 6px 10px 10px 6px;
width: 375px;
float: right;
}
.woodboard h4 {
color: #c78c00;
font-size: 20px;
text-align: center;
}
.ratings {
margin: 5px;
clear: both;
text-align: center;
}
.ratings img {
margin: 5px 0;
width: 102px;
}

.phone {
margin: 0 5px 5px 0;
float: left;
}

#photohead {
	margin: 0;
	height: 184px;
/*	background: transparent url('../images/metal.jpg') top center; */
}

#beer_handle { 
	background: transparent url('../images/beer-poor.jpg') repeat top fixed;
}


#barrel { 
/*	background: transparent url('../images/barrel.jpg') repeat top fixed; */
}

#stone { 
	/*background: transparent url('../images/stone2.jpg') repeat top fixed;
	background-size: cover;*/
	
	background: none;
}

.about {
  margin: 50px 20px;
  padding: 0;
  background: transparent url('../images/70-white.png') repeat;
  box-shadow: 7px 7px 13px #000;
}
.about h2 {
  margin: 0 30px;
  padding: 50px 0 0 0;
  color: #000;
}
.about p {
  margin: 0 30px;
  padding: 10px 0;
  font-size: 18px;
  color: #000;
}
.about img.phil {
  margin: 0 0 0 10px;
  width: 640px;
  float: right;
}


.about a:link, .about a:visited {
  color: #af1215;
}
.about a:active, .about a:hover {
  color: #000;
  text-shadow: none;
}



/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

#myCarousel {
margin-bottom: -10px;
}

/* Carousel base class */
.carousel {
  height: 700px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 700px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 700px;
}

.carousel-caption {
background: transparent url('../images/70.png') repeat;
}

.product {
width: 210px;
}
h2.item {
  margin: 0;
  font-weight: normal;
  font-size: 36px;
  text-align: center;
}
.col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}

#homeproducts, #maincontent {
margin: 0 0 35px 0;
padding: 0 0 35px 0;
width: 970px;
}
#products {
margin: 0 0 0 20px;
width: 630px;
}

.product3up {
margin: 0;
padding: 0;
width: 31%;
height: 395px;
text-align: center;
float: left;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.arrow {
position: absolute;
top: 45%;
left: 25px;
font-size: 39px;
}
.arrowright {
position: absolute;
top: 45%;
right: 25px;
font-size: 39px;
}

/* Special class for night and day headers */
.navbar-wrapper-day {
  margin: 0;
  padding: 0;
  background: transparent;
  height: 184px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}

.navbar-wrapper-day {
background-color: #000;
z-index:200;
height: 150px;
}
.navbar-wrapper {
  margin: 0;
  padding: 0;
  background: transparent url('../images/50.png') repeat;
  height: 184px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}


/* MAIN NAVIGATION */

.menuclosed, .menuopened, .mobile-nav {
	display: none;
}
nav {
    margin: 7px 0 0 0;
    padding: 0;
    text-align: center;
    z-index: 800;
    width: 100%;
    height: 28px;
    background: #000;
}
nav#bottom {
margin: 5px 0 0 0;
}
nav ul {
    margin: 0;
    padding: 5px 12px 5px 12px ;
    display: block;
}
nav ul li {
margin: 0;
padding: 0;
display: inline;
list-style: outside none;
position: relative;
}
nav ul li a:link, nav ul li a:visited {
margin: 0;
padding: 3px 15px ;
color: #f7d41e;
font-size: 20px;
text-shadow: 1px 1px 3px #000;
z-index: 200;
font-size: 14px;
}

nav#top ul li a:hover, nav#top ul li a:active, 
nav#top ul li.active a:link, nav#top ul li.active a:visited {
color: #FFF;
text-shadow: none;
text-decoration: none;
border-bottom: #FFF solid 3px;
box-shadow: 3px 3px 11px #000;
-webkit-box-shadow: 3px 3px 11px #000;
-moz-box-shadow: 3px 3px 11px #000;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=1, offY=1, positive=true);
}
nav#bottom ul li a:hover, nav#bottom ul li a:active, 
nav#bottom ul li.active a:link, nav#bottom ul li.active a:visited {
color: #FFF;
text-shadow: none;
text-decoration: none;
border-top: #FFF solid 5px;
box-shadow: 3px 3px 11px #000;
-webkit-box-shadow: 3px 3px 11px #000;
-moz-box-shadow: 3px 3px 11px #000;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=1, offY=1, positive=true);
}

nav#top ul li ul {
margin: 0;
padding: 0;
position: absolute;
top: 25px;
left: 0;
text-align: left;
width: auto;
z-index: 900;
display: none;
background: #000;
box-shadow: 3px 3px 11px #000;
-webkit-box-shadow: 3px 3px 11px #000;
-moz-box-shadow: 3px 3px 11px #000;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=1, offY=1, positive=true);
}
nav ul li ul li {
display: block;
margin: 0px 0 6px 0;
white-space: nowrap;
}

nav ul li ul li a:link, nav ul li ul li a:visited {
*padding: 0;
color: #f7d41e;
text-shadow: none;
}
nav#top ul li ul li a:active, nav#top ul li ul li a:hover, 
nav#top ul li.active ul li a:link, nav#top ul li.active ul li a:visited, 
nav#bottom ul li ul li a:active, nav#bottom ul li ul li a:hover, 
nav#bottom ul li.active ul li a:link, nav#bottom ul li.active ul li a:visited {
color: #FFF;
text-decoration: none;
border-top: none;
border-bottom: none;
}
nav ul li.active ul li.active a:link, nav ul li.active ul li.active a:visited {
font-weight: 700;
}
nav#bottom ul li ul {
margin: 0;
padding: 0;
position: absolute;
bottom: 32px;
left: 0;
text-align: left;
width: auto;
z-index: 300000;
display: none;
background: #000;
box-shadow: 3px 3px 11px #000;
-webkit-box-shadow: 3px 3px 11px #000;
-moz-box-shadow: 3px 3px 11px #000;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#000, offX=1, offY=1, positive=true);
}

body.no-js nav ul li ul {
display: none;
visibility: hidden;
}




/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 992px) {

#homeproducts, #maincontent {
width: 770px;
}
#products {
margin: 0 0 0 20px;
width: 440px;
text-align: center;
}
img.product {
width: 150px;
}



.itemarea {
width: 440px;
}

.itemphoto {
width: 440px;
float: left;
text-align: center;
}

.iteminfo {
padding: 25px 0 0 0;
width: 440px;
text-align: center;
float: left;
}

.location {
width: 450px;
}
.locationinfo {
width: 450px;
position: relative;
}
.hours {

}
.phones {

}

.woodboard {
margin: 20px 40px 0 0;
}


#page {
margin: 0 auto;
width: 770px;
position: relative;
overflow: hidden;
}
#content {
margin: 0;
padding: 0;
width: 450px;
}
img.order {
margin: 25px 0 0 0;
width: 400px;
}
.product {
width: 210px;
}

  
.phil {
  width: 100% !important;
}

  /* Navbar positioning foo */
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* Bump up size of carousel content */
  .carousel-caption h2 {
    margin-bottom: 20px;
    font-size: 36px;
  }


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

#topnav_social_home, .tourshome {
  top: -550px;
}

#social_chalkboard {
display: none;
}

/* Carousel base class */
.carousel {
  height: 550px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 550px;
}
.carousel-inner > .item > img {
  height: 550px;
}

	.menuclosed, .menuopened, .mobile-nav {
		display: none;
	}
	nav ul li a:link, nav ul li a:visited {
	margin: 0;
	padding: 14px 10px 12px 10px;
	color: #f7d41e;
	font-size: 16px;
	z-index: 200;
	}

	
	nav ul li a:hover, nav ul li a:active, nav ul li.active a:link, nav ul li.active a:visited {
	background: #000;
	color: #FFF;
	}
	


	nav#top ul li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 31px;
	left: 0;
	text-align: left;
	width: auto;
	z-index: 900;
	display: none;
	background: #000;
	box-shadow: 1px 1px 3px #555;
	-webkit-box-shadow: 1px 1px 3px #555;
	-moz-box-shadow: 1px 1px 3px #555;
	}
	nav ul li ul li {
	display: block;
	margin: 13px 0;
	white-space: nowrap;
	}

	nav ul li ul li a:link, nav ul li ul li a:visited {
	*padding: 0;
	color: #f7d41e;
	text-shadow: none;
	}
	nav ul li ul li a:active, nav ul li ul li a:hover, nav ul li.active ul li a:link, nav ul li.active ul li a:visited {
	color: #FFF;
	}
	nav ul li.active ul li.active a:link, nav ul li.active ul li.active a:visited {
	font-weight: 700;
	}
	nav#bottom ul li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 29px;
	left: 0;
	text-align: left;
	width: auto;
	z-index: 300000;
	display: none;
	background: #000;
	box-shadow: 1px 1px 3px #555;
	-webkit-box-shadow: 1px 1px 3px #555;
	-moz-box-shadow: 1px 1px 3px #555;
	}
	
	
}

/* Note: Design for a width of 320px */



@media only screen and (max-width: 767px) {


#papercolumnwrapper {
width: 320px;
}


#papercolumn {
width: 320px;
}


#photohead {
height:10px;
}


.phils-bbq {
width: 280px;
}

#topnav_social_home, #topnav_social, .virtualtours {
display: none;
}

#social_chalkboard {
width: 100%;
text-align: center;
display: block;
}

.orderhome {
  margin: 150px 0 0 0;
  position: relative;
}

/* Special class for night and day headers */
.navbar-wrapper-day, #photohead {
  height: 154px;

}
.navbar-wrapper {
  height: 154px;
}

#homeproducts, #maincontent {
width: 100%;
}

.hd_desc {
margin: 2% 0 0 3%;
float: left;
width: 37%;
font-size: 24px;
}
.hd_qty {
margin: 2% 0 0 0;
float: left;
width: 7%;
font-size: 24px;
}
.hd_qty input {
height: 28px;
line-height: 28px;
}
.hd_price {
margin: 2% 3% 0 0;
float: left;
width: 25%;
font-size: 24px;
text-align: right;
}
.hd_update {
margin: 2% 0 0 0;
float: left;
width: 25%;
font-size: 24px;
}

.itemarea {
width: 320px;
}

.itemphoto {
width: 320px;
float: left;
text-align: right;
}

.iteminfo {
padding: 25px 0 0 0;
width: 320px;
float: left;
}

.product3up {
margin: 0;
padding: 0;
width: 100%;
text-align: center;
float: none;
}


#products {
margin: 0 0 0 20px;
width: 280px;
text-align: center;
}

.location {
width: 320px;
}
.locationinfo {
width: 320px;
position: relative;
}
.hours {

}
.phones {
position: relative;
}
.woodboard0 {
display: none;
}

.woodboard {
float:none;
margin:0;
   width: 315px;
}

.linecam iframe {
width:295px;
}

.ratings {
display: none;
}


#page {
margin: 0 auto;
width: 320px;
position: relative;
overflow: hidden;
}
#content {
margin: 0;
padding: 0;
width: 320px;
}
img.order {
width: 280px;
}
.product {
width: 210px;
}

#papercolumnwrapper {
margin: 0 0 25px 0;
}
#papercolumn {
width: 320px;
position: relative;
}
  
.phil {
  width: 100% !important;
}





/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */

.videoslider {
  margin: 150px 0 0 0;
  height: 200px;
  display: none;
}


.carousel {
  margin: 150px 0 0 0;
  height: 200px;
  display: none;
}

.carousel-caption h2 {
  margin-bottom: 20px;
  font-size: 30px;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 200px;
}
.carousel-inner > .item > img {
  height: 200px;
}

	nav {
		display: none;
	}
	div.menuclosed, div.menuopened {
		color: #f7d41e;
		background: #000;
		margin: 1px 0;
		padding: 13px;
		font-size: 20px;
		text-shadow: 1px 1px 3px #000;
		z-index: 200;
		width: 100%;
		display: block;
		text-shadow: none;
		cursor: pointer;
	}

	div.menuclosed:active, div.menuclosed:hover {
		color: #f7d41e;
		background: #000;
	}
	div.menuopened {
		color: #f7d41e;
		background: #000;
	}
	div.menuopened:active, div.menuopened:hover {
		color: #FFF;		
		background: #000;
	}
	
	
	.mobile-nav {
	margin: 0;
	padding: 0;
	z-index: 800;
	width: 100%;
	text-align: center;
	}
	.mobile-nav ul {
	margin: 0;
	padding: 0;
	width: 100%;
	}
	.mobile-nav ul li {
	margin: 0;
	padding: 0;
	display: block;
	list-style: outside none;
	position: relative;
	width: 100%;
	}
	.mobile-nav ul li a:link, .mobile-nav ul li a:visited {
	margin: 0;
	padding: 13px;
	color: #f7d41e;
	font-size: 16px;
	text-shadow: 1px 1px 3px #000;
	z-index: 200;
	width: 100%;
	display: block;
	background: #000;
	text-shadow: none;
	}
	.mobile-nav ul li a:hover, .mobile-nav ul li a:active, .mobile-nav ul li.active a:link, .mobile-nav ul li.active a:visited {
	color: #FFF;
	text-decoration: none;
	}

	.mobile-nav ul li ul {
	margin: 0;
	padding: 0;
	}
	.mobile-nav ul li ul li {
	margin: 0;
	padding: 0;
	display: block;
	list-style: outside none;
	position: relative;
	}

	.mobile-nav ul li ul li a:link, .mobile-nav ul li ul li a:visited {
		color: #f7d41e;
		font-size: 16px;
		text-shadow: 1px 1px 3px #000;
		z-index: 200;
		width: 100%;
		display: block;
		background: #000;
		text-shadow: none;
	}
	.mobile-nav ul li ul li a:active, .mobile-nav ul li ul li a:hover, .mobile-nav ul li.active ul li a:link, .mobile-nav ul li.active ul li a:visited {
		color: #FFF;
		text-decoration: none;
	}
	
}