/*
Theme Name: Blue Ridge Optics
Description: Custom theme for the Blue Ridge Optics website
Author: Access Advertising
Author URI: http://visitaccess.com
Version: 1.0
*/

/* Reset */
* {
	margin:0;
	padding:0;
	outline: none;
}
*::-moz-focus-inner {border:0;}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6, address, form, table, blockquote, applet, embed, object, iframe, frameset{margin:0 0 14px;}
html, body, div, span, applet, embed, object, iframe, frameset,
p, q, blockquote, sub, sup, a, abbr, acronym, font, img, small, center,
h1, h2, h3, h4, h5, h6, b, strong, big, u, ins,
i, cite, em, var, dfn, address, s, strike, del,
dl, dt, dd, ol, ul, li, pre, code, kbd, samp, tt,
fieldset, legend, form, label, caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio,video{
	border:0;
	background:none;
}
/*
 * set default text color
 * set default font size, line height and font family
 * set default background
 */
body{
	color:#000;
	font:14px/24px tahoma, arial, sans-serif;

	background:#fff;
}
/* styles for default page links */
a{
	text-decoration:none;
	outline:none;
}
a:hover
{
	text-decoration: underline;
}
/* set typography styles for common tags */
input, textarea, select{
	font:100% tahoma, arial,sans-serif;
	vertical-align:middle;
	color:#000;
	overflow: auto;
	outline:none;
}
label{vertical-align:middle;}
button, input{
	width: auto;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6, b, strong, th{font-weight:bold;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:120%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:90%;}
i, cite, em, var, dfn, address{font-style:italic;}
u, ins {text-decoration: underline;}
s, strike, del {text-decoration: line-through;}
blockquote, blockquote:before, blockquote:after, q, q:before, q:after {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';}
blockquote{
	padding-left:32px;
	padding-left: 2rem;
	font-style: italic;
}

cite{
	display:block;
	text-align:right;
}
table, caption, tbody, tfoot, thead, tr, th, td{
	border-collapse: collapse;
	border-spacing: 0;
}
ul,
ol
{
	margin:0 0 14px;
	padding-left: 32px;
	padding-left: 2rem;
}
ul ul
{
	padding: 8px 0 0 32px;
	padding: 0.5rem 0 0 2rem;
	margin:0;
}
ul ol,
ol ul,
ol ol
{
	padding-left:22px;
	padding-left: 1.375rem;
	margin:0;
}
ul li, ol li{list-style-position:outside;}
ul>li{list-style-type:disc;}

.comment-form textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.searchform textarea,
.searchform input[type="email"],
.searchform input[type="text"]
{
	border:1px solid #ccc;
	background:#fff;
	margin:4px 0 0;
	padding:3px 4px;
}
textarea.width_override,
input[type="email"].width_override,
input[type="text"].width_override
{
	width: auto !important;
}

.commentlist li{list-style:none;}
.commentlist li+li{padding-bottom:14px;}
.commentlist img{
	float:left;
	margin:0 14px 4px 0;
}
.comment-form label{
	display:block;
	padding-bottom:4px;
}
.comment-form textarea{
	padding:3px 4px;
	overflow:auto;
	margin:0;
	height:120px;
}
.aligncenter {text-align: center;}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft{float: left;}
.alignright {float: right;}
.wp-caption {
	text-align: left;
	padding: 4px;
	font-style: italic;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	padding: 0 4px;
	margin: 0;
}

.clear:before,
.clear:after 
{
	content: "";
	display: table;
}

.clear:after 
{
	clear: both;
}

.mobile_only
{
	display: none;
}

/* Site styles */

iframe
{
	max-width: 100%;
}

body
{
	background-color: #fff;
	font-family: tahoma, arial, sans-serif;
	font-size:16px;
	font-size: 1rem;
	line-height: 20px;
	line-height: 1.25rem;
}

td, th
{
	padding: 4px;
}

img
{
	max-width: 100%;
	height: auto;
	display: block;
}

figure
{
	max-width: 100%;
}

a
{
	color: #4d4d4d;
}

input, textarea, select
{
	padding: 6px;
	max-width: 95%;
}

input[type=checkbox]
{
	width: auto;
}

input[type=button],
input[type=submit],
input[type=reset],
.btn_link
{
	text-decoration: none;
	padding: 7px 10px;
	border-radius: 0;
}

.wp-caption-text
{
	font-size: 12px;
	font-size: 0.75rem;
	font-style: italic;
}

iframe + .wp-caption-text
{
	margin-top: -14px;
}

p,
td,
th,
li
{
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 0;
	padding-bottom: 16px;
	color: #494949;
	font-family: arial, sans-serif;
}

p
{
	padding-bottom: 30px;
}

p *
{
	margin-bottom: 0;
	padding-bottom: 0;
}

ul
{
	padding-left: 24px;
	padding-left: 1.5rem;
}

ol
{
	padding-left: 24px;
	padding-left: 1.5rem;
}

.alignleft
{
	float: left;
	padding: 0 10px 0 0;
}

.alignright
{
	float: right;
	padding: 10px 0 12px 10px;
}

.aligncenter
{
	padding-bottom: 12px;
}

.alignnone
{
	padding: 5px 0 30px;
}

.no_padding
{
	padding: 0 !important;
}

.post-thumbnail img
{
	display: block;
}

#page_header_wrapper,
#page_wrapper
{
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}

#page_wrapper
{
	overflow: hidden;
}

#header_wrapper,
#content_header_wrapper,
#home_transparent_banner,
#content_wrapper,
#footer_wrapper
{
	display: block;
	width: 100%;
	clear: both;
	float: none;
	background-color: transparent;
}

#header_inner,
#content_header_inner,
#content_inner,
#home_transparent_banner_inner, 
#footer_inner
{
	clear: both;
	float: none;
	display: block;
	background-color: transparent;
	padding: 0 20px;
	width: 980px;
	max-width: 96%;
	box-sizing: border-box;
	margin: 0 auto;
}

h1,
h1 a
{
	font-size: 36px;
	line-height: 1.4em;
	margin: 10px 0;
	font-weight: normal;
}

h2,
h2 a
{
	font-size: 30px;
	line-height: 1.4em;
	margin: 10px 0;
	color: #666666;
	font-weight: normal;
}

h3,
h3 a
{
	font-size: 20px;
	line-height: 1.4em;
	margin: 10px 0;
	color: #666666;
	font-weight: normal;
}

h4,
h4 a
{
	font-size: 18px;
	line-height: 1.4em;
	margin: 10px 0;
	color: #666666;
	font-weight: normal;
}

h5,
h5 a
{
	font-size: 18px;
	line-height: 1.4em;
	margin: 10px 0;
	color: #666666;
	font-weight: normal;
}

h1 a, h2 a, h3 a, h4 a, h5 a
{
	color: inherit;
}

blockquote
{
	padding: 12px 32px;
	padding: 0.75rem 2rem;
	font-style: normal;
}

blockquote p:last-child
{
	padding-bottom: 0;
}

.meta-nav
{
	display: none;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}

.screen-reader-text:focus {
	clip: auto;
	color: #0080b4;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	line-height: normal;
	padding: 15px 23px 14px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Header area */

#header_wrapper
{
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 32px;
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), inset 0 -1px 1px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.6);
}

#header_inner
{
	position: relative;
	padding-left: 4px;
}

#logo
{
	display: inline-block;
	position: relative;
	top: -30px;
	left: -120px;
}

#logo img
{
	margin: 0 auto;
}

#page_icon
{
	float: right;
}

#content_header_wrapper
{
	background: rgba(0, 0, 0, 0.28);
	padding: 12px 0;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
}

#content_header_inner
{
	display: table;
	min-height: 120px;
}

/* Main menu */

#main-nav-container
{
	position: absolute;
	right: 0;
	bottom: 0;
}

#main-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#main-nav li
{
	list-style-type: none;
	padding: 0 calc(4px + 10px);
	margin: 0;
	display: inline-block;
	font-size: 16px;
	line-height: 80px;
	color: #666666;
	position: relative;
}

#main-nav > li:first-child
{
	padding-left: 0;
}

#main-nav li a
{
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	color: inherit;
	text-decoration: none;
	position: relative;
	display: block;
}

#main-nav li a:hover,
#main-nav > li.current-page-ancestor > a,
#main-nav > li.current-menu-item > a,
#main-nav > li.current_page_item > a
{
	color: #0088cb;
}

#main-nav > li.current-page-ancestor:after,
#main-nav > li.current-menu-item:after,
#main-nav > li.current_page_item:after
{
	content: ' ';
	height: 0px;
	text-align: center;
	width: 0px;
	border-top: 12px solid white;
	border-right: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid transparent;
	position: absolute;
	bottom: -20px;
	left: 40%;
	z-index: 1000;
}

#main-nav > li:first-child.current_page_item:after
{
	left: 20%;
}

#main-nav > li:nth-child(2).current_page_item:after
{
	left: 45%;
}

#main-nav > li ul
{	
	padding: 8px 16px;
	visibility: hidden;
	z-index: 1000;
	position: absolute;
	left: 0;
	white-space: nowrap;
	background: #fff;
}
#main-nav li ul li
{
	z-index: 10000;
	padding: 8px 24px 8px 0;
	font-weight: normal;
	line-height: 1.4em;
	float: none;
	display: list-item;
}

/* Social menu */

#social-footer-nav-container
{
	right: 0;
	display: inline-block;
	position: relative;
	text-align: center;
	overflow: hidden;
}

#social-footer-nav
{
	padding: 0;
	margin: 0;
	display: inline-block;
}

#social-footer-nav li
{
	list-style-type: none;
	display: inline-block;
	font-size: 16px;
	font-family: tahoma, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	padding: 8px 6px;
}

#social-footer-nav li:first-child
{
	padding-left: 0;
}

#social-footer-nav li a
{
	color: inherit;
	font-size: inherit;
}

/* Home Page slideshow */

.home #content_header_wrapper
{
	padding: 0;
}

.slideshow_wrapper
{
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}

.slide
{
	width: 100%;
	height: 361px;
}

.slide_container
{
	position: relative;
	height: 100%;
	padding: 0 20px;
	width: 980px;
	max-width: 96%;
	box-sizing: border-box;
	margin: 0 auto;
}

.slide_content
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.slide_content_inner
{
	display: table;
	width: 80%;
	height: 100%;
	margin: 0 auto;
}

.slide_caption
{
	display: table-cell;
	padding-top: 90px;
}

.slide_caption_inner
{
	background-color: rgba(0, 0, 0, 0.66);
	padding: 12px;
}

.slide_caption_inner h2
{
	font-size: 24px;
	margin: 0;
}

.slide_caption_inner h3
{
	font-size: 18px;
	margin: 0;
}

.slide_caption p,
.slide_caption h1,
.slide_caption h2,
.slide_caption h3,
.slide_caption h4,
.slide_caption h5
{
	color: #fff;
	position: relative;
}

/* Home page */

#home_announcement
{
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: 90px;
	left: 0;
	z-index: 1000;
}

#home_announcement_inner
{
	padding: 0 20px;
	width: 980px;
	max-width: 96%;
	box-sizing: border-box;
	margin: 0 auto;
}

#home_announcement_content
{
	background-color: rgba(0, 0, 0, 0.66);
	padding: 12px;
	width: 80%;
	box-sizing: border-box;
	margin: 0 auto;
}

#home_announcement_content h2
{
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

#home_announcement_content h3
{
	font-size: 18px;
	margin: 0;
}

#home_announcement_content p,
#home_announcement_content h1,
#home_announcement_content h2,
#home_announcement_content h3,
#home_announcement_content h4,
#home_announcement_content h5
{
	color: #fff;
	position: relative;
	font-family: arial;
	line-height: normal;
}

#home_transparent_banner
{
	background-color: rgba(0, 0, 0, 0.66);
	box-sizing: border-box;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-top: 0px solid rgba(0, 0, 0, 1);
	border-bottom: 0px solid rgba(0, 0, 0, 1);
	z-index: 1000;
	padding-top: 12px;
}

#home_transparent_banner h4
{
	font-size: 18px;
	line-height: 1.4em;
	font-weight: normal;
}

#home_transparent_banner h5
{
	font-size: 30px;
	line-height: 1.4em;
	font-weight: normal;
	color: #fff;
}

/* Main Content */

#content_wrapper
{
	position: relative;
	width: 96%;
	padding: 0 2%;
}

.breadcrumbs
{
	font-size: 13px;
	color: #a79f88;
	font-weight: bold;
	padding: 10px 0;
	position: relative;
	text-transform: uppercase;
}

.breadcrumbs a
{
	font-size: inherit;
	color: inherit;
}

h1.page-title
{
	color: #fff;
	text-align: right;
	display: table-cell;
	vertical-align: bottom;
	width: 84%;
}

#banner_message
{
	display: table-cell;
	vertical-align: bottom;
}

#banner_message + h1.page-title
{
	width: auto;
	white-space: nowrap;
}

#banner_message h2
{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}

#banner_message h3
{
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	margin: 0 0 18px;
}

li
{
	padding-bottom: 8px;
	padding-bottom: 0.5rem;
}

#content_inner
{
	overflow: visible;
	position: relative;
}

#content_container
{
	margin: 24px 0;
	width: 59%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.home #content_container
{
	margin-top: 40px;
}

#content_container.full_width,
.home #content_container.full_width,
.home #content_container.one_sidebar
{
	width: 100%;
	display: block;
}

#content_container.one_sidebar
{
	width: 79%;
}

.page-header,
.entry-header
{
	padding-bottom: 30px;
	position: relative;
}

h2.subheading
{
	font-size: 30px;
	font-size: 1.5rem;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	letter-spacing: -.01rem;
	padding-bottom: 12px;
}

.paging-navigation,
.post-navigation
{
	padding: 0 0 20px 0;
}

.category article .entry-content-inner,
.archive article .entry-content-inner
{
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
}

.category article:last-child .entry-content-inner,
.archive article:last-child .entry-content-inner
{
	border-bottom: 0;
	padding-bottom: 0;
}

#home_content h1
{
	padding-top: 16px;
	padding-top: 1rem;
}

#content article header
{
	padding-bottom: 5px;
}

#content p,
#content li
{
	line-height: 22px;
}

.archive_links li
{
	padding: 0 12px;
	float: left;
	border-right: 1px solid #419639;
	line-height: 16px;
	line-height: 1rem;
}

.archive_links li:last-child
{
	border-right: none;
}

.content-column h4
{
	margin: 24px 0;
}

.content-column h5
{
	margin-bottom: 0;
}

.content-column p
{
	padding-bottom: 0;
	font-size: 15px;
}

.content-column.one_third p
{
	width: 90%;
	margin: 0 auto;
	line-height: normal;
}

hr
{
	border-top: 1px solid rgba(154, 154, 154, 0.45);
	height: 0;
}

/* Circle background */

.circle
{
	position: relative;
	text-align: center;
	width: 272px;
	height: 272px;
	box-sizing: border-box;
	padding-top: 24px;
	margin-bottom: 36px;
}

.circle:before
{
	position: absolute;
	top: 0;
	left: 0;
	content: ' ';
	width: 100%;
	height: 100%;
	background: #ccc;
	border-radius: 50%;
	z-index: -1;
}

.circle h2
{
	margin-bottom: 20px;
}

.circle p
{
	font-size: 18px;
}

/* Blog posts */
.blog #content_container h2{	font-family: 'Oswald', sans-serif; 	font-weight: 300;	text-transform: initial;	letter-spacing: initial;}

/* Widgets */

#widget-area-1
{
	margin-bottom: 24px;
}

#widget-area-1 .widget
{
	display: inline-block;
	width: 33%;
	padding: 24px;
	margin: 0;
	vertical-align: top;
	box-sizing: border-box;
}

#widget-area-1 .widget:first-child
{
	padding-left: 0;
	width: 29%;
}

#widget-area-1 .widget:nth-child(2)
{
	width: 37%;
}

#widget-area-1 .widget:nth-child(2) p
{
	width: 90%;
	margin: 0 auto;
}

#widget-area-1 .widget:last-child,
#widget-area-1 .widget:nth-child(3n+3)
{
	border-right: none;
	padding-right: 0;
}

#widget-area-3 .widget
{
	padding: 20px 0;
}

#widget-area-1 .widget h5
{
	font-size: 36px;
	line-height: 1.2em;
	margin: 0;
	font-weight: normal;
}

#widget-area-1 .widget h6
{
	font-size: 24px;
	line-height: 1.2em;
	margin-bottom: 24px;
	color: #999;
	font-weight: normal;
}

#widget-area-1 .widget p
{
	font-size: 16px;
	line-height: 1.4;
	color: #999;
}

#widget-area-1 .widget a
{
	color: #2fcb24;
}

.widget
{
	position: relative;
}

.widget_inner h1:first-child,
.widget_inner h2:first-child,
.widget_inner h3:first-child,
.widget_inner h4:first-child
{
	margin-top: 0;
}

/* Footer */

#footer_wrapper
{
	background: #ccc;
	padding: 36px 0;
	font-size: 14px;
	line-height: 2em;
	font-family: tahoma, Helvetica, sans-serif;
	color: #666666;
}

#footer_wrapper a
{
	text-decoration: none;
}

#footer_wrapper p
{
	padding-bottom: 4px;
	font-size: 14px;
	line-height: 2em;
	font-family: tahoma, Helvetica, sans-serif;
}

#footer-nav-container
{
	float: left;
	width: 78%;
}

#footer-nav
{
	padding: 0;
	margin: 0;
}

#footer-nav li
{
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	line-height: 2em;
	padding: 0 10px;
	font-weight: bold;
}

#footer-nav > li:first-child
{
	padding-left: 0;
}

#footer-nav > li:last-child
{
	padding-right: 0;
}

#footer-nav li a
{
	color: inherit;
	font-size: inherit;
}

#footer-nav li ul
{
	padding: 0;
}

#footer-nav li ul li
{
	display: list-item;
	padding-left: 0;
	font-weight: normal;
}

#footer-nav > li:nth-child(2)
{
	width: 36%;
}

#footer-nav > li:nth-child(2) ul li
{
	display: inline-block;
	width: 49%;
	vertical-align: top;
	box-sizing: border-box;
}

#right_footer_content
{
	float: right;
	width: 21%;
}

#right_footer_content a
{
	color: #cd7a1f;
}

#left_footer_content
{
}

#copyright
{
	float: right;
	width: 21%;
  font-size: 10px;
  font-family: tahoma, arial, sans-serif;
}

/* pagination */

.paging-navigation {
	padding: 1em 0;
	background: transparent;
}

.navigation{overflow:hidden;}

/* Remove bullets and list indentation */
.paging-navigation ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}

/* Make the list items appear horizontally */
.paging-navigation li {
	display: inline;
}

/* Give each link and the current item some padding to make them easy to click */
a.page-numbers,
span.page-numbers {
	padding: 4px 8px;
	padding: 0.25rem 0.5rem;
	color: #2b5f90;
}

/* Link hover state */
a:hover.page-numbers {
	color: #333;
}

/* Current page bold and dark */
.paging-navigation .current {
	font-weight: bold;
	color: #333;
}
