/*Defaults */
body 					{background:transparent url('../images/Index/brewery4.jpg') repeat;background-size:100%;margin:0;padding:0;font-family: "Lato", sans-serif;}
				
div 					{margin:0px;padding:0px}
li, img 				{margin:0px;padding:0px;border:0px;text-indent:0px;text-decoration:none;text-align:left}
img						{max-width:100%;height:auto;}
	

ol, ul 					{list-style:none;margin:0px;padding:0px;}

ul li a 				{text-decoration:none}
ol li a 				{text-decoration:none}

h1 						{margin:0px;padding:0px;font-size:38px;font-family:Arial;font-weight:bold}
h2 						{margin:0px;padding:0px;font-size:28px;font-family:Arial;font-weight:bold;}
h3						{margin:0px;padding:0px;font-size:18px;font-family:Arial;font-weight:bold;color:maroon}
	
p 						{font-family:Arial;font-size:14px}

table					{text-align:left;border:2px;border-color:black;border-collapse:collapse;border-style:solid}

th						{color:white;background-color:black;border:2px;border-color:black;border-style:solid}
td						{border:2px;border-color:black;border-style:solid}
	
.blue 					{color:#0099FF;font-style:italic;}
.reset					{clear:both}

/*Main Page*/
/*#wrapper 				{width:100%;margin:0px auto;background-color:#d7d9bf;}*/
#wrapper 				{width:100%;margin:0px auto;background-color:#f5f6ef;}
#top 					{background-color:black;width:100%; padding:0px 0 5PX 0;overflow:hidden;}
#top h1					{float:left;color:white;font-weight:bold;font-size:48px;padding-top:30PX;margin-left:10px}

#logo					{margin:10px 0 0 10px;float:left;}


#social 				{float:right;margin:0 10px 0 0;padding-top:20px}
#social p 				{color:white;font-size:11px;margin:3px 10px 4px 0px;}
#social img 			{width:30px;height:30px;margin:5px}
#social ul li 			{display:inline;}

#bannerwrap				{background-color:black;padding-bottom:20px;}

.topnav 				{float:left;background-color:#333333;width:100%;height:auto;}
.topnav ul				{max-width:1200px;margin:0 Auto;}
.topnav a 				{float:left;display:block;padding:10px 20px;font-size:20px;}
.topnav a:link 			{color:#ffffff; }
.topnav a:visited 		{color:#ffffff; }
.topnav a:active 		{color:#ffffff; }
.topnav a:hover 		{color:#ffffff;background-color:#838850;}
.topnav a:focus		 	{color:#ffffff; }
.topnav .closebtn 		{position: absolute;top: 0;right:0;font-size: 36px;margin-left:50px;text-decoration: none;display:none}

.topnavmob 					{display:none;width:100%;height:48px;float:left;background-color:#333333;font-size:30px;}
.topnavmob a 				{float:left;padding:5px 20px;display:block;}
.topnavmob a.mobilemenu 	{float:right;padding:5px 20px;display:block;text-decoration: none}
.topnavmob a:link 			{color:#ffffff; }
.topnavmob a:visited 		{color:#ffffff; }
.topnavmob a:active 		{color:#ffffff; }
.topnavmob a:hover 			{color:#ffffff;background-color:#838850;}
.topnavmob a:focus		 	{color:#ffffff; }

/*#banner					{clear:both;height:421px;width:100%;margin:0 Auto;background-color:#111;background:url('../images/Index/brewery5.jpg')}*/
#banner					{clear:both;height:auto;width:100%;margin:0 Auto;background-color:#111;background:url('../images/Index/brewery5.jpg')}


.slideshow 				{height: 421px; width: 980px; margin:auto}
.slideshow img 			{padding: 0px;}

/*#subbanner 				{width:100%;text-align:center;background-color:#333333;padding:15px 0;border-top:3px #cccccc solid;border-radius:0 0 15px 15px}*/
#subbanner 				{width:100%;text-align:center;background-color:#333333;padding:5px 0}
#subbanner h3 			{color:white;font-size:10px;font-weight:bold;line-height:5px}

#FlexIndex				{display: flex;max-width:1200px;margin:auto;background-color:#ebecdf;clear:both}

	
#content 				{padding:20px;flex-basis:75%;background-color:#f5f6ef}
#content h1 			{padding:0 0 20px 0;font-size:32px;border-bottom:1px #777777 solid}
#content p 				{margin:10px 0;line-height:160%;font-size:16px;text-align:justify}
#content h2				{margin:20px 0 0 0}
/*#content img			{padding:8px;border:1px #888888 solid;margin:8px 15px 8px 0px;float:left}*/

#sidebar 				{flex-basis:25%;padding-left:20px;padding-right:15px}
/*#sidebar 				{padding-left:20px;padding-right:15px}*/
#sidebar h2 			{margin:20px 0 10px 0;color:maroon;}
#sidebar p 				{margin:8px 15px 8px 0px;line-height:160%;text-align:justify}
#sidebar img			{padding:8px;border:1px #888888 solid;margin:8px 15px 8px 0px;float:left}

#footer 				{clear:both;background-color:black;text-align:center;padding:5px 0px}	
#footer p				{color:white}

/*Full Width Content*/
#contentfull			{flex-basis:100%;background-color:#f5f6ef;clear:both;margin:Auto;max-width:1200px}
#contentfull h1 		{margin:0 0 0 15px;font-size:38px;border-bottom:1px #777777 solid}
#contentfull p 			{margin:20px 20px;line-height:160%;text-align:justify}
#contentfull h2			{margin:20px}
#contentfull h2 a		{color:black}
#contentfull h3			{margin:20px}
#contentfull img		{padding:20px 20px 20px 20px;height:auto;max-width:100%;box-sizing: border-box;display:block;float:left}

#contentfull a			{font-weight:bold;color:#3333FF}
#contentfull ul			{list-style:disc;margin:0 40px 0 80px;font-family:Arial;font-size:14px;line-height:160%;}
#contentfull ol			{list-style:decimal;margin:0 40px 0 80px;font-family:Arial;font-size:14px;line-height:160%;}

#contentfull li			{text-align:justify;margin-bottom:10px}


/*Index on Left, content Right */
/*#leftbar 				{flex-basis:25%;padding:10px 0px;background-color:#ebecdf;}*/
/*#leftbar 				{flex-basis:25%;padding:10px 0px;background:linear-gradient(rgba(235,236,223,0.93),rgba(235,236,223,0.9)),url('../images/Index/VerticalHops.png')}*/
#leftbar 				{flex-basis:25%;padding:10px 0px;background:linear-gradient(rgba(225,226,207,0.93),rgba(225,226,207,0.9)),url('../images/Index/VerticalHops.png')}
#leftbar h2 			{margin:0 0 10px 0;color:maroon;text-align:center}
#leftbar h3				{text-align:center}
#leftbar a				{padding:10px 20px;display:block;text-decoration:none;text-align:center;font-weight:bold;font-size:18px;color:#ffffff;}
#leftbar a:visited 		{color:#0066CC; }
#leftbar a:hover		{background-color:#838850;color:#0000FF;}
#leftbar a:link 		{color:black; }
#leftbar a:visited 		{color:black; }
#leftbar a:active 		{color:#ffffff; }
#leftbar a:hover 		{color:#ffffff;background-color:#838850;}
#leftbar a:focus		{color:#ffffff; }


/*#contentright 			{padding:10px 20px;flex-basis:75%;height:100%;background-color:#FFFCF9;}*/
#contentright 			{padding:10px 20px;flex-basis:75%;height:100%;background-color:#f5f6ef;}
#contentright h1 		{padding:10px 0 20px 0;font-size:32px;border-bottom:1px #777777 solid}
#contentright p 		{margin:10px 0;line-height:160%;font-size:16px;text-align:justify;}
#contentright h2		{margin:20px 0 0 0}
/*#contentright img		{padding:5px;margin:10px 10px 10px 0; float: left;}*/


/*SlideshowCSS */
#slideshowContainer 	{width:632px;margin:0px auto 0 auto;position:relative;}
#slideshowContainer h2  {text-align:center;font-style:italic;font-size:36px;font-weight:bold;font-family:Arial}
.slideshow2 			{height: 332px;}
.slideshow2 img 		{padding:5px;border:1px solid #ccc;background-color: #eee;}
#slidenav 				{list-style-type:none;z-index:150;}
#slideshowContainer ul	{width:100%;margin:0px;list-style-type:none}
#slidenav ul li			{display:inline}
#slidenav li a 	    	{float:left;width:58px;height:102px;}
#prev a 				{background:url('../images/SlideControls/left.png');width:58px;height:102px;position:relative;top: -170px;left: -65px;}
#next a 				{background:url('../images/SlideControls/right.png');width:58px;height:102px;position:relative;top: -170px;left: 600px;}
#next a:hover 			{background:url('../images/SlideControls/right_over.png')}
#prev a:hover 			{background:url('../images/SlideControls/left_over.png');}
#slidefooter			{width:100%;clear:both}


/* tables */
.recipe					{margin:40px 20px 20px 20px;font-family: Arial}
.recipe tr td			{padding:0px 5px}

.Recipe_col1			{width:40%}
.Recipe_col2			{width:20%;text-align:center}
.Recipe_col3			{width:40%}


.tabequal				{margin:20px;text-align:center;font-family:Arial}
.tabequal td			{width:8%;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media screen and (max-width: 450px) {
	#social {display:none;}
	#FlexIndex {flex-direction:column;}
	#content {flex-basis:100%;}
	#sidebar {flex-basis:100%;}
	.topnavmob {display: block;}
  	.topnav {
  		height: 100%;
  		opacity:0.92;
    	width: 0;
    	position: fixed;
   		z-index: 1000;
    	top: 0;
    	left: 0;
    	background-color: #111;
    	overflow-x: hidden;
    	transition: 0.5s;
    	padding-top: 60px;}
    .topnav a {float:none}
    .topnav .closebtn {display:block;}
           
}