/*
Theme Name: BBL Responsive V2 SSL
Theme URI: http://wordpress.org/extend/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/



/* GRID SYSTEM IN BOOTSTRAP.CSS */



/* =Reset
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: top;
}
body {
	line-height: 1;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: thin dotted;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: top;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th,
.comment-content th {
	font-size: 14px;
//	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	text-transform: uppercase;
	/*color: #636363;*/
}

.widget-title {
	color: #fff;
	background: #24a6b2;
	text-transform: none;
	font-family: 'Libre Baskerville';
	font-size: 1.4em;
	padding: 0 10px 0 10px;
	}

/* Shared Post Format styling */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	/* border-radius: 3px; */
	font-family: inherit;
	padding: 6px;
	padding: 0.428571429rem;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	padding: 0.428571429rem 0.714285714rem;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 1.428571429;
	font-weight: normal;
	color: #7c7c7c;
	background-color: #e6e6e6;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
	background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
	border: 1px solid #d2d2d2;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #5e5e5e;
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
	background-image: linear-gradient(top, #f9f9f9, #ebebeb);
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	color: #757575;
	background-color: #e1e1e1;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
	background-image: linear-gradient(top, #ebebeb, #e1e1e1);
	box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
	border: none;
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #21759b;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	/* border-radius: 3px; */
	/* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); */
}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}
.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 0;
	margin: 3.428571429rem 0;
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}

/* FONTS */

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 400;
  font-style: normal;
  src: url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.eot');
  src: url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville'),
       local('Libre-Baskerville-regular'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.woff2') format('woff2'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.woff') format('woff'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.ttf') format('truetype'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 700;
  font-style: normal;
  src: url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.eot');
  src: url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville Bold'),
       local('Libre-Baskerville-700'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.woff2') format('woff2'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.woff') format('woff'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.ttf') format('truetype'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 400;
  font-style: italic;
  src: url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.eot');
  src: url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville Italic'),
       local('Libre-Baskerville-italic'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.woff2') format('woff2'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.woff') format('woff'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.ttf') format('truetype'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 100;
  font-style: normal;
  src: url('theme_fonts/Lato-100/Lato-100.eot');
  src: url('theme_fonts/Lato-100/Lato-100.eot?#iefix') format('embedded-opentype'),
       local('Lato Hairline'),
       local('Lato-100'),
       url('theme_fonts/Lato-100/Lato-100.woff2') format('woff2'),
       url('theme_fonts/Lato-100/Lato-100.woff') format('woff'),
       url('theme_fonts/Lato-100/Lato-100.ttf') format('truetype'),
       url('theme_fonts/Lato-100/Lato-100.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  src: url('theme_fonts/Lato-300/Lato-300.eot');
  src: url('theme_fonts/Lato-300/Lato-300.eot?#iefix') format('embedded-opentype'),
       local('Lato Light'),
       local('Lato-300'),
       url('theme_fonts/Lato-300/Lato-300.woff2') format('woff2'),
       url('theme_fonts/Lato-300/Lato-300.woff') format('woff'),
       url('theme_fonts/Lato-300/Lato-300.ttf') format('truetype'),
       url('theme_fonts/Lato-300/Lato-300.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('theme_fonts/Lato-regular/Lato-regular.eot');
  src: url('theme_fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'),
       local('Lato Regular'),
       local('Lato-regular'),
       url('theme_fonts/Lato-regular/Lato-regular.woff2') format('woff2'),
       url('theme_fonts/Lato-regular/Lato-regular.woff') format('woff'),
       url('theme_fonts/Lato-regular/Lato-regular.ttf') format('truetype'),
       url('theme_fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  src: url('theme_fonts/Lato-700/Lato-700.eot');
  src: url('theme_fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold'),
       local('Lato-700'),
       url('theme_fonts/Lato-700/Lato-700.woff2') format('woff2'),
       url('theme_fonts/Lato-700/Lato-700.woff') format('woff'),
       url('theme_fonts/Lato-700/Lato-700.ttf') format('truetype'),
       url('theme_fonts/Lato-700/Lato-700.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 900;
  font-style: normal;
  src: url('theme_fonts/Lato-900/Lato-900.eot');
  src: url('theme_fonts/Lato-900/Lato-900.eot?#iefix') format('embedded-opentype'),
       local('Lato Black'),
       local('Lato-900'),
       url('theme_fonts/Lato-900/Lato-900.woff2') format('woff2'),
       url('theme_fonts/Lato-900/Lato-900.woff') format('woff'),
       url('theme_fonts/Lato-900/Lato-900.ttf') format('truetype'),
       url('theme_fonts/Lato-900/Lato-900.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 100;
  font-style: italic;
  src: url('theme_fonts/Lato-100italic/Lato-100italic.eot');
  src: url('theme_fonts/Lato-100italic/Lato-100italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Hairline Italic'),
       local('Lato-100italic'),
       url('theme_fonts/Lato-100italic/Lato-100italic.woff2') format('woff2'),
       url('theme_fonts/Lato-100italic/Lato-100italic.woff') format('woff'),
       url('theme_fonts/Lato-100italic/Lato-100italic.ttf') format('truetype'),
       url('theme_fonts/Lato-100italic/Lato-100italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: italic;
  src: url('theme_fonts/Lato-300italic/Lato-300italic.eot');
  src: url('theme_fonts/Lato-300italic/Lato-300italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Light Italic'),
       local('Lato-300italic'),
       url('theme_fonts/Lato-300italic/Lato-300italic.woff2') format('woff2'),
       url('theme_fonts/Lato-300italic/Lato-300italic.woff') format('woff'),
       url('theme_fonts/Lato-300italic/Lato-300italic.ttf') format('truetype'),
       url('theme_fonts/Lato-300italic/Lato-300italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: italic;
  src: url('theme_fonts/Lato-italic/Lato-italic.eot');
  src: url('theme_fonts/Lato-italic/Lato-italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Italic'),
       local('Lato-italic'),
       url('theme_fonts/Lato-italic/Lato-italic.woff2') format('woff2'),
       url('theme_fonts/Lato-italic/Lato-italic.woff') format('woff'),
       url('theme_fonts/Lato-italic/Lato-italic.ttf') format('truetype'),
       url('theme_fonts/Lato-italic/Lato-italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: italic;
  src: url('theme_fonts/Lato-700italic/Lato-700italic.eot');
  src: url('theme_fonts/Lato-700italic/Lato-700italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold Italic'),
       local('Lato-700italic'),
       url('theme_fonts/Lato-700italic/Lato-700italic.woff2') format('woff2'),
       url('theme_fonts/Lato-700italic/Lato-700italic.woff') format('woff'),
       url('theme_fonts/Lato-700italic/Lato-700italic.ttf') format('truetype'),
       url('theme_fonts/Lato-700italic/Lato-700italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 900;
  font-style: italic;
  src: url('theme_fonts/Lato-900italic/Lato-900italic.eot');
  src: url('theme_fonts/Lato-900italic/Lato-900italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Black Italic'),
       local('Lato-900italic'),
       url('theme_fonts/Lato-900italic/Lato-900italic.woff2') format('woff2'),
       url('theme_fonts/Lato-900italic/Lato-900italic.woff') format('woff'),
       url('theme_fonts/Lato-900italic/Lato-900italic.ttf') format('truetype'),
       url('theme_fonts/Lato-900italic/Lato-900italic.svg#Lato') format('svg');
}



/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
//	font-size: 1rem;
	text-rendering: optimizeLegibility;
	color: #444;
	font-family: 'Lato';
    -webkit-font-smoothing: antialiased;
    line-height: 1.4em;
}

p {
  font-family: 'Lato';
  font-size: 1em;
  line-height: 1.5em;
  color: #4f3310;
  }

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.6em;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}

h4 {
    display: block;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
}


a {
	outline: none;
	/* color: #78789c; */
	color: #24a6b2;
	cursor: pointer;
}
a:hover {
	color: #0f3647;
}

.text_blue {color:#24a6b2;}
.text_brown {color:#4f3310;}
.text_yellow {color:#ffd11a;}
.text_pink {color:#ec316e;}

.bg_blue {background-color:#24a6b2;}
.bg_brown {background-color:#4f3310;}
.bg_yellow {background-color:#ffd11a;}
.bg_pink {background-color:#ec316e;}

.font_lato {font-family: 'Lato';}
.font_libre {font-family: 'Libre Baskerville';}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    min-width: 100% !important;
}

.center {
    text-align: center;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site {
        padding-left:10px;
//	padding: 0 24px;
//	padding: 0 1.714285714rem;
	background-color: #fff;
}
.site-content {
//	margin: 24px 0 0;
//	margin: 1.714285714rem 0 0;
}
.widget-area {
	margin: 24px 0 0;
	margin: 1.714285714rem 0 0;
}

/* Header */
.site-header {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
.site-header h1,
.site-header h2 {
	text-align: center;
}
.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}
.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}

/* Navigation Menu */
.main-navigation {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	word-wrap: normal;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 1.2em;
//
	font-size: 0.928571429rem;
	line-height: 1.4em;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #21759b;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	width: 960px;
//	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 20px;
	font-size: 1.428571429rem;
	line-height: 1.2;
	/* font-weight: normal; */
}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}
.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.comments-link a,
.entry-meta a {
	color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}
article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}
.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 24px 0;
	margin: 1.714285714rem 0;
	line-height: 1.714285714;
}
.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
}

.site-content h2,
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	font-size: 30px;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	font-size: 20px;
	line-height: 1.846153846;
}
.entry-content h4,
.comment-content h4 {
	font-size: 18px;
	line-height: 1.846153846;
}
.entry-content h5,
.comment-content h5 {
	font-size: 16px;
	line-height: 1.846153846;
}
.entry-content h6,
.comment-content h6 {
	font-size: 14px;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
	text-align:left;
}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 36px;
	margin: 0 0 0 2.571428571rem;
}
.entry-content blockquote,
.comment-content blockquote {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	padding: 24px;
	padding: 1.714285714rem;
	font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}
.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code,
.comment-content pre code {
	display: block;
}
.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}
.site-content article {
	margin-bottom: 5px;
	padding-bottom: 5px;
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Image posts */
article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}
article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}
article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */
article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}
article.format-link .entry-content {
	max-width: 80%;
	float: left;
}
article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */
article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}
article.format-quote .entry-content blockquote {
	display: block;
	padding: 24px 24px 0;
	padding: 1.714285714rem 1.714285714rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.6;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */
.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.format-status .entry-header header {
	display: inline-block;
}
.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 0;
}
.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}
.format-status .entry-header header a {
	color: #757575;
}
.format-status .entry-header header a:hover {
	color: #21759b;
}
.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}


/* =Comments
-------------------------------------------------------------- */

.comments-title {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
.comments-area article header {
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571rem;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857rem;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857rem;
	padding: 2px 5px;
	padding: 0.142857143rem 0.357142857rem;
	font-size: 10px;
	font-size: 0.714285714rem;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}
.template-front-page .widget-area {
	clear: both;
	float: none;
	width: 960px;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}
.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Widgets
-------------------------------------------------------------- */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}
.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}
#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}
#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}
#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}
.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget_twitter li {
	list-style-type: none;
}
.widget_twitter .timesince {
	display: block;
	text-align: right;
}


/* =Plugins
----------------------------------------------- */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}


/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 200px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0px auto;
		/*width: 960px;*/
		width: 1140px;
		max-width: 1140px;

		/*max-width: 68.571428571rem;*/
		/* border: solid; */
		/* border-width: 1px; */
		/* border-color: #b8b8dc; */
		overflow: hidden;
	}
	.site-content {
//	        padding:8px;
	        float: left;
	        width: 65.104166667%;
	}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 350px;
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 40px 0 0;
		margin: 0 2.857142857rem 0 0;
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		/*color: #636363;*/
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	.entry-header .entry-title {
		font-size: 40px;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 200px) {
	body {
		/* background-color: #e6e6e6; */
	}
	body .site {
//padding: 0 40px;
//padding: 0 2.857142857rem;/* margin-top: 8px; */
//margin-top: 3.428571429rem;/* margin-bottom: 48px; *//* margin-bottom: 3.428571429rem; *//* box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); */}
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
//		margin-top: 0;
//		margin-bottom: 0;
		box-shadow: none;
	}
}


/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	a {
		text-decoration: none;
	}
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	.site-content {
		margin: 0;
		width: auto;
	}
	.singular .entry-header .entry-meta {
		position: static;
	}
	.singular .site-content,
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular .comments-title {
		margin: 0;
		width: 100%;
	}
	.entry-header .entry-title,
	.entry-title,
	.singular .entry-title {
		font-size: 21pt;
	}
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}

.testimonialFront{
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background: #a8a8cc;
  color: #ffffff;
  line-height: 1.5;
}

.subtext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #78789c;
}

.description {
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #000000;
}
.testimonial{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #78789c;
text-decoration: none;
}

.emphasis{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #78789c;
line-height: 16px;
text-decoration: none;
}

.tagline{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #78789c;
line-height: 16px;
text-decoration: none;
}
TR.header {
  background: #ffffff;
}

TR.headerNavigation {
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  font-weight : normal;
}

TR.faqHeading{
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #78789c;
  font-weight : bold;
}
TD.faqHeading{
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #78789c;
  font-weight : bold;
}

A.headerNavigation {
  color: #78789c;
}
A.headerNavigation:hover {
  color: #897808;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #78789c;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main, div.main {
  font-family: Verdana,Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

TD.leftcolText, SPAN.leftcolText, P.leftcolText {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  color: #58587c;
}

.buttonInactive{
background-image:url(/blog/images/buttonInactive100.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif; font-size:13px;
color:#fff;
line-height:16px;
cursor:pointer;
}

.buttonActive{
background-image:url(/blog/images/buttonActive100.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif; font-size:13px;
color:#fff;
line-height:16px;
cursor:pointer;
}

A.homebullet:link{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #897808;
  text-decoration: none;
  text-decoration: underline;
}

a.homebullet:visited {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        color: #897808;
        text-decoration: none;
        text-decoration: underline;
}

a.homebullet:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: normal;
        color: #b6b7cb;
        text-decoration: underline;
}

#post_signup_bottom p {font-size: 15px !important; margin-top: 10px; line-height:28px;}

//#post_signup_bottom img {float: right; padding: 0 0 10px 20px;box-shadow: none;}

#post_signup_bottom h3 {
  display: inline;
  color: #24a6b2;
  font-size:32px;
  line-height: 32px;
  -moz-hyphens:none;
  hyphens:none;
}


#post_signup_bottom strong {color: #24a6b2;}

#post_signup_bottom input {font-size: 17px; margin: 10px 0 0 0; }


#menu-toggle {display: none;}
.questions_mob, .opening_mob {display: none}


/*************** MEDIA QUERIES ************************/

@media screen and (max-width: 960px) {
    #page {

    max-width: 96%
    }
}

@media screen and (max-width: 890px) {

.questions_mob, .opening_mob {display: block}


    #page {
    width: 96%; overflow: hidden
    }

    .site-content, .widget-area {
width: 96%;
    max-width: 96%;
text-align: left;
//padding: 0% 3% 0% 3%;
margin-left: 0%;
    }

tr.header {
text-align: center;
min-height: 90px !important;
height: auto;
width: 100%;
}

tr.header img{
max-width: 90% !important;
}

tr.header td{
display: block;
width: 100%;
max-width: 100%;}

tr.header td div {
margin: 10px auto !important;
text-align: center !important;
max-width: 100%;
overflow: hidden}

.tagline {margin-left: 0px !important;}

tr.header td.main div{
margin-top: 0px !important;
display: block;
width: 100% !important}

.main.head_quote, .main.phone_opening {display: none;}

.main.phone_opening_mob {
margin: -10px auto 10px auto;
width: 90% !important;
display: block; text-align: center;
line-height: 20px; font-size: 14px;
}

.emphasis {
font-weight: bold;
line-height: 21px; font-size: 14px;
}

table.navigation
{display: none;}

#menu-toggle {
font-size: 1.5em; width: 100%;
margin:0px auto 10px auto;
display: block; text-align: center;
}

table.navigation{
width: 100%}

table.navigation td {
display: none;
}

table.navigation td.buttonActive, table.navigation td.buttonInactive{
display: block;
width: 100% !important;
text-align: center;
background: #78789C;
padding-top: 5px !important;
margin: none !important;
}

table.navigation td.buttonActive:hover, table.navigation td.buttonInactive:hover  {
background: #454582;
}


}


@media screen and (max-width: 600px) {

#socialsharestop, #socialsharesbottom{
  text-align:center;
}
#popForm-1270696069 {
    width: 90% !important;
    height: auto !important;
left: 5% !important;
top: 30px !important
}

#af-form-1270696069 .bodyText p {
    margin: 0.5em 0px !important;
}

#af-form-1270696069 .af-body {background-image: none !important;}

#af-form-1270696069 .af-header .bodyText p span{
font-size: 1.5em !important; display: block;
text-indent: 0px; text-align: center}

#af-form-1270696069 .af-body .bodyText p,
#af-form-1270696069 .af-body .bodyText p span{
display: block;text-align: center; line-height: 1.3em !important;
}

#af-form-1270696069 .af-body .bodyText p {margin-top: -10px !important;}

#af-form-1270696069 .af-body label.previewLabel{
text-align: center !important; font-size: 1.3em !important}


.dropShadowUL1270696069,
.dropShadowTop1270696069,
.dropShadowUR1270696069,
.dropShadowL1270696069,
.dropShadowR1270696069,
.dropShadowLL1270696069,
.dropShadowBottom1270696069,
.dropShadowLR1270696069
{display: none !important}

.af-form-close-button {
left: 1% !important;
top: 20px !important;
float:left;
}

#popForm-1270696069 + div { width: 100% !important } 
#popForm-1270696069 + div + div{ display: none} 

}



/* CUSTOM BROUGHT OVER FROM BBL LIN MAIN */
/* GET ON WITH THE CUSTOM CSS NOW.... */


/* FONTS */

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 400;
  font-style: normal;
  src: url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.eot');
  src: url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville'),
       local('Libre-Baskerville-regular'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.woff2') format('woff2'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.woff') format('woff'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.ttf') format('truetype'),
       url('theme_fonts/Libre-Baskerville-regular/Libre-Baskerville-regular.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 700;
  font-style: normal;
  src: url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.eot');
  src: url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville Bold'),
       local('Libre-Baskerville-700'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.woff2') format('woff2'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.woff') format('woff'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.ttf') format('truetype'),
       url('theme_fonts/Libre-Baskerville-700/Libre-Baskerville-700.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-weight: 400;
  font-style: italic;
  src: url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.eot');
  src: url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.eot?#iefix') format('embedded-opentype'),
       local('Libre Baskerville Italic'),
       local('Libre-Baskerville-italic'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.woff2') format('woff2'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.woff') format('woff'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.ttf') format('truetype'),
       url('theme_fonts/Libre-Baskerville-italic/Libre-Baskerville-italic.svg#LibreBaskerville') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 100;
  font-style: normal;
  src: url('theme_fonts/Lato-100/Lato-100.eot');
  src: url('theme_fonts/Lato-100/Lato-100.eot?#iefix') format('embedded-opentype'),
       local('Lato Hairline'),
       local('Lato-100'),
       url('theme_fonts/Lato-100/Lato-100.woff2') format('woff2'),
       url('theme_fonts/Lato-100/Lato-100.woff') format('woff'),
       url('theme_fonts/Lato-100/Lato-100.ttf') format('truetype'),
       url('theme_fonts/Lato-100/Lato-100.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: normal;
  src: url('theme_fonts/Lato-300/Lato-300.eot');
  src: url('theme_fonts/Lato-300/Lato-300.eot?#iefix') format('embedded-opentype'),
       local('Lato Light'),
       local('Lato-300'),
       url('theme_fonts/Lato-300/Lato-300.woff2') format('woff2'),
       url('theme_fonts/Lato-300/Lato-300.woff') format('woff'),
       url('theme_fonts/Lato-300/Lato-300.ttf') format('truetype'),
       url('theme_fonts/Lato-300/Lato-300.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('theme_fonts/Lato-regular/Lato-regular.eot');
  src: url('theme_fonts/Lato-regular/Lato-regular.eot?#iefix') format('embedded-opentype'),
       local('Lato Regular'),
       local('Lato-regular'),
       url('theme_fonts/Lato-regular/Lato-regular.woff2') format('woff2'),
       url('theme_fonts/Lato-regular/Lato-regular.woff') format('woff'),
       url('theme_fonts/Lato-regular/Lato-regular.ttf') format('truetype'),
       url('theme_fonts/Lato-regular/Lato-regular.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  src: url('theme_fonts/Lato-700/Lato-700.eot');
  src: url('theme_fonts/Lato-700/Lato-700.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold'),
       local('Lato-700'),
       url('theme_fonts/Lato-700/Lato-700.woff2') format('woff2'),
       url('theme_fonts/Lato-700/Lato-700.woff') format('woff'),
       url('theme_fonts/Lato-700/Lato-700.ttf') format('truetype'),
       url('theme_fonts/Lato-700/Lato-700.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 900;
  font-style: normal;
  src: url('theme_fonts/Lato-900/Lato-900.eot');
  src: url('theme_fonts/Lato-900/Lato-900.eot?#iefix') format('embedded-opentype'),
       local('Lato Black'),
       local('Lato-900'),
       url('theme_fonts/Lato-900/Lato-900.woff2') format('woff2'),
       url('theme_fonts/Lato-900/Lato-900.woff') format('woff'),
       url('theme_fonts/Lato-900/Lato-900.ttf') format('truetype'),
       url('theme_fonts/Lato-900/Lato-900.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 100;
  font-style: italic;
  src: url('theme_fonts/Lato-100italic/Lato-100italic.eot');
  src: url('theme_fonts/Lato-100italic/Lato-100italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Hairline Italic'),
       local('Lato-100italic'),
       url('theme_fonts/Lato-100italic/Lato-100italic.woff2') format('woff2'),
       url('theme_fonts/Lato-100italic/Lato-100italic.woff') format('woff'),
       url('theme_fonts/Lato-100italic/Lato-100italic.ttf') format('truetype'),
       url('theme_fonts/Lato-100italic/Lato-100italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 300;
  font-style: italic;
  src: url('theme_fonts/Lato-300italic/Lato-300italic.eot');
  src: url('theme_fonts/Lato-300italic/Lato-300italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Light Italic'),
       local('Lato-300italic'),
       url('theme_fonts/Lato-300italic/Lato-300italic.woff2') format('woff2'),
       url('theme_fonts/Lato-300italic/Lato-300italic.woff') format('woff'),
       url('theme_fonts/Lato-300italic/Lato-300italic.ttf') format('truetype'),
       url('theme_fonts/Lato-300italic/Lato-300italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: italic;
  src: url('theme_fonts/Lato-italic/Lato-italic.eot');
  src: url('theme_fonts/Lato-italic/Lato-italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Italic'),
       local('Lato-italic'),
       url('theme_fonts/Lato-italic/Lato-italic.woff2') format('woff2'),
       url('theme_fonts/Lato-italic/Lato-italic.woff') format('woff'),
       url('theme_fonts/Lato-italic/Lato-italic.ttf') format('truetype'),
       url('theme_fonts/Lato-italic/Lato-italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: italic;
  src: url('theme_fonts/Lato-700italic/Lato-700italic.eot');
  src: url('theme_fonts/Lato-700italic/Lato-700italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Bold Italic'),
       local('Lato-700italic'),
       url('theme_fonts/Lato-700italic/Lato-700italic.woff2') format('woff2'),
       url('theme_fonts/Lato-700italic/Lato-700italic.woff') format('woff'),
       url('theme_fonts/Lato-700italic/Lato-700italic.ttf') format('truetype'),
       url('theme_fonts/Lato-700italic/Lato-700italic.svg#Lato') format('svg');
}

@font-face {
  font-family: 'Lato';
  font-weight: 900;
  font-style: italic;
  src: url('theme_fonts/Lato-900italic/Lato-900italic.eot');
  src: url('theme_fonts/Lato-900italic/Lato-900italic.eot?#iefix') format('embedded-opentype'),
       local('Lato Black Italic'),
       local('Lato-900italic'),
       url('theme_fonts/Lato-900italic/Lato-900italic.woff2') format('woff2'),
       url('theme_fonts/Lato-900italic/Lato-900italic.woff') format('woff'),
       url('theme_fonts/Lato-900italic/Lato-900italic.ttf') format('truetype'),
       url('theme_fonts/Lato-900italic/Lato-900italic.svg#Lato') format('svg');
}


/* GENERAL STYLES */

html,
body {  
}

body {
    font-family: 'Lato';
    -webkit-font-smoothing: antialiased;
    line-height: 1.4em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Baskerville';
  margin: 0.4em 0 0.4em 0 !important;
}

p {
  font-family: 'Lato';
  font-size: 18px;
  line-height: 1.5em;
  color: #4f3310;
  }

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
}

h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}

h4 {
    display: block;
    font-weight: bold;
}

h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
}

h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
}

img {max-width: 100%; height: auto;}

ul, ol {padding-left: 20px;}
li {padding: 0 0 10px 0;}

textarea { max-width: 100% }

/* 10 across */
.col-xs-10a,
.col-sm-10a,
.col-md-10a,
.col-lg-10a {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.col-xs-10a {
    width: 10%;
    float: left;
}

@media (min-width: 768px) {
  .container {
      width: auto !important;
  }
}

@media (min-width: 992px) {
.col-sm-10a {
        width: 10%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-10a {
        width: 10%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-10a {
        width: 10%;
        float: left;
    }
}

.text_blue {color:#24a6b2;}
.text_brown {color:#4f3310;}
.text_yellow {color:#ffd11a;}
.text_pink {color:#ec316e;}

.bg_blue {background-color:#24a6b2;}
.bg_brown {background-color:#4f3310;}
.bg_yellow {background-color:#ffd11a;}
.bg_pink {background-color:#ec316e;}

.font_lato {font-family: 'Lato';}
.font_libre {font-family: 'Libre Baskerville';}

.container-fluid {
    padding-left: 0px;
    padding-right: 0px;
    min-width: 100% !important;
}

.center {
    text-align: center;
}

.button {
    margin: 0.5em 0 0.5em 0;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background: #EC316E;
    border: 1px solid #EC316E;
    border-radius: 0 2px 2px 0;
    font-size: 1.5em;
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em;
    transition: background-color 0.2s ease-out 0s;
}

.button:hover {
  text-decoration: none;
    color: #EC316E;
    background: #fff;
}

.button.b_white {
    color: #EC316E;
    background: #fff;
}

.button.b_white:hover {
    color: #fff;
    background: #EC316E;
}

.sm_button {
    margin: 0.5em 0 0.5em 0;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background: #24a6b2;
    border: 1px solid #24a6b2;
    border-radius: 0 2px 2px 0;
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em;
    transition: background-color 0.2s ease-out 0s;
}

.sm_button:hover {
  text-decoration: none;
    color: #24a6b2;
    background: #fff;
}

/* FORMS GENERAL */

input[type=submit] {
    margin: 0.5em 0 0.5em 0 !important;
    display: inline-block;
    overflow: hidden;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    background: #EC316E;
    border: 1px solid #EC316E;
    border-radius: 0 2px 2px 0;
    font-size: 1.5em !important;
    font-weight: 600;
    padding: 0.5em 1em 0.5em 1em !important;
    transition: background-color 0.2s ease-out 0s;
    height: auto !important;
}

.button:hover {
  text-decoration: none;
    color: #EC316E;
    background: #fff;
}

input[type=submit]:hover {
  text-decoration: none;
    color: #EC316E;
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #EC316E;
    border-radius: 0 2px 2px 0;
}

input[type=text],
input[type=email],
input[type=password],
select{
    display: inline-block;
    height: 42px;
    width: 75%;
    padding: 1%;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid rgb(206, 206, 206);
    text-align: left !important;
}

input[type=radio]{margin-top: -3px; margin-left: 5px; margin-right: 5px;}
input[type=checkbox]{margin-top: -3px; margin-right: 5px;}

/* HEADER */

.above_header {padding: 0 0 15px 0; overflow:hidden;}


span.user_header {
  position:fixed;
  display: block !important;
  background-color: #24a6b2 !important;
  background-image:url(/theme_images/BBL-Bee-BlueBg.jpg);
  background-repeat: no-repeat;
  background-position: right 5% center;
  background-size: auto 75%;
  color: #fff;
  width: 110%;
  font-size: .85em;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 0px 5px 0px;
  margin: 0 -10% 0 -10%;
  text-align: center !important;
  line-height: 45px;
  z-index: 9999;
  }

.user_header a {
  display: inline-block;
  color: #fff;
  padding: 5px 5px 5px 5px;
  }

@media (max-width: 500px) {

	.entry-header .entry-title {
    font-size: 30px;
}

  .user_header a {font-size:10px !important;}
}

 .header_info {display:none}

  .header_top.container .cornerlogo {
    display: block;
    font-size: 2em;
    margin: 65px auto 30px auto!important;
    text-align: center;
    font-weight: bold;
   }

   .header_top.container h1:hover {
        opacity:0.8;
    }


@media (min-width: 768px) and (max-width: 991px) {

    .col-sm-4.col-xs-12 {width:40%;}


    .header_info.open{display:none; }

      .header_info p:first-of-type{
     font-weight:bold;
    }


}

@media (min-width: 850px) and (max-width: 991px) {

    .header_info{
    display:block;
    margin:65px 0 10px 0;
    padding:10px 0 10px 0;
    text-align:center;
    width: 19%;
    }

  .header_info p {
  font-size:1.2em;
  }
}

@media (min-width: 768px) and (max-width: 849px) {

    .header_info{
    display:block;
    margin:65px 0 10px 0;
    padding:5px 0 10px 0;
    text-align:center;
    width: 19%;
    }

  .header_info p {
  font-size:1.1em;
  }
}

@media (min-width: 992px) {

  .above_header .col-md-3 {float:right; padding: 0 0 0 0}

  span.user_header {
    position: relative;
  background: #4f3310 !important;
  line-height: 10px !important;
  width:100%;
  font-weight: bold;
  font-size: 0.7em;
  padding: 5px 10px 5px 10px;
  margin: 0 0% 0 0%;
  }


  .header_top.container {padding: 0 0 15px 0;}


  .header_top.container .cornerlogo {margin: 0px auto !important;}


  .header_info{
    display:block;
  padding:10px 0 10px 0;
  }

  .header_info p {
    margin: 5px 0 5px 0;
  text-align:right;
  font-size:1.3em;
  line-height:1em !important;
  }

  .header_info p:first-of-type{
     font-weight:bold;
  }

  .header_info.ship {
    background:url(images/truck.jpg) no-repeat 25px center;
    background-size:50px;
  }

  .header_info.return {
    background:url(images/refresh.jpg) no-repeat 25px center;
    background-size:50px;
  }

  .header_info.question {
    background:url(images/phone.jpg) no-repeat 25px center;
    background-size:45px;
  }

}


/* NAVIGATION */

.top_nav_full_width {background:#24a6b2;text-align:center;}

.top_nav_full_width li a {color: #fff !important;font-weight: 600;}
.top_nav_full_width li a:hover {}

.navbar-nav {
    float: left;
    margin: 0 0 0 -30px;
}

nav li {padding-bottom: 0px}

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.dropdown-menu {
  min-width: 200px;
}
.dropdown-menu.columns-2 {
  min-width: 400px;
}
.dropdown-menu.columns-3 {
  min-width: 600px;
}
.dropdown-menu.columns-4 {
  min-width: 900px;
}

.dropdown-menu li h4 {
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  color: #4f3310 !important
}

.dropdown-menu li a {
  padding: 5px 15px;
  font-weight: 400;
  color: #4f3310 !important
}

.multi-column-dropdown {
  list-style: none;
}
.multi-column-dropdown li a {
  display: block;
  clear: both;
  line-height: 1.428571429;
  white-space: normal;
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

@media (max-width: 992px) {
  
  /* Reset responsive Bootstrap elements */
    #navbar1 .navbar-header {
        display: block;
        position: relative;
        top: 2px;
        left: 15px;
        z-index: 999999999999999999999999999999999;
        width:35px;
    }

    #navbar1 .navbar-toggle {
        display: block;
    }

    #navbar1 .navbar-nav {
        float: none !important;
        margin: 57.5px -15px;
        height: 100%;
    }

    #navbar1 .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    #navbar1 .navbar-form {
        float: none !important;
        padding: 0;
    }

    #navbar1 .navbar-nav>li {
        float: none;
        text-align:left;
    }

      .top_nav_full_width {
        background: none;
        width:55px;
        border: none;
        border-radius:0;
        box-shadow: none;
        text-align: center;
        height: 10px;
        top:0;
        /* overflow:hidden; */
        position:fixed;
        z-index:9999;
      }


      #navbar1 .navbar-toggle {
      }

      .navbar-toggle {
        position: relative;
        float: left;
        margin-right: 115px !important;
        padding: 10px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #fff;
        background-image: none;
        border: 0px solid transparent;
        border-radius: 2px;
      }

      .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #fff !important;
      }

      .navbar-default .navbar-toggle .icon-bar {
        background-color: #24a6b2;
            display: block;
            width: 25px;
            height: 4px;
            border-radius: 3px;
        }

      .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
      }

    /* Reposition elements affected by the sliding menu */
    #wrapper {
        position: relative;
        left: 0;
        transition: left 0.35s ease;
    }

    #navbar1 .navbar-collapse {
      z-index: 999999999 !important;
      position: fixed;
      top: 0px;
      left: -90%;
      display: inline;
      width: 60%;
//      min-width: 280px;
      min-height: 100% !important;
      max-height:100% !important;
      height:100% !important;
      overflow:scroll !important;
      background: #24a6b2;
      margin: 0;
      transition: right 0.35s ease;
      border-right: 1px solid #e7e7e7;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
      border-color: #e7e7e7;
      border-top: 0px !important;
    }

    #navbar1 .navbar-collapse.collapsing {
        transition: left 0.35s ease;
    }

    #navbar1 .navbar-collapse.in {
        left: 0;
    }

    body.menu-slider.in {
        overflow: hidden;
    }

    body.menu-slider #wrapper {
        transition: right 0.35s ease;
    }

    body.menu-slider.in #wrapper {
        left: 80%;
    }

    .dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 400;
    color: #fff !important;
    }
    .dropdown-menu li h4 {
    font-family: 'Lato';
    font-weight: bold;
    color: #fff !important;
    }

}

  /* SMALL CONTAINER FIX FOR LEFT HAMBURGER*/
   @media (min-width:768px) and (max-width:992px) {
      .top_nav_full_width .container {
        margin-left:-15px;
      } 
   }

/* BELOW HEADER */

.belowHeader {
margin-top: -21px;
    display:inline-block;
    width: 100%;
margin-bottom: 20px;
background: url(/images/topbarbg.jpg) top center;
}

.belowHeader .btn-default {
  color: #fff;
  text-shadow: none;
  background: #24a6b2;
    height: 34px;
 }

.search-bar {
  display:block;
  padding: 13px 10px 13px 0px;
  height: 60px;
  background: #eee;
  }

.search-bar input{
  height: 34px;
  }

 @media (min-width:992px) {

.index_page .belowHeader  .search_left {width: 50%; margin-left:-30px;}
.index_page .belowHeader .search-bar {padding-left:30px}
.index_page .belowHeader  .promo_right {width: 50%; margin-left:-15px;}
.index_page .belowHeader  .promo_right div {margin-left: 30px;}

 }

.promo-popup {
  display: block;
  color: #000;
  line-height: 40px;
  font-size: 1.1em;
  font-weight: 600;
  background: #ffd11a;
  padding: 10px;
  text-align: center;
 }

 @media (max-width:992px) {
   .belowHeader .search_left {
     margin-left:0px;
     padding-left:15px;
     display:block;
     background: #eee;
    width: 100% !important;
    }

   .promo-popup {
     font-size: 1em;
  line-height: 25px !important;
  margin-left:-15px; margin-right: -15px;
  padding: 15px 30px 15px 30px 
   }

 }


/* HERO */

.hero {margin: 1em 0 1em 0;padding: 0 0 0 0}

.hero .container {}

.hero_wrapper {
  margin: 15px;
  display: block;
  overflow: hidden;
  background: #eeeeee;
  }

.hero_left img {padding: 15px 0;width: 100%}

.hero_left img {max-width:100%;}
.hero_right {color: #4f3310;}

.hero_right h2 {
  font-size: 2em;
  margin: 0em 0 .4em 0 !important;
}

.hero_right ul {
    list-style: none;
    padding:0 0 10px 0;
    margin:0;
}

.hero_right li { 
    font-size: 1em;
    line-height:1.3em;
    padding-left: 35px; 
    text-indent: -35px;
}

.hero_right li:before {
    content: "\2605";
    padding-right: 15px;
    color: #ec316e ; 
}

@media (min-width:992px) {

  .hero_left {overflow: hidden; margin-left: -15px}
  .hero_left img {padding: 0px 0 0 0;}

  .hero_right h2 {
  font-size:3.4em;
  line-height:1em;
  margin: 0.4em 0 .4em 0 !important;
  }

  .hero_right li {
    font-size: 1.4em;
    line-height:1.6em;
    text-indent: -20px;
    padding: 0 0 0 20px;
}

}

/* HOME PAGE */

.home_section_title {
  font-size: 3em;
  color: #24a6b2;
  text-align:center;
  margin-bottom: .5em !important;
}


.home_product {text-align:center; font-weight: bold; margin-bottom: 5px;}
.home_product img {width: 100%;}

.home_product p {margin-top: 0.5em}

@media (max-width: 992px) {
  .home_product:nth-child(2n+3) {clear: left;}
}

@media (min-width: 992px) {

  .home_product:nth-child(3n+4){clear: left;}
}

.home_product a {display:block;text-decoration: none;cursor: pointer;padding: 0 0 15px 0;}

.home_product a .category_product_name {display: block;padding: 5px 5px 0px 5px;/* min-height:55px; */}

.home_product s {display: block; padding: 5px 0 0px 0; color: red; font-weight: 992 !important;}

.productSpecialPrice, .price {display: block;padding: 10px 0 0px 0;color: #000;font-weight: 600 !important;}

.home_product a:hover, .home_product a:hover > p {text-decoration: none; color: #fff !important; cursor: pointer; background: #24a6b2; }

/* AS SEEN SECTION */

.asseen_footer {
  margin-top: 30px;
  background: #24a6b2;
  color: #fff;
  padding: 0 0 30px 0
  }


.asseen_footer .home_section_title {
  color: #fff;
}

.asseen_footer {
  padding: 30px 10px
}

.mags10across {
  padding: 30px 0px
}

.asseen_footer .col-xs-12:first-of-type{
  margin-bottom: 30px !important
}



/* TESTIMONIAL SECTION */

.testimonials_footer {}


.testimonial {display:block; margin-bottom: 3%; overflow:hidden}

.testimonial img {
  display:block;
  float: left;
  width: 20%;
  margin-right: 5%;
  }

.test-text {
  display:block;
  width: 75% !important;
  float:right;
  }

.test-name {margin-top: 5%}


/* SATISFACTION FOOTER */

.satisfaction_footer {padding: 3% 2% 3% 2%; text-align:center;}

.satisfaction_footer h3 {
  font-size: 2.5em;
  margin: 0 0 1% 0 !important;
  color: #fff
}

.satisfaction_footer p{
  font-size: 1.3em;
  color: #fff
}

/* CARDS FOOTER */
.cards_footer {padding: 3% 2% 3% 2%; text-align:center;}


/* FOOTER */

#site_footer {
    border-top: 1px solid rgb(206, 206, 206);
    border-bottom: 1px solid rgb(206, 206, 206);
    padding: 30px 0px;
}

#site_footer .col-md-4 {
  margin-bottom: 30px !important;
  overflow:hidden;
   max-width: 390px;
  margin: 0px auto
}

#site_footer ul {list-style:none}
#site_footer li{}
#site_footer li a{color: #4f3310;}
#site_footer li a:hover{color: #24a6b2; text-decoration:none}

.intouch_social.row {
 
  }

#site_footer h3 {
    color: #24a6b2;
    font-size: 1.4em;
    line-height: 1.3em;
    text-align: center;
}

.intouch_social li{
  font-size: 1.4em;

  }

.intouch_social i{
  font-size: 1.5em; display: inline-block;
  margin-right: .2em;
  vertical-align:middle
  }

#site_footer .question {text-align: center; font-size: 2em; margin-top: 4%; font-weight: 600}


.footer_newsletter p {
    text-align: center;
    font-weight:600;
    margin: 0px 0px 15px 0;
}

.footer_newsletter form {
    width: 100%;

}

.footer_newsletter form label {
    display: none;
}

.footer_newsletter form input {
    display: block;
    float:left;
    height: 42px;
    width:70%;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid rgb(206, 206, 206);
    border-radius: 2px 2px 2px 2px;
    padding: 8px 10px;
}


.footer_newsletter form button {
    color: #fff;
    cursor: pointer;
    height: 42px;
    min-height: 0px;
    vertical-align: middle;
    width:30%;
    background: #24a6b2;
    border: 1px solid #24a6b2;
    border-radius: 0 2px 2px 0;
    padding: 8px 12px 7px;
    transition: background-color 0.2s ease-out 0s;
}

.footer_newsletter form button:hover {
    color: #24a6b2;
    cursor: pointer;
    height: 42px;
    min-height: 0px;
    vertical-align: middle;
    width:30%;
    background: #fff;
    border: 1px solid #24a6b2;
    border-radius: 0 2px 2px 0;
    padding: 8px 12px 7px;
    transition: background-color 0.2s ease-out 0s;
}


footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.footer_copyright {text-align:center; padding: 3%;}


/* Overide boostrap small desktop query */
@media (min-width: 992px) {
  .container {
    width: 1170px !important;
  }
}

@media (min-width: 992px) {
  .container {
    width: 1170px !important;
  }
}

/* CATGEGORY PAGES */

ul.feat_ul {
    list-style: none; float: left;
    max-width: 500px;
    padding:20px 10px 10px 20px;
    margin:0 20px 20px 0;
    font-size: 1.2em;
    clear: right;
    background: #eaf7f8;
    display: block;
}

ul.feat_ul li { 
    font-size: 1em;
    line-height:1.3em;
    padding-left: 35px; 
    text-indent: -35px;
}

ul.feat_ul li:before {
    content: "\2605";
    padding-right: 15px;
    color: #ec316e ; 
}

.category_bullet {
  overflow: hidden;
  margin-top:10px;
  }

.category_bullet li{}


.social_proof {
  margin: 2em 0 1em -15px;
  padding: 0% 0 1% 0;
  text-align: center;
 }

.social_proof h3 {font-size:1em;font-family: 'Lato';color: #939598;margin-bottom: 7px !important;display:block;width: 150px;text-align: center;border-bottom: 1px solid #939598;line-height: 0.1em;margin: 10px 0 20px;} 

.social_proof h3 span { 
    background:#fff; 
    padding:0 10px; 
}

.social_proof img{margin: 0 0 0 0 !important; padding: 0 0 0 0 !important}

  img.sp_one {width: 100%;}
  img.sp_two {width: 99%;}

@media (min-width: 992px) {
  img.sp_one {width: 53%;float: left}
  img.sp_two {width: 47%; float: left}
  .social_proof h3 {
  margin-bottom:0px !important;}
 }

.cat_top .smallText {
  max-width: 12.5%;
  }

@media (min-width: 480px) {
.cat_top .smallText:nth-child(8n+9) {
  clear: left}
}


@media (max-width: 480px) {
  .cat_top .smallText {
  min-width: 25%;
  }

  .cat_top .smallText:nth-child(4n+5) {
  clear: left}
}


/* INDIVIDUAL PRODUCT PAGES */

.spacer.pname div {margin: 0.3em 0 1.1em 0 !important;}
.spacer.pname div div {margin: 0em 0 0em 0 !important;}

.productBox {
  margin-top:20px;
}
.productDetails p {
  line-height: 1.5em !important;
  margin-bottom: 0.5em;}

.productImage {
  margin: 0.67em 0 0.67em 0;
  }

.productImage img {width: 100%;height: auto;vertical-align: bottom;}

.productImage table {margin-top: 0.67em}
.productImage table td {border: 0 0 0 0 !important}

.productImageShare .share_b {
  font-size: 1.2em;
  padding: 10px;
  /*background: #3b5998;*/
  border: 1px solid #3b5998;
  width: 50%; float:left;
  text-align:center;
  /*color: #fff;*/
  color: #3b5998;
  font-weight:600;
  margin-bottom:10px;
  cursor: pointer;
}

.productImageShare .share_b.pin {
  /*background: #c8232c;*/ 
  border: 1px solid #c8232c;
  color: #c8232c;
}

.productImageShare .share_b:hover{text-decoration:none; background: #3b5998; color: #fff}
.productImageShare .share_b.pin:hover {background: #c8232c;}

.productImageShare .share_b i {padding-right:5px}

@media (max-width: 500px) {
  .productImageShare .share_b {
  font-size: .8em;}
}

.smallText {
  max-width: 14.2%;
  display:inline-block;
  float:left;
}

.smallText .thumbnail br{display: none}

.smallText .thumbnail img {margin-bottom: 0.5em;}

.smallText .thumbnail {line-height: 1em; font-size: 0.9em}

.productImage .col-xs-2 {
  padding-top: 10px;
    width: 20%;
}

.productImage .col-xs-2 a {padding: 0}


.thumbnail{
position: relative;
z-index: 0;
cursor: pointer;
border: none;
 -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.075);
    box-shadow: 0 0px 0px rgba(0,0,0,0.075);
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail>img {width: 100%}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #eeeeee;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail:hover span{

/*CSS for enlarged image on hover*/
visibility: visible;
top: -260px;
left: 0px;
/*position where enlarged image should offset horizontally */
padding: 5px;

}

.thumbnail span img{
/*CSS for enlarged image*/
border-width: 0;
min-width: 300px;
width: 300px;
max-width:100%;
}

@media (max-width: 768px) {
.thumbnail:hover span{
  display: block !important;
  position:fixed;
  width: 70%;
  left: 15%;
  top: 0%;
  margin: 50px auto auto auto!important;
  z-index:999999999;
 }

.thumbnail span img{
  /*CSS for enlarged image*/
  border-width: 0;
  padding: 2px;
  min-width: 100%;
  max-width:100%;
  }
}


.productDetails input[type=text] {
  width: 100%;
  margin: 0.3em 0 1em 0;
  }

.productDetails .description {margin-top: -0.7em}

.productDetails select {
  width: 100%;
  margin: 0.3em 0 1em 0
  }

.gray-box {background:#eaf7f8;padding:15px;margin-bottom:15px}
.gray-box h4{margin: 0 0 0 0px !important}

.under_product a {min-height: 50px !important; display: block; margin-top: 10px;}


.productDetails input[type=submit] {
    margin: 0.2em 0 0em 0;
    border: 1px solid #EC316E;
    font-size: 2em;
    width: 100%;
    padding: 0.4em 1em 0.4em 1em;
}

/* CART */

.satis_left {float:left; padding: 0 20px 20px 0}
.satis_right {padding: 20px 0px 20px 0}

.cart_name {line-height: 25px;}


.cart_border {
  overflow:hidden;
  border-left:1px solid #aaa;padding:20px 20px 20px 10px;
  border-right:1px solid #aaa;padding:20px 20px 20px 10px;
  border-bottom:1px solid #aaa;padding:20px 20px 20px 10px;
}

.cart_border:first-of-type {
  border: 1px solid #aaa;padding:20px 20px 20px 10px;
}

.cart_total label{margin-top: 0.8em}

.cart_update {text-align: right !important;}

.cart_update label input{margin-top: -0.1em; margin-left: 0.5em}

.below_cart {margin: 1em 0 0.5em 0}
.below_cart input[type="submit"]{display:none}
.below_cart_total {float: right;  font-weight: bold;}

@media (max-width: 992px) {
  .cart_total  {margin-top: 10px;clear: left;}
  .cart_update {margin-top: 10px;}
  .below_cart_total {
    float: none;
    display: block;
    clear:left}

  .update_cont .button.b_white {text-align: center;width: 100%; margin: .1em 0 0 0}
}


.headererror{
  font-size: 16px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
  background: #ff0000;
}

/* STACK WARNINGS AND RELATED */

.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 10px}
.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #ffb3b5; padding: 10px}
.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 16px; background-color: #99ff00; padding: 10px }


/* LOGIN AND ACCOUNT AND CHECKOUT PAGES */

.return_cust {margin-bottom: 20px}

.return_cust label {
  display:block; width: 20%; display:inline-block; margin-top: 1.5em;}

.return_cust input[type="text"],
.return_cust input[type="password"] {
    display:inline-block;
    height: 42px;
    width: 75%;
    padding: 1%;
    max-width: 100%;
    vertical-align: middle;
    border: 1px solid rgb(206, 206, 206);
    text-align:left !important;
    }

.return_cust input[type="submit"] {width: auto; margin-top: .5em;}

  .login_logoff .col-xs-12{margin-top: 0.5em}
  .login_logoff .col-xs-12 label {width: 100%}
  .login_logoff .col-xs-12 a,
  .login_logoff .col-xs-12 input {width: 100% !important; text-align: center}



@media (max-width: 500px) {
    .col-md-6.col-xs-8.login_logoff.col-md-offset-1,
    .col-md-4.col-xs-4.login_right {width: 100%}
  
}


.login_button {
  cursor:pointer;
  color:#24a6b2;
  font-size: 13pt;
  font-weight:bold;
  text-decoration:underline;
  transition: all 0.5s ease;
  }

.login_button .login_arrow {padding-left: 0px}


.login_button .login_arrow i {
  transition: all 0.5s ease;
  font-size: 0.9em
  }

.login_button .login_arrow.l_active i {
  transition: all 0.5s ease;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  }

.login_form {
  min-height:1px;
  height:1px;
  transition: all 0.5s ease;
  overflow:hidden !important;
  }


.login_form.l_active {
  display:block;
  min-height:200px !important;
  height:300px;
  transition: all 0.5s ease;
  overflow:hidden !important;

  }


  .login_right_box {
    list-style: none;
    float: left;
    padding: 10px 20px 10px 20px;
    margin: 0 0px 20px 0;
    background: #fff;
    display: inline-block;
}

.login_right_box h3 {color: #24a6b2;}


.checkout .progress {display:block;clear: both;padding: 10px 0px 30px 0;background: none;box-shadow: none;height: auto;}

.progress_bar {display: inline-block; opacity: 0.8; color: #24a6b2; }
.progress_bar.previous {opacity: 0.5; font-weight: bold;}
.progress_bar.current {opacity: 1; font-weight: bold; font-size: 1.1em}
.progress_arrow {padding: 0 10px 0px 10px;  font-weight: bold}

.col-md-6 .progress {font-size: 0.9em}

.checkout input[type="radio"] {float: left; margin: 3px 10px 0 0}

.checkout h2 {display:block; margin: 20px 0 10px 0!important}
.checkout h2:first-of-type {display:block; margin: 0px 0 10px 0!important}


.radio_check {
  display: block;
  margin: 0px 0 10px 0;
  font-weight: bold;
  padding: 15px 10px 15px 10px !important;
  border: 1px solid lightgrey;
  cursor: pointer;
  }

.checkout_shipping .radio_check {padding-top: 5px !important;}


.checkout_payment .radio_check {
  background: #ffd11a;
}

.checkout_payment .radio_check img {
  vertical-align:middle!important;
  margin-top: -5px;
  margin-bottom: -5px;
  max-height:25px;
  margin-left:5px;
}

.checkout_payment .radio_check:first-of-type img
{margin-top:-1px}

.checkout_payment select {width: auto}


.radio_check:hover {background: lightgrey}

 .checkout input[type="radio"]:checked {}
 
.checkout_payment p input,
.checkout_payment p select,
.checkout_payment p textarea
{margin-top:-15px}

.checkout_payment textarea {margin-bottom: 15px}

.billing_form p,
.checkout p, .account p, .pages p, .pages ul, .pages ol {
  padding-top: 0.8em;
  line-height: 1.8em !important;
  }

.billing_form input{max-width: 100%}

.inputRequirement.pullRight {
  margin-left: 0px;
  float: right;
 margin-top:0px;
    position: relative;
}

.top_bill_ship {width: auto !important;}


@media (max-width: 500px) {

.radio_check {
  font-size: 12px;
  }

  .billing_form .col-xs-3 p{font-size: 0.5em;}

  .billing_form p,
.checkout p, .account p, .pages p, .pages ul, .pages ol {
  padding-top: 0.8em;
  line-height: 1.8em !important;
  }
}


.checkout iframe{max-width: 100%; margin-top:0.5em}

.checkout_payment p input[type=radio] {
    margin-top: 6px; text-align:bottom;
}

.checkout_payment p img {vertical-align:middle}
.checkout_payment p input[type="radio"] {margin-top:4px}

.cc_exp, .cc_check {
    min-width:210px;
    width: auto;max-width: 50%; float: left; margin-right: 3%;}

.cc_check {clear: right !important; min-width:190px;}

.cc_check input {width: auto !important; padding: 10px;}

.inputRequirement {position: absolute;/* right:20px; */margin-top: -5px;}

.account input {width: 96%;}

.account input[type=checkbox], .account input[type=radio] {width: auto}

#shipping_table th { font-weight:bold;background-color:#EEEEEE;font-family:Arial;font-size:12px; }
#shipping_table th, #shipping_table td { padding:2px;border:1px solid #D6D6D6 }
#static_shipping_info { font-weight:bold;margin-bottom:10px;font-family:Arial;font-size:12px; }
.boldHeading{font-family:Arial;font-size:14px;font-weight:bold;margin-bottom:0px;}


.check_products_mob_button .show,
.check_products_mob_button .hide
 {display: none !important}

.check_products_mob_button .show.c_active,
.check_products_mob_button .hide.c_active {
  display: inline !important
  }


.check_products_mob_button {
  background: #eee;
  padding: 15px;
  margin-bottom: 15px;
  font-size: 1.2em;
  border-top: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  cursor: pointer;
  }

.check_products_mob_button span {
  display: inline-block !important;
}

.check_products_mob_button span i {
  color: #ec316e;;
  margin-right: 10px;
}

.check_products_mob_button .total_price {
  float: right
}


.right_product {text-align: right; font-weight: bold; background: #eeeeee; padding:10px; margin-bottom: 10px}
.right_product p, .right_product .product_right_small{display:block; text-align: left; font-weight: normal}
.product_right_small {margin: 0 0 5px 0 !important; width: 100%;}

.subtotal {text-align: right; font-size: 1.5em}
.total {text-align: right; font-size: 1.5em}

.subtotal h3 {color: #24a6b2;}

@media (min-width: 992px) {
    .check_products_mob_button {display:none;}
    .c_right {float:right }
    .c_left {float:left}
}

@media (max-width: 992px) {
   
   .c_right {margin-bottom: 20px;}

    .orders_summary {
      max-height:1px;
      overflow:hidden;
      transition: all 1s ease;
    }

    .orders_summary.c_active {
    max-height:4000px;
    height:auto;
    overflow:hidden;
    transition: all 1s ease;
    padding-bottom: 20px;
   }

}

/* ACCOUNT HISTORY */

.account p {margin: 0 0 0 0; padding: 5px 0 0 0}

.product_small {
    display: block;
    text-align: left;
    font-weight: normal;
}

.account_price {margin: 5px 0 10px 0; color: #24a6b2; }


/* INFO FAQ */

.infofaq {line-height: 1.5em}

.infofaq td{padding-bottom: 10px;} 

.infofaq b{display:inline-block; padding: 0px 0 5px 0;} 
.infofaq a{display:inline-block; padding: 2px 0 2px 0;} 

.infofaq a.button {padding: 0.5em 1em 0.5em 1em;}

@media (max-width: 480px) {

  .infofaq table {margin-left: 0 !important}
  
  .infofaq td{
    display: none;
    width: 100%;
    }

  .infofaq td.main {
    display:block
    } 

}

/* FONT SELECTION */

.font_grid_item {margin-bottom:0.5em;}

@media (max-width: 992px) {
  .font_grid_item:nth-child(2n+4)
  {clear: left;}
}

@media (min-width: 992px) {
    .font_grid_item:nth-child(3n+5)
   {clear: left;}
}

/* ALSO PURCHASED SECTION */

.purchased_grid_item {margin-bottom:0.5em;}

@media (max-width: 992px) {
  .purchased_grid_item:nth-child(2n+4)
  {clear: left;}
}

@media (min-width: 992px) {
    .purchased_grid_item:nth-child(3n+5)
   {clear: left;}
}


.pin_image {position: absolute; max-width: 20%}
.p_left {left:10px; top: 10px}
.p_right {right:10px; bottom: 10px}
.fb_left {left:10px; bottom: 10px}
.fb_right {right:10px; bottom: 10px}

/* Wedding Dress Hankies page */

.hanky_top_image{
  position: relative;
  float: none;
  display:block;
  margin: 0px auto;
  width: 90%; max-width: 650px;
  }

.hanky_top_image{text-align:center;}

.wedding_dress_hankies ul, .wedding_dress_hankies ol {margin-top: 10px;}

.figures img {width: 100% !important}

.figures .col-md-3.col-xs-6 {margin-bottom: 10px}

.signup_bottom {background: #eeeeee; display:block !important;
  margin: 50px 0 20px 0; overflow:hidden; padding: 10px}

.signup_bottom h2 {color:#24a6b2; line-height: 1.3em;}

.signup_bottom img {width: 100%}

.sb_book_mob {display:none}

@media (max-width: 500px) {
  .sb_book,
  .sb_form {
    width: 100%;
}
.sb_book {display:none}
.sb_book_mob {float:none !important;display:block !important;
              max-width: 400px; margin: 0 0 20px -15px !important}
} 

.wedding_dress_hankies input, 
.wedding_dress_hankies input[type=submit]  {width: 100% !important;}

.fold_step:nth-child(odd){clear: left;}


/*Product Reviews*/
.product_review {background: #eeeeee; padding:10px; margin-bottom: 10px}

/*Press Page*/
@media (max-width: 768px) {
  .press_cover:nth-child(2n+3) {clear: left;}
}

@media (min-width: 768px) {
  .press_cover:nth-child(3n+4){clear: left;}
}

/*Craft Page*/
@media (max-width: 992px) {
  .craft_step:nth-child(2n+3) {clear: left;}
  .craft_product:nth-child(2n+3) {clear: left;}
}

@media (min-width: 992px) {

  .craft_step:nth-child(4n+5){clear: left;}
  .craft_product:nth-child(3n+4){clear: left;}
}






/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
   SOURCE: http://www.smartmenus.org/download/
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {
  position: absolute;
  right: 0;
  margin-top: 6px;
  margin-right: 15px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
  padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
  position: absolute;
  right: 0;
  margin: -3px 15px 0 0;
  padding: 0;
  width: 32px;
  height: 26px;
  line-height: 24px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
  content: '+';
  font-family: monospace;
  font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
  content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
  padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
  position: static;
  margin: 0 0 0 2px;
  padding: 0;
  width: 0;
  height: 0;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-bottom: 0;
  border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
  content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
  padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  height: 20px;
  overflow: hidden;
  text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-top: 7px dashed transparent;
  border-right: 7px dashed transparent;
  border-bottom: 7px solid;
  border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
  top: 6px;
  border-top: 7px solid;
  border-right: 7px dashed transparent;
  border-bottom: 7px dashed transparent;
  border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
  padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
  padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
  padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
  white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
  white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
  white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
  left: 0;
  right: auto;
}



/* NEW SIDEBAR STYLES */

#sidebar_signup {border: 1px solid #24a6b2; padding: 0px 10px; }

#sidebar_signup p{
   font-size:15px; line-height: 22px; padding-top: 1px;
}

#sidebar_signup strong {color: #24a6b2;}

#sidebar_signup h2, #sidebar_signup h3{
   display:block; margin:0px 0 5px 0; font-size: 30px; text-align: center; color: #fff; background: #24a6b2; padding: 10px
}

#sidebar_signup .signup_sub {font-size: 25px; text-align: center; margin: 10px 0px 0px 0px; width: 100%; display:block; clear: both}

#sidebar_signup img {padding: 0px 10px 0px 0px; width: 160px; margin: -7px 0 0 0 }

#sidebar_signup label {margin-bottom:5px;}

#sidebar_signup input {max-width: 180px; font-size: 15px; margin: 0px 0; }

#sidebar_signup input[type=submit] {
	max-width: 120px; padding: 9px;
    margin: 0 0 0 0 !important;
    color: #fff;
    cursor: pointer;
    background: #EC316E;
    border: 1px solid #EC316E;
    font-size: 1em !important;
    padding: 0.5em 1em 0.5em 1em !important;
    transition: background-color 0.2s ease-out 0s;
    height: auto !important;}



.featured_link {
  width: 100%; overflow: hidden; float: left;  text-align:left; padding: 10px; min-height: 30px;}
  
a.featured_link:hover {cursor: pointer;background: #C8E8EB !important;}


.featured_link span.feat_img {display: inline-block; width: 30%; float: left; clear: none; overflow: hidden; padding: 0px 10px 0 0;}

.featured_link h3 {
  display: inline-block;
  max-width: 60%;
  font-size: 20px;
  /* color: #0c8442; */
 }

.no-js img.lazy {
    display: none;
}

.book_image{
  float:right;
}