@charset "UTF-8";
/* CSS Document */

/*	creme: 			#DDD7A7; 
	light green: 	#BECDA1;
	mid green: 	#9AB392;
	darker green: 	#76A394;
	dark green: 	#3e5850;
	tan: 			#E8E6D3;
	real-light:	#EDECEB;
	
	darker-red: 	#836a65;
	lighter-red:	#ba9091;
	
	*/
	
/*
@font-face {
    font-family: 'osp-dindin';
    src: url('../fonts/osp-din-webfont.eot');
    src: url('../fonts/osp-din-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/osp-din-webfont.woff') format('woff'),
         url('../fonts/osp-din-webfont.ttf') format('truetype'),
         url('../fonts/osp-din-webfont.svg#osp-dindin') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

@import url(//fonts.googleapis.com/css?family=Montserrat+Alternates:400,700);

a, a:link, a:visited {
	color: #836a65;
}

p { margin-top: 0; }


body {
	background-color: #FFF;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999;

}
h1, h2 {
	font-family: "proxima-nova-condensed", Arial, Helvetica, sans-serif;
	color: #76A394;
	line-height: 120%;
}

h1 {
	font-size: 24px;
	margin-bottom: 5px;
}

h2 {
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 5px;
}

h3 {
	font-family: "proxima-nova-condensed", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 2px;
	}


#rightSideInner {
	padding: 2% 4% 10% 4%;
	line-height: 130%;	
}

#theTitle, #theSmallTitle {
	font-family: "proxima-nova-condensed", Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 52px;
	text-indent: 62px;
	margin-bottom: 3px;
	color: #E8E6D3;
		line-height: 90%;

}

#theSmallTitle {
	display: none;
}

#theAddress {
	font-family: 'Montserrat Alternates', Impact, "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #000;
}

#topWrap {
	background-color: #76A394;
	border-bottom: 10px solid #836a65;
	
}

#stateLogo {
	position: absolute;
	right: -30px;
	bottom: -80px;
	width:27%;
	z-index: 1000;
}

header {
	/*width: 70%; the width is really set in javascript */
	width: 90%;
	max-width: 1024px;
	margin-top: 0;
	margin-bottom: 0;
	/*margin-left: 30%; the right margin is really set in javascript */ 
	margin-left: 10%;
	padding: 20px 0;
	
	/*background-color: #BD0E11;*/
	
	position: relative;
	top: 0;
	left: 0;
}

#middleWrap {
	width: 100%;
}

#leftSide {
	
	background-color: #EDECEB;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	
	width: 30%;
	min-width: 284px;
}


#rightSide {
	
	/*background-color: #C83F42;*/
	width: 70%; /*actually, this is set in the javascript */
	max-width: 750px;
	height:110vh;
	float: left;
	background-color: #fff;
	background-color: rgba(255,255,255,.85);
	
	}
	
#aboutPage #rightSide {
		height:140vh;
	}


#mobileNav {
	width: 100%;
	height: auto;
}

#mobileNav nav {
	height: auto;
	display: none;
}

nav {
	width: 284px;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #BECDA1;
}

#bottomWrap {
	text-align: center;
	background-color: #E8E6D3;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 10px 0;
	}

footer a, footer a:link, footer a:visited {
	color: 	#76A394;
	text-decoration: none;
}

footer {
	font-family: "proxima-nova-condensed", Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-size: 22px;
	color: #999;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
	
	
}



nav ul {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat Alternates', Impact, "Arial Black", 
Arial, Helvetica, sans-serif;


	font-size: 14px;
	list-style-type: none;
	
}


nav ul li {
		
}

nav ul li a, nav ul li a:link, nav ul li a:visited {
	display: block;
	text-decoration: none;
	color: #474112;
	background-color: #DDE6D2;
	font-weight: normal;
	padding: 10px 10px 10px 35px;
	border-bottom: 1px solid #76A394;
	background-image: url(../images/semiCircle.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

nav ul li a:hover, nav ul li a.uberLink {
	background-image: url(../images/fullCircle.png);
	background-position: 106% 50%;
	}



#mobileNavTrigger {
	display: none;
}

/* Start of "Micro clearfix" */
        
        .cf { zoom: 1; }
        .cf:before,
        .cf:after { content: ""; display: table; }
        .cf:after { clear: both; }
        
/* End of "Micro clearfix" */

.redReq {
	color: #ab0352;
	padding-right: 5px;
}

#pureForm input, #pureForm textarea {
	width: 250px;
}

#beerResources a {
	font-weight: bold;	
	}

#beerResources li {
	margin-bottom: 20px;
}

#newsletters div {
	width: 20%;
	margin-right: 5%;
	margin-bottom: 5%;
	text-align: center;
	float: left;
}


#newsletters div img {
	width: 100%;
	
	
}

#bottleTop {
	width: 85%;
	float: right;
	position: relative;
	left: 4%;
}

.floatRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	
}

.extraRightMargin {
	margin-right: 2.5%;
}

.verticalImage {
	width: 30%;
}

.horizontalImage {
	width: 50%;
}

.alertBox {
	background-color: #DDD7A7; 
	padding: 5px;
	text-align: center;
	color: #000;
	border:	3px solid	#836a65;
	font-size: 14px;
	margin-bottom: 20px;
	
	 p {
		text-wrap: pretty;
	}
}

.alertBox strong {
	color: red;
	font-size: 1.2em;
	}

.alertBox.alertBoxTop {
	margin-bottom: 40px;
	padding: 30px 30px 0px 30px;
}

.alertBox.alertBoxTop h1 {
	color: #8d4747;
	text-transform: uppercase;
	margin-bottom: 20px;
	margin-top: 0;
}

.alertBox.alertBoxTop h2 {
	color: #000;
	margin-top: 0;
}

.alertBox.alertBoxTop p {
	margin-bottom: 30px;
}


.redStuff {
	color: red;
	font-weight: bold;
}

.noBreak { white-space: nowrap; }

.alphaList {
	list-style-type: lower-alpha;
}

.paddedList li {
	margin-bottom: 20px;
}

.paddedList li .alphaList li {
	margin-bottom: 0px;
}


.img100 {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.caption {
	font-size: .9em;	
}

.sponsors.items {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.sponsors.items .item {
	flex: 0 1 23%;
	margin: 1% 1%;
	box-sizing: border-box;
	color: #171e42;
	padding: 20px;
	border: 1px solid #ccc;
	position: relative;
	background-color: #fff;
}
.sponsors.items .item img {
	width: 100%;
	display: block;
}




.flexWrapper {
  display: flex;
}
.flexWrapper .leftSide {
  flex: 0 1 30%;
  min-width: 284px;
  background-color: #999;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.flexWrapper .leftSide nav {
  width: 284px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #BECDA1;
  height: 100%;
}
.flexWrapper .rightSide {
  flex: 0 1 70%;
  background-image: url('//nysabc.org/images/backstretch/06.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.flexWrapper .rightSide .rightSideInner {
  box-sizing: border-box;
  padding: 2% 4% 10% 4%;
  line-height: 130%;
  background-color: rgba(255, 255, 255, 0.85);
  width: 100%;
  max-width: 750px;
  height: 100%;
}

.simpleList li {
    margin-bottom: 10px;
}