/*
Theme Name:     Hartley Berg WordPress Theme 2025-03
Theme URI:      http://hartleyberg.com/
Description:    Theme for the Hartley Berg Brand Management Services website; child theme for the Twenty Fifteen theme
Author:         Paul Novitski
Author URI:     http://juniperwebcraft.com/
Template:       twentyfifteen
Version:        0.1.0

	NOTE:
		All styles are located in style2.css.
		This file currently exists only to declare the parent theme.
*/

/*
	Media queries used by the twentyfifteen parent theme:
@media screen and (min-width: 38.75em)
@media screen and (min-width: 46.25em) 
@media screen and (min-width: 55em) 
@media screen and (min-width: 59.6875em) 
@media screen and (min-width: 68.75em) 
@media screen and (min-width: 77.5em) 
@media screen and (min-width: 87.6875em) 
@media print 
*/
/*
@import 'style-twentyfifteen.css';
*/


*
{
	font-family: Verdana, sans-serif;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	word-wrap: break-word;
}
html
{
	font-size: 100%;
}
body
{
	font-family: Verdana, sans-serif;
	font-size: 1em;
}
body:before
{
		background-color: transparent;
}
a
{
	color: #333;
	text-decoration: none;
}
a:hover,
a:focus
{
	color: #C00000;
}
/* new link styling 2024-03-06 */
.entry-content p > a
{
	color: darkblue !important;
	border-bottom: 1px dashed darkblue !important;
	text-decoration: none;
}
.entry-content p a:hover,
.entry-content p a:focus
{
	color: blue;	/* !important;*/
	border-bottom: 1px solid blue !important;
	text-decoration: none;
}
a abbr[title]
{
	cursor: pointer;
}
/*
a[href$=".pdf"]::after
{
}
*/
.aligncenter
{
	text-align: center;
}
strong
{
	font-weight: bold;
}
em
{
	font-style: italic;
}

.site-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6
{
	line-height: 1.3;
	margin-top: 0;
	margin-bottom: .6em;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

.site-content h1.entry-title,
body.page_title_about .post_title
{
	line-height: 1.3;
	margin-bottom: .2em;
	margin-bottom: 0;
	text-align: center;
}
.site-content h1.entry-title span
{
	white-space: nowrap;
}
.clearleft
{
	clear: left;
}
.clearright
{
	clear: right;
}
.clearboth
{
	clear: both;
}
h4.clearnone,
.clearnone
{
	clear: none;
}
.core_values li.hentry
{
	margin-top: .5em;
	padding-top: .5em;
	padding-bottom: 0;
}
.core_values
{
	padding-bottom: 1.5em;
}
html body .entry-content p a.imagelink
{
	border-bottom-width: 0;
}

/*--------------------
site identity: logo + company name + tagline
--------------------*/
.site-header
{
	width: 100%;
	padding: 0;
	background-color: transparent;
}
.site-title
{
	font-family: inherit;
	font-size: 1.15em;
	font-weight: normal;
	line-height: 1.0;
	margin-bottom: 0;
}
.site_identity
{
	width: auto;
	margin-bottom: 25px;
	padding: 15px 0;
	border: none;
	text-align: center;
	background: transparent;
}
.site_identity .site-title
{
	line-height: 1.3;
	margin: .2em auto 0 auto;
	padding: 0;
	font-family: "Lucida Calligraphy", "Apple Chancery", Pristina, cursive;
	font-size: 1.6em;
}
.site_identity .site-title span
{
	font-weight: bold !important;
}
.site-description
{
	display: block;
}
.site_identity .text
{
	margin-top: .2em;
	font-size: .85em;
	text-align: center;
}
.site_identity .text p
{
	line-height: 1.65;
	margin: 0 auto;
	padding: 0;
}
.site_identity .tagline1
{
	font-size: 0.95em;
	font-weight: bold;
	font-style: normal;

}
.site_identity .tagline1 span
{
	white-space: nowrap;
}
.site_identity .tagline2
{
	font-size: 0.9em;
	font-style: italic;
}
sidebar .site_identity .tagline1
{
	font-size: 0.8em;
	font-weight: bold;
}
sidebar .site_identity .tagline2
{
	font-size: 0.75em;
	font-style: italic;
}

/*
.site_identity .sitetitle2
{
	display: block;
	font-size: 1.2em;
}
.site_identity .sitetitle3
{
	white-space: nowrap;
}
.site_identity .tagline
{
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	color: #C00000;
}
*/
.site_identity a
{
	border: none;
	text-decoration: none;
	outline: none;
	color: #B21A00;
	color: #000;
}
.site_identity:hover a,
.site_identity a:hover,
.site_identity a:hover span
{
	color: #C00000;
}
body.home #masthead .site_identity
{
	display: none;
}
body.home .site_identity
{
	font-size: 1.5em;
}
.site_identity button
{
	color: #fff;
}

#masthead-image
{
	width: 100%;
}
/*body.home #masthead-image,*/
body.page_title_about #masthead-image
{
	display: none;
}
#masthead-contact-section
{
	cursor: pointer;
}
#masthead-contact-section section
{
	position: relative;
}
#masthead-contact-section .hide
{
	display: none;
}
#masthead-contact-section a
{
	display: block;
	position: absolute;
	top: .5em;
	right: 1em;
	font-size: 1.5em;
	text-decoration: none;
	color: #fff;
}
#masthead-contact-section:hover a
{
	font-weight: bold;
	color: #FD5231;
	border-color: #FD5231;
}
#masthead-contact-section img
{
	width: 100%;
}

/*--------------------
sidebar: identity + main menu
--------------------*/
@media screen and (min-width: 55em)
{
	#sidebar
	{
		margin-top: 25px;
		background-color: #fff;
		background-color: rgba(255,255,255,.9);
		color: #000;

		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
	}
}
/*
#DEPRECATED .site-header
{
	/ * Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fa3623+0,fa3623+100&1+0,0.2+0,0.05+60,0+100 * /
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,54,35,0.2) 0%, rgba(250,54,35,0.05) 60%, rgba(250,54,35,0) 100%); / * FF3.6-15 * /
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,54,35,0.2) 0%,rgba(250,54,35,0.05) 60%,rgba(250,54,35,0) 100%); / * Chrome10-25,Safari5.1-6 * /
	background: radial-gradient(ellipse at center,  rgba(250,54,35,0.2) 0%,rgba(250,54,35,0.05) 60%,rgba(250,54,35,0) 100%); / * W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33fa3623', endColorstr='#00fa3623',GradientType=1 ); / * IE6-9 fallback on horizontal gradient * /
}
*/
/*
.site-title
{
	font-family: inherit;
	font-size: 1.15em;
	font-weight: normal;
	line-height: 1.0;
	margin-bottom: 0;
}
.site_identity
{
	width: auto;
	margin-bottom: 25px;
	padding: 15px 0;
	border: none;
	text-align: center;
	background: transparent;
}
.site_identity .logo
{
	line-height: 1.0;
	margin: .2em auto 0 auto;
	padding: 0;
	font-family: "Lucida Calligraphy", "Apple Chancery", Pristina, cursive;
	font-size: 1.3em;
}
.site_identity .text
{
	margin-top: .2em;
	font-size: .75em;
	text-align: center;
}
.site_identity .text p
{
	line-height: 1.3;
	margin: 0 auto;
	padding: 0;
}
.site_identity .sitetitle
{
	font-size: 1.4em;
	text-transform: uppercase;
}
.site_identity .sitetitle1
{
	display: block;
	font-size: 1.3em;
	text-transform: uppercase;
}
.site_identity .sitetitle2
{
	display: block;
	font-size: 1.2em;
}
.site_identity .sitetitle3
{
	white-space: nowrap;
}
.site_identity .tagline
{
	font-size: 1.4em;
	font-style: italic;
	font-weight: bold;
	color: #C00000;
}
.site_identity a
{
	border: none;
	text-decoration: none;
	outline: none;
	color: #B21A00;
	color: #000;
}
.site_identity:hover a,
.site_identity a:hover,
.site_identity a:hover span
{
	color: #C00000;
}

body.home #masthead
{
	display: none;
}
body.home .site_identity
{
	font-size: 1.5em;
}
*/
/* Dashicons markup */
/*
<span class="dashicons dashicons-menu"></span>
*/
.secondary-toggle:before,
.secondary-toggle.toggled-on:before
{
	color: #333;
	font-family: none;
	/* content: "\f419"; Genericons - deprecated */
	content: "\f333"; /* Dashicons menu icon */
	line-height: 40px;
	width: 40px;
}

.secondary-toggle
{
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	background-color: #ccc;
	color: white;
}
.secondary-toggle.toggled-on:before
{
	background-color: black;
	color: white;
}
.secondary-toggle:hover,
.secondary-toggle:focus
{
	border: 1px solid rgba(51, 51, 51, 0.3);
	outline: 0;
	background-color: black;
	color: #fff !important;
}
.secondary
{
	clear: both;
}
.site-branding
{
	padding-right: 0;
}
.secondary-toggle
{
	display: none;
	background-color: #ccc;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}
.menu-toggle
{
	display: inline-block;
	line-height: 40px;
	width: 40px;
	padding: 10px;
	background-color: transparent;
	color: black;
}
/*
.menu-toggle:before,
.menu-toggle.toggled-on:before
*/
/*--------------------
menu toggle
--------------------*/
.menu_toggle
{
	display: none;
/*
	display: block;
	content: "\f333"; /* Dashicons menu icon * /
	background-color: transparent;
	color: black;
	color: #333;
*/
}
.Xmenu_toggle:hover
{
	color: #999;
	background-color: #eee;
}

/* nav menu toggled on */
.menu_toggle_on .nav-menu
{
	display: block;
	position: absolute;
	max-width: 100%;
	margin-top: .1em;
	margin-left: -.5em;
	padding: .5em;
	border-radius: .25em;
	background-color: #A7DDDD; /* paler teal */
	opacity: .95;
}
header .menu_toggle_on .nav-menu nav
{
	font-size: 1.2em;
	background-color: #A7DDDD; /* paler teal */
	opacity: 1;
}
header .menu_toggle_on .nav-menu nav a,
header .menu_toggle_on .nav-menu nav span
{
	display: block;
}
header .menu_toggle_on .nav-menu nav a:hover
{
	color: #993300; /* dark red */
}
header .menu_toggle_on .nav-menu nav .current
{
	color: #993300; /* dark red */
	cursor: default;
}
header .menu_toggle_on .nav-menu .divider
{
	height: 1px;
	margin: 5px 0;
	background-color: #006666; /* teal */;
}

/*
/ * for phones & other narrow displays * /
@media (max-width: 600px)
{
	.main-header
	{
		gap: 15px;
	}
	.main-header .logo
	{
		font-size: 1.7em;
	}
	.main-header .site-nav
	{
		width: 30px;
	}
	.main-header .site-nav .nav-icon
	{
		width: 30px;
		margin-top: 1.0em;
	}
	.main-header .site-nav .nav-icon .yang3,
	.main-header .site-nav .nav-icon .yang2,
	.main-header .site-nav .nav-icon .yang1
	{
		height: 5px;
		margin: 5px 0;
	}
	.menu_toggle_on .yang3
	{
		-webkit-transform: rotate(-45deg) translate(-15px, 15px);
		transform: rotate(-45deg) translate(-15px, 15px);
	}
	.menu_toggle_on .yang1
	{
		-webkit-transform: rotate(45deg) translate(-6px, -6px);
		transform: rotate(45deg) translate(-6px, -6px);
	}	header .menu_toggle_on .nav-menu nav
	{
		font-size: .8em;
	}
}
*/
/* for wide displays */
@media (min-width: 800px)
{
	.menu_toggle
	{
			display: none;
	}
}



button.menu-toggle:hover
{
	color: green;
}
button.menu-toggle.hide,
#site-navigation.hide
{
	Xdisplay: none;
}

/*--------------------
TEMPORARY nav menu exceptions
--------------------*/
/* LeBeau */
html body .nav-menu li#menu-item-3221,
/* BCMA */
html body .nav-menu li#menu-item-516
{
	display: none;
}

/*--------------------
--------------------*/
@media screen and (max-width: 55em)
{
	#sidebar,
	#sidebar .site-branding a
	{
		top: 1em;
		right: 1em;
		z-index: 10;
	}
	.site_identity
	{
/*		display: none; */
		margin-bottom: 0;
		padding-bottom: 0;
	}
	.site_identity .tagline2
	{
		font-size: 0.8em;
		font-style: italic;
	}
	#content
	{
		margin-top: .6em;
	}
}
/*--------------------
identity header for portrait phone
--------------------*/
@media screen and (max-width: 38.75em)
{
	.site_identity .site-title
	{
		font-size: 1.8em;
	}
	.site_identity .taglines
	{
		display: none;
	}
	.secondary-toggle
	{
		top: 0;
	}
}

/*--------------------
body - page content
--------------------*/
article,
article .entry-header,
body.page_title_about article .post_title_wrap
{
	-webkit-border-radius: 1em 1em 0 0;
	-moz-border-radius: 1em 1em 0 0;
	border-radius: 1em 1em 0 0;
}
xbody.page_title_home .post-thumbnail img
{
	-webkit-border-radius: 1em 1em 0 0;
	-moz-border-radius: 1em 1em 0 0;
	border-radius: 1em 1em 0 0;
}
body.page_title_home .post-thumbnail,
body.page_title_home .post-thumbnail img
{
	border-color: black;
}
img.full_width
{
	width: auto;
	position: relative;
	left: 0;
}
body .entry-header,
body.page_title_about .post_title_wrap
{
	width: 100%;

	color: #222;
	text-align: center;

	background: white; /* For browsers that do not support gradients */
	
	/*
	background: -webkit-linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0));
	background: -o-linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0)); 
	background: -moz-linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0)); 
	background: linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0)); 
	*/
}
/* suppress the text header when requested (when the page logo conveys the title adequately) */
body.hbbms_suppress_title-1 .entry-header .entry-title,
body.hbbms_suppress_title-1.page_title_about .post_title_wrap
{
	display: none;
}
/* overlay title on top of featured image? */
body.hbbms_overlay_title-1 .entry-header,
body.hbbms_overlay_title-1.page_title_about .post_title_wrap
{
	position: absolute;
	z-index: 1;
	
	background-color: white;
	/*
	background: -webkit-linear-gradient(75deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,.85), rgba(255,255,255,.5), rgba(255,255,255,0)); 
	background: -o-linear-gradient(75deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,.85), rgba(255,255,255,.5), rgba(255,255,255,0)); 
	background: -moz-linear-gradient(75deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,.85), rgba(255,255,255,.5), rgba(255,255,255,0)); 
	background: linear-gradient(75deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,.85), rgba(255,255,255,.5), rgba(255,255,255,0)); 
	*/
}

#main article.hentry
{
	clear: left;
	padding-top: 0;
}
body.page_title_home #main article.hentry
{
	padding-top: 0;
}
/*--------------------
identity (instance of this client's own name in text, marked up with span.identity or a shortcode such as [hbbms])
--------------------*/
span.identity
{
}
span.identity .hb,
span.identity.hb,
span.identity.first .hb
{
	font-family: "Lucida Calligraphy", "Apple Chancery", Pristina, cursive;
}
span.identity.first .hb
{
	font-size: 1.1em;
	font-weight: bold;
}
body.hbbms_first_line_class-1 .site-main .entry-content p:first-child span.identity.first
{
	font-weight: normal;
}
body.hbbms_first_line_class-1 .site-main .entry-content p:first-child span.identity.first .hb
{
	font-size: 1.1em;
	font-weight: bold;
}
/*--------------------
HB bulleted list
--------------------*/
ul.hb_bullets
{
	margin-left: .5em;
	list-style-type: none;
}
ul.hb_bullets > li
{
	margin-left: 2.3em;
	text-indent: -2.3em;
}
ul.hb_bullets > li:before
{
	content: "HB ";
	margin-right: .1em;
	font-family: "Lucida Calligraphy", "Apple Chancery", Pristina, cursive;
	font-weight: normal;
	font-size: .95em;
	color: #c00000;
}
ul.hb_bullets ul
{
	list-style-type: circle;
}
ul.hb_bullets ul li
{
	padding-left: 2.5em;
}
/* mobile fix to help align text left margin */
@media screen and (max-width: 1000px)
{
	ul.core_values > li
	{
		margin-left: 2.3em;
		text-indent: -2.4em;
	}
}


/*--------------------
footer etc.
--------------------*/
footer.site-footer
{
	display: none;
}

@media screen and (min-width: 59.6875em)
{
	.site-main
	{
		padding: 25px 0 50px 0;
	}
}

.entry-content,
.entry-summary,
body.page_title_about .entry-content
{
	padding-right: 3%;
	padding-left: 3%;
}
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a
{
	border-bottom: 1px dotted #555;
	color: #555;
	text-decoration: none;
}
.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.pingback .comment-body > a:hover
{
	border-bottom: 1px solid #C00000;
	color: #000;
	color: #C00000;
	text-decoration: none;
}
blockquote
{
	position: relative;
	margin: 1.1em 0 1.6667em 0;
	padding: 1.5em 1.5em 1.5em 3.1em;
	font-size: 1em;
	color: #333;
	border: 3px solid #bbbbbb;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
}
blockquote:before
{
	position: absolute;
	top: -.15em;
	left: -.275em;
	left: -.24em;
	height: .35em;
	line-height: .8;
	padding: 0;
	padding-right: .15em;
	content: "“";
	font-size: 9em;
	font-family: serif;
	letter-spacing: -.07em;
	background-color: #fff;
	color: #C00000;

	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
}
@media screen and (max-width: 38.75em)
{
	blockquote:before
	{
		left: 0;
	}
}
blockquote.borderless
{
	padding: 0;
	border: none;
}
blockquote.quotesless:before
{
	display: none;
	content: "";
}
blockquote.noquotes:before
{
	content: "";
	width: 0;
	height: 0;
	left: -1000em;
}
blockquote.fancy p
{
	font-family: "Lucida Calligraphy", "Apple Chancery", Pristina, cursive;
	font-size: 1.3em;
	font-style: normal;
}
blockquote p
{
	margin: 0 0 .6em; 0;
}
.entry-content blockquote h2,
.entry-content blockquote p.intro
{
	line-height: 1.5;
	font-size: 1.25em;
	font-style: italic;
}
.entry-content blockquote p.intro em
{
	font-style: normal;
}
.entry-content blockquote p cite
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	white-space: nowrap;
}
/*
<p class="cite">&ndash; Marianne Williamson</p>
 <cite>&ndash; Marianne Williamson</cite>
*/
blockquote p.cite
{
	margin-top: -0.3em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	text-align: right;
}
blockquote p.afterword
{
	margin-top: 0.5em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-style: italic;
}
blockquote strong
{
	font-weight: bold;
}
blockquote em
{
	font-style: italic;
}
/*
blockquote:before
{
	position: absolute;
	top: -.15em;
	left: -.25em;
	height: .35em;
	line-height: .8;
	padding: 0;
	padding-right: .15em;
	content: "“";
	font-size: 10em;
	font-family: serif;
	letter-spacing: -.07em;
	x-webkit-border-radius: .6em;
	x-moz-border-radius: .6em;
	background-color: #fff;
	background-color: #eee;
	color: #C00000;
}
*/
ul
{
	margin-left: 1em;
}
/*--------------------
full child pages
--------------------*/
ul.fullchildpages
{
	margin-left: 0;
	list-style-type: none;
}
ul.fullchildpages li.hentry
{
	margin-right: 0;
	margin-left: 0;
	-webkit-border-radius: 1em 1em 0 0;
	-moz-border-radius: 1em 1em 0 0;
	border-radius: 1em 1em 0 0;
}
/*--------------------
featured images (thumbnails)
--------------------*/
.featured_image_wrap
{
	margin-bottom: .6em;
}
a.post_thumbnail,
a.post_thumbnail:hover
{
	border: none;
	text-decoration: none;
}
.post_thumbnail,
.post-thumbnail,
a[rel~="attachment"]
{
	display: block;
	padding-right: 0;
	padding-left: 0;
	border: none;
	text-align: center;
}
.post_thumbnail img,
.post-thumbnail img,
a[rel~="attachment"] img,
a[rel~="attachment"]:focus
{
	max-width: 100%;
	height: auto;
	max-height: 400px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
/*
	border: 0px solid red;
	-webkit-border-radius: 2em 0 2em 0;
	-moz-border-radius: 2em 0 2em 0;
	border-radius: 2em 0 2em 0;
*/
}
/*
.content-area .site-main article.has-post-thumbnail
{
	-webkit-border-radius: 1em 0 0 0;
	-moz-border-radius: 1em 0 0 0;
	border-radius: 1em 0 0 0;
}
*/
.logo img,
img.logo,
.hbbms_image_width-normal .post_thumbnail img,
.hbbms_image_width-normal .post-thumbnail img,
.hbbms_image_width-normal a[rel~="attachment"] img,
.hbbms_image_width-normal a[rel~="attachment"]:focus
{
	width: auto;
	max-width: 100%;
	margin-top: 25px;
}
body.hbbms_title_suppress_gap-1 .logo img,
body.hbbms_title_suppress_gap-1 img.logo,
body.hbbms_title_suppress_gap-1 .post_thumbnail img,
body.hbbms_title_suppress_gap-1 .post-thumbnail img,
body.hbbms_title_suppress_gap-1 a[rel~="attachment"] img,
body.hbbms_title_suppress_gap-1 a[rel~="attachment"]:focus
{
	margin-top: 0;
}
body.hbbms_title_suppress_gap-1 .entry-header,
body.hbbms_title_suppress_gap-1 .client_header,
body.hbbms_title_suppress_gap-1.page_title_about .post_title_wrap
{
	margin-bottom: 0;
}
.hbbms_image_width-full_width_height .post_thumbnail img,
.hbbms_image_width-full_width_height .post-thumbnail img,
.hbbms_image_width-full_width_height a[rel~="attachment"] img,
.hbbms_image_width-full_width_height a[rel~="attachment"]:focus,
.post_thumbnail img.size-page-width,
.post-thumbnail img.size-page-width
{
	max-height: 9000px !important;
}
.hbbms_image_width-75 .post_thumbnail img,
.hbbms_image_width-75 .post-thumbnail img,
.hbbms_image_width-75 a[rel~="attachment"] img,
.hbbms_image_width-75 a[rel~="attachment"]:focus
{
	max-width: 75%;
}
.hbbms_image_width-50 .post_thumbnail img,
.hbbms_image_width-50 .post-thumbnail img,
.hbbms_image_width-50 a[rel~="attachment"] img,
.hbbms_image_width-50 a[rel~="attachment"]:focus
{
	max-width: 50%;
}
.hbbms_image_width-33 .post_thumbnail img,
.hbbms_image_width-33 .post-thumbnail img,
.hbbms_image_width-33 a[rel~="attachment"] img,
.hbbms_image_width-33 a[rel~="attachment"]:focus
{
	max-width: 33%;
}
.hbbms_image_width-25 .post_thumbnail img,
.hbbms_image_width-25 .post-thumbnail img,
.hbbms_image_width-25 a[rel~="attachment"] img,
.hbbms_image_width-25 a[rel~="attachment"]:focus
{
	max-width: 25%;
}
.hbbms_image_width-0 .post_thumbnail img,
.hbbms_image_width-0 .post-thumbnail img,
.hbbms_image_width-0 a[rel~="attachment"] img,
.hbbms_image_width-0 a[rel~="attachment"]:focus
{
	display: none;
}
.post_thumbnail img + .overlay_left,
.post-thumbnail img + .overlay_left,
a[rel~="attachment"] img + .overlay_left
{
	display: none;
}
x.hbbms_image_fade_sides-1 .post_thumbnail
{
	position: relative;
}
x.hbbms_image_fade_sides-1 .post_thumbnail img
{
	position: relative;
	z-index: 0;
	top: 0;
	left: 0;
}
x.hbbms_image_fade_sides-1 .post_thumbnail .overlay_left,
x.hbbms_image_fade_sides-1 .post-thumbnail .overlay_left,
x.hbbms_image_fade_sides-1 a[rel~="attachment"] .overlay_left
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 33%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+33,ffffff+100&1+0,1+33,0+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	
	background: yellow;
}
/*--------------------
child page menus
--------------------*/
.entry-content .childpagemenu_title,
.entry-content .fullchildpages_title
{
	margin: .6em 0 .4em 0;
	font-size: 1.5em;
}
.entry-content .post_title
{
	margin: .4em 0 .6em 0;
	font-size: 1.6em;
}
.entry-content .childpagemenu li .subtitle
{
	display: block;
	margin-left: 2rem;
	font-size: .9rem;
}
body.page_title_about .post_title
{
	margin-top: 0;
	margin-bottom: 0;
}
ul.childpagemenu
{
	margin-left: 0;
	padding-bottom: 1em;
}
ul.childpagemenu li.hentry,
button.page-link
{
	margin: 0 0 .3em 0;
	padding: 0;
	list-style-type: none;
	border: 2px solid #bbbbbb;

	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
}
button.page-link
{
	font-size: 1rem;
	font-weight: normal;
	text-transform: none; 
	background: transparent;
}
ul.childpagemenu li.hentry.has-post-thumbnail
{
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}
/* suppress background images on the Clients page */
html body.page_title_clients ul.childpagemenu li /*.hentry.has-post-thumbnail*/
{
	background-image: none !important;
}

.childpagemenu li a,
button.page-link a
{
	display: block;
	padding: .5em 1em;
	font-size: 1.1em;
	border: none;
	text-decoration: none;

	background: transparent; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,.5)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,.5)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(255,255,255,1), rgba(255,255,255,.5)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,.5)); /* Standard syntax */
}
button.page-link a
{
	font-size: 1.0em;
	color: #555;
	text-decoration: none;
}
.childpagemenu li a:hover,
html body .entry-content p button.page-link a:hover
{
	color: #fff;
/*
	background: #000; /* For browsers that do not support gradients * /
	background: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,.5), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 * /
	background: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,.5), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 * /
	background: -moz-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,.5), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 * /
	background: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,.5), rgba(0,0,0,0)); /* Standard syntax * /
*/
	background: #F45A00; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left, rgba(244,90,0,.75), rgba(244,90,0,.5), rgba(244,90,0,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(244,90,0,.75), rgba(244,90,0,.5), rgba(244,90,0,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(244,90,0,.75), rgba(244,90,0,.5), rgba(244,90,0,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(244,90,0,.75), rgba(244,90,0,.5), rgba(244,90,0,0)); /* Standard syntax */
}
html body .entry-content p button.page-link a:hover
{
}
button.page-link a:hover
{
	border: none;
	text-decoration: none !important;
}
/* in two-level lists, everything's flush left */
.childpagemenu.clients ul
{
	margin-left: 0;
}
/* in two-level lists, only the bottom layer gets outlines */
.childpagemenu.clients > li
{
	border: none;
}
/*--------------------
services list (child page menu variant)
--------------------*/
.childpagemenu.services-list
{
	margin-top: 1em;
}
.childpagemenu.services-list li.hentry
{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	list-style-type: none;
	text-align: center;
}
.childpagemenu.services-list li a
{
	display: inline;
	border: none;
	background: none;
	text-align: center;
}
.childpagemenu.services-list li a:hover
{
	border-bottom: 1px dotted #000;
	background: none;
	color: #000;
}

/**
 * 16.4 Desktop Small 955px
 */
@media screen and (min-width: 59.6875em)
{
	.site-header
	{
		margin-top: 0;
		margin-bottom: 0;
		padding-right: 0;
		padding-left: 0;
	}
	.main-navigation
	{
		margin: 5% 5%;
	}
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current-page-ancestor > a,
	.main-navigation .current-menu-parent > a,
	.main-navigation .current-page-parent > a,
	.main-navigation .current_page_parent > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .current-menu-item > a,
	.main-navigation .current_page_item > a
	{
		color: #C00000;
	}

	.entry-header,
	body.page_title_about .post_title_wrap
	{
		padding: .5em 5%;
		padding-bottom: .25em;
	}
	.entry-content,
	.entry-summary,
	body.page_title_about .entry-content
	{
		padding: 3% 5% 5%;
		-webkit-border-radius: 0 0 0 1em;
		-moz-border-radius: 0 0 0 1em;
		border-radius: 0 0 0 1em;
	}
	body.page_title_about .entry-content
	{
		padding-top: 0;
	}
	body.page_title_about .entry-header
	{
		X1display: none;
	}
	/*
	body.page_title_about .entry-content
	{
		padding-right: 0;
		padding-left: 0;
	}
	*/
	body.page_title_about .entry-content .fullchildpages .post_content
	{
		padding-right: 5%;
		padding-left: 5%;
	}
	.site_identity
	{
		margin: 0 8.3333%;
		margin: 0 7%;
	}
	.site_identity::after
	{
		content: " ";
		clear: both;
	}
}
/**
 * 16.6 Desktop Large 1240px
 */
@media screen and (min-width: 77.5em)
{
	.main-navigation
	{
		font-size: 1em;
	}
	.entry-title,
	.widecolumn h2,
	body.page_title_about .post_title
	{
		margin-bottom: 0.3em;		
		font-size: 3.0rem;
	}
	body.page_title_about .post_title
	{
		margin-bottom: 0;
	}
	.entry-content h2 { font-size: 2.0em; }
	.entry-content h3 { font-size: 1.75em; }
	.entry-content h4 { font-size: 1.5em; }
	.entry-content h5 { font-size: 1.3em; }
	.entry-content h6 { font-size: 1.2em; }

	.entry-content p + h2,
	.entry-content p + h3,
	.entry-content p + h4,
	.entry-content p + h5,
	.entry-content p + h6
	{
		margin-top: 1em;
	}
	.post-thumbnail,
	.post_thumbnail
	{
		margin-bottom: .6em;
	}
	p,
	address,
	pre,
	hr,
	ul,
	ol,
	li,
	dl,
	dd,
	table
	{
		margin-bottom: 0.6em;
	}
}

/*-------------------------
contact footer (for Services pages)
-------------------------*/
.contact_footer
{
	padding-top: 1em;
	text-align: center;
}
.contact_footer.left
{
	text-align: left;
}
.contact_footer p
{
	line-height: 1.3;
	margin: 0 0 .5em 0;
	font-size: .95em;
}
.contact_footer p.pre_contact
{
	max-width: 30em;
	margin: 0 auto .5em auto;
	font-weight: bold;
}
/*-------------------------
client header (for Clients pages)
-------------------------*/
.client_header
{
	margin: 0 0 .5em 0;
	padding-top: 1em;
	padding-bottom: .7em;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00646464', endColorstr='#00646464',GradientType=1 ); /* IE6-9 */
}
.client_header p
{
	line-height: 1.6;
	max-width: 80%;
	margin: 0;
	margin: 0 auto 0 auto;
	font-size: .96em;
}
.client_header p a
{
	border-bottom: 1px dotted #C00000;
	border-bottom-color: blue;
}
.client_header p a:hover
{
	border-bottom-style: solid;
	color: blue;
}
.client_header img
{
	display: block;
	margin: 0 0 .5em 0;
}
/*-------------------------
new client header (for Clients pages)
-------------------------*/
body.parent-pageid-1262 .client_header
{
	padding-bottom: .5em;
}
body.parent-pageid-1262 .client_header img
{
	display: block;
	margin: 0 0 .5em 0;
}
body.page-id-1355 .client_header
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646464+0,646464+100&0.85+0,0.4+15,0+40,0+60,0.4+85,0.85+100 */
background: #d9646464;
background: -moz-linear-gradient(left,  rgba(100,100,100,0.85) 0%, rgba(100,100,100,0.4) 15%, rgba(100,100,100,0) 40%, rgba(100,100,100,0) 60%, rgba(100,100,100,0.4) 85%, rgba(100,100,100,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(100,100,100,0.85) 0%,rgba(100,100,100,0.4) 15%,rgba(100,100,100,0) 40%,rgba(100,100,100,0) 60%,rgba(100,100,100,0.4) 85%,rgba(100,100,100,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(100,100,100,0.85) 0%,rgba(100,100,100,0.4) 15%,rgba(100,100,100,0) 40%,rgba(100,100,100,0) 60%,rgba(100,100,100,0.4) 85%,rgba(100,100,100,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9646464', endColorstr='#d9646464',GradientType=1 ); /* IE6-9 */
}
body.page-id-1383 .client_header
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646464+0,fff989+50,646464+100&0.85+0,0.4+15,0.5+40,0.5+60,0.4+85,0.85+100 */
background: -moz-linear-gradient(left,  rgba(100,100,100,0.85) 0%, rgba(147,145,111,0.4) 15%, rgba(224,219,130,0.5) 40%, rgba(255,249,137,0.5) 50%, rgba(224,219,130,0.5) 60%, rgba(147,145,111,0.4) 85%, rgba(100,100,100,0.85) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(100,100,100,0.85) 0%,rgba(147,145,111,0.4) 15%,rgba(224,219,130,0.5) 40%,rgba(255,249,137,0.5) 50%,rgba(224,219,130,0.5) 60%,rgba(147,145,111,0.4) 85%,rgba(100,100,100,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(100,100,100,0.85) 0%,rgba(147,145,111,0.4) 15%,rgba(224,219,130,0.5) 40%,rgba(255,249,137,0.5) 50%,rgba(224,219,130,0.5) 60%,rgba(147,145,111,0.4) 85%,rgba(100,100,100,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9646464', endColorstr='#d9646464',GradientType=1 ); /* IE6-9 */
}
/*-------------------------
box quote
-------------------------*/
.box_large
{
	clear: left;
	margin: 1em 0;
	padding: .5em 1.5em 1em 1.5em;
	border: 1px solid #000;
	-webkit-border-radius: .6em;
	-moz-border-radius: .6em;
	border-radius: .6em;
}
.box_large.left h2
{
	font-size: 1.5em;
	text-transform: uppercase;
}
.box_large h3
{
	font-size: 1.25em;
	text-align: center;
	text-transform: uppercase;
}
.box_large.left h3
{
	text-align: left;
	text-transform: none;
}
/*--------------------
contact form
--------------------*/
body.page_title_contact .site-content .cntctfrmpr_field_wrap
{
	padding-bottom: .5em;
}
body.page_title_contact .site-content .cntctfrm_label
{
	padding-bottom: .3em;
}
body.page_title_contact .site-content .cntctfrm_contact_form,
body.page_title_contact .site-content .cntctfrm_one_column,
body.page_title_contact .site-content .cntctfrm_column,
body.page_title_contact .site-content .cntctfrm_input
{
	width: 100%;
	max-width: 100%;
}
body.page_title_contact .site-content .cntctfrm_contact_form input[type="text"],
body.page_title_contact .site-content input.text,
body.page_title_contact .site-content textarea
{
	display: block;
	margin-bottom: .5em;
	font-size: 1.4em;
	font-family: monospace;
	color: #000
}
#cntctfrm_thanks
{
	font-size: 1.5em;
	font-style: italic;
	color: blue;
}
.cntctfrm_error_text
{
	font-size: 1.1em;
	font-style: italic;
	color: red;
}
.debug
{
	display: none;
}
.debugbuffer
{
	width: 100%;
	max-width: 100%;
	font-family: monospace;
	background-color: lightgreen;
	color: darkgreen;
}
.debugbuffer table
{
	width: auto;
	max-width: 100%;
}
.callout
{
	margin: .5em 1em;
	padding: .5em 1em;
	border: 2px solid #999;
	background-color: #eee;
	color: #000;
}
.callout.right
{
	-webkit-border-radius: 1em 0 1em 0;
	-moz-border-radius: 1em 0 1em 0;
	border-radius: 1em 0 1em 0;
}
.callout.left
{
	-webkit-border-radius: 0 1em 1em 0;
	-moz-border-radius: 0 1em 1em 0;
	border-radius: 0 1em 1em 0;
}


body.page_title_thank-you article .entry-header
{
	position: relative;
	top: 2em;
	min-height: auto;
	font-family: "Lucida Calligraphy", "Apple Chancery", Pristina, cursive;
	background: none;
}
body.page_title_thank-you article .entry-content
{
	font-size: 1.3em;
	text-align: center;
}

body.page_title_about .entry-content .fullchildpages .post_title
{
	text-align: center;
}
body.page_title_about .post-thumbnail img
{
	width: auto;
	margin-right: auto;
	margin-left: auto;
}

.recletter
{
	width: auto;
	padding: 1em;
	font-family: Helvetica, Arial, sans-serif;
	border: 1px solid #000;
}
.recletter.noborder
{
	padding: 1em;
	border: none;
}
.recletter_common_ground p
{
	line-height: 1.3;
	margin: 0;
	margin-bottom: 1em;
	font-size: 1.2em;
}
.recletter_common_ground .date
{
	margin-bottom: 2em;
}
.recletter_common_ground .salutation
{
	margin-bottom: 1.5em;
}
.recletter_common_ground .closing
{
	margin-top: 1.5em;
	margin-bottom: 2em;
}
.recletter_common_ground .recletter_head
{
	text-align: right;
	font-family: serif;
}
.recletter_common_ground .recletter_head h3,
.recletter_common_ground .recletter_head p
{
	line-height: 1.1;
	margin: 0;
	margin-bottom: .1em;
	font-variant: small-caps;
}
.recletter_common_ground .recletter_head h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 3em;
	font-weight: bold;
}
.recletter_common_ground .recletter_head p
{
	font-size: .95em;
}
.recletter_common_ground .recletter_head em
{
	font-variant: normal;
}
.recletter_common_ground .recletter_head .tagline
{
	margin-bottom: 1.2em;
	font-style: italic;
	font-variant: normal;
}


@media screen and (min-width: 59.6875em)
{
	.hentry,
	.page-header,
	.page-content
	{
		margin: 0 4.15%;
	}
}

/*====================
home page slideshow
====================*/
.bx-wrapper
{
}
.bx-viewport
{
	margin-bottom: 20px;
}
.jw_slideshow
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.jw_slideshow li
{
	margin: 0;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
}
.jw_slideshow h3
{
	display: none;
}
.jw_slideshow .show_title h3
{
	display: block;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,ffffff+50,ffffff+75,ffffff+100&0+0,0.5+10,1+50,0.5+90,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 10%, rgba(255,255,255,0.69) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.69) 75%, rgba(255,255,255,0.5) 90%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.69) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.69) 75%,rgba(255,255,255,0.5) 90%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 10%,rgba(255,255,255,0.69) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.69) 75%,rgba(255,255,255,0.5) 90%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.jw_slideshow a
{
	text-decoration: none;
	border: none;
}
.jw_slideshow li a
{
	display: block;
	width: 100%;
	height: 400px;
}
@media screen and (max-width: 740px) 
{
	.jw_slideshow li
	{
		background-size: contain;
	}
}
@media screen and (max-width: 1000px) 
{
	.jw_slideshow,
	.bx-wrapper
	{
		display: none;
	}
}
/*====================
home page quote block
====================*/
body.page_title_home article
{
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
body.page_title_home .entry-content
{
	padding-bottom: 2%;
}
#home_page_block blockquote
{
	width: 100%;
	margin: 0;
	padding: .5em 0;
	color: #222;
	text-align: center;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#home_page_block blockquote:first-child
{
	/* this is the same gradient as the Current Brands page titles */
	background: #F45A00; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(75deg, rgba(100,100,100,0), rgba(100,100,100,.6), rgba(100,100,100,.85), rgba(100,100,100,.6), rgba(100,100,100,0)); /* Standard syntax */
}
#home_page_block blockquote:last-child
{
	padding-bottom: 1em;
	/* this is the same gradient as the Current Brands page headers (distributor etc.) */
	background: #F45A00; /* For browsers that do not support gradients */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646464+0,646464+100&0+0,0.4+25,0.65+50,0.4+75,0+100 */
background: -moz-linear-gradient(left,  rgba(100,100,100,0) 0%, rgba(100,100,100,0.4) 25%, rgba(100,100,100,0.65) 50%, rgba(100,100,100,0.4) 75%, rgba(100,100,100,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(100,100,100,0) 0%,rgba(100,100,100,0.4) 25%,rgba(100,100,100,0.65) 50%,rgba(100,100,100,0.4) 75%,rgba(100,100,100,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(100,100,100,0) 0%,rgba(100,100,100,0.4) 25%,rgba(100,100,100,0.65) 50%,rgba(100,100,100,0.4) 75%,rgba(100,100,100,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00646464', endColorstr='#00646464',GradientType=1 ); /* IE6-9 */
}
#home_page_block > p,
#home_page_block img
{
	margin: 0;
}
#home_page_block blockquote p
{
	margin-top: 0.5em;
	padding: 0 10%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	font-style: italic;
}
#home_page_block blockquote p span
{
	display: block;
}
#home_page_block blockquote p.cite
{
	/*
	margin-top: -0.3em;
	font-family: Helvetica, Arial, sans-serif;
*/
	font-size: 1.1em;
	font-style: normal;
	text-align: center;
}
.button_link
{
	margin-bottom: .8em;
}
.button_link a
{
	padding: .3em;
	font-family: Verdana, sans-serif;
	font-size: 1.1em;
	background-color: #eee;
	color: #000;

	border: 2px outset #ccc;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
}
.button_link a:hover,
.button_link a:active
{
	border-style: inset;
	background-color: #ddd;
	color: #666;
}
table.product_list
{
	font-size: .9em;
	border-collapse: collapse;
}
table.product_list th
{
	width: 1em;
	border-right: 1px solid #ccc;
	background-color: #000;
	color: #fff;
	vertical-align: bottom;
}
table.product_list td
{
	width: 1em;
	border-bottom: 1px solid #666;
	border-right: 1px solid #ccc;
	background-color: #fff;
	color: #000;
}
.centerwrapper,
.centerwrapper *
{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

@media screen and (max-width: 38.75em)
{
	img.alignright,
	img.alignleft
	{
		max-width: 50%;
	}
}
@media screen and (min-width: 38.75em)
{
	.site-main
	{
		padding-top: 2%;
	}
}
.bordered_box
{
	display: inline-block;
	border: 1px solid black;
	margin: 0 auto .8em auto;
	padding: 1em 2em;
	text-align: center;
}
body.page_title_chuckleberry-farm .centerwrapper .availability
{
	font-size: 1.5em;
	color: red;
}
body.page_title_chuckleberry-farm .centerwrapper .when
{
	font-size: 1.2em;
	text-transform: lowercase;
}
body.page_title_chuckleberry-farm .centerwrapper .where
{
	font-size: 1.2em;
	font-weight: bold;
}
/*====================
click_to_view blocks
====================*/
/*--------------------
toggle visibility of contents except trigger
--------------------*/
.click_to_view.hide > *
{
	display: none;
}
.click_to_view .trigger
{
	display: inline-block !important;
	border-bottom: 1px dotted #555;
	color: #555;
	text-decoration: none;
	cursor: pointer;
}
.click_to_view h2,
.brochure_link_box h2
{
	font-size: 1.6em;
	text-transform: none;
}
.click_to_view h2.trigger
{
}
.click_to_view .trigger:hover
{
	border-bottom: 1px solid #C00000;
	color: #C00000;
	text-decoration: none;
}
.click_to_view .cite
{
	font-style: italic;
}
/*--------------------
toggle visibility of +/- cues
--------------------*/
.click_to_view .trigger .plus,
.click_to_view .trigger .minus
{
	font-size: .5em;
}
.click_to_view.show .trigger .plus
{
	display: none;
}
.click_to_view.hide .trigger .minus
{
	display: none;
}
/*--------------------
brochure_link
--------------------*/
.brochure_link img
{
	max-width: 766px;
}
.brochure_link .action_link,
.brochure_link_box .action_link
{
	float: left;
	display: block;
	margin-right: 2em;
	padding: .5em .75em;
	font-size: .9em;
	border: none !important;
	text-decoration: none;
	background-color: #ccc;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.brochure_link .action_link:hover,
.brochure_link_box .action_link:hover
{
	background-color: #dcc;
}
.brochure_link .doc_link,
.brochure_link_box .doc_link
{
	clear: both;
	padding-top: 1em;
}
.brochure_link_box .action_links + .doc_link
{
	text-align: center;
}
.brochure_link_box .doc_link a
{
	display: inline-block;
	display: inline;
	border: 1px solid black;
}
.brochure_link_box .doc_link a:hover
{
	opacity: .5;
	border-color: red;
}
.brochure_link_box .doc_link
{
	clear: left;
	padding-top: 1em;
}
/*--------------------
brochure_box NEW (2017-08)
<section class="brochure_box">
	<a href="DOC_URI" target="_blank" title="Opens document in a new window">
		<img src="THUMBNAIL_URI" alt="" width="245" height="317" class="alignleft size-full wp-image-ATTACHMENT_ID" />
		<div class="text">
			<h2>DOC_TITLE</h2>
			<p>DOC_PAGES-page <abbr title="Portable Document Format">PDF</abbr> document</p>
		</div>
	</a>
</section>
--------------------*/
.brochure_box
{
	clear: left;
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 1em;
	padding-top: 1em;
}
x.brochure_box:hover,
.brochure_box:hover a,
.brochure_box:hover div,
.brochure_box:hover h2,
.brochure_box:hover p
{
	background-color: #eee;
}
.brochure_box:hover img
{
	opacity: .7;
}
.brochure_box a
{
	position: relative;
	float: left;
	display: block;
	width: 100%;
	border: none;
	text-decoration: none;
}
.brochure_box a:hover
{
	border: none;
	text-decoration: none;
	-webkit-border-radius: 0 0.75em 0.75em 0;
	-moz-border-radius: 0 0.75em 0.75em 0;
	border-radius: 0 0.75em 0.75em 0;
}
.brochure_box img
{
	float: left;
	display: block;
	width: 250px;
	height: auto;
	margin: 0;
	margin-right: 20px;
	border: 1px solid #666;
}
.brochure_box a:hover img
{
	border: 1px solid red;
}
.brochure_box .text
{
	padding-top: 20px;
}
.brochure_box .text h2
{
	display: inline;
	clear: none;
	margin-bottom: .4em;
	border: none;
	font-size: 1.5em;
	white-space: normal !important;
}
.brochure_box p
{
	line-height: 1.2;
	margin-bottom: .2em;
	font-size: .95em;
}
.brochure_box .action_links
{
	display: none;
}
p.pdf_icon
{
	padding-left: 1.5em;
	background-image: url("images/icon-pdf.png");
	background-repeat: no-repeat;
	background-size: contain;	/*1em;*/
	background-position: left center;
}
.client_header img {
	/*display: none;*/
}

/*--------------------
Sales & Brand Management list
--------------------*/
ul.sales-brand-management
{
  list-style: none;
}
ul.sales-brand-management li:before
{
  content: '✓ ';
}


body.page_title_test-clients-page .debug
{
	display: block;
}

.cove-kombucha-features
{
	margin-top: 1em;
	list-style-image: url("/wp-content/uploads/2019/02/Cove-Kombucha-yellowburst.png");
}

/*
body .client_header,
body .entry-header,
body.page_title_about .post_title_wrap
{
	background: wheat;	/ * F5DEB3 * /
}
*/
body .entry-header
{
	/*border-bottom: 3px solid #F2D8A6;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5deb3+60,f2d8a6+100 */
background: #DEB887; /* Burlywood - Old browsers */
 	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,deb887+41,deb887+100&1+0,0.5+41,1+100 */
background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(222,184,135,0.5) 41%, rgba(222,184,135,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(222,184,135,0.5) 41%,rgba(222,184,135,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(222,184,135,0.5) 41%,rgba(222,184,135,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#deb887',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
body.page_title_client-testimonials article .entry-content > p img.aligncenter
{
	margin-bottom: 0;
	padding-bottom: 0;
}
body.page_title_client-testimonials article .entry-content > h2
{
	display: none;
}
body.page_title_client-testimonials article .entry-content > h3.logo
{
	text-align: center;
}
body.page_title_client-testimonials article .entry-content blockquote
{
	line-height: 1;
}
body.page_title_client-testimonials article .entry-content blockquote p,
html body .testimonial blockquote p
{
	line-height: 1.8;
}
body.page_title_client-testimonials article .entry-content p cite,
html body .testimonial p cite
{
	display: block;
	clear: all;
	line-height: 1.2;
}
body.page_title_client-testimonials article .entry-content cite .person,
html body .testimonial cite .person
{
	color: red;
}
body.page_title_client-testimonials article .entry-content cite .org,
html body .testimonial cite .org
{
	font-weight: bold;
}
body.page_title_lebeau-excel .testimonial p
{
	font-style: normal;
}
body.page_title_lebeau-excel .testimonial .cite
{
	margin-top: 1.5rem;
	text-align: left;
}
body.page_title_lebeau-excel .testimonial .cite p
{
	margin-top: 0;
	margin-bottom: 0.2rem; /*1.2rem;*/
	line-height: 1.4;
}
body.page_title_lebeau-excel .testimonial .testimonial-footer p
{
	line-height: 1.2;
	margin-bottom: 0.2rem;
	font-family: serif;
	text-align: center;
	opacity: 0.75;
}
.nav-menu .menu-item a[href$="/client-testimonials/"],
button.button_link.page-link.testimonials_link a
{
	Xfont-weight: bold;
	Xtext-transform: uppercase;
}
button.button_link.page-link.testimonials_link
{
	margin-top: 1.5rem;
}
html body .entry-content p button.button_link.page-link.testimonials_link a
{
	border-bottom-width: 0;
}


.multcol-cols3
{
	line-height: 1.1;
	margin-top: 1em;
	column-count: 3;
	column-gap: 2em;
}

.hb_image_group
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 0px;
	grid-rows: auto;
}
body .entry-content .hb_image_group a,
body .entry-content .hb_image_group a img
{
	display: block;
}
.entry-content .hb_image_group a
{
	float: left;
}
.hb_image_group_oatworthy
{
	grid-template-columns: auto auto;
	column-gap: 20px;
	row-gap: 20px;
	justify-content: center;  
}
.entry-content .hb_image_group_oatworthy a
{
	float: none;
}

.staggered-list p
{
	margin-bottom: 0;
}
/*
.staggered-list li span
{
	font-weight: normal;
}
*/
.staggered-list li
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 1rem;
	list-style-type: none;
	font-weight: bold;
}
.staggered-list li:nth-child(2)
{
	margin-left: 2rem;
}
.staggered-list li:nth-child(3)
{
	margin-left: 3rem;
}
.staggered-list li:nth-child(4)
{
	margin-left: 4rem;
}
.staggered-list li:nth-child(5)
{
	margin-left: 5rem;
}
.staggered-list li:nth-child(6)
{
	margin-left: 6rem;
}
.staggered-list li:nth-child(7)
{
	margin-left: 7rem;
}
.staggered-list li:nth-child(8)
{
	margin-left: 8rem;
}
.staggered-list li:nth-child(9)
{
	margin-left: 9rem;
}
.staggered-list li:nth-child(10)
{
	margin-left: 10rem;
}

/* blue */
body.page_title_test-hyperlink-styling .entry-content a.linktest01
{
	color: darkblue !important;
	border-bottom: 1px dashed darkblue !important;
}
body.page_title_test-hyperlink-styling a.linktest01:hover
{
	color: blue !important;
	border-bottom: 1px solid blue !important;
}

/* red */
body.page_title_test-hyperlink-styling a.linktest02:link
{
	color: #8B0000 !important;
	border-bottom: 1px dashed #8B0000 !important;
}
body.page_title_test-hyperlink-styling a.linktest02:hover
{
	color: red !important;
	border-bottom: 1px solid red !important;
}


/* green */
body.page_title_test-hyperlink-styling a.linktest03:link
{
	color: #006400 !important;
	border-bottom: 1px dashed #006400 !important;
}
body.page_title_test-hyperlink-styling a.linktest03:hover
{
	color: MediumSeaGreen !important;
	border-bottom: 1px solid MediumSeaGreen !important;
}

/*--------------------
Category selector
--------------------*/
body.page_title_client-product-categories .entry-content
{
	padding: 0;
	background-image: 
	url("https://hartleyberg.com/wp-content/uploads/2024/11/poppy-white-top-70.jpg")
	,
	url("https://hartleyberg.com/wp-content/uploads/2024/11/poppy-transparent-stem-70.png");

	background-position: left top, left 650px;
	
	background-repeat: no-repeat, repeat-y;
}
body.page_title_client-product-categories .entry-content .category_selector_wrap
{	
	padding: 3% 5% 5%;
}

.category_selector_wrap
{
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 2rem;
	row-gap: 3rem;
	justify-content: center;
}
@media screen and (max-width: 38.75em)
{
	.category_selector_wrap
	{
		grid-template-columns: 1fr;
		row-gap: 3rem;
	}
}
form.category_selector_input .catname_prompt
{
	font-size: 1.25rem;
}
form.category_selector_input
{
	/*
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	*/
}
form.category_selector_input select.hb_categories
{
	font-size: 1.0rem;
	font-family: sans-serif;
}
form.category_selector_input .catname_submit
{
	margin-top: 1rem;
	font-size: 1.1rem;

	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	
	background-color: darkgreen;
}
form.category_selector_input .catname_submit:hover
{
	color: darkgreen;
	color: lightgreen;
	background-color: green;
}
.hb_cat_posts a
{
	color: black;
}

.media_credit
{
	margin: 5rem auto 1rem auto;
	font-size: .85rem;
	font-style: italic;
	text-align: center;
}

/*--------------------
Resume
--------------------*/
body.page_title_resume .sidebar
{
	display: none;
}
body.page_title_resume .site-content
{
	margin-left: 0;
}
body.page_title_resume .site-content
{
	display: block;
	float: none;
	margin-left: 5%;
	width: 90%;
}
@font-face
{
	font-family: 'MTCORSVA';
	src: local('MTCORSVA'), url('fonts/MTCORSVA.woff') format('woff');
}
body.page_title_resume .resume_head h1
{
	font-family: Monotype Corsiva;
}
body.page_title_resume .resume_main
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 25px;
	
}

html body.page_title_key-highlights .entry-content h5
{
	margin-top: 2rem;
	letter-spacing: 0;
}
html body.page_title_key-highlights .entry-content h5 span
{
	display: block;
	margin-left: 1.5rem;
	font-size: .9em;
}

body.page_title_about .site-main .entry-header .entry-title
{
	font-family: "Lucida Calligraphy", "Apple Chancery", Pristina, cursive;
}