/*

Theme Name: Working4

Description: The new Working Design theme.

Author: Colin Ligertwood <colin@workingdesign.net>

*/

@import url('https://fonts.googleapis.com/css?family=Esteban:400');

@import url('slideshow.css');

html {

	margin: 0;

	padding: 0;

	font-size: 16px;

	vertical-align: baseline;

}



body {

	color: #333;

	font-family: Helvetica, Arial, sans-serif;

	text-rendering: optimizeLegibility;

	margin: 0;

	padding: 0;

	background-color: white;

}



/* The grid */



body {

	line-height: 1.5;

}



h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote {

	margin: 0;

	padding: 0;

}



h1 {

	font-weight: normal;

}



h2,h3,h4 {

	font-weight: normal;

}



h1,

h2 {

	padding-top: 17px;

	padding-bottom: 5px;

	font-size: 26px;

	line-height: 1.2;

}



h3 {

	font-size: 20px;

	padding-top: 19px;

	padding-bottom: 3px;

	font-weight: bold;

}



h4 {

	font-size: 16px;

	padding-top: 19px;

	padding-bottom: 3px;

	font-weight: bold;

}



.blog h2, .archive h2, .single h2 {

	font-family: Esteban;

}



.widgettitle {

	font-size: 18px;

	font-family: Esteban;

}



p+p, ul+p {

	text-indent: 0;

	margin-top: 22px;

}



blockquote {

	margin: 22px 2em 22px 2em;

}



.post blockquote {

	margin: 22px 0em 22px 0em;

	padding: 22px 1em 22px 1em;

	background-color: #f8f8f8;

}



cite {

	font-weight: bold;

	font-style: normal;

	text-align: right;

	display: block;

}



/* Special type styles */



a:link, a:visited {

	text-decoration: none;

	color: #07f;

	color: #1ABFD5;

	color: #1a8f9f;

}



a > img {

	border: 0;

}



.hidden {

	display: none;

	height: 0;

}



.alignright {

	float: right;

	margin-left: 1em;

}



.alignleft {

	float: left;

	margin-right: 1em;

}



.center {

	margin: 11px auto 11px auto;

}



.last {

	padding-right: 1em;

}



.indent {

	text-indent: 1em;

}



.summary-statement {

	color: #e25538;

	font-weight: 400;

	line-height: 1.3;

	width: 624px;

	font-family: Esteban;

	font-size: 26px;

	padding-top: 11px;

	padding-bottom: 11px;

}



.summary-statement + p {

	margin-top: 1em;

}



.columns {

	-moz-column-count: 2;

	-webkit-column-count: 2;

	column-count: 2;

}



/* Page Header */



#header {

	padding: 0;

	width: 960px;

	height: 88px;

	background-image: url('images/wd-wordmark.png');

	background-repeat: no-repeat;

	background-position: 16px bottom;

	background-color: white;

	margin: 0 auto;

}



#header a { /* the disappearing link for the company logo image: transparent and indented off the page */

	position: absolute;

	width: 350px;

	height: 88px;

}



#header a span {

	display: none;

}



#header-phone-number {

	color: #888;

	font-size: 20px;

	position: absolute;

	right: 24px;

	bottom: 0px;

	white-space: nowrap;

}



#header-phone-number span {

	font-size: 75%;

}



/* slideshow */

#header-slideshow {

	width: 960px;

	height: 300px;

	padding: 0;

	margin: 0 auto;

}



#header-slideshow li {

	height: 300px;

	width: 960px;

	list-style-type: none;

	display: none;

}



#header-slideshow li p {

	margin-left: 640px;

	padding: 16px;

	font-size: 32px;

	color: white;

	line-height: 44px;

}



#header-slideshow-pager {

	position: absolute;

	display: block;

	margin: 0 auto 0 auto;

	padding: 0;

	width: 960px;

	text-align: right;

	margin-top: -1.5em;

	height: 1.5em;

	z-index: 9999;

}



#header-slideshow-pager a {

	position: relative;

	display: inline-block;

	width: 20px;

	height: 20px;

	background-color: #eee;

	color: #eee;

	margin-right: .5em;

	border-radius: 10px;

	-moz-border-radius: 10px;

	z-index: 4;

	text-align: center;

}



#header-slideshow-pager a:hover {

	background-color: white;

	color: white;

}



#header-slideshow-pager a.activeSlide {

	background-color: #f8981d;

	color: #f8981d;

}



#header-slideshow li > a {

	display: block;

	height: 300px;

	width: 960px;

}





/* Main Menu */

#menu-main-menu {

	color: #eee;

	background-color: #666;

	margin-bottom: 32px;

	height: 44px;

	clear: both;

}



/* hard coded per page css to get around submenu space issue */

.home #menu-main-menu,

.blog #menu-main-menu,

.single #menu-main-menu,

.archive #menu-main-menu {

	margin-bottom: 0;

}



#menu-main-menu > li {

	list-style-type: none;

	font-size: 22px;

	height: 44px;

	float: left;

}



#menu-main-menu > li > a {

	color: #fff;

	text-decoration: none;

	text-transform: lowercase;

	display: block;

	padding: 11px 16px 11px 16px;

	line-height: 22px;

}







#menu-main-menu > li.current-menu-item > a,

#menu-main-menu > li.current_page_ancestor > a,

#menu-main-menu > li.current-page-ancestor > a,

#menu-main-menu > li.current_page_item > a,

#menu-main-menu > li.current-menu-ancestor > a {

	color: white;

	background-color: #444;

	position: relative;

}

#menu-main-menu > li.current-menu-item > .sub-menu,

#menu-main-menu > li.current-menu-ancestor > .sub-menu,

#menu-main-menu > li.current_page_ancestor > .sub-menu,

#menu-main-menu > li.current-page-ancestor > .sub-menu,

#menu-main-menu > li.current_page_item > .sub-menu {

	z-index: 2;

	display: block;

}





#menu-main-menu > li > a:hover {

	color: #f7e26c;

	background-color: #444;

}





/* sub navigation */

#menu-main-menu .sub-menu {

	height: 33px;

	font-size: 14px;

	margin-bottom: 11px;

	position: absolute;

	width: 960px;

	left: 0;

	background: #eee;

	display: none;

	line-height: 22px;

	zoom: 1;

}



#menu-main-menu .sub-menu li {

	list-style-type: none;

	float: left;

}



#menu-main-menu .sub-menu a {

	display: block;

	text-transform: lowercase;

	text-decoration: none;

	padding: 0 1em;

	color: #444;

	font-weight: bold;

	line-height: 33px;

	background-color: #f0f0f0;

}



#menu-main-menu .sub-menu a:hover,

#menu-main-menu .sub-menu li.current-menu-item a,

#menu-main-menu .sub-menu li.current_page_ancestor a,

#menu-main-menu .sub-menu li.current_page_parent a,

#menu-main-menu .sub-menu li.current-page-ancestor a,

#menu-main-menu .sub-menu li.current-medium-ancestor a,

#menu-main-menu .sub-menu li.current-medium-parent a,

#menu-main-menu .sub-menu li.current-menu-parent a,

#menu-main-menu .sub-menu li.current_page_item a {

	background-color: #fff;

}



/* Expandy box menu (javascript generated) */



#expandybox {

	margin-top: 32px;

	padding: 16px 0 0 0;

}



#expandybox li,

.tags a,

.meta a[rel=tag] {

	display: inline-block;

	font-size: 14px;

	padding: 0;

	margin: 0;

	list-style-type: none;



	white-space: nowrap;

	margin: 0 .75em .5em 0;

	line-height: 24px;

	background-color: #888;

	padding: 0 7px 0 24px;

	border-top-left-radius: 1em;

	border-bottom-left-radius: 1em;

	border-top-right-radius: 4px;

	border-bottom-right-radius: 4px;
	background-image: url('images/bullet.png');
	background-repeat: no-repeat;
	background-position: 5px 4px;
	zoom: 1;

	/* grc 07/2016 */
	/* don't change, it will skew the menu items! */
	*display: inline;
}



#expandybox li:hover,

.tags a:hover,

.meta a[rel=tag]:hover {

	background-color: #666;

}



#expandybox li a,

.tags a,

.meta a[rel=tag] {

	color: white;

}



.tags a,

.meta a[rel=tag] {

	font-size: 12px;

	padding: 0 6px 0 20px;

	line-height: 20px;

	background-color: #888;

	text-transform: none;

	font-variant: normal;

	background-position: 3px 2px;

}



.tags a:first-child,

.meta a[rel=tag]:first-child {

	clear: left;

}



.tags,

.meta {

	margin-top: 2px !important;

	clear: left;

}



.post .meta {

	padding-top: 1em;

}



#expandybox li a:before {

}



#expandybox li a:hover {

}



#expandybox li.current-menu-item,

#expandybox li.current-post-parent {

	background-color: rgb(26, 143, 159);

}



/* Main Content */

#frontpage-content {

	clear: both;

}



#frontpage-content > li {

	list-style-type: none;

	float: left;

	font-size: 20px;

	width: 270px;

	padding: 24px;

	height: 270px;

}



#frontpage-content > li:first-child {

	background-position: right top;

	background-repeat: no-repeat;

	text-indent: -9999px;

}



#frontpage-content > li:first-child span {

	display: block;

	margin: 0 0 16px 0;

	line-height: 1.0;

	position: absolute;

	background-color: #E45C3D;

	color: white;

	bottom: 0px;

	width: 640px;

	position: absolute;

	left: 0;

	bottom: -22px;

}



#frontpage-content > li:first-child span p {

	padding: 24px;

	margin: 0;

}



#frontpage-content > li:first-child span a {

	display: block;

	background-color: #c4346e;

	padding: 4px 16px;

	color: white;

	float: right;

	margin: 0 16px 16px 0;

	line-height: 1.5;

	text-transform: uppercase;

}

/*original*/
#frontpage-content > li {
	/*background-image: url('images/Promo/lets-connect.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url('images/Promo/lets-connect-sans.png');*/
}
/*grc 01/2016*/
#frontpage-content > li {
	/* background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url('images/Promo/lets-connect-sans-download.png'); */
}
/*grc 03/2017*/
#frontpage-content > li {
	/* background-repeat: no-repeat;
	background-position: bottom right;
	background-image: url('images/Promo/lets-connect-sans-download-2016.png'); */
}
/*grc 07/2016*/
#frontpage-content > li {
	background-repeat: no-repeat;
	background-position: bottom right;
	/* background-image: url('images/Promo/lets-connect-sans-download-2017.png'); */
	background-image: url('images/Promo/lets-connect-sans-download-2018.png');
}

#frontpage-content > li:hover {

}



#frontpage-content > li:first-child {

	background-position: bottom left;

	width: 594px;

	font-size: 200%;

}



#frontpage-content > li {

}



#frontpage-content > li a > img {

	border: solid 1px #888;

}



#frontpage-content strong {

	color: #e45c3d;

}



#frontpage-content p+p {

	text-indent: 0;

	margin-top: 22px;

}



#frontpage-content h1,

#frontpage-content h2 {

	color: #333;

}



#frontpage-content h3,

#frontpage-content h4 {

	color: #666;

}



/* Page/Blog Content */

#content .post {

	width: 640px;

	padding-right: 320px;

	clear: left;

}



.blog .post,

.single .post {

}



.post .meta,

.post .more-link,

.secondary-content li .more-link,

.footer li .more-link {

	font-size: 15px;

	text-transform: lowercase;

	font-variant: small-caps;

	color: #888;

}



.post .tags {

	padding-bottom: 8px;

	border-bottom: solid 3px #eee;

}



.post ul,

.post ol,

.post dl {

	margin-left: 1.25em;

}





.post p+p,

.post ul+p,

.post p+ul,

.post p+ol,

.post ol+p {

	text-indent: 0;

	margin-top: 11px;

}



.post a:hover {

}



.post h2 a,

.post h2 a:hover {

	color: inherit;

	border-bottom: none;

}



.post img.alignleft {

	margin: 4px 1em 0 0;

	border: solid 2px #444;

}



.post img.alignright {

	margin: 4px 0 0 1em;

	border: solid 2px #444;

}



.post .wp-post-image {

	display: block;

	float: left;

	margin-right: 1em;

	margin-bottom: 5px;

}



.post li {

	padding: .25em 0;

}





/* Portfolio Content */

.portfolio-post {

	clear: left;

	padding-top: 22px;

	padding-bottom: 22px;

	border-bottom: solid 1px #ddd;

}



.portfolio-post p {

	width: 288px;

	float: right;

	clear: right;

}



.portfolio-post p+p {

	text-indent: 0px;

	margin-top: 11px;

}



.portfolio-description {

	width: 288px;

	padding-left: 16px;

	float: right;

	clear: right;

	margin-bottom: 22px;

}



.portfolio-description dt,

.portfolio-description li span {

	color: #666;

	font-size: 14px;

	text-transform: uppercase;

}



.portfolio-description dd,

.portfolio-description li {

	font-size: 14px;

	list-style-type: none;



}



.portfolio-post img {

	width: 608px;

	padding-right: 15px;

	border-right: solid 1px #ddd;

}



.portfolio-post a:hover {

	border-bottom: solid 1px;

}

/* Sidebar */

.sidebar {

	padding: 0 0 22px 1em;

	margin-left: 1em;

	width: 288px;

	float: right;

	clear: right;



}



.sidebar p {

}



.sidebar li {

	list-style-type: none;

}



#sidebar > li {

	background-color: #f0f0f0;

	margin: 1.5em 0 0 0;

}



#blog-sidebar .widget {

	background-color: #eee;

	margin-bottom: 1em;

}



.sidebar .widget {

	color: #444;

	padding: 22px;

	font-size: 14px;

}



.sidebar .widget ul {

	margin-top: 1em;

	padding-left: 1.25em;

}



.sidebar .widget li {

	margin-bottom: 8px;

	line-height: 1.3;

	list-style-type: disc;

}



.random-quote blockquote {

	margin: 0;

}

.random-quote cite {

	text-align: left;

}



.widget h2 {

	padding: 0;

}



/* Secondary Content */

#secondary-content {

	padding: 0;

	margin: 0; /* 22px 0 0 0; */

	clear: both;

	font-size: 14px;

}



#secondary-content .post {

	width: auto;

	margin-bottom: 30px;

	width: 288px;

	display: block;

}



#secondary-content a:link,

#secondary-content a:visited,

#secordary-content a:hover {

	color: inherit;

	text-decoration: none;

	border-bottom: none;

}



#secondary-content > li {

	list-style-type: none;

	margin: 0;

	padding: 0 16px 0 16px;

	width: 288px;

	height: 418px;

	float: left;

/*	color: #c8c8c8; */

	color: #ddd;

	background-color: #555;

	background-position: center bottom;



	background-repeat: no-repeat;

}



#secondary-content > li:last-child {

	background-color: #444;

}



#secondary-content > li:first-child {

	width: 288px;

	padding: 0 16px 0 16px;

	background-position: bottom left;

}



#secondary-content > li:last-child {

	width: 288px;

	padding: 0 16px 0 16px;

	background-position: bottom right;

}



#secondary-content li .more-link

{

	white-space: nowrap;

	text-transform: uppercase;

	color: #eee;

}



#secondary-content p+p {

	text-indent: 0;

	margin-top: 22px;

}



#secondary-content h3 {

	color: #888;

	color: #f2c490;

	font-weight: normal;

	text-transform: uppercase;

	letter-spacing: .05em;

	font-size: 16px;

}



#secondary-content h4 {

	padding: 0;

	font-weight: normal;

	color: #eee;

}



#secondary-content > li p,

#secondary-content > li li {

	font-size: .80em;

}



#secondary-content .more-link {

	background-color: #333;

	content: 'more';

	width: 48px;

	font-size: 85%;

	padding: 3px 2px 2px 4px;

	margin-left: 2px;

}



#secondary-content .more-link:hover {

	background-color: #222;

}



#secondary-content .post-thumbnail {

	width: 288px;

	height: 200px;

}



/* Footer */

#footer {

	margin: 0;

	padding: 0;

	clear: both;

	line-height: 18px;

	height: 86px;

}



#footer > li {

	list-style-type: none;

	float: left;

	color: #ddd;

	margin: 0;

	width: 464px;



	background-repeat: no-repeat;

	background-position: center bottom;

}



#footer > li {

	padding: 11px .5em 11px 1em;

	width: 628px;

	height: 64px;

	text-align: right;

}



#footer > li:first-child {

	padding: 11px 16px 11px 8px;

	width: 288px;

	text-align: left;

	height:64px;

	font-size: 11px;

}



#footer > li {

	font-size: 13px;

}



#footer a {

	color: #ddd;

}



#secondary-content .share-icon img {

	background: #444;

	padding:2px;

}



#secondary-content #rss img {

	background-color: #f80;

}



#secondary-content #facebook img {

	background-color: #3b5998;

}



#secondary-content #twitter img {

	background-color: #59b;

}


/*grc 01/2016*/
#secondary-content #email img {
	background-color: #555 !important;
    transform: rotate(0deg) scale(1.18) skew(-180deg) translate(0px) !important;
    -webkit-transform: rotate(0deg) scale(1.18) skew(-180deg) translate(0px) !important;
    -moz-transform: rotate(0deg) scale(1.18) skew(-180deg) translate(0px) !important;
    -o-transform: rotate(0deg) scale(1.18) skew(-180deg) translate(0px) !important;
    -ms-transform: rotate(0deg) scale(1.18) skew(-180deg) translate(0px) !important;
}


/* MARKETING CUSTOM STUFF */



a.big-shiny-link,

#secondary-content a.big-shiny-link {

	display: block;

	padding: .5em .5em .5em .75em;

	margin: .5em 0;

	border: none;



	line-height: 1;

	text-align: right;

	font-size: 26px;



	background-color: #b04740;

	color: white;



	-webkit-box-shadow: 1px 1px 5px #222;

	-moz-box-shadow: 1px 1px 5px #222;

	box-shadow: 1px 1px 5px #222;

	-moz-border-radius: 12px;

	-webkit-border-radius: 12px;

	border-radius: 12px;



	float: right;

}



a.big-shiny-link:hover,

#secondary-content a.big-shiny-link:hover {

	background-color: #d84733;

	color: white;

}



a.big-shiny-link:visited,

#secondary-content a.big-shiny-link:visited {

	color: white;

}



/* Get Enlisted */



#wd-subscribe-form {

	background-color: #444;

	height: 126px;

	margin: 22px 0;

	padding: 22px;

	-moz-box-shadow: 2px 2px 10px #282828;

	-webkit-box-shadow: 2px 2px 10px #282828;

	box-shadow: 2px 2px 10px #282828;

}



#wd-subscribe-form .wd-subscribe-spinner {

	display: block;

	margin: 40px auto 0 auto;

}



#wd-subscribe-form .wd-subscribe-message {

	font-size: 150%;

	line-height: 44px;

}



#wd-subscribe-form label {

	width: 107px;

	font-size: 85%;

	display: block;

	float: left;

	clear: left;

	position: relative;

	top: 3px;

}



#wd-subscribe-form input[type=text] {

	font-size: 110%;

	width: 135px;

	height: 20px;

	margin: 4px 0;

	background: #666;

	border: none;

	color: #ddd;

}



#wd-subscribe-form input[type=text]:hover,

#wd-subscribe-form input[type=text]:focus {

	background-color: #777;

}



#wd-subscribe-form .wd-subscribe-submit {

	text-align: right;

}



#wd-subscribe-form input[type=submit] {

	font-size: 100%;

	border: none;

	background-color: #333;

	color: #ddd;

	margin: 4px 0 0 0;

	padding: 8px;

}



#wd-subscribe-form input[type=submit]:hover,

#wd-subscribe-form input[type=submit]:focus {

	background-color: #222;

}



/* Web + Print */



#wap {

	padding: 22px 1em 0 1.5em;

	font-size: 130%;

	line-height: 1.1;

	height: 310px;

	text-transform: lowercase;

	text-transform: none;

	color: #666;

}



#wap .wap-line {

	display: block;

	text-align: right;

	font-style: italic;

	color: #999;

	letter-spacing: .05em;

}



#wap .wap-line span {

	font-style: normal;

	letter-spacing: normal;

}



#wap-websites {

	font-size: 225%;

	font-weight: bold;

	color: #484848;

	text-shadow: 1px 1px 4px #999;

}



#wap-identity {

	font-size: 125%;

	color: #555;

	text-shadow: 1px 1px 5px #aaa;

}



#wap-posters {

	font-size: 225%;

	color: #444;

	text-shadow: 1px 1px 5px #aaa;

}



#wap-magazines {

	font-size: 150%;

	color: #555;

	text-shadow: 1px 1px 5px #aaa;

}



#wap-workingdesign {

	font-weight: bold;

	font-size: 125%;

	display: block;

	padding-top: 1em;

	text-transform: uppercase;

	color: #999;

	text-shadow: 1px 1px 2px #bbb;

}



#wap-tagline {

	color: #333;

	display: block;

	text-align: right;

	line-height: 1.3;

}



#wap-call {

	margin-right: .25em;

}



/* Substance with style */



#sws {

	padding: 6px 1.5em 0 0;

}



#sws h3 {

	color: #484848;

}



#sws p {

	font-size: 100%;

}



#sws p+p {

	margin-top: 0;

	text-indent: 1.25em;

}



#sws-call {

	margin-right: .5em;

}



/* Coming Soon! */



#cs {

	color: inherit;

	text-decoration: none;

	display: block;

}



#cs span {

	font-weight: bold;

	color: #E45C3D;

}



#cs a {

	color: black;

	font-weight: normal;

}



/* Get started */

#gs {

	padding: 0 22px 22px 22px;

	-moz-box-shadow: 2px 2px 10px #282828;

	-webkit-box-shadow: 2px 2px 10px #282828;

	box-shadow: 2px 2px 10px #282828;

	background-color: #444;

	margin-top: 22px;

}



#gs span {

	display: block;

	text-align: right;

	font-size: 175%;

	margin-top: .25em;

}



.fp-buttons {

	position: absolute;

	bottom: 20px;

	left: 20px;

}



.fp-buttons li {

	float: right;

	list-style-type: none;

	background-color: #e45c3d;

}



.fp-buttons li a {

	display: block;

	color: white;

	padding: 14px 1.25em 12px 1.25em;

	line-height: 1.0;

	font-size: 130%;

}



.fp-buttons li.last-child a,

.fp-buttons li:last-child a {

	background-position: left top;

	background-repeat: no-repeat;

	border: none;

}



.fp-buttons li:first-child {

	background-color: #e4953d;

}



.fp-buttons li:first-child a:hover {

	background-color: #945814;

}



.fp-buttons li.last-child,

.fp-buttons li:last-child {

	background-color: #c4346e;

}



.fp-buttons li.last-child a:hover,

.fp-buttons li:last-child a:hover {

	background-color: #7f113e;

}



.fp-buttons li a:hover {

	background-color: #942C14;

}



.clearfix,

br.clearfix {

	display: inline;

	clear: both;

	height: 0;

	width: 0;

	font-size: 0;

	line-height: 0;

}



/* Backgrounds */



#header-wrap,

#nav-wrap,

#subnav-wrap,

#content-wrap,

#secondary-wrap {

	width: 100%;

}



#header,

#nav,

#subnav,

#secondary,

#frontpage-content,

#content {

	width: 960px;

	margin: 0 auto;

	position: relative;

}



#header-wrap {

	background-color: #fff;

}



#content-wrap {

	background-color: transparent;

}



#nav-wrap {

	background-color: #fff;

}

#subnav-wrap {

	background-color: transparent;

}

#secondary-wrap {

	background-color: #333;

}



#content,

#frontpage-content,

#secondary-content,

#nav {

	background-color: white;

}



body {

	background-color: #dde8e8;

}



#content {

	width: 928px;

	padding: 0 16px;

	font-size: 14px;

}



#footer {

	background-color: #333;

}



.home #content {

	padding: 0;

	width: 960px;

}



#content .post {

	width: 624px;

	padding: 0 16px 16px 0;

	margin-right: 320px;

}



.sidebar {

	width: 288px;

}



.screen-reader-text {

	display: none;

}

/*GRC styles*/

#footer a {
    color: #ff0000 !important;
    font-size: 14px;
}

#footer a:hover {
    color: #fff !important;
    font-size: 14px;
}

#secondary-content #email img {
	background-color: #fff;
}