/*
Theme Name: roa
Author: BJ2DESIGN
Author URI: http://bj2design.com/
Description: Custom site for River of ART.
Version: 1.0.0

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/
/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Asides ## Comments # Infinite scroll # Media ## Captions ## Galleries  --------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

svg:not(:root) { overflow: hidden; }

figure { margin: 1em 0; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { clear: both; }

h1 { color: #da1e3f; }

h2, h3, h4, h5, h6 { color: #ad1832; }

.archive .entry-title { border-top: 1px solid silver; padding-top: 2em; }

body { font-family: 'Droid Sans', sans-serif; }

p { margin-bottom: 1.5em; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

big { font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html { box-sizing: border-box; }

*, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; }

body { background: #fff; /* Fallback for when there is no custom background color defined. */ }

blockquote, q { quotes: "" ""; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1.5em 0; padding-left: 2em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

#aside ul, #aside ol { padding-left: 1em; }

img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; }

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; }

textarea { padding-left: 3px; width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a { color: royalblue; }

a:visited { color: purple; }

a:hover, a:focus, a:active { color: midnightblue; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

.nav-links { padding: 1em 0 2em; font-size: .825em; }

.nav-links:after { content: ""; display: table; clear: both; }

.nav-previous, .nav-next { width: 47%; }

.nav-previous { float: left; }

.nav-next { float: right; text-align: right; }

.button { text-align: center; display: block; padding: 10px; border-radius: 6px; margin-top: 10px; background-color: #00ddff; text-decoration: none; color: black; }

.button:hover { background-color: black; color: white; }

/*--------------------------------------------------------------
5.2 Main Menu
--------------------------------------------------------------*/
#wrapnav { background: #cf7643 url(img/footerbkg.jpg) top center no-repeat; }

.main-navigation { position: relative; display: block; width: 100%; clear: both; background: #313131; background: #303030; font-size: 1em; }

.main-navigation ul { margin: 0; padding-left: 0; list-style: none; }

.main-navigation li { position: relative; float: left; }

.main-navigation a { display: block; padding: 1.3em 1em; text-decoration: none; line-height: 1.3em; color: white; }

.main-navigation ul ul { position: absolute; left: 0; z-index: 99999; display: none; float: left; padding: 0; background: #4d4d4d; background: #4d4c4c; }

.main-navigation ul ul ul { top: 0; left: 100%; }

.main-navigation ul ul a { width: 200px; }

.main-navigation li:hover > a, .main-navigation li > a:focus { color: #fff; color: white; background: #4d4d4d; background: #4d4c4c; }

.main-navigation ul ul a:hover, .main-navigation ul ul a:focus { background: #313131; background: #303030; }

.main-navigation ul li:hover > ul { display: block; }

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a:hover, .main-navigation .current-menu-item > a:hover, .main-navigation .current_page_item > a:focus, .main-navigation .current-menu-item > a:focus { color: #313131; color: #303030; background: white; }

.main-navigation .current_page_ancestor { background: #4d4d4d; background: #4d4c4c; }

.main-navigation ul ul .current_page_parent, .main-navigation .current_page_parent .current_page_item > a { color: #fff; color: white; background: #313131; background: #303030; }

/* Small menu */
.menu-toggle { display: none; cursor: pointer; background: #d91f3e url(img/burger.gif) 96% 50% no-repeat; }

@media screen and (max-width: 600px) { .menu-toggle { display: block; height: 3em; padding: 0 1em; font-weight: normal; font-size: 14px; font-size: 1rem; text-decoration: none; line-height: 3em; color: white; margin: 0; background: #158e53 url(img/footerbkg.jpg) center center no-repeat; }
  .menu-toggle a:hover, .menu-toggle a:focus { background: #4d4d4d; background: #4d4c4c; }
  .main-navigation.toggled .nav-menu { display: block; border-top: 1px solid; border-top-color: #fff; border-top-color: rgba(255, 255, 255, 0.5); }
  .main-navigation ul { display: none; padding-left: 0; }
  .main-navigation li { float: none; }
  .main-navigation li a { padding: 1.3em 2em; }
  .main-navigation li li a { padding-left: 4em; }
  .main-navigation li li li a { padding-left: 6em; }
  .main-navigation li:hover > a, .main-navigation li > a:focus { background: #313131; background: #303030; }
  .main-navigation ul ul, .main-navigation ul ul ul { position: relative; top: inherit; left: 0; display: block; float: none; background: #313131; background: #303030; }
  .main-navigation ul ul a { width: 100%; }
  .main-navigation ul a:hover, .main-navigation ul ul a:hover, .main-navigation ul a:focus, .main-navigation ul ul a:focus { background: #4d4d4d; background: #4d4c4c; }
  .main-navigation .current_page_ancestor { background: inherit; }
  .main-navigation ul ul .current_page_parent { color: inherit; background: inherit; }
  .main-navigation .current_page_item > a, .main-navigation .current_page_item > a:hover, .main-navigation .current_page_item li:hover, .main-navigation .current_page_item > a:focus, .main-navigation .current_page_item li:focus, .main-navigation .current_page_parent .current_page_item > a { color: #fff; color: white; background: #4d4d4d; background: #4d4c4c; } }

/* End responsive menu */
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; /* Make sure select elements fit in widgets. */ }

.widget select { max-width: 100%; }

/* Search widget. */
.widget_search .search-submit { display: none; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#header, #main, #aside, #contact, #connect, #footlinks { padding: 0 1em; }

/*--------------------------------------------------------------
## Banner
--------------------------------------------------------------*/
@media only screen and (max-width: 740px) { #header { text-align: center; } }

#highlight { margin-bottom: 1em; }

#highlight strong { color: #da1e3f; font-size: 1.25em; background-image: none; padding: 0; }

#highlight p { margin: 0; }

#logo { margin: 3.5% auto; }

.phone { background: url(img/phone.jpg) left center no-repeat; padding-left: 24px; }

.social { padding: 0; margin: 0; }

.social li { display: inline; list-style: none; margin-right: 6px; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.byline, .updated:not(.published) { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer { background: #158e53 url(img/footerbkg.jpg) center center no-repeat; padding: 1em 0; color: white; }

#footer h4 { margin: 0 0 .5em; font-size: 1.2em; color: white; font-size: 1.5em; }

#contact { margin-bottom: 1em; }

#contact h4 { margin-bottom: 0; }

#contact p { margin-bottom: 0; line-height: 0.875em; }

#contact small { font-size: 1em; font-family: Georgia,Times,Times New Roman,serif; font-style: italic; margin-bottom: 2em; display: block; }

#footlinks { margin: .5em 0 2em; list-style: none; font-size: .875em; }

#footlinks li { border-bottom: 1px dotted #d91f3e; }

#footlinks a, #footlinks a:visited { color: white; display: block; padding: .5em 0; text-decoration: none; }

#footlinks a:hover { color: #009; }

@media only screen and (min-width: 740px) and (max-width: 1026px) { #footlinks { margin: 0 8.33333% 1em; }
  #footlinks li { width: 50%; float: left; } }

@media only screen and (min-width: 1027px) { #footlinks li { float: left; border-bottom: none; margin-bottom: 1em; }
  #footlinks li a { border-bottom: none; padding-right: 2em; } }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

.page-id-58 #main img { border-bottom: 2px solid silver; padding-bottom: 2em; margin-bottom: 1em; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

.wp-caption-text { text-align: center; font-size: .875em; font-family: serif; font-style: italic; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
# BJ2DESIGN
--------------------------------------------------------------*/
#herobox img, .attachment-post-thumbnail { display: block; }

.duonews { border-bottom: 1px solid #da1e3f; background: url(img/news-divide.jpg) center bottom repeat-y; }

.duonews h2 { text-align: center; background-color: #e77c00; color: white; margin: 0; padding: 1em; font-size: 1em; }

@media only screen and (min-width: 740px) { .duonews h2 { font-size: 1.5em; } }

.duonews-hold { width: 50%; float: left; }

.duonews-hold h3 { padding: 0 16px; font-size: 1em; }

@media only screen and (min-width: 740px) { .duonews-hold h3 { font-size: 1.25em; padding: 0 32px; } }

.duonews-hold p { padding: 0 16px; font-size: .75em; color: black; }

@media only screen and (min-width: 350px) { .duonews-hold p { font-size: .875em; } }

@media only screen and (min-width: 740px) { .duonews-hold p { padding: 0 32px; } }

body { background: #0295b4 url(img/bkg.jpg) center top no-repeat; background-size: contain; }

#wrap { background-color: white; }

#wrapmain { background: white url(img/bkgcontent.jpg) center bottom repeat-x; }

#aside { border-top: 1px solid silver; padding-top: 2em; }

#aside h4 { margin-bottom: 0; border-top: 1px dotted silver; padding-top: 1em; }

#aside small { font-weight: bold; }

/* =THREE hero box
----------------------------------------------- */
#three { padding: 0; margin-bottom: 0; }

#three li { border-bottom: 1px silver solid; list-style: none; padding: 20px; padding-bottom: 0; }

#three li h3 { display: inline; font-size: .875em; }

#three li p { margin-top: 0; font-size: .875em; padding-bottom: 0; line-height: 1.25em; }

#three li img { float: left; width: 30%; margin-right: 1em; }

@media only screen and (min-width: 540px) { /* =THREE hero box
----------------------------------------------- */
  #three li { float: left; width: 33.33334%; border: 1px silver solid; padding: 0; }
  #three li img { width: 100%; }
  #three li h3, #three li p { padding: 0 20px; margin-bottom: 10px; }
  #three li h3 { padding-top: 20px; display: block; }
  #three li p { padding-bottom: 10px; line-height: 1.5em; } }

.location { background: url(img/location.png) left center no-repeat; padding: 5px 0 5px 28px; color: black; font-weight: bold; margin-bottom: 0; }

.location span { color: #c6c6c6; font-weight: 100; }

.archive strong, .single-custom_events strong, #times p { color: #d91f3e; background: url(img/time.png) left center no-repeat; padding: 5px 0 5px 28px; margin-bottom: 0; }

.library-program a, .library-program a, .art-on-parade a, .community a, .film a, .live-performance a, .open-studios a, .workshops a { text-decoration: none; }

.library-program, .library-program, .art-on-parade, .community, .film, .live-performance, .open-studios, .workshops, .events { padding: 5px; border: 1px solid silver; border-radius: 5px; }

.wp-pagenavi { margin-bottom: 1.5em; }

.event-block { padding: 10px; background-color: #ebebeb; border-radius: 8px; }

.event-deets { border: 2px solid #ebebeb; padding: 0 10px 10px 10px; border-radius: 8px; }

#times { font-weight: bold; }

/*--------------------------------------------------------------
# Flexslider
--------------------------------------------------------------*/
/* jQuery FlexSlider v2.6.0 http://www.woothemes.com/flexslider/ Copyright 2012 WooThemes Free to use under the GPLv2 and later license. http://www.gnu.org/licenses/gpl-2.0.html Contributing author: Tyler Smith (@mbmufffin) */
/* ==================================================================================================================== FONT-FACE ====================================================================================================================*/
@font-face { font-family: 'flexslider-icon'; src: url("fonts/flexslider-icon.eot"); src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; }

/* ==================================================================================================================== RESETS ====================================================================================================================*/
.flex-container a:hover, .flex-slider a:hover { outline: none; }

.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

.flex-pauseplay span { text-transform: capitalize; }

/* ==================================================================================================================== BASE STYLES ====================================================================================================================*/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

.flexslider .slides img { width: 100%; display: block; }

.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }

* html .flexslider .slides { height: 1%; }

.no-js .flexslider .slides > li:first-child { display: block; }

/* ==================================================================================================================== DEFAULT THEME ====================================================================================================================*/
.flexslider { margin: 0 auto; background: #ffffff; position: relative; zoom: 1; }

.flexslider .slides { zoom: 1; }

.flexslider .slides img { height: auto; -moz-user-select: none; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.carousel li { margin-right: 5px; }

.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.flex-direction-nav a.flex-next:before { content: '\f002'; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }

.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; }

.flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

/* This removed arrows */
.flex-direction-nav a { display: none; }

/* ==================================================================================================================== RESPONSIVE ====================================================================================================================*/
@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }

.video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; }

.video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }

/*--------------------------------------------------------------
# MAP + SEARCH + 
--------------------------------------------------------------*/
.acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; }

/* fixes potential theme css conflict */
.acf-map img { max-width: inherit !important; }

#find h2 { margin-top: 0; padding-top: 0; text-align: center; }

#find ul { text-align: center; }

#find li { list-style: none; margin: 0 10px; display: inline; }

@media only screen and (min-width: 740px) { /* =Content
----------------------------------------------- */
  #header, #main, #aside, #contact, #connect, #footlinks { padding: 0; }
  /* =Wrap
----------------------------------------------- */
  #header { padding: 0; border-bottom: 1px dotted silver; }
  .home #header { border-bottom: none; }
  #logo { margin: 3.5% 0 3.5% 8.33333%; float: left; }
  #highlight { width: 50%; margin: 3.5% 4.16666% 3.5% 0; float: right; }
  #highlight p { font-size: 1em; }
  #herobox img { display: block; }
  /* USE if just as BKG image fast loading mobile */
  X.page #herobox { background: none; height: 0; }
  X.home #herobox { background: url(img/HeroBox.jpg) center no-repeat; height: 20em; }
  #site-navigation { margin-left: 8.33333%; }
  .main-navigation { width: auto; /* stop scrollbars appearing */ }
  #wrapmain { padding: 4% 0 4%; }
  #main, #contact { width: 53.125%; float: left; margin-left: 8.33333%; font-size: .875em; }
  #aside { width: 26%; float: right; margin-right: 4.16666%; padding-left: 4.16666%; border-left: silver dotted 1px; font-size: .75em; border-top: none; }
  #footer { padding: 2em 0; }
  #contact { margin-bottom: 0; }
  #connect { width: 21.875%; float: right; margin-right: 4.16666%; font-size: .75em; } }

@media only screen and (min-width: 1026px) { /* =Wrap
----------------------------------------------- */
  #wrap, #footlinks { width: 1026px; margin: 2em auto 0; }
  x.home #wrapmain { margin-top: 3em; }
  h1 { margin-top: 0; }
  #footlinks li:first-child { margin-left: 8.33333%; }
  #footlinks { margin-top: 1em; margin-bottom: 2em; }
  #wrap { box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2); } }

/*# sourceMappingURL=style.css.map */