/* ! Do not edit CSS; only edit original SCSS source ! */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

.site-title.viewpoints { width: 100%; padding-bottom: 20.88%; }

.masthead-article .site-title.viewpoints, .masthead-download .site-title.viewpoints, .masthead-media .site-title.viewpoints, .masthead-entry .site-title.viewpoints, .masthead-about .site-title { width: 100%; padding-bottom: 13.15%; }

.masthead-home .site-title, .masthead-author .site-title, .masthead-section .site-title { width: 45%; padding-bottom: 10.44%; }

.masthead-search .site-title { width: 45%; padding-bottom: 5.91%; }

.super-menu .super-menu-title, .content-home-sections .sections-intro .sections-intro-title, section.authors h2, body.author article.listing-blog .listing-content .listing-title .listing-category, body.section article.listing-blog .listing-content .listing-title .listing-category, article section.related h2, article section.related .related-subtitle, #infscr-loading { font-family: "brandon-grotesque","Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; text-transform: uppercase; }

body { font-family: "dejarip", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; line-height: 1.35em; font-weight: 400; color: #000; background: #fff; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 { font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; text-rendering: optimizelegibility; orphans: 3; widows: 3; page-break-after: avoid; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; }

h1 { font-size: 2.875em; font-weight: 400; line-height: 1.0125em; margin: 0 0 0.3375em; }

h1 strong { font-weight: 600; }

h2 { font-size: 2.125em; font-weight: 400; line-height: 1.0125em; margin: 0.3375em 0; }

h2 strong { font-weight: 600; }

h3 { font-size: 2em; line-height: 1.0125em; margin: 0.3375em 0; }

h3 strong { font-weight: 600; }

h4, h5, h6 { font-size: 1.5em; font-weight: 600; line-height: 1.0125em; margin: 0.3375em 0; }

p { font-size: 1em; line-height: 1.35em; margin: 0 0 1.0125em; orphans: 3; widows: 3; }

p.intro { font-size: 1.125em; }

.align-left { text-align: right; }

.align-center { text-align: center; }

.align-right { text-align: right; }

a:link, a:visited { color: #00729F; text-decoration: underline; -webkit-transition: color, 0.05s linear; transition: color, 0.05s linear; }

a:link:hover, a:visited:hover { color: #003b53; }

a:link:active, a:link:focus, a:visited:active, a:visited:focus { color: #003b53; }

hr { border-top: none; border-right: none; border-left: none; margin: 1.35em 0; border-bottom: 1px solid #eaf6f9; }

abbr, acronym { border-bottom: 1px dotted #eaf6f9; cursor: help; }

address { display: block; margin: 0 0 0.675em; }

hgroup { margin-bottom: 0.675em; }

del { color: #69B644; }

blockquote { font-size: 1.25em; border: 5px solid #000; border-width: 0 0 0 5px; color: #000; margin: 1.35em 0 1.35em 5px; padding: 1.35em 2.025em; page-break-inside: avoid; }

blockquote p { font-size: 1em; }

blockquote > *:first-child { margin-top: 0; }

blockquote > *:last-child { margin-bottom: 0; }

cite { font-style: italic; font-size: smaller; color: #69B644; }

cite:before { content: '\2014 \00A0'; }

strong { font-weight: bolder; }

pre, code { font-family: 'andale mono', 'monotype.com', 'lucida console', monospace, serif; line-height: 1.35em; margin: 1.35em 0; }

ul, ol { list-style-position: outside; margin-bottom: 1.35em; padding-left: 2.7em; }

ul li, ol li { line-height: 1.35em; margin-bottom: 0.3375em; }

ul li ul, ul li ol, ol li ul, ol li ol { padding-left: 0.675em; margin-bottom: 0; }

dl { margin-bottom: 0.675em; }

dl dt { font-family: "dejarip", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25em; font-weight: bold; line-height: 1.08em; margin-top: 0.675em; margin-bottom: 0.3375em; }

dl dt:first-child { margin-top: 0; }

dl dd { margin-bottom: 0.3375em; margin-left: 2.7em; line-height: 1.1475em; }

table { width: 100%; margin-bottom: 1.35em; border: solid 0px transparent; border-collapse: collapse; }

table tr:nth-child(odd) { background-color: rgba(0, 0, 0, 0.05); }

table th { font-weight: 700; }

table th, table td { padding: 0.675em; text-align: left; vertical-align: top; }

table thead { font-weight: bold; color: #69B644; }

table thead tr, table thead tr:nth-child(odd) { background-color: transparent; }

table thead th, table thead td { padding-top: 0.3375em; padding-bottom: 0.3375em; vertical-align: bottom; font-size: 0.875em; }

table.table tbody tr:nth-child(odd) { background: rgba(0, 0, 0, 0.05); }

table caption { caption-side: top; padding-bottom: 0.675em; }

img { max-width: 100%; height: auto !important; margin: 0; }

img.left, img.img-left { float: left; margin: 0 0.675em 1.35em 0; }

p img.left, p img.img-left { margin: 0.675em 1.35em 1.35em 0; width: 30%; max-width: 450px; min-width: 200px; }

@media screen and (max-width: 480px) { img.left, img.img-left { display: block; float: none; width: 75%; min-width: 75%; max-width: 75%; margin: 0.675em auto; } }

img.right, img.img-right { float: right; margin: 0 0 0 1.35em; }

p img.right, p img.img-right { margin: 0.675em 0 1.35em 1.35em; width: 30%; max-width: 450px; min-width: 200px; }

@media screen and (max-width: 480px) { img.right, img.img-right { display: block; float: none; width: 75%; min-width: 75%; max-width: 75%; margin: 0.675em auto; } }

img.half, img.img-half { width: 50%; min-width: 50%; max-width: 50%; }

@media screen and (max-width: 480px) { img.half, img.img-half { width: 100%; min-width: 100%; max-width: 100%; } }

img.center, img.img-center { display: block; margin: 0.675em auto 1.35em; }

img.block, img.img-block { display: block; margin: 0.675em 0 1.35em; }

.video { max-width: 100%; }

.video.video-left { float: left; margin: 0 1.35em 1.35em 0; width: 50%; max-width: 600px; min-width: 300px; }

.video.video-right { float: right; margin: 0 0 1.35em 1.35em; width: 50%; max-width: 600px; min-width: 300px; }

.video.video-full { width: 100%; margin: 0.675em auto 1.35em; }

.video iframe { -ms-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25); }

table { /* tbody { th { background-color: $blue; color:#fff; text-shadow: $text-shadow; } tr:nth-child(odd) { background-color: $grey; th { background-color: darken($blue,10%); } } } */ }

table thead { font-weight: bold; color: #1E334A; }

table.table-nostyle tr:nth-child(odd) { background-color: transparent; }

table.table-nostyle th, table.table-nostyle td { padding: 0 1.35em 2.7em; text-align: left; vertical-align: baseline; }

table.table-nostyle th:first-child, table.table-nostyle td:first-child { padding-left: 0; }

table.table-nostyle th:last-child, table.table-nostyle td:last-child { padding-right: 0; }

table.table-nostyle thead { font-weight: bold; color: #000; }

table.table-nostyle thead tr, table.table-nostyle thead tr:nth-child(odd) { background-color: transparent; }

table.table-highlights { margin: 1.35em 0; border-spacing: 2px; border-collapse: separate; border: solid 0px transparent; }

table.table-highlights th { padding: 0.3375em 1.35em; color: #1E334A; }

table.table-highlights td { padding: 1.35em; vertical-align: top; background-color: #eaf6f9; }

table td > *:first-child, table th > *:first-child { margin-top: 0; }

table td > *:last-child, table th > *:last-child { margin-bottom: 0; }

table td { font-size: 0.875em; }

table p { font-size: 1em; }

table ul { padding: 0; }

table ul::after { clear: both; content: ""; display: block; }

table ul li { float: left; margin: 0 1.35em 0.45em 0; font-size: 0.875em; list-style: none; }

table td.table-cell-red, table td.table-cell-blue, table td.table-cell-green { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }

table td.table-cell-red { background-color: #9E2129; }

table td.table-cell-blue { background-color: #00729F; }

table td.table-cell-green { background-color: #69B644; }

@media screen and (max-width: 480px) { table { max-width: 100%; }
  table thead, table tbody, table th, table td, table tr { display: block; width: 100% !important; padding: 0 0 0.45em; }
  table thead { display: none; }
  table.table-highlights thead, table.table-highlights tbody, table.table-highlights tr { padding: 0; }
  table.table-highlights td { margin-bottom: 2px; } }

.sidebar { font-size: 105%; color: #fff; background: #00729F; margin: 2.7em; margin-top: 0; padding: 1.35em; page-break-inside: avoid; }

.sidebar > *:first-child { margin-top: 0; }

.sidebar > *:last-child { margin-bottom: 0; }

.sidebar ul, .sidebar ol { padding-left: 1em; }

.sidebar.sidebar-left { width: 35%; float: left; margin-left: 0; }

.sidebar.sidebar-right { width: 35%; float: right; margin-right: 0; }

@media screen and (max-width: 768px) { .sidebar.sidebar-left, .sidebar.sidebar-right { width: 50%; } }

@media screen and (max-width: 480px) { .sidebar.sidebar-left, .sidebar.sidebar-right { width: 100%; margin: 1.35em 0; } }

/* Base Forms */
fieldset { padding: 0; margin: 0; border: 0; }

label { display: block; margin-bottom: 0.3375em; font-size: 1em; font-weight: 400; }

label.required::after { content: "*"; }

label abbr { display: none; }

input[type="search"] { box-sizing: border-box; }

input[type="radio"], input[type="checkbox"] { margin: 4px .5em 0 0; margin-top: 1px \9; /* IE8-9 */ line-height: normal; }

input[type="file"] { display: block; }

select[multiple], select[size] { height: auto; }

select optgroup { font-size: inherit; font-style: inherit; font-family: inherit; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { height: auto; }

select, textarea, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, .form-control { display: block; width: 100%; height: auto; margin-bottom: 0.675em; padding: 0.675em 0.675em; font-family: "dejarip", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; vertical-align: middle; color: white; background-color: rgba(0, 0, 0, 0.75); border: none; border-radius: 2px; box-sizing: border-box; -webkit-transition: all .1s ease-in; transition: all .1s ease-in; }

select:hover, textarea:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, .form-control:hover { background-color: #000; border: none; }

select:focus, textarea:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, .form-control:focus { background-color: #000; border: none; box-shadow: 0px 2px 0px #fff; outline: none; }

select[disabled], select[readonly], fieldset[disabled] select, textarea[disabled], textarea[readonly], fieldset[disabled] textarea, input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), textarea[disabled], textarea[readonly], fieldset[disabled] textarea, .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: transparent; }

select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #807f7f; }

select::-moz-placeholder, textarea::-moz-placeholder, input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder { color: #807f7f; }

select:-moz-placeholder, textarea:-moz-placeholder, input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input:not([type]):-moz-placeholder, textarea:-moz-placeholder, .form-control:-moz-placeholder { color: #807f7f; }

select:-ms-input-placeholder, textarea:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #807f7f; }

.hs-select { position: relative; }

.hs-select:after { position: absolute; top: 0.8775em; right: 0.8775em; -webkit-transform: rotate(90deg); transform: rotate(90deg); content: '<>'; font: 1em "Consolas", monospace; color: #fff; padding: 0 0 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); pointer-events: none; }

.hs-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.form-group, .hs-form-field { margin-bottom: 0.675em; }

.form-group .form-group, .hs-form-field .form-group { margin-top: -0.675em; }

.form-group .inputs-list, .hs-form-field .inputs-list { padding: 0; margin: 0; list-style: none; }

.form-instructions { margin-top: 1.35em; }

.form-instructions > * { margin: 0 0 0.45em; }

.form-controls { margin-top: 1.35em; }

.radio, .hs-form-radio, .checkbox, .hs-form-checkbox, .input-group li { display: block; min-height: 1em; margin-top: 0.675em; margin-bottom: 0.675em; padding-left: 20px; vertical-align: middle; }

.radio label, .hs-form-radio label, .checkbox label, .hs-form-checkbox label, .input-group li label { display: inline; margin-bottom: 0; font-weight: 400; cursor: pointer; }

input.radio, input.checkbox, .radio input[type="radio"], .hs-form-radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .hs-form-checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; }

.radio + .radio, .checkbox + .checkbox { margin-top: -5px; }

.radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }

input[type="radio"][disabled], fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], fieldset[disabled] input[type="checkbox"], .radio[disabled], fieldset[disabled] .radio, .radio-inline[disabled], fieldset[disabled] .radio-inline, .checkbox[disabled], fieldset[disabled] .checkbox, .checkbox-inline[disabled], fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.has-warning { border-color: #9E2129; }

.has-error { border-color: #9E2129; }

.has-success { border-color: #69B644; }

.form-control-static { margin-bottom: 0; padding-top: 0.535em; }

.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #69B644; }

@media screen and (max-width: 920px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; }
  .form-inline .form-control { display: inline-block; }
  .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; padding-left: 0; }
  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: none; margin-left: 0; } }

.notice { margin: 1.35em 0; padding: 0.675em 0.675em; font-family: "dejarip", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; background: rgba(0, 0, 0, 0.2); }

.notice > *:first-child { margin-top: 0; }

.notice > *:last-child { margin-bottom: 0; }

.notice-error { color: #fff; background: #9E2129; }

.notice-success { color: #fff; background: #69B644; }

/* Buttons */
a.button, button, input[type="submit"] { display: inline-block; padding: 0.675em 0.8775em; font-family: "dejarip", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; text-decoration: none; text-transform: uppercase; color: white; background: #00729F; border: 1px solid transparent; border-radius: 2px; box-shadow: 0 0 1px rgba(255, 255, 255, 0.75); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; }

a.button:hover:not(:disabled), a.button:active:not(:disabled), button:hover:not(:disabled), button:active:not(:disabled), input[type="submit"]:hover:not(:disabled), input[type="submit"]:active:not(:disabled) { background: #006086; color: white; }

nav ul, .nav ul { margin: 0; padding: 0; line-height: 1em; }

nav ul li, .nav ul li { position: relative; display: inline; }

nav ul li > ul li, .nav ul li > ul li { display: block !important; }

nav a:link, nav a:visited, .nav a:link, .nav a:visited { padding: 0.675em; color: #fff; text-decoration: none; display: inline-block; zoom: 1; *display: inline; }

nav a:link:hover, nav a:visited:hover, .nav a:link:hover, .nav a:visited:hover { color: #fff; text-decoration: underline; }

.dropdown-trigger { position: relative; }

.dropdown-trigger .dropdown { position: absolute; top: 2em; left: 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: opacity .2s ease-in, -webkit-transform .2s ease-in; transition: opacity .2s ease-in, -webkit-transform .2s ease-in; transition: opacity .2s ease-in, transform .2s ease-in; transition: opacity .2s ease-in, transform .2s ease-in, -webkit-transform .2s ease-in; /*Styles*/ padding: .25em; background: #000; }

.dropdown-trigger:hover .dropdown { display: block; opacity: 1; left: 0; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.nav-tabs::after { clear: both; content: ""; display: block; }

.nav-tabs .tab a, .nav-tabs a.tab { display: block; float: left; margin: 1px 1px 0 0; padding: 0.6075em 0.8775em; text-shadow: none; color: #fff; background-color: #00729F; text-decoration: none; }

.nav-tabs .tab a:last-child, .nav-tabs a.tab:last-child { margin-right: 0; }

.nav-tabs .tab a:hover, .nav-tabs a.tab:hover { background-color: #003b53; text-decoration: none; }

.nav-tabs li.active a, .nav-tabs a.tab.active { text-shadow: none; color: #fff; background-color: #000; }

.nav-tabs-stacked a:link, .nav-tabs-stacked a:visited { display: block; margin: 0 0 1px 0; }

.js .tabbed-content-wrapper { position: relative; }

.js .tabbed-content-wrapper .tabbed-content { position: absolute; top: 0; left: 0; opacity: 0; z-index: 0; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; }

.js .tabbed-content-wrapper .tabbed-content.active { opacity: 1; z-index: 1; }

.super-menu-icon { z-index: 500; width: 40px; height: 40px; padding: 0; background: transparent url("../images_viewpoints/menu-icon.png") 50% 50% no-repeat; background-size: 24px 24px; opacity: .5; cursor: pointer; font: 0/0 a; text-shadow: none; color: transparent; display: inline-block; zoom: 1; *display: inline; }

.super-menu-icon:hover { opacity: 1; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .super-menu-icon { background-image: url("../images_viewpoints/menu-icon@2x.png"); background-size: 24px 24px; } }

.super-menu-icon.active { background-image: url("../images_viewpoints/menu-icon.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .super-menu-icon.active { background-image: url("../images_viewpoints/menu-icon@2x.png"); background-size: 24px 24px; } }

.super-menu-icon.loading { background: none; }

.super-menu-icon.loading > .loader-wrapper { position: absolute; }

.super-menu { z-index: 400; width: auto; padding: 20px; background: rgba(0, 0, 0, 0.8); }

.accordion-trigger { display: block; margin: 0 0 1px; padding: 0.4725em 1.0125em; background-color: rgba(0, 0, 0, 0.35); color: #fff; text-decoration: none; cursor: pointer; }

.accordion-trigger:hover { background-color: rgba(0, 0, 0, 0.7); text-decoration: none; }

.accordion-trigger.active { color: #fff; background-color: #000; text-shadow: none; }

.accordion-trigger.active .icon { display: inline-block; -webkit-transform: rotate(90deg) translateX(2px); transform: rotate(90deg) translateX(2px); }

.accordion-content::after { clear: both; content: ""; display: block; }

div.content-set-item.accordion-content { overflow: hidden !important; }

@font-face { font-family: 'viewpoints-icons'; src: url("/assets/fonts/viewpoints-icons.eot?-khh7uj"); src: url("/assets/fonts/viewpoints-icons.eot?#iefix-khh7uj") format("embedded-opentype"), url("/assets/fonts/viewpoints-icons.woff?-khh7uj") format("woff"), url("/assets/fonts/viewpoints-icons.ttf?-khh7uj") format("truetype"), url("/assets/fonts/viewpoints-icons.svg?-khh7uj#viewpoints-icons") format("svg"); font-weight: normal; font-style: normal; }

.icon { font-family: "viewpoints-icons", "dejarip", "Helvetica Neue", Helvetica, Arial, sans-serif; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-home:before { content: "\e620"; }

.icon-rss:before { content: "\e61d"; }

.icon-email:before { content: "\e61e"; }

.icon-digest:before { content: "\e61f"; }

.icon-youtube:before { content: "\e60a"; }

.icon-twitter:before { content: "\e60c"; }

.icon-search:before { content: "\e610"; }

.icon-menu:before { content: "\e611"; }

.icon-linkedin:before { content: "\e612"; }

.icon-instagram:before { content: "\e613"; }

.icon-googleplus:before { content: "\e614"; }

.icon-facebook:before { content: "\e615"; }

.icon-close:before { content: "\e616"; }

.icon-strategy:before { content: "\e601"; }

.icon-retail:before { content: "\e603"; }

.icon-process-improvement:before { content: "\e604"; }

.icon-pharma:before { content: "\e605"; }

.icon-packaging:before { content: "\e606"; }

.icon-organizational-effectiveness:before { content: "\e607"; }

.icon-medical-device:before { content: "\e617"; }

.icon-it-enablers:before { content: "\e618"; }

.icon-industrial-manufacturing:before { content: "\e619"; }

.icon-high-technology:before { content: "\e61a"; }

.icon-governance:before { content: "\e61b"; }

.icon-download:before { content: "\e61c"; }

.icon-consumer-goods:before { content: "\e608"; }

.icon-comment:before { content: "\e609"; }

.icon-cio:before { content: "\e60b"; }

.icon-arrow-right:before { content: "\e60d"; }

.icon-arrow-left:before { content: "\e60e"; }

.icon-analytics:before { content: "\e60f"; }

.loader-wrapper { display: inline-block; line-height: 40px; }

.loading-text { font-size: 20px; font-weight: bold; }

.loading-text .lt { opacity: 0; -webkit-animation-name: lt_fade; animation-name: lt_fade; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 1s; animation-duration: 1s; }

.loading-text .lt1 { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }

.loading-text .lt2 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.loading-text .lt3 { -webkit-animation-delay: 0.75s; animation-delay: 0.75s; }

@-webkit-keyframes lt_fade { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes lt_fade { 0% { opacity: 0; }
  100% { opacity: 1; } }

.loader { display: inline-block; zoom: 1; *display: inline; position: relative; width: 40px; height: 40px; vertical-align: top; -webkit-transform: scale(0.6); transform: scale(0.6); }

.loader .lc { position: absolute; background-color: transparent; height: 7px; width: 7px; border-radius: 4px; -webkit-animation-name: lc_fade; animation-name: lc_fade; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; }

.loader #lc_01 { left: 0; top: 16px; -webkit-animation-delay: 0.21s; animation-delay: 0.21s; }

.loader #lc_02 { left: 5px; top: 5px; -webkit-animation-delay: 0.28s; animation-delay: 0.28s; }

.loader #lc_03 { left: 16px; top: 0; -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }

.loader #lc_04 { right: 5px; top: 5px; -webkit-animation-delay: 0.42s; animation-delay: 0.42s; }

.loader #lc_05 { right: 0; top: 16px; -webkit-animation-delay: 0.49s; animation-delay: 0.49s; }

.loader #lc_06 { right: 5px; bottom: 5px; -webkit-animation-delay: 0.56s; animation-delay: 0.56s; }

.loader #lc_07 { left: 16px; bottom: 0; -webkit-animation-delay: 0.63s; animation-delay: 0.63s; }

.loader #lc_08 { left: 5px; bottom: 5px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

@-webkit-keyframes lc_fade { 0% { background-color: #FFFFFF; }
  100% { background-color: transparent; } }

@keyframes lc_fade { 0% { background-color: #FFFFFF; }
  100% { background-color: transparent; } }

.lean-overlay { display: none; visibility: hidden; background: #000; opacity: 0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }

.lean-overlay.overlay-show { opacity: .5; visibility: visible; }

body.modal-open { overflow: hidden; }

.modal { display: none; width: 80%; max-width: 900px; max-height: 100%; margin-left: -40%; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5); overflow: scroll; overflow-scrolling: touch; /* transform: translateY(-100px); opacity:0; transition:transform .35s ease-out,opacity .25s ease-out; &.modal-show { transform: translateY(0); opacity:1; } &.modal-hide { transform: translateY(100px); opacity:0; } */ }

@media screen and (max-width: 480px) { .modal { width: 100%; margin-left: -50%; } }

.modal .modal-inner { padding: 50px; }

.modal .modal-inner h1:first-child { margin-right: 64px; }

@media screen and (max-width: 480px) { .modal .modal-inner { padding: 25px; } }

.modal .modal-close { position: absolute; top: 15px; right: 15px; padding: 5px; font-size: 24px; cursor: pointer; border-radius: 50% 50% 50% 50%; }

@media screen and (max-width: 480px) { .modal .modal-close { position: fixed; top: 10px; right: 10px; z-index: 4000; } }

.modal-reversed { z-index: 0; position: relative; background-color: #000; color: #fff; }

.modal-reversed h1, .modal-reversed h2, .modal-reversed h3, .modal-reversed h4, .modal-reversed p, .modal-reversed ul, .modal-reversed ol, .modal-reversed label, .modal-reversed address { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }

.modal-reversed a:link, .modal-reversed a:visited { color: #fff; text-decoration: underline; }

.modal-reversed a:link:hover, .modal-reversed a:link:active, .modal-reversed a:visited:hover, .modal-reversed a:visited:active { color: #fff; text-decoration: none; }

.flex-video { position: relative; padding-top: 1.5625em; padding-bottom: 67.5%; height: 0; margin-bottom: 1em; overflow: hidden; }

.flex-video.widescreen { padding-bottom: 57.25%; }

.flex-video.vimeo { padding-top: 0; }

.flex-video.youtube-nocontrols { padding-top: 0; padding-bottom: 56.25%; }

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cycle-nav { z-index: 200; }

.cycle-nav .cycle-nav-prev, .cycle-nav .cycle-nav-next { position: absolute; bottom: 20%; display: block; width: 50px; height: 200px; background: transparent url() 50% 50% no-repeat; cursor: pointer; opacity: .5; font: 0/0 a; text-shadow: none; color: transparent; }

.cycle-nav .cycle-nav-prev:hover, .cycle-nav .cycle-nav-next:hover { opacity: 1; }

.cycle-nav .cycle-nav-prev { left: 0; background-image: url("../images_viewpoints/cycle-nav-prev.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .cycle-nav .cycle-nav-prev { background-image: url("../images_viewpoints/cycle-nav-prev@2x.png"); background-size: 34px 58px; } }

.cycle-nav .cycle-nav-next { right: 0; background-image: url("../images_viewpoints/cycle-nav-next.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .cycle-nav .cycle-nav-next { background-image: url("../images_viewpoints/cycle-nav-next@2x.png"); background-size: 34px 58px; } }

.pagination { clear: both; padding-bottom: 1.35em; background: #fff; }

.pagination ul, .pagination li { list-style: none; padding: 0; margin: 0; }

.pagination .pagination-links { width: 100%; }

.pagination .pagination-links-pages a, .pagination .pagination-links-pages span, .pagination .pagination-links-older a, .pagination .pagination-links-older span, .pagination .pagination-links-newer a, .pagination .pagination-links-newer span { width: auto; margin: 0 2px; padding: 0.45em 0.9em; background: #eaf6f9; color: #000; border-radius: 2px; text-decoration: none; cursor: default; display: inline-block; zoom: 1; *display: inline; }

.pagination .pagination-links-pages a:not(.current-page), .pagination .pagination-links-older a:not(.current-page), .pagination .pagination-links-newer a:not(.current-page) { background: #00729F; color: #fff; cursor: pointer; -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; }

.pagination .pagination-links-pages a:not(.current-page):hover, .pagination .pagination-links-pages a:not(.current-page):active, .pagination .pagination-links-older a:not(.current-page):hover, .pagination .pagination-links-older a:not(.current-page):active, .pagination .pagination-links-newer a:not(.current-page):hover, .pagination .pagination-links-newer a:not(.current-page):active { background: #003b53; }

.pagination .pagination-links-pages { text-align: center; font-size: 1.125em; }

.pagination .pagination-links-older, .pagination .pagination-links-newer { display: none; }

.masthead .sharing-links { margin: 0; }

.masthead .sharing-links dd.pdf { float: right; }

.sharing-links::after { clear: both; content: ""; display: block; }

.sharing-links dt, .sharing-links dd { margin: 0; padding: 0; font-size: 1em; font-weight: 400; display: inline-block; zoom: 1; *display: inline; }

.content-sidebar .sharing-links dt, .content-sidebar .sharing-links dd { display: block; margin-bottom: 0.45em; font-size: 0.875em; }

.sharing-links .icon { font-size: 28px; vertical-align: middle; }

.sharing-links dt { margin: 0 0.45em 0 0; }

.sharing-links dd.pdf a .label { display: inline; }

@media screen and (max-width: 480px) { .sharing-links dd.pdf { display: none; } }

.sharing-links a { display: block; margin: 0; padding: .25em; text-decoration: none; cursor: pointer; border-radius: 2px; }

.sharing-links a .label { display: none; padding-right: 5px; }

.content-sidebar .sharing-links a .label { display: inline; }

.sharing-links a:hover, .sharing-links a:active { background: #00729F; color: #fff; }

.masthead .sharing-links a:hover, .content-sidebar .sharing-links a:hover, .masthead .sharing-links a:active, .content-sidebar .sharing-links a:active { background: rgba(0, 0, 0, 0.5); }

.sharing-links .facebook a:hover, .sharing-links .facebook a:active { background: #3a5795; }

.sharing-links .twitter a:hover, .sharing-links .twitter a:active { background: #3b94d9; }

.sharing-links .linkedin a:hover, .sharing-links .linkedin a:active { background: #0077b5; }

.sharing-links .linkedin span.IN-widget { vertical-align: middle !important; }

.sharing-links .googleplus a:hover, .sharing-links .googleplus a:active { background: #dd4b39; }

.sharing-links .email a:hover, .sharing-links .email a:active { background: #00729F; }

.meta .sharing-links dt { display: none; }

.meta .sharing-links a { margin: 0 1px 0 0; background: #00729F; color: #fff; border-radius: 2px; }

.meta .sharing-links a:hover, .meta .sharing-links a:active { background: #006086; }

.meta .sharing-links a .icon { font-size: 24px; }

.meta .sharing-links a .label { display: inline; font-size: 0.75em; }

.meta .sharing-links .facebook a { background: #3a5795; }

.meta .sharing-links .facebook a:hover, .meta .sharing-links .facebook a:active { background: #334c83; }

.meta .sharing-links .twitter a { background: #3b94d9; }

.meta .sharing-links .twitter a:hover, .meta .sharing-links .twitter a:active { background: #2988d2; }

.meta .sharing-links .linkedin a { background: #0077b5; }

.meta .sharing-links .linkedin a:hover, .meta .sharing-links .linkedin a:active { background: #00669c; }

.meta .sharing-links .googleplus a { background: #dd4b39; }

.meta .sharing-links .googleplus a:hover, .meta .sharing-links .googleplus a:active { background: #d73925; }

.sharing-docked { z-index: 500; position: fixed; right: 0; top: 30%; width: 150px; }

@media screen and (max-width: 768px) { .sharing-docked { width: 60px; } }

@media screen and (max-width: 480px) { .sharing-docked { position: static; width: 100%; } }

.sharing-docked .icon { font-size: 22px; vertical-align: middle; }

.sharing-docked dt { display: block; margin: 0; padding: .5em; background: #69B644; color: #fff; }

.sharing-docked dt a { margin: -.5em; }

.sharing-docked dt a:link, .sharing-docked dt a:visited { background: #69B644; }

body.kalypsonian .sharing-docked dt a:link, body.kalypsonian .sharing-docked dt a:visited { background: #891d24; }

.sharing-docked dt a:hover, .sharing-docked dt a:active { background: #0097d2; }

body.kalypsonian .sharing-docked dt { background: #891d24; }

.sharing-docked dd { display: block; float: none; margin: 0; }

.no-touch .sharing-docked dd { position: relative; right: -100%; -webkit-transition: right .25s ease-out; transition: right .25s ease-out; }

@media screen and (max-width: 480px) { .no-touch .sharing-docked dd { position: static; } }

.sharing-docked:hover dd, .sharing-docked:active dd { right: 0; }

.sharing-docked a { display: block; margin: 0; padding: .5em; background: #00729F; color: #fff; text-decoration: none; cursor: pointer; }

.sharing-docked a:hover, .sharing-docked a:active { background: #0097d2; color: #fff; }

div.publicize.placeholder { clear: both; }

div.publicize.placeholder img { display: block; margin-bottom: 2%; }

div.publicize.popup { display: none; width: auto; max-width: 900px; max-height: 100%; margin-left: -40%; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5); overflow: scroll; overflow-scrolling: touch; -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; -webkit-transition: opacity .25s ease-out,-webkit-transform .35s ease-out; transition: opacity .25s ease-out,-webkit-transform .35s ease-out; transition: transform .35s ease-out,opacity .25s ease-out; transition: transform .35s ease-out,opacity .25s ease-out,-webkit-transform .35s ease-out; }

div.publicize.popup.modal-show { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }

div.publicize.popup.modal-hide { -webkit-transform: translateY(100px); transform: translateY(100px); opacity: 0; }

div.publicize.popup img { display: block; }

div.publicize.popup .publicize-close { display: block; width: 100%; max-height: 100%; padding: 5px; cursor: pointer; font-size: 1em; text-align: right; vertical-align: middle; text-transform: uppercase; background: #333; color: #fff; }

div.publicize.popup .publicize-close:hover, div.publicize.popup .publicize-close:active { background: #000; }

div.publicize.popup .publicize-close .icon { font-size: 16px; line-height: 16px; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
/* With Modification by SMH to add variables */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.25); box-shadow: 0 0 1px rgba(0, 0, 0, 0.25); }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite.png"); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }

.fancybox-lock body { overflow: hidden !important; }

.fancybox-lock-test { overflow-y: hidden !important; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox_overlay.png"); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }

.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; font-size: 1.25em; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); padding: 10px; background: #000; background: rgba(0, 0, 0, 0.75); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { background-image: url("../images/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }

.mc-field-group input:first-child { margin-right: 5px; }

.mc-field-group ul { padding: 0; list-style: none; }

.indicates-required { font-size: 0.875em; margin-bottom: 0.675em; }

.response { margin: 1.35em 0; padding: 0.675em; background: #fff; color: #000; border-radius: 2px; }

.response > *:first-child { margin-top: 0; }

.response > *:last-child { margin-bottom: 0; }

#mce-success-response { background: #69B644; color: #fff; }

.content { max-width: 68em; margin-left: auto; margin-right: auto; }

.content::after { clear: both; content: ""; display: block; }

.content .content-main { float: left; display: block; margin-right: 4.347826087%; width: 73.9130434783%; }

.content .content-main:last-child { margin-right: 0; }

@media screen and (max-width: 768px) { .content .content-main { float: left; display: block; margin-right: 14.2857142857%; width: 100%; }
  .content .content-main:last-child { margin-right: 0; } }

.content .content-sidebar { float: left; display: block; margin-right: 4.347826087%; width: 21.7391304348%; }

.content .content-sidebar:last-child { margin-right: 0; }

@media screen and (max-width: 768px) { .content .content-sidebar { float: left; display: block; margin-right: 14.2857142857%; width: 100%; }
  .content .content-sidebar:last-child { margin-right: 0; } }

.content .content-third { float: left; display: block; margin-right: 4.347826087%; width: 30.4347826087%; }

.content .content-third:last-child { margin-right: 0; }

@media screen and (max-width: 768px) { .content .content-third { float: left; display: block; margin-right: 14.2857142857%; width: 100%; }
  .content .content-third:last-child { margin-right: 0; } }

body.page .content .content-main { float: left; display: block; margin-right: 4.347826087%; width: 56.5217391304%; }

body.page .content .content-main:last-child { margin-right: 0; }

@media screen and (max-width: 480px) { body.page .content .content-main { float: left; display: block; margin-right: 14.2857142857%; width: 100%; }
  body.page .content .content-main:last-child { margin-right: 0; } }

body.page .content .content-sidebar { float: left; display: block; margin-right: 4.347826087%; width: 39.1304347826%; }

body.page .content .content-sidebar:last-child { margin-right: 0; }

@media screen and (max-width: 480px) { body.page .content .content-sidebar { float: left; display: block; margin-right: 14.2857142857%; width: 100%; }
  body.page .content .content-sidebar:last-child { margin-right: 0; } }

.masthead { max-width: 68em; margin-left: auto; margin-right: auto; }

.masthead::after { clear: both; content: ""; display: block; }

.content-home-sections::after { clear: both; content: ""; display: block; }

.content-home-sections > div { float: left; width: 23.5%; margin: 0 2% 2% 0; box-sizing: border-box; }

.content-home-sections > div:nth-child(4n) { margin-right: 0; }

.content-home-sections > div:nth-child(4n + 1) { clear: left; }

@media screen and (max-width: 768px) { .content-home-sections > div { width: 49%; margin: 0 2% 2% 0; }
  .content-home-sections > div:nth-child(2n) { margin-right: 0; }
  .content-home-sections > div:nth-child(2n + 1) { clear: left; } }

@media screen and (max-width: 480px) { .content-home-sections > div { float: none; width: 100%; margin-right: 0; } }

.scrolled-nav { position: relative; z-index: 1000; width: 100%; }

.nav-wrapper { z-index: 1000; top: 0; width: 100%; background: rgba(23, 38, 56, 0.975); -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }

body.scrolled-header .nav-wrapper { position: fixed; top: 0; }

body.kalypsonian .nav-wrapper { background: rgba(137, 29, 36, 0.975); }

.nav-wrapper.super-menu-wrapper nav .site-title { padding-left: 30px; }

.nav-wrapper.super-menu-wrapper nav .super-menu-icon { position: absolute; top: 5px; left: 5px; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }

.nav-wrapper nav { font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; }

.nav-wrapper nav::after { clear: both; content: ""; display: block; }

.nav-wrapper nav .site-title { float: left; font-family: "brandon-grotesque","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: 300; text-transform: uppercase; }

@media screen and (max-width: 768px) { .nav-wrapper nav .site-title { font-size: 1.375em; } }

.nav-wrapper nav .site-title .site-title-a { font-weight: 500; text-transform: uppercase; }

@media screen and (max-width: 480px) { .nav-wrapper nav .site-title .site-title-a { visibility: hidden; } }

.nav-wrapper nav .site-title .site-title-b { font-size: 65%; }

@media screen and (max-width: 480px) { .nav-wrapper nav .site-title .site-title-b { display: none; } }

.nav-wrapper nav .nav-viewpoints { float: right; }

.nav-wrapper nav .nav-viewpoints a:link, .nav-wrapper nav .nav-viewpoints a:visited { padding: 1.1475em 0.675em; }

@media screen and (max-width: 768px) { .nav-wrapper nav .nav-viewpoints { display: none; } }

.nav-wrapper nav .icon { font-size: 1.75em; line-height: .5em; vertical-align: middle; opacity: .75; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }

.nav-wrapper nav a:link, .nav-wrapper nav a:visited { color: #fff; text-decoration: none; display: inline-block; zoom: 1; *display: inline; }

.nav-wrapper nav a:link:hover, .nav-wrapper nav a:link:active, .nav-wrapper nav a:link.active, .nav-wrapper nav a:visited:hover, .nav-wrapper nav a:visited:active, .nav-wrapper nav a:visited.active { color: #fff; text-decoration: none; }

.nav-wrapper nav a:link:hover .icon, .nav-wrapper nav a:link:active .icon, .nav-wrapper nav a:link.active .icon, .nav-wrapper nav a:visited:hover .icon, .nav-wrapper nav a:visited:active .icon, .nav-wrapper nav a:visited.active .icon { opacity: 1; }

@media screen and (max-width: 480px) { .nav-entry-enable .nav-wrapper nav .site-title-a { display: none; } }

.nav-entry-enable .nav-wrapper nav a .label, .nav-entry-enable .nav-wrapper nav .site-title-b { display: none; }

.nav-entry-enable .nav-wrapper nav .site-title { border-right: 1px solid rgba(255, 255, 255, 0.1); }

.nav-entry-enable .nav-wrapper nav .nav-viewpoints .subscribe a, .nav-entry-enable .nav-wrapper nav .entry-share-title { border-left: 1px solid rgba(255, 255, 255, 0.1); padding-left: 1.1475em; }

@media screen and (max-width: 768px) { .nav-entry-enable .nav-wrapper nav .site-title, .nav-entry-enable .nav-wrapper nav .nav-viewpoints .subscribe a, .nav-entry-enable .nav-wrapper nav .entry-share-title { border: none; } }

.nav-wrapper nav .nav-entry { color: #fff; }

.nav-entry-enable .nav-wrapper nav .nav-entry { display: block !important; }

.nav-wrapper nav .nav-entry .entry-title { position: absolute; top: 0; left: 205px; width: 40%; padding: 1.08em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 1em; box-sizing: border-box; }

body.kalypsonian .nav-wrapper nav .nav-entry .entry-title { left: 240px; }

@media screen and (max-width: 768px) { .nav-wrapper nav .nav-entry .entry-title { display: none; } }

.nav-wrapper nav .nav-entry .entry-options { float: right; padding: 0 1.1475em; }

.nav-wrapper nav .nav-entry .entry-options .entry-share-title { margin-left: 0.81em; padding: 1.0125em 0.3375em 0.8775em 1.1475em; display: inline-block; zoom: 1; *display: inline; }

.nav-wrapper nav .nav-entry .entry-options a:link, .nav-wrapper nav .nav-entry .entry-options a:visited { padding: 1.0125em 0.135em; }

@media screen and (max-width: 768px) { .nav-wrapper nav .nav-entry .entry-options .entry-comment, .nav-wrapper nav .nav-entry .entry-options .entry-download { display: none; } }

@media screen and (max-width: 480px) { .nav-wrapper nav .nav-entry .entry-options .entry-share-secondary { display: none; } }

nav.social a { width: 40px; height: 40px; padding: 0; background: transparent url("../images_viewpoints/social-icons.png") 50% 0 no-repeat; opacity: .75; font: 0/0 a; text-shadow: none; color: transparent; }

nav.social a.twitter { background-position: 50% -40px; }

nav.social a:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.25); border-radius: 2px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { nav.social a { background-image: url("../images_viewpoints/social-icons@2x.png"); background-size: 34px 200px; } }

.search-menu { display: none; position: relative; float: right; width: 0; overflow: hidden; -webkit-transition: width .25s ease-in; transition: width .25s ease-in; }

.search-menu .search-form { display: inline; margin: 0; }

.search-menu .search-form input.form-search { width: 300px; height: 3.15em; margin: 0; padding: 0.945em; background: #fff; color: #000; border: none; font-size: 1.125em; border-radius: 0px; }

.search-menu .search-form input.form-search::-webkit-input-placeholder { color: #00729F; }

.search-menu .search-form input.form-search::-moz-placeholder { color: #00729F; }

.search-menu .search-form input.form-search:-moz-placeholder { color: #00729F; }

.search-menu .search-form input.form-search:-ms-input-placeholder { color: #00729F; }

@media screen and (max-width: 768px) { .search-menu .search-form input.form-search { width: 12em; } }

.search-menu .search-form button { height: 3.15em; padding: 0.945em; font-size: 1.125em; border: none; border-radius: 0px; }

.search-menu.active { display: block; width: auto; }

.super-menu { position: fixed; top: 0; width: 100%; height: 100%; padding-top: 15px; padding-left: 50px; background: rgba(30, 51, 74, 0.985); overflow: scroll; }

.super-menu .super-menu-title { color: #fff; font-size: 1.25em; }

.super-menu .super-menu-description p { font-size: 0.75em; color: #fff; }

.super-menu ul { list-style: none; padding: 0; }

.super-menu li { margin-bottom: 0.675em; }

.super-menu li a { display: block; padding-top: 4px; color: #fff; font-size: 1.125em; text-decoration: none; }

.super-menu li a:hover, .super-menu li a:active, .super-menu li a:focus { color: #fff; }

.super-menu li a img { float: left; margin: -4px 5px 0 0; max-width: 32px; vertical-align: middle; opacity: .25; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }

.super-menu li a:hover img, .super-menu li a:active img, .super-menu li a:focus img { opacity: 1; }

.super-menu nav .links-list a { margin-right: 1em; padding-left: 0; }

.super-menu .sections-wrapper { display: table-row; margin: 1em 0; }

.super-menu .sections-wrapper::after { clear: both; content: ""; display: block; }

.super-menu .sections-wrapper .sections { display: table-cell; width: 33.3%; padding: 0 2%; border: 1px solid rgba(255, 255, 255, 0.1); border-width: 0 1px 0 0; box-sizing: border-box; }

@media screen and (max-width: 480px) { .super-menu .sections-wrapper .sections { display: block; width: 100%; margin-right: 0; padding-right: 0; border: none; } }

.super-menu .sections-wrapper .sections:nth-child(1) { padding-left: 0; }

.super-menu .sections-wrapper .sections:nth-child(3) { padding-right: 0; border: none; }

.header-wrapper { clear: both; background-color: #1E334A; overflow: hidden; }

body.loading .header-wrapper { height: 0; }

body.kalypsonian .header-wrapper { background-color: #74181e; }

.header-wrapper header { padding-top: 2.8em; }

.site-title.viewpoints { background: transparent url("../images_viewpoints/viewpoints-logo.svg") 0 0 no-repeat scroll; background-size: 100%; opacity: .15; margin-bottom: 15px; font: 0/0 a; text-shadow: none; color: transparent; }

.no-svg .site-title.viewpoints { background-image: url("../images_viewpoints/viewpoints-logo.png"); }

.masthead { position: relative; color: #fff; }

.masthead *, .masthead a:link, .masthead a:visited, .masthead a:hover, .masthead a:active { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }

.masthead-content > *:first-child { margin-top: 0; }

.masthead-content > *:last-child { margin-bottom: 0; }

.masthead-home .site-title { float: left; opacity: 1; }

@media screen and (max-width: 768px) { .masthead-home .site-title { float: none; width: 100%; padding-bottom: 20.88%; } }

.masthead-home .masthead-content { width: 49%; float: right; font-size: 1.25em; }

@media screen and (max-width: 768px) { .masthead-home .masthead-content { float: none; width: 100%; } }

.masthead-author .site-title { float: right; opacity: 1; }

@media screen and (max-width: 480px) { .masthead-author .site-title { float: none; width: 100%; padding-bottom: 20.88%; opacity: .5; } }

.masthead-author .masthead-content { width: 49%; float: left; }

.masthead-author .masthead-content .author-photo { float: left; width: 25%; margin-right: 1em; }

@media screen and (max-width: 480px) { .masthead-author .masthead-content { float: none; width: 100%; } }

.masthead-section .site-title { float: right; opacity: 1; }

@media screen and (max-width: 480px) { .masthead-section .site-title { float: none; width: 100%; padding-bottom: 20.88%; opacity: .5; } }

.masthead-section .masthead-content { clear: both; }

.masthead-section .masthead-content .section-title .section-icon { position: relative; display: block; margin-bottom: .25em; width: 100px; height: 100px; }

.masthead-search .site-title { float: right; }

@media screen and (max-width: 768px) { .masthead-search .site-title { display: none; } }

.masthead-search .masthead-content { width: 49%; float: left; padding-top: 1.5em; }

@media screen and (max-width: 768px) { .masthead-search .masthead-content { float: none; width: 100%; } }

@media screen and (max-width: 768px) { .masthead-about .site-title { display: none; } }

.masthead-kalypsonian .site-title { float: left; width: 49%; }

.masthead-kalypsonian .site-title img { margin-top: -40px; max-width: 100%; opacity: .5; }

@media screen and (max-width: 768px) { .masthead-kalypsonian .site-title { float: none; width: 100%; } }

.masthead-kalypsonian .masthead-content { width: 49%; padding: 1em; float: right; font-size: 1.25em; }

@media screen and (max-width: 768px) { .masthead-kalypsonian .masthead-content { float: none; width: 100%; } }

.masthead-kalypsonian-entry .site-title img { margin-top: -40px; max-width: 50%; opacity: .5; }

@media screen and (max-width: 768px) { .masthead-kalypsonian-entry .site-title img { max-width: 70%; } }

@media screen and (max-width: 480px) { .masthead-kalypsonian-entry .site-title img { max-width: 100%; } }

.masthead-kalypsonian-entry .masthead-content { padding-top: 4em; }

.header-features { position: relative; overflow: hidden; }

.header-features .masthead { z-index: 400; }

.header-features .masthead .masthead-content { margin-top: 0; }

.header-features .feature-background-wrapper { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.header-features .feature-background-wrapper .feature-background { z-index: -200; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; }

.header-features .feature-background-wrapper .feature-background .feature-background-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 50%); background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 50%); background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.25) 50%); }

.header-features .feature-wrapper { z-index: 200; position: relative; width: 100%; padding: 1.35em 0; max-width: 68em; margin-left: auto; margin-right: auto; }

.header-features .feature-wrapper::after { clear: both; content: ""; display: block; }

.header-features .feature-wrapper .cycle-nav-prev, .header-features .feature-wrapper .cycle-nav-next { position: absolute; top: 30px; height: 60px; }

.header-features .feature-wrapper .cycle-nav-prev { margin-left: -40px; }

.header-features .feature-wrapper .cycle-nav-next { margin-right: -40px; }

.header-features .article-feature { margin: 1.35em 0; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }

.header-features .article-feature a { color: #fff; }

.header-features .article-feature .listing-title { margin: 0; }

.header-features .article-feature .listing-byline { font-size: 1.125em; }

.panel-image { position: relative; background-size: cover; background-position: 0% 50%; }

@media screen and (max-width: 768px) { .panel-image { background-position: 0% 50%; } }

.panel-image .panel-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 50%); background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 50%); background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 50%); }

body.kalypsonian .panel-image .panel-image-overlay { background-color: transparent; background-image: -webkit-linear-gradient(-270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 50%); background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 50%); background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.15) 50%); }

.masthead, .feature, .panel-content { padding: 15px 15px; }

.masthead { padding-top: 1.35em; padding-bottom: 1.35em; }

.masthead.masthead-home { padding-top: 2.7em; }

header.panel-content { padding: 0; }

.content-wrapper { background: #fff; }

.panel-reversed { background: #1E334A; color: #fff; }

.panel-reversed h1, .panel-reversed h2, .panel-reversed h3, .panel-reversed h4, .panel-reversed h5, .panel-reversed h6, .panel-reversed a { color: #fff; }

.content-home-sections .sections-intro { margin-top: 1.35em; }

.content-home-sections .sections-intro .sections-intro-title { margin: 0; font-size: 1.75em; }

.content-home-sections .sections-intro .sections-intro-description { font-size: 1em; }

.content-home-sections .sections-list { margin: 0; }

.content-home-sections .section { position: relative; margin-bottom: 1.35em; border: 1px solid #eaf6f9; }

.content-home-sections .section .section-title { position: relative; margin: 0 0 -1px; font-size: 1.25em; background-position: 50% 50%; background-size: cover; }

.content-home-sections .section .section-title img { position: absolute; bottom: 6px; right: 10px; width: 48px; vertical-align: middle; }

.content-home-sections .section .section-title a { display: block; min-height: 10em; padding: 0.675em; color: #fff; background: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.25), transparent); background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.25), transparent); background-image: linear-gradient(to top,rgba(0, 0, 0, 0.25), transparent); -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; }

.content-home-sections .section .section-title a:hover, .content-home-sections .section .section-title a:active { background: transparent; }

.content-home-sections .section .section-articles-intro { position: absolute; margin-top: -2.75em; padding: 0.91125em; font-size: 0.75em; font-weight: 700; color: #fff; }

.content-home-sections .section .section-articles { margin: 0; padding: 0.675em; border-top: none; }

.content-home-sections .section .section-articles a { font-size: 1em; color: #fff; text-decoration: none; }

.content-home-sections .section .section-articles a:hover, .content-home-sections .section .section-articles a:active, .content-home-sections .section .section-articles a:focus { text-decoration: underline; }

.content-home-sections.content-home-sections-industries .sections-intro { margin-top: .25em; margin-bottom: 0; }

.content-home-sections.content-home-sections-industries .sections-list { margin-top: 1em; }

.content-home-sections.content-home-sections-capabilities .sections-intro .sections-intro-title { color: #9E2129; }

.content-home-sections.content-home-sections-capabilities .section, .content-home-sections.content-home-sections-capabilities article.listing .listing-image.with-image, .content-home-sections.content-home-sections-capabilities article.listing .listing-image.with-media { background-color: #9E2129; }

.content-home-sections.content-home-sections-industries .sections-intro .sections-intro-title { color: #69B644; }

.content-home-sections.content-home-sections-industries .section, .content-home-sections.content-home-sections-industries article.listing .listing-image.with-image, .content-home-sections.content-home-sections-industries article.listing .listing-image.with-media { background-color: #69B644; }

.content-home-sections.content-home-sections-personas .sections-intro .sections-intro-title { color: #00729F; }

.content-home-sections.content-home-sections-personas .section, .content-home-sections.content-home-sections-personas article.listing .listing-image.with-image, .content-home-sections.content-home-sections-personas article.listing .listing-image.with-media { background-color: #00729F; }

.content-home-sections ul.sections-list { list-style: none; padding: 0; }

@media screen and (max-width: 768px) { .content-home-sections ul.sections-list { clear: left; } }

.content-home-sections li.section-title { float: left; margin: 0 1.35em 0.675em 0; }

.content-home-sections li.section-title a { display: block; padding-top: 4px; color: #fff; font-size: 1.125em; text-decoration: none; }

.content-home-sections li.section-title a:hover, .content-home-sections li.section-title a:active, .content-home-sections li.section-title a:focus { color: #fff; }

.content-home-sections li.section-title a img { float: left; margin: -4px 5px 0 0; max-width: 32px; vertical-align: middle; opacity: .25; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }

.content-home-sections li.section-title a:hover img, .content-home-sections li.section-title a:active img, .content-home-sections li.section-title a:focus img { opacity: 1; }

.box { margin-bottom: 1.35em; padding: 1.0125em; background-color: #eaf6f9; }

.box::after { clear: both; content: ""; display: block; }

.box.box-reversed { color: #fff; background-color: #1E334A; }

.box.box-reversed h1, .box.box-reversed h2, .box.box-reversed h3, .box.box-reversed h4, .box.box-reversed h5, .box.box-reversed h6, .box.box-reversed a { color: #fff; }

body.kalypsonian .box.box-reversed { background-color: #891d24; }

.box.box-capabilities { background-color: #9E2129; }

.box.box-industries { background-color: #69B644; }

.box.box-personas { background-color: #00729F; }

.box > *:first-child { margin-top: 0; }

.box > *:last-child { margin-bottom: 0; }

.box .box-title { font-size: 9em; }

.categories .category { width: 48px; height: 48px; padding: 8px; margin: 0 2px 6px 0; background-color: #00729F; text-align: center; display: inline-block; zoom: 1; *display: inline; -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; }

.categories .category img { max-width: 100%; }

.categories .category.category-industries { background-color: #69B644; border-radius: 50%; }

.categories .category.category-industries:active, .categories .category.category-industries:hover, .categories .category.category-industries:focus { background-color: #86c667; }

.categories .category.category-capabilities { background-color: #9E2129; border-radius: 50%; }

.categories .category.category-capabilities:active, .categories .category.category-capabilities:hover, .categories .category.category-capabilities:focus { background-color: #c82a34; }

.categories .category.category-personas { background-color: #00729F; border-radius: 50%; }

.categories .category.category-personas:active, .categories .category.category-personas:hover, .categories .category.category-personas:focus { background-color: #0097d2; }

section.media { margin: 0 0 1.35em; }

section.media::after { clear: both; content: ""; display: block; }

section.media .media-intro { margin-bottom: 1.35em; padding: 1.35em; background: #1E334A; color: #fff; }

section.media .media-intro > *:first-child { margin-top: 0; }

section.media .media-intro > *:last-child { margin-bottom: 0; }

section.media .media-image { float: left; width: 49%; margin-right: 2%; }

section.media .media-image img { -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }

section.download::after, section.infographic::after { clear: both; content: ""; display: block; }

section.download .download-image, section.infographic .download-image { float: left; width: auto; max-width: 35%; min-width: 300px; margin-right: 1.35em; }

section.download .download-image img, section.infographic .download-image img { display: block; }

@media screen and (max-width: 768px) { section.download .download-image, section.infographic .download-image { float: none; width: 100%; max-width: 100%; min-width: 100%; } }

section.download .infographic-image, section.infographic .infographic-image { float: left; width: 75%; padding-right: 1.35em; }

section.download .infographic-image img, section.infographic .infographic-image img { display: block; }

@media screen and (max-width: 768px) { section.download .infographic-image, section.infographic .infographic-image { float: none; width: 100%; padding-right: 0px; } }

section.download .infographic-intro, section.infographic .infographic-intro { float: right; width: 25%; }

@media screen and (max-width: 768px) { section.download .infographic-intro, section.infographic .infographic-intro { float: none; width: 100%; margin-bottom: 1.35em; } }

section.download .infographic-body, section.infographic .infographic-body { float: right; width: 25%; }

@media screen and (max-width: 768px) { section.download .infographic-body, section.infographic .infographic-body { float: none; width: 100%; margin-top: 1.35em; } }

section.download.infographic-wide .infographic-intro, section.download.infographic-wide .infographic-image, section.download.infographic-wide .infographic-body, section.infographic.infographic-wide .infographic-intro, section.infographic.infographic-wide .infographic-image, section.infographic.infographic-wide .infographic-body { float: none; width: 100%; }

section.download.infographic-wide .infographic-intro, section.infographic.infographic-wide .infographic-intro { margin-bottom: 1.35em; }

section.download.infographic-wide .infographic-image, section.infographic.infographic-wide .infographic-image { padding-right: 0px; }

section.download.infographic-wide .infographic-body, section.infographic.infographic-wide .infographic-body { margin-top: 1.35em; }

section.download .download-intro, section.download .infographic-intro, section.infographic .download-intro, section.infographic .infographic-intro { padding: 1.35em; background: #1E334A; color: #fff; overflow: hidden; }

section.download .download-intro > *:first-child, section.download .infographic-intro > *:first-child, section.infographic .download-intro > *:first-child, section.infographic .infographic-intro > *:first-child { margin-top: 0; }

section.download .download-intro > *:last-child, section.download .infographic-intro > *:last-child, section.infographic .download-intro > *:last-child, section.infographic .infographic-intro > *:last-child { margin-bottom: 0; }

section.download .infographic-body, section.infographic .infographic-body { padding: 1.35em; background: #eaf6f9; }

section.download .infographic-body > *:first-child, section.infographic .infographic-body > *:first-child { margin-top: 0; }

section.download .infographic-body > *:last-child, section.infographic .infographic-body > *:last-child { margin-bottom: 0; }

ul.downloads { margin: 0; padding: 0; list-style: none; }

ul.downloads::after { clear: both; content: ""; display: block; }

ul.downloads li { float: left; margin: 0 10px 10px 0; }

ul.downloads li:last-child { margin-bottom: 0; }

.author-wrapper::after { clear: both; content: ""; display: block; }

section.authors { padding-bottom: 0; }

section.authors h2 { font-size: 1.25em; }

section.authors .author { float: left; width: 49%; margin: 0 2% 1.0125em 0; box-sizing: border-box; }

@media screen and (max-width: 480px) { section.authors .author { float: none; width: 100%; margin-right: 0; } }

section.authors .author:nth-child(even) { margin-right: 0; }

.author { margin-bottom: 1.0125em; }

.author::after { clear: both; content: ""; display: block; }

.author .author-name { margin: 0.3375em 0 0; font-size: 1.125em; font-weight: 600; }

.author .author-bio { font-size: 0.8125em; }

.author .author-bio strong { font-size: 1.125em; }

.author .author-photo { float: left; width: 35%; min-width: 50px; max-width: 120px; height: auto !important; margin: 0 0.675em 0 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25); }

.author .more { display: block; margin-top: .5em; text-align: right; }

.editor::after { clear: both; content: ""; display: block; }

.editor .editor-name { margin: 0.3375em 0; font-size: 1.125em; font-weight: 600; }

.editor .editor-bio { font-size: 0.8125em; }

.editor .editor-bio strong { font-size: 1.125em; }

.editor .editor-photo { float: left; width: 35%; min-width: 50px; max-width: 120px; height: auto !important; margin: 0 0.675em 0.675em 0; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25); }

.editor .more { display: block; margin-top: .5em; text-align: right; }

.editor.last .editor-photo { margin-bottom: 0; }

.masthead-content .meta { position: absolute; top: 1.75em; width: 100%; padding-right: 30px; }

.masthead-content .meta .categories { float: left; }

.masthead-content .meta .comments { position: relative; float: right; text-decoration: none; }

.masthead-content .meta .comments .icon { font-size: 48px; vertical-align: middle; }

.masthead-content .meta .comments .disqus-comment-count span { position: absolute; top: 0; left: 0; width: 48px; line-height: 48px; text-align: center; vertical-align: center; color: #00729F; text-shadow: none; }

.masthead-content .meta .comments:hover .icon, .masthead-content .meta .comments:active .icon { color: #00729F; }

.masthead-content .meta .comments:hover .disqus-comment-count span, .masthead-content .meta .comments:active .disqus-comment-count span { color: #fff; }

@media screen and (max-width: 768px) { .masthead-content .meta .category { width: 42px; height: 42px; padding: 8px; } }

@media screen and (max-width: 480px) { .masthead-content .meta { position: static; padding: 0; }
  .masthead-content .meta .categories { display: none; } }

.articles-list { list-style: none; padding: 0; }

.articles-list .article-title { margin-bottom: 0.45em; font-size: 0.875em; }

.articles-wrapper-featured article.listing { float: left; width: 49%; margin: 0 2% 2% 0; box-sizing: border-box; }

@media screen and (max-width: 480px) { .articles-wrapper-featured article.listing { float: none; width: 100%; margin-right: 0; } }

.articles-wrapper-featured article.listing:nth-child(2n) { margin-right: 0; }

.articles-wrapper-grid { width: 104.347826087%; }

@media screen and (max-width: 768px) { .articles-wrapper-grid { width: 100%; } }

.articles-wrapper-grid article.listing { float: left; box-sizing: border-box; margin: 0 2% 2% 0; }

.articles-wrapper-grid article.listing.listing-normal, .articles-wrapper-grid article.listing.listing-blog { width: 31.33%; }

.articles-wrapper-grid article.listing.listing-featured { width: 64.66%; }

@media screen and (max-width: 480px) { .articles-wrapper-grid article.listing.listing-normal, .articles-wrapper-grid article.listing.listing-blog { width: 48%; }
  .articles-wrapper-grid article.listing.listing-featured { width: 98%; } }

.articles-wrapper-featured article.listing { margin-bottom: 0; }

article.listing { border: 1px solid #eaf6f9; background-color: rgba(30, 51, 74, 0.75); }

article.listing.related { background-color: #fff !important; }

.kalypsonian article.listing { background-color: rgba(87, 91, 92, 0.75); }

.panel-reversed article.listing { border: none; }

article.listing .listing-image { position: relative; width: 100%; }

article.listing .listing-image.with-image, article.listing .listing-image.with-media { height: 10em; background-color: #00729F; background-position: 50% 50%; background-size: cover; }

body.capabilities article.listing .listing-image.with-image, body.capabilities article.listing .listing-image.with-media { background-color: #9E2129; }

body.industries article.listing .listing-image.with-image, body.industries article.listing .listing-image.with-media { background-color: #69B644; }

body.personas article.listing .listing-image.with-image, body.personas article.listing .listing-image.with-media { background-color: #00729F; }

article.listing .listing-image.with-image .categories, article.listing .listing-image.with-media .categories { position: absolute; top: 0; left: 0; }

article.listing .listing-image.with-image a.image-link, article.listing .listing-image.with-media a.image-link { display: block; background: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.25), transparent); background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.25), transparent); background-image: linear-gradient(to top,rgba(0, 0, 0, 0.25), transparent); }

article.listing .listing-image .categories { z-index: 3; padding: 0.675em; padding-bottom: 0; }

article.listing .listing-image .categories .category { width: 32px; height: 32px; margin: 0 1px 3px 0; padding: 6px; }

article.listing .listing-image a.image-link { display: none; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; }

article.listing .listing-image a.image-link .icon { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 25%; background-position: 50% 50%; background-repeat: no-repeat; }

article.listing .listing-image a.image-link .icon.icon-video { background-image: url("../images_viewpoints/icon-video-white.png"); }

article.listing .listing-image a.image-link .icon.icon-audio { background-image: url("../images_viewpoints/icon-audio-white.png"); }

article.listing .listing-image-featured { position: relative; width: 100%; }

article.listing .listing-image-featured.with-image, article.listing .listing-image-featured.with-media { height: 20em; }

article.listing .listing-image-featured .listing-content-featured { z-index: 4; position: absolute; bottom: 0; left: 0; }

article.listing .listing-image-featured .listing-content-featured * { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }

article.listing .listing-image-featured .listing-content-featured .listing-title { font-size: 1.75em; }

article.listing .listing-image-featured .listing-content-featured .listing-byline { font-size: 1em; }

article.listing .listing-content { padding: 0.675em; }

article.listing .listing-content > *:first-child { margin-top: 0; }

article.listing .listing-content > *:last-child { margin-bottom: 0; }

article.listing .listing-content .listing-title { margin: 0 0 0.0675em; font-size: 1.375em; }

article.listing .listing-content .listing-title .listing-category { display: none; }

article.listing .listing-content p { font-size: 0.75em; }

article.listing .listing-content .byline { margin-bottom: 0.3375em; font-size: 0.75em; }

article.listing a.listing-content { display: block; color: #fff; background-color: #1E334A; text-decoration: none; -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; }

.kalypsonian article.listing a.listing-content { background-color: #575b5c; }

article.listing a.listing-content:hover, article.listing a.listing-content:focus, article.listing a.listing-content:active { color: #000; background-color: #fff; }

article.listing:hover .with-image a.image-link, article.listing:active .with-image a.image-link { background: transparent; }

article.listing:hover a.listing-content, article.listing:active a.listing-content { color: #000; background-color: #fff; }

article.listing-featured { background-color: rgba(52, 52, 52, 0.75); }

article.listing-featured .listing-image.with-image, article.listing-featured .listing-image.with-media { height: 13em; }

article.listing-featured a.listing-content { background-color: #343434; }

article.listing-featured a.listing-content:hover, article.listing-featured a.listing-content:focus, article.listing-featured a.listing-content:active { background-color: #fff; }

article.listing-featured .listing-content .listing-title { font-size: 1.75em; }

article.listing-featured .listing-content p { font-size: 0.875em; }

article.listing-featured .listing-content .byline { font-size: 0.75em; }

article.listing-blog { background-color: rgba(0, 114, 159, 0.75); }

article.listing-blog a.listing-content { background-color: #00729F; }

article.listing-blog a.listing-content:hover, article.listing-blog a.listing-content:focus, article.listing-blog a.listing-content:active { color: #000; background-color: #fff; }

body.author article.listing-blog .listing-image.with-image, body.author article.listing-blog .listing-image.with-media, body.section article.listing-blog .listing-image.with-image, body.section article.listing-blog .listing-image.with-media { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

body.capabilities body.author article.listing-blog .listing-image.with-image, body.industries body.author article.listing-blog .listing-image.with-image, body.personas body.author article.listing-blog .listing-image.with-image, body.capabilities body.author article.listing-blog .listing-image.with-media, body.industries body.author article.listing-blog .listing-image.with-media, body.personas body.author article.listing-blog .listing-image.with-media, body.capabilities body.section article.listing-blog .listing-image.with-image, body.industries body.section article.listing-blog .listing-image.with-image, body.personas body.section article.listing-blog .listing-image.with-image, body.capabilities body.section article.listing-blog .listing-image.with-media, body.industries body.section article.listing-blog .listing-image.with-media, body.personas body.section article.listing-blog .listing-image.with-media { background-color: transparent; }

body.author article.listing-blog .listing-image.with-image a.image-link, body.author article.listing-blog .listing-image.with-media a.image-link, body.section article.listing-blog .listing-image.with-image a.image-link, body.section article.listing-blog .listing-image.with-media a.image-link { display: none; }

body.author article.listing-blog a.listing-content, body.section article.listing-blog a.listing-content { position: relative; z-index: 2; background-color: rgba(0, 114, 159, 0.8); }

body.author article.listing-blog a.listing-content:hover, body.author article.listing-blog a.listing-content:focus, body.author article.listing-blog a.listing-content:active, body.section article.listing-blog a.listing-content:hover, body.section article.listing-blog a.listing-content:focus, body.section article.listing-blog a.listing-content:active { color: #000; background-color: rgba(255, 255, 255, 0.6); }

body.author article.listing-blog .listing-content, body.section article.listing-blog .listing-content { padding-top: 2.3625em; }

body.author article.listing-blog .listing-content .listing-title .listing-category, body.section article.listing-blog .listing-content .listing-title .listing-category { display: block; position: absolute; top: 0; left: 0; padding: 0.9em; font-size: 11px; line-height: 11px; background: #00729F; color: #fff; }

body.author article.listing-blog .listing-content .byline, body.section article.listing-blog .listing-content .byline { display: none; }

article, section.article-title { position: relative; }

article .title, section.article-title .title { margin-bottom: 0; }

article .subtitle, section.article-title .subtitle { font-size: 1.625em; }

article .title + .subtitle, section.article-title .title + .subtitle { margin-top: 0; margin-bottom: 0; }

article .title + p.byline, article .subtitle + p.byline, section.article-title .title + p.byline, section.article-title .subtitle + p.byline { margin-top: 0.3375em; }

article .sharing, section.article-title .sharing { margin-top: 1em; }

article section.body { margin-top: 1.35em; }

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

article img.article-image { float: right; width: 35%; min-width: 300px; margin: 0 0 1.35em 1.35em; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05), 0px 0px 1px rgba(0, 0, 0, 0.25); }

@media screen and (max-width: 480px) { article img.article-image { float: none; margin-left: 0; width: 100%; } }

article section.meta .published { margin: 1.35em 0; font-size: 0.875em; font-style: italic; }

article section.meta .comment .button { padding: .25em .5em .25em .25em; font-size: 1.125em; text-transform: none; }

article section.meta .comment .icon { font-size: 32px; vertical-align: middle; }

article .download-pdf { float: right; width: 25%; margin-left: 1.35em; margin-bottom: 1.35em; }

article .download-pdf .button, article .download-pdf .button:hover { display: block; background-image: url("../images_viewpoints/icon-download-white.png"); background-position: 10px 50%; background-repeat: no-repeat; background-size: 38px; padding-left: 50px; }

@media screen and (max-width: 768px) { article .download-pdf .button, article .download-pdf .button:hover { padding: 0.675em 0.8775em; background-image: none; } }

@media screen and (max-width: 768px) { article .download-pdf { width: 33%; } }

@media screen and (max-width: 480px) { article .download-pdf { display: none; } }

article section.related h2 { font-size: 1.25em; }

article section.related::after { clear: both; content: ""; display: block; }

article section.related .related-subtitle { font-size: 1em; }

article section.related article.listing { float: left; width: 49%; margin: 0 2% 2% 0; }

@media screen and (max-width: 480px) { article section.related article.listing { float: none; width: 100%; margin-right: 0; } }

article section.related article.listing:nth-child(even) { margin-right: 0; }

article section.related article.listing .listing-title { font-size: 1.5em; line-height: 1em; }

article section.related article.listing .listing-title a { text-decoration: none; }

.draft-overlay { z-index: 5000; position: fixed; width: 100%; height: 100%; }

.draft-overlay.closed { background-color: rgba(0, 0, 0, 0.15); }

.draft-overlay.closed strong { color: rgba(219, 0, 0, 0.35); }

.draft-overlay strong { position: absolute; width: 400px; height: 100px; top: 50%; left: 50%; margin-top: -50px; margin-left: -200px; font-size: 6.25em; font-weight: 900; text-transform: uppercase; text-align: center; color: rgba(0, 100, 220, 0.35); text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25); -webkit-transform: rotate(-25deg); transform: rotate(-25deg); }

.content-sidebar p { font-size: 0.8125em; }

body.page .content-sidebar p { font-size: 1em; }

.content-sidebar .sidebar-title { margin: 0 0 .5em; font-size: 1.375em; font-weight: 600; }

.content-sidebar .sidebar-subtitle { margin: 0 0 .75em; font-size: 1.125em; font-weight: 400; }

.content-sidebar .sidebar-title + .sidebar-subtitle { margin-top: -.5em; }

.practice-blogs { margin-bottom: 1.35em; }

.practice-blogs .practice-blog { position: relative; width: 100%; height: 6em; margin-bottom: 0.675em; background-color: #00729F; background-position: 50% 50%; background-size: cover; }

.practice-blogs .practice-blog a.practice-blog-link { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0.675em; font-size: 1.125em; text-decoration: none; color: #fff; background: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.25), transparent); background-image: -webkit-linear-gradient(bottom,rgba(0, 0, 0, 0.25), transparent); background-image: linear-gradient(to top,rgba(0, 0, 0, 0.25), transparent); -webkit-transition: background 0.1s ease-in; transition: background 0.1s ease-in; }

.practice-blogs .practice-blog:hover a.practice-blog-link, .practice-blogs .practice-blog:active a.practice-blog-link { background: transparent; }

.modal-digests { background-image: url("../images_viewpoints/digests-background.jpg"); background-position: 50% 50%; background-size: cover; }

.modal-digests .modal-inner { padding-right: 40%; }

.tease { position: fixed; bottom: 0; right: 0; width: 50%; padding: 1.35em; background: #1E334A; color: #fff; -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }

@media screen and (max-width: 480px) { .tease { display: none; } }

.tease.visible { -webkit-transform: translateY(0); transform: translateY(0); }

.tease a { color: #fff; }

.tease a:hover, .tease a:active, .tease a:focus { color: #fff; }

.tease .tease-text { font-size: 1.125em; margin-right: 100px; }

.tease .tease-hide { position: absolute; top: 10px; right: 10px; padding: .25em .5em; font-size: 0.8125em; }

.tease-digests { background-image: url("../images_viewpoints/digests-background.jpg"); background-position: 0% 30%; background-size: cover; }

.search-form { position: relative; margin-bottom: 1.35em; }

.search-form::after { clear: both; content: ""; display: block; }

.search-form label { position: absolute; font: 0/0 a; text-shadow: none; color: transparent; }

.search-form input.form-search { float: left; width: 16em; margin: 0 5px 0 0; }

.search-results { position: relative; }

.search-results .search-result { margin-bottom: 0.5em; padding: 0.675em; border: 1px solid #eaf6f9; box-sizing: border-box; }

.search-results .search-result::after { clear: both; content: ""; display: block; }

.search-results .search-result > *:first-child { margin-top: 0; }

.search-results .search-result > *:last-child { margin-bottom: 0; }

.search-results .search-result-title { font-size: 1.25em; }

.search-results .search-result-excerpt, .search-results .search-result-link { font-size: 0.875em; }

body { background: #172638; }

body.kalypsonian { background-color: #891d24; }

.footer-wrapper { background: #172638; color: #fff; font-family: "source-sans-pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.kalypsonian .footer-wrapper { background-color: #891d24; }

.footer-wrapper footer { padding-left: 1.5em; padding-right: 1.5em; }

.footer-wrapper footer p { font-size: -1em; line-height: -1.375em; }

.footer-wrapper footer nav { float: right; }

@media screen and (max-width: 480px) { .footer-wrapper footer nav { float: none; text-align: center; } }

.footer-wrapper footer nav a { font-size: 1.25em; }

.footer-wrapper footer .kalypso { float: left; font-family: "brandon-grotesque","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75em; font-weight: 500; line-height: 60px; letter-spacing: 1px; text-transform: uppercase; }

.footer-wrapper footer .kalypso img { margin: 0 5px; padding-bottom: 8px; width: 120px; vertical-align: middle; }

@media screen and (max-width: 480px) { .footer-wrapper footer .kalypso { float: none; text-align: center; } }

.footer-wrapper footer .logo a { float: left; width: 240px; padding-bottom: 70px; background: transparent url("../images_viewpoints/viewpoints-logo.svg") 0% 15px no-repeat scroll; background-size: 100%; font: 0/0 a; text-shadow: none; color: transparent; }

@media screen and (max-width: 480px) { .footer-wrapper footer .logo a { display: block; float: none; margin: 0 auto; } }

.footer-wrapper footer .copyright { clear: left; font-family: "brandon-grotesque","Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.75em; line-height: 60px; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; }

@media screen and (max-width: 480px) { .footer-wrapper footer .copyright { padding-top: 0; background: none; text-align: center; } }

.js div[data-background-image] { opacity: 0; -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }

#infscr-loading { z-index: 300; position: absolute; width: 80%; bottom: 30px; left: 0; margin-left: 10%; padding: 0.675em; background: rgba(0, 0, 0, 0.85); color: #FFF; font-size: 1.125em; line-height: 1.35em; text-align: center; opacity: 1; border-radius: 2px; -webkit-transition: opacity 0.1s ease-in-out; transition: opacity 0.1s ease-in-out; }

#infscr-loading img, #infscr-loading .loading-text { display: none; }

.infscr .pagination { display: none; }
/*# sourceMappingURL=viewpoints.css.map */