/*
	Theme Name: Drake's
	Template: genesis
	Theme URI: http://my.studiopress.com/themes/genesis
	Description: The industry standard in design frameworks for WordPress. Please <strong>do not modify</strong> this stylesheet, as it might get overridden in updates.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 1.9.2
	Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php 
	*/

/* Table of Contents -

	01 Import Fonts
	02 Defaults
	03 Typography
		- Font Color
		- Font Family
		- Font Size
		- Font Miscellaneous
	04 Layout
		- Structure
		- 1152px CSS Grid
		- Header
		- Main Content
		- Post Info & Meta
		- Column Classes
		- Miscellaneous
	05 Menus
		- Primary Navigation Extras
	06 Headings
	07 Lists
	08 Post Navigation
	09 Comments
	10 Sidebars
	11 Footer
		- Footer Widgets
	12 Forms & Buttons
		- Gravity Forms
	13 Images & Captions
	13.5 Page-Specific Styles & Components
	16 Media Queries
		- max-width: 1024px
		- max-width: 768px
		- max-width: 480px

		*/


/*
01 Import Fonts
---------------------------------------------------------------------------------------------------- */
/* This is done via functions.php */



/*
02 Defaults
---------------------------------------------------------------------------------------------------- */

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,
input, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
		font-size: 87.5%; /* 14px base */
	}

body {
	background: #1b3238 url('/wp-content/uploads/mainBG.png') no-repeat center 50px;
	line-height: 1;
}

body,
input,
select,
textarea,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

input:focus, textarea:focus {
	outline: none;
}

input[type="submit"] {
	-webkit-appearance: none;
}

a,
a:visited,
button,
input[type="button"],
input[type="submit"],
.btn {
	-moz-transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #1e1e1e;
	color: #fff;
}

::selection {
	background-color: #1e1e1e;
	color: #fff;
}

/*
03 Typography
-------------------------------------------------------------------------------------------------------

This section covers font colors, families, size, styles and weight.

This style sheet uses rem values with a pixel fallback.
The rem values are calculated per the examples below:

12 / 16 =		0.75rem
14 / 16 =		0.875rem
16 / 16 =		1rem	
18 / 16 =		1.125rem
20 / 16 =		1.25rem
24 / 16 =		1.5rem
30 / 16 =		1.875rem
36 / 16 =		2.25rem
42 / 16 =		2.625rem
48 / 16 =		3rem

Further reading on the use and compatibility of rems:

http://caniuse.com/rem
http://snook.ca/archives/html_and_css/font-size-with-rem

*/

/* 03a - Font Color ----------- */

a:hover,
body,
h4.widgettitle a,
input,
.author,
.date,
.nav a,
.nav li li a,
.nav li li a:link,
.nav li li a:visited,
.post-comments,
#title a,
#title a:hover,
.ui-widget-content a:hover {
	color: #333;
}

a,
.ui-widget-content a {
	color: #5b7d8d;
}

.post-info,
.post-meta,
#description {
	color: #636363;
}

blockquote::before,
blockquote p,
input,
select,
textarea {
	color: #999;
}

button,
input[type="button"],
input[type="submit"],
.btn,
.nav .highlight-menu-item a,
.nav .highlight-menu-item a:hover,
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	color: #fff;
}

/* 03b - Font Family ----------- */

body,
input,
textarea,
.author-box h1 {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
#title {
	font-family: 'Lato', sans-serif;
}

/* 03c - Font Size ----------- */

#title {
	font-size: 42px;
	font-size: 2.625rem;
}

h1, h2, h3 {
	font-family: 'Bree Serif', Arvo, serif !important;
	font-weight: normal !important;
}

h1, 
.entry-title,
.entry-title a {
	font-family: 'Bree Serif', Arvo, serif !important;
	font-size: 2em;
	font-weight: normal !important;
	color: #2c525b;
}

h1.entry-title {
	margin-bottom: 25px;
}

.entry-title a:hover {
	color: #2c525b;
}

blockquote::before {
	font-size: 32px;
	font-size: 2rem;
}

h2, h2.entry-title, h2.entry-title a {
	font-size: 26px;
}

h3, h3 a {
	font-size: 22px;
	text-decoration: none;
}

h4,
.archive-title,
.taxonomy-description h1,
.widgettitle {
	font-size: 20px;
	font-size: 1.25rem;
}

#sidebar .widgettitle {
	color: #FFF;
	font-weight: normal;
}

h5 {
	font-size: 18px;
	font-size: 1.125rem;
}

h6,
.author-box h1,
.sidebar h2 a {
	font-size: 16px;
	font-size: 1rem;
}

input,
select,
textarea,
.nav,
.post-info,
.post-meta,
.wp-caption,
#footer p {
	font-size: 14px;
	font-size: 0.875rem;
}


/* 03d - Font Miscellaneous ----------- */
cite {
	font-style: normal;
}

button,
input[type="button"],
input[type="submit"],
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.entry-title a,
.nav,
.post-comments,
.post-info .author,
.post-info .date,
.wp-caption,
#footer p,
#title {
	font-weight: 700;
}

.wp-caption {
	text-align: center;
}

h2 a,
h2 a:visited,
.nav a,
.navigation li a,
.widgettitle a,
#title a {
	text-decoration: none;
}


/*
04 Layout
---------------------------------------------------------------------------------------------------- */

/* 04a - Structure ----------- */

#wrap {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1260px;
}

#inner {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
}

/* 04c - Header ----------- */

#header {
	float: left;
	width: 100%;
}

#title {
	line-height: 1;
}

#title a {
	display: block;
	width: 220px;
	height: 150px;
	margin: 0 auto 20px;
	text-indent: -9999px;
	background: transparent url(/wp-content/uploads/newlogo2.png) no-repeat top left;
}

.header-image #title {
	margin: 0;
}

#description {
	line-height: 1.25;
	display:none;
}

.header-full-width #title,
.header-full-width #title a,
.header-full-width #title-area {
	width: 100%;
}

.header-image #title,
.header-image #title a,
.header-image #title-area {
	display: block;
	float: left;
	min-height: 120px;
	overflow: hidden;
	text-indent: -9999px;
	width: 50%;
}

.header-image #description {
	display: none;
	overflow: hidden;
}

/* 04d - Main Content ----------- */
#content {
	float: left;
	width: 100%;
	max-width: 995px;
	margin-bottom: 10px;
}

#content-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
	clear: both;
	padding: 30px;
	background-color: #FFF;
}

.home #content-wrapper {
	padding: 0;
	background-color: transparent;
}

#content .single .entry {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}

.page .entry {
	margin: 0;
}

.entry-content {
	clear: both;
}

.entry-content,
.entry-content p {
	line-height: 1.625;
}

.entry-content p {
	margin-bottom: 26px;
	margin-bottom: 1.625rem;
}

blockquote {
	padding: 24px 0 24px 64px;
	color: #666;
}

blockquote::before {
	content: "\f10d";
	display: block;
	height: 0;
	left: -50px;
	position: relative;
	top: -10px;
	font-family: 'FontAwesome';
	font-size: 2.5em;
	color: #EEE;
}

cite {
	color: #666;
}

/* 04e - Post Info & Meta ----------- */

.post-info,
.post-meta {
	clear: both;
	line-height: 1.5;
}

.post-info {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.post-comments {
	background: url(images/post-comments.png) no-repeat center left;
	margin-left: 16px;
	margin-left: 1rem;
	padding-left: 20px;
	padding-left: 1.25rem;
}

.post-meta {
	border-top: 1px solid #ccc;
	padding-top: 24px;
	padding-top: 1.5rem;
}

.categories,
.tags {
	display: block;
}

/* 04f - Column Classes ----------- */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 4.166666666%; /* 48px / 1152px */
}

.one-half,
.three-sixths,
.two-fourths {
	width: 47.9166666666%; /* 552px / 1152px */
}

.one-third,
.two-sixths {
	width: 30.555555555%; /* 352px / 1152px */
}

.four-sixths,
.two-thirds {
	width: 65.277777777%; /* 752px / 1152px */
}

.one-fourth {
	width: 21.875%; /* 252px / 1152px */
}

.three-fourths {
	width: 73.958333333%; /* 852px / 1152px */
}

.one-fifth {
	width: 16.666666666%; /* 192px / 1152px */
}

.two-fifths {
	width: 37.5%; /* 432px / 1152px */
}

.three-fifths {
	width: 58.333333333%; /* 672px / 1152px */
}

.four-fifths {
	width: 79.166666666%; /* 912px / 1152px */
}

.one-sixth {
	width: 13.194444444%; /* 152px / 1152px */
}

.five-sixths {
	width: 82.638888888%; /* 952px / 1152px */
}

.first {
	margin-left: 0;
}

/* 04g - Miscellaneous ----------- */

p.subscribe-to-comments {
	padding: 24px 0 16px;
	padding: 1.5rem 0 1rem;
}

p.pages,
.clear,
.clear-line,
.first {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ccc;
	margin-bottom: 26px;
	margin-bottom: 1.625rem;
}

.alignleft,
.archive-page {
	float: left;
}

.alignright {
	float: right;
}

.archive-page {
	width: 50%;
}

.author-box,
.sticky {
	margin-bottom: 80px;
	margin-bottom: 5rem;
}

.author-box,
.author-box h1,
.taxonomy-description {
	line-height: 1.5;
}

.author-box,
.breadcrumb,
.sticky,
.taxonomy-description {
	background-color: #f5f5f5;
	margin-bottom: 48px;
	margin-bottom: 3rem;
	overflow: hidden;
	padding: 32px;
	padding: 2rem;
}


/*
05 Menus
---------------------------------------------------------------------------------------------------- */

/* Regular Nav */
#header #nav {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

#header ul.nav {
	width: 100%;
	clear: both;
	float: right;
	overflow: visible;
	border: 1px solid #FFF;
	border-width: 1px 0;
	text-align: right;
	font-size: 0;
}

.nav.menu-primary,
.nav.menu-secondary {
	text-align: center !important;
}

.nav ul {
	float: left;
	width: 100%;
}

.nav li {
	display: inline-block;
	list-style-type: none;
	text-align: left;
}

.nav a {
	display: block;
	padding: 8px;
	position: relative;
	color: #FFF;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 17px;
	font-weight: normal;
	text-transform: uppercase;
}

.menu .sub-icon,
.menu ul .sub-icon  {
	display: none;
	outline: none;
}

.nav li:hover a:hover,
.nav li:hover a,
.nav li li a:hover {
	color: #FFF;
	background-color: #5b7d8d;
}

.nav .current_page_item > a,
.nav .current_page_ancestor > a,
.single-post .page-item-1917 > a,
.single-event .page-item-1917 > a  {
	color: #7aa7bc;
	background-color: transparent;
}

.nav li.highlight-menu-item {
	margin-left: 20px;
	margin-left: 1.25rem;
}

.nav .highlight-menu-item a {
	background-color: #1e1e1e;
}

.nav .highlight-menu-item a:hover {
	background-color: #ff2a00;
}

/* 2nd level navigation */
.nav li ul {
	padding-bottom: 5px;
	background-color: #5b7d8d;
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.2);
	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}

.nav li li a,
.nav li li a:link,
.nav li li a:visited {
	color: #FFF;
	background-color: #5b7d8d;
	border-top: none;
	position: relative;
	width: 182px;
}

.nav li:hover a:hover,
.nav li li:hover > a,
.nav li a:hover,
.nav li .current_page_item > a,
.nav li .current-menu-ancestor > a,
.single-post .page-item-224 > a,
.single-event .page-item-225 > a {
	color: #2b4d5d !important;
}

.nav li ul {
	left: -9999px;
	position: absolute;
	width: 212px;
	z-index: 99;
}

.nav li ul ul {
	margin: -40px 0 0 211px;
}

.nav li:hover ul ul,
.nav li.sfHover ul ul {
	left: -9999px;
}

.nav li:hover,
.nav li.sfHover {
	position: static;
}

ul.nav li:hover>ul,
ul.nav li.sfHover ul,
#header .nav li:hover>ul,
#header .nav li.sfHover ul {
	left: auto;
}

.nav li a .sf-sub-indicator,
.nav li li a .sf-sub-indicator,
.nav li li li a .sf-sub-indicator {
	position: absolute;
	text-indent: -9999px;
}

#wpadminbar li:hover ul ul {
	left: 0;
}


/* 05a - Primary Navigation Extras ----------- */

.nav li.right {
	float: right;
	padding: 24px 20px;
	padding: 1.5rem 1.25rem;
}

.nav li.right a {
	display: inline;
	padding: 0;
}

.nav li.search {
	padding: 6px 0 0;
	padding: 0.375rem 0 0;
}

.nav li.rss a {
	background: url(images/rss.png) no-repeat center left;
	margin-left: 20px;
	margin-left: 1.25rem;
	padding-left: 20px;
	padding-left: 1.25rem;
}

.nav li.twitter a {
	background: url(images/twitter-nav.png) no-repeat center left;
	padding-left: 24px;
	padding-left: 1.5rem;
}


/*
06 Headings
---------------------------------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a {
	line-height: 1.2;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
}
.page-template-page_blog-php #content h2.entry-title{
	clear: left;
}

.author-box h1 {
	margin: 0
}

.taxonomy-description h1 {
	margin-bottom: 4px;
	margin-bottom: 0.25rem;
}

.archive-title {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}


/*
07 Lists
---------------------------------------------------------------------------------------------------- */

.entry-content ol,
.entry-content ul {
	margin-bottom: 26px;
	margin-bottom: 1.625rem;
}

.entry-content ol li,
.entry-content ul li {
	line-height: 1.625;
}

.entry-content ol li,
.entry-content ul li {
	margin-left: 40px;
	margin-left: 2.5rem;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}


/*
08 Post Navigation
---------------------------------------------------------------------------------------------------- */

.navigation li {
	display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
	background-color: #1e1e1e;
	border-radius: 3px;
	cursor: pointer;
	padding: 12px;
	padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
	background-color: #ff2a00;
}


/*
09 Comments
---------------------------------------------------------------------------------------------------- */

#comments,
#respond {
	line-height: 1.5;
	overflow: hidden;
}

.ping-list,
#comments {
	margin-bottom: 48px;
	margin-bottom: 3rem;
}

#author,
#email,
#url {
	width: 50%;
}

.commentmetadata,
#author,
#email,
#url {
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
}

#comment {
	margin: 12px 0;
	margin: 0.75rem 0;
	width: 100%;
}

label {
	margin-left: 12px;
	margin-left: 0.75rem;
}

.comment-list li,
.ping-list li {
	list-style-type: none;
	margin-top: 24px;
	margin-top: 1.5rem;
	padding: 32px;
	padding: 2rem;
}

.comment-list li ul li {
	margin-right: -32px;
	margin-right: -2rem;
}

.comment-header {
	overflow: hidden;
}

.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff;
	border-right: none;
}

.comment-content p {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.bypostauthor {
}

#comments .navigation {
	margin-top: 32px;
	margin-top: 2rem;
}

#recaptcha-submit-btn-area {
	margin-top: 15px;
}

#recaptcha-submit-btn-area img {
	border: none !important;
}


/*
10 Sidebars
---------------------------------------------------------------------------------------------------- */
.sidebar {
	float: left;
	width: 100%;
	display: inline;
	line-height: 1.5;
}

.sidebar p {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.sidebar .widget {
	margin-bottom: 10px;
	background-color: #FFF;
	padding: 10px 15px;
}

.sidebar .widget .widgettitle {
	margin: -10px -15px 10px;
	padding: 10px 15px;
	background-color: #5b7d8d;
	color: #FFF;
}

.sidebar.widget-area ul li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	word-wrap: break-word;
}


/*
10a Sidebar Widgets
---------------------------------------------------------------------------------------------------- */

/* Newsletter Widget */
#black-studio-tinymce-2 {
	background-color: #5b7d8d;
}

#black-studio-tinymce-2 .widgettitle {
	margin-bottom: 6px;
}

/* #black-studio-tinymce-2 .widgettitle::before {
	content: "\f135\0020";
	font-family: "FontAwesome";
	font-weight: normal;
} */

#black-studio-tinymce-2 form {
	overflow: auto;
	padding-right: 70px;
}

#black-studio-tinymce-2 input {
	padding: 5px 10px;
	float: left;
	max-width: 100%;
	font-size: .8em;
}

#black-studio-tinymce-2 input.email {
	width: 100%;
}

#black-studio-tinymce-2 input[type=submit] {
	float: right;
	margin-right: -70px;
	padding: 5px 15px;
	background-color: #666;
	border: 1px solid #666;
	text-transform: uppercase;
}

#black-studio-tinymce-2 input[type=submit]:hover {
	background-color: #333;
	border-color: #333;
}

/* Simple Section Navigation Widget */
.simple-section-nav {
	padding: 0 !important;
}

.simple-section-nav .widgettitle {
	margin: 0 !important;
}

/* .simple-section-nav .widgettitle::before {
	content: "\f0fc\0020";
	font-family: "FontAwesome";
	font-weight: normal;
} */

.simple-section-nav li {
	margin: 0 !important;
}

.simple-section-nav a {
	display: block;
	padding: 8px 15px;
	border-bottom: 1px solid #EDEDED;
	text-decoration: none;
}

.simple-section-nav .widget-wrap > ul > li.last a {
	border-bottom: none;
}

.simple-section-nav a:hover,
.simple-section-nav li.current_page_item > a {
	color: #333;
	background-color: #F9F9F9;
}

.simple-section-nav li li a {
	padding-left: 40px;
	font-size: .9em;
}


/* News Feed Widget */
/* #featured-post-3 .widgettitle::before {
	content: "\f0e7\0020";
	font-family: "FontAwesome";
	font-weight: normal;
} */

#featured-post-3 .more-from-category {
	padding: 10px 15px 0 0;
	text-align: right;
}

#featured-post-3 .more-from-category a {
	font-size: .9em;
	font-family: 'Bree Serif', serif;
	text-decoration: none;
	text-transform: uppercase;
}

#featured-post-3 .more-from-category a::after {
	content: " \f0a4";
	font-family: 'FontAwesome';
}

/* Twitter Widget */
#latest-tweets-2 .widgettitle::before {
	content: "\f099\0020";
	font-family: "FontAwesome";
	font-weight: normal;
}

.widget_tweetblender .tb_header,
.widget_tweetblender .tb_photo,
.widget_tweetblender .tb_author {
	display: none;
}

#latest-tweets-2 {
	font-size: .8em;
}

#latest-tweets-2 li {
	border-bottom: 1px dotted #CCC;
	padding-bottom: 2px;
}

.tweet-details {
	display: block;
}

.tweet-details a {
	color: #CCC;
	font-style: italic;
	text-decoration: none;
}

.widget_tweetblender .tb_archivelink {
	display: none;
}

/* Photo Gallery Widget */
#black-studio-tinymce-3 {
	background-color: transparent;
}

#black-studio-tinymce-3 img {
	padding: 0;
	border: none;
}

/*
11 Footer
---------------------------------------------------------------------------------------------------- */

#footer {
	clear: both;
	color: #AAA;
}

#footer .wrap {
	margin-top: 20px;
	padding: 10px 0;
	border-top: 1px dotted #666;
	overflow: hidden;
}

#footer .wrap p {
	margin-bottom: 1em;
	font-size: 16px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: normal;
}

#footer a:hover {
	color: #6b8dAd;
}

#footer .gototop, #footer .creds {
	text-align: center;
}

#footer .creds,
#footer .gototop {
	margin: 8px 0;
	margin: 0.5rem 0;
}

/* 11a - Footer Widgets ----------- */

.footer-widgets {
	border-top: 2px solid #1e1e1e;
	clear: both;
	line-height: 1.5;
	overflow: hidden;
	padding: 32px 0 16px;
	padding: 2rem 0 1rem;
}

.footer-widgets p {
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.footer-widgets .widget {
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.footer-widgets .widget-area ul li {
	list-style-type: none;
	margin-bottom: 6px;
	margin-bottom: 0.375rem;
	word-wrap: break-word;
}

.footer-widgets-1 {
	margin-right: 4.166666666%; /* 48px / 1152px */
}


/*
12 Forms & Buttons
---------------------------------------------------------------------------------------------------- */

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 0 5px #ddd inset;
	padding: 16px;
	padding: 1rem;
}

input[type="checkbox"], input[type="radio"] {
	border: none;
	padding: 0 5px;
	vertical-align: baseline;
}

#header .search-form {
	float: right;
	margin-top: 56px;
	margin-top: 3.5rem;
	width: 100%;
}

button,
input[type="button"],
input[type="submit"],
.btn {
	background-color: #5b7d8d;
	border: none;
	box-shadow: none;
	border-radius: 3px;
	cursor: pointer;
	padding: 16px 24px;
	padding: 1rem 1.5rem;
	width: auto;
	text-decoration: none;
}

button:hover,
input:hover[type="button"],
input:hover[type="submit"],
.btn:hover {
	background-color: #333;
	color: #FFF;
}

.enews input[type="submit"],
.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* 12a - Gravity Forms ----------- */

#content div.gform_wrapper input,
#content div.gform_wrapper select,
#content div.gform_wrapper textarea,
#content div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	font-size: 1rem;
	padding: 16px;
	padding: 1rem;
}

#content div.gform_wrapper input#recaptcha_response_field {
	font-size: 14px;
}

#content div.gform_wrapper input[type="submit"] {
	padding: 16px 24px;
	padding: 1rem 1.5rem;
}

#content div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
	margin: 1rem 0 0;
}


/*
13 Images & Captions
---------------------------------------------------------------------------------------------------- */

embed,
img,
object,
video,
.wp-caption {
	max-width: 100%;
	height: auto;
}

iframe, .em-location-map-container, .em-location-map {
	max-width: 100% !important;
}

iframe[src*="youtube.com"] {
	width: 100% !important;
}

#flightbox img {
	max-width: none;
	margin-bottom: 5px;
}

img {
	height: auto;
	padding: 4px;
	border: 1px solid #B1BFC6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.ie8 img {
	width: auto;
}

img.no-border {
	padding: 0;
	border: none;
}

a:hover img {
	border-color: #5B7D8D;
}

.alignleft .avatar {
	margin-right: 24px;
	margin-right: 1.5rem;
}

.alignright .avatar {
	margin-left: 24px;
	margin-left: 1.5rem;
}

.author-box .avatar {
	float: left;
	margin-right: 24px;
	margin-right: 1.5rem
}

.comment-list li .avatar {
	float: left;
	margin: 0 16px 24px 0;
	margin: 0 1rem 1.5rem 0;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.5rem
}

img.alignnone {
	display: inline;
	margin-bottom: 12px;
	margin-bottom: 0.75rem;
}

img.alignleft,
.post-image,
.wp-caption.alignleft {
	display: inline;
	margin: 0 24px 24px 0;
	margin: 0 1.5rem 1.5rem 0;
}

img.alignright,
.wp-caption.alignright {
	display: inline;
	margin: 0 0 24px 24px;
	margin: 0 0 1.5rem 1.5rem;
}

p.wp-caption-text {
	line-height: 1.2;
	margin-top: 12px;
	margin-top: 0.75rem;
}

.gallery-caption {
}


/*
13.5 Page-Specific Styles
---------------------------------------------------------------------------------------------------- */

/** Age Verification Overlay *****/
#av-overlay-wrap {
	background: #1b3238 url('/wp-content/uploads/mainBG.png') no-repeat center 100px !important;
}

#av-overlay {
	position: absolute !important;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100% !important;
	height: auto !important;
	max-width: 700px !important;
	text-align: center;
	background-color: #FEFEFE !important; 
	border: 2px solid #5b7278;
	box-shadow: 0 0 40px rgba(0,0,0,.7) !important;

}

#av-overlay:before {
	display: block;
	content: url('/wp-content/uploads/newlogo-150px.png');
	max-width: 700px !important;

}

#av-overlay h1 {
	font-size: 1.3333333em;
}

#av-overlay input[type=text] {
	width: 66px !important;
}

#av-overlay label {
	display: block;
	margin-top: 2em !important;
	margin-left: 0 !important;
	font-size: .8em;
}

#av-overlay #av_verify {
	display: inline-block;
	float: none;
	margin-top: 1em;
}

/** Home *****/

/* Slider */
.ls-wp-container {
	max-width: 100%;
	margin-bottom: 30px !important;
}

#inner .ls-wp-container h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif !important;
	color: #3E5D74 !important;
	font-size: 7em;
}

.ls-wp-container h2 {
	font-family: 'Bree Serif', serif;
	color: #6B8194;
	font-size: 2.5em;
}

.ls-wp-container h3 {
	font-family: 'Bree Serif', serif;
	color: #162C2C;
	font-size: 2.2em;
	font-weight: normal;
}

.ls-wp-container h3.rotate {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.home .entry-content h1,
.home .entry-content p {
	color: #FFF;
}

.home .entry-content h1 {
	padding-bottom: 10px;
	font-size: 2.5em;
	text-align: center;
}

.home .entry-content h1 i {
	position: relative;
	top: 10px;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	color: #294b54;
	-webkit-transform: rotate(10deg);
	   -moz-transform: rotate(10deg);
	    -ms-transform: rotate(10deg);
	     -o-transform: rotate(10deg);
	        transform: rotate(10deg);
}

.home .entry-content h1 i:first-child {
	-webkit-transform: rotate(-10deg);
	   -moz-transform: rotate(-10deg);
	    -ms-transform: rotate(-10deg);
	     -o-transform: rotate(-10deg);
	        transform: rotate(-10deg);
}

.home .entry-content p {
	width: 95%;
	margin: 0 auto;
	font-size: 25px;
	font-weight: 300;
	line-height: 1.5em !important;
}

/** People *****/
.people ul {
	margin: 0 -14px;
	text-align: center;
}

.people h2 {
	clear: both;
}

.people li {
	list-style-type: none !important;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	width: 210px;
	margin: 0 auto 30px !important;
	text-align: center;
}

.people .image-overlay-container {
	position: relative;
}

.people .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	padding: 15px;
	background-color: #333;
	background-color: rgba(50,50,50, .9); 
	color: #FFF;
	text-align: left;
	font-family: 'Yanone Kaffeesatz', 'Bree Serif', serif;
	font-size: 1.3333333em;
}

.people .image-overlay p {
	line-height: 1.3333;
}

.people .image-overlay-container:hover .image-overlay {
	display: block;
}

.people img {
	width: 210px;
	height: 210px;
	margin-bottom: 0;
	padding: 0;
	border-color: #5b7d8d;
}

.people img.white-border {
	border-color: #FFF;
}

.people h3 {
	margin-bottom: 5px;
	padding: 5px 5px 7px;
	background-color: #5b7d8d;
	font-size: 1em;
	color: #FFF;
}

.people .title {
	font-size: .9em;
	font-family: 'Bree Serif', serif;
}

/** Find Drake's *****/
.page-id-14 .mapp-layout {
	margin-bottom: 30px;
}

/** Career Opportunties *****/
.career-opportunities li {
	margin-left: 0 !important;
	padding: 20px 30px;
	list-style-type: none !important;
	border-top: 1px dotted #9FB9C6;
}

.career-opportunities h3 {
	margin: 0 -30px 20px;
	padding: 10px 20px;
	color: #FFF;
	background-color: #5b7d8d;
}

.career-opportunities h4 {
	font-family: 'Bree Serif';
	font-weight: normal;
}

/** Beers *****/

/* Beers List */
.beers-by-category h2 {
	margin-bottom: 0;
}
.beers-by-category ul {
	margin: 0 -15px 30px !important;
}

.beers-by-category li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	list-style-type: none !important;
	width: 200px;
	height: 225px;
	margin: 0 15px 15px!important;
	font-size: 0;
	text-align: center;
	vertical-align: middle;
}

.beers-by-category li .image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	padding: 15px;
	background-color: #333;
	background-color: rgba(50,50,50, .9); 
	color: #FFF;
	text-align: left;
}

.beers-by-category li:hover .image-overlay {
	display: block;
	font-size: 14px;
	border-radius: 3px;
}

.beers-by-category li .image-overlay h4 {
	font-family: 'Bree Serif', serif;
	font-size: 1.1em !important;
	font-weight: normal;
}

.beers-by-category li .image-overlay a {
	color: #FFF;
	text-decoration: none;
}

.beers-by-category li .image-overlay a:hover {
	color: #daeaf2;
}

.beers-by-category li .image-overlay .blurb,
.beers-by-category li .image-overlay .stats {
	position: relative;
	padding-left: 23px;
}

.beers-by-category li .image-overlay .blurb i,
.beers-by-category li .image-overlay .stats i {
	position: absolute;
	left: 0px;
	top: .24em;
}

.beers-by-category li a,
.beers-by-category li a * {
	text-decoration: none !important;
}

.beers-by-category li .image-overlay .more-link {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.valign-helper {
    display: inline-block;
    zoom: 1;
    *display: inline;
    height: 100%;
    vertical-align: middle;
}

.beers-by-category li img {
	max-height: 90%;
	vertical-align: middle;
	padding: 0;
	border: none;
}

/* Beers Single */
.single-beer .first {
	clear: none;
}

.single-beer li img {
	padding: 0;
	border: none;
}

.single-beer .back-to-beers {
	float: right;
	clear: both;
	margin-top: 15px;
	padding: 10px 20px;
	color: #FFF;
	border-radius: 10px;
	text-decoration: none;
}

/** Events *****/

/* Events List */
.events-list li {
	margin-left: 0 !important;
	padding: 30px 0;
	list-style-type: none !important;
	border-top: 1px dotted #9FB9C6;
}

.events-list li h2 {
	margin-bottom: 10px;
}

.events-list li .event-details {
	margin-bottom: 10px;
	color: #999;
}

.events-list li .event-details i {
	color: #9FB9C6;
}

.events-list li .more-link {
	text-decoration: none;
}


/* Single Event */
.em-location-map-container {
	margin-bottom: 1.5em;
}

.page-id-60 .entry-content .btn,
.page-id-3262 .entry-content .btn  {
	float: right;
	width: auto;
}

/** Media Buzz *****/
.media-list h2,
.page-id-63 .entry-content h2 {
	border-bottom: 1px dotted #9FB9C6;
}

.media-list li {
	float: left;
	width: 100%;
	margin: 0 0 20px 0 !important;
	list-style-type: none !important;
}

.media-list h3 {
	position: relative;
	padding-left: 30px;
}

.media-list h3 i {
	position: absolute;
	top: 3px;
	left: 0px;
}

.media-list blockquote {
	padding-top: 0px;
}

.media-list cite {
	display: block;
	float: right;
	width: 50%;
	margin-bottom: 10px;
}

/** Photo Gallery ******/
.page-id-2746 .ui-tabs-nav {
	display: none;
}

.page-id-2746 .flickr-gallery,
.page-id-2746 .flickr-gallery #sets {
	border: none;
	padding: 0;
}

.flickr-gallery img {
	padding: 0;
	border: none;
}

.flickr-set-thumb {
	margin-right: 20px !important;
}

.flickr-set-title a {
	display: block;
	font-family: "Bree Serif", serif;
	font-size: 1.1em;
	text-decoration: none;
}

/** Beers to Go *****/
.page-id-3464 .ui-icon {
	left: auto !important;
	right: .5em !important;
	background-image: none;
	overflow: visible;
}

.page-id-3464 .ui-accordion-header:hover a,
.page-id-3464 .ui-accordion-header:hover::before {
	color: #DDD !important;
}

.page-id-3464 .ui-accordion-header::before {
	content: "\f0da";
	font-family: "FontAwesome";
	color: white;
	position: absolute;
	right: 1em;
	top: 50%;
	margin-top: -6px;
	font-size: 12px;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
	    -ms-transition: all 0.1s ease-in-out;
	     -o-transition: all 0.1s ease-in-out;
	        transition: all 0.1s ease-in-out;
}

.page-id-3464 .ui-state-active::before {
	content: "\f0d7";
}

/* Specific "Beer to Go" Accordions */
.ui-accordion-header a {
	padding-left: 15px !important;
}

/* .ui-accordion-header a::before {
	position: absolute;
	left: 0;
	margin-top: 2px;
	width: 28px;
	text-align: right;
}

.page-id-3464 .ui-accordion-header:nth-of-type(1) a::before {
	content: "\f043";
	font-family: "FontAwesome";
}

.page-id-3464 .ui-accordion-header:nth-of-type(2) a::before {
	content: "\f0fc";
	font-family: "FontAwesome";
}

.page-id-3464 .ui-accordion-header:nth-of-type(3) a::before {
	content: "\f0d1";
	font-family: "FontAwesome";
} */


/** Mappress (General) *****/
.mapp-layout {
	margin: 0;
	max-width: 100%;
}

/** Accordions *****/
.ui-accordion-header {
	background-image: none;
	background: #5b7d8d !important;
}

.ui-accordion-header a {
	color: #FFF !important;
}

/** NextGen Responsive Slider *****/
.flexslider {
	margin: 0 0 1.5em!important;
}
.flexslider .slides {
	padding: 0 !important;
}

/** Flickr lightbox */
#flightbox, #flightbox * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#flightbox {
	max-width: 95%;
	width: 95%;
	height: auto !important;
	margin-left: 15px !important;

}

#flightbox img, #flightbox-meta {
	max-width: 100%;
}

#flightbox-meta { /* Make sure this is above the next/prev links */
	position: relative;
	z-index: 20001;
	padding: 5px 0 !important;
}


/*
14 Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 340px) {

	.page-template-page_blog-php .post-image {
		float: none;
		clear: both;
	}

}
/* End max-width: 340px */


@media only screen and (min-width: 400px) {

	#av-overlay {
		width: 95% !important;
		margin: 60px 2.5% !important;
		padding: 40px 70px 60px !important;
	}

	#av-overlay:before {
		content: url('/wp-content/uploads/newlogo2.png');
		margin-bottom: 30px;
	}

	#av-overlay h1 {
		font-size: 1.66666em;
		margin-bottom: 35px !important;
	}

}
/* End 400px media query */


@media only screen and (min-width: 480px) {

	h1, 
	.entry-title,
	.entry-title a {
		font-size: 2.5em;
	}

	.event-details .detail {
		display: inline-block;
		margin-right: 30px;
	}

	blockquote {
		padding-right: 40px;
	}

}
/* End 480px media query */

@media only screen and (max-width: 530px) {

	html {
		font-size: 100%; /* 16px base */
	}

	/* Responsive Nav */
	#menu-button {
		display: block;
		margin-bottom: 5px;
		padding: 8px;
		color: #FFF;
		font-size: 17px;
		text-align: center;
		background-color: #5b7d8d;
		border-radius: 5px;
	}

	#menu-button::before {
		content: "\f0c9\0020";
		font-family: "FontAwesome";
	}

	#menu-button:hover {
		cursor: pointer;
	}

	#menu-button.open {
		background-color: #77858c;
	}

	.menu-primary {
		display: none;
		border-top: none !important;
	}

	.nav > li {
		margin-bottom: 5px;
	}
	
	.nav li,
	.nav li:hover {
		position: relative;
		width: 100% !important;
		text-align: center;
	}

	.nav a {
		font-size: 20px;
	}

	.menu .sub-icon,
	.menu ul .sub-icon {
		display: block;
		position: absolute !important;
		z-index: 99;
		top: 0;
		right: 0;
		width: 50px !important;
		padding-left: 0;
		padding-right: 0;
		background-color: transparent;
		border: none;
		text-align: center;
	}

	.nav li ul {
		position: static;
		left: auto;
		display: none;
		margin: 0 !important;
	}

	.nav .current-menu-item > ul,
	.nav .current_page_item > ul,
	.nav .current_page_parent > ul,
	.nav .current_page_ancestor > ul {
		display: block;
	}

	.nav li.open {
		background-color: #5b7d8d;
	}

	.nav li.open > a {
		color: #fff;
	}

	.nav li ul,
	.nav li ul li,
	.nav li ul li a:first-child {
		width: 100% !important;
		text-align: center;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.nav li ul li a,
	.nav li ul li a:link,
	.nav li ul li a:visited {
		color: #ccc;
		font-size: 18px;
	}

	.nav li li li a,
	.nav li li li a:link,
	.nav li li li a:visited {
		font-size: 16px;
	}

	#duck {
		display: inline-block;
		vertical-align: top;
		zoom: 1; /* Fix for IE7 */
		*display: inline; /* Fix for IE7 */
		width: .25em;
	}

	/* Contact Form */
	.page-id-82 .entry-content input[type="text"] {
		width: 100% !important;
	}

	/* Comments captcha */
	#recaptcha_table td {
		display: block;
	}

	#recaptcha_table .recaptcha_image_cell {
		width: 100%;
	}

	#recaptcha_table * {
		max-width: 100% !important;
		width: auto !important;
	}

	/* Sitemap */
	.archive-page {
		width: 100% !important;
	}

}
/* End max-width 530px media query */

@media only screen and (min-width: 530px) {
	
	/* Nav */
	#menu-button {
		display: none;
	}

	ul.nav li:hover>ul,
	ul.nav li.sfHover ul,
	#header .nav li:hover>ul,
	#header .nav li.sfHover ul {
		display: block !important;
	}

	/** Contact Drake's Duck Nav Menu Item *****/
	.page-item-82 #duck-container {
		display: inline-block;
		zoom: 1;
		*display: inline;
		position: relative;
		width: 25px;
	}

	.page-item-82 #duck {
		position: absolute;
		bottom: -2px;
		z-index: 999;
		width: 30px;
		height: 40px;
		background: transparent url(/wp-content/uploads/contactQuack.png) no-repeat bottom right;
	}

}
/* End 530px media query */


@media (min-width: 560px) {
		
	/* People */
	.people ul {
		text-align: left;
	}

	.people li {
		margin: 0 14px 30px !important;
	}

}
/* End min-width: 560px */


@media only screen and (min-width: 700px) {
	
	/* Age verification */
	#av-overlay {
		left: 50% !important;
		width: 700px !important;
		margin: 60px 0 0 !important;
		margin-left: -350px !important;
		padding: 40px 70px 60px !important;
	}
}
/* End 700px media query */

@media only screen and (min-width: 760px) {

	/* Nav */
	.nav a {
		padding: 8px 15px;
		font-size: 24px;
	}

	/* Single Event */
	.em-location-map-container {
		float: right;
		margin: 0 0 20px 20px;
	}

}
/* End 760px media query */


@media only screen and (min-width: 1000px) {

	/* Header */
	#header {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 220px;
	}

	#title-area {
		width: 220px;
		margin-left: -220px;
	}

	#title a {
		margin: 0 0 20px 0;
	}

	#header .widget-area {
		width: 100%;
		margin-top: 70px;
	}

	/* Navigation */
	.nav.menu-primary {
		text-align: right !important;
	}

	.nav a {
		padding: 8px;
		font-size: 17px;
	}


	/* Content */
	#content-sidebar-wrap {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding-right: 265px;
	}

	/* Sidebar */
	#sidebar {
		width: 250px;
		margin-right: -265px;
		padding-top: 70px;
	}

	#sidebar-alt {
		width: 15.277777777%; /* 176px / 1152px */
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3 {
		width: 30.555555555%; /* 352px / 1152px */
	}

	.content-sidebar-sidebar .sidebar,
	.sidebar-content-sidebar .sidebar,
	.sidebar-sidebar-content .sidebar {
		width: 37.931034482%; /* 352px / 928px */
	}

	.content-sidebar-sidebar #content,
	.sidebar-content-sidebar #content,
	.sidebar-sidebar-content #content {
		width: 56.896551724%; /* 528px / 928px */
	}

	.content-sidebar-sidebar #content-sidebar-wrap,
	.sidebar-content-sidebar #content-sidebar-wrap,
	.sidebar-sidebar-content #content-sidebar-wrap {
		width: 80.555555555%; /* 928px / 1152px */
	}

	.content-sidebar #content-sidebar-wrap,
	.full-width-content #content,
	.full-width-content #content-sidebar-wrap,
	.sidebar-content #content-sidebar-wrap {
		width: 100%; /* 1152px / 1152px */
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.sidebar-content #sidebar,
	.sidebar-sidebar-content #sidebar,
	#content,
	#content-sidebar-wrap,
	#footer .gototop,
	#sidebar-alt,
	#title-area {
		float: left;
	}

	.content-sidebar-sidebar #sidebar-alt,
	.footer-widgets-3,
	.sidebar,
	.sidebar-content #content,
	.sidebar-content-sidebar #content-sidebar-wrap,
	.sidebar-sidebar-content #content,
	.sidebar-sidebar-content #content-sidebar-wrap,
	#footer .creds,
	#header .widget-area {
		float: right;
	}

	#footer .gototop {
		text-align: left;
	}

	#footer .creds {
		text-align: right;
	}

}
/* End 1024px media query */

@media only screen and (min-width: 1100px) {
	
	/* Nav */
	.nav a {
		padding: 8px 9px;
		font-size: 20px;
	}

}
/* End 1100px media query */

@media only screen and (min-width: 1195px) {
	
	/* Nav */
	.nav a {
		padding: 8px 9px;
		font-size: 24px;
	}

}
/* End 1195px media query */

@media only screen and (min-width: 1290px) {

	.nav a {
		padding: 8px 15px;
		font-size: 26px;
	}

}