@charset "UTF-8";
/*
  "minima/base",
  "minima/layout",
  "minima/syntax-highlighting",
*/
/* ==========================================================================
   Normalize.scss settings
   ========================================================================== */
/**
 * Includes legacy browser support IE6/7
 *
 * Set to false if you want to drop support for IE6 and IE7
 */
/* Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *  `em` units.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

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

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

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

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

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

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
  outline: 0;
}

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

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

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

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

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

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

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 8/9/10.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
}

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

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

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

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

/**
 * Address odd `em`-unit font size rendering in all browsers.
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

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

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

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *  and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *  `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *  Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

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

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

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

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 *  Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

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

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

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

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Corrects text not wrapping in Firefox 3.
 * 4. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

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

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

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

td,
th {
  padding: 0;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

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

body {
  font-family: Arial, sans-serif;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  height: 100%;
}

.voa__clear:before,
.voa__clear:after {
  content: " ";
  display: table;
}

.voa__clear:after {
  clear: both;
}

@media only screen and (min-width: 640px) {
  .voa__rule.wide-right {
    border-right: 1px solid #CCC;
    padding-right: 2.5%;
  }
  .voa__rule.wide-left {
    border-left: 1px solid #CCC;
    padding-left: 2.5%;
  }
}

@media only screen and (max-width: 639px) {
  .dark .voa__rule.wide-right {
    border-bottom: 1px solid #666;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  .dark .voa__rule.wide-left {
    border-top: 1px solid #666;
    margin-top: 30px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 640px) {
  .dark .voa__rule.wide-right {
    border-right: 1px solid #666;
    padding-right: 2.5%;
  }
  .dark .voa__rule.wide-left {
    border-left: 1px solid #666;
    padding-left: 2.5%;
  }
}

@media only screen and (max-width: media__medium) {
  .voa__no-mobile {
    display: none;
  }
}
@media only screen and (max-width: media__medium), screen and (max-height: 475px) {
  .voa__no-mobile {
    display: none;
  }
}
@media only screen and (min-width: 780px) and (max-width: 991px) {
  .voa__no-tablet {
    display: none;
  }
}
.voa__project {
  height: 100%;
  line-height: 1.2;
  max-width: 100%;
  overflow-wrap: break-word;
  padding: 0;
  word-wrap: break-word;
}
.voa__project img {
  width: 100%;
}
.voa__project a {
  color: #1330bf;
}
.voa__project h1,
.voa__project h2,
.voa__project h3,
.voa__project h4,
.voa__project h5 {
  font-family: SkolarSans-BdCond_Cyr-Ltn, Arial, sans-serif;
  margin: 0;
}
.voa__project strong {
  font-family: SkolarSans-BdCond_Cyr-Ltn, Arial, sans-serif;
}
.voa__project .voa__story p {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 120%;
  line-height: 1.4;
}
.voa__project .voa__story h2,
.voa__project .voa__story h3,
.voa__project .voa__story h4,
.voa__project .voa__story p {
  margin-right: auto;
  margin-left: auto;
  max-width: 640px;
}
.voa__project .voa__kicker,
.voa__project .voa__graphic__kicker {
  background-color: #990000;
  color: #FFF;
  display: inline-block;
  font-size: 14px;
  padding: 5px 7px;
  text-transform: uppercase;
}
.voa__project .voa__label {
  color: #990000;
  font-size: 16px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.voa__project .voa__label a {
  color: #990000;
}
.voa__project .voa__byline {
  color: #999999;
  font-family: Arial, sans-serif;
  font-weight: normal;
  margin: 5px 0 0 0;
}
.voa__project .voa__byline .voa__agency {
  font-weight: normal;
}
.voa__project .voa__cutline,
.voa__project .voa__caption,
.voa__project .voa__headlines .voa__credit,
.voa__project .voa__headlines .voa__cutline {
  color: #999999;
  font-family: Arial, sans-serif;
  font-size: 90%;
  margin: 5px 0 20px 0;
}
.voa__project .voa__cutline a,
.voa__project .voa__caption a,
.voa__project .voa__headlines .voa__credit a,
.voa__project .voa__headlines .voa__cutline a {
  color: #999999;
  text-decoration: underline;
}
.voa__project .voa__headlines .voa__credit,
.voa__project .voa__credit {
  font-size: 12px;
  margin-bottom: 0;
  text-align: right;
}
.voa__project .voa__section {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0;
  position: relative;
  z-index: 9995;
}
.voa__project .voa__section__full-width {
  padding: 0;
  position: relative;
  z-index: 9995;
}
.voa__project .voa__section__full-width.dark {
  background-color: #333333;
  padding: 40px 0;
}
.voa__project .voa__section__full-width.white {
  background-color: #FFF;
}
.voa__project .voa__section__full-width.voa__section__title {
  background-position: center 20%;
  background-size: cover;
  min-height: 80%;
  position: relative;
}
.voa__project .voa__section__full-width .voa__title-card__shadow {
  background-image: linear-gradient(transparent 0%, #000 200%);
  height: 30%;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.voa__project .voa__section__full-width .voa__title-card {
  /*position: absolute;
  	bottom: 5%;
  z-index: 9995;
  	*/
  text-align: center;
  width: 100%;
}
.voa__project .voa__section__full-width .voa__title-card.drought .voa__title {
  color: #FFF;
  text-shadow: 1px 1px 3px #333;
}
.voa__project .voa__section__full-width .voa__title {
  margin: 20px auto 10px auto !important;
  /*
  color: #FFF;
  text-shadow: 1px 1px 3px #333;
  */
}
.voa__project .voa__footer {
  background-color: #F1F1F1;
  padding: 40px 0;
}
.voa__project .voa__footer.dark {
  background-color: #333333;
  color: #999999;
}
.voa__project .voa__footer.dark h3 {
  color: #CCC;
}
.voa__project .voa__footer.dark h3.voa__kicker {
  color: #FFF;
}
.voa__project .voa__footer.dark a {
  color: #CCC;
}
.voa__project .voa__footer.dark a:hover {
  color: orange;
}
.voa__project .voa__footer .voa__grid__one-third {
  margin-bottom: 40px;
}
@media only screen and (min-width: 640px) {
  .voa__project .voa__footer .voa__grid__one-third {
    margin-bottom: 0;
  }
}
.voa__project .voa__footer .voa__kicker {
  margin-bottom: 10px;
}
.voa__project .voa__graphic__title--large, .voa__project .voa__section__full-width .voa__title {
  font-size: 2rem;
  margin-bottom: 10px;
}
.voa__project .voa__graphic__readin {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  margin-top: 0;
}
.voa__project .voa__graphic__title--section {
  font-size: 1.5rem;
  margin: 0;
}
.voa__project .voa__section__intro {
  font-size: 16px;
  margin-bottom: 10px;
}
.voa__project .voa__mugshot {
  float: right;
  margin: 1em 0 10px 15px;
  max-width: 33%;
  width: 120px;
}
.voa__project .voa__mugshot--round {
  border-radius: 50%;
  border: 1px solid #FFF;
  margin: 2px 5px 2px 5%;
  vertical-align: middle;
  width: 40px;
}
.voa__project .voa__photo--inset {
  margin-bottom: 10px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .voa__project .voa__graphic__title--large, .voa__project .voa__section__full-width .voa__title {
    font-size: 3rem;
    margin-bottom: 20px;
  }
  .voa__project .voa__graphic__readin {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 2rem;
  }
  .voa__project .voa__section__intro {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) {
  .voa__project .voa__graphic__title--large, .voa__project .voa__section__full-width .voa__title {
    font-size: 84px;
  }
  .voa__project .voa__graphic__title--section {
    font-size: 3rem;
  }
  .voa__project .voa__graphic__readin {
    font-size: 18px;
    line-height: 2;
  }
  .voa__project .voa__graphic__intro {
    display: none;
  }
  .voa__project .voa__section__intro {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 30px;
  }
  .voa__project .voa__mugshot--round {
    border: 3px solid #FFF;
    width: 60px;
  }
}

/* Basic grid */
.voa__grid,
.voa__grid__full {
  margin: 0 auto 1rem auto;
  max-width: 1280px;
  padding: 0 5%;
  width: 100%;
}

.voa__grid__full {
  padding: 0;
}

.voa__grid:before,
.voa__grid:after,
.voa__grid__full:before,
.voa__grid__full:after {
  content: " ";
  display: table;
}

.voa__grid:after,
.voa__grid__full:after {
  clear: both;
}

.voa__grid__element,
.voa__grid__one-half,
.voa__grid__one-third {
  margin: 0 auto;
  padding: 0;
  vertical-align: top;
  width: 100%;
}

.voa__grid__one-half:first-of-type {
  margin-bottom: 30px;
}

.voa__flex-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  min-height: 100%;
  width: 100%;
}
.voa__flex-grid .voa__flex-grid__one-third {
  margin-bottom: 10px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .voa__flex-grid .voa__flex-grid__one-third {
    width: 32%;
    min-height: 100%;
  }
}
.voa__flex-grid .voa__flex-grid__two-thirds {
  margin-bottom: 10px;
  width: 100%;
}
@media only screen and (min-width: 640px) {
  .voa__flex-grid .voa__flex-grid__two-thirds {
    width: 65%;
    min-height: 100%;
  }
}

@media only screen and (min-width: 640px) and (max-width: 991px) {
  .voa__grid__element {
    display: inline-block;
    margin-right: 1.5%;
    width: 48.2%;
  }
  .voa__grid__element:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .voa__grid__element {
    display: inline-block;
    margin-right: 1.25%;
    width: 32.5%;
  }
  .voa__grid__element:nth-child(3n) {
    margin-right: 0;
  }
  .voa__grid__one-half:first-of-type {
    margin-bottom: 30px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 640px) {
  .voa__grid__one-half {
    display: inline-block;
    margin-right: 1.5%;
    vertical-align: top;
    width: 48.2%;
  }
  .voa__grid__one-half:nth-child(2n) {
    margin-right: 0;
  }
  .voa__grid__one-half:first-of-type {
    margin-bottom: 0;
  }
  .voa__grid__one-third {
    display: inline-block;
    margin-right: 2%;
    vertical-align: top;
    width: 31%;
  }
  .voa__grid__one-third.voa__hang-right {
    margin-right: 0;
    padding-left: 2.5%;
    width: 33%;
  }
  .voa__grid__one-third.voa__grid__float {
    display: block;
    float: right;
  }
  .voa__grid__one-third:nth-child(3n) {
    margin-right: 0%;
  }
  .voa__grid__two-thirds {
    display: inline-block;
    margin-right: 0%;
    vertical-align: top;
    width: 66%;
  }
  .voa__grid__two-thirds.voa__grid__float {
    display: block;
    float: left;
  }
}
@media only screen and (min-width: 992px) {
  .voa__grid {
    margin-bottom: 0;
  }
}
/* 
//Minor styles that are only needed during production/editing process 
*/
.voa__publish-warning {
  background-color: #990000;
  color: #FFF;
  font-size: 80%;
  min-width: 300px;
  padding: 20px;
  pointer-events: none;
  position: fixed;
  bottom: 50px;
  left: 0;
  width: 50%;
  z-index: 9999;
}
.voa__publish-warning .voa__publish-warning__close-button {
  cursor: pointer;
  cursor: hand;
  float: right;
  pointer-events: auto;
}

/* Twitter styles */
.voa__twitter {
  margin: 0;
}
.voa__twitter.inset {
  border-radius: 5px;
  background-color: #FFF;
  box-shadow: 1px 1px 5px #999;
  padding: 30px;
}
@media only screen and (min-width: 640px) {
  .voa__twitter.inset .voa__twitter__attribution {
    margin: 10px auto;
    max-width: 60%;
  }
}
.voa__twitter .voa__twitter__tweet {
  font-family: serif;
  font-size: 170%;
  line-height: 1.1;
}
.voa__twitter .voa__twitter__tweet a {
  color: #1330bf;
  text-decoration: none;
}
.voa__twitter .voa__twitter__tweet a:hover {
  text-decoration: underline;
}
.voa__twitter .voa__twitter__attribution {
  display: block;
  margin-top: 20px;
}
.voa__twitter .voa__twitter__attribution .voa__mugshot--circle {
  margin-left: 0;
}
.voa__twitter .voa__project .voa__twitter__timestamp {
  color: #999;
  font-weight: normal;
  margin-top: 5px;
}

/* Responsive youtube embeds */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

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

@media only screen and (min-width: 992px) {
  .voa__photo--inset {
    float: right;
    margin-left: 10px;
    width: 50%;
  }
}
.map__container {
  border: 1px solid #CCC;
  min-height: 300px;
  width: 100%;
}
.map__container img {
  max-width: none;
}

.voa__map__popup-image {
  display: none;
  max-width: 100%;
  width: 100%;
}

.voa__map__popup-description {
  display: none;
}

@media only screen and (min-width: 640px) {
  .map__container {
    min-height: 500px;
  }
  .voa__map__popup-image,
  .voa__map__popup-description {
    display: block;
  }
}
.voa__rss {
  margin-top: 0;
  padding-left: 0;
}

.voa__rss li {
  border-bottom: 1px dotted #CCC;
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  list-style: none;
}

.voa__rss li:last-of-type {
  border-bottom: none;
}

.voa__rss li a {
  color: #333;
  text-decoration: none;
}

.voa__rss li a:hover {
  color: #1330bf;
  text-decoration: underline;
}

.voa__project .voa__story {
  /*-----------------Panels*/
  /*----------------- RTL language support*/
  /*flip the panel artwork for RTL languages*/
  /*.comicBook.rtl .panel img{
  	-moz-transform: scaleX(-1);
  	-o-transform: scaleX(-1);
  	-webkit-transform: scaleX(-1);
  	transform: scaleX(-1);
  	filter: FlipH;
  	-ms-filter: "FlipH";
  }
  .comicBook.rtl .panel img.noFlip{
  	-moz-transform: scaleX(1);
  	-o-transform: scaleX(1);
  	-webkit-transform: scaleX(1);
  	transform: scaleX(1);
  	filter: ;
  	-ms-filter: ;
  }*/
  /*-----------------Typography*/
  /* Adds comic sans to ALL <p/> */
  /*.comicBook.silly .panel p{
  	font-family: Comic Sans MS, arial,sans-serif;
  	text-transform: uppercase;
  }*/
  /* Adds comic sans to <p/> with a class of .dialogue */
  /*div.panel p.dialogue{
  	font-family: Comic Sans MS, sans-serif;
  	font-weight: bold;
  	line-height: 1.5em;
  	text-transform: uppercase;
  	text-align: center;
  	padding: 15px;
  }*/
  /* Adds monospace font to <p/> with a class of .computer */
  /*-----------------Styling the panels*/
  /* flip the tilt for RTL languages */
  /*-----------------Media queries----------------------------------*/
}
.voa__project .voa__story #container {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  padding: 0;
  color: #000;
}
.voa__project .voa__story .comicBook {
  width: 90%;
  padding: 0;
  text-align: center;
  margin: 50px auto 50px auto;
}
.voa__project .voa__story .hideMobile {
  display: none;
}
.voa__project .voa__story .showMobile {
  display: inline-block;
}
.voa__project .voa__story div.panel {
  width: 100%;
  height: auto;
  vertical-align: top;
  background-color: #FFF;
  margin: 10px 0;
  padding: 0;
  position: relative;
}
.voa__project .voa__story div.panel img {
  display: block;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}
.voa__project .voa__story div.panel.col0 {
  width: 0;
  margin: 0;
  padding: 0;
}
.voa__project .voa__story div.panel.col1 {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
.voa__project .voa__story div.clearMe {
  clear: both;
}
.voa__project .voa__story div.clearMobile {
  clear: both;
  display: block;
}
.voa__project .voa__story .panel .subpanel {
  float: left;
  margin: 0px 2.2% 0px auto;
}
.voa__project .voa__story .panel .subpanel:first-of-type {
  margin-left: 0;
}
.voa__project .voa__story .panel .subpanel:last-of-type {
  margin-right: 0;
  /*float:right;*/
}
.voa__project .voa__story .panel .subpanel.quarter {
  width: 23%;
}
.voa__project .voa__story .panel .subpanel.third {
  width: 31%;
}
.voa__project .voa__story .panel .subpanel.half {
  width: 48%;
}
.voa__project .voa__story .panel .subpanel.twothirds {
  width: 65%;
}
.voa__project .voa__story .panel .subpanel h3 {
  margin: 5px 0 0 0;
  text-align: center;
  font-weight: bold;
}
.voa__project .voa__story .panel .subpanel p.textPad {
  padding: 0 5px 0 5px;
}
.voa__project .voa__story .horizontalBar {
  border-bottom: 0px solid #000;
  width: 97%;
  margin: auto 1.5% 20px 1.5%;
}
.voa__project .voa__story .comicBook.rtl {
  direction: rtl;
  text-align: right;
}
.voa__project .voa__story .comicBook.rtl .panel p {
  text-align: right;
}
.voa__project .voa__story .comicBook.rtl .panel .subpanel {
  float: right;
}
.voa__project .voa__story .comicBook.rtl .panel .subpanel:first-of-type {
  margin-right: 0;
}
.voa__project .voa__story .comicBook.rtl .panel .subpanel:last-of-type {
  margin-right: 1.5%;
}
.voa__project .voa__story .comicBook.rtl .panel.comicIntro {
  float: left;
}
.voa__project .voa__story .comicBook.rtl .panel.comicIntro .subpanel {
  margin-right: 0;
}
.voa__project .voa__story div.panel p {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
  padding: 0;
  margin: 0;
  text-align: left;
}
.voa__project .voa__story div.panel p.computer {
  font-weight: bold;
  padding: 15px;
}
.voa__project .voa__story div.panel.title {
  background-color: #000;
  padding: 10px;
  width: auto;
}
.voa__project .voa__story div.panel.title h1 {
  margin: 0;
  padding: 0;
  font-size: 2em;
  color: #FFF;
}
.voa__project .voa__story div.panel.title h2 {
  font-weight: normal;
  font-size: 2em;
  text-align: center; /*text-transform: uppercase*/
  color: #999;
  padding: 2px 10px;
  margin-top: 10px;
}
.voa__project .voa__story div.panel.comicIntro {
  float: right;
}
.voa__project .voa__story .panel.col1.fillColumn {
  width: 70%;
  padding: 10px;
}
.voa__project .voa__story .panel.col1.fillColumn p {
  width: 40%;
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.voa__project .voa__story .panel.col1.fillColumn img {
  width: 55%;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.voa__project .voa__story .comicBook .all {
  border: 6px solid black;
}
.voa__project .voa__story p.balloon {
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; /* future proofing */
}
.voa__project .voa__story .comicBook .top {
  border: 6px solid black;
  border-bottom: none;
}
.voa__project .voa__story .comicBook .bottom {
  border: 6px solid black;
  border-top: none;
}
.voa__project .voa__story div.panel p.uppercase {
  text-transform: uppercase;
}
.voa__project .voa__story div.panel p.textPad {
  padding: 15px;
}
.voa__project .voa__story p.textPad.blackBox {
  background-color: #000;
  color: #FFF;
}
.voa__project .voa__story p.textPad.description {
  font-weight: normal;
  display: none;
}
.voa__project .voa__story div.insetBox {
  text-align: center;
  position: absolute;
  background-color: #000;
  color: #FFF;
  border: solid 3px #FFF;
  padding: 10px;
}
.voa__project .voa__story div.panel.removeBorder {
  border: none;
}
.voa__project .voa__story div.panel.addBorder {
  border: 6px solid black;
}
.voa__project .voa__story div.panel.exposition {
  width: 80%;
  background-color: #000;
  color: #FFF;
  border: none;
}
.voa__project .voa__story .tiltRight {
  transform: rotate(2deg);
  -ms-transform: rotate(2deg); /* IE 9 */
  -webkit-transform: rotate(2deg); /* Opera, Chrome, and Safari */
}
.voa__project .voa__story .tiltLeft {
  transform: rotate(-2deg);
  -ms-transform: rotate(-2deg); /* IE 9 */
  -webkit-transform: rotate(-2deg); /* Opera, Chrome, and Safari */
}
.voa__project .voa__story .comicBook.rtl .panel.tiltRight {
  transform: rotate(-2deg);
  -ms-transform: rotate(-2deg); /* IE 9 */
  -webkit-transform: rotate(-2deg); /* Opera, Chrome, and Safari */
}
.voa__project .voa__story .comicBook.rtl .panel.tiltLeft {
  transform: rotate(2deg);
  -ms-transform: rotate(2deg); /* IE 9 */
  -webkit-transform: rotate(2deg); /* Opera, Chrome, and Safari */
}
.voa__project .voa__story .addShadow {
  box-shadow: 5px 5px 5px #888888;
}
@media (min-width: 402px) {
  .voa__project .voa__story div.panel {
    width: 45%;
    margin: 10px 5px;
    display: inline-block;
  }
  .voa__project .voa__story div.panel.col1 {
    width: 23%;
  }
  .voa__project .voa__story div.panel.col2, .voa__project .voa__story div.panel.third {
    width: 45%;
  }
  .voa__project .voa__story div.panel.col3, .voa__project .voa__story div.panel.half {
    width: 70%;
  }
  .voa__project .voa__story div.panel.col4, .voa__project .voa__story div.panel.twothirds {
    width: 96%;
  }
  .voa__project .voa__story div.panel.col5 {
    width: 96%;
  }
  .voa__project .voa__story div.panel.col6 {
    width: 96%;
  }
  .voa__project .voa__story div.panel.block.col3, .voa__project .voa__story div.panel.block.half {
    width: 96%;
  }
  .voa__project .voa__story div.panel.col1.fillColumn {
    width: 16%;
    padding: 0;
  }
  .voa__project .voa__story div.panel.col1.fillColumn p {
    width: auto;
    padding: 15px;
    display: block;
  }
  .voa__project .voa__story div.panel.col1.fillColumn img {
    width: 100%;
    display: block;
  }
  .voa__project .voa__story div.panel.exposition {
    width: 20%;
    min-width: 150px;
  }
  .voa__project .voa__story .hideMobile {
    display: none !important;
  }
  .voa__project .voa__story div.clearMobile {
    clear: both;
    display: block;
  }
  .voa__project .voa__story p.textPad.description {
    display: inline-block;
  }
  .voa__project .voa__story .horizontalBar {
    border-bottom: 3px dotted #CCC;
  }
}
@media (min-width: 750px) {
  .voa__project .voa__story .fullWidth {
    max-width: 960px; /* 1024px */
    margin: 0 auto;
  }
  .voa__project .voa__story .hideMobile {
    display: inline-block !important;
  }
  .voa__project .voa__story .showMobile {
    display: none !important;
  }
  .voa__project .voa__story div.clearMobile {
    clear: none;
    display: none;
  }
  .voa__project .voa__story div.panel.col1 {
    width: 16%;
  }
  .voa__project .voa__story div.panel.col2, .voa__project .voa__story div.panel.third {
    width: 31%;
  }
  .voa__project .voa__story div.panel.col3, .voa__project .voa__story div.panel.half {
    width: 47%;
  }
  .voa__project .voa__story div.panel.col4, .voa__project .voa__story div.panel.twothirds {
    width: 63%;
  }
  .voa__project .voa__story div.panel.col5 {
    width: 79%;
  }
  .voa__project .voa__story div.panel.col6 {
    width: 97%;
  }
  .voa__project .voa__story div.panel.block.col3, .voa__project .voa__story div.panel.block.half {
    width: 46.5%;
  }
  .voa__project .voa__story div.panel.col1.fillColumn {
    width: 16%;
    padding: 0;
  }
  .voa__project .voa__story div.panel.col1.fillColumn p {
    width: auto;
    padding: 15px;
    display: block;
  }
  .voa__project .voa__story div.panel.col1.fillColumn img {
    width: 100%;
    display: block;
  }
  .voa__project .voa__story div.panel.title h1 {
    font-size: 2.5em;
  }
}
@media print {
  .voa__project .voa__story {
    /*Trying to fix printing of first row of comic book so it'll fit on one page*/
  }
  .voa__project .voa__story #menu {
    display: none;
  }
  .voa__project .voa__story .fullWidth h2.kicker {
    display: none !important;
  }
  .voa__project .voa__story .panel.col3.title {
    width: 100% !important;
    background-color: #FFF !important;
  }
  .voa__project .voa__story .panel.col3.title h1 {
    color: #000;
    font-size: 1.2em;
    text-align: left;
  }
  .voa__project .voa__story .panel.col3.title h2 {
    display: none;
  }
  .voa__project .voa__story .comicIntro .subpanel img {
    display: none;
  }
  .voa__project .voa__story .panel.col3.block.comicIntro {
    width: 100% !important;
  }
  .voa__project .voa__story .panel.col3.block.comicIntro.subpanel.twothirds {
    width: 100%;
  }
  .voa__project .voa__story .panel.col3.block.comicIntro.subpanel.twothirds p {
    width: 100% !important;
    text-align: left !important;
  }
  .voa__project .voa__story .comicBook .all {
    border: none;
    width: 100% !important;
  }
  .voa__project .voa__story div.panel.col1 {
    width: 16%;
  }
  .voa__project .voa__story div.panel.col2, .voa__project .voa__story div.panel.third {
    width: 31%;
  }
  .voa__project .voa__story div.panel.col3, .voa__project .voa__story div.panel.half {
    width: 47%;
  }
  .voa__project .voa__story div.panel.col4, .voa__project .voa__story div.panel.twothirds {
    width: 63%;
  }
  .voa__project .voa__story div.panel.col5 {
    width: 79%;
  }
  .voa__project .voa__story div.panel.col6 {
    width: 100%;
  }
  .voa__project .voa__story div.panel.block.col3, .voa__project .voa__story div.panel.block.half {
    width: 47%;
  }
  .voa__project .voa__story div.panel.col1.fillColumn {
    width: 16%;
    padding: 0;
  }
  .voa__project .voa__story div.panel.col1.fillColumn p {
    width: auto;
    padding: 15px;
    display: block;
  }
  .voa__project .voa__story div.panel.col1.fillColumn img {
    width: 100%;
    display: block;
  }
  .voa__project .voa__story .comicBook .panel p {
    font-size: 0.8em;
  }
  .voa__project .voa__story p.textPad.description {
    font-size: 0.6em;
  }
  .voa__project .voa__story .doNotPrint {
    display: none;
  }
}

/* NAVBAR STYLES */
.main-menu-nav {
  display: none;
  margin-top: 50px;
  background-color: rgba(20, 20, 20, 0.6);
}

.voa__navbar {
  background-color: #222;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.voa__navbar.rtl .voa__navbar__logo {
  float: right;
  margin-right: 5%;
  margin-left: 10px;
}
.voa__navbar.rtl .voa__navbar__title {
  float: right;
}
@media only screen and (min-width: 780px) {
  .voa__navbar.rtl .main-menu-nav {
    float: left;
  }
}
.voa__navbar.rtl .voa__navbar__toggle {
  float: left;
  margin-left: 5%;
}
@media only screen and (min-width: 780px) {
  .voa__navbar.rtl .sm-clean li.voa__navbar__comparison,
  .voa__navbar.rtl .sm-clean li.voa__navbar__language__toggle {
    float: right;
  }
}
.voa__navbar .sm-clean li:first-of-type {
  border-top: 1px solid #333;
}
.voa__navbar.clear {
  background-color: rgba(240, 240, 240, 0.2);
}
.voa__navbar.blue {
  background-color: #1330bf;
}
.voa__navbar.blue .voa__navbar__title {
  color: #FFF;
}
.voa__navbar.blue .social-share-link.twitter .social-icon {
  background-position: -30px -60px;
}
.voa__navbar.blue .social-share-link.facebook .social-icon {
  background-position: -25px -90px;
}
.voa__navbar.blue .voa__navbar__language .translation-icon {
  background-position: -30px 0;
}
@media only screen and (min-width: 780px) {
  .voa__navbar.blue .sm-clean li {
    border-color: #4160ea;
  }
  .voa__navbar.blue .sm-clean li li a {
    color: #999999;
  }
  .voa__navbar.blue .sm-clean li li a:hover {
    color: #999999;
  }
  .voa__navbar.blue .sm-clean a {
    color: #FFF;
  }
  .voa__navbar.blue .sm-clean a:hover, .voa__navbar.blue .sm-clean a:focus, .voa__navbar.blue .sm-clean a:active, .voa__navbar.blue .sm-clean a.highlighted {
    color: #F1F1F1;
  }
}
.voa__navbar.white {
  background-color: #FFF;
  border-bottom: 1px solid #CCC;
}
.voa__navbar.white .sm-clean li:first-of-type {
  border-top: 1px solid #CCC;
}
.voa__navbar.white .sm-clean a span.sub-arrow {
  background-color: rgba(220, 220, 220, 0.3);
}
.voa__navbar.white .voa__navbar__title {
  color: #1330bf;
}
.voa__navbar.white .voa__navbar__logo {
  background-image: url(../img/icons/icon__logo__voa--blue.png);
}
.voa__navbar.white .voa__navbar__toggle {
  background-image: url(../img/icons/icons_white.png);
}
.voa__navbar.white .voa__navbar__language .translation-icon {
  background-image: url(../img/icons/icons_white.png);
}
.voa__navbar.white .social-share-link.twitter .social-icon {
  background-position: 3px -60px;
}
.voa__navbar.white .social-share-link.twitter {
  background-position: 18px 7px;
}
.voa__navbar.white .social-share-link.facebook {
  background-position: 23px 7px;
}
@media only screen and (min-width: 780px) {
  .voa__navbar.white .sm-clean li {
    border-color: #CCCCCC;
  }
  .voa__navbar.white .sm-clean li:first-of-type {
    border-top: none;
  }
  .voa__navbar.white .sm-clean a {
    color: #666666;
  }
  .voa__navbar.white .sm-clean a:hover, .voa__navbar.white .sm-clean a:focus, .voa__navbar.white .sm-clean a:active, .voa__navbar.white .sm-clean a.highlighted {
    color: #990000;
  }
  .voa__navbar.white .social-share-link.twitter {
    background-position: 8px 7px;
  }
  .voa__navbar.white .social-share-link.facebook {
    background-position: 13px 7px;
  }
  .voa__navbar.white .social-share-link.twitter:hover {
    background-position: 8px -32px;
  }
  .voa__navbar.white .social-share-link.facebook:hover {
    background-position: 13px -36px;
  }
}
.voa__navbar .voa__grid__full,
.voa__navbar .voa__grid {
  margin-bottom: 0;
}
.voa__navbar .voa__navbar__logo {
  background-image: url(../img/icons/icon__logo__voa--f8f8f8.png);
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  height: 25px;
  margin: 8px 0 8px 5%;
  padding: 0;
  width: 59px;
}
.voa__navbar .voa__navbar__title {
  color: #999;
  float: left;
  font-weight: normal;
  margin-top: 10px;
  padding-left: 10px;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 400px) {
  .voa__navbar .voa__navbar__title {
    font-size: 20px;
    margin-top: 7px;
  }
}
.voa__navbar .voa__navbar__link:hover .voa__navbar__title {
  color: #D0D9E7;
}
.voa__navbar .voa__navbar__toggle {
  background-image: url(../img/icons/icons_default.png);
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: -30px -30px;
  float: right;
  height: 30px;
  margin: 6px 5% 4px 0; /* 8px 5% 8px 0; */
  width: 30px;
  padding: 0;
}
.voa__navbar .voa__navbar__toggle:hover {
  background-position: -30px -30px;
  cursor: pointer;
  cursor: hand;
}
.voa__navbar .social-share-link,
.voa__navbar .voa__navbar__language {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.voa__navbar .social-share-link .social-icon,
.voa__navbar .social-share-link:hover .social-icon {
  background-repeat: no-repeat;
  background-size: 60px;
  display: inline-block;
  height: 30px;
  padding-left: 30px;
  vertical-align: middle;
  width: 30px;
}
.voa__navbar .social-share-text {
  padding-left: 5px;
}
.voa__navbar .social-share-link.twitter .social-icon {
  background-image: url(../img/icons/icons_default.png);
  background-position: 0px -60px;
}
.voa__navbar .social-share-link.facebook .social-icon {
  background-image: url(../img/icons/icons_default.png);
  background-position: -25px -90px;
}
.voa__navbar .voa__navbar__language .translation-icon {
  background-image: url(../img/icons/icons_default.png);
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: -30px 0;
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  width: 30px;
  padding: 0;
}
@media only screen and (min-width: 780px) {
  .voa__navbar .sm-clean li:first-of-type {
    border-top: none;
  }
  .voa__navbar .social-share-text {
    display: none;
  }
  .voa__navbar .social-share-link {
    background-position: 5px -40px;
    background-repeat: no-repeat;
    background-size: 30px;
    height: 40px;
    padding-left: 5px;
    width: 40px;
  }
  .voa__navbar .sm-clean a.social-share-link {
    padding-left: 5px;
  }
  .voa__navbar .social-share-link.twitter .social-icon {
    background-position: -30px -60px;
  }
  .voa__navbar .social-share-link.twitter:hover {
    background-color: #00ACEE;
  }
  .voa__navbar .social-share-link.facebook:hover {
    background-color: #3B5997;
  }
  .voa__navbar .social-share-link.twitter:hover .social-icon {
    background-position: -30px -60px;
  }
  .voa__navbar .social-share-link.facebook:hover .social-icon {
    background-position: -25px -90px;
  }
  .voa__navbar .voa__navbar__language:hover .translation-icon {
    background-position: -30px 0;
  }
}
@media only screen and (max-width: 780px) {
  .voa__navbar .voa__grid {
    padding: 0;
  }
}
@media only screen and (min-width: 780px) {
  .voa__navbar .voa__grid {
    padding-right: 0;
  }
  .voa__navbar .main-menu-nav {
    display: block !important;
    float: right;
    margin-top: 0;
    background-color: transparent;
  }
  .voa__navbar .voa__navbar__logo {
    margin: 8px 0;
  }
  .voa__navbar .voa__navbar__toggle {
    display: none;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) {
  .voa__navbar .main-menu-nav {
    margin-right: 5%;
  }
  .voa__navbar .social-share-link,
  .voa__navbar .voa__navbar__language {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.voa__navbar #main-menu li.current {
  border-right: 1px solid #000;
}
.voa__navbar #main-menu li.current a {
  color: #CCCCCC;
}

.voa__project.rtl .voa__navbar .voa__navbar__title {
  float: right;
}
.voa__project.rtl .voa__navbar .voa__navbar__logo {
  float: right;
}
@media only screen and (min-width: 992px) {
  .voa__project.rtl .voa__navbar .main-menu-nav {
    float: left;
    margin-left: 5%;
  }
}
.voa__project.rtl .voa__navbar .voa__navbar__toggle {
  float: left;
  margin: 8px 0 8px 5%;
}

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm {
  position: relative;
  z-index: 9999;
}

.sm, .sm ul, .sm li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: normal;
  direction: ltr;
  text-align: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm-rtl, .sm-rtl ul, .sm-rtl li {
  direction: rtl;
  text-align: right;
}

.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {
  margin: 0;
  padding: 0;
}

.sm ul {
  display: none;
}

.sm li, .sm a {
  position: relative;
}

.sm a {
  display: block;
}

.sm a.disabled {
  cursor: not-allowed;
}

.sm:after {
  content: " ";
  display: block;
  height: 0;
  font: 0px/0 serif;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

.sm, .sm *, .sm *:before, .sm *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.sm-clean {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
  padding: 13px 58px 13px 20px;
  /* make room for the toggle button (sub indicator) */
  color: #FFF;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

.sm-clean a.current {
  color: #FFF;
}

.sm-clean a.disabled {
  color: #bbbbbb;
}

.sm-clean a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4.5%;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.sm-clean a.highlighted span.sub-arrow:before {
  display: block;
  content: "-";
}

.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.sm-clean li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.sm-clean > li:first-child {
  border-top: 0;
}

.sm-clean ul {
  background: rgba(162, 162, 162, 0.1);
}

.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
  font-size: 16px;
  border-left: 8px solid transparent;
}

.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
  border-left: 16px solid transparent;
}

.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
  border-left: 24px solid transparent;
}

.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
  border-left: 32px solid transparent;
}

.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

@media (min-width: 780px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-clean ul {
    position: absolute;
    width: 12em;
  }
  .sm-clean li {
    float: left;
  }
  .sm-clean.sm-rtl li {
    float: right;
  }
  .sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
    float: none;
  }
  .sm-clean a {
    white-space: nowrap;
  }
  .sm-clean ul a, .sm-clean.sm-vertical a {
    white-space: normal;
  }
  .sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }
  /* ...end */
  .sm-clean {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    padding: 12px 12px;
    color: #FFF;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
    background-color: rgba(20, 20, 20, 0.5);
    color: #FFF;
  }
  .sm-clean a.current {
    color: #FFF;
  }
  .sm-clean a.disabled {
    color: #bbbbbb;
  }
  .sm-clean a.has-submenu {
    padding-right: 24px;
  }
  .sm-clean a span.sub-arrow {
    top: 50%;
    margin-top: -2px;
    right: 12px;
    width: 0;
    height: 0;
    border-width: 4px;
    border-style: solid dashed dashed dashed;
    border-color: #999999 transparent transparent transparent;
    background: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
  .sm-clean a.highlighted span.sub-arrow:before {
    display: none;
  }
  .sm-clean li {
    border-top: 0;
    border-right: 1px solid #555;
  }
  .sm-clean li:first-of-type {
    border-left: 1px solid #555;
  }
  .sm-clean li ul li, .sm-clean li ul li:first-of-type {
    border: none;
  }
  .sm-clean > li > ul:before,
  .sm-clean > li > ul:after {
    content: "";
    position: absolute;
    top: -18px;
    left: 30px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #bbbbbb transparent;
  }
  .sm-clean > li > ul:after {
    top: -16px;
    left: 31px;
    border-width: 8px;
    border-color: transparent transparent white transparent;
  }
  .sm-clean ul {
    border: 1px solid #bbbbbb;
    padding: 5px 0;
    background: white;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important;
    -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
  }
  .sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    border: 0 !important;
    padding: 10px 20px;
    color: #555555;
  }
  .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
    background: #eeeeee;
    color: #d23600;
  }
  .sm-clean ul a.current {
    color: #d23600;
  }
  .sm-clean ul a.disabled {
    background: white;
    color: #cccccc;
  }
  .sm-clean ul a.has-submenu {
    padding-right: 20px;
  }
  .sm-clean ul a span.sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean span.scroll-up,
  .sm-clean span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .sm-clean span.scroll-up:hover,
  .sm-clean span.scroll-down:hover {
    background: #eeeeee;
  }
  .sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow {
    border-color: transparent transparent #d23600 transparent;
  }
  .sm-clean span.scroll-down:hover span.scroll-down-arrow {
    border-color: #d23600 transparent transparent transparent;
  }
  .sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 6px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .sm-clean span.scroll-down-arrow {
    top: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .sm-clean.sm-rtl a.has-submenu {
    padding-right: 12px;
    padding-left: 24px;
  }
  .sm-clean.sm-rtl a span.sub-arrow {
    right: auto;
    left: 12px;
  }
  .sm-clean.sm-rtl.sm-vertical a.has-submenu {
    padding: 10px 20px;
  }
  .sm-clean.sm-rtl.sm-vertical a span.sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-rtl > li > ul:before {
    left: auto;
    right: 30px;
  }
  .sm-clean.sm-rtl > li > ul:after {
    left: auto;
    right: 31px;
  }
  .sm-clean.sm-rtl ul a.has-submenu {
    padding: 10px 20px !important;
  }
  .sm-clean.sm-rtl ul a span.sub-arrow {
    right: auto;
    left: 8px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #555555 transparent transparent;
  }
  .sm-clean.sm-vertical {
    padding: 10px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .sm-clean.sm-vertical a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
    background: white;
  }
  .sm-clean.sm-vertical a.disabled {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical a span.sub-arrow {
    right: 8px;
    top: 50%;
    margin-top: -5px;
    border-width: 5px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #555555;
  }
  .sm-clean.sm-vertical > li > ul:before,
  .sm-clean.sm-vertical > li > ul:after {
    display: none;
  }
  .sm-clean.sm-vertical ul a {
    padding: 10px 20px;
  }
  .sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
    background: #eeeeee;
  }
  .sm-clean.sm-vertical ul a.disabled {
    background: white;
  }
}
.voa__project strong {
  font-family: Arial, sans-serif;
}
.voa__project .voa__story h3 {
  font-size: 24px;
  margin-top: 50px;
  text-transform: uppercase;
}
.voa__project .voa__story.overview p:nth-of-type(3) {
  margin-bottom: 30px;
}
.voa__project.english p.intro, .voa__project.vietnamese p.intro, .voa__project.russian p.intro, .voa__project.uzbek p.intro {
  font-style: italic;
}
.voa__project.english .voa__story.overview p:nth-of-type(-n+3), .voa__project.vietnamese .voa__story.overview p:nth-of-type(-n+3), .voa__project.russian .voa__story.overview p:nth-of-type(-n+3), .voa__project.uzbek .voa__story.overview p:nth-of-type(-n+3) {
  font-style: italic;
}
.voa__project.english .voa__story.overview p:first-of-type::first-letter, .voa__project.vietnamese .voa__story.overview p:first-of-type::first-letter, .voa__project.russian .voa__story.overview p:first-of-type::first-letter, .voa__project.uzbek .voa__story.overview p:first-of-type::first-letter {
  color: #000;
  float: left;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 4em;
  font-style: normal;
  line-height: 0.9em;
  padding: 0px 8px 0 3px;
}

.icon {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 1.3em;
  padding-left: 1.6em;
  -webkit-print-color-adjust: exact;
}

.icon.how {
  background-image: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icons_how.png);
}

.icon.caution {
  background-image: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icons_caution.png);
}

.icon.trap {
  background-image: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icons_trap.png);
}

.icon.bottomLine {
  background-image: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icons_bottomLine.png);
}

.icon.help {
  background-image: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icons_help_alt.png);
}

/*

#footer { background-color: #333; margin:0; padding:20px; }
#footer .note { font-weight: bold; font-size: .9em; margin: 20px auto 0 auto; color:#FFF; max-width:900px; padding-bottom: 30px; }
#footer .note a { color:#f7941e; }
#footer .note .firstcharacter { font-size: 5.5em; }



.pageActions { margin: 2em auto 0 auto; width: 90%; }

.nextAction, .shareAction { margin: 0 0 2em 0; }

.actionButton {
	display: inline-block;
	margin-right: 10px;
}

.actionButton a {
	background-color: #66cac4;
	background-repeat: no-repeat;
	border: 1px solid #33b9b1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	padding: 4px 8px 4px 26px;
	text-decoration: none;
}

.actionButton.moreInfo a {
	background-image: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/info-circle_ffffff_16.png);
	background-position: 4px 55%;
}

.actionButton.downloadTool a {
	background-image: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/download_ffffff_16.png);
	background-position: 4px 50%;
}

.actionButton a:hover, 
.actionButton a:active {
	background-color: #00a79d;
}

.sharing {
	display: inline-block;
	margin: 0 1em 0 0;
	vertical-align: middle;
}

*/
.toolsTable {
  background-color: #FFF;
  margin: 0;
  padding: 0;
  border-top: 5px dotted #999;
  padding: 20px 0;
  margin-top: 50px;
}

table#tools {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-collapse: collapse;
}

table#tools td {
  border: 0;
  border-top: 1px solid #CCC;
  padding: 0;
}

table#tools td:nth-child(1) {
  height: 40px;
}

table#tools td:nth-child(1) a {
  font-weight: bold;
  color: #f15a29;
}

table#tools td a {
  text-decoration: none;
  margin: 0;
  padding: 0;
  width: 90%;
  height: 100%;
  padding-left: 20px;
}

table#tools tr {
  cursor: pointer;
  cursor: hand;
}

table#tools tr th {
  cursor: default !important;
}

table#tools tr:hover td {
  background-color: #CCC;
}

table#tools tr:hover td a {
  color: #000;
}

table#tools tr th span {
  display: none;
  white-space: nowrap;
}

table#tools tr th.metric, table#tools tr td.metric {
  display: none;
}

table#tools tr th.toolName {
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  font-size: 24px;
  padding-left: 20px;
}

table#tools tr td.metric {
  margin: 0;
  padding: 3px;
  width: 30px;
  height: 20px;
}

table#tools th.metric {
  height: 30px;
}

table#tools td.true {
  background: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icon_check.png) center 50% no-repeat;
}

table#tools tr:hover td.true {
  background: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icon_checkHover.png) center 50% no-repeat !important;
}

table#tools th.metric:nth-child(2) {
  background: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icon_anonymity.png) center top no-repeat;
}

table#tools th.metric:nth-child(3) {
  background: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icon_circumvention.png) center top no-repeat;
}

table#tools th.metric:nth-child(4) {
  background: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icon_portability.png) center top no-repeat;
}

table#tools th.metric:nth-child(5) {
  background: url(https://www.voanews.com/MediaAssets2/projects/circumvention/img/icon_encryption.png) center top no-repeat;
}

/* RTL styles */
.rtl #menu #titleBar h1 {
  float: right;
}

.rtl #menu #titleBar img {
  float: left;
}

.rtl .fullWidth .story h3 {
  margin: 2em 5% 0 auto;
}

.rtl .icon {
  background-position: right top;
  padding-right: 1.6em;
  padding-left: 0;
}

.rtl table#tools tr th.toolName {
  padding-left: 0;
  padding-right: 20px;
  text-align: right;
}

.rtl table#tools td a {
  padding: 0 20px 0 0;
}

.rtl .firstcharacter {
  float: right;
  margin-left: 8px;
  margin-right: 3px;
}

.rtl .actionButton {
  margin-right: 0;
  margin-left: 10px;
}

.rtl .actionButton a {
  padding: 4px 26px 4px 8px;
}

.rtl .actionButton.moreInfo a {
  background-position: right 4px top 55%;
}

.rtl .actionButton.downloadTool a {
  background-position: right 4px top 50%;
}

.rtl .sharing {
  margin: 0 0 0 1em;
  padding-top: 10px;
}

/* somehow facebook button alignment is different when RTL */
/*.rtl .share-fb { padding-bottom: 14px; }*/
@media (min-width: 500px) {
  img.left {
    width: 45%;
    float: left;
    margin: 20px 20px 20px 5%;
  }
  img.right {
    width: 45%;
    float: right;
    margin: 20px 5% 20px 20px;
  }
  /*
  #menu #titleBar h1 { font-size: 1.5em; padding: .25em 0; }
  #menu ul li a { padding: 8px 2%; width: 96%; }

  .fullWidth .story h3.subhed { font-size: 2em; }
  */
  table#tools tr td.metric {
    width: 50px;
  }
  table#tools tr th.metric, table#tools tr td.metric {
    display: table-cell;
  }
  table#tools tr:hover td {
    background-color: transparent;
    text-decoration: underline;
  }
}
@media (min-width: 750px) {
  /*
  .fullWidth h1 { font-size: 3em; }
  .fullWidth h2.kicker { background-color:#f7941e; color:#FFF; margin: auto; margin-top:56px; padding: 8px 20px; font-size: 1.2em; min-width: 30%; }

  .fullWidth .story p { font-size: 1.2em; line-height: 1.5em; }
  .fullWidth .story p.intro { font-size: 1.4em; line-height: 1.7em; }
  .fullWidth .story h3 { font-size: 2em; }
  .fullWidth .story h3.tagline { width:60%; margin: 0 auto; font-size: 2.5em; }

  .fullWidth ul.listView { margin:20px auto 0 auto; max-width: 900px; width: 90%; list-style-type: disc; padding-left: 40px; }
  .fullWidth ul.listView li { border-top: none;  padding:8px 0 8px 20px; margin:0; font-weight: bold; color:#f15a29; }
  .fullWidth ul.listView a li:hover { background-color: #FFF; }
  .fullWidth ul.listView a li { text-decoration: underline; }

  .fullWidth .story .note { font-size: 1em; }
  #footer .note { padding-bottom: 60px; }

  //#footer .note .firstcharacter { font-size: 2em; }
  */
  table#tools tr th span {
    display: block;
  }
  table#tools tr th.metric, table#tools tr td.metric {
    padding-left: 10px;
    padding-right: 10px;
  }
  table#tools th.metric {
    height: 50px;
    vertical-align: bottom;
    text-transform: uppercase;
    font-size: 11px;
  }
  .nextAction, .shareAction {
    display: inline-block;
  }
  .nextAction {
    margin-right: 4em;
  }
  .sharing {
    margin-top: 3px;
    padding-top: 0;
  }
  .rtl .nextAction {
    margin-right: 0;
    margin-left: 4em;
  }
}

/*# sourceMappingURL=main.css.map */