/* Webfont: Orkney-Regular */
@font-face {
    font-family: 'Orkney';
    src: url('fonts/Orkney-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Orkney-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Orkney-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Orkney-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Orkney-Regular.svg#Orkney-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Orkney-Bold */
@font-face {
    font-family: 'Orkney';
    src: url('fonts/Orkney-Bold.eot'); /* IE9 Compat Modes */
    src: url('fonts/Orkney-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Orkney-Bold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Orkney-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Orkney-Bold.svg#Orkney-Bold') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: Orkney-Light */
@font-face {
    font-family: 'Orkney';
    src: url('fonts/Orkney-Light.eot'); /* IE9 Compat Modes */
    src: url('fonts/Orkney-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Orkney-Light.woff') format('woff'), /* Modern Browsers */
         url('fonts/Orkney-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Orkney-Light.svg#Orkney-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 200;
    text-rendering: optimizeLegibility;
}

/* Webfont: Orkney-Medium */
@font-face {
    font-family: 'Orkney';
    src: url('fonts/Orkney-Medium.eot'); /* IE9 Compat Modes */
    src: url('fonts/Orkney-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Orkney-Medium.woff') format('woff'), /* Modern Browsers */
         url('fonts/Orkney-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Orkney-Medium.svg#Orkney-Medium') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: 600;
    text-rendering: optimizeLegibility;
}




/* CSS 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%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, div { display: block; }
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; }
strong { font-weight: bold; }

h1, h2, h3, h4, h5, li { font-family: 'Orkney', Helvetica, Arial, sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h5 { letter-spacing: 0.2em; font-size: 14px; }
p { font-family: 'Helvetica', Arial, sans-serif; }

.wrapper { background: url(images/bg.jpg); background-size: cover; -webkit-background-size: cover; }
.inner { max-width: 1030px; background: rgba(255,255,255,0.7); text-align: center; margin: 0 auto; padding: 40px 0;}

header .johnson img { max-width: 356px; height: auto; }
header .logo { margin-bottom: 20px; }
header .logo img { max-width: 431px; height: auto; }

ul.listings { margin: 20px auto; max-width: 650px; font-size: 0; }
ul.listings li { display: inline-block; padding: 9px 11px 2px; font-size: 32px; font-weight: bold; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
ul.listings li:nth-child(even):before { content: " "; display: block; }
ul.listings li.live-art 		{ background: #3ec4e1; }
ul.listings li.galleries 		{ background: #fa4d4f; }
ul.listings li.food-trucks 		{ background: #fca002; }
ul.listings li.wine 			{ background: #2522d2; }
ul.listings li.live-music 		{ background: #f45083; }
ul.listings li.kids-activities 	{ background: #1d61be; }

.highlight { padding: 20px 0; margin: 20px 0;
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ }

h2 { color: #f26522; font-size: 24px; font-weight: bold; line-height: 1.3em; letter-spacing: 0.2em; }
h3, h4 { color: #f7941d; font-size: 18px; font-weight: bold; line-height: 1.6em; letter-spacing: 0.2em; }
h4 { font-size: 16px; }

footer p { color: #444; margin-bottom: 30px; }
footer p a { color: #444; font-weight: bold; text-decoration: none; }
footer h5 { margin-bottom: 20px; }
footer .sponsors {}
footer .sponsors li { display: inline-block; }
footer .sponsors li img { max-height: 60px; }

@media all and (max-width: 599px) {
	.inner { padding: 20px 0; }
	header .johnson img { max-width: 200px; height: auto; }
	header .logo img { max-width: 250px; }
	ul.listings li { font-size: 22px; }
	h2 { font-size: 20px; }
	h3 { font-size: 16px; }
	h4 { font-size: 14px; }
	h5 { font-size: 12px; }
	footer p { font-size: 12px; }
	footer .sponsors li img { max-height: 40px; }
}