/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

@font-face {
    font-family: 'ArvoRegular';
    src: url('Arvo-Regular-webfont.eot');
    src: url('Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Regular-webfont.woff') format('woff'),
         url('Arvo-Regular-webfont.ttf') format('truetype'),
         url('Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoItalic';
    src: url('Arvo-Italic-webfont.eot');
    src: url('Arvo-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Italic-webfont.woff') format('woff'),
         url('Arvo-Italic-webfont.ttf') format('truetype'),
         url('Arvo-Italic-webfont.svg#ArvoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBold';
    src: url('Arvo-Bold-webfont.eot');
    src: url('Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-Bold-webfont.woff') format('woff'),
         url('Arvo-Bold-webfont.ttf') format('truetype'),
         url('Arvo-Bold-webfont.svg#ArvoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArvoBoldItalic';
    src: url('Arvo-BoldItalic-webfont.eot');
    src: url('Arvo-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Arvo-BoldItalic-webfont.woff') format('woff'),
         url('Arvo-BoldItalic-webfont.ttf') format('truetype'),
         url('Arvo-BoldItalic-webfont.svg#ArvoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}



h1, h2, h3, h4, h5, h6 {
font-family: 'ArvoRegular';

}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #top .widgettitle, #top .widgettitle a, .relThumWrap, strong{
font-family: 'ArvoRegular';
color:#fff;
}

/* age-verify styles */
#av-overlay-wrap { 
	position: fixed; 
	height: 100%;
	width: 100%;
	z-index: 10000;
	display: block;
	top: 0;
	left: 0; 
	  background: url(http://drippingspringsvodka.com/wp-content/uploads/2015/04/unnamed.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#av-overlay-border {
	background:transparent!important;
	padding:15px 14px;
	border-width:4px;
	border-style:solid;
	border-color:rgba(255,255,255,0.95);	
	/* this should get all the position styles of #av-overlay */
	position: fixed; 
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10001;
}
#av-overlay {
	background-color:#fff;
	background-color:rgba(255,255,255,0.95)!important;
	background-image:url('http://drippingspringsvodka.com/wp-content/uploads/2015/06/av-logo.png');
	background-repeat:no-repeat;
	background-position:center top;
	background-size:256px 200px;
	background-attachment:scroll;
	color:#3e5866;
	padding: 200px 40px 34px;
}
#av-overlay h1 {
	color:#00b2d9;
	font-size:20px;
	border-top:1px solid #c1cacd;
	text-transform:uppercase;
	text-align:center;
	padding:15px 15px 15px;
}
#av-overlay p {
	width:100%;
	text-align:center;
	white-space:nowrap;
	margin-bottom: 10px;
}
#av-overlay .av_field_wrapper {
	position:relative;
	display:inline-block;
	text-align:center;
	margin:0 1%;
}
#av-overlay #av_verify_country_wrapper {
	border-left:1px solid #bdc6ca;
	width:33%;
	padding-left:4%;
	margin-left:4%;
	margin-right:0;
}
#av-overlay .av_field_wrapper label {
	display:block;
	text-transform:uppercase;
	font-family: 'ArvoRegular';
}
#av-overlay .submit {
	margin-bottom: 0;
	text-align:center;
}
#av-overlay .submit label {
	display:block;
}

#av-overlay select {
	-webkit-appearance:textfield;
	-moz-appearance:none;
	-moz-padding-start:0;
	width:100%;
	border:1px solid #bdc6ca;
	color:#6d808a;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color:#fff;	background-image:url('http://drippingspringsvodka.com/wp-content/uploads/2015/06/select-arrows@2x.png');
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:right center;
	background-size:20px 16px;
	padding:4px 10px 4px;
	margin-bottom:6px;
	font-size:1.0em;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
#av-overlay input[type=text] {
	-webkit-appearance:textfield;
	-moz-appearance:none;
	-moz-padding-start:0;
	width:2em;
	/*width:100%;*/
	outline: none;
	border:1px solid #bdc6ca;
	color:#6d808a;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	padding:4px 10px 4px;
	font-size:1.0em;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}
#av-overlay input[type=submit] {
	font-family: 'ArvoRegular';
	text-transform:uppercase;
	font-size:1.25em;
	letter-spacing:0.095em;
	color:#fff; background-color:#00b2d9;
	border-width:0;
	padding:6px 15px 6px;
	text-decoration:none;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

#av-overlay #av_verify_y {
	width:4em;
}

#av-overlay .error {
	padding: 12px;
	background-color: #ffebe8;
	border: 1px solid #c00;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

/* Minimum width of 400 pixels. */
@media screen and (min-width: 300px) {
	
	#av-overlay-border {
		position: relative;
		top: auto;
		left: auto;
		width: 88%;
		height: auto;
		margin: 100px auto 0 auto;
	}
	
}

@media screen and (min-width: 600px) {
	#av-overlay h1 {
		padding-top:30px;
	}
	#av-overlay-border {
		width: 64%;
	}
}
@media screen and (min-width: 960px) {
	#av-overlay h1 {
		padding-top:45px;
		padding-left:8%;
		padding-right:8%;
	}
	#av-overlay-border {
		width: 56%;
	}
}
@media screen and (min-width: 1200px) {
	#av-overlay h1 {
		padding-top:45px;
		padding-left:14%;
		padding-right:14%;
	}
	#av-overlay-border {
		width: 48%;
	}
}
@media screen and (min-width: 1400px) {
	#av-overlay h1 {
		padding-top:45px;
		padding-left:20%;
		padding-right:20%;
	}
}
@media screen and (min-width: 1600px) {
	#av-overlay h1 {
		padding-top:45px;
		padding-left:26%;
		padding-right:26%;
	}
}
@media screen and (max-width:600px) {
	#av-overlay {
		padding-top:150px;
		background-size:192px 150px;
	}
	#av-overlay h1 {
		font-size:18px;
	}
	#av-overlay #av_verify_country_wrapper {
		display:block;
		border-left-width:0;
		padding:0;
		margin:1em auto 0;
		width:16em;
	}
}