@charset "UTF-8";
/*
Theme Name: ICGB
Theme URI: http://www.crisisgroupblogs.org
Author URI: http://www.moonbeetle.com
Description: Theme for the International Crisis Group Blogs
Author: Moonbeetle
Version: 0.1
*/



/* ==========================================================================
   Import custom fonts for use with @font-face
   ========================================================================== */

/**
 * @license
 * MyFonts Webfont Build ID 2772051, 2014-03-18T05:19:57-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Helvetica 35 Thin by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-35-thin/
 * Copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * 
 * Webfont: Helvetica 67 Cond Medium by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-67-medium-condensed/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1981 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2772051
 * Licensed pageviews: 250,000
 * 
 * © 2014 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2a4c53");

  
@font-face {
	font-family: 'Neue Helvetica W02';
	src: url('webfonts/2A4C53_0_0.eot');
	src: url('webfonts/2A4C53_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2A4C53_0_0.woff') format('woff'),url('webfonts/2A4C53_0_0.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
 
  
@font-face {
	font-family: 'Neue Helvetica W02';
	src: url('webfonts/2A4C53_1_0.eot');
	src: url('webfonts/2A4C53_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2A4C53_1_0.woff') format('woff'),url('webfonts/2A4C53_1_0.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}


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

[data-icon]:before {
  font-family: "fontastic" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="fa-"]:before, [class*=" fa-"]:before {
  font-family: "fontastic" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-globe:before { content: "a"; }
.fa-twitter:before { content: "b"; }
.fa-youtube:before { content: "c"; }
.fa-facebook:before { content: "d"; }
.fa-linkedin:before { content: "e"; }
.fa-mail:before { content: "f"; }
.fa-rss:before { content: "g"; }
.fa-video:before { content: "h"; }
.fa-podcast:before { content: "i"; }
.fa-author:before { content: "j"; }
.fa-menu:before { content: "k"; }
.fa-quote:before { content: "l"; }
.fa-time:before { content: "m"; }
.fa-exit:before { content: "n"; }
.fa-bookmark:before { content: "o"; }
.fa-conversation:before { content: "p"; }
.fa-speech:before { content: "q"; }
.fa-up:before { content: "r"; }
.fa-down:before { content: "s"; }
.fa-left:before { content: "t"; }
.fa-right:before { content: "u"; }
.fa-search:before { content: "v"; }
.fa-connect:before { content: "w"; }
.fa-pin:before { content: "x"; }
.fa-googleplus:before { content: "y"; }
.fa-plus:before { content: "z"; }
.fa-close:before { content: "A"; }



/* ==========================================================================
   Normalize.css v2.1.3 | MIT License | git.io/normalize
   ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} img {vertical-align: middle; border: 0}



/* ==========================================================================
   CSS Wizardry Reset | csswizardry.com/2011/10/reset-restarted
   ========================================================================== */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, ol, ul, form, fieldset, legend, table, th, td, caption, hr { margin: 0; padding: 0; } abbr[title], dfn[title] { cursor: help; } u, ins { text-decoration: none; } ins { border-bottom: 1px solid; } img { font-style: italic; } label, input, textarea, button, select, option { cursor: pointer; } .text-input:active, .text-input:focus, textarea:active, textarea:focus { cursor: text; outline: none; } .cf:after, .nav:after, .media:after { content: ""; display: table; clear: both; } h1, h2, h3, h4, h5, h6, hgroup, ul, ol, dl, blockquote, p, address, table, fieldset, figure, pre, .form-fields > li, .media, .island, .islet { margin-bottom: 24px; margin-bottom: 1.5rem; } hr { margin-bottom: 22px; margin-bottom: 1.375rem; } ul, ol, dd { margin-left: 48px; margin-left: 3rem; } 



/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, body { min-height: 100%; -webkit-text-size-adjust: 100%; }

html { overflow-y: scroll; overflow-x: hidden;  -webkit-overflow-scrolling: touch;}

body { font-size: 16px; line-height: 1.5em; font-weight:400; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #444444; background: #f5f6f7; padding-bottom: 3em !important; }

:focus { outline: 0; }
:focus { outline:none; } ::-moz-focus-inner { border:0; }

a { text-decoration: none; } 
a, a:hover, a:active, a:focus { outline: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:link, a:visited, a:focus { color: #00a8e5; }
a:active, a:hover { color: #4ccfff; border-bottom: 1px dotted #4ccfff; }
a > img { text-decoration: none; border: none !important; outline: none; }

h1 > a:link, h1 > a:visited, h2 > a:link, h2 > a:visited, h3 > a:link, h3 > a:visited, h4 > a:link, h4 > a:visited { color: #444444; }
h1 > a:active, h1 > a:hover, h1 > a:focus, h2 > a:active, h2 > a:hover, h2 > a:focus, h3 > a:active, h3 > a:hover, h3 > a:focus, h4 > a:active, h4 > a:hover, h4 > a:focus { color: #00a8e5; }

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

header { margin-bottom: 0; }

blockquote { text-indent: 0 !important; }



/* ==========================================================================
   Headings
   ========================================================================== */ 
   
h1 { font-size: 36px; font-size: 2.25rem; line-height: 1.33333; }

h2 { font-size: 30px; font-size: 1.875rem; line-height: 1.6; }

h3 { font-size: 24px; font-size: 1.5rem; line-height: 1; }

h4 { font-size: 20px; font-size: 1.25rem; line-height: 1.2; }

h5 { font-size: 16px; font-size: 1rem; line-height: 1.5; }

h6 { font-size: 14px; font-size: 0.875rem; line-height: 1.71429; }

hgroup .hN { margin-bottom: 0; }

.giga { font-size: 96px; font-size: 6rem; line-height: 1; }

.mega { font-size: 72px; font-size: 4.5rem; line-height: 1; }

.kilo { font-size: 48px; font-size: 3rem; line-height: 1; }

.lede, .lead { font-size: 18px; font-size: 1.125rem; line-height: 1.33333; }

.smallprint, .milli { font-size: 12px; font-size: 0.75rem; line-height: 2; }

.micro { font-size: 10px; font-size: 0.625rem; line-height: 2.4; }


/*------------------------------------*\
    $QUOTES
\*------------------------------------*/

q {
  quotes: "\2018" "\2019" "\201C" "\201D";
}

q:before {
  content: "\2018";
  content: open-quote;
}

q:after {
  content: "\2019";
  content: close-quote;
}

q q:before {
  content: "\201C";
  content: open-quote;
}

q q:after {
  content: "\201D";
  content: close-quote;
}

blockquote {
  quotes: "\201C" "\201D";
}

blockquote p:before {
  content: "\201C";
  content: open-quote;
}

blockquote p:after {
  content: "";
  content: no-close-quote;
}

blockquote p:last-of-type:after {
  content: "\201D";
  content: close-quote;
}

blockquote q:before {
  content: "\2018";
  content: open-quote;
}

blockquote q:after {
  content: "\2019";
  content: close-quote;
}

blockquote {
  text-indent: -0.41em;
}

blockquote p:last-of-type {
  margin-bottom: 0;
}

.source {
  display: block;
  text-indent: 0;
}

.source:before {
  content: "\2014";
}



/*------------------------------------*\
    $IMAGES
\*------------------------------------*/

img[width], img[height] { max-width: none; }

.img--round { border-radius: 4px; }

.img--right { float: right; margin-bottom: 24px; margin-left: 24px; }

.img--left { float: left; margin-right: 24px; margin-bottom: 24px; }

.img--center { display: block; margin-right: auto; margin-bottom: 24px; margin-left: auto; }

.img--short { height: 120px; }

.img--medium { height: 240px; }

.img--tall { height: 360px; }

figure > img { display: block; }


/*------------------------------------*\
    $LISTS
\*------------------------------------*/

li > ul, li > ol { margin-bottom: 0; }

.numbered-list { list-style-type: decimal; }

/**
 * Bordered tables
 */
.table--bordered th,
.table--bordered td {
  border: 1px solid #cccccc;
}
.table--bordered th:empty,
.table--bordered td:empty {
  border: none;
}
.table--bordered thead tr:last-child th {
  border-bottom-width: 2px;
}
.table--bordered tbody tr th:last-of-type {
  border-right-width: 2px;
}

/**
 * Striped tables
 */
.table--striped tbody tr:nth-of-type(odd) {
  background-color: #ffc;
  /* Override this color in your theme stylesheet */
}

/**
 * Data table
 */
.table--data {
  font: 12px/1.5 sans-serif;
}

/*------------------------------------*\
    $FORMS
\*------------------------------------*/

fieldset { padding: 24px; }

.form-fields { list-style: none;  margin: 0; }

.form-fields > li:last-child { margin-bottom: 0; }

label, .label { display: block; }

.additional { display: block; font-weight: normal; }

.check-list { list-style: none; margin: 0; }

.check-label, .check-list label, .check-list .label { display: inline-block; }

.spoken-form label { display: inline-block; font: inherit; }

.extra-help { display: inline-block; visibility: hidden; }

.text-input:active + .extra-help, .text-input:focus + .extra-help { visibility: visible; }



/*------------------------------------*\
    $GRIDS
\*------------------------------------*/


/**
 * Grid wrapper
 */

.grid-wrapper { padding: 0 0.75em; margin: 0 auto; width: 92%; max-width: 1200px; }

.grid { margin-left: -24px; list-style: none; margin-bottom: 0; }

/**
 * Very infrequently occuring grid wrappers as children of grid wrappers.
 */
.grid > .grid { margin-left: 0; }

/**
 * Grid
 */
.grid__item { display: inline-block; width: 100%; padding-left: 24px; vertical-align: top; }


/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear. Extends `.grid`.
 */
.grid--rev { direction: rtl; text-align: left; }
.grid--rev > .grid__item { direction: ltr;  text-align: left; }

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 * Extends `.grid`.
 */
.grid--full { margin-left: 0; }
.grid--full > .grid__item {  padding-left: 0; }

/**
 * Align the entire grid to the right. Extends `.grid`.
 */
.grid--right { text-align: right; }
.grid--right > .grid__item { text-align: left; }

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes. Extends `.grid`.
 */
.grid--center {
  text-align: center;
}
.grid--center > .grid__item {
  text-align: left;
}

/**
 * Align grid cells vertically (`.grid--middle` or `.grid--bottom`). Extends
 * `.grid`.
 */
.grid--middle > .grid__item {
  vertical-align: middle;
}

.grid--bottom > .grid__item {
  vertical-align: bottom;
}

/**
 * Create grids with narrower gutters. Extends `.grid`.
 */
.grid--narrow {
  margin-left: -10px;
}
.grid--narrow > .grid__item {
  padding-left: 10px;
}

/**
 * Create grids with wider gutters. Extends `.grid`.
 */
.grid--wide {
  margin-left: -40px;
}
.grid--wide > .grid__item {
  padding-left: 40px;
}

/*------------------------------------*\
    $NAV
\*------------------------------------*/

.nav { list-style: none; margin-left: 0; }

.nav > li,
.nav > li > a { display: inline-block; }

.nav--stacked > li { display: list-item; }

.nav--stacked > li > a { display: block; }

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

.nav--block {
  line-height: 1;
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
  white-space: nowrap;
}

.nav--block > li {
  letter-spacing: normal;
  word-spacing: normal;
}

.nav--block > li > a {
  padding: 12px;
}

.nav--fit {
  display: table;
  width: 100%;
}

.nav--fit > li {
  display: table-cell;
}

.nav--fit > li > a {
  display: block;
}

/**
 * Make a list of keywords. Extends `.nav`, e.g.:
 *
   `<ul class="nav  nav--keywords>`
 *
 */
.nav--keywords > li:after {
  content: "\002C" "\00A0";
}
.nav--keywords > li:last-child:after {
  display: none;
}

/*------------------------------------*\
    $PAGINATION
\*------------------------------------*/

.pagination {
  text-align: center;
  /**
   * Remove whitespace caused by `inline-block`.
   */
  letter-spacing: -0.31em;
  word-spacing: -0.43em;
}

.pagination > li {
  padding: 12px;
  letter-spacing: normal;
  word-spacing: normal;
}

.pagination > li > a {
  padding: 12px;
  margin: -12px;
}

.pagination__first a:before {
  content: "\00AB" "\00A0";
}

.pagination__last a:after {
  content: "\00A0" "\00BB";
}

/*------------------------------------*\
    $BREADCRUMB
\*------------------------------------*/
/**
 * Simple breadcrumb styling to apply to (ordered) lists. Extends `.nav`, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li><a href=#>About</a></li>
       <li><a href=#>The Board</a></li>
       <li class=current><a href=#>Directors</a></li>
   </ol>
 *
 * Demo: jsfiddle.net/inuitcss/rkAY9
 *
 */
.breadcrumb > li + li:before {
  content: "\00BB" "\00A0";
}

/**
 * For denoting a path-like structure, GitHub style, e.g.:
 *
   <ol class="nav  breadcrumb--path">
       <li class=breadcrumb__root><a href=#>inuit.css</a></li>
       <li><a href=#>inuit.css</a></li>
       <li><a href=#>partials</a></li>
       <li class=current><a href=#>objects</a></li>
   </ol>
 *
 */
.breadcrumb--path > li + li:before {
  content: "\002F" "\00A0";
}

/**
 * Assign a delimiter on the fly through a data attribute, e.g.:
 *
   <ol class="nav  breadcrumb">
       <li><a href=#>Home</a></li>
       <li data-breadcrumb="|"><a href=#>About</a></li>
       <li data-breadcrumb="|"><a href=#>The Board</a></li>
       <li data-breadcrumb="|" class=current><a href=#>Directors</a></li>
   </ol>
 *
 */
.breadcrumb > li + li[data-breadcrumb]:before {
  content: attr(data-breadcrumb) "\00A0";
}

/**
 * Denote the root of the tree.
 */
.breadcrumb__root {
  font-weight: bold;
}

/*------------------------------------*\
    $MEDIA
\*------------------------------------*/

.media {
  display: block;
}

.media__img {
  float: left;
  margin-right: 24px;
}

/**
 * Reversed image location (right instead of left).
 */
.media__img--rev {
  float: right;
  margin-left: 24px;
}

.media__img img,
.media__img--rev img {
  display: block;
}

.media__body {
  overflow: hidden;
}

.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}


/*------------------------------------*\
    $SPLIT
\*------------------------------------*/

.split {
  text-align: right;
  list-style: none;
  margin-left: 0;
}

.split__title {
  text-align: left;
  float: left;
  clear: left;
}

.split__title.topmargin {

	margin: 0.5em 0 0 0;

}

/*------------------------------------*\
    $THIS-OR-THIS
\*------------------------------------*/

.this-or-this {
  display: table;
  width: 100%;
  text-align: center;
}

.this-or-this__this,
.this-or-this__or {
  display: table-cell;
  vertical-align: middle;
}

/*------------------------------------*\
    $ARROWS
\*------------------------------------*/
.email-alerts-regions-wrapper {
  position: relative;
}

.email-alerts-regions-wrapper:before, .email-alerts-regions-wrapper:after {
  content: "";
  position: absolute;
  border-collapse: separate;
}

.email-alerts-regions-wrapper:before {
  border: 12px solid transparent;
}

.email-alerts-regions-wrapper:after {
  border: 11px solid transparent;
}

/**
 * Define individual edges so we can combine what we need, when we need.
 */

.email-alerts-regions-wrapper:before, .email-alerts-regions-wrapper:after {
  bottom: 100%;
}


.email-alerts-regions-wrapper:before, .email-alerts-regions-wrapper:after {
  left: 50%;
  margin-left: -12px;
}

.email-alerts-regions-wrapper:after {
  margin-left: -11px;
}

/*------------------------------------*\
    $BEAUTONS.CSS
\*------------------------------------*/

.btn, .btn--primary,
.btn--close,
.btn--toggle,
.btn--search,
.btn--connect,
.btn--support,
.btn--more {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  white-space: nowrap;
  /* [3] */
  font-family: inherit;
  /* [4] */
  font-size: 100%;
  /* [4] */
  cursor: pointer;
  /* [5] */
  border: none;
  /* [6] */
  margin: 0;
  /* [6] */
  padding-top: 0;
  /* [6] */
  padding-bottom: 0;
  /* [6] */
  line-height: 3;
  /* [7] */
  padding-right: 1em;
  /* [7] */
  padding-left: 1em;
  /* [7] */
  border-radius: 4px;
  /* [8] */
}

.btn, .btn--primary,
.btn--close,
.btn--toggle,
.btn--search,
.btn--connect,
.btn--support,
.btn--more, .btn:hover, .btn--primary:hover,
.btn--close:hover,
.btn--toggle:hover,
.btn--search:hover,
.btn--connect:hover,
.btn--support:hover,
.btn--more:hover {
  text-decoration: none;
  /* [9] */
}
.btn--support{
    display: table-cell;
	text-align: center;
}

/*------------------------------------*\
    $SIZES
\*------------------------------------*/
/**
 * Button size modifiers.
 */
.btn--small, .btn--primary,
.btn--close,
.btn--toggle,
.btn--search,
.btn--connect,
.btn--support,
.btn--more {
  padding-right: 0.5em;
  padding-left: 0.5em;
  line-height: 2;
}

.btn--large {
  padding-right: 1.5em;
  padding-left: 1.5em;
  line-height: 4;
}

.btn--huge {
  padding-right: 2em;
  padding-left: 2em;
  line-height: 5;
}

/**
 * These buttons will fill the entirety of their container.
 *
 */

.btn--full, .btn--more {
  width: 100%;
  padding-right: 0;
  /* [1] */
  padding-left: 0;
  /* [1] */
  text-align: center;
}

/*------------------------------------*\
    $FONT-SIZES
\*------------------------------------*/
/**
 * Button font-size modifiers.
 */

.btn--alpha {
  font-size: 3rem;
}


.btn--beta {
  font-size: 2rem;
}


.btn--gamma {
  font-size: 1rem;
}

/**
 * Make the button inherit sizing from its parent.
 */

.btn--natural {
  vertical-align: baseline;
  font-size: inherit;
  line-height: inherit;
  padding-right: 0.5em;
  padding-left: 0.5em;
}

/*------------------------------------*\
    $FUNCTIONS
\*------------------------------------*/
/**
 * Button function modifiers.
 */

.btn--positive {
  background-color: #4A993E;
  color: #fff;
}

.btn--negative {
  background-color: #b33630;
  color: #fff;
}

/**
 * Inactive, disabled buttons.
 * 
 */
.btn--inactive,
.btn--inactive:hover,
.btn--inactive:active,
.btn--inactive:focus {
  background-color: #ddd;
  color: #777;
  cursor: text;
  /* [1] */
}

/*------------------------------------*\
    $STYLES
\*------------------------------------*/
/**
 * Button style modifiers.
 *
 */
.btn--soft {
  border-radius: 200px;
  /* [1] */
}

.btn--hard {
  border-radius: 0;
}

/*------------------------------------*\
    $LOZENGES
\*------------------------------------*/

.pill, .loz, .loz--total,
.loz--keyword {
  display: inline-block;
  min-width: 1.0em;
  padding-right: 0.25em;
  padding-left: 0.25em;
  text-align: center;
  background-color: #cccccc;
  color: #fff;
  border-radius: 100px;
}

.loz, .loz--total,
.loz--keyword {
  border-radius: 4px;
}

/**
 * Style trumps; helper and brand classes
 */
/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
 
/**
* Whole
*/

.one-whole {
  width: 100%;
}

/**
* Halves
*/
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 50%;
}

/**
* Thirds
*/
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%;
}

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%;
}

/**
* Quarters
*/
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%;
}

.three-quarters, .six-eighths, .nine-twelfths {
  width: 75%;
}

/**
* Fifths
*/
.one-fifth, .two-tenths {
  width: 20%;
}

.two-fifths, .four-tenths {
  width: 40%;
}

.three-fifths, .six-tenths {
  width: 60%;
}

.four-fifths, .eight-tenths {
  width: 80%;
}

/**
* Sixths
*/
.one-sixth, .two-twelfths {
  width: 16.666%;
}

.five-sixths, .ten-twelfths {
  width: 83.333%;
}

/**
* Eighths
*/
.one-eighth {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

/**
* Tenths
*/
.one-tenth {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

/**
* Twelfths
*/
.one-twelfth {
  width: 8.333%;
}

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

/**
* Custom
*/
.fortyfive {
  width: 45%;
}

.fiftyfive {
  width: 55%;
}

/**
 * If you have set `$responsive` to ‘true’ in `_vars.scss` then you now have
 * access to these classes. You can define at which breakpoint you’d like an
 * element to be a certain size, e.g.:
 *
 * `<div class="g  one-quarter  lap-one-half  palm-one-whole"> ... </div>`
 *
 * This would create a `div` that, at ‘desktop’ sizes, takes up a quarter of the
 * horizontal space, a half of that space at ‘tablet’ sizes, and goes full width
 * at ‘mobile’ sizes.
 *
 * Demo: jsfiddle.net/inuitcss/WS4Ge
 *
 */
@media only screen and (max-width: 480px) {
  /**
  * Whole
  */
  .palm-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .palm-one-half, .palm-two-quarters, .palm-three-sixths, .palm-four-eighths, .palm-five-tenths, .palm-six-twelfths {
    width: 50%;
  }

  /**
  * Thirds
  */
  .palm-one-third, .palm-two-sixths, .palm-four-twelfths {
    width: 33.333%;
  }

  .palm-two-thirds, .palm-four-sixths, .palm-eight-twelfths {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .palm-one-quarter, .palm-two-eighths, .palm-three-twelfths {
    width: 25%;
  }

  .palm-three-quarters, .palm-six-eighths, .palm-nine-twelfths {
    width: 75%;
  }

  /**
  * Fifths
  */
  .palm-one-fifth, .palm-two-tenths {
    width: 20%;
  }

  .palm-two-fifths, .palm-four-tenths {
    width: 40%;
  }

  .palm-three-fifths, .palm-six-tenths {
    width: 60%;
  }

  .palm-four-fifths, .palm-eight-tenths {
    width: 80%;
  }

  /**
  * Sixths
  */
  .palm-one-sixth, .palm-two-twelfths {
    width: 16.666%;
  }

  .palm-five-sixths, .palm-ten-twelfths {
    width: 83.333%;
  }

  /**
  * Eighths
  */
  .palm-one-eighth {
    width: 12.5%;
  }

  .palm-three-eighths {
    width: 37.5%;
  }

  .palm-five-eighths {
    width: 62.5%;
  }

  .palm-seven-eighths {
    width: 87.5%;
  }

  /**
  * Tenths
  */
  .palm-one-tenth {
    width: 10%;
  }

  .palm-three-tenths {
    width: 30%;
  }

  .palm-seven-tenths {
    width: 70%;
  }

  .palm-nine-tenths {
    width: 90%;
  }

  /**
  * Twelfths
  */
  .palm-one-twelfth {
    width: 8.333%;
  }

  .palm-five-twelfths {
    width: 41.666%;
  }

  .palm-seven-twelfths {
    width: 58.333%;
  }

  .palm-eleven-twelfths {
    width: 91.666%;
  }

  /**
  * Custom
  */
  .palm-fortyfive {
    width: 45%;
  }

  .palm-fiftyfive {
    width: 55%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  /**
  * Whole
  */
  .lap-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .lap-one-half, .lap-two-quarters, .lap-three-sixths, .lap-four-eighths, .lap-five-tenths, .lap-six-twelfths {
    width: 50%;
  }

  /**
  * Thirds
  */
  .lap-one-third, .lap-two-sixths, .lap-four-twelfths {
    width: 33.333%;
  }

  .lap-two-thirds, .lap-four-sixths, .lap-eight-twelfths {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .lap-one-quarter, .lap-two-eighths, .lap-three-twelfths {
    width: 25%;
  }

  .lap-three-quarters, .lap-six-eighths, .lap-nine-twelfths {
    width: 75%;
  }

  /**
  * Fifths
  */
  .lap-one-fifth, .lap-two-tenths {
    width: 20%;
  }

  .lap-two-fifths, .lap-four-tenths {
    width: 40%;
  }

  .lap-three-fifths, .lap-six-tenths {
    width: 60%;
  }

  .lap-four-fifths, .lap-eight-tenths {
    width: 80%;
  }

  /**
  * Sixths
  */
  .lap-one-sixth, .lap-two-twelfths {
    width: 16.666%;
  }

  .lap-five-sixths, .lap-ten-twelfths {
    width: 83.333%;
  }

  /**
  * Eighths
  */
  .lap-one-eighth {
    width: 12.5%;
  }

  .lap-three-eighths {
    width: 37.5%;
  }

  .lap-five-eighths {
    width: 62.5%;
  }

  .lap-seven-eighths {
    width: 87.5%;
  }

  /**
  * Tenths
  */
  .lap-one-tenth {
    width: 10%;
  }

  .lap-three-tenths {
    width: 30%;
  }

  .lap-seven-tenths {
    width: 70%;
  }

  .lap-nine-tenths {
    width: 90%;
  }

  /**
  * Twelfths
  */
  .lap-one-twelfth {
    width: 8.333%;
  }

  .lap-five-twelfths {
    width: 41.666%;
  }

  .lap-seven-twelfths {
    width: 58.333%;
  }

  .lap-eleven-twelfths {
    width: 91.666%;
  }

  /**
  * Custom
  */
  .lap-fortyfive {
    width: 45%;
  }

  .lap-fiftyfive {
    width: 55%;
  }
}
@media only screen and (min-width: 481px) {
  /**
  * Whole
  */
  .lap-and-up-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .lap-and-up-one-half, .lap-and-up-two-quarters, .lap-and-up-three-sixths, .lap-and-up-four-eighths, .lap-and-up-five-tenths, .lap-and-up-six-twelfths {
    width: 50%;
  }

  /**
  * Thirds
  */
  .lap-and-up-one-third, .lap-and-up-two-sixths, .lap-and-up-four-twelfths {
    width: 33.333%;
  }

  .lap-and-up-two-thirds, .lap-and-up-four-sixths, .lap-and-up-eight-twelfths {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .lap-and-up-one-quarter, .lap-and-up-two-eighths, .lap-and-up-three-twelfths {
    width: 25%;
  }

  .lap-and-up-three-quarters, .lap-and-up-six-eighths, .lap-and-up-nine-twelfths {
    width: 75%;
  }

  /**
  * Fifths
  */
  .lap-and-up-one-fifth, .lap-and-up-two-tenths {
    width: 20%;
  }

  .lap-and-up-two-fifths, .lap-and-up-four-tenths {
    width: 40%;
  }

  .lap-and-up-three-fifths, .lap-and-up-six-tenths {
    width: 60%;
  }

  .lap-and-up-four-fifths, .lap-and-up-eight-tenths {
    width: 80%;
  }

  /**
  * Sixths
  */
  .lap-and-up-one-sixth, .lap-and-up-two-twelfths {
    width: 16.666%;
  }

  .lap-and-up-five-sixths, .lap-and-up-ten-twelfths {
    width: 83.333%;
  }

  /**
  * Eighths
  */
  .lap-and-up-one-eighth {
    width: 12.5%;
  }

  .lap-and-up-three-eighths {
    width: 37.5%;
  }

  .lap-and-up-five-eighths {
    width: 62.5%;
  }

  .lap-and-up-seven-eighths {
    width: 87.5%;
  }

  /**
  * Tenths
  */
  .lap-and-up-one-tenth {
    width: 10%;
  }

  .lap-and-up-three-tenths {
    width: 30%;
  }

  .lap-and-up-seven-tenths {
    width: 70%;
  }

  .lap-and-up-nine-tenths {
    width: 90%;
  }

  /**
  * Twelfths
  */
  .lap-and-up-one-twelfth {
    width: 8.333%;
  }

  .lap-and-up-five-twelfths {
    width: 41.666%;
  }

  .lap-and-up-seven-twelfths {
    width: 58.333%;
  }

  .lap-and-up-eleven-twelfths {
    width: 91.666%;
  }

  /**
  * Custom
  */
  .lap-and-up-fortyfive {
    width: 45%;
  }

  .lap-and-up-fiftyfive {
    width: 55%;
  }
}
@media only screen and (max-width: 1023px) {
  /**
  * Whole
  */
  .portable-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .portable-one-half, .portable-two-quarters, .portable-three-sixths, .portable-four-eighths, .portable-five-tenths, .portable-six-twelfths {
    width: 50%;
  }

  /**
  * Thirds
  */
  .portable-one-third, .portable-two-sixths, .portable-four-twelfths {
    width: 33.333%;
  }

  .portable-two-thirds, .portable-four-sixths, .portable-eight-twelfths {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .portable-one-quarter, .portable-two-eighths, .portable-three-twelfths {
    width: 25%;
  }

  .portable-three-quarters, .portable-six-eighths, .portable-nine-twelfths {
    width: 75%;
  }

  /**
  * Fifths
  */
  .portable-one-fifth, .portable-two-tenths {
    width: 20%;
  }

  .portable-two-fifths, .portable-four-tenths {
    width: 40%;
  }

  .portable-three-fifths, .portable-six-tenths {
    width: 60%;
  }

  .portable-four-fifths, .portable-eight-tenths {
    width: 80%;
  }

  /**
  * Sixths
  */
  .portable-one-sixth, .portable-two-twelfths {
    width: 16.666%;
  }

  .portable-five-sixths, .portable-ten-twelfths {
    width: 83.333%;
  }

  /**
  * Eighths
  */
  .portable-one-eighth {
    width: 12.5%;
  }

  .portable-three-eighths {
    width: 37.5%;
  }

  .portable-five-eighths {
    width: 62.5%;
  }

  .portable-seven-eighths {
    width: 87.5%;
  }

  /**
  * Tenths
  */
  .portable-one-tenth {
    width: 10%;
  }

  .portable-three-tenths {
    width: 30%;
  }

  .portable-seven-tenths {
    width: 70%;
  }

  .portable-nine-tenths {
    width: 90%;
  }

  /**
  * Twelfths
  */
  .portable-one-twelfth {
    width: 8.333%;
  }

  .portable-five-twelfths {
    width: 41.666%;
  }

  .portable-seven-twelfths {
    width: 58.333%;
  }

  .portable-eleven-twelfths {
    width: 91.666%;
  }

  /**
  * Custom
  */
  .portable-fortyfive {
    width: 45%;
  }

  .portable-fiftyfive {
    width: 55%;
  }
}
@media only screen and (min-width: 1024px) {
  /**
  * Whole
  */
  .desk-one-whole {
    width: 100%;
  }

  /**
  * Halves
  */
  .desk-one-half, .desk-two-quarters, .desk-three-sixths, .desk-four-eighths, .desk-five-tenths, .desk-six-twelfths {
    width: 50%;
  }

  /**
  * Thirds
  */
  .desk-one-third, .desk-two-sixths, .desk-four-twelfths {
    width: 33.333%;
  }

  .desk-two-thirds, .desk-four-sixths, .desk-eight-twelfths {
    width: 66.666%;
  }

  /**
  * Quarters
  */
  .desk-one-quarter, .desk-two-eighths, .desk-three-twelfths {
    width: 25%;
  }

  .desk-three-quarters, .desk-six-eighths, .desk-nine-twelfths {
    width: 75%;
  }

  /**
  * Fifths
  */
  .desk-one-fifth, .desk-two-tenths {
    width: 20%;
  }

  .desk-two-fifths, .desk-four-tenths {
    width: 40%;
  }

  .desk-three-fifths, .desk-six-tenths {
    width: 60%;
  }

  .desk-four-fifths, .desk-eight-tenths {
    width: 80%;
  }

  /**
  * Sixths
  */
  .desk-one-sixth, .desk-two-twelfths {
    width: 16.666%;
  }

  .desk-five-sixths, .desk-ten-twelfths {
    width: 83.333%;
  }

  /**
  * Eighths
  */
  .desk-one-eighth {
    width: 12.5%;
  }

  .desk-three-eighths {
    width: 37.5%;
  }

  .desk-five-eighths {
    width: 62.5%;
  }

  .desk-seven-eighths {
    width: 87.5%;
  }

  /**
  * Tenths
  */
  .desk-one-tenth {
    width: 10%;
  }

  .desk-three-tenths {
    width: 30%;
  }

  .desk-seven-tenths {
    width: 70%;
  }

  .desk-nine-tenths {
    width: 90%;
  }

  /**
  * Twelfths
  */
  .desk-one-twelfth {
    width: 8.333%;
  }

  .desk-five-twelfths {
    width: 41.666%;
  }

  .desk-seven-twelfths {
    width: 58.333%;
  }

  .desk-eleven-twelfths {
    width: 91.666%;
  }

  /**
  * Custom
  */
  .desk-fortyfive {
    width: 45%;
  }

  .desk-fiftyfive {
    width: 55%;
  }
}
/**
 * If you have set the additional `$responsive-extra` variable to ‘true’ in
 * `_vars.scss` then you now have access to the following class available to
 * accomodate much larger screen resolutions.
 */
/* endif */
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items over to the right by certain amounts.
 */
/*------------------------------------*\
    $BRAND
\*------------------------------------*/
/**
 * `.brand` is a quick and simple way to apply your brand face and/or color to
 * any element using a handy helper class.
 */
.brand {
  font-family: "Helvetica Neue", sans-serif!important;
  color: #4a8ec2!important;
}

.brand-face {
  font-family: "Helvetica Neue", sans-serif!important;
}

.brand-color, .brand-colour {
  color: #4a8ec2!important;
}

/*------------------------------------*\
    $HELPER
\*------------------------------------*/
/**
 * A series of helper classes to use arbitrarily. Only use a helper class if an
 * element/component doesn’t already have a class to which you could apply this
 * styling, e.g. if you need to float `.main-nav` left then add `float:left;` to
 * that ruleset as opposed to adding the `.float--left` class to the markup.
 *
 * A lot of these classes carry `!important` as you will always want them to win
 * out over other selectors.
 */
/**
 * Add/remove floats
 */
.float--right {
  float: right !important;
}

.float--left {
  float: left !important;
}

.float--none {
  float: none !important;
}

/**
 * Text alignment
 */
.text--left {
  text-align: left  !important;
}

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

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

/**
 * Font weights
 */
.weight--light {
  font-weight: 300 !important;
}

.weight--normal {
  font-weight: 400 !important;
}

.weight--semibold {
  font-weight: 600 !important;
}

/**
 * Add/remove margins
 */
.push {
  margin: 24px !important;
}

.push--top {
  margin-top: 24px !important;
}

.push--right {
  margin-right: 24px !important;
}

.push--bottom {
  margin-bottom: 24px !important;
}

.push--left {
  margin-left: 24px !important;
}

.push--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-half {
  margin: 12px !important;
}

.push-half--top {
  margin-top: 12px !important;
}

.push-half--right {
  margin-right: 12px !important;
}

.push-half--bottom {
  margin-bottom: 12px !important;
}

.push-half--left {
  margin-left: 12px !important;
}

.push-half--ends {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.push-half--sides {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/**
 * Add/remove paddings
 */
.soft {
  padding: 24px !important;
}

.soft--top {
  padding-top: 24px !important;
}

.soft--right {
  padding-right: 24px !important;
}

.soft--bottom {
  padding-bottom: 24px !important;
}

.soft--left {
  padding-left: 24px !important;
}

.soft--ends {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.soft--sides {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.soft-half {
  padding: 12px !important;
}

.soft-half--top {
  padding-top: 12px !important;
}

.soft-half--right {
  padding-right: 12px !important;
}

.soft-half--bottom {
  padding-bottom: 12px !important;
}

.soft-half--left {
  padding-left: 12px !important;
}

.soft-half--ends {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.soft-half--sides {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.hard {
  padding: 0 !important;
}

.hard--top {
  padding-top: 0 !important;
}

.hard--right {
  padding-right: 0 !important;
}

.hard--bottom {
  padding-bottom: 0 !important;
}

.hard--left {
  padding-left: 0 !important;
}

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

/**
 * Pull items full width of `.island` parents.
 */
.full-bleed {
  margin-right: -24px !important;
  margin-left: -24px !important;
}
.islet .full-bleed {
  margin-right: -12px !important;
  margin-left: -12px !important;
}

/**
 * Add a help cursor to any element that gives the user extra information on
 * `:hover`.
 */
.informative {
  cursor: help !important;
}

/**
 * Mute an object by reducing its opacity.
 */
.muted {
  opacity: 0.5 !important;
}

/**
 * Align items to the right where they imply progression/movement forward, e.g.:
 *
   <p class=proceed><a href=#>Read more...</a></p>
 *
 */
.proceed {
  text-align: right !important;
}

/**
 * Add a right-angled quote to links that imply movement, e.g.:
 *
   <a href=# class=go>Read more</a>
 *
 */
.go:after {
  content: "\00A0" "\00BB" !important;
}

/**
 * Add a left-angled quote to links that imply backwards movement, e.g.:
 *
   <a href=# class=back>Return</a>
 *
 */
.back:before {
  content: "\00AB" "\00A0" !important;
}

/**
 * Apply capital case to an element (usually a `strong`).
 */
.caps {
  text-transform: uppercase !important;
}

/**
 * Hide content off-screen without resorting to `display:none;`, also provide
 * breakpoint specific hidden elements.
 */
.accessibility,
.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

@media only screen and (max-width: 480px) {
  .accessibility--palm,
  .visuallyhidden--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .accessibility--lap,
  .visuallyhidden--lap {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media only screen and (min-width: 481px) {
  .accessibility--lap-and-up,
  .visuallyhidden--lap-and-up {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media only screen and (max-width: 1023px) {
  .accessibility--portable,
  .visuallyhidden--portable {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media only screen and (min-width: 1024px) {
  .accessibility--desk,
  .visuallyhidden--desk {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}
@media only screen and (min-width: 1200px) {
  .accessibility--desk-wide,
  .visuallyhidden--desk-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

.invert {
  color: #fff;
}

.post-title {
  font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
  font-size: 1.75em;
  font-style: normal;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1.2em;
}

.block-subtitle,
.multimedia-subtitle {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.4em;
}

.cgitmregion-source, .cgitmregion-title, .multimedia-title {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1.4em;
}

.multimedia-content {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.9375em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.45em;
}

.author-name, .author-twitter, .readmore--author {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.875em;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1.45em;
}

.media--author-wrapper {
	margin-bottom: 1.5em;
}

.media--author {
	margin: 0;
	padding: 0 1em;
	list-style: none;
	background: #ccedf9;
}

.media--author li {
	border-bottom: 1px solid #fff;
    padding: 1em 0;
}

.media--author h5 {
    padding: 1em 0 0 0;
    margin: 0;
}

.media--author li:last-child  {
	border-bottom: none;
}

.media--author > a {
	display: block;
	float: left;
}

/* Styles that work well for sidebar content */
.author-bio--small, .book-byline, .book-summary > p {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.8125em;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.45em;
}

.cgitm-source,
.cgitm-title, .aitm-source,
.aitm-title, .multimedia-archivelink, .book-title {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.8125em;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 1.45em;
}

.tweet-body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.8125em;
  font-style: italic;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 1.5em;
}

.mega,
.mega--smaller {
  font-weight: 200;
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
}

.font-bigger {
  font-size: 140%;
  margin-bottom: 0;
}

.fa-smaller, .font-smaller {
  font-size: 75%;
}

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

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

.featured-overlay {
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmYmNjYyIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMjlkY2YiIHN0b3Atb3BhY2l0eT0iMC43NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  background: -moz-linear-gradient(top, rgba(47, 188, 204, 0.90) 0%, rgba(34, 157, 207, 0.90) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(47, 188, 204, 0.90)), color-stop(100%, rgba(34, 157, 207, 0.90)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(47, 188, 204, 0.90) 0%, rgba(34, 157, 207, 0.90) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(47, 188, 204, 0.90) 0%, rgba(34, 157, 207, 0.90) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(47, 188, 204, 0.90) 0%, rgba(34, 157, 207, 0.90) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(47, 188, 204, 0.90) 0%, rgba(34, 157, 207, 0.90) 100%);
  /* W3C */
}

.gradient-border, .label--location, .multimedia-location {
  background: #3cc9fb;
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjYzlmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZGE4ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
  background: -moz-linear-gradient(left, #3cc9fb 0%, #0da8e2 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3cc9fb), color-stop(100%, #0da8e2));
  background: -webkit-linear-gradient(left, #3cc9fb 0%, #0da8e2 100%);
  background: -o-linear-gradient(left, #3cc9fb 0%, #0da8e2 100%);
  background: -ms-linear-gradient(left, #3cc9fb 0%, #0da8e2 100%);
  background: linear-gradient(to right, #3cc9fb 0%, #0da8e2 100%);
}

.author-label {
  background: #FEC013;
  background: -webkit-linear-gradient(-45deg, rgba(254, 192, 19, 0.75) 0px, #fec013 300px);
  background: -moz-linear-gradient(-45deg, rgba(254, 192, 19, 0.75) 0px, #fec013 300px);
  background: -o-linear-gradient(-45deg, rgba(254, 192, 19, 0.75) 0px, #fec013 300px);
  background: linear-gradient(-45deg, rgba(254, 192, 19, 0.75) 0px, #fec013 300px);
}

.author-title {
  background: #00A8E5;
  background: -webkit-linear-gradient(-45deg, rgba(34, 157, 207, 0.9) 0px, rgba(47, 188, 204, 0.9) 300px);
  background: -moz-linear-gradient(-45deg, rgba(34, 157, 207, 0.9) 0px, rgba(47, 188, 204, 0.9) 300px);
  background: -o-linear-gradient(-45deg, rgba(34, 157, 207, 0.9) 0px, rgba(47, 188, 204, 0.9) 300px);
  background: linear-gradient(-45deg, rgba(34, 157, 207, 0.9) 0px, rgba(47, 188, 204, 0.9) 300px);
}

.mainnav--mobile > li, .extranav--mobile > li, .tweet, .media--tweet, .related-posts > li, .books > li, .search-result__item {
  border-top: 1px solid #d6e0e5;
}

hr {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.label--location,
.label--alert {
  font-weight: normal;
  font-size: 1em;
  color: #fff;
  padding: 0.3em 0.75em 0.3em 0.5em;
  width: auto;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.multimedia-location {
  font-weight: normal;
  font-size: 0.8125em;
  color: #fff;
  padding: 0.3em 0.75em 0.3em 0.5em;
  width: auto;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.aitm-datetime, .multimedia-datetime, .tweet-datetime, .post-datetime {
  font-size: 1em;
  color: #7998a9;
  font-weight: normal;
  display: inline-block;
  width: auto;
}

.tweet-datetime a {
	color: #7998a9;
}

.tweet-datetime a:hover, .tweet-datetime a:focus {
	border-bottom-color: #7998a9;
}

.cgitm-datetime, .cgitmregion-datetime, .search-result-datetime {
  font-size: 0.8125em;
  color: #7998a9;
  font-weight: normal;
  display: inline-block;
  width: auto;
}

.search-results, .tag-listing {
  list-style: none;
  margin: 0;
  padding: 0;
}

.page-title {
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 200;
  letter-spacing: normal;
  line-height: 1.4em;
}

.block-title, .block--product h3,
.block--crisiswatch h3,
.block--weekly-update h3,
.block--regional-updates h3 {
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
  font-size: 1.500em;
  font-style: normal;
  font-weight: 200;
  letter-spacing: normal;
  line-height: 1.4em;
  margin-top: 1em;
  margin-bottom: 0.3em;
}

.gradient-border {
  width: 100%;
  height: 6px;
}

.gradient-border.bottom-space {
	margin: 0 0 1em 0;
}

.pull-right {
  float: right;
  clear: right;
}

.label--location:link, .label--location:visited, .label--location:focus {
  color: #fff;
}
.label--location:active, .label--location:hover {
  border-bottom: none;
}

.block-wrapper {
  background: white;
  padding: 1em;
}

.btn--primary,
.btn--close,
.btn--toggle,
.btn--search,
.btn--connect,
.btn--support,
.btn--more {
  color: #444444 !important;
  background: #fec013;
  font-weight: 200;
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
}


/* custom pagination */
.paginationbox {
	width: 100%;
	margin: 1em 0;
	text-align: center;
	font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
}

.page-numbers {
	display: inline-block;
	margin: 0 2px;
	padding: 2px;
	font-size: 1.2em
}

.page-numbers:hover {
	border-bottom: none;
}


.btn--primary:hover, .btn--primary:focus,
.btn--close:hover,
.btn--close:focus,
.btn--toggle:hover,
.btn--toggle:focus,
.btn--search:hover,
.btn--search:focus,
.btn--connect:hover,
.btn--connect:focus,
.btn--support:hover,
.btn--support:focus,
.btn--more:hover,
.btn--more:focus {
  background: #fedf89;
  border-bottom: none;
  outline: none;
}

.btn--more {
  font-size: 1.25em;
}

.btn--close {
  margin-left: 1.5em;
  margin-top: 6px;
}

.btn--primary,
.btn--large {
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 700;
}

.alert {
  color: #ff4100;
}

@media only screen and (max-width: 480px) {
  .page-title {
    font-size: 2em;
  }

  .block-title, .block--product h3,
  .block--crisiswatch h3,
  .block--weekly-update h3,
  .block--regional-updates h3 {
    font-size: 1.25em;
  }

  .is_palm {
    display: block;
  }

  .is_lap {
    display: none;
  }

  .is_desk {
    display: none;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .page-title {
    font-size: 2.5em;
  }

  .is_palm {
    display: none;
  }

  .is_lap {
    display: block;
  }

  .is_desk {
    display: none;
  }
}
/*
@media screen and (orientation:landscape){
    .layout-constraint {
        max-width: 700px;
    }
	.page-title {
		font-size: 2.5em;
	}
	.is_palm { display: none; }
	.is_lap { display: none; }
	.is_desk { display: block; }
}
*/
@media only screen and (min-width: 1024px) {
  .layout-constraint {
    max-width: 700px;
  }

  .page-title {
    font-size: 2.5em;
  }

  .is_palm {
    display: none;
  }

  .is_lap {
    display: none;
  }

  .is_desk {
    display: block;
  }
}
@media only screen and (min-width: 1200px) {
  .page-title {
    font-size: 3.5em;
  }
}
/* Custom made modules */
header {
  margin-bottom: 1.5em;
}

.topbar, .topbar--mobile {
  height: 45px;
  background-image: url("images/bg-topbar.jpg?1385977523");
  background-position: left top;
  background-repeat: repeat-x;
}

.grid__item--topbar {
  width: 100%;
  height: 45px;
}

.topbar-left {
  float: left;
  line-height: 45px;
}
.topbar-left img {
  max-width: 200px;
  vertical-align: middle;
}

.topbar-left > a:hover {
  border-bottom: none;
  margin-bottom: 0;
}

.topbar-right {
  float: right;
  line-height: 45px;
  vertical-align: middle;
}

/* Mobile version */
.backlink--mobile {
  text-align: center;
}

.titlebar, .titlebar--mobile {
  height: 70px;
  color: #fff;
  background-image: url("images/bg-titlebar-2x.jpg?1385979635");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid__item--titlebar {
  width: 100%;
  height: 70px;
}

.blog-title {
	font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
  font-style: normal;
  font-weight: 200 !important;
  letter-spacing: normal;
  line-height: 70px;
  vertical-align: middle;
  margin: 0;
}

.blog-title > img {
  width: 100%;
  max-width: 420px;
}

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

.titlebar-search, .titlebar-divider, .titlebar-connect {
  display: inline-block;
  line-height: 70px;
  vertical-align: middle;
}

/* Mobile version */
.titlebar--mobile {
  text-align: left;
  padding-left: 1.5em;
}

.titlebar-search {
  text-align: right;
}
.titlebar--mobile .titlebar-search {
	text-align: left;
}

.search-field, .search-field--mobile {
  max-width: 210px;
  padding: 7px;
  border: none;
  background: #fff;
  background: rgba(255, 255, 255, 0.15);
}
.search-field:focus, .search-field--mobile:focus {
  background: white;
}

.search-field::-webkit-input-placeholder, .search-field--mobile::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}

.search-field:-moz-placeholder, .search-field--mobile:-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}

.search-field::-moz-placeholder, .search-field--mobile::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}

.search-field:-ms-input-placeholder, .search-field--mobile:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-style: italic;
}

.titlebar-divider {
  width: 0.5em;
  background: transparent url(images/bg-vr.png) center center no-repeat;
}

/* Mobile version */
.titlebar--mobile-search, .titlebar--mobile form {
  width: 100%;
  display: inline-block;
  line-height: 70px;
  vertical-align: middle;
}

.titlebar--mobile .search-field{
  max-width: 230px;
  width: 230px;
}


/* 
 * main navigation 
 *
 */


.navbar {
  color: #555555;
  background-image: url("images/bg-navbar.png?1385982078");
  background-position: left bottom;
  background-repeat: repeat-x;
}

.navbar--mobile {
  width: 100%;
  min-width: 320px;
  max-width: 1024px;
  color: #333;
}

.mainnav, .mainnav--mobile, .extranav--mobile {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mainnav, .socialnav {
	float: left;
	display: block;
}

.mainnav > li {
  height: 70px;
  display: inline-block;
  vertical-align: middle;
  line-height: 69px;
}

.mainnav > li > a, .mainnav--mobile > li > a, .extranav--mobile > li > a {
	display: block;
	color: #555;
	font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.225em;
	font-weight: 200;
}

.mainnav > li > a {
	padding: 0 0.35em;
	line-height: 69px;
}
.mainnav--mobile > li > a, .extranav--mobile > li > a {
	padding: 0.5em 1em;
}

.mainnav > li > a, .mainnav--mobile > li > a {
	border: none;
}

.mainnav--mobile > li > a {
	border-left: 6px solid transparent;
}

.mainnav > li > a:hover, .mainnav > li > a:focus, .no-touch .mainnav--mobile > li > a:hover, .no-touch .mainnav--mobile > li > a:focus {
	color: #fff;
	background: #00a8e5;
}

.mainnav > li > a.current {
	border-bottom: 6px solid #00a8e5;
}

.mainnav--mobile > li > a.current {
	border-left: 6px solid #00a8e5;
}

.mainnav span, .socialnav span, .author-follow-links span {
	height: 69px;
	font-size: 100%;
	overflow: hidden;
	display: block;
}

.author-follow-links span {
	height: 36px;
}

.mainnav span:before, .socialnav span:before, .author-follow-links span:before {
	font-size: 1.438em;
	line-height: 1em;
	padding: 20px 0 0 0;
	display: inline-block;
}

.author-follow-links span:before {
	padding: 2px 0 0 0;	
}


.socialnav span.fa-twitter:before { padding: 24px 0 0; }
.socialnav span.fa-facebook:before { padding: 23px 0 0; } 
.socialnav span.fa-youtube:before { padding: 22px 0 0; }  

.mainnav a.home span { display: none; }
.mainnav a.home span.fa-globe { display: block; }

.mainnav--mobile a.home span.fa-globe { display: none; }


/* 
 * social media menu
 *
 */

.extranav--mobile > li > a:link, .extranav--mobile > li > a:visited {
  color: #555;
  border-left: 6px solid transparent;
}

.extranav--mobile > li > a:active, .extranav--mobile > li > a:hover, .extranav--mobile > li > a:focus {
  color: #fff;
  background: #00a8e5;
  border-left: 6px solid transparent;
  border-bottom: none;
}

.extranav--mobile > li > a.current {
	border-left: 6px solid #00a8e5;
}

.extranav--mobile .btn--connect {
	-webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.socialnav {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.socialnav > li {
  height: 70px;
  display: inline-block;
  vertical-align: middle;
  line-height: 64px;
}

.socialnav > li > a {
  color: #444444;
  display: block;
  padding: 0 0.4em;
  color: #555;
  border: none;
}

.socialnav > li > a:active, .socialnav > li > a:hover, .socialnav > li > a:focus {
  color: #fff;
  background: #00a8e5;
}

.socialnav--mobile {
  list-style: none;
  margin: 0;
  padding: 0;
}

.socialnav--mobile > li {
  text-align: center;
  display: inline-block;
  width: 33%;
}

.socialnav--mobile > li > a {
  padding: 1em;
  display: block;
}

.socialnav--mobile > li > a:hover {
  border: none;
}  


.socialnav--mobile > li > a > span {
  font-size: 2em;
}


/*  
 * Breadcrumb	
 *
 */

.breadcrumb > li > a:hover, .breadcrumb > li > a:focus {
  text-decoration: none;
  border-bottom: none;
  outline: none;
}



@media only screen and (max-width: 480px) {
 
  .backlink, .navbar, .titlebar-right {
    display: none;
  }

  .blog-title {
    font-size: 1.85em;
  }
  
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {

  .navbar, .titlebar-right {
    display: none;
  }

  .blog-title {
    font-size: 3em;
  }

  .backlink {
    margin-right: 1em;
  }
  
}

@media only screen and (min-width: 1024px) {

  .toggle {
    display: none;
  }

  .blog-title {
    font-size: 3em;
  }

  .navbar--mobile {
    display: none;
  }
}

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

  .backlink {
    display: none;
  }
  
}



.navbar--mobile {
  position: fixed;
  left: 0;
  top: 0;
  width: 320px;
  height: 100%;
  overflow: auto;
  background: -webkit-gradient(linear, to right, to left, color-stop(87.5%, #ffffff), color-stop(100%, #e7e9ec));
  background: -webkit-linear-gradient(to right, #ffffff 280px, #e7e9ec 320px);
  background: -moz-linear-gradient(to right, #ffffff 280px, #e7e9ec 320px);
  background: -o-linear-gradient(to right, #ffffff 280px, #e7e9ec 320px);
  background: linear-gradient(to right, #ffffff 280px, #e7e9ec 320px);
}

.wrapper {
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  /* CSS3 animations - with js fallback for IE8/IE9  */
  /* initial position */
  .csstransforms3d .wrapper {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }

  .csstransforms3d .navbar--mobile {
    -webkit-transform: translate3d(-320px, 0px, 0px);
    -moz-transform: translate3d(-320px, 0px, 0px);
    -o-transform: translate3d(-320px, 0px, 0px);
    -ms-transform: translate3d(-320px, 0px, 0px);
    transform: translate3d(-320px, 0px, 0px);
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    transition: all 0.25s ease;
  }

  /* nav active */
  .csstransforms3d .nav-active .wrapper {
    -webkit-transform: translate3d(320px, 0px, 0px);
    -moz-transform: translate3d(320px, 0px, 0px);
    -o-transform: translate3d(320px, 0px, 0px);
    -ms-transform: translate3d(320px, 0px, 0px);
    transform: translate3d(320px, 0px, 0px);
  }

  .csstransforms3d .nav-active .navbar--mobile {
    -webkit-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }

  /* fallback for CSS3 animations  */
  /* initial position */
  .no-csstransforms3d .wrapper {
    margin-left: 0;
  }

  .no-csstransforms3d .navbar--mobile {
    margin-left: -320px;
  }

  /* nav active */
  .no-csstransforms3d .nav-active .wrapper {
    margin-left: 320px;
  }

  .no-csstransforms3d .nav-active .navbar--mobile {
    margin-left: -0px;
  }
}
.featured-posts {
  background: none;
}

.box-featured-primary {
  width: 100%;
  position: relative;
  margin-bottom: 1em;
}

.box-featured-secondary {
  width: 100%;
  position: relative;
  margin-bottom: 1em;
}

.box-featured-primary > a:link,
.box-featured-primary > a:visited,
.box-featured-primary > a:active,
.box-featured-primary > a:hover,
.box-featured-primary > a:focus,
.box-featured-secondary > a:link,
.box-featured-secondary > a:visited,
.box-featured-secondary > a:active,
.box-featured-secondary > a:hover,
.box-featured-secondary > a:focus {
  text-decoration: none;
  border-bottom: none;
}

.box-featured-primary > a:hover,
.box-featured-primary > a:focus,
.box-featured-secondary > a:hover,
.box-featured-secondary > a:focus {
  opacity: 0.85;
}

.featured-overlay {
  height: auto;
  padding: 0.5em;
  color: #fff;
}

.featured-overlay-noimage > div {
  padding: 2em;
  color: #fff;
}

.featured-image {
  font-size: 0;
}

.featured-image > img {
  width: 100%;
}

.featured-location {
  color: #fff;
  font-size: 0.8em;
  font-weight: 300;
  display: inline-block;
}

.featured-datetime {
  color: #fff;
  font-size: 0.8em;
  font-weight: 300;
  display: inline-block;
}

.featured-title-primary {
  font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 6px;
  text-align: left;
  margin: 0.3em 0;
  font-size: 18px;
  font-weight: 500;
}

.featured-title-secondary {
  font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 0;
}

/* === lap === */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box-featured-primary,
  .box-featured-secondary {
    margin-bottom: 1em;
  }

  .box-featured-secondary {
    display: inline-block;
    width: 49%;
    height: auto;
    float: right;
    overflow: hidden;
  }

  .box-featured-secondary:first-child {
    float: left;
  }

  .featured-overlay {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: auto;
    max-width: 85%;
    padding: 1em;
    /* FX */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }

  .featured-title-primary {
    font-size: 28px;
  }
}
/* === desk === */
@media only screen and (min-width: 1024px) {
  .featured-posts {
    /*max-height: 480px;*/
    overflow: hidden;
  }

  .box-featured-primary,
  .box-featured-secondary {
    margin-bottom: 0;
  }

  .box-featured-secondary {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    float: none;
    overflow: hidden;
    color: #fff;
  }

  .box-featured-secondary:first-child {
    margin-bottom: 1em;
  }

  .featured-overlay {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: auto;
    max-width: 80%;
    padding: 0.75em 1em 1em;
    /* FX */
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  }

  .featured-title-primary {
    font-size: 28px;
  }
}
.cgitm {
  list-style: none;
  margin: 0;
  padding: 1em;
  background: white;
}

.cgitm-source,
.cgitm-title {
  margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
  .cgitm__item {
    border-top: 1px solid #d6e0e5;
    padding: 0.5em 0;
  }

  .cgitm__item:first-child {
    border-top: none;
  }

  .cgitm-datetime {
    display: block;
  }

  .cgitm-title {
    font-size: 0.875em;
    line-height: 1.45em;
  }

  .cgitm__body {
    display: block;
    vertical-align: top;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .cgitm__item {
    padding: 0;
    border-top: 1px solid #d6e0e5;
  }

  .cgitm__item:first-child {
    border-top: none;
  }

  .cgitm__body {
    padding: 0.5em 0;
    display: block;
  }

  .cgitm-datetime {
    float: right;
  }

  .cgitm-source,
  .cgitm-title {
    font-size: 1em;
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 1024px) {
  .cgitm__item {
    display: inline-block;
    vertical-align: top;
    margin-left: 1%;
  }

  .cgitm--region .cgitm__item {
    display: block;
    vertical-align: top;
  }

  .cgitm--five .cgitm__item {
    width: 18.85%;
  }

  .cgitm--four .cgitm__item {
    width: 23.85%;
  }
  
  ul.cgitm.cgitm--four {
	  margin: 0 0 2em 0;
  }
  
  .cgitm--three .cgitm__item {
    width: 32.25%;
  }

  .cgitm__item:first-child {
    margin-left: 0;
  }

  .cgitm__body {
    float: none;
    display: block;
  }

  .cgitm-datetime {
    display: block;
  }

  .cgitm--region .cgitm-datetime {
    font-size: 0.8125em;
  }

  .cgitm-title {
    font-size: 1em;
    line-height: 1.4em;
  }

  .cgitm-title {
    font-size: 1em;
    line-height: 1.4em;
  }
}
.cgitm--region,
.aitm {
  padding: 1em;
  background: white;
  list-style: none;
  margin: 0;
}

.aitm__item {
  border-top: 1px solid #d6e0e5;
  padding: 0.5em 0;
}

.aitm__item:first-child {
  border-top: none;
}

.aitm__img {
  font-size: 0;
  margin-bottom: 0;
}

.aitm-datetime {
  display: block;
}

.aitm-source,
.aitm-title {
  margin-bottom: 0;
}

@media only screen and (max-width: 480px) {
  .aitm__img {
    display: block;
  }

  .aitm__img > img {
    width: 100%;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .aitm__img {
    display: inline-block;
    max-width: 20%;
    margin: 0 2% 0 0;
  }

  .aitm__body {
    display: inline-block;
    width: 70%;
    vertical-align: top;
  }

  .aitm-source,
  .aitm-datetime,
  .aitm-title {
    font-size: 1em;
    line-height: 1.4em;
  }
}
@media only screen and (min-width: 1024px) {
  .aitm__img {
    display: inline-block;
    width: 45%;
    margin: 0 2% 0 0;
  }

  .aitm-datetime {
    font-size: 0.875em;
  }

  .aitm__body {
    display: inline-block;
    width: 48%;
    vertical-align: top;
  }

  .aitm__item.no-img > .aitm__body {
    width: 100%;
  }
}
.cgitmregion {
  padding: 1em;
  background: white;
  list-style: none;
  margin: 0;
}

.cgitmregion__item {
  border-top: 1px solid #d6e0e5;
  padding: 0.5em 0;
}

.cgitmregion__item:first-child {
  border-top: none;
  padding-top: 0;
}

.cgitmregion-source,
.cgitmregion-title {
  margin-bottom: 0;
}

.cgitmregion__body {
  display: block;
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .cgitmregion-source,
  .cgitmregion-title {
    font-size: 1em;
    line-height: 1.4em;
  }
}
.multimedia {
  list-style: none;
  margin: 1em 0 0 0;
  padding-left: 0;
}

.block-subtitle,
.multimedia-subtitle {
  color: #222222;
  text-transform: uppercase;
  border-bottom: 1px solid #d6e0e5;
}

.multimedia-title {
  color: #222222;
  margin: 0.5em 0 0.3em;
}

.multimedia-content {
  color: #444444;
}

.multimedia-datetime {
  font-size: 0.8125em;
  display: inline-block;
}

.multimedia-location:link, .multimedia-location:visited, .multimedia-location:focus {
  color: #fff;
}
.multimedia-location:active, .multimedia-location:hover {
  border-bottom: none;
}

.multimedia-archivelink {
  float: right;
  clear: right;
}

.multimedia-image {
  position: relative;
  font-size: 0;
}

.multimedia-image > a {
  border-bottom: none;
  outline: none;
}

.play-overlay-icon,
.podcast-overlay-icon, .interactive-overlay-icon, .watch-overlay-icon {
  display: block;
  position: absolute;
  min-height: 48px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.play-overlay-icon, .interactive-overlay-icon, .watch-overlay-icon {
  background: url(images/playbutton.png) no-repeat center center;
}

.podcast-overlay-icon {
  background: url(images/podcastbutton.png) no-repeat center center;
}

@media only screen and (max-width: 480px) {
  .block-wrapper--multimedia {
    padding: 1em;
  }

  .multimedia-content {
    padding-top: 1em;
  }
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .multimedia__item {
    padding: 0.5em 0;
  }

  .multimedia__item:first-child {
    border-top: none;
  }

  .multimedia-image {
    display: inline-block;
    width: 41%;
    margin: 0 2% 0 0;
  }

  .multimedia-content {
    padding-top: 0;
    display: inline-block;
    width: 55%;
    vertical-align: top;
    font-size: 1em;
  }

  .block-wrapper--multimedia {
    padding: 1em;
  }
}
@media only screen and (min-width: 1024px) {
  .block-wrapper--multimedia {
    padding: 1em 3em;
  }

  .multimedia-content {
    padding-top: 1em;
  }
}
.tweets {
  list-style: none;
  padding: 1em;
  margin: 0;
  background: white;
}

.tweet, .media--tweet {
  padding-top: 0.5em;
}

.tweet:first-child, .media--tweet:first-child {
  border-top: none;
  padding-top: 0;
}

.tweet-twitterhandle {
  font-size: 0.8125em;
}

.tweet-datetime {
  font-size: 0.8125em;
  display: inline;
  float: right;
}

.tweet-body {
  clear: both;
  color: #444444;
  margin: 0 0 0.5em 0;
}

.tweets-footer {
  color: #111111;
  font-size: 1em;
  font-weight: 700;
  font-style: italic;
}

.twitter-blue {
  color: #55acee;
}

.cta--twitter {
  font-size: 1.125em;
  margin-top: 1em;
  text-align: center;
}

.cta--twitter > a:link, .cta--twitter > a:visited {
  color: #00a8e5;
}
.cta--twitter > a:active, .cta--twitter > a:hover, .cta--twitter > a:focus {
  color: #4ccfff;
}

.media--tweet {
  margin-bottom: 0.75em;
}

.media--tweet > a > img {
  margin-top: 0.25em;
  margin-right: 1em;
  max-width: 48px;
  height: auto;
}

.connect--button > a > img {
  margin-top: 0.25em;
  margin-right: 1em;
  max-width: 48px;
  height: auto;
}
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .tweet-twitterhandle,
  .tweet-datetime,
  .tweet-body {
    font-size: 1em;
  }
}
article.post {
  padding: 1em 0;
  border-bottom: 1px solid #d6e0e5;
}

.post-datetime {
  margin-bottom: 1em;
}

.post-title {
  font-size: 2em;
  margin-bottom: 0.3em;
}

.post-title > a {
  color: #222222;
  font-size: inherit;
}

.post-title > a:hover, .post-title > a:focus {
  color: #4ccfff;
  border-bottom: 1px dotted #4ccfff;
}

.post-title--large {
  font-size: 3.5em;
  font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: normal;
  line-height: normal;
}

.post-byline--full,
.post-byline {
  font-weight: bold;
}

.post--tweet-twitterhandle {
  font-weight: normal;
}

.post--tweet-twitterhandle:link, .post--tweet-twitterhandle:visited, .post-author:link, .post-author:visited {
  color: #444444;
}

.post--tweet-twitterhandle:hover, .post--tweet-twitterhandle:focus, .post-author:hover, .post-author:focus {
  color: #4ccfff;
  border-bottom: 1px dotted #4ccfff;
}

.post-readmore {
  font-size: 120%;
  font-weight: bold;
}

.post-languages {
  display: block;
}

.post-languages-listing {
  list-style: none;
  margin: 0;
  padding: 0;
}

.post-languages-listing li {
  display: inline-block;
}

.post-body {
  color: #444444;
  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
}

.post-body > h1, .post-body > h2, .post-body > h3, .post-body > h4, .post-body > h5, .post-body > h6 {
  font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
  margin-top: 0;
}

/* Inline image styles ------------------- */
.post-body > div {
  max-width: 100% !important;
}

.post-body > div > a {
  border-bottom: 0;
}

.post-body > div > a > img, .post-body a > img, .post-body img {
  max-width: 100% !important;
}

blockquote {
  border-left: 6px solid #00a8e5;
  padding-left: 1em;
  color: #444444;
  font-style: italic;
}

blockquote p {
	font-style: italic;
}

/* prevent img breaking container */
.alignleft {
  float: left;
  margin-right: 25px;
}

.alignright {
  float: right;
  margin-left: 25px;
}

p.wp-caption-text {
  color: #7998A9;
  font-size: 0.75em;
  margin-top: 0.3em;
  line-height:130%;
}

.post-excerpt-body.rtl {
	text-align: right;
}

.rtl p, .post-body.rtl p {
	font-size: 120%;
}



.post-excerpt-body p, .search-result-excerpt p {
  margin-bottom: 1em;
}

.loadmore {
  margin: 2em 0;
}

.post-thumb > img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.post-thumb > figcaption, .post-caption, .post-thumb-caption {
  color: #7998a9;
  font-size: 0.75em;
  margin-top: 0.3em;
  line-height:130%;
}

.label--location, .label--alert {
  margin: 0 0.3em 0.3em 0;
}

.label--location:link, .label--location:visited, .label--location:focus {
  color: #fff;
}

.label--location:active, .label--location:hover {
  border-bottom: none;
}

.label--alert {
  color: #fff;
  background: #ff4100;
}


/* Related Posts Block */

.related-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

.related-posts > li {
  padding: 0.5em 0;
}

.related-posts > li:first-child {
  padding-top: 0;
  border-top: none;
}

.related-posts > li > span {
  font-size: 0.75em;
  display: block;
  margin-bottom: 0;
}

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

  .label--location, .label--alert {
    font-size: 0.75em;
  }

  .label--location {
    margin-bottom: 0.75em;
  }

  .post-datetime {
    display: block;
    font-size: 0.75em;
  }

  .post-title {
    font-size: 1.25em;
  }

  .post-byline {
    display: block;
    font-size: 0.75em;
  }

  .post-thumb {
    display: block;
    margin-bottom: 0.3em;
  }

  .post-thumb > figcaption, .post-caption, .post-thumb-caption, .readmore-languages, .post-excerpt-body, .search-result-excerpt {
    display: none;
  }
  
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {

  article.post {
    padding: 1em 0;
  }

  .post-excerpt-body, .search-result-excerpt {
    margin-top: 1em;
  }

  .post-thumb > img {
    width: 100% !important;
  }
  
}

@media only screen and (min-width: 1024px) {

  article.post {
    padding: 1em 0;
  }

  .post-excerpt-body, .search-result-excerpt {
    margin-top: 1em;
  }

  .post-thumb > img {
    width: 100% !important;
  }
  
}

.region-title, .tag-title {
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 200;
  letter-spacing: normal;
  line-height: 1.4em;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #00A8E5;
  margin-bottom: 16px;
}

.subtitle {
	padding: 0 0 20px 0;
	font-size: 2em;
	line-height: 1.4em;
}

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

  .region-title {
    font-size: 2em;
  }
  .tag-title {
	font-size: 1.5em;  
  }
  
  .subtitle {
  	 font-size: 1em;  
  }
    
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
 
  .region-title {
    font-size: 3.5em;
  }
 
  .tag-title {
    font-size: 2.5em;
  }
  
   .subtitle {
  	 font-size: 1.4em;  
  }
  
 
}

@media only screen and (min-width: 1024px) {

  .region-title {
    font-size: 5em;
  }
  
  .tag-title {
    font-size: 3.5em;
  }
    
}

@media only screen and (min-width: 1200px) {
 
  .region-title {
    font-size: 6em;
  }
  
  .tag-title {
    font-size: 4.2em;
  }
    
}

.media--whotofollow{
  padding: 1em;
}

.media__img--author {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.author-bio--small p {
  margin-bottom: 0;
}

.media--whotofollow {
  margin-bottom: 0;
}

.author-label {
  display: block;
  color: #222222;
  font-size: 1.25em;
  padding: 10px 14px;
  width: auto;
}

.author-title {
  font-size: 1.35em;
  color: white;
  padding: 0.5em;
}

.author-image {
	min-height: 148px;
}

.author-image > img {
  width: 100%;
}

.author-follow {
	position: relative;
	width: 100%;
	margin: 1em 0;
	padding: 0.75em 0;
	display: block;
	border-top: 1px solid #d6e0e5;
	border-bottom: 1px solid #d6e0e5;
}

.author-follow-title {
  float: left;
  vertical-align: middle;
  color: #444444;
  font-size: 1.125em;
  font-weight: 700;
  line-height: 36px;
}

.author-follow-links {
  float: right;
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.author-follow-links > li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 2px;
}


.author-follow-links > li > a {
  font-weight: 700;
  font-size: 1.25em;
  color: #7a98a9;
}

.author-follow-links > li > a:active, .author-follow-links > li > a:hover, .author-follow-links > li > a:focus {
  color: #4ccfff;
  border-bottom: none;
}

.author-name {
  color: #222222;
  margin-bottom: 0;
}

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

  .author-image > img {
    margin-bottom: 0;
  }

  .overlay-author {
    display: block;
  }

  .media__img--author {
    max-width: 25%;
    float: left;
    margin: 0 1em 1em 0;
  }

  .author-follow-title {
    margin-bottom: 0.5em;
  }

  .author-follow-title, .author-follow-links {
    display: block;
    width: 100%;
    text-align: center;
  }
  
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {

  .author-image {
    position: relative;
    display: block;
    margin-bottom: 2em;
  }

  .overlay-author {
    position: absolute;
    bottom: -32px;
    left: -16px;
  }

  .author-label {
    max-width: 250px;
    display: block;
    color: #222222;
    font-size: 1.75em;
    padding: 14px;
  }

  .author-title {
    font-size: 2.75em;
  }

  .author-name, .author-twitter, .readmore--author, .author-bio > p {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1024px) {

  .author-image {
    position: relative;
    display: block;
    margin-bottom: 2.5em;
  }

  .overlay-author {
    position: absolute;
    bottom: -32px;
    left: -16px;
  }

  .author-label {
    max-width: 250px;
    display: block;
    color: #222222;
    font-size: 1.75em;
    padding: 14px;
  }

  .author-title {
    font-size: 2.5em;
  }

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

  .media__img--author {
    max-width: 70px;
    margin-right: 1em;
  }
  
  .post .media__img--author {
	  max-width: 100%;
  }
}
.books {
  background: white;
  list-style: none;
  margin: 0;
  padding: 1em;
}

.books > li {
  padding-top: 1em;
}

.books > li:first-child {
  padding-top: 0;
  border: none;
}

.media__img--book {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.book-title {
  color: #222222;
  margin-bottom: 0.5em;
}

.book-byline {
  color: #222222;
  margin-bottom: 0.5em;
}

.book-summary > p {
  color: #444444;
  margin-bottom: 0.3em;
}

@media only screen and (max-width: 480px) {
  .media__img--book {
    max-width: 70px;
    margin-right: 1em;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .book-title,
  .book-byline,
  .book-summary > p {
    font-size: 1em;
  }
}

@media only screen and (min-width: 1024px) {
  .media__img--book {
    max-width: 70px;
    margin-right: 1em;
  }
}

.connect {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.connect header {
  margin-bottom: 0;
}

.connect-social-media,
.connect-support,
.connect-support-extra,
.connect-revenue {
  padding: 3em 0;
}

.connect-social-media {
  padding-top: 2em;
}

.connect-email-alerts {
  padding: 3em 0;
}

.text-shadow {
  text-shadow: 1px 1px 3px black;
}

.block--twitter, .block--facebook, .block--rss, .block--linkedin, .block--youtube, .block--tumblr, .block--pinterest, .block--flickr, .block--soundcloud, .block--googleplus {
  position: relative;
  background: white;
  padding: 0.75em 1.5em;
  border: none;
  border-width: 6px;
  border-style: solid;
  border-top: none;
  border-right: none;
  border-bottom: none;
  margin-bottom: 0.5em;
}
 
.block--twitter ul, .block--facebook ul, .block--rss ul, .block--linkedin ul, .block--youtube ul, .block--tumblr ul, .block--pinterest ul, .block--flickr ul, .block--soundcloud ul, .block--googleplus ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.block--twitter h3, .block--facebook h3, .block--rss h3, .block--linkedin h3, .block--youtube h3, .block--tumblr h3, .block--pinterest h3, .block--flickr h3, .block--soundcloud h3, .block--googleplus h3 {
  margin-top: 0;
}

.block--twitter {
  border-color: #00aced;
}

.block--facebook {
  border-color: #3b5998;
}

.block--rss {
  border-color: #ff8000;
}

.block--linkedin {
  border-color: #007bb6;
}

.block--youtube {
  border-color: #bb0000;
}

.block--tumblr {
  border-color: #32506d;
}

.block--pinterest {
  border-color: #cb2027;
}

.block--flickr {
  border-color: #ff0084;
}

.block--soundcloud {
  border-color: #ff9900;
}

.block--googleplus {
  border-color: #dd4b39;
}

.block--product, .block--crisiswatch, .block--weekly-update, .block--regional-updates {
  padding: 0.5em 1.5em;
  margin-bottom: 0.5em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.block--product h3, .block--crisiswatch h3, .block--weekly-update h3, .block--regional-updates h3 {
  margin-top: 0;
}

.block--product p, .block--crisiswatch p, .block--weekly-update p, .block--regional-updates p {
  margin-bottom: 0;
}


.block--crisiswatch {
  background: #ff4100;
  color: white;
}

.block--crisiswatch h3 a {
  color: white;
}


.block--weekly-update, .block--regional-updates {
  background: white;
}

.email-alerts-regions-wrapper {
  background: white;
  padding: 2em;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.email-alerts-regions-wrapper:before {
  border-bottom-color: white !important;
}

.email-alerts-regions-wrapper:after {
  border-bottom-color: white !important;
}

.block--product {
  background: #f5f6f7;
  max-width: 700px;
}

.block--product strong {
  color: #000;
}

.product-title {
  font-size: 2em !important;
  font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif !important;
  margin-bottom: 0 !important;
  font-weight: 500;
}

.mt-20 {
  margin-top: 20px;
}


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

  .video-wrapper {
    padding: 1em 0;
  }

  .social-blocks-wrapper {
    padding-left: 30px;
  }

  .block--icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    left: -30px;
  }

  .mega {
    font-size: 2.75em;
  }

  .mega--smaller {
    font-size: 2em;
  }

  .connect-email-alerts {
    background-image: url("images/bg-connect-emails-blurred.jpg?1388771428");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
}


@media only screen and (min-width: 481px) and (max-width: 1023px) {

  .social-blocks-wrapper {
    padding-left: 66px;
  }

  .block--icon {
    position: absolute;
    top: 0;
    left: -66px;
  }

  .mega {
    font-size: 3.25em;
  }

  .mega--smaller {
    font-size: 2.25em;
  }

  .video-wrapper {
    background: #28839F;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.5em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }

  .connect-email-alerts {
    background-image: url("images/bg-connect-emails-blurred.jpg?1388771428");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
}


@media only screen and (min-width: 1024px) {

  .mega--smaller {
    font-size: 3.25em;
  }

  .video-wrapper {
    background: #28839F;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.5em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }

  .social-blocks-wrapper {
    padding-left: 66px;
  }

  .block--icon {
    position: absolute;
    top: 0;
    left: -66px;
  }

  .connect-email-alerts {
    background-image: url("images/bg-connect-emails-blurred.jpg?1388771428");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  
}


.search .page-title {
  margin-bottom: 0.5em !important;
}


.loz--total,
.loz--keyword {
  color: #444444;
  background: #fec013;
  padding: 3px 5px;
  margin: 0.3em 0;
}


.search-result__item {
  padding-top: 0.5em;
}


.search-result__item:first-child {
  padding-top: 0;
  border-top: none;
}


.search-result-title {
  font-family: "Neue Helvetica W02", "Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif;
  font-weight: 500;
  margin-bottom: 0;
}

.search-result-title > a:link, .search-result-title > a:visited {
  color: #00a8e5;
}

.search-result-title > a:active, .search-result-title > a:hover, .search-result-title > a:focus {
  color: #4ccfff;
}


.pagination > li {
  font-weight: bold;
}

.pagination > .current > a {
  color: #444444;
  font-weight: normal;
}


/*
 * tags
 *
 */
 
.tag-listing {
  margin: 1em -0.15em 0 -0.15em;
}

.tag-listing li {
  display: inline-block;
  margin: 0 0.15em 0.3em 0.15em;
}

.tag-listing li a {
  font-size: 0.85em;
  padding: 0.3em 0.5em;
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}

.tag-listing li a:link, .tag-listing li a:visited {
  color: #444444;
  background: #dde5e9;
}

.tag-listing li a:active, .tag-listing li a:hover, .tag-listing li a:focus {
  color: white;
  background: #4ccfff;
  border-bottom: none;
}



/*! 
-----------------------------------------
CONNECT PAGE
-----------------------------------------
*/
.connect {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.connect header {
  margin-bottom: 0;
}

/*! SECTIONS on Connect page */
.connect-intro {
  padding: 0;
}

.connect-social-media {
  padding: 2em 0 3em;
}

.connect-email-alerts {
  padding: 3em 0;
}

.connect-support {
  padding: 3em 0 0 0;
}

/*! SLIDERS (general and mobile first styles) */
.connect-slider--palm {
  height: 150px;
}

.connect-slider--lap {
  display: none;
}

.connect-slider--desk {
  display: none;
}

.connect-slider--palm > img,
.connect-slider--lap > img,
.connect-slider--desk > img {
  width: 100%;
  height: auto;
  overflow: hidden;
}

/*! CONNECT INTRO */
.connect-intro-content {
  padding: 1em 0;
}

.connect-intro-content > h1 {
  margin-bottom: 0.3em;
}

.connect-intro-buttons--desk,
.connect-intro-buttons {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.connect-intro-buttons--desk > li > a,
.connect-intro-buttons > li > a {
  display: block;
  font-size: 1.25em;
  /*font-family: $basefont--light;*/
  color: #111111;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.connect-intro-buttons--desk > li > a:link, .connect-intro-buttons--desk > li > a:visited,
.connect-intro-buttons > li > a:link,
.connect-intro-buttons > li > a:visited {
  background-color: #fec013;
}
.connect-intro-buttons--desk > li > a:active, .connect-intro-buttons--desk > li > a:hover, .connect-intro-buttons--desk > li > a:focus,
.connect-intro-buttons > li > a:active,
.connect-intro-buttons > li > a:hover,
.connect-intro-buttons > li > a:focus {
  border-bottom: none;
  background-color: #fecf4e;
}

/*! GET EMAIL ALERTS (products) */
.connect-email-alerts {
  color: white;
  padding: 3em 0;
}

.email-products {
  margin-bottom: 2em;
}

.email-products > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.email-products > ul > li {
  color: white;
  background: #212121;
  background: rgba(0, 0, 0, 0.6);
  padding: 1em;
  margin-bottom: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.email-products > ul > li > h3 {
  font-size: 2em !important;
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif !important;
  font-weight: 700;
  margin-bottom: 0 !important;
}

.email-products > ul > li:first-child > h3 {
  color: #ff4100;
}

.email-products > ul > li > p {
  margin-bottom: 0;
}

/* Statistics blocks on Get Email Alerts section */
.stats {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stat {
  background: #212121;
  background: rgba(0, 0, 0, 0.6);
  padding: 1em;
  max-width: 200px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.stat img {
	vertical-align: bottom;
}

.stat-number {
  font-size: 3.25em;
  /*52/16*/  
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
  font-weight: 200;
}

.mt-20 {
  margin-top: 20px;
}

.highlight {
  color: #fec013;
}

.eahighlight strong {
  color: #fec013;
}

/*! SUPPORT CRISIS GROUP */
.connect-support {
  color: white;
  padding: 3em 0;
  background: #1aa0c2 url("images/bg-connect-support--lap.png") no-repeat center top fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1aa0c2), color-stop(100%, #065d7d));
  background: -webkit-linear-gradient(#1aa0c2 0%, #065d7d 100%);
  background: -moz-linear-gradient(#1aa0c2 0%, #065d7d 100%);
  background: -o-linear-gradient(#1aa0c2 0%, #065d7d 100%);
  background: linear-gradient(#1aa0c2 0%, #065d7d 100%);
  background-size: cover;
  */
}

.outer-video-wrapper {
  background: #3C91AA;
  background: rgba(255, 255, 255, 0.1);
  padding: 0.5em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.connect-support-content {
  padding-top: 2em;
}
.connect-support-content a {
  color: #fff;
  border-bottom: 1px dotted #fff;
}
.connect-support-content a.btn {
  border-bottom: none;
}

/*! Media query styles Connect page : palm */
@media only screen and (max-width: 480px) {
  .connect-intro {
     color: #444444;
  }

  .connect-intro-content > h1 {
    font-size: 1.5em;
	font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
    font-weight: 200;
  }

  .connect-intro-content div > p {
    font-size: 0.85em !important;
    font-weight: normal;
    line-height: 150%;
    margin: 0;
  }

  .connect-intro-buttons {
    display: block;
    line-height: 60px;
  }

  .connect-intro-buttons > li {
    display: block;
    text-align: center;
    line-height: 60px;
    height: 60px;
    margin-bottom: 1px;
  }

  .connect-email-alerts {
    background-color: #111111;
    background-image: url("images/bg-connect-emails--palm.jpg?1390896236");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
/*! Media query styles Connect page : lap */
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .connect-slider--palm {
    display: none;
  }

  .connect-slider--lap {
    display: block;
    height: 350px;
  }

  .connect-slider--desk {
    display: none;
  }

  .connect-intro-content > h1 {
    font-size: 2.8em;
    font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
    font-weight: 200;
  }

  .connect-intro-content div > p {
    font-size: 1.5em;
  }

  .connect-intro-buttons {
    width: 100%;
  }


  .connect-intro-buttons > li {
    text-align: center;
    line-height: 60px;
    height: 60px;
    margin-bottom: 1px;
  }

  .connect-intro-buttons > li > a {
    padding-left: 1em;
    padding-right: 1em;
  }

  .connect-email-alerts {
    min-height: 815px;
    background-image: url("images/bg-connect-emails-blurred.jpg?1390896235");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  
}


@media only screen and (min-width: 481px) {
	.connect-support {
    padding: 3em 0;
    background-color: #1aa0c2;
    background-image: url("images/bg-connect-support--desk.png");
  }

}

/*! Media query styles Connect page : desk */
@media only screen and (min-width: 1024px) {
  .connect-slider--palm {
    display: none;
  }

  .connect-slider--lap {
    display: none;
  }

  .connect-slider--desk {
    position: relative;
    display: block;
    height: 500px;
  }

  .connect-intro-content {
    display: none;
  }

  .connect-intro-content-desk-wrapper {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .connect-intro-content--desk {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 1em 2em 0.5em 2em;
    max-width: 780px;
    margin-bottom: 2em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }

  .connect-intro-content--desk > h1 {
    font-size: 2.8em;
    font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
    font-weight: 200;
    margin-bottom: 0;
  }

  .connect-intro-content--desk div > p {
    font-size: 1.111em;
    font-weight: 300;
  }
  .connect-intro-content--desk div > p strong {
    color: #fec013;
  }

  .connect-intro-buttons {
    display: none;
  }

  .connect-intro-buttons--desk > li {
    margin-bottom: 5px;
  }

  .connect-intro-buttons--desk > li > a {
    display: block;
    text-align: center;
    line-height: 50px;
    height: 50px;
  }

  .connect-email-alerts {
    background-image: url("images/bg-connect-emails-blurred.jpg?1390896235");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .connect-support {
    background-image: url("images/bg-connect-support--desk.png");
  }

  .stats {
    margin: 0 0 0 60px;
  }

}



/*! 
SOCIAL NETWORKS SECTION
-----------------------------------------
*/
.social-network {
  padding: 1em 0;
  border-top: 1px solid #ccc;
  overflow: hidden;
}

.social-network-content > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-network-content h3 {
  font-family: "Neue Helvetica W02", Helvetica, Arial, sans-serif;
  font-size: 1.500em;
  font-style: normal;
  font-weight: 200;
  letter-spacing: normal;
  line-height: 1.4em;
  margin: 0;
}
.social-network-content p {
  margin-bottom: 0;
}


.video-wrapper {
  margin: 1em 0;
}

/*! Media query styles Connect page : palm */
@media only screen and (max-width: 480px) {
  .social-network-icon {
    width: 30px;
    height: auto;
    float: left;
  }

  .social-network-content {
    margin-left: 40px;
  }
}
/*! Media query styles Connect page : lap */
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .social-network-icon {
    width: 60px;
    height: auto;
    float: left;
  }

  .social-network-content {
    margin-left: 75px;
  }

  .social-network-content > ul > li {
    display: inline-block;
    margin-right: 0.5em;
  }
}
/*! Media query styles Connect page : desk */
@media only screen and (min-width: 1024px) {
  .social-networks-column {
    width: 45% !important;
    float: left;
    margin-right: 4.5% !important;
  }

  .social-network:first-child {
    border-top: none;
  }

  .social-network-icon {
    width: 60px;
    height: auto;
    float: left;
  }

  .social-network-content {
    margin-left: 75px;
  }

  .social-network-content > ul > li {
    display: inline-block;
    margin-right: 0.5em;
  }
}


/*! Media query styles : palm */
@media only screen and (max-width: 480px) {
  .post-body {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }

  .post-title--large,
  .post-body > h1 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
    /* 45px / 36px */
  }

  .post-body > h2 {
    font-size: 1.625em;
    /* 1.625x body copy size = 26px */
    line-height: 1.15384615;
    /* 30px / 26px */
  }

  .post-body > h3 {
    font-size: 1.375em;
    /* 1.375x body copy size = 22px */
    line-height: 1.13636364;
    /* 25px / 22px */
  }

  .post-body > h4 {
    font-size: 1.125em;
    /* 1.125x body copy size = 18px */
    line-height: 1.11111111;
  }

  .post-body > h5 {
    font-size: 1em;
    margin-bottom: 0.5em;
  }

  .post-body > h6 {
    font-size: 0.85em;
    margin-bottom: 1em;
    text-transform: uppercase;
  }

  .post-body > blockquote {
    font-size: 1.25em;
    /* 20px / 16px */
    line-height: 1.25;
    /* 25px / 20px */
  }
}
/*! Media query styles : lap */
@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .post-body {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }

  .post-title--large,
  .post-body > h1 {
    font-size: 2.5em;
    /* 2.5x body copy size = 40px */
    line-height: 1.125;
  }

  .post-body > h2 {
    font-size: 2em;
    /* 2x body copy size = 32px */
    line-height: 1.25;
  }

  .post-body > h3 {
    font-size: 1.5em;
    /* 1.5x body copy size = 24px */
    line-height: 1.25;
  }
 
}

@media only screen and (min-width: 481px) {
	
	.post-body > blockquote {
    	font-size: 1.5em;
		line-height: 1.45833333;
	}
	
	.post-body > h4 {
    line-height: 1.22222222;
    /* (22px / 18px */
  }

  .post-body > h5 {
    font-size: 1em;
    margin-bottom: 0.5em;
  }

  .post-body > h6 {
    font-size: 0.85em;
    margin-bottom: 1em;
    text-transform: uppercase;
  }
  
}

/*! Media query styles : desk */
@media only screen and (min-width: 1024px) {
  .post-title--large,
  .post-body > h1 {
    font-size: 3em;
    /* 3x body copy size = 48px */
    line-height: 1.0;
    /* keep to a multiple of the 20px line height and something more appropriate for display headings */
  }

  .post-body > h2 {
    font-size: 2.25em;
    /* 2.25x body copy size = 36px */
    line-height: 1.25;
  }

  .post-body > h3 {
    font-size: 1.75em;
    /* 1.75x body copy size = 28px */
    line-height: 1.25;
  }

}