/* briandesmond.com LESS-CSS file, contains code for full site */
/* Variables ------------------------------------ */
/* Colors */
/* Fonts */

/* Verb Condensed Regular */

@font-face {
  font-family: 'verbcond';
  src: url('/less/fonts/VerbCondRegular-webfont.eot');
  src: url('/less/fonts/VerbCondRegular-webfont.eot?#iefix') format('embedded-opentype'), url('/less/fonts/VerbCondRegular-webfont.ttf') format('truetype'), url('/less/fonts/VerbCondRegular-webfont.svg#verbcondregular_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Verb Condensed Regular Italic */

@font-face {
  font-family: 'verbcond';
  src: url('/less/fonts/VerbCondRegular-Italic-webfont.eot');
  src: url('/less/fonts/VerbCondRegular-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/less/fonts/VerbCondRegular-Italic-webfont.ttf') format('truetype'), url('/less/fonts/VerbCondRegular-Italic-webfont.svg#verbcondregular_italic') format('svg');
  font-weight: normal;
  font-style: italic;
}
/* Verb Condensed Bold */

@font-face {
  font-family: 'verbcond';
  src: url('/less/fonts/VerbCondBold-webfont.eot');
  src: url('/less/fonts/VerbCondBold-webfont.eot?#iefix') format('embedded-opentype'), url('/less/fonts/VerbCondBold-webfont.ttf') format('truetype'), url('/less/fonts/VerbCondBold-webfont.svg#verbcondbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
/* Verb Condensed Bold Italic */

@font-face {
  font-family: 'verbcond';
  src: url('/less/fonts/VerbCondBold-Italic-webfont.eot');
  src: url('/less/fonts/VerbCondBold-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/less/fonts/VerbCondBold-Italic-webfont.ttf') format('truetype'), url('/less/fonts/VerbCondBold-Italic-webfont.svg#verbcondbold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
/* Class definitions -------------------------------------- */

.sans {
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.sans-italic {
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: italic;
}
.sans-bold {
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.sans-bold-italic {
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-style: italic;
}
.left {
  float: left;
}
.right {
  float: right;
}
.spacer {
  margin-right: 1.5em;
}
.nodisplay {
  display: none;
}
.nowrap {
  white-space: nowrap;
}
.noscroll {
  overflow: hidden;
}
/* Style Classes ------------------------------------ */

.bg-grey {
  background-color: #666666;
  color: white;
}
.bg-grey a,
.bg-grey a:visited {
  color: white;
}
.bg-light-grey {
  background-color: #afafaf;
  color: black;
}
.bg-light-grey a,
.bg-light-grey a:visited {
  color: black;
}
.bg-white {
  background-color: white;
  color: black;
}
.bg-white a,
.bg-white a:visited {
  color: black;
}
.bg-green {
  background-color: #66c766;
  color: white;
}
.bg-green a,
.bg-green a:visited {
  color: white;
}
.bg-blue {
  background-color: #3394ff;
  color: white;
}
.bg-blue a,
.bg-blue a:visited {
  color: white;
}
.bg-yellow {
  background-color: #fff1cc;
  color: black;
}
.bg-yellow a,
.bg-yellow a:visited {
  color: black;
}
.bg-orange {
  background-color: #ff9433;
  color: white;
}
.bg-orange a,
.bg-orange a:visited {
  color: white;
}
.bg-red {
  background-color: #ff6600;
  color: white;
}
.bg-red a,
.bg-red a:visited {
  color: white;
}
.no-shadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: 3px 3px 5px 6px #cccccc;
  box-shadow: 3px 3px 5px 6px #cccccc;
}
/* Mix-ins -------------------------------------------- */
/* Mix-in for nav buttons */
/* The multiple-background business is a (CSS legal) trick to fool older browsers */
/* HTML Elements ------------------------------------ */

small {
  display: block;
  color: #666666;
  font-size: 8pt;
  font-style: italic;
  line-height: 16pt;
}
/* Forms */

label {
  display: inline-block;
  min-width: 10em;
  line-height: 23pt;
  vertical-align: top;
}
input:not([type="radio"]):not([type="checkbox"]),
button,
fieldset,
textarea,
select {
  border: 1px solid #666666;
  background-color: #fafafa;
  font-size: 10pt;
  line-height: 13pt;
  padding: 2pt 4pt;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin: 3px;
  -webkit-appearance: none;
}
input[type='reset'],
input[type='submit'],
button {
  text-transform: uppercase;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
textarea {
  max-width: 30em;
}
select {
  padding-right: 24px;
  background: url("/less/images/icons/bg-arrow-down.png") no-repeat right transparent;
}
.field-validation-error {
  padding: 4px;
  background-color: #ffc733;
}
/* Articles, posts ------------------------------------ */

article div:not(#content-header) {
  margin-bottom: 4px;
  padding: 0.3em 0.2em 0 0.2em;
}
div.post,
article.post {
  font-size: 10pt;
  line-height: 13pt;
  float: left;
  clear: left;
  max-width: 100%;
  padding-bottom: 5px;
  background-color: white;
  /* Lists */

  /* Ads, callouts, items smaller than column */

}
div.post img,
article.post img {
  height: auto;
  width: auto;
  max-width: 98%;
  margin: 4px;
}
div.post ol,
article.post ol,
div.post ul,
article.post ul {
  margin: 0;
  margin-left: 42px;
  padding: 0;
}
div.post ol li,
article.post ol li,
div.post ul li,
article.post ul li {
  position: relative;
  margin-bottom: 0;
  padding-left: 0.5em;
  padding-bottom: 2px;
  border-left: 3px solid #afafaf;
  margin-bottom: 0.4em;
}
div.post ol li ol li,
article.post ol li ol li,
div.post ul li ol li,
article.post ul li ol li,
div.post ol li ul li,
article.post ol li ul li,
div.post ul li ul li,
article.post ul li ul li {
  border-left: none;
}
div.post ul li,
article.post ul li {
  list-style-type: none;
}
div.post table,
article.post table {
  max-width: 100%;
}
div.post table td,
article.post table td {
  margin: 0;
  padding: 3px 3px 10px 3px;
}
div.post table.bordered,
article.post table.bordered {
  border: 0;
  border-right: 2px solid #afafaf;
  border-bottom: 2px solid #afafaf;
}
div.post table.bordered td,
article.post table.bordered td {
  border: 0;
  border-top: 2px solid #afafaf;
  border-left: 2px solid #afafaf;
}
div.post .post-header,
article.post .post-header {
  display: block;
  content: " ";
  width: 45px;
  height: 45px;
  line-height: 45px;
  float: right;
}
div.post .post-header.globe,
article.post .post-header.globe {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/globe.png");
  background-image: url("/less/images/icons/svg/globe.svg"), none;
}
div.post .post-header.book,
article.post .post-header.book {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/book.png");
  background-image: url("/less/images/icons/svg/book.svg"), none;
}
div.post .post-header.pencil,
article.post .post-header.pencil {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/pencil.png");
  background-image: url("/less/images/icons/svg/pencil.svg"), none;
}
div.post .post-header.gear,
article.post .post-header.gear {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/gear.png");
  background-image: url("/less/images/icons/svg/gear.svg"), none;
}
div.post .post-date,
article.post .post-date {
  color: #afafaf;
  line-height: 45px;
}
div.post .post-title,
article.post .post-title {
  margin: 0;
  padding: 0 0.4em;
}
div.post .post-body,
article.post .post-body {
  overflow-y: hidden;
  text-overflow: ellipsis;
}
div.post .post-share,
article.post .post-share {
  min-height: 20px;
}
div.post .post-share a,
article.post .post-share a,
div.post .post-share span,
article.post .post-share span,
div.post .post-share div,
article.post .post-share div {
  display: inline-block;
  float: left;
}
div.post.compact,
article.post.compact {
  z-index: 60;
}
div.post.compact:hover,
article.post.compact:hover {
  background-color: #fff1cc;
  color: black;
  cursor: s-resize;
}
div.post.compact:hover a,
article.post.compact:hover a,
div.post.compact:hover a:visited,
article.post.compact:hover a:visited {
  color: black;
}
div.post.compact .post-share:before,
article.post.compact .post-share:before {
  content: "...";
  display: block;
  clear: both;
}
div.post.expanded,
article.post.expanded {
  z-index: 61;
}
div.post.expanded:hover,
article.post.expanded:hover {
  background-color: #fff1cc;
  color: black;
  cursor: n-resize;
}
div.post.expanded:hover a,
article.post.expanded:hover a,
div.post.expanded:hover a:visited,
article.post.expanded:hover a:visited {
  color: black;
}
div.post:after,
article.post:after {
  content: "";
  display: block;
  clear: both;
  margin-top: .5em;
  border-bottom: 1px solid #afafaf;
  max-width: 240px;
}
div.post div.callout,
article.post div.callout {
  text-align: left;
  font-size: 8pt;
  font-style: italic;
  width: 100%;
  padding: 0.4em 0;
}
/* Articles */

.articles {
  width: 100%;
}
.articles div {
  padding: 0 0.4em;
}
.articles.maxcol4 article {
  width: 25%;
}
.articles.maxcol3 article {
  width: 33%;
}
.articles.maxcol2 article {
  width: 50%;
}
.articles.maxcol1 article {
  width: 100%;
}
/* Sections are only used on Home Page - Must be placed after Article CSS */

section {
  display: inline-block;
  float: left;
  border-color: #afafaf;
  border-width: 1px;
  border-left-style: dotted;
  margin-bottom: 1em;
  max-width: 100%;
}
section:last-child {
  border-right-style: dotted;
}
section article {
  width: 100%;
}
section .articles.maxcol4 article,
section .articles.maxcol3 article,
section .articles.maxcol2 article,
section .articles.maxcol1 article {
  width: 100%;
}
section h1,
section h2,
section h3,
section h4,
section h5,
section h6 {
  padding: 0 0.4em;
}
.sections.maxcol4 section {
  width: 25%;
}
.sections.maxcol3 section {
  width: 33%;
}
.sections.maxcol2 section {
  width: 50%;
}
.sections.maxcol1 section {
  width: 100%;
}
.copyright {
  line-height: 13pt;
  font-size: 7pt;
  letter-spacing: 0.2pt;
}
.title {
  padding: 0.4em 0 0.2em 0.4em;
  margin: 0;
  width: 100%;
  border-top: 3px solid #afafaf;
  border-bottom: 1px solid #666666;
  background-color: white;
}
.title:hover {
  background-color: #3394ff;
  color: white;
  cursor: pointer;
}
.title:hover a,
.title:hover a:visited {
  color: white;
}
.title a {
  display: inline-block;
  padding: 0;
  color: black;
}
.title a:hover {
  color: white;
  text-decoration: none;
}
section .title,
div.col .title {
  position: relative;
  z-index: 90;
}
.paging {
  margin-top: 1em;
  line-height: 1.5em;
  font-weight: bold;
}
/* Social */

.addthis_16x16_style {
  padding-left: 3px;
}
.sharelabel {
  display: inline-block;
  min-height: 24px;
}
span.sharelabel {
  float: left;
}
a.sharelabel {
  cursor: pointer;
}
/* Callouts */

div.warning,
p.warning,
div.note,
p.note,
div.code,
p.code,
blockquote {
  position: relative;
  margin-left: 42px;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding-left: 0.3em;
  min-height: 50.4px;
  border-left-width: 3px;
  border-left-style: solid;
}
div.warning:before,
p.warning:before,
div.note:before,
p.note:before,
div.code:before,
p.code:before,
blockquote:before {
  content: '';
  position: absolute;
  width: 48px;
  height: 48px;
  left: -42px;
}
div.warning li,
p.warning li,
div.note li,
p.note li,
div.code li,
p.code li,
blockquote li {
  margin-left: 84px;
}
div.warning,
p.warning {
  border-left-color: #ff6600;
}
div.warning:before,
p.warning:before {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/warning.png");
  background-image: url("/less/images/icons/svg/warning.svg"), none;
}
div.note,
p.note {
  border-left-color: #ffc733;
}
div.note:before,
p.note:before {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/note.png");
  background-image: url("/less/images/icons/svg/note.svg"), none;
}
div.code,
p.code,
blockquote {
  font-family: 'PT Mono', Courier, monospace;
}
/* Sidebar */

.sidebar {
  float: right;
  width: 160px;
  height: 100%;
  padding-top: 6em;
  margin-left: 0.4em;
}
.sidebar p {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #afafaf;
  margin: 0.2em 0;
  padding: 0.1em 0;
}
/* HTML Tags and Layout */

html,
body {
  margin-bottom: 0;
}
body {
  background-color: white;
  color: black;
  margin: 0 auto;
  min-height: 100%;
  text-align: center;
  font-size: 10pt;
  line-height: 12pt;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: normal;
  /* BD.com color-specific and layout-specific settings */

  /* Default for un-inspired browsers (IE8) */

  /* What everyone else will see */

}
body span.navbutton {
  display: inline-block;
  float: left;
  height: 48px;
  min-width: 48px;
  vertical-align: middle;
  border-style: solid;
  border-color: #666666;
  border-width: 0;
  border-left-width: 1px;
}
body span.navbutton.menu {
  background: transparent center right no-repeat;
  background-image: url("/less/images/icons/menu-dark.png");
  background-image: url("/less/images/icons/svg/menu-dark.svg"), none;
}
body span.navbutton.menu:hover {
  background-image: url("/less/images/icons/menu-light.png");
  background-image: url("/less/images/icons/svg/menu-light.svg"), none;
}
body span.navbutton.search {
  background: transparent center right no-repeat;
  background-image: url("/less/images/icons/search-dark.png");
  background-image: url("/less/images/icons/svg/search-dark.svg"), none;
}
body span.navbutton.search:hover {
  background-image: url("/less/images/icons/search-light.png");
  background-image: url("/less/images/icons/svg/search-light.svg"), none;
}
body span.navbutton.contact {
  background: transparent center right no-repeat;
  background-image: url("/less/images/icons/email-dark.png");
  background-image: url("/less/images/icons/svg/email-dark.svg"), none;
}
body span.navbutton.contact:hover {
  background-image: url("/less/images/icons/email-light.png");
  background-image: url("/less/images/icons/svg/email-light.svg"), none;
}
body span.navbutton.twitter {
  background: transparent center right no-repeat;
  background-image: url("/less/images/icons/twitter-dark.png");
  background-image: url("/less/images/icons/svg/twitter-dark.svg"), none;
}
body span.navbutton.twitter:hover {
  background-image: url("/less/images/icons/twitter-light.png");
  background-image: url("/less/images/icons/svg/twitter-light.svg"), none;
}
body span.navbutton.linkedin {
  background: transparent center right no-repeat;
  background-image: url("/less/images/icons/linkedin-dark.png");
  background-image: url("/less/images/icons/svg/linkedin-dark.svg"), none;
}
body span.navbutton.linkedin:hover {
  background-image: url("/less/images/icons/linkedin-light.png");
  background-image: url("/less/images/icons/svg/linkedin-light.svg"), none;
}
body span.navbutton.facebook {
  background: transparent center right no-repeat;
  background-image: url("/less/images/icons/facebook-dark.png");
  background-image: url("/less/images/icons/svg/facebook-dark.svg"), none;
}
body span.navbutton.facebook:hover {
  background-image: url("/less/images/icons/facebook-light.png");
  background-image: url("/less/images/icons/svg/facebook-light.svg"), none;
}
body span.navbutton.rss {
  background: transparent center right no-repeat;
  background-image: url("/less/images/icons/rss-dark.png");
  background-image: url("/less/images/icons/svg/rss-dark.svg"), none;
}
body span.navbutton.rss:hover {
  background-image: url("/less/images/icons/rss-light.png");
  background-image: url("/less/images/icons/svg/rss-light.svg"), none;
}
body span.navbutton:hover {
  background-color: white;
  cursor: pointer;
}
body span.navbutton a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
body #header-wrapper,
body #footer-wrapper {
  background-color: #666666;
  color: white;
}
body #header-wrapper a,
body #footer-wrapper a,
body #header-wrapper a:visited,
body #footer-wrapper a:visited {
  color: white;
}
body #header #nav .logo span.logotype {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-green.png");
  background-image: url("/less/images/icons/svg/logo-green.svg"), none;
}
body.index #header-wrapper {
  background-color: #666666;
  color: white;
}
body.index #header-wrapper a,
body.index #header-wrapper a:visited {
  color: white;
}
body.index #main-wrapper {
  padding-top: 72px;
}
body.index #header {
  min-height: 72px;
}
body.index #header #nav-wrapper {
  background-color: white;
  color: black;
}
body.index #header #nav-wrapper a,
body.index #header #nav-wrapper a:visited {
  color: black;
}
body.index #header span.navbutton {
  border-color: black;
}
body.index #header span.navbutton:hover {
  background-color: #3394ff;
  cursor: pointer;
}
body.index #header span.navbutton a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
body.index #footer-wrapper {
  background-color: #666666;
  color: white;
}
body.index #footer-wrapper a,
body.index #footer-wrapper a:visited {
  color: white;
}
body.index #footer p {
  background-color: white;
  color: black;
}
body.index #footer p a,
body.index #footer p a:visited {
  color: black;
}
body.index .nav-breadcrumbs,
body.index .nav-breadcrumbs a,
body.index .nav-links,
body.index .nav-links a {
  color: white !important;
}
body.index .addthis_sharing_toolbox {
  opacity: 0;
}
body:not(.index) #header-wrapper,
body:not(.index) #footer-wrapper {
  background-color: white;
  color: black;
}
body:not(.index) #header-wrapper a,
body:not(.index) #footer-wrapper a,
body:not(.index) #header-wrapper a:visited,
body:not(.index) #footer-wrapper a:visited {
  color: black;
}
body:not(.index) #header,
body:not(.index) #footer {
  background-color: #3394ff;
  color: white;
}
body:not(.index) #header a,
body:not(.index) #footer a,
body:not(.index) #header a:visited,
body:not(.index) #footer a:visited {
  color: white;
}
body:not(.index) span.navbutton:not(.menu) {
  border-left: 1px solid white;
}
body:not(.index) span.navbutton:not(.menu).menu {
  background: transparent center center no-repeat;
  background-image: url("/less/images/icons/menu-light.png");
  background-image: url("/less/images/icons/svg/menu-light.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).menu:hover {
  background-image: url("/less/images/icons/menu-dark.png");
  background-image: url("/less/images/icons/svg/menu-dark.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).search {
  background: transparent center center no-repeat;
  background-image: url("/less/images/icons/search-light.png");
  background-image: url("/less/images/icons/svg/search-light.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).search:hover {
  background-image: url("/less/images/icons/search-dark.png");
  background-image: url("/less/images/icons/svg/search-dark.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).contact {
  background: transparent center center no-repeat;
  background-image: url("/less/images/icons/email-light.png");
  background-image: url("/less/images/icons/svg/email-light.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).contact:hover {
  background-image: url("/less/images/icons/email-dark.png");
  background-image: url("/less/images/icons/svg/email-dark.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).twitter {
  background: transparent center center no-repeat;
  background-image: url("/less/images/icons/twitter-light.png");
  background-image: url("/less/images/icons/svg/twitter-light.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).twitter:hover {
  background-image: url("/less/images/icons/twitter-dark.png");
  background-image: url("/less/images/icons/svg/twitter-dark.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).linkedin {
  background: transparent center center no-repeat;
  background-image: url("/less/images/icons/linkedin-light.png");
  background-image: url("/less/images/icons/svg/linkedin-light.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).linkedin:hover {
  background-image: url("/less/images/icons/linkedin-dark.png");
  background-image: url("/less/images/icons/svg/linkedin-dark.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).facebook {
  background: transparent center center no-repeat;
  background-image: url("/less/images/icons/facebook-light.png");
  background-image: url("/less/images/icons/svg/facebook-light.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).facebook:hover {
  background-image: url("/less/images/icons/facebook-dark.png");
  background-image: url("/less/images/icons/svg/facebook-dark.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).rss {
  background: transparent center center no-repeat;
  background-image: url("/less/images/icons/rss-light.png");
  background-image: url("/less/images/icons/svg/rss-light.svg"), none;
}
body:not(.index) span.navbutton:not(.menu).rss:hover {
  background-image: url("/less/images/icons/rss-dark.png");
  background-image: url("/less/images/icons/svg/rss-dark.svg"), none;
}
body:not(.index) span.navbutton:not(.menu):hover {
  background-color: white;
}
body:not(.index) span.navbutton.menu:hover {
  background-color: #666666;
}
body:not(.index) .nav-breadcrumbs,
body:not(.index) .nav-breadcrumbs a,
body:not(.index) .nav-links,
body:not(.index) .nav-links a {
  color: black !important;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
body:not(.index) section {
  border: none;
}
body.bd-grey.index #header #nav .logo span.logotype {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-green.png");
  background-image: url("/less/images/icons/svg/logo-green.svg"), none;
}
body.bd-blue:not(.index) #header,
body.bd-blue:not(.index) #footer {
  background-color: #3394ff;
  color: white;
}
body.bd-blue:not(.index) #header a,
body.bd-blue:not(.index) #footer a,
body.bd-blue:not(.index) #header a:visited,
body.bd-blue:not(.index) #footer a:visited {
  color: white;
}
body.bd-blue.index #header #nav .logo span.logotype {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-blue.png");
  background-image: url("/less/images/icons/svg/logo-blue.svg"), none;
}
body.bd-green:not(.index) #header,
body.bd-green:not(.index) #footer {
  background-color: #66c766;
  color: white;
}
body.bd-green:not(.index) #header a,
body.bd-green:not(.index) #footer a,
body.bd-green:not(.index) #header a:visited,
body.bd-green:not(.index) #footer a:visited {
  color: white;
}
body.bd-green.index #header #nav .logo span.logotype {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-green.png");
  background-image: url("/less/images/icons/svg/logo-green.svg"), none;
}
body.bd-yellow:not(.index) #header,
body.bd-yellow:not(.index) #footer {
  background-color: #fff1cc;
  color: black;
}
body.bd-yellow:not(.index) #header a,
body.bd-yellow:not(.index) #footer a,
body.bd-yellow:not(.index) #header a:visited,
body.bd-yellow:not(.index) #footer a:visited {
  color: black;
}
body.bd-yellow.index #header #nav .logo span.logotype {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-yellow.png");
  background-image: url("/less/images/icons/svg/logo-yellow.svg"), none;
}
body.bd-orange:not(.index) #header,
body.bd-orange:not(.index) #footer {
  background-color: #ff9433;
  color: white;
}
body.bd-orange:not(.index) #header a,
body.bd-orange:not(.index) #footer a,
body.bd-orange:not(.index) #header a:visited,
body.bd-orange:not(.index) #footer a:visited {
  color: white;
}
body.bd-orange.index #header #nav .logo span.logotype {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-orange.png");
  background-image: url("/less/images/icons/svg/logo-orange.svg"), none;
}
body.bd-red:not(.index) #header,
body.bd-red:not(.index) #footer {
  background-color: #ff6600;
  color: white;
}
body.bd-red:not(.index) #header a,
body.bd-red:not(.index) #footer a,
body.bd-red:not(.index) #header a:visited,
body.bd-red:not(.index) #footer a:visited {
  color: white;
}
body.bd-red.index #header #nav .logo span.logotype {
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-red.png");
  background-image: url("/less/images/icons/svg/logo-red.svg"), none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
h1 {
  font-size: 14pt;
  line-height: 17pt;
}
h2 {
  font-size: 12pt;
  line-height: 14pt;
}
h3 {
  font-size: 11pt;
  line-height: 13pt;
}
h4 {
  font-size: 10pt;
  line-height: 12pt;
}
h5 {
  font-size: 9pt;
  line-height: 11pt;
}
h6 {
  font-size: 8pt;
  line-height: 10pt;
}
a {
  color: #004999;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
div.wrapper {
  width: 100%;
}
div.container {
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
#header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 105;
}
#header {
  height: 48px;
  max-width: 1120px;
}
#header #nav {
  height: 48px;
  padding: 0;
  /* Fix iPad flicker */
  -webkit-tap-highlight-color: transparent;
}
#header #nav .logo {
  float: left;
  height: 38.4px;
  padding: 0.4em 2em 0.4em 0.1em;
  white-space: nowrap;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#header #nav .logo span {
  margin: 0;
}
#header #nav .logo span.logotype {
  display: inline-block;
  position: relative;
  float: left;
  width: 38px;
  height: 48px;
  top: -9px;
  background-color: transparent center center no-repeat;
  background-image: url("/less/images/icons/logo-white.png");
  background-image: url("/less/images/icons/svg/logo-white.svg"), none;
}
#header #nav .logo span.name {
  font-size: 15pt;
  line-height: 2.4em;
  letter-spacing: 0.5pt;
}
#header #nav .logo span.url {
  display: none;
}
#header #nav .logo a {
  text-decoration: none;
}
#main-wrapper {
  position: relative;
  min-height: 100%;
  max-width: 99%;
  padding-top: 72px;
  padding-bottom: 1.7em;
  z-index: 3;
}
#main {
  display: inline-block;
  width: 100%;
  max-width: 1120px;
}
#main #content {
  position: relative;
  width: 100%;
  padding: 0.4em 0;
  margin-top: 3px;
}
#main #content #content-header-box {
  font-size: 13pt;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#main #content a {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */

}
#column-wrapper {
  overflow: hidden;
}
#footer-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 0;
  overflow: hidden;
  z-index: 104;
}
#footer {
  height: 100%;
  max-width: 1120px;
  padding-top: 0.4em;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
#footer .copyright {
  margin: 0;
  padding: 0 0.5em;
}
/* mix-in for nav buttons */
/* The multiple-background business is a (CSS legal) trick to fool older browsers */
/* Site-specific classes */

.nav {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.menu-toggle.mobile {
  position: relative;
  display: none;
  float: left;
}
.menu-toggle.mobile span.navbutton {
  border-left: none;
  border-right: 1px solid #666666;
  background-color: #eeeeee;
}
.nav-buttons {
  position: relative;
  display: inline-block;
  float: right;
}
.nav-menu {
  position: relative;
  display: none;
  padding: 0.6em 1em;
  min-width: 240px;
  text-transform: uppercase;
  background-color: #eeeeee;
  clear: left;
  border: 1px solid #666666;
  z-index: 6;
}
.nav-menu ul {
  width: 100%;
  list-style: none;
  margin: 0 0 0 0.5em;
  padding: 0;
  border-bottom: 1px solid #666666;
}
.nav-menu ul:last-child {
  border-bottom: none;
}
.nav-menu ul li {
  width: 100%;
  margin: 1em 0.2em;
}
.nav-menu ul li a {
  display: inline-block;
  width: 100%;
  color: #004999 !important;
  text-decoration: none;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.nav-menu ul li a:hover {
  text-decoration: underline;
}
.nav-menu.mobile {
  border-right: none;
  border-left: none;
}
.nav-menu.mobile .navbuttons {
  margin: 0 0 0 0.5em;
  height: 48px;
}
.nav-menu.mobile .navbuttons .navbutton {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-color: black;
}
.nav-menu.mobile .navbuttons .navbutton:last-child {
  border-right-width: 1px;
}
.nav-menu.mobile .navbuttons .navbutton:hover {
  background-color: #3394ff;
  cursor: pointer;
}
.nav-menu.mobile .navbuttons .navbutton a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.nav-menu:not(.mobile) {
  position: absolute;
}
.nav-menu input {
  width: 240px;
}
.nav-overlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: white;
  opacity: .5;
}
.nav-breadcrumbs,
.nav-breadcrumbs-mobile,
.nav-links {
  position: relative;
  padding: 0;
  margin: 0 auto;
  z-index: 4;
  font-size: 8pt;
}
.nav-breadcrumbs ul,
.nav-breadcrumbs-mobile ul,
.nav-links ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.nav-breadcrumbs ul li,
.nav-breadcrumbs-mobile ul li,
.nav-links ul li {
  display: inline-block;
  padding: 0.5em 0.6em;
}
.nav-breadcrumbs ul li a,
.nav-breadcrumbs-mobile ul li a,
.nav-links ul li a {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.4pt;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.nav-breadcrumbs ul li a:hover,
.nav-breadcrumbs-mobile ul li a:hover,
.nav-links ul li a:hover {
  text-decoration: underline;
  color: #cce4ff !important;
}
.nav-breadcrumbs ul li:after,
.nav-breadcrumbs-mobile ul li:after {
  content: " »";
}
.nav-breadcrumbs ul li:last-child:after,
.nav-breadcrumbs-mobile ul li:last-child:after {
  content: "";
}
.nav-breadcrumbs-mobile {
  clear: both;
  margin: 0 0 0 0.5em;
  padding: 1em 0.3em;
  border-bottom: 1px solid #666666;
}
.nav-breadcrumbs-mobile ul {
  width: auto;
}
.nav-breadcrumbs-mobile ul li {
  width: auto;
  font-size: 10pt;
  padding: 0.2em;
  margin: 0;
}
.nav-breadcrumbs-mobile ul li a {
  width: auto;
  font-family: "verbcond", "Microsoft Sans-Serif", Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.nav-links {
  clear: left;
  float: right;
}
.nav-breadcrumbs {
  clear: left;
  float: left;
}
@media screen and (max-width: 1024px) {
  .articles.maxcol4 article {
    width: 32%;
  }
  /* Sections - only used on home page */
  
  .sections.maxcol4 section {
    width: 100%;
  }
  .sections.maxcol4 section article {
    width: 48%;
  }
}
@media screen and (max-width: 800px) {
  .menu-toggle.mobile {
    display: inline-block;
  }
  .nav-links,
  .nav-breadcrumbs,
  .nav-buttons.main {
    display: none;
  }
  #nav-wrapper {
    margin-right: 0;
  }
  #main-wrapper {
    padding-top: 48px;
  }
  .sidebar {
    padding-top: 5px;
    height: auto;
    float: left;
    clear: both;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  #main #content {
    padding-top: 0;
    margin-top: 0;
  }
  /* Forms */
  
  textarea {
    max-width: 96%;
  }
  /* Articles */
  
  .articles.maxcol4 article,
  .articles.maxcol3 article,
  .articles.maxcol2 article {
    width: 48%;
  }
  .articles.maxcol1 article {
    width: 97%;
  }
  /* Sections are only used on Index Pages - Must be placed after Article CSS */
  
  section {
    position: relative;
    z-index: 3;
    overflow: hidden;
    border-left-style: none;
    border-right-style: none;
    margin-top: 0;
  }
  section:last-child {
    border-right-style: none;
  }
  section article {
    width: 48%;
  }
  section .articles {
    position: relative;
    z-index: 3;
  }
  section .title {
    background-image: url("/less/images/icons/bg-arrow-down.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 24px;
  }
  section.compact .title {
    background-image: url("/less/images/icons/bg-arrow-right.png");
  }
  .sections.maxcol2 section,
  .sections.maxcol3 section {
    width: 100%;
  }
  /* Section labels (for mobile compact sections) */
  
  .section-label {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4;
    padding: 0 0 .2em .4em;
    background-color: rgba(255, 255, 255, 0);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), white);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0), white);
    font-size: 90%;
    cursor: pointer;
  }
  .section-label:hover {
    text-decoration: underline;
    color: #004999;
  }
  /* Color-specific */
  
  body.index #header {
    min-height: 52.8px;
  }
  body.index #main-wrapper {
    padding-top: 52.8px;
  }
  body.bd-blue:not(.index) #header,
  body.bd-green:not(.index) #header,
  body.bd-yellow:not(.index) #header,
  body.bd-orange:not(.index) #header,
  body.bd-red:not(.index) #header {
    background-color: white;
    color: black;
    border-bottom-width: 3px;
    border-bottom-style: solid;
  }
  body.bd-blue:not(.index) #header a,
  body.bd-green:not(.index) #header a,
  body.bd-yellow:not(.index) #header a,
  body.bd-orange:not(.index) #header a,
  body.bd-red:not(.index) #header a,
  body.bd-blue:not(.index) #header a:visited,
  body.bd-green:not(.index) #header a:visited,
  body.bd-yellow:not(.index) #header a:visited,
  body.bd-orange:not(.index) #header a:visited,
  body.bd-red:not(.index) #header a:visited {
    color: black;
  }
  body.bd-blue:not(.index) #header {
    border-color: #3394ff;
  }
  body.bd-blue:not(.index) #header #nav .logo span.logotype {
    background-color: transparent center center no-repeat;
    background-image: url("/less/images/icons/logo-blue.png");
    background-image: url("/less/images/icons/svg/logo-blue.svg"), none;
  }
  body.bd-green:not(.index) #header {
    border-color: #66c766;
  }
  body.bd-green:not(.index) #header #nav .logo span.logotype {
    background-color: transparent center center no-repeat;
    background-image: url("/less/images/icons/logo-green.png");
    background-image: url("/less/images/icons/svg/logo-green.svg"), none;
  }
  body.bd-yellow:not(.index) #header:not(.index) {
    border-color: #ffc733;
  }
  body.bd-yellow:not(.index) #header:not(.index) #nav .logo span.logotype {
    background-color: transparent center center no-repeat;
    background-image: url("/less/images/icons/logo-yellow.png");
    background-image: url("/less/images/icons/svg/logo-yellow.svg"), none;
  }
  body.bd-orange:not(.index) #header:not(.index) {
    border-color: #ff9433;
  }
  body.bd-orange:not(.index) #header:not(.index) #nav .logo span.logotype {
    background-color: transparent center center no-repeat;
    background-image: url("/less/images/icons/logo-orange.png");
    background-image: url("/less/images/icons/svg/logo-orange.svg"), none;
  }
  body.bd-red:not(.index) #header {
    border-color: #ff6600;
  }
  body.bd-red:not(.index) #header #nav .logo span.logotype {
    background-color: transparent center center no-repeat;
    background-image: url("/less/images/icons/logo-red.png");
    background-image: url("/less/images/icons/svg/logo-red.svg"), none;
  }
}
@media screen and (max-width: 565px) {
  .articles.maxcol4 article,
  .articles.maxcol3 article,
  .articles.maxcol2 article,
  .articles.maxcol1 article {
    width: 97%;
  }
  /* Sections are only used on Index Pages - Must be placed after Article CSS */
  
  section article {
    width: 97%;
  }
}
/* Ad containers */

.responsive {
  width: 320px;
  height: 50px;
}
@media (min-width: 500px) {
  .responsive {
    width: 468px;
    height: 60px;
  }
}
@media (min-width: 800px) {
  .responsive {
    width: 728px;
    height: 90px;
  }
}
.article-bottom-rectangle-01-r {
  width: 320px;
  height: 50px;
}
@media (min-width: 500px) {
  .article-bottom-rectangle-01-r {
    width: 468px;
    height: 60px;
  }
}
@media (min-width: 800px) {
  .article-bottom-rectangle-01-r {
    width: 728px;
    height: 90px;
  }
}
/* Search Result fixes */

.gsc-result .gs-title {
  height: auto !important;
}
#umbracoPreviewBadge {
  z-index: 999;
}