/*	Main CSS Styles for the BNE WordPress Framework
 *
 *  Designed by: BNE Creative
 *	Last Edited: December 5, 2018
 *
 * ======================================================== */

/* Table of Contents
1) General Design Styles & Structure
2) Typography
3) Theme Grid System
4) Bootstrap Columns
5) Helper Classes
6) Header
7) Main Menu
8) Featured Content Area
9) Main Content Area
10) Sidebars & Widgets
11) Footer
12) Blog and Post
13) Media (Images, Video, Audio, Embeds)
14) Magnific Popup
15) Flexslider
16) Form Styles
17) Framework Buttons
18) Alert Boxes
19) Panels
20) Tabs
21) Toggles / Accordions / Panels
22) Modals
23) Tooltips and Popovers
24) Bootstrap Nav
25) Call Out Box
26) Statistics (Progress Bars, Milestones)
27) Social Icons (BNE Contact Bar and BNE Share)
28) Core Animations
29) 3rd Party Plugin Style Support
30) Responsive Styles
*/



/* ===========================================================
 *	1) General Design Styles & Structure
 * ======================================================== */

/* == Page Background == */
body { background: #ffffff; }


/* == Main Wrapper == */
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	overflow: hidden;
}


/* == Secondary Wrapper around All Content == */
#container {
	margin: 0 auto;
	padding: 0px;
	width: 100%;
}


/* == Wide Layout == */
.wide_layout { }


/* == Boxed Layout == */
.boxed_layout { }


/* == Main Structure Areas == */
#header-wrapper,
#header-above,
#featured-wrapper,
#main-content-wrapper,
#footer-above,
#footer-widgets-wrapper,
#footer-wrapper {
	position: relative;
	padding: 20px 30px;
}

.content-area-width,
#header-above .inner-content,
#header-wrapper .inner-content,
#featured-wrapper .inner-content,
#page-title-wrapper .entry-header,
#main-content-wrapper .inner-content,
#footer-above .inner-content,
#footer-wrapper .inner-content {
	position: relative;
	margin: 0 auto;
	width: 100%;
}


/* == Element Container == */
.bne-element-container { 
	margin-bottom: 40px;
}


/* == Other WP Requirements == */
.sticky {}
.gallery-caption {}


/* == Gutenburg == */
.wp-block-table td,
.wp-block-table th {
	border: none;
}
.wp-block-image.alignleft { margin: 5px 20px 20px 0; }
.wp-block-image.alignright { margin: 5px 0 20px 20px; }
.wp-block-pullquote { border: none; }
.wp-block-gallery.clearfix:before { display: none; }



/* == Accessiblity == */
.screen-reader-text,
.sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    height: 1px
}
.screen-reader-text:focus,
.sr-only: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: .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
}

/* 	Outline for selection
 *	Removed by default unless "bne-accessible" is added
 * 	to the html tag which is triggered if the "tab" key is pressed.
 *	See bne-scripts.js
*/
html:not(.bne-accessible) a:focus,
html:not(.bne-accessible) button:focus,
html:not(.bne-accessible) input:focus,
html:not(.bne-accessible) select:focus,
html:not(.bne-accessible) textarea:focus { outline: none; }


/* ===========================================================
 *	2) Typography
 * ======================================================== */

html,
body {
	font-size: 16px;
}
body {
	-moz-osx-font-smoothing: grayscale;
	 -webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	color: #666;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.6;
}

/* == Headings == */
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333333;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 0px;
	margin-bottom: 10px;
}
h4,
h5,
h6 {
	line-height: 1.3;
	margin-bottom: 1em;
}
h1, .h1 {
	font-size: 2.29rem; /* 32px / 14px */
}
@media (max-width: 767px) {
	h1, .h1 {
		font-size: 1.9rem;
	}
}
h2, .h2 {
	font-size: 1.93rem; /* 27px / 14px */
}
@media (max-width: 767px) {
	h2, .h2 {
		font-size: 1.7rem;
	}
}
h3, .h3 {
	font-size: 1.42rem; /* 20px / 14px */
}
h4, .h4 {
	font-size: 1.14rem; /* 16px / 14px */
}
h5, .h5 {
	font-size: 1rem; /* 14px / 14px */
}
h6, .h6 {
	font-size: 0.85rem; /* 12px / 14px */
}

.entry-title { margin-top: 0px; }
.entry-title a { color: inherit; }


/* == Paragraphs == */
p { margin-bottom: 25px; }


/* == Links == */
a,
a:hover,
a:active,
a:visited,
a:focus {
	text-decoration: none;
}

.edit-link { margin-top: 20px; }

/* == Code == */
code { background: #eee; border: 0; color: #666; white-space: normal; }
code.block { display: block; margin-bottom: 1.38em; }


/* == Dividers == */
.divider { margin: 30px auto; position:relative; max-width: 100%; }
.divider-center { }
.divider-left { float: left; }
.divider-right { float: right; }

.divider-dashed { border-top: 1px dashed #ccc; }
.divider-thick-dashed { border-top: 6px dashed #ccc; }
.divider-double-dashed { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; height: 7px; }

.divider-solid  { border-top: 1px solid #ccc; }
.divider-thick-solid  { border-top: 6px solid #ccc; }
.divider-double-solid { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 7px; }

.divider-shadow {
    background: 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(150, 150, 150, 0)), color-stop(15%, rgba(150, 150, 150, 0)), color-stop(50%, rgba(150, 150, 150, 0.65)), color-stop(85%, rgba(150, 150, 150, 0)), color-stop(100%, rgba(150, 150, 150, 0)));
    background: -webkit-linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: -moz-linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(left, rgba(150, 150, 150, 0) 0, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
    border: 0;
    height: 1px;
    overflow: visible;
}
.divider-shadow:after {
    content: '';
    background: -webkit-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0, rgba(255, 255, 255, 0) 65%);
    background: -moz-radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0, rgba(255, 255, 255, 0) 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.5) 0, rgba(255, 255, 255, 0) 65%);
    display: block;
    height: 6px;
    width: 100%;
}

.divider-icon,
.divider-image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0 2px 4px #999;
	text-align: center;
}


/* == Dropcaps == */
.dropcap {
	display: block;
	float: left;
	margin: 4px 10px 0 0;
	height: 55px;
	width: 55px;
	font-size: 50px;
	line-height: 55px;
	text-align: center;
}

.dropcap.circle { border-radius: 100%; }
.dropcap.default { color: #333; }


/* == Breadcrumbs == */
.breadcrumb {
    margin: 0 0 5px 0;
    padding: 7px 5px;
    background: transparent;
    font-size: 80%;
}


/* == Quoteblock == */
blockquote {
	border-left: 5px solid rgba(0, 0, 0, 0.23);
	font-size: 1em;
	font-style: italic;
	margin: 40px 30px;
	color: #161616;
}

blockquote p {
	margin: 0;
	padding: 0;
}

blockquote p:before { content: "\201C"; }
blockquote p:after { content: "\201D"; }

blockquote cite,
blockquote small,
blockquote small:before {
	color: #999;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0px;
	text-transform: uppercase;
}

blockquote.pull-right {
	border-right: 5px solid rgba(0, 0, 0, 0.23);
	padding-left: 25px;
}

blockquote.quote-fancy {
	background: none;
	border: none !important;
}

blockquote.quote-fancy p {
	font-family: "Libre Baskerville", "Baskerville", Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: none;
	font-size: 20px;
}


/* == List == */
.fa-ul,
.img-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}
.bne-icon-list .fa-li { top: 0; }


/* == Icons == */



/* == Text Light for Dark Areas == */
.text-light,
.text-light h1,
.text-light h2,
.text-light h3,
.text-light h4,
.text-light h5,
.text-light h6 {	
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, .3);
}

/* == Text Dark for Light Areas == */
.text-dark,
.text-dark h1,
.text-dark h2,
.text-dark h3,
.text-dark h4,
.text-dark h5,
.text-dark h6 {
	color: #333;
	text-shadow: none;
}





/* ===========================================================
 *	3) Theme Grid System
 * ======================================================== */

/*
 * 	This grid is used internally for various elements; however,
 * 	keep in mind that the primary layout of the theme is determined
 * 	with Bootstrap's 12-column fluid grid system.
*/
.column {
	float: left;
	margin-right: 4%;
	min-height: 20px;
}
.column.tight { margin-right: 1%; }
.column.flush { margin-right: 0; }
.column.last { margin-right: 0; }

/* Standard 12 Column Setup */
.grid_2  { width: 13.33%; }
.grid_3  { width: 22%; }
.grid_4  { width: 30.66%; }
.grid_6  { width: 48%; }
.grid_8  { width: 65.33%; }
.grid_9  { width: 74%; }
.grid_10 { width: 82.67%; }
.grid_12 { width: 100%; }


/* Tight 12 Column Setup */
.tight.grid_2  { width: 16%; }
.tight.grid_3  { width: 24.25%; }
.tight.grid_4  { width: 32.66%; }
.tight.grid_6  { width: 49.5%; }
.tight.grid_8  { width: 66.34%; }
.tight.grid_9  { width: 74.75%; }
.tight.grid_10  { width: 83%; }
.tight.grid_12 { width: 100%; }

/* Tight 12 Column Setup no Gutter */
.tight.no-gutter.grid_2  { width: 20%; margin-right: 0; }
.tight.no-gutter.grid_3  { width: 25%; margin-right: 0; }
.tight.no-gutter.grid_4  { width: 33.33%; margin-right: 0; }
.tight.no-gutter.grid_6  { width: 50%; margin-right: 0; }
.tight.no-gutter.grid_8  { width: 70%; margin-right: 0; }
.tight.no-gutter.grid_9  { width: 75%; margin-right: 0; }
.tight.no-gutter.grid_10 { width: 90%; margin-right: 0; }
.tight.no-gutter.grid_12 { width: 100%; margin-right: 0; }

/* Standard Fifths */
.grid_fifth_1 { width: 16.8%; }
.grid_fifth_2 { width: 37.6%; }
.grid_fifth_3 { width: 57.6%; }
.grid_fifth_4 { width: 79.2%; }

/* Tight Fifths */
.tight.grid_fifth_1 { width: 19.2%; }
.tight.grid_fifth_2 { width: 38.4%; }
.tight.grid_fifth_3 { width: 57.6%; }
.tight.grid_fifth_4 { width: 76.8%; }

/* Tenths */
.grid_tenth_3 { width: 27.2%; }
.grid_tenth_7 { width: 68.8%; }

/* Tight Tenths */
.tight.grid_tenth_3 { width: 29.5%; }
.tight.grid_tenth_7 { width: 69.5%; }



/* ===========================================================
 *	4) Bootstrap Columns
 * ======================================================== */

/* Equal Height */
@media (min-width: 768px)  {
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	}
}


/* Row Margins */
.row-inner:not(.no-gutter) + .row-inner:not(.no-gutter) { margin-top: 20px; }

/* Column Stacking Margins */
@media (max-width: 1200px) { .row-inner:not(.no-gutter) [class*="col-lg-"] { margin-bottom: 20px; } }
@media (max-width: 991px)  { .row-inner:not(.no-gutter) [class*="col-md-"] { margin-bottom: 20px; } }
@media (max-width: 767px)  { .row-inner:not(.no-gutter) [class*="col-sm-"] { margin-bottom: 20px; } }

/* No Gutters */
.row.no-gutter {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutter > [class^="col-"],
.row.no-gutter > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
	margin-bottom: 0;
}

/* 5 and 10 Columns */
.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15,
[class*="col-sm-0"], [class*="col-sm-0"], [class*="col-md-0"], [class*="col-lg-0"] {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15, .col-xs-020 { width: 20%; float: left; }
.col-xs-030 { width: 30%; float: left; }
.col-xs-040 { width: 40%; float: left; }
.col-xs-060 { width: 60%; float: left; }
.col-xs-070 { width: 70%; float: left; }
.col-xs-080 { width: 80%; float: left; }

@media (min-width: 768px) { 
	.col-sm-15, .col-sm-020 { width: 20%; float: left; }
	.col-sm-030 { width: 30%; float: left; }
	.col-sm-040 { width: 40%; float: left; }
	.col-sm-060 { width: 60%; float: left; }
	.col-sm-070 { width: 70%; float: left; }
	.col-sm-080 { width: 80%; float: left; }
}
@media (min-width: 992px) { 
	.col-md-15, .col-md-020 { width: 20%; float: left; } 
	.col-md-030 { width: 30%; float: left; }
	.col-md-040 { width: 40%; float: left; }
	.col-md-060 { width: 60%; float: left; }
	.col-md-070 { width: 70%; float: left; }
	.col-md-080 { width: 80%; float: left; }
}
@media (min-width: 1200px) { 
	.col-lg-15, .col-lg-020 { width: 20%; float: left; }
	.col-lg-030 { width: 30%; float: left; }
	.col-lg-040 { width: 40%; float: left; }
	.col-lg-060 { width: 60%; float: left; }
	.col-lg-070 { width: 70%; float: left; }
	.col-lg-080 { width: 80%; float: left; }
}



/* ===========================================================
 *	5) Helper Classes / Utility
 * ======================================================== */

/* == Clear == */
.clear { clear: both; }
.clear:before, .clear:after { display: table; content: " "; }
.clear:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; }


/* == Alignments == */
.alignnone { margin: 5px 0 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }


/* == Absolute Alignments == */
.align-left_center,
.align-right_center,
.align-center_center {
	width: 100%;
	max-width: 90%;
	margin: 0 auto;
	text-align: center;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.align-center_center { position: absolute; left: 0; right: 0; top: 50%;  bottom: auto; }
.align-center_top    { position: absolute; left: 0; right: 0; top: 0;   bottom: auto; text-align: center; margin: 0 auto; }
.align-center_bottom { position: absolute; left: 0; right: 0; top: auto; bottom: 0;   text-align: center; margin: 0 auto; }

.align-left_top      { position: absolute; left: 0; right: auto; top: 0;   bottom: auto; text-align: left; }
.align-left_center   { position: absolute; left: 0; right: auto; top: 50%;  bottom: auto; text-align: left; }
.align-left_bottom   { position: absolute; left: 0; right: auto; top: auto; bottom: 0;   text-align: left; }

.align-right_top     { position: absolute; left: auto; right: 0; top: 0;   bottom: auto; text-align: right; }
.align-right_center  { position: absolute; left: auto; right: 0; top: 50%;  bottom: auto; text-align: right; }
.align-right_bottom  { position: absolute; left: auto; right: 0; top: auto; bottom: 0;   text-align: right; }


/* == Utility / Other == */
.uppercase { text-transform: uppercase !important; }
.no-shadow { box-shadow: none !important; text-shadow: none !important; }
.no-text-shadow, .no-text-shadow-all * { text-shadow: none !important; }
.text-shadow-light * { text-shadow: 1px 1px 0px rgba(255,255,255,.3); }
.text-shadow-dark * { text-shadow: 1px 1px 0px rgba(0,0,0,.3); }
.no-border-radius {  border-radius: 0px !important; }
.no-box-shadow, .no-box-shadow-all * { box-shadow: none !important; }
.overflowvisible { overflow: visible !important; }
.flat { background-image: none !important; }
.bg-shade { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; }
.reset-styles { padding: 0 !important; margin: 0 !important; box-shadow: none !important; background: none !important; border: none !important; border-radius: 0 !important;  }

/* == Responsive visibility Classes == */
.hide { display: none; }

/* Desktop */
@media only screen and ( min-width: 1025px ) {
	.hide-lg,
    .hide_on_standard,
    .hide_on_desktop,
    .hide_on_standard_and_tablet,
    .hide_on_standard_and_tablet_and_mobile,
    .hide_on_standard_and_mobile {
        display: none;
    }
}

/* Tablets */
@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) {
	.hide-md,
    .hide_on_standard_and_tablet,
    .hide_on_standard_and_tablet_and_mobile,
    .hide_on_tablet,
    .hide_on_tablet_and_mobile {
        display: none;
    }
}

/* Mobile */
@media only screen and ( max-width: 767px ) {
	.hide-sm,
    .hide_on_standard_and_tablet_and_mobile,
    .hide_on_standard_and_mobile,
    .hide_on_tablet_and_mobile,
    .hide_on_mobile {
        display: none;
    }
}





/* ===========================================================
 *	6) Header
 * ======================================================== */

#header-wrapper .header-content { padding-bottom: 20px; }

/* == Logo == */
.overlay-logo { display: none; }
@media only screen and ( min-width: 768px ) {
	.header-transparent .header_logo.has-overlay-logo .default-logo { display: none; }
	.header-transparent .header_logo.has-overlay-logo .overlay-logo { display: block; }
}
.logo-text { display: block; font-weight: bold; margin: 0; font-size: 2.29rem; color: #444; line-height: 1.2 }
.site-description { display: block; margin: 0; font-size: 1.14rem; color: #444; line-height: 1.2 }

/* == Header Phone, Address, Message */
.header-addon { display: block; font-size: 1.2rem; line-height: 1.4; text-align: right; }
.header-message a[href^=tel],
.header-phone a[href^=tel],
.header-message a:not(.btn) {
	color: inherit;
}

/* == Center Header == */
.header-full_header .header_logo,
.header-full_header .header-addon { float: none; text-align: center; }
.header-full_header .bne-contact-bar ul,
.header-full_header .bne-contact-bar li { float: none; }

/* == Hide Header == */
/* Incase the primary menu assets are "outside" the header when hidden */
.header-off .btn-navbar,
.header-off .menu-wrapper { display: none; }


/* == Header Sidebar == */
.header_sidebar_layout #header-wrapper .header-sidebar-widgets {
	display: none;
}
.header_sidebar_layout #header-wrapper .widget {
	margin-top: 30px;
}
.header_sidebar_layout #header-wrapper .header_logo,
.header_sidebar_layout #header-wrapper .header-addon { 
	float: none; 
	text-align: center;
}
.header_sidebar_layout #header-wrapper .bne-contact-bar ul,
.header_sidebar_layout #header-wrapper .bne-contact-bar li { 
	float: none;
}
@media only screen and ( min-width: 1024px ) {
	.header_sidebar_layout #header-wrapper { 
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: 340px;
		height: 100vh;
		z-index: 100;
		overflow: hidden;
		padding: 0;
		box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
	}
	.header_sidebar_layout #branding {
		padding: 60px 30px 30px 30px;
		overflow: auto;
		height: 100%;
	}
	
	.header_sidebar_layout #header-above,
	.header_sidebar_layout #featured-wrapper,
	.header_sidebar_layout #main-content-wrapper,
	.header_sidebar_layout #footer-above,
	.header_sidebar_layout #footer-widgets-wrapper,
	.header_sidebar_layout #footer-wrapper {
		margin-left: 340px;
	}
	
	.header_sidebar_layout #header-wrapper .content-col,
	.header_sidebar_layout #header-wrapper .header-addon {
		margin-top: 20px;
		font-size: 1rem;
	}
	
	/* Main Menu */
	.header_sidebar_layout #header-wrapper .menu-location-header_addon {
		float: none;
	}
	.header_sidebar_layout #header-wrapper #primary-menu > li {
		float: none;
		width: 100%;
		display: block;
	}
	.header_sidebar_layout #header-wrapper #primary-menu ul,
	.header_sidebar_layout #header-wrapper #primary-menu ul ul {
		margin:0;
		padding: 0;
		position: relative;
		left: 0;
		width: 100%;
		border: none;
	}
	
	.header_sidebar_layout #header-wrapper .header-sidebar-widgets {
		display: block !important;
	}
}


/* ===========================================================
 *	7) Main Menu
 * ======================================================== */

/* == Superfish Menu Reset == */
.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu li{position:relative}.sf-menu ul{position:absolute;display:none;top:100%;left:0;z-index:999}.sf-menu > li{float:left}.sf-menu li:hover > ul,.sf-menu li.sfHover > ul{display:block}.sf-menu a{display:block;position:relative}.sf-menu ul ul{top:0;left:100%}.sf-menu a.sf-with-ul{padding-right:2.25em;min-width:1px}ul.sf-menu-with-fontawesome .sf-sub-indicator{display:inline;margin-left:8px;position:static;width:auto;height:auto;text-indent:0}ul.sf-menu-with-fontawesome ul .sf-sub-indicator{position:absolute;top:.8em;right:10px}


/* == Primary Menu == */
.menu-wrapper {
	position: relative;
	z-index: 15;
}

#access { margin: 0 auto; padding: 0 30px; border: 1px solid transparent; background: #f4f4f4; }
#header-wrapper #access { padding: 0; }

/* All Levels */
#primary-menu li a {
	color: #666;
	font-size: initial;
	text-decoration: none;
	transition: color .2s linear, background .2s linear;
}

#primary-menu li a:hover { text-decoration: none; }
#primary-menu li a .sf-sub-indicator { color: inherit; width: 1em; height: 1em; }
#primary-menu a .menu-icon { margin-right: 5px; }


/* Level 1 Only */
#primary-menu > li { border-right: none; }
#primary-menu > li > a { line-height: 40px; padding: 0 15px; }

/* Hover and Active State */
#primary-menu > li > a:hover,
#primary-menu > li > a:hover,
#primary-menu > li.active > a,
#primary-menu > li.sfHover > a {
	background: #ffffff;
}

/* Level 2 & 3 */
#primary-menu ul { background: #fff; box-shadow: 0px 5px 6px rgba(0,0,0,.1); width: 200px; }
#primary-menu ul ul { left: 198px; top: -1px; }
#primary-menu ul li a { padding: 7px 10px }
#primary-menu ul li.divider { background-color: #ddd; border-bottom: none; }

/* Active State (Children) */
#primary-menu li li a:hover,
#primary-menu li li a:focus,
#primary-menu li li.active > a {
	background: #f2f2f2;
}


/* == Center Align Menu == */
@media only screen and ( min-width: 768px ) {
	.header-menu-center .header-menu #primary-menu { text-align: center; font-size: 0; /* Remove nav gaps */ }
	.header-menu-center .header-menu #primary-menu li  { text-align: left; font-size: 1rem; }
	.header-menu-center .header-menu #primary-menu > li { display: inline-block; float: none; }
}

/* == Sticky Primary Menu == */
.bne-sticky-menu {
	display: block;
	visibility: hidden;
	position: fixed;
	z-index: 1000;
	margin: 0 auto;
	padding: 0px 30px;
	top: -100%;
	right: 0;
	left: 0;
	width: 100%;
	background: white;
	color: #333;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	transition: top 0.5s ease-in-out 0s;
}

.bne-sticky-menu .inner-content { position: relative; margin: 0 auto; }

/* Only display the sticky nav on large tablet & desktop */
@media only screen and ( min-width: 801px ) {
	body.has-sticky-menu .bne-sticky-menu { visibility: visible; }
	body.has-sticky-menu .bne-sticky-menu.visible { top: 0px; }
	/* Adjust for admin bar */
	body.admin-bar.has-sticky-menu .bne-sticky-menu.visible { top: 32px; }
}

/* Sticky logo */
.bne-sticky-menu .header_logo { display: block !important; float: left; margin: 8px 0px; }
.bne-sticky-menu .header_logo img { width: auto; height: 44px; }
.bne-sticky-menu .header_logo .logo-text { font-size: 20px; line-height: 44px; }

/* Sticky Nav */
.bne-sticky-menu .nav { float: right; font-size: 13px; }
.bne-sticky-menu #primary-menu { float: left; position: static; }
.bne-sticky-menu #primary-menu > li > a {
	background: none;
	padding: 0 10px;
	height: 60px;
	line-height: 60px;
	border-radius: 0px;
	color: inherit;
	text-shadow: none;
}
.bne-sticky-menu #primary-menu li a {
	font-size: 14px;
}

/* Hover and Active State */
.bne-sticky-menu #primary-menu > li > a:hover,
.bne-sticky-menu #primary-menu > li.active > a,
.bne-sticky-menu #primary-menu > li.sfHover > a {
	background: #eee;
}


/* == Mobile Nav Button == */
.btn-navbar {
	display: none;
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 999;
	padding: 8px;
	background-color: #111;
	color: #fff;
	line-height: 1;
	font-size: 16px;
	text-align: center;
	transition: all .3s ease;
}

.btn-navbar:hover { color: #fff; }

.btn-navbar .bne-fa {
	/* maintain consistent width, no matter what icon used */
	width: 22px;
}

/* == Select Mobile Nav == */
.selectnav { display: none;}

/* == Menu Extras == */
.menu-cart .badge { 
	background: #5991CE;
	border-radius: 100px;
	font-size: 9px;
	font-weight: bold;
	line-height: 1.7em;
	padding: 0 5px;
	height: 1.7em;
	margin: -2px 0px 0px 2px;
	text-align: center;
}


/* Seach Popup */
.bne-search-popup { background: rgba(0,0,0,.7); }
.bne-search-popup .modal-content { background: none; box-shadow: none; border: none; }
.bne-search-popup .modal-header { margin-bottom: 50px; border: 0;}
.bne-search-popup .modal-header .close {
	opacity: 1;
	font-size: 60px;
	font-weight: 100;
	text-shadow: none;
	color: white;
}
.bne-search-popup .bne-search input,
.bne-search-popup .bne-search input:focus {
	border: none;
	border-bottom: 2px solid #fff;
	background: none;
	box-shadow: none;
	border-radius: 0;
	font-style: italic;
	color: #999;
	height: 50px !important;
	line-height: 50px !important;
	font-size: 30px !important;
}
.bne-search-popup .bne-search button,
.bne-search-popup .bne-search button:hover,
.bne-search-popup .bne-search button:active {
	background: none !important;
	border: none !important;
	border-radius: 0px !important;	
	color: #fff !important;
	box-shadow: none;
	font-size: 25px;
}


/* ===========================================================
 *	8) Featured Content Area
 * ======================================================== */

#featured-wrapper .inner-content { min-height: 100px; }
#featured-wrapper .bne-element-container { margin: 0; padding: 0; }
#featured-wrapper.page-featured-image img { width: 100%; }

/* == Full Width Featured Area == */
#featured-wrapper.full-width-featured-area { padding: 0 !important; }
#featured-wrapper.full-width-featured-area .inner-content { max-width: 100% !important; }
#featured-wrapper.full-width-featured-area #featured-content img { margin: 0; width: 100%; }
#featured-wrapper.full-width-featured-area .bne-slider-wrapper { padding: 0; border: none; box-shadow: none; border-radius: 0;  }
#featured-wrapper.full-width-featured-area .bne-slider-wrapper .slider-headline { font-size: 3.5vw; line-height: 1.2em; }
#featured-wrapper.full-width-featured-area .bne-slider-wrapper .slider-description { font-size: 1.6vw; line-height: 1.2em; }


/* ===========================================================
 *	9) Main Content Area
 * ======================================================== */

article { margin-bottom: 40px; }

/* == Full width 100% Template (template_fullwidth-100.php) == */
body.fullwidth-100 #main-content-wrapper { padding-top: 0; padding-bottom: 0; }
body.fullwidth-100 #main-content-wrapper article.page { margin-bottom: 0; }
body.fullwidth-100 #main-content-wrapper .inner-content {
	/* Remove layout width from theme options */
	max-width: 100%;
	padding: 0;
	/* Remove default stylying of content area */
	background: none;
	box-shadow: none;
	border: none;
}

/*
 * 	Add support for elements outside the main content area.
 * 	max-width is added via theme-frontend-css.php
*/
body.fullwidth-100 .breadcrumbs,
body.fullwidth-100 .entry-header,
body.fullwidth-100 #comments,
body.fullwidth-100 .edit-link {
	margin-left: auto;
	margin-right: auto;
}

/* Full width Containers - Adjust for padding from #main-content-wrapper */
.full_width_box {
	position: relative;
	margin-left: -30px;
	margin-right: -30px;
	padding: 0 30px;
}
.full_width_box .full_width-inner-content { position: relative; margin: 0 auto; }

/* If [full_width] is used in a widget, no need to adjust the margins */
.widget .full_width_box { margin-left: 0; margin-right: 0; }


/* Full Width Videos */
.full_width-video-bg {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	    -ms-transform-style: preserve-3d;
			transform-style: preserve-3d;
    -webkit-animation: videoFadeIn 2s;
       -moz-animation: videoFadeIn 2s;
        -ms-animation: videoFadeIn 2s;
         -o-animation: videoFadeIn 2s;
            animation: videoFadeIn 2s;
}

.full_width-video-bg video {
	position: absolute;
	margin: 0 auto;
	padding: 0 !important;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	border: none !important;
	box-shadow: none !important;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.full_width-video-bg .ytplayer {}

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


/* Fade in Video to reduce opening browser flashing */
@-webkit-keyframes videoFadeIn { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes videoFadeIn { from { opacity: 0; } to { opacity: 1; } }
@-ms-keyframes videoFadeIn { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes videoFadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes videoFadeIn { from { opacity: 0; } to { opacity: 1; } }


/* Video only section */
.full_width_box.video-bg-only {
    padding: 0 !important;
}

.full_width_box.video-bg-only .full_width-video-bg {
    position: relative;
}

.full_width_box.video-bg-only .full_width-video-bg video {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    min-width: auto;
    min-height: auto;  
}


/* Full Width Overlay */
.full_width-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: none;
    background-color: #000;
    opacity: .30;
}


/* == Full Width Background Split == */
.full_width-bg-left,
.full_width-bg-right {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: scroll;
	background-size: cover;
}
.full_width-bg-left { left: 0; background-position: left top; }
.full_width-bg-right { right: 0; background-position: right top; }
.full_width-bg-mobile { margin-bottom: 20px; }

/* Inline full width image class
 * It's used as a class in the [full_width] shortcode and
 * will remove the section padding and inner-content margin
*/
.full_width_box.full-width-edge { padding: 0 !important; }
.full_width_box.full-width-edge .full_width-inner-content { margin: 0 !important; max-width: 100% !important; }
.full_width_box.full-width-edge img.size-full { width: 100%; margin: 0 auto; }



/* == Page Builder Supports == */

/* Elementor */
body.elementor-template-full-width #main-content-wrapper { padding: 0; }
body.elementor-template-full-width #main-content-wrapper .inner-content {
	max-width: 100%;
	padding: 0;
	background: none;
	box-shadow: none;
	border: none;
}
/* Divi Builder */
body.et_divi_builder #main-content-wrapper .full-width-template #et-boc {
    margin-left: -30px !important;
    margin-right: -30px !important;
}


/* ===========================================================
 *	10) Sidebars & Widgets
 * ======================================================== */

/* == Widgets General Styles == */
.widget { margin-bottom: 2em; list-style: none; }

/* == Widget List == */
.widget:not(.widget_text) ul { list-style: none; margin: 0; padding: 0; }
.widget:not(.widget_text) li { line-height: 1.3; margin: 0 0 10px 0; padding: 0; }
.widget:not(.widget_text) li a { padding: 0; font-size: 90%; }
.widget:not(.widget_text) ul ul { padding: 0 0 5px 18px; }
.widget ul.children,
.widget ul.sub-menu { margin-top: 5px; margin-bottom: 5px; padding-bottom: 0 }
.widget ul.children > li:last-child,
.widget ul.sub-menu > li:last-child {
    margin-bottom: 0
}
.widget_nav_menu .menu .bne-fa { margin-right: 5px; }

.widget_nav_menu .menu .nav-header span {
    display: block;
    padding: 3px 0px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}
.widget_nav_menu .menu li + .nav-header span { margin-top: 9px; }
.widget_nav_menu .menu .divider,
.sf-menu li li.divider {
    height: 2px;
    margin: 8px 1px;
    padding: 0;
    overflow: hidden;
    background-color: #ddd;
    border-bottom: 1px solid #fff;
}

.widget_categories a:not(:hover),
.widget_archive a:not(:hover),
.widget_pages a:not(:hover),
.widget_nav_menu a:not(:hover),
.widget_recent_entries a:not(:hover),
.widget_meta a:not(:hover),
.widget_rss a:not(:hover),
.widget_layered_nav a:not(:hover),
.widget_display_forums a:not(:hover) {
    color: inherit
}

/* Text Widget */
.textwidget ul, .textwidget ol {
    padding-left: 25px;
}

.textwidget ul.fa-ul {
    padding-left: 0;
}

.textwidget > p:last-child {
    margin-bottom: 0;
}

/* RSS Widget */
.widget_rss .widget-title a.rsswidget {
    color: inherit;
}

.widget_rss .widget-title a.rsswidget:first-child img {
    display: none;
}

.widget_rss .widget-title a.rsswidget:first-child:before {
    content: "\f143";
    font-family: "Font Awesome 5 Solid";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Recent Post Widget */
.widget_recent_entries li a {
	display: block;
}
.widget_recent_entries li .post-date {
	font-size: 80%;
	color: #ccc;
}



/* ===========================================================
 *	11) Footer
 * ======================================================== */

/* == Footer Widgets == */
.footer-widgets { padding-bottom: 20px; padding-top: 20px; }
#footer-widgets-wrapper .footer-widgets { padding: 0; }

/* == Footer Copy == */
#footer_sub_content { font-size: 80%; }
.footer-layout-stacked .copyright { text-align: center; margin-bottom: 10px; }
.footer-layout-stacked #footer-menu { float:none; text-align: center; }


/* == Footer Navigation == */
#footer-menu {
	margin: 0;
	padding: 0;
	float: right;
}
#footer-menu li {
	display: inline-block;
	padding: 0px 5px;
	list-style: none;
}

/* Back To Top Button */
.bne-scroll-to-top {
	display: none;
	position: fixed;
	z-index: 20;
	right: 30px;
	bottom: 30px;
	height: 40px;
	width: 40px;
	background-color: #dadada;
	background-color: rgba(0,0,0,.1);
	border-radius: 4px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	outline: none !important;
	cursor: pointer;
}

.bne-scroll-to-top:hover,
.bne-scroll-to-top:focus {
	background-color: rgba(0,0,0,.3);
	color: #fff
}





/* ===========================================================
 *	12) Blog, Post and Single
 * ======================================================== */

/* == Entry Meta == */
.entry-meta {
	margin: 5px 2px 15px 2px;
	color: #999;
	font-size: 12px;
}

.entry-meta .bne-fa { padding-right: 5px; width: auto; }
.entry-meta .sep { padding: 0 7px; color: #ccc; }
.entry-meta.meta-date { font-weight: normal; font-size: inherit; }
.entry-meta.meta-date_author { font-size: 12px; text-transform: uppercase; }
.entry-meta.meta-date_author .bne-fa { display: none; }


/* == Sub Meta Wrapper == */
.sub-meta-wrapper {
	margin: 10px 0;
	padding: 0;
}
.sub-meta-wrapper .share { float: right; margin-left: 40px; }
.sub-meta-wrapper .info { float: left; }
.sub-meta-wrapper .entry-meta {
	color: #999;
	font-size: 12px;
	margin-bottom: 5px;
	font-weight: normal;
}
.sub-meta-wrapper .entry-meta a:not(:hover) { color: inherit; }
.sub-meta-wrapper .entry-meta > .sep:first-of-type { display: none; }


/* == Tags == */
.tagcloud a,
.bne-tags a {
	background: rgba(220, 220, 220, .2);
	border: 1px solid rgba(0,0,0,.02);
	color: inherit;
	display: inline-block;
	font-size: 11px  !important;
	margin: 0 0px 4px 0;
	padding: 2px 8px;
	text-decoration: none !important;
	transition: all .3s ease;
}


/* == Comments == */
.comment { list-style-type: none; }
.comment ul.children { 
	margin: 20px 0 40px 70px;
	padding: 0 0 0 20px;
}
@media (max-width: 767px) {
	.comment ul.children {
		margin-left: 10px;
	}
}
.comment.bypostauthor { }

#comments p { 
	margin-bottom: 15px;
}

#comments .comment-body {
	position: relative;
	padding: 0 0 0 80px;
	font-size: 13px;
}

#comments .comment-body .comment-meta {
	margin-bottom: 10px; 
}

#comments .comment-body .comment-meta a:not(:hover) {
    color: inherit;
}

#comments .comment-author {
    line-height: 1;
}

#comments .comment-body .says {
    display: none;
}

#comments .comment-body .avatar { 
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	width: 60px;
	padding; 0;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #CCC;
}

#comments .comment-body .fn {
    display: block;
    font-size: 15px;
    font-style: normal;
}

#comments .comment-body .comment-metadata {
    margin-bottom: 10px;
    color: rgba(26, 26, 26, .4);
    font-size: 12px;
    font-weight: bold;
}


#comments-title,
#respond .comment-reply-title {
	text-transform: uppercase;
	font-size: 1rem;
}

#comments .reply.comment-reply { 
	margin-left: 5px;
}


/* == Mini Post List Shortcode == */
.mini-post-list-wrapper .featured-image-wrapper { margin-bottom: 5px; }
.mini-post-list-wrapper .entry-title { margin-bottom: 0;}
.mini-post-list-wrapper .mini-meta { margin-top:0; font-size: 12px; }
.mini-post-list-wrapper .mini-meta .bne-fa { margin-right: 5px; }
.mini-post-list-wrapper article { margin-bottom: 10px; }


/* == Single Post Nav == */
#bne-single-post-nav { font-size: 12px; }


/* == Post Author Box == */
.post-author-box {
	position: relative;
	margin: 40px 0;
	width: auto;
}

.post-author-box .author-inner-content {
	padding: 20px;
	border-top: 1px solid rgba(0,0,0,.1);
}
.post-author-box h6 { text-transform: uppercase; color: #bbb; font-weight: 400; }
.post-author-box .author-avatar { float: left; margin: 0 20px 10px 0px; }
.post-author-box .author-avatar img { width: 75px; box-shadow: 0px 0px 3px rgba(0,0,0,.5); }
.post-author-box .author-bio { font-size: 14px; }
.post-author-box .author-archive-link { font-size: 12px; }





/* ===========================================================
 *	13) Media (Images, Video, Audio)
 * ======================================================== */


/* == General Image Styles == */
img { height: auto; max-width: 100%; }
img.size-full { max-width: 100%; width: auto; }
img.round { border-radius: 50%; }
.ie8 img { width: auto; }

/* == Featured Image Wrapper == */
.featured-image-wrapper { margin-bottom: 20px; }
.thumbnail { margin-bottom: 0; }


/* == Global Media Frames == */
.thumbnail,
.thumbnail.square,
.pretty,
.wp-caption,
.gallery img,
.bne-video-wrapper iframe,
.wp-video {
	padding: 4px;
	background: white;
	text-align: center;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #CCC;
}

/* Square Style (Flat) */
.thumbnail.flat-square {
	padding: 0;
	border: none;
	border-radius: 0px;
	box-shadow: none;
}

/* Circle Style */
.thumbnail.circle,
.pretty.circle {
	padding: 0px;
	border: none !important;
	border-radius: 50%;
	/* Using shadows to mimic the padding, border color and final outer shadow effect.
	 * Safari has an issue of only using border-radius above.
	 * Shadow mimic Order: 1) padding, 2) border, 3) box shadow
	*/
	box-shadow: 0 0 0 4px white, 0 0 0 5px #D1D1D1, 0px 0px 9px #555;
}

/* Circle Style (Flat) */
.thumbnail.flat-circle,
.pretty.flat-circle {
	padding: 0px;
	border: none;
	box-shadow: none;
	border-radius: 50%;
}


/* == WP Gallery == */
ul.wp-block-gallery {
	padding: 0;
	margin: 0;
}
.gallery-item {
	margin: 0;
	float: left;
	text-align: center;
}
.gallery img {
	width: 100%;
	margin-bottom:0px;
}

.gallery img,
.bne-lightbox img {
	transition: opacity .3s ease;
}
.gallery a:hover img,
.bne-lightbox:hover img {
	opacity: .8;
}

.gallery-columns-1 .gallery-item { width: 100%; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16%; }
.gallery-columns-7 .gallery-item { width: 14%; }
.gallery-columns-8 .gallery-item { width: 12%; }
.gallery-columns-9 .gallery-item { width: 11%; }
.gallery-columns-10 .gallery-item { width: 10%; }
.gallery-columns-11 .gallery-item { width: 9%; }
.gallery-columns-12 .gallery-item { width: 8%; }
.gallery-item .gallery-icon { padding: 10px; }
.gallery-item img { display: inline-block; }

/*
 *	Reset Gallery Rows - If you use non-thumbnail sizes, the rows 
 *	become uneven as each image may be a different size. This 
 *	fixes that by clearing the end of each row
*/
@media only screen and ( min-width: 481px ) {
	.gallery-columns-1 .gallery-item:nth-child(1n+2), /* 1 Column Grid, 2nd Image */
	.gallery-columns-2 .gallery-item:nth-child(2n+3), /* 2 Column Grid, 3rd Image */
	.gallery-columns-3 .gallery-item:nth-child(3n+4), /* 3 Column Grid, 4th Image */
	.gallery-columns-4 .gallery-item:nth-child(4n+5), /* 4 Column Grid, 5th Image */
	.gallery-columns-5 .gallery-item:nth-child(5n+6), /* 5 Column Grid, 6th Image */
	.gallery-columns-6 .gallery-item:nth-child(6n+7), /* 6 Column Grid, 6th Image */
	.gallery-columns-7 .gallery-item:nth-child(7n+8), /* 7 Column Grid, 6th Image */
	.gallery-columns-8 .gallery-item:nth-child(8n+9), /* 8 Column Grid, 6th Image */
	.gallery-columns-9 .gallery-item:nth-child(9n+10) /* 9 Column Grid, 6th Image */
	{ clear: both; }
}




/* == WP Captions == */
.wp-caption {
	max-width: 100%;
	padding: 4px;
	text-align: center;
}
.wp-caption.alignnone { margin: 5px 0 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
	border: 0 none;
}
p.wp-caption-text,
figcaption.wp-caption-text {
	padding: 5px;
	margin: 0;
	margin-top: 0px;
	line-height: 1.4em;
	font-size: .8em;
	text-align: center;
}
.has-caption { display: inline-block; margin-bottom: 8px; }
.gallery .wp-caption-text {
	margin-top: -10px;
}


/* == OEMBED Video Wrapper == */
.bne-video-wrapper, .wp-video { position: relative; margin-bottom: 10px; }
.bne-video-wrapper .video-inner { padding: 0 0 56.25% 0; height: 0; }
.bne-video-wrapper iframe,
.bne-video-wrapper embed,
.bne-video-wrapper object {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.wp-video, video { width: 100% !important; }


/* == Block Shadows == */
.header-shadow,
.slider-shadow,
.content-shadow {
	position: relative;
	margin: 0px auto;
	max-width: 900px;
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-origin: padding-box;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: 5;
}

.shadow-type1 { background-image: url('../images/shadows/shadow1.png'); margin-bottom: -40px; height: 40px; }
.shadow-type2 { background-image: url('../images/shadows/shadow2.png'); margin-bottom: -60px; height: 60px; }
.shadow-type3 { background-image: url('../images/shadows/shadow3.png'); margin-bottom: -40px; height: 40px; }
.shadow-type4 { background-image: url('../images/shadows/shadow4.png'); margin-bottom: -40px; height: 40px; }
.shadow-type5 { background-image: url('../images/shadows/shadow5.png'); margin-bottom: -45px; height: 45px; }
.shadow-type6 { background-image: url('../images/shadows/shadow6.png'); margin-bottom: -60px; height: 60px; }
.shadow-type7 { background-image: url('../images/shadows/shadow7.png'); margin-bottom: -40px; height: 40px; }
.shadow-type8 { background-image: url('../images/shadows/shadow8.png'); margin-bottom: -70px; height: 70px; }


/* == Google Map Embed == */
.bne-map, .bne-static-map { margin-bottom: 30px; }
.bne-map-footer { margin-top: -20px; margin-bottom: 30px;}
.bne-map-footer .map-address { max-width: calc(100% - 150px); }
.bne-map img { max-width: none; }



/* ===========================================================
 *	14) Magnific Popup
 * ======================================================== */

@media (min-width: 768px) {
	.mfp-image-holder .mfp-content,
	.mfp-iframe-holder .mfp-content {
		max-width: 90% !important;
	}
}

.bne-mfp.mfp-bg,
.bne-mfp.mfp-wrap {
    z-index: 100000;
}

.bne-mfp .white-popup {
	position: relative;
	margin: 20px auto;
	padding: 20px;
	max-width: 800px;
	width: auto;
	background: #fff;
}

.bne-mfp .mfp-title {
    font-size: 13px;
}

.bne-mfp .mfp-figure:after {
	background: white;
}

/* close button */
.bne-mfp button.mfp-close,
.bne-mfp button.mfp-arrow {
	background-color: transparent !important;
	box-shadow: none !important;
}

.mfp-wrap.bne-mfp button.mfp-close {
	position: absolute;
	padding: 0;
	right: -13px;
	width: 40px;
	height: 40px;
	background: url('../images/svg/close.svg') center center no-repeat;
	background-size: 10px 10px;
	border: 2px solid transparent;
	border-radius: 100px;
	line-height: 38px;
	text-align: center;
	text-indent: -9999px;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.mfp-wrap.bne-mfp button.mfp-close:hover {
	border: 1px solid #fff;
	transform: scale(0.8);
	-webkit-transform: scale(0.8) rotateZ(90deg);
}

.bne-mfp .mfp-close:active {
	top: 0;
}

.bne-mfp .mfp-inline-holder .mfp-close,
.bne-mfp .mfp-iframe-holder .mfp-close:active {
	top: -40px;
}

/* Navigation */
.bne-mfp .mfp-arrow:before,
.bne-mfp .mfp-arrow .mfp-b,
.bne-mfp .mfp-arrow-right:after,
.bne-mfp .mfp-arrow-right .mfp-a,
.bne-mfp .mfp-arrow-left:after,
.bne-mfp .mfp-arrow-left .mfp-a {
	margin: 0;
	border: 0;
}

.bne-mfp .mfp-arrow:before {
	position: static;
	width: auto;
	height: auto;
}

.bne-mfp button.mfp-arrow {
	margin-top: -1em;
	height: 2em;
	width: 2em;
	background-position: center center;
	background-size: 12px 21px;
	background-repeat: no-repeat;
	font-size: 30px;
	line-height: 2em;
	-webkit-transform: none;
	transform: none;
}

.bne-mfp button.mfp-arrow:active {
	margin-top: -.95em;
}

.bne-mfp .mfp-arrow.mfp-arrow-left {
	background-image: url('../images/svg/chev-left.svg');
	left: 10px;
}

.bne-mfp .mfp-arrow.mfp-arrow-right {
	background-image: url('../images/svg/chev-right.svg');
	right: 10px;
}

.bne-mfp .mfp-iframe-holder .mfp-bottom-bar {
	margin-top: 5px;
}

.bne-mfp .mfp-iframe-holder .mfp-iframe-scaler {
	background: #000;
}

.bne-mfp .mfp-iframe-scaler {
	overflow: visible;
}

/* Loader */
.bne-mfp .mfp-preloader .bne-loader {
	color: white;
	background: none;
	box-shadow: none;
}


/* Transition */
.bne-mfp.mfp-bg {
	opacity: 0;
	transition: all .15s ease-out;
}

.bne-mfp.mfp-bg.mfp-ready {
	opacity: .8;
}

.bne-mfp.mfp-bg.mfp-removing {
	opacity: 0;
}

.bne-mfp.mfp-wrap .mfp-content,
.bne-mfp.mfp-wrap button {
	opacity: 0;
	transition: all .15s ease-out;
}

.bne-mfp.mfp-wrap.mfp-ready .mfp-content,
.bne-mfp.mfp-wrap.mfp-ready button {
	opacity: 1;
}

.bne-mfp.mfp-wrap.mfp-removing .mfp-content,
.bne-mfp.mfp-wrap.mfp-removing button {
	opacity: 0;
}
.bne-mfp .mfp-figure,
.bne-mfp .mfp-iframe-scaler { 
	animation-name: mfpFadeIn;
	animation-duration: .3s;
	animation-fill-mode: both;
	backface-visibility: hidden;
}

@-webkit-keyframes mfpFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes mfpFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@-o-keyframes mfpFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes mfpFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }


/* == Lightbox Shortocdoe == */
.bne-lightbox.lightbox-image {
	position: relative;
}

.bne-lightbox .lightbox-icon {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .6);
	border-radius: 50%;
	color: white;
	line-height: 60px;
	font-size: 40px;
	text-align: center;
	z-index: 1;
}
.bne-lightbox:hover .lightbox-icon {
	display: block;
}


/* ===========================================================
 *	15) Flexslider
 * ======================================================== */


/* == Flexslider Browser/Theme Resets == */
.bne-flexslider .flex-container a:active,
.bne-flexslider a:active,
.bne-flexslider .flex-container a:focus,
.bne-flexslider a:focus { outline: none; }
.bne-flexslider .slides,
.bne-flexslider .flex-control-nav,
.bne-flexslider .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.bne-flexslider .flex-direction-nav li a { background: none; }
.bne-flexslider .flex-control-paging li a { margin: 0}
.bne-flexslider li { margin: 0; padding:0; background:none; content:""; border:0; }
.bne-flexslider li:before { content:""; }
.bne-flexslider li:after { content:""; }
.bne-flexslider { width: auto; margin: 0; padding: 0; position:relative; z-index: 1; }
.bne-flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.bne-flexslider .flex-pauseplay span {text-transform: capitalize; }
.bne-flexslider .slides:after { content: "."; 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;}
.bne-flexslider .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.bne-flexslider .loading .flex-viewport { max-height: 300px; }
.bne-flexslider .slides { min-height: 50px; zoom: 1; }


/* == Main Slider Wrapper == */
.bne-slider-wrapper {
    position: relative;
    min-height: 100px;
    padding: 5px;
    background: white;
    border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #CCC;
}
.bne-slider-wrapper.flat-slider {
	background: none;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	padding: 0;
}
.slide-inner-content { position: relative; }

.bne-slider-wrapper.post-alignright .slide-inner-content,
.bne-slider-wrapper.post-alignleft .slide-inner-content { padding: 20px; }


/* == Slide Media == */
.bne-slider-wrapper .slides img { width: 100%; }
.bne-slider-wrapper .featured-image-wrapper,
.bne-slider-wrapper .bne-video-wrapper { margin-bottom: 0px; }
.bne-slider-wrapper .featured-image-wrapper img,
.bne-slider-wrapper .bne-video-wrapper iframe {
	padding: 0;
	border: none;
	box-shadow: none;
	border-radius: 0px;
}


/* == Slider Caption == */
.bne-slider-wrapper p { margin: 5px 0px; }
.bne-slider-wrapper .slide-caption {
	position: absolute;
	padding: 10px;
	width: 100%;
	line-height: 1.4;
}

.bne-slider-wrapper .slider-headline {
   	font-weight: bold;
    margin-bottom: 8px;
    font-size: 25px;
}
.bne-slider-wrapper .slider-headline p:last-of-type { margin-bottom: 0px; }
.bne-slider-wrapper .slider-description { font-size: 15px; }
.bne-slider-wrapper .slider-description p:last-of-type { margin-bottom: 0px; }

/* Caption Placements */
.bne-slider-wrapper .slide-caption.left_center,
.bne-slider-wrapper .slide-caption.right_center,
.bne-slider-wrapper .slide-caption.center_center {
	max-width: 80%;
	margin: 0 auto;
	text-align: center;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

.bne-slider-wrapper .slide-caption.center_center { left: 0; right: 0; top: 50%;  bottom: auto; }
.bne-slider-wrapper .slide-caption.center_top    { left: 0; right: 0; top: 5%;   bottom: auto; text-align: center; max-width: 80%; margin: 0 auto; }
.bne-slider-wrapper .slide-caption.center_bottom { left: 0; right: 0; top: auto; bottom: 8%;   text-align: center; max-width: 80%; margin: 0 auto; }

.bne-slider-wrapper .slide-caption.left_top      { left: 5%; right: auto; top: 5%;   bottom: auto; text-align: left; max-width: 60%; }
.bne-slider-wrapper .slide-caption.left_center   { left: 5%; right: auto; top: 50%;  bottom: auto; text-align: left; max-width: 60%; }
.bne-slider-wrapper .slide-caption.left_bottom   { left: 5%; right: auto; top: auto; bottom: 8%;   text-align: left; max-width: 60%; }

.bne-slider-wrapper .slide-caption.right_top     { left: auto; right: 5%; top: 5%;   bottom: auto; text-align: right; max-width: 60%; }
.bne-slider-wrapper .slide-caption.right_center  { left: auto; right: 5%; top: 50%;  bottom: auto; text-align: right; max-width: 60%; }
.bne-slider-wrapper .slide-caption.right_bottom  { left: auto; right: 5%; top: auto; bottom: 8%;   text-align: right; max-width: 60%; }


/* == Post Slider == */
.bne-slider-wrapper.post-alignright .bne-video-wrapper {
	width: 200px;
	float: right;
	margin: 5px 0 20px 20px;
	z-index: 1;
}

.bne-slider-wrapper.post-alignleft .bne-video-wrapper {
	width: 200px;
	float: left;
	margin: 5px 20px 20px 0px;
	z-index: 1;
}

.bne-slider-wrapper.post-alignleft .slide-caption,
.bne-slider-wrapper.post-alignright .slide-caption {
	position: relative;
}

.bne-slider-wrapper.post-slider.post-full .slide-inner-content.video-slide .slide-caption { display: none; }
.bne-slider-wrapper.post-slider .slider-headline { font-size: 17px; }
.bne-slider-wrapper.post-slider .slider-description { font-size: 13px; }

/* == Control (Pagination) Nav == */
.bne-slider-wrapper .bne-flexslider .flex-control-nav {
	position: absolute;
	height: auto;
	width: auto;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
			transform: translateX(-50%);
	text-align: center;
	z-index: 3;
}

.bne-slider-wrapper .bne-flexslider .flex-control-nav li {
	float: left;
	margin: 0;
	padding: 2px;
	width: auto;
	list-style-type: none;
}

.bne-slider-wrapper .bne-flexslider .flex-control-nav li a {
	display: block;
	cursor: pointer;
	outline: none;
	width: 12px;
	height: 12px;
	background: #cacaca;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .5);
	border-radius: 50%;
	text-indent: -9999px;
}

.bne-slider-wrapper .bne-flexslider .flex-control-nav li a.flex-active { background: #888; }


/* == Direction (Arrows) Nav == */
.bne-slider-wrapper .bne-flexslider .flex-direction-nav {
	margin: 0;
	padding: 0;
}
.bne-slider-wrapper .bne-flexslider .flex-direction-nav li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.bne-slider-wrapper .bne-flexslider .flex-direction-nav li a {
	position: absolute;
	width: 40px;
	height: 60px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
			transform: translateY(-50%);
	background: rgba(0, 0, 0, .1);
	color: white;
	line-height: 60px;
	text-align: center;
	font-size: 40px;
	z-index: 3;
	transition: all .3s ease;
	cursor: pointer;
	opacity: .6;
}
.bne-slider-wrapper .bne-flexslider .flex-direction-nav li a:hover { background: rgba(0,0,0, .5); opacity: 1; }
.bne-slider-wrapper .bne-flexslider .flex-direction-nav .flex-prev { border-radius: 0 4px 4px 0; left: 0; }
.bne-slider-wrapper .bne-flexslider .flex-direction-nav .flex-next { border-radius: 4px 0 0 4px; right: 0; }
.bne-slider-wrapper.post-slider.post-alignleft .flex-direction-nav .flex-prev,
.bne-slider-wrapper.post-slider.post-alignright .flex-direction-nav .flex-prev { left: -5px; }
.bne-slider-wrapper.post-slider.post-alignleft .flex-direction-nav .flex-next,
.bne-slider-wrapper.post-slider.post-alignright .flex-direction-nav .flex-next { right: -5px; }


/* == Play/Pause Button == */
.bne-slider-wrapper .bne-flexslider .flex-pauseplay a {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 0;
	right: 0;
	background: rgba(0, 0, 0, .1);
	color: white;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	z-index: 3;
	transition: all .3s ease;
	cursor: pointer;
	border-radius: 4px 0px 0px 0px;
	opacity: .6;
}
.bne-slider-wrapper .bne-flexslider .flex-pauseplay a:hover {
	background: rgba(0,0,0, .5);
	opacity: 1;
}


/* == Flexslider Loader == */
.bne-loader {
    background: #fff;
    border-radius: 99px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #888;
    margin: -25px -25px 0 0;
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: initial;
    left: initial;
    text-shadow: none !important;
    width: 50px;
    height: 50px;
    z-index: 999;
}

.bne-loader .bne-fa {
    font-size: 30px;
    line-height: 30px;
    margin: -15px 0 0 -15px;
    padding-left: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
}





/* ===========================================================
 *	16) Form Styles
 * ======================================================== */

/* == General Form Styles == */
form { margin:0 0 20px; }
fieldset { padding:0; margin:0; border:0; }
legend {
	display: block;
	width: 100%;
	margin-bottom: 20px;
	padding:0;
	border: 0;
	border-bottom: 1px solid #e5e5e5;
	color: #333;
	font-size: 1em;
	line-height: 1.2em;
}
legend small{ font-size:15px; color:#999; }
label, input, button, select, textarea { }
label { display:block; margin-bottom:5px; font-weight: bold; }
.required { color: red; }


/*
 * Add basic form field styling to match Bootstrap.
 *
 * Why? -- Starting in Bootstrap 3, form fields are no longer
 * styled without having specific CSS classes (i.e. form-control)
 * added to theme. This causes a problem for WordPress
 * plugins inserting their own forms, where the user
 * doesn't control the HTML.
*/
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
textarea,
select {
	display: inline-block;
	width: 47%;
	height: 45px;
	padding: 6px 12px !important;
	line-height: 20px;
	margin-bottom: 10px;
	color: #555555;
	vertical-align: middle;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	transition: all .3s ease;
}

textarea.form-control {
	font-size: 1em;
	border-radius: 2px;
	border-color: #ddd;
}

textarea { height: auto; width: 100%; }
select { width: auto; }

.fixed-sidebar input[type="text"],
.fixed-sidebar input[type="password"],
.fixed-sidebar input[type="email"],
.fixed-sidebar input[type="url"] {
	width: 100%;
}


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
textarea:focus,
.form-control:focus {
	background-color: #fdfdfd;
	border-color: #ccc;
	box-shadow: inset 0 1px 1px #f2f2f2, 0 0 3px #ddd;
}

/* Date Picker */
.ui-datepicker select {
	height: initial;
}
.ui-datepicker select:first-of-type { margin-right: 4px; }



/* Basic Dark/transparent Styles */
.transparent_form input[type="text"],
.transparent_form input[type="password"],
.transparent_form input[type="email"],
.transparent_form input[type="url"],
.transparent_form input[type="tel"],
.transparent_form input[type="number"],
.transparent_form input[type="date"],
.transparent_form input[type="time"],
.transparent_form input[type="datetime"],
.transparent_form input[type="datetime-local"],
.transparent_form input[type="month"],
.transparent_form textarea,
.transparent_form select {
	color: inherit;
	background-color: rgba(255,255,255,.1);
	border-color: rgba(255,255,255,.2);
	box-shadow: none;
}
.transparent_form textarea:focus,
.transparent_form input:not([type="submit"]):focus {
	background-color: rgba(255,255,255,.2);
	border-color: rgba(255,255,255,.5);
}
.transparent_form select option {
	color: #000;
}

/* Modern Styles */
.modern_form input[type="text"],
.modern_form input[type="password"],
.modern_form input[type="email"],
.modern_form input[type="url"],
.modern_form input[type="tel"],
.modern_form input[type="number"],
.modern_form input[type="date"],
.modern_form input[type="time"],
.modern_form input[type="datetime"],
.modern_form input[type="datetime-local"],
.modern_form input[type="month"],
.modern_form textarea,
.modern_form select {
	background-color: none;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid rgba(0,0,0,.1);
	box-shadow: none;
	padding-left: 0;
}
.modern_form textarea:focus,
.modern_form input:not([type="submit"]):focus {
	background-color: rgba(255,255,255,.2);
	border-color: #428BCA;
	border-width: 4px;
}




/* == Contact Form 7 == */
.wpcf7-list-item input { margin-top:-3px !important; margin-right: 5px; }
.wpcf7 span.wpcf7-list-item { margin-bottom:5px; }
div.wpcf7 p { margin-bottom: 15px; }


/* == Gravity Forms == */
/* Reset */
#wrapper .gform_wrapper ul { list-style: none; padding: 0; margin: 0; }
#wrapper .gform_wrapper .ginput_container { margin: 0; }
#wrapper .gform_wrapper .gfield_description { font-size: 75%; padding-bottom: 5px; }
#wrapper .gform_wrapper .field_description_below .gfield_description { padding-top: 5px; }
#wrapper .gform_wrapper .ginput_container label { font-weight: normal; }
#wrapper .gform_wrapper .gform_footer { margin-top: 0; }

/* General fields */
#wrapper .gform_wrapper .gfield input,
#wrapper .gform_wrapper .gfield select { margin-bottom: 0; margin-top: 0; }
#wrapper .gform_wrapper .gfield input[type="number"] { padding-right: 5px !important; }

/* Date */
#wrapper .gform_wrapper .gfield_date_day,
#wrapper .gform_wrapper .gfield_date_month { min-width: 75px; }
#wrapper .gform_wrapper .gfield_date_year { min-width: 100px; }
#wrapper .gform_wrapper .gfield_date_day input,
#wrapper .gform_wrapper .gfield_date_month input,
#wrapper .gform_wrapper .gfield_date_year input { width: calc(100% - 15px) !important; }
#wrapper .gform_wrapper .ginput_container_date select { margin-right: 5px; }

/* Price */
#wrapper .gform_wrapper input.ginput_quantity[type=number] { min-width: 75px; }

/* Address US */
@media only screen and (min-width: 600px) {
	#wrapper .gform_wrapper .ginput_container_address.has_city.has_state.has_zip:not(.has_country) .address_city,
	#wrapper .gform_wrapper .ginput_container_address.has_city.has_state.has_zip:not(.has_country) .address_state,
	#wrapper .gform_wrapper .ginput_container_address.has_city.has_state.has_zip:not(.has_country) .address_zip {
		width: 32.3%;
		float: left;
		margin: 0 1% 0 0;
		padding: 0 !important;
	}
}




/* ===  Message Notifications === */
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 div.wpcf7-mail-sent-ok,
.gform_confirmation_message,
.gform_wrapper .validation_error {
	padding: 8px 35px 8px 14px !important;
	margin-bottom: 18px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    font-size: 1em !important;
    font-weight: normal !important;
}
.gform_wrapper .gfield_error { border: 1px solid #C89797; }

/* Warning Message (Yellow) */
.wpcf7 div.wpcf7-validation-errors { 
	color: #c09853 !important;
	background-color: #fcf8e3 !important;
	border: 1px solid #fbeed5 !important;
}

/* Error Message (Red) */
.wpcf7 span.wpcf7-not-valid-tip,
.gform_wrapper .validation_error { 
	color: #b94a48 !important;
	background-color: #f2dede !important;
	border: 1px solid #eed3d7 !important;
	width: inherit;
}
#wrapper .gform_wrapper li.gfield_error {
	background: none;
	border: none;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0;
}
#wrapper .gform_wrapper li.gfield_error .validation_message {
	padding-top: 0;
}

/* Sucess Message (Green) */
.wpcf7 div.wpcf7-mail-sent-ok,
.gform_confirmation_message { 
	color: #468847;
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
}



/* == WP Comment Forms == */
.comment #respond {
	font-size: 13px;
	margin-top: 20px;
	margin-left: 80px;
}
#commentform label { font-weight: normal; }
#commentform .form-submit {
	margin-top: 20px;
}
#commentform textarea, #commentform input#author, #commentform input#email, #commentform input#url { width: 100%; }
#commentform .form-allowed-tags { display: none; }
.ie9 #commentform .comments_field label,
.ie8 #commentform .comments_field label { display: block; }


/* == Search Field == */
.bne-search button {
	height: 45px;
	width: 45px;
	margin: 0;
	font-size: 16px;
}





/* ===========================================================
 *	17) Framework Buttons
 * ======================================================== */

/* ==  Default / System / Woo == */
.btn,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button
{
	/*white-space: normal;*/
	text-align: center;
	margin-bottom: 5px;
	text-shadow: none;
	font-weight: normal;
	transition: background .3s ease, box-shadow .3s ease;
}

.btn-default,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
	background: #fff;
	border: 1px solid #ddd;
	color: #333;
	font-weight: normal;
}

.btn-default:hover,
.button:hover {
	background: #e6e6e6;
	border-color: #d4d4d4;
	color: #333;
}

.btn-default:active,
.btn-default:hover:active,
.button:active {
	background: #e6e6e6;
	border-color: #d4d4d4;
	outline: 0;
	color: #333;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


/* == Other == */
button.close,
.btn-link,
.btn.link {
	background: none !important;
	box-shadow: none !important;
	border-color: transparent !important;
}
.btn-custom, .btn-custom:hover { color: white; }
.btn.btn-block { white-space: normal; }


/* == Pagination == */
.pagination { display: block; }
.pagination .btn-group { width: 100%; }
.pagination .btn.current {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}


/* == Button Sizes == */
.btn-xs { font-size: 10px; padding: 2px 5px; }
.btn-sm { font-size: 12px; padding: 5px 10px; }
.btn-md { font-size: 14px; padding: 6px 12px; }
.btn-lg { font-size: 18px; padding: 10px 16px; }
.btn-xlg { font-size: 22px; padding: 14px 20px; }
.btn-xxlg { font-size: 26px; padding: 18px 24px; }
.btn-xxxlg { font-size: 30px; padding: 22px 28px; }


/* == Button Shapes == */
.btn.rounded, .btn-rounded { border-radius: 4px; }
.btn.square, .btn-square { border-radius: 0px; }
.btn.pill, .btn-pill { border-radius: 100em; }

/*.bne-gradient .btn-3d:not(.ghost), .btn-3d:not(.ghost) {*/
.bne-gradient .btn.btn-3d, .btn.btn-3d {
	box-shadow: inset 0 -0.25em 0 0 rgba(0, 0, 0, 0.2), 0 3px 8px rgba(0,0,0,.3);
	border: none;
	transition: all .3s ease;
}

.btn-3d:active {
	position: relative;
	top: 1px;
}



/* == Button Gradients == */
.bne-gradient .btn,
.bne-gradient .button {
	border-color: rgba(0, 0, 0, .17);
	border-bottom-color: rgba(0, 0, 0, .2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.075);
	background-image: -webkit-linear-gradient( rgba( 0, 0, 0, 0 ), rgba(0, 0, 0, .09) );
	background-image: -o-linear-gradient( rgba( 0, 0, 0, 0 ), rgba(0, 0, 0, .09) );
	background-image: -moz-linear-gradient( rgba( 0, 0, 0, 0 ), rgba(0, 0, 0, .09) );
	background-image: linear-gradient( rgba( 0, 0, 0, 0 ), rgba(0, 0, 0, .09) );
}
.bne-gradient .btn:active,
.bne-gradient .button:active {
	border-color: rgba(0, 0, 0, .1);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



/* == Theme Buttons == */
.black,
.blue,
.brown,
.dark_blue,
.dark_brown,
.dark_green,
.green,
.mauve,
.orange,
.pearl,
.pink,
.purple,
.red,
.slate_grey,
.silver,
.steel_blue,
.teal,
.yellow,
.wheat,
.white {
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,.2);
}
.black:hover,
.black:focus,
.blue:hover,
.blue:focus,
.brown:hover,
.brown:focus,
.dark_blue:hover,
.dark_blue:focus,
.dark_brown:hover,
.dark_brown:focus,
.dark_green:hover,
.dark_green:focus,
.green:hover,
.green:focus,
.mauve:hover,
.mauve:focus,
.orange:hover,
.orange:focus,
.pearl:hover,
.pearl:focus,
.pink:hover,
.pink:focus,
.purple:hover,
.purple:focus,
.red:hover,
.red:focus,
.slate_grey:hover,
.slate_grey:focus,
.silver:hover,
.silver:focus,
.steel_blue:hover,
.steel_blue:focus,
.teal:hover,
.teal:focus,
.yellow:hover,
.yellow:focus,
.wheat:hover,
.wheat:focus,
.white:hover
.white:focus {
	color: #fff;
}

/* Black */
.black { background-color: #313131; border-color: #000000; }
.black:hover, .black:focus, .black:active { background-color: #0b0b0b; }

/* Blue */
.blue { background-color: #00437f; border-color: #00142c; }
.blue:hover, .blue:focus, .blue:active { background-color: #02396c; }

/* Brown */
.brown { background-color: #6b3c02; border-color: #2a1401; }
.brown:hover, .brown:focus, .brown:active { background-color: #633707; }

/* Dark Blue */
.dark_blue { background-color: #153f5a; border-color: #051927; }
.dark_blue:hover, .dark_blue:focus, .dark_blue:active { background-color: #0f3147; }

/* Dark Brown */
.dark_brown { background-color: #572f05; border-color: #372e25; }
.dark_brown:hover, .dark_brown:focus, .dark_brown:active { background-color: #472603; }

/* Dark Green */
.dark_green { background-color: #485a21; border-color: #202b03; }
.dark_green:hover, .dark_green:focus, .dark_green:active { background-color: #384718; }

/* Green */
.green { background-color: #74941f; border-color: #364709; }
.green:hover, .green:focus, .green:active { background-color: #67841a; }

/* Mauve */
.mauve { background-color: #7b726c; border-color: #2b2725; }
.mauve:hover, .mauve:focus, .mauve:active { background-color: #524c48; }

/* Orange */
.orange { background-color: #ff9624; border-color: #9b5911; }
.orange:hover, .orange:focus, .orange:active { background-color: #da7f1d; }

/* Pearl */
.pearl { background-color: #bca89d; border-color: #625751; }
.pearl:hover, .pearl:focus, .pearl:active { background-color: #a08f86; }

/* Pink */
.pink { background-color: #de2e81; border-color: #5c0d32; }
.pink:hover, .pink:focus, .pink:active { background-color: #b02265; }

/* Purple */
.purple { background-color: #78498e; border-color: #0f0514; }
.purple:hover, .purple:focus, .purple:active { background-color: #59346a; }

/* Red */
.red { background-color: #a7170c; border-color: #220100; }
.red:hover, .red:focus, .red:active { background-color: #750d06; }

/* Slate Grey */
.slate_grey { background-color: #7f8d9c; border-color: #1e2227; }
.slate_grey:hover, .slate_grey:focus, .slate_grey:active { background-color: #6c7885; }

/* Silver */
.silver { background-color: #b5b5b5; border-color: #333333; }
.silver:hover, .silver:focus, .silver:active { background-color: #909090; }

/* Steel Blue */
.steel_blue { background-color: #aec3d5; border-color: #373e45; }
.steel_blue:hover, .steel_blue:focus, .steel_blue:active { background-color: #7c8c99; }

/* Teal */
.teal { background-color: #03b5cc; border-color: #002f36; }
.teal:hover, .teal:focus, .teal:active { background-color: #0293a6; }

/* Yellow */
.yellow { background-color: #ffcf2d; border-color: #aa891a; }
.yellow:hover, .yellow:focus, .yellow:active { background-color: #e5b927; }

/* Wheat */
.wheat { background-color: #b4ad8b; border-color: #403d2f; }
.wheat:hover, .wheat:focus, .wheat:active { background-color: #9a9477; }

/* White */
.white { background-color: #fff; border-color: #dbdbdb; color: #333; text-shadow: none; }
.white:hover, .white:focus, .white:active { background-color: #f6f6f6; }


/* == Ghost Buttons == */
.btn.ghost,
.bne-gradient .btn.ghost,
.btn-default.ghost {
	background: none;
	background-color: transparent;
	background-image: none;
	text-shadow: none;
	border-width: 1px;
	transition: all .3s ease;
	box-shadow: none;
}

.btn.ghost.black { border-color: #313131; color: #313131; }
.btn.ghost.black:hover, .btn.ghost.black:active { background: #313131; }
.btn.ghost.blue { border-color: #00437f; color: #00437f;  }
.btn.ghost.blue:hover, .btn.ghost.blue:active { background: #00437f; }
.btn.ghost.brown { border-color: #6b3c02; color: #6b3c02; }
.btn.ghost.brown:hover, .btn.ghost.brown:active { background: #6b3c02; }
.btn.ghost.dark_blue { border-color: #153f5a; color: #153f5a; }
.btn.ghost.dark_blue:hover, .btn.ghost.dark_blue:active { background: #153f5a; }
.btn.ghost.dark_brown { border-color: #572f05; color: #572f05; }
.btn.ghost.dark_brown:hover, .btn.ghost.dark_brown:active { background: #572f05; }
.btn.ghost.dark_green { border-color: #485a21; color: #485a21; }
.btn.ghost.dark_green:hover, .btn.ghost.dark_green:active { background: #485a21; }
.btn.ghost.green { border-color: #74941f; color: #74941f; }
.btn.ghost.green:hover, .btn.ghost.green:active { background: #74941f; }
.btn.ghost.mauve { border-color: #7b726c; color: #7b726c; }
.btn.ghost.mauve:hover, .btn.ghost.mauve:active { background: #7b726c; }
.btn.ghost.orange { border-color: #ff9624; color: #ff9624; }
.btn.ghost.orange:hover, .btn.ghost.orange:active { background: #ff9624; }
.btn.ghost.pearl { border-color: #bca89d; color: #bca89d; }
.btn.ghost.pearl:hover, .btn.ghost.pearl:active { background: #bca89d; }
.btn.ghost.pink { border-color: #de2e81; color: #de2e81; }
.btn.ghost.pink:hover, .btn.ghost.pink:active { background: #de2e81; }
.btn.ghost.purple { border-color: #78498e; color: #78498e; }
.btn.ghost.purple:hover, .btn.ghost.purple:active { background: #78498e; }
.btn.ghost.red { border-color: #a7170c; color: #a7170c; }
.btn.ghost.red:hover, .btn.ghost.red:active { background: #a7170c; }
.btn.ghost.slate_grey { border-color: #7f8d9c; color: #7f8d9c; }
.btn.ghost.slate_grey:hover, .btn.ghost.slate_grey:active { background: #7f8d9c; }
.btn.ghost.silver { border-color: #b5b5b5; color: #b5b5b5; }
.btn.ghost.silver:hover, .btn.ghost.silver:active { background: #b5b5b5; }
.btn.ghost.steel_blue { border-color: #aec3d5; color: #aec3d5; }
.btn.ghost.steel_blue:hover, .btn.ghost.steel_blue:active { background: #aec3d5; }
.btn.ghost.teal { border-color: #03b5cc; color: #03b5cc; }
.btn.ghost.teal:hover, .btn.ghost.teal:active { background: #03b5cc; }
.btn.ghost.yellow { border-color: #ffcf2d; color: #ffcf2d; }
.btn.ghost.yellow:hover, .btn.ghost.yellow:active { background: #ffcf2d; }
.btn.ghost.wheat { border-color: #b4ad8b; color: #b4ad8b; }
.btn.ghost.wheat:hover, .btn.ghost.wheat:active { background: #b4ad8b; }
.btn.ghost.white { border-color: #fff; color: white; }
.btn.ghost.white:hover, .btn.ghost.white:active { background: #fff; color: #333; }
.btn-primary.ghost { border-color: #337ab7; color: #337ab7; }
.btn-primary.ghost:hover, .btn-primary.ghost:active { background: #337ab7; }
.btn-success.ghost { border-color: #5cb85c; color: #5cb85c; }
.btn-success.ghost:hover, .btn-success.ghost:active { background: #5cb85c; }
.btn-info.ghost { border-color: #5bc0de; color: #5bc0de; }
.btn-info.ghost:hover, .btn-info.ghost:active { background: #5bc0de; }
.btn-warning.ghost { border-color: #f0ad4e; color: #f0ad4e; }
.btn-warning.ghost:hover, .btn-warning.ghost:active { background: #f0ad4e; }
.btn-danger.ghost { border-color: #d9534f; color: #d9534f; }
.btn-danger.ghost:hover, .btn-danger.ghost:active { background: #d9534f; }

.btn.ghost:hover, .btn.ghost:active { color: white; }
.btn.btn-default.ghost:hover, .btn.btn-default.ghost:active { background: #ddd; border: 1px solid transparent !important; }





/* ===========================================================
 *	18) Alert Boxes
 * ======================================================== */

.alert-wrapper { margin-bottom: 30px; }
.alert.has-shadow { margin-bottom: 0; }
.alert.has-alert-icon > .bne-fa { float: left; font-size: 22px; width: 22px; }
.alert.has-alert-icon .alert-content { margin-left: 37px; }

/* Alert and Callout Hybrid */
.alert.callout {
	padding: 10px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);	
}

.alert.callout .alert-content {
	padding: 20px;
	background: #ffffff;
	border: 1px solid #e3e3e3;
	text-shadow: none;
	box-shadow: inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1);
}

.alert.text-dark * { color: #333; text-shadow: none; }

/* Alert Colors */
.alert-notice {
	background: #f5f5f5;
	border-color: #ddd;
}

.bne-gradient .alert {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bne-gradient .alert-notice {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(top, #ffffff, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f5f5f5');
	border-color: #ddd;
}

.bne-gradient .alert-success {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
	background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
	border-color: #b2dba1;
}

.bne-gradient .alert-info {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
	background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
	border-color: #9acfea;
}

.bne-gradient .alert-warning {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
	background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
	border-color: #f5e79e;
}

.bne-gradient .alert-danger {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
	background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
	border-color: #dca7a7;
}

.bne-gradient .alert-custom {
	background-image: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.04) );
	background-image: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.04) );
	background-image: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.04) );
	background-image: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.04) );
}





/* ===========================================================
 *	19) Panels
 * ======================================================== */
.panel {
	position: relative;
}

.bne-gradient .panel {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.bne-gradient .panel-default > .panel-heading {
	background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
	background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}

.bne-gradient .panel-primary > .panel-heading {
	background-image: -webkit-linear-gradient(top, #428bca 0%, #357ebd 100%);
	background-image: -o-linear-gradient(top, #428bca 0%, #357ebd 100%);
	background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0);
}

.bne-gradient .panel-success > .panel-heading {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
	background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
	background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}

.bne-gradient .panel-info > .panel-heading {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
	background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
	background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}

.bne-gradient .panel-warning > .panel-heading {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
	background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
	background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}

.bne-gradient .panel-danger > .panel-heading {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
	background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
	background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}



/* ===========================================================
 *	20) Tabs
 * ======================================================== */

.bne-tabs-framed { margin-bottom: 30px; }

.nav-tabs > li > a {
	background-color: #eee;
	position: relative;
	margin-right: 0px;
	border-right: 1px solid #d3d3d3;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-radius: 0px;
	color: inherit;
}

.nav-tabs > li:first-child > a { border-left: 1px solid #d3d3d3; }

.nav-tabs > li > a:hover {
    background-color: #eee;
    position: relative;
    margin-right: 0px;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    background-color: #fff;
}

.bne-tabs-framed .tab-content {
	background: #fff;
	border: 1px solid #ddd;
	border-top-width: 0;
	padding: 20px;
}

/* Tab Nav on Left / Right */
.bne-tabs-framed.tabs-side > .nav-tabs > li { float: none; }
.bne-tabs-framed.tabs-side > .nav-tabs > li > a { border: 1px solid #ddd; }
.bne-tabs-framed.tabs-side .tab-content { overflow: auto; border: 1px solid #ddd; }





/* ===========================================================
 *	21) Toggles / Accordions
 * ======================================================== */

.bne-panel { margin-top: 5px; margin-bottom: 0; }
.bne-panel.last-panel { margin-bottom: 20px; }
.bne-panel .panel-heading { padding: 0px; background: white; }

.bne-gradient .bne-toggle.bne-panel .panel-heading {
	background: #FAFAFA;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#FAFAFA));
	background-image: -webkit-linear-gradient(top, #ffffff 0%, #FAFAFA 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%, #FAFAFA 100%);
	background-image: linear-gradient(to bottom, #ffffff 0%, #FAFAFA 100%);
	background-repeat: repeat-x;
}

.bne-toggle.bne-panel .panel-heading:hover { background: #FAFAFA; }
.bne-toggle.bne-panel .panel-heading .bne-fa { margin-right: 5px; }
.bne-toggle.bne-panel .panel-heading .fa-plus {
	transition: all 0.3s ease;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
			transform: rotate(45deg);
}

.bne-toggle.bne-panel .panel-heading .collapsed .fa-plus {
	-webkit-transform: rotate(0);
	    -ms-transform: rotate(0);
			transform: rotate(0);
}

.bne-panel .panel-title { display: block; font-size: 1em; padding: 10px 15px; }
.bne-panel .panel-title { color: inherit; }
.bne-panel .panel-title * { margin-bottom: 0;}


.panel-img { border-radius: .25rem; }
.panel:not(.has-title) .panel-img-top { border-radius: .25rem .25rem 0 0; }
.panel:not(.has-footer) .panel-img-bottom { border-radius: 0 0 .25rem .25rem; }



/* ===========================================================
 *	22) Modals
 * ======================================================== */

.bne-modal .modal { text-align: left; }
.bne-modal .modal-xl, .bne-modal .modal-xlg, .bne-modal .modal-xlarge { width: auto; margin: 10px; }
@media( min-width: 1200px ) {
	.bne-modal .modal-xl, .bne-modal .modal-xlg, .bne-modal .modal-xlarge { width: 1200px; margin: 30px auto; }
}
.btn-link.modal-link { padding: 0; margin: 0; }
.btn-link.btn-md.modal-link { font-size: 1em; }



/* ===========================================================
 *	23) Tooltips and Popovers
 * ======================================================== */

.tooltip { font-family: inherit; }
.tooltip.in { filter: alpha(opacity=100); opacity: 1; }

.tooltip-inner {
    background-color: #fff;
    border-color: #ddd;
    border-style: solid;
    border-width: 0;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    color: #333;
}

.tooltip.top .tooltip-inner { border-bottom-width: 3px; }
.tooltip.bottom .tooltip-inner { border-top-width: 3px; }
.tooltip.top .tooltip-arrow { border-top-color: #ddd; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #ddd; }

[data-toggle="tooltip"]:hover,
[data-toggle="popover"]:hover { cursor: pointer; }



/* ===========================================================
 *	24) Bootstrap Nav
 * ======================================================== */

.navbar-default .navbar-collapse { background: white; }
.navbar-collapse { padding-left: 0; padding-right: 0; }
.navbar-header { float: none; }
.navbar-brand { font-weight: bold; }
.navbar-collapse.in { overflow-y: visible; }

.navbar-nav ul { background: #fff; border: 1px solid #eee; width: 200px; }
.navbar.navbar-block ul { border-left: 0; border-right: 0; }
.navbar-nav ul ul { left: 198px; top: -1px; }
.navbar-nav ul li a { padding: 7px 10px; color: inherit; }
.navbar-nav ul li a:hover{ background: #f2f2f2; }
.navbar-nav ul li.divider { background-color: #ddd; border-bottom: none; }
@media only screen and ( max-width: 767px ) {
	.navbar-nav li { display: block; float: none; }
	.navbar-nav.sf-menu ul { border: none; margin: 0; position: static; width: auto; }
	.navbar-nav ul { background: rgba(0,0,0,.02); }
	.navbar-nav li { border: none; float: none; padding: 0; }
	.navbar-nav li li a { padding-left: 40px; }
	.navbar-nav li li li a { padding-left: 80px; }
	.navbar-nav li li li li a { padding-left: 100px; }	
	.navbar:not(.navbar-responsive) .navbar-collapse  { display: block !important; height: auto !important; }
	.navbar:not(.navbar-responsive) .navbar-toggle { display: none; }
}

.navbar.navbar-block .navbar-nav li { float: none; }
.navbar.navbar-block .navbar-nav ul { background: rgba(0,0,0,.02); }
.navbar.navbar-block ul { position: static; width: 100%; }

/* Footer Bootstrap Menu */
#footer-wrapper .navbar-default .navbar-collapse,
#footer-wrapper .navbar-default { background: none; border: none; }
#footer-wrapper .navbar-default ul { padding: 0; }


/* ===========================================================
 *	25) Call Out Box
 * ======================================================== */

 .bne-callout {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    display: block;
    background: #eee;
	border-radius: 3px;
	box-shadow: 1px 1px 3px 0px rgba(180, 180, 180, 0.2);
}

.callout-content {
	padding: 20px;
	background: #ffffff;
	border: 1px solid #e3e3e3;
	box-shadow: inset 1px 1px 2px 0px rgba(180, 180, 180, 0.1);
}

.callout-content .btn-block { white-space: normal; }






/* ===========================================================
 *	26) Statistics (Progress Bars, Milestones)
 * ======================================================== */

/* == Milestones == */
.bne-milestone.boxed {
    border: 1px solid #f2f2f2;
    border-color: rgba(220, 220, 220, .4);
    padding: 20px 40px
}

.bne-milestone {
    margin-bottom: 20px
}

.bne-milestone .milestone, .bne-milestone .text {
    display: block;
    line-height: 1.1;
    text-align: center
}

.bne-milestone .milestone { font-size: 50px }
.bne-milestone .text { font-size: 12px; }
.bne-milestone .num { margin: 0; }
.bne-milestone .prefix + .num { margin-left: 5px; }


/* == Progress Bars == */
.bne-progress .progress { height: 25px; }
.bne-progress .progress-bar {  position: relative; }
.bne-progress .progress-label {
	text-transform: uppercase;
	position: relative;
	display: inline;
	padding: .2em 0;
	font-size: 75%;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em	
}

.bne-progress .percent {
	position: absolute;
	right: 8px;
	top: 4px;
	height: 17px;
	padding: 0 5px;
	line-height: 17px;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
	background-color: #272727;
	background-color: rgba(0, 0, 0, 0.35);
	border-radius: 3px;
}



/* ===========================================================
 *	27) Social Icons (BNE Contact Bar and BNE Share)
 * ======================================================== */

/* == Share Bar == */
.bne-share {
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.bne-share li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 1px;
}

.btn-share {
    border: 2px solid #f2f2f2;
    border-color: rgba(220, 220, 220, .4);
    border-radius: 2px;
    color: #999;
    font-size: 18px;
    line-height: 40px;
    padding: 10px;
    width: 40px;
    height: 40px;
	transition: all .25s ease-out;
}

.btn-share:hover, .btn-share:focus {
    background: #ddd;
    border-color: rgba(0, 0, 0, .1);
    color: #fff;
}

.btn-share.facebook:hover, .btn-share.facebook:focus { background: #3b5998; }
.btn-share.linkedin:hover, .btn-share.linkedin:focus { background: #0077B5; }
.btn-share.twitter:hover, .btn-share.twitter:focus { background: #00aced; }
.btn-share.google:hover, .btn-share.google:focus { background: #dd4b39; }
.btn-share.tumblr:hover, .btn-share.tumblr:focus { background: #32506d; }
.btn-share.pinterest:hover, .btn-share.pinterest:focus { background: #cb2027; }
.btn-share.email:hover, .btn-share.email:focus { }


/* == Contact Bar == */
.bne-contact-bar { margin-bottom: 5px; }
.bne-contact-bar ul { margin: 0; padding: 0; float: right; }
.bne-contact-bar li {
	display: inline-block;
	float: left;
	height: 25px;
	width: 25px;
	margin: 0px 3px 3px 0px;
	padding: 0;	
	background: #eee;
	border-radius: 3px;
	font-size: 15px;
	line-height: 25px;
	list-style: none;
	opacity: 1;
	text-align: center;

}
.bne-contact-bar li:hover { 
	opacity: .8; 
	cursor: pointer; 
}
.bne-contact-bar li a { 
	display: block; 
	color: inherit !important; 
}
.bne-contact-bar li .bne-image {
	width: 1.25em;
	margin-top: -2px;
}

/* Icon Set Styles */
.bne-contact-bar ul.social-media-light li { background: #eee; color: #666; }
.bne-contact-bar ul.social-media-grey li  { background: #999; color: white; }
.bne-contact-bar ul.social-media-dark li  { background: #444; color: white; }
.bne-contact-bar ul.social-media-color li { color: white; }

.bne-contact-bar.contact-bar-transparent ul.social-media-light .bne-fa { color: #eee; }
.bne-contact-bar.contact-bar-transparent ul.social-media-grey .bne-fa { color: #999; }
.bne-contact-bar.contact-bar-transparent ul.social-media-dark .bne-fa { color: #444; }

/* Icon Set Shape */
.bne-contact-bar.contact-bar-transparent li { background: none !important; font-size: 20px;  }
.bne-contact-bar.contact-bar-circle li  { border-radius: 50%; }
.bne-contact-bar.contact-bar-square li { border-radius: 0px; }
.bne-contact-bar.contact-bar-rounded li { border-radius: 3px; }


/* == Contact Bar Shortcode == */
.bne-contact-bar.contact-bar-shortcode ul { float: left; }

/* Alignment */
.bne-contact-bar.contact-bar-center ul,
.bne-contact-bar.contact-bar-center li { float: none; text-align: center; }
.bne-contact-bar.contact-bar-right ul { float: right; }



/* ===========================================================
 *	28) Core Animations
 * ======================================================== */


.animate { opacity: 0; }

.visible.animate {
	opacity: 1;
	transition: all .5s ease-in-out .05s;
	backface-visibility: hidden;
}

.animate.delay100 { transition-delay: .1s; }
.animate.delay150 { transition-delay: .15s; }
.animate.delay200 { transition-delay: .2s; }
.animate.delay250 { transition-delay: .25s; }
.animate.delay300 { transition-delay: .3s; }
.animate.delay350 { transition-delay: .35s; }
.animate.delay400 { transition-delay: .4s; }
.animate.delay450 { transition-delay: .45s; }
.animate.delay500 { transition-delay: .5s; }
.animate.delay550 { transition-delay: .55s; }

.animate.delay600 { transition-delay: .6s; }
.animate.delay650 { transition-delay: .65s; }
.animate.delay700 { transition-delay: .7s; }
.animate.delay750 { transition-delay: .75s; }
.animate.delay800 { transition-delay: .8s; }
.animate.delay850 { transition-delay: .85s; }
.animate.delay900 { transition-delay: .9s; }
.animate.delay950 { transition-delay: .95s; }

.animate.delay1, .animate.delay1000 { transition-delay: 1s; }
.animate.delay1-5, .animate.delay1500 { transition-delay: 1.5s; }
.animate.delay2, .animate.delay2000 { transition-delay: 2s; }
.animate.delay2-5, .animate.delay2500 { transition-delay: 2.5s; }
.animate.delay3, .animate.delay3000 { transition-delay: 3s; }
.animate.delay3-5, .animate.delay3500 { transition-delay: 3.5s; }
.animate.delay4000 { transition-delay: 5s; }
.animate.delay4500 { transition-delay: 5.5s; }
.animate.delay5000 { transition-delay: 5s; }
.animate.delay5500 { transition-delay: 5.5s; }


.scaleIn { transform: scale(1.1, 1.1) translate3d(0, 0, 0); }
.visible.scaleIn { transform: scale(1, 1) translate3d(0, 0, 0); }

.visible.fadeIn { opacity: 1;  }

.fadeInUp { transform: translate3d(0, 50%, 0); }
.visible.fadeInUp { transform: none; }

.fadeInDown { transform: translate3d(0, -50%, 0); }
.visible.fadeInDown { transform: none; }

.fadeInLeft { transform: translate3d(-105%, 0, 0); }
.visible.fadeInLeft { transform: none; }

.fadeInRight { transform: translate3d(105%, 0, 0); }
.visible.fadeInRight { transform: none; }



/* ===========================================================
 *	29) 3rd Party Plugin Support
 * ======================================================== */

/* == Jetpack == */
body.infinite-scroll .pagination { display: none; }


/* == Facebook Like Box == */
#fb-root { display: none; }
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; }


/* == Max Mega Menu Intergration == */
.bne-sticky-menu #mega-menu-wrap-header-menu { background: none; }
.bne-sticky-menu .mega-menu-wrap > ul > li > a {
	height: 60px !important;
	line-height: 60px !important;
}
.bne-sticky-menu .mega-menu-wrap > ul > li:not(:hover) > a {
	color: inherit !important;
}

.has-max-mega-menu .btn-navbar { display: none; }
.has-max-mega-menu #access { display: block !important; }
.mega-menu-wrap .menu-search,
.mega-menu-wrap .menu-cart { display: none !important; }

/* == BNE Team Members == */
.widget .bne-team-members-wrapper .bne-team-members-profile-image img {max-width: 100px; }


/* ===========================================================
 *	30) Responsive Styles
 * ======================================================== */

/* == Mobile and Tablets == */
@media only screen and (max-width: 1024px) {

	/* == Full width 100% == */
	/* iOS fix for fixed full-width image backgrounds */
	.full_width_box { background-attachment: scroll !important; }
	/* Background Videos will not auto play on mobile, so lets remove it */
	.full_width-video-bg { display: none; }
	
	/* == BNE Slider == */
	.bne-slider-wrapper { overflow: hidden; }
	.bne-slider-wrapper .slide-caption.center_center { max-width: 90%; }
	
	#featured-wrapper.full-width-featured-area .bne-slider-wrapper .slider-headline { font-size: 20px; line-height: 1.2em; }
	#featured-wrapper.full-width-featured-area .bne-slider-wrapper .slider-description { font-size: 12px; line-height: 1.2em; }

}


/* == Tablet and Desktop == */
@media only screen and (min-width: 768px) {

	/* == Primary Menu == */
	#access { height: auto !important; overflow: visible !important; display: block !important; }
	.menu-location-header_addon { float: right; }
	.menu-location-header_addon #primary-menu > li > a { padding: 0 11px; }
	#primary-menu .menu-cart, #primary-menu .menu-search { float: right; }
	
	/* == Header Overlay == */
	.header-transparent #header-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		background: transparent;
		z-index: 10;
	}
	.boxed_layout.header-transparent #header-wrapper .inner-content { padding: 0 30px; }
	.header-transparent .header-addon { color: white; text-shadow: 1px 1px 0px rgba(0,0,0,.2); }
	
	.header-transparent #access.header-menu  { background: rgba(0,0,0,.2); border-radius: 0; border: none; }
	.header-transparent .header-menu #primary-menu > li > a { color: white; text-shadow: 1px 1px 0px rgba(0,0,0,.1); }
	.header-transparent .header-menu  #primary-menu > li > a:hover,
	.header-transparent .header-menu  #primary-menu > li.active > a,
	.header-transparent .header-menu  #primary-menu > li.sfHover > a {
		background: rgba(0,0,0,.3);
	}
	.header-transparent.header-menu-above_header .menu-wrapper,
	.header-transparent.header-menu-below_header .menu-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
	}

	/* == Alternate Mobile Nav == */
	.menu-wrapper .mobile-menu { display: none; }
	
	/* == Main Content Areas == */
	.full_width_box.has-full-width-split .column.grid_6 { padding-right: 40px; padding-left: 0px; }
	.full_width_box.has-full-width-split .column.grid_6.last { padding-right: 0px; padding-left: 40px; }

}


/* == Mobile and Small Tablets == */
@media only screen and (max-width: 767px) {

	/* == Reset Typography == */
	h1 span,
	h2 span,
	h3 span,
	h4 span,
	h5 span { font-size: inherit !important; }

	/* == Typography == */
	.btn { white-space: normal; }

	/* == Header == */
	.header_logo { padding-bottom: 10px; float: none; text-align: center; }
	.bne-select-mobile-nav .header_logo { padding-right: 0; margin: 0 auto; text-align: center; }
	.header-message, .header-phone, .header-address { text-align: center; display: block; }

	/* == Social Links == */
	.bne-contact-bar {  position: static; text-align: center;  }
	.bne-contact-bar ul { float: none; }
	.bne-contact-bar li { display: inline-block; float: none; }

	/* == Primary Menu == */
	.menu-wrapper {}
	#access { display: none; margin: 0 auto; padding: 0; }
	#access #primary-menu { text-align:left; float:left; width: 100%; }
	#access li { border: none; float: none; padding: 0; }
	#access li li a { padding-left: 40px; }
	#access li li li a { padding-left: 80px; }
	#access li li li li a { padding-left: 100px; }
	#access .sf-menu ul { border: none; margin: 0; position: static; }
	.bne-graphical-mobile-nav #access ul ul { width: auto; }

	/* == Mobile Menu Nav Button == */
	.btn-navbar { display: block; }
	
	/* == Side Mobile Nav (Off-Canvas) == */
	.bne-side-mobile-nav.primary-menu-open { height: 100%; overflow: hidden; }

	/* Animate menu wrapper and page wrapper */
	.bne-side-mobile-nav .menu-wrapper,
	.bne-side-mobile-nav #wrapper {
		-webkit-transition: all .3s ease;
		   -moz-transition: all .3s ease;
		   		transition: all .3s ease;
	}

	/* Position menu wrapper off screen */
	.bne-side-mobile-nav .menu-wrapper {
		position: fixed;
		top: 0;
		right: -250px;
		bottom: 0px;
		height: 100%;
		width: 250px;
		padding: 20px 10px;
		margin: 0;
		background: #222;
		z-index: 999;
	}

	/* Menu Wrapper */
	.bne-side-mobile-nav.primary-menu-open .menu-wrapper {
		right: 0;
		overflow-y: auto;
		box-shadow: 0px 0px 8px rgba(0,0,0,.5);
	}

	/* Page Wrapper */
	.bne-side-mobile-nav #wrapper { left: 0; }
	.bne-side-mobile-nav.primary-menu-open #wrapper { left: -250px; }

	/* Remove default menu styles */
	.bne-side-mobile-nav #access {
		display: block;
		background: none;
		border: none;
		box-shadow: none;
	}

	/* Level 1+ */
	.bne-side-mobile-nav #access ul {
		background: none !important;
		/* Override superfish styles */
		display: block !important;
		opacity: 1 !important;
		box-shadow: none;
	}
	
	.bne-side-mobile-nav #primary-menu a {
		background: none !important;
		color: #777;
		font-size: 14px;
		text-transform: uppercase;
	}

	/* Level 1 only */
	.bne-side-mobile-nav #primary-menu > li > a { color: #999; font-weight: bold; }

	/* Hover and Active links */
	.bne-side-mobile-nav #primary-menu > li > a:hover,
	.bne-side-mobile-nav #primary-menu > li.active > a,
	.bne-side-mobile-nav #primary-menu > li.sfHover > a,
	.bne-side-mobile-nav #primary-menu li li a:hover,
	.bne-side-mobile-nav #primary-menu li li.active > a {
		color: #eee;
	}

	/* == Select Nav == */
	.bne-select-mobile-nav #primary-menu, .bne-select-mobile-nav .btn-navbar { display: none; }
	.bne-select-mobile-nav .selectnav { display: block; max-width: 250px; height: 30px; font-size: 14px; border:0; margin: 20px auto; }
	.bne-select-mobile-nav #access { display: block; margin: 0 auto; padding: 0px; width: 100%; background: none; background-image: none; border: none; box-shadow: none; }

	/* == Disable Mobile Nav == */
	.bne-disable-mobile-nav .btn-navbar { display: none; }
	.bne-disable-mobile-nav #access { display: block; }
	.bne-disable-mobile-nav #access #primary-menu { text-align: center; }
	.bne-disable-mobile-nav #access li { float: none; display: inline-block; text-align: left; }
	.bne-disable-mobile-nav #access .sf-menu ul { position: absolute;  }
	.bne-disable-mobile-nav #access li li { width: 100%; }
	.bne-disable-mobile-nav #access li li a { padding: 7px 10px; }
	
	/* == Alternate Mobile nav == */
	.menu-wrapper.has-mobile-menu ul.standard-menu,
	.bne-side-mobile-nav .menu-wrapper.has-mobile-menu #access ul.standard-menu { display: none !important; }
	
	/* == Max Mega Menu == */
	#access .mega-sub-menu li a { padding-left: 0px; }

	/* == Main Content Areas == */
	.full_width-bg-left,
	.full_width-bg-right { display: none; }


	/* == Footer == */
	#footer-menu { float:none; text-align: center; }
	.copyright { text-align: center; }
	.scrollToTop.btn { margin: 5px auto; }
	.bne-scroll-to-top { right: 20px; bottom: 20px }

	/* == Columns == */
	.column,
	.tight.column,
	.tight.no-gutter.column { float: none; margin: 0 0 20px 0; width: auto; }

	/* == BNE Slider == */
	.bne-slider-wrapper.post-slider.post-full .slide-caption .slider-description { display: none; }
	.bne-slider-wrapper .bne-flexslider .flex-control-nav { bottom: 5px; }
	.bne-slider-wrapper .bne-flexslider .flex-direction-nav li { opacity: 1; }
	.bne-slider-wrapper .bne-flexslider .flex-direction-nav li a {
		height: 45px;
		width: 45px;
		line-height: 45px;
		font-size: 30px;
	}
	
	.bne-slider-wrapper .slide-caption.left_top,
	.bne-slider-wrapper .slide-caption.left_center,
	.bne-slider-wrapper .slide-caption.left_bottom,
	.bne-slider-wrapper .slide-caption.right_top,
	.bne-slider-wrapper .slide-caption.right_center,
	.bne-slider-wrapper .slide-caption.right_bottom  { max-width: 75%; }
	.bne-slider-wrapper .slide-caption .btn { font-size: 10px; padding: 5px 10px; }

	/* == Theme Elements / Shortcodes == */
	.callout-content { text-align:center; }
	.callout-content .btn-block { display: inline-block; width: auto; margin: 0 auto; }

	/* == WP Gallery == */
	/* If 4+ columns, reset to 3 columns only */
	.gallery:not(.gallery-columns-1) .gallery-item,
	.gallery:not(.gallery-columns-2) .gallery-item,
	.gallery:not(.gallery-columns-3) .gallery-item { width: 33%; clear: none; }
}


/* == Tablets and Desktop == */
@media only screen and ( min-width: 481px ) {

	/* == Tabs == */
	.bne-tabs-framed.tabs-left > .nav-tabs { float: left; }
	.bne-tabs-framed.tabs-left > .nav-tabs > li { margin-right: -1px; }
	.bne-tabs-framed.tabs-left > .nav-tabs > .active > a,
	.bne-tabs-framed.tabs-left > .nav-tabs > .active > a:hover,
	.bne-tabs-framed.tabs-left > .nav-tabs > .active > a:focus { border-right-color: transparent; }
	
	.bne-tabs-framed.tabs-right > .nav-tabs { float: right; }
	.bne-tabs-framed.tabs-right > .nav-tabs > li { margin-left: -1px; }
	.bne-tabs-framed.tabs-right > .nav-tabs > .active > a,
	.bne-tabs-framed.tabs-right > .nav-tabs > .active > a:hover,
	.bne-tabs-framed.tabs-right > .nav-tabs > .active > a:focus { border-left-color: transparent; }

}


/* == Mobile and Smaller == */
@media only screen and (max-width: 480px) {
	
	/* == Header  == */
	.header_logo { text-align: center; margin: 0 auto; max-width: calc(100% - 80px); }

	/* == Alignments == */
	.alignblock { float: none; display: block; margin-left: auto; margin-right: auto; }	

	/* == Forms == */
	#commentform input[type="text"], #commentform input[type="email"] { width: 100% !important; }

	/* Comment Avatar */
	#comments .comment-body .avatar, .thumbnail { padding: 2px; }

	/* Gravity Forms Inputs for Mobile */
	.gform_wrapper .top_label li.gfield.gf_left_half,.gform_wrapper .top_label li.gfield.gf_right_half,.gform_wrapper .top_label li.gfield.gfield_error.gf_left_half,.gform_wrapper .top_label li.gfield.gfield_error.gf_right_half,.gform_wrapper .top_label li.gfield.gf_left_third,.gform_wrapper .top_label li.gfield.gf_middle_third,.gform_wrapper .top_label li.gfield.gf_right_third,.gform_wrapper .top_label li.gfield.gfield_error.gf_left_third,.gform_wrapper .top_label li.gfield.gfield_error.gf_middle_third,.gform_wrapper .top_label li.gfield.gfield_error.gf_right_third
		{ width: 97% !important; float:left !important; }
	.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea {width: 97% !important; }

	/* == Tabs == */
	.nav-tabs > li { width: 100%; }
	.nav-tabs > li > a { border: 1px solid #ddd; }


	/* == WP Gallery == */
	/* If 2+ columns, reset to 2 columns only */
	.gallery:not(.gallery-columns-1) .gallery-item { width: 50%; }

}


/* == Small Mobile == */
@media only screen and ( max-width: 320px ) {

	/* == Alignments == */
	.alignright,
	.alignleft,
	a img.alignright,
	a img.alignleft {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	.wp-caption.alignnone,
	.wp-caption.alignleft,
	.wp-caption.alignright {
		margin-left: auto;
		margin-right: auto;
	}
}