html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  }
body {
  line-height: 1;
  color:#000;
  overflow-x: hidden;
  }
header, nav, article, footer, section {
  display:block;
  }

h1, h2, h3, h4, h5, h6, p { margin:0 0 20px 0; }
a {
  color:#000;
  text-decoration:none;
  outline:none;
  }
a:hover {
  text-decoration:underline;
  }
a.under {
  text-decoration:underline;
  }
ol, ul {
  list-style: none;
  }
img {
  border:0;
  -ms-interpolation-mode: nearest-neighbor | bicubic;
  }
blockquote, q {
  quotes: none;
  }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
  }

:focus {
  outline: 0;
  }

ins {
  text-decoration: none;
  }
del {
  text-decoration: line-through;
  }

table {
  border-collapse: collapse;
  border-spacing: 0;
  }
table td {
  vertical-align:top;
  text-align:left;
  }
body {
  min-width: 1020px;
  font: 14px/20px "proxima-nova", sans-serif;
  background: #FFF;
  }

a { color: #000; -webkit-transition: color .1s; -moz-transition: color .1s; -ms-transition: color .1s; -o-transition: color .1s; transition: color .1s; }
a:hover { color: #9D6043; text-decoration: none; }

.page-content {
  position: relative;
  background: linear-gradient(to bottom, rgba(0,0,0,.03), rgba(0,0,0,0)) 0 0 / 100% 300px no-repeat;
  overflow-x: hidden;
  }

.page-holder {
  min-height: 100vh;
  padding-bottom: 248px;
  box-sizing: border-box;
  }


.banner {
  position: relative; z-index: 500;
  clear: both;
  margin-bottom: 30px;
  text-align: center;
  }
.banner img,
.banner object,
.banner iframe { display: block; }


.page-content > iframe,
.page-content > img { display: block; }


.row { position: relative; }
.row .row-cont {
  position: relative; z-index: 2;
  margin: auto;
  width: 940px;
  }
.row .row-cont:after { content: ''; display: table; clear: both; }

.content { position: relative; z-index: 2; }
.sidebar + .content {
  float: left;
  width: 620px; min-height: 930px;
  z-index: 2;
  }
.sidebar {
  float: right; position: relative;
  width: 300px;
  z-index: 3;
  }


.hr { height: 1px; background: #E5E5E5; }


.g-clearfix:after { content: ''; display: table; clear: both; }

.g-hidden { display: none !important; }

.g-clear { clear: both; }


.block-justifier {
  margin-right: -20px;
  letter-spacing: -0.3em;
  }
.just-bl {
  position:relative;
  display: inline-block;
  margin-right: 20px;
  text-align: left; letter-spacing: 0; vertical-align: top;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
.just-bl.block-justifier { margin-right: 0; }
.just-bl-x1 { width: 140px; }
.just-bl-x1.block-justifier { width: 160px; }
.just-bl-x2 { width: 300px; }
.just-bl-x2.block-justifier { width: 320px; }
.just-bl-x3 { width: 460px; }
.just-bl-x3.block-justifier { width: 480px; }
.just-bl-x4 { width: 620px; }
.just-bl-x4.block-justifier { width: 640px; }
.just-bl-x5 { width: 780px; }
.just-bl-x5.block-justifier { width: 800px; }
.just-bl-x6 { width: 940px; }


.g-mb-0 { margin-bottom:0 !important; }
.g-mt-0 { margin-top:0 !important; }
.g-pb-0 { padding-bottom: 0!important; }
.g-pt-0 { padding-top: 0!important; }
.g-mb-10 { margin-bottom:10px !important; }
.g-mt-10 { margin-top:10px !important; }
.g-pt-10 { padding-top:10px !important; }
.g-pb-10 { padding-bottom:10px !important; }
.g-mb-15 { margin-bottom:15px !important; }
.g-mt-15 { margin-top:15px !important; }
.g-pt-15 { padding-top:15px !important; }
.g-pb-15 { padding-bottom:15px !important; }
.g-mb-20 { margin-bottom:20px !important; }
.g-mt-20 { margin-top:20px !important; }
.g-pt-20 { padding-top:20px !important; }
.g-pb-20 { padding-bottom:20px !important; }
.g-mb-25 { margin-bottom:25px !important; }
.g-mt-25 { margin-top:25px !important; }
.g-mb-30 { margin-bottom:30px !important; }
.g-mt-30 { margin-top:30px !important; }
.g-pt-30 { padding-top:30px !important; }
.g-pb-30 { padding-bottom:30px !important; }
.g-mb-40 { margin-bottom:40px !important; }
.g-mt-40 { margin-top:40px !important; }
.g-pt-40 { padding-top:40px !important; }
.g-pb-40 { padding-bottom:40px !important; }

.g-fl { float: left; }
.g-fr { float: right; }


.need-more-minerals {
  position: relative; z-index: 90;
  clear: both;
  padding: 42px 0 46px;
  font: bold 50px "franklin-gothic-urw"; color: #FFF; text-align: center;
  background: #35373A;
  transition: background .3s;
  cursor: pointer;
  }
.need-more-minerals:hover { background: #191919; }

.need-more-minerals:before { content: 'Load more'; }
.need-more-minerals:after { content: 'Loading'; display: none; }

.need-more-minerals.loading,
.need-more-minerals.progress {
  pointer-events: none;
  -webkit-animation: more-minerals-loading .7s infinite linear alternate; animation: more-minerals-loading .7s infinite linear alternate;
  }
.need-more-minerals.loading:before,
.need-more-minerals.progress:before { display: none; }
.need-more-minerals.loading:after,
.need-more-minerals.progress:after { display: inline; }

@-webkit-keyframes more-minerals-loading {
  0% { background: #191919; }
  100% { background: #35373A; }
  }
@keyframes more-minerals-loading {
  0% { background: #191919; }
  100% { background: #35373A; }
  }


.dotted-list-marker li {
  position: relative;
  }
.dotted-list-marker li:after {
  content: ''; display: inline-block; position: absolute; top: 11px; left: -13px;
  margin-top: -3px;
  width: 3px; height: 3px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAAAAABzQ%2BpjAAAAE0lEQVQIHWN8%2BU6I8dp%2FJkYgDQAknAWtHj4FpwAAAABJRU5ErkJggg%3D%3D);
  }
.dotted-list-marker li:first-child:after {
  display: none;
  }


.adblock-message {
  margin-bottom: 20px;
  width: 300px; height: 600px;
  background: #161f35 url(http://lamcdn.net/www.hopesandfears.com/gui/message-32eb6ffd2ad7cb3f7ba8537334a999856e74d3537bffb0e0303d3b90c2b3672a.png) 0 0 no-repeat;
  text-indent: -999em; color: #fff; text-align: center;
  }


.dd-able {
  position: relative;
  }

.dd-able .dd-body {
  display: none;
  position: absolute; top: 100%; left: 0px;z-index: 50;
  margin-top: 10px; padding: 5px 10px;
  border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 5px;
  text-align: left; font: 13px/18px "Arial", sans-serif; text-transform: none; letter-spacing: 0;
  }
.dd-able .dd-body:before,
.dd-able .dd-body:after {
  content: ''; position: absolute; top: -6px; left: 15px; z-index: 10;
  width: 0; height: 0;
  }

.dd-able .dd-body:before {
  top: -7px; left: 14px;
  border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #d2d2d2;
  }
.dd-able .dd-body:after {
  border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff;
  }


.site-header .dd-able .dd-body ol,
.site-header .dd-able .dd-body ul {
  padding: 10px 0;
  border-top: 1px solid #cdcdcd;
  }
.site-header .dd-able .dd-body ol:first-child,
.site-header .dd-able .dd-body ul:first-child {
  padding-top: 0;
  border: 0;
  }
.dd-able .dd-body .dd-list .list-item.current a,
.dd-able .dd-body .dd-list .list-item.current span { color: #c89534; }



.dd-able.dd-opened {
  z-index: 9999;
  }
.dd-able.dd-opened .dd-title {
  position: relative; z-index: 200;
  }

.dd-able.dd-opened .dd-body {
  display: block;
  }


.dd-able.dd-left .dd-body {
  left: auto; right: -1px;
  }
.dd-able.dd-left .dd-body:before {
  right: 15px; left: auto;
  }
.multisuggest {
  position: relative;
  }


.multisuggest .ms-selections {
  padding: 3px 0 0 3px;
  border: 1px solid #c2c1c1; background: #fff;
  overflow: hidden;
  }
.multisuggest .ms-selections .ms-selected-item,
.multisuggest .ms-selections .ms-original {
  display: inline-block; #display: inline; #zoom: 1; vertical-align: top;
  margin: 0 3px 3px 0;
  font: 15px/25px "Arial",sans-serif;
  }


.multisuggest .ms-selections .ms-selected-item {
  position: relative;
  max-width: 92%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;
  padding: 0 28px 0 6px;
  color: #000; white-space: nowrap;
  background: #F5F5F5;
  cursor: pointer;
  }
.multisuggest .ms-selections .ms-selected-item i {
  position: absolute; top: 6px; right: 6px;
  width: 12px; height: 12px;
  background: rgba(0,0,0,.3);
  background-image: linear-gradient(to right, #FFF, #FFF), linear-gradient(to right, #FFF, #FFF);
  background-position: 5px 2px, 2px 5px;
  background-size: 2px 8px, 8px 2px;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: background-color .2s;
  transform: rotate(45deg);
  }
.multisuggest .ms-selections .ms-selected-item:hover {
  background: #E6E6E6; border-color: #E6E6E6;
  }
.multisuggest .ms-selections .ms-selected-item i:hover {
  background-color: rgba(0,0,0,.6);
  }
.multisuggest .ms-selections .ms-selected-item.active {
  border-color: #AEAEAE !important;
  }


.multisuggest .ms-selections .ms-original .ms-input {
  padding: 0 0 3px; margin: 0;
  border: none; background: none;
  font: 15px/25px "Arial",sans-serif;
  }
.multisuggest.multisuggest-moder .ms-selections .ms-original {
  width: 99%;
  }
.multisuggest.multisuggest-moder .ms-selections .ms-original .ms-input {
  width: 99%;
  }


.multisuggest .g-user {
  height: 29px;
  margin: -1px -7px 0 -1px;
  }
.multisuggest .g-user .userpic {
  top: 2px;
  }
.multisuggest .g-user .name {
  position: static;
  display: block;
  margin-top: 4px;
  max-width: 120px;
  overflow: hidden; text-overflow: ellipsis;
  }


.multisuggest .ms-results {
  
  position: absolute; top: 100%; left: 0; z-index:100;
  width: 100%;
  margin-top: -1px;
  }
.multisuggest.multisuggest-opened .ms-results {
  display: block;
  }
.multisuggest .dd-suggest-list {
  position: static!important;
  width: auto!important;
  background: #fff; border: 1px solid #c2c1c1;
  }


.dd-able.dd-suggest {
  display: inline-block; #display: inline; #zoom: 1;
  }
.dd-able.dd-suggest .dd-title {
  display: block;
  position: relative;
  width: 100%;
  padding: 0; margin: 0;
  border: 1px solid #ddd; background: #fff;
  font: 12px/14px "Arial", sans-serif;
  cursor: pointer;
  }
.dd-able.dd-suggest .dd-title .dd-action {
  position: absolute; top: 12px; right: 8px;
  width: 0; height: 0;
  border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000;
  }
.dd-able.dd-suggest .suggest-title {
  display: block;
  overflow: hidden;
  padding: 1px 10px 2px 0; margin: 5px 22px 5px 10px;
  border-right: 1px solid #ddd;
  white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; font-weight: normal; color: #808080;
  }
.dd-able.dd-suggest .suggest-title.suggest-selected {
  font-weight: normal; color: #262626;
  }
.dd-able.dd-suggest .suggest-title.suggest-checked {
  padding-right: 11px;
  color: #262626;
  border-right: none;
  }
.dd-able.dd-suggest .dd-title .suggest-title.suggest-checked .dd-action {
  position: absolute; top: 8px; right: 9px;
  width: 12px; height: 12px;
  background: rgba(0,0,0,.3);
  background-image: linear-gradient(to right, #FFF, #FFF), linear-gradient(to right, #FFF, #FFF);
  background-position: 5px 2px, 2px 5px;
  background-size: 2px 8px, 8px 2px;
  background-repeat: no-repeat;
  border-radius: 50%;
  transition: background-color .2s;
  transform: rotate(45deg);
  }
.dd-able.dd-suggest .dd-title .suggest-title.suggest-checked .dd-action:hover {
  background-color: rgba(0,0,0,.6);
  }

.dd-able.dd-suggest.dd-opened .suggest-title {
  font-weight: bold; color: #262626;
  }

.dd-able.dd-suggest .dd-body {
  left: 0;
  min-width: 100%; 
  padding: 4px 0 2px; margin-top: -1px;
  }

.dd-able.dd-suggest.dd-right .dd-body {
  right: -2px; left: auto;
  }


.dd-suggest .b-form-item {
  position: relative;
  margin: 0 9px 7px!important; padding: 0!important;
  }
.dd-suggest .b-form-item input {
  position: relative; z-index: 5;
  background: none;
  }
.dd-suggest .b-form-item.active:after {
  background-position: -305px -6px;
  }
.dd-suggest .b-form-label {
  position: absolute; top: 7px; left: 4px; z-index: 10;
  font-size: 12px; color: #b3b3b3;
  }
.dd-suggest .field-text {
  padding: 5px 25px 5px 5px!important;
  border-color: #ddd;
  }
.dd-suggest .filter-select {
  width: 246px;
  }

.filter-select .ui-menu {
  position: static !important;
  width: 100% !important;
  }


.suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all {
  padding-left: 25px!important;
  }
.dd-suggest-list.ui-autocomplete {
  max-height: 260px;
  overflow: auto;
  font: 12px/1 "Arial", sans-serif;
  }

.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-menu-item {
  display: block;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all {
  display: block;
  padding: 7px 10px;
  text-decoration: none;
  cursor: pointer;
  }

.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-hover,
.dd-suggest-list.ui-autocomplete .ui-menu-item .ui-corner-all.ui-state-hover span {
  color: #e62024;
  background: #f5f5f5;
  }

.dd-suggest-list.ui-autocomplete .ui-autocomplete-category {
  padding: 0 10px; margin: 7px 0;
  font-weight: bold; white-space: nowrap; color: #808080;
  }
.dd-suggest-list.ui-autocomplete.categorized .ui-menu-item .ui-corner-all {
  padding-left: 24px;
  }

.dd-suggest-list.ui-autocomplete .ui-not-found {
  overflow: hidden;
  padding: 0 10px;
  font: 12px/24px "Arial", sans-serif; white-space: nowrap; color: #808080; text-overflow: ellipsis; -o-text-overflow: ellipsis;
  }
.dd-suggest-list.ui-autocomplete .ui-not-found .suggest-add-new {
  margin-bottom: 5px;
  line-height: 10px;
  }
.dd-suggest-list.ui-autocomplete .ui-not-found .suggest-add-new .err-text {
  margin-top: 3px;
  color: #c22c2c; font-size: 10px;
  }


.dd-suggest-list.ui-autocomplete .ui-menu-item {
  position: relative;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-text {
  display: block;
  white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-count {
  position: absolute; top: 10px; right: 11px;
  padding-left: 10px;
  background: inherit;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-secondary {
  display: block;
  color: #808080; font-size: 10px;
  }

.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-counter .suggest-text {
  display: inline-block; #display: inline; #zoom: 1;
  max-width: 91%;
  vertical-align: top;
  }
.dd-suggest-list.ui-autocomplete .ui-menu-item .suggest-counter .counter {
  padding-left: 5px;
  font-size: 9px; color: #808080; vertical-align: baseline;
  }
body.popupMode { overflow: hidden; margin-right: 15px; }
.popupMode .site-header .l-row,
.popupMode .user-panel .l-row { left: -7px; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color:rgba(0, 0, 0, .75);
  top: 0;
  left: 0;
  z-index:100000;
  overflow-y: scroll;
  overflow-x: auto;
  display: none;
  }

.p {
  position: relative;
  margin: 230px auto 0;
  border-radius: 5px;
  background: #fff;
  }
.p .close {
  z-index: 1; position: absolute; top: 17px; right: 17px;
  opacity: 0.3;
  cursor: pointer;
  width: 14px; height: 15px;
  transition: opacity .2s;
  }
.p .close:before,
.p .close:after {
  content:  '';
  position: absolute; top: 5px; left: -1px;
  width: 18px; height: 4px;
  background: #000;
  }
i.close:before { transform: rotate(45deg); }
i.close:after { transform: rotate(-45deg); }

.p .close:hover {
  opacity: 0.8;
  }

.p .p-content {
  padding: 0;
  }
.p .p-content .title {
  padding: 0 20px 10px 0; margin-bottom:10px;
  font: bold 14px/1 "Arial",sans-serif;
  color: #262626;
  white-space: nowrap;
  text-align:left;
  border-bottom:1px solid #4d4d4d;
  }
.p .content {
  padding: 0 20px;
  }

.p .button-group {
  padding: 10px 0 20px;
  }
.p .popup-title {
  padding: 15px 20px; border: 0;
  background: #eee;  border-radius: 5px 5px 0 0;
  font: 15px/20px "proxima-nova", sans-serif;
  }
.p .p-content.p-loading {
  background: url("http://lamcdn.net/www.hopesandfears.com/gui/ajax-loader-53b592a3684f93d6087829ab78b30c1668807e989cf348cbb5376e3bcbc3b87c.gif") no-repeat center 50px;
  color: #999999;
  font-size: 12px;
  padding: 100px 0 20px;
  text-align: center;
  }


.p .b-form_new-message {
  padding: 0 20px 20px;
  }

.p .p-places-metro .popup-title {
  margin-bottom: 0;
  }
.p .p-places-metro .m-filter-list {
  overflow: auto;
  padding: 0 20px;
  max-height: 378px;
  border: 0;
  }
.p .p-places-metro .m-filter-list li {
  padding: 9px 10px;
  }


.back-to-mobile {
  display: block;
  height: 140px;
  font-weight: bold; font-size: 41px; line-height: 140px; color: #FFF !important; text-decoration: none; text-align: center;
  background: #333;
  }
.back-to-mobile:before {
  content: '';
  display: inline-block;
  width: 45px; height: 92px;
  margin-right: 0.8em;
  vertical-align: -.8em;
  background: url(<%= asset_path('switch-to-mobile.svg') %>) 0 0 no-repeat; -webkit-background-size: contain; background-size: contain;
  }


.back-to-tablet {
  display: block;
  height: 107px;
  font-weight: bold; font-size: 24px; line-height: 107px; color: #FFF !important; text-decoration: none; text-align: center;
  background: #333;
  }
.back-to-tablet:before {
  content: '';
  display: inline-block;
  width: 38px; height: 56px;
  margin-right: 0.8em;
  vertical-align: -.8em;
  background: url(<%= asset_path('switch-to-tablet.svg') %>) 0 0 no-repeat; -webkit-background-size: contain; background-size: contain;
  }


.row.top-banner {
  z-index: 50;
  font-size: 0; line-height: 0; text-align: center;
  background: #FFF;
  box-shadow: 0 1px 0 rgba(0,0,0,.15);
  }
.row.top-banner .banner {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  }
.row.top-banner .banner > div > div { margin: 5px 0; }


.row.header {
  z-index: 40;
  height: 125px;
  text-align: center;
  background: #FFF;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(0,0,0,.1);
  box-sizing: border-box;
  transition: height .2s;
  }


.row.header .header-content {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5;
  -webkit-transition: -webkit-transform .3s, opacity .3s; transition: transform .3s, opacity .3s;
  }
.row.header .header-content:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  }


.row.header .site-logo {
  position: relative; top: 3px; z-index: 1;
  display: inline-block; vertical-align: middle;
  width: 300px; height: 48px;
  }

.row.header .site-logo a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; }
.row.header:not(.header-compact) .site-logo a { color: #000 !important; }

.row.header .site-logo .icon {
  display: block;
  width: 100%; height: 100%;
  fill: currentcolor;
  }


.row.header .tag-name {
  position: relative; top: -2px; z-index: 1;
  display: inline-block;
  max-width: 740px;
  margin-left: 14px;
  font: bold 36px "franklin-gothic-urw", sans-serif; color: #DBDBDB; text-align: left; text-transform: capitalize; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  }


.row.header .toggle-navigation {
  position: absolute; top: 50%; left: 30px;
  width: 23px; height: 16px;
  margin-top: -8px;
  cursor: pointer;
  transition: color .2s;
  }
.row.header .toggle-navigation .icon {
  display: block;
  width: 23px; height: 16px;
  fill: currentcolor;
  }
.row.header .toggle-navigation:after {
  content: '';
  position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px;
  }
.row.header .toggle-navigation:hover { color: #9D6043; }


.row.header .post-sorting {
  position: absolute; top: 50%; left: 106px;
  margin-top: -10px;
  font-weight: bold; font-size: 16px; text-transform: uppercase; letter-spacing: .5px;
  }
.row.header .post-sorting li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  }
.row.header .post-sorting li a:after {
  content: '';
  position: absolute; top: -3px; right: -13px; bottom: -3px; left: -13px;
  border: 2px solid transparent; border-radius: 13px;
  }
.row.header .post-sorting li:not(:first-child) { margin-left: 27px; }

.row.header .post-sorting .active { pointer-events: none; }
.row.header .post-sorting .active a:after { border-color: currentcolor; }


.row.header .toggle-site-search {
  position: absolute; top: 50%; right: 30px;
  width: 24px; height: 24px;
  margin-top: -12px;
  cursor: pointer;
  transition: color .2s;
  }
.row.header .toggle-site-search .icon {
  display: block;
  width: 24px; height: 24px;
  fill: currentcolor;
  }
.row.header .toggle-site-search:after {
  content: '';
  position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px;
  }
.row.header .toggle-site-search:hover { color: #9D6043; }


.row.header .site-search {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10;
  background: #FFF;
  opacity: 0;
  -webkit-transition: -webkit-transform .3s, opacity .3s; transition: transform .3s, opacity .3s;
  -webkit-transform: translateX(30%); transform: translateX(30%);
  pointer-events: none;
  }
.row.header .site-search input {
  display: block;
  width: 100%;
  margin: 0; padding: 26px 85px 37px;
  font: bold 50px "franklin-gothic-urw", sans-serif;
  border: none;
  box-sizing: border-box;
  }
.row.header .site-search input::-webkit-input-placeholder { color: rgba(0,0,0,.1); }
.row.header .site-search input:-moz-placeholder { color: rgba(0,0,0,.1); }
.row.header .site-search input::-moz-placeholder { color: rgba(0,0,0,.1); }
.row.header .site-search input:-ms-input-placeholder { color: rgba(0,0,0,.1); }
.row.header .site-search button {
  position: absolute; top: 41px; left: 30px;
  width: 40px; height: 40px;
  margin: 0; padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  }
.row.header .site-search button .icon { display: block; width: 40px; height: 40px; }
.row.header .site-search .close-site-search {
  position: absolute; top: 51px; right: 30px;
  font-weight: bold; font-size: 16px; text-transform: uppercase; letter-spacing: .5px;
  transition: color .2s;
  cursor: pointer;
  }
.row.header .site-search .close-site-search:hover { color: #9D6043; }


.row.header.site-search-toggled .header-content,
.row.header.site-search-opened .header-content {
  opacity: 0;
  -webkit-transform: translateX(-30%); transform: translateX(-30%);
  pointer-events: none;
  }
.row.header.site-search-toggled .site-search,
.row.header.site-search-opened .site-search {
  opacity: 1;
  -webkit-transform: translateX(0); transform: translateX(0);
  pointer-events: all;
  }


.row.header.header-compact {
  height: 70px;
  }
.row.header.header-compact .site-logo {
  top: 2px;
  width: 190px; height: 30px;
  }


.row.header.header-compact .site-search { -webkit-transition: -webkit-transform .3s, opacity .1s; transition: transform .3s, opacity .1s; }

.row.header.header-compact.site-search-toggled,
.row.header.header-compact.site-search-opened { height: 125px; }
.row.header.header-compact.site-search-toggled .site-search,
.row.header.header-compact.site-search-opened .site-search { -webkit-transition: -webkit-transform .3s, opacity .1s .05s; transition: transform .3s, opacity .1s .05s; }


.side-nav {
  display: none;
  position: fixed; top: 0; bottom: 0; left: -250px; z-index: 2000;
  width: 250px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothint: grayscale;
  background: #FFF;
  }

.side-nav .nav-wrap {
  max-height: 100%;
  padding-bottom: 100px;
  box-sizing: border-box;
  overflow-y: auto;
  }


.side-nav .links.topics {
  margin-bottom: 24px; padding: 17px 30px 18px;
  font: bold 20px/35px "proxima-nova", sans-serif; text-transform: uppercase; letter-spacing: .5px;
  border-bottom: 1px solid rgba(0,0,0,.1);
  }
.side-nav .links.flows {
  margin-bottom: 22px; padding: 0 30px 21px;
  font: 18px/30px "freight-micro-pro", serif;
  border-bottom: 1px solid rgba(0,0,0,.1);
  }

.side-nav .links a { padding: 0.3em 0; }
.side-nav .links .active a { color: #9D6043; }

.side-nav h4 {
  position: relative;
  margin: 0 30px 0;
  font: bold 16px/30px "proxima-nova", sans-serif; text-transform: uppercase; letter-spacing: .5px;
  }


.side-nav .user-profile {
  position: relative;
  }
.side-nav .user-profile .icon {
  display: block;
  width: 25px; height: 25px;
  fill: #000;
  }

.side-nav .user-profile .user-profile-link {
  display: inline-block;
  max-width: 100%; height: 25px;
  padding: 0 57px;
  font: 18px/25px "freight-micro-pro", serif; white-space: nowrap; text-overflow: ellipsis; vertical-align: top;
  overflow: hidden;
  box-sizing: border-box;
  }
.side-nav .user-profile .user-profile-link .user-profile-pic {
  position: absolute; top: 0; left: 22px;
  }

.side-nav .user-profile .user-profile-logout {
  position: absolute; top: 0; right: 22px;
  opacity: .2;
  transition: opacity .3s;
  }
.side-nav .user-profile .user-profile-logout:hover { opacity: 1; }
.side-nav .user-profile .user-profile-logout .icon { color: currentcolor; }


.side-nav .create-content {
  position: absolute; left: 0; bottom: 0; right: 0;
  padding: 10px 10px 10px;
  background: #FFF;
  }
.side-nav .create-content:before {
  content: '';
  position: absolute; top: -45px; right: 0; left: 0;
  height: 45px;
  background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events: none;
  }

.side-nav .create-content .create-content-button {
  position: relative;
  display: block;
  padding: 0 15px;
  font: bold 16px/50px "proxima-nova", sans-serif; color: #FFF;
  background: #191919;
  border-radius: 5px;
  transition: background .3s;
  }
.side-nav .create-content .create-content-button .icon {
  position: absolute; top: 16px; right: 15px;
  width: 17px; height: 17px;
  fill: rgba(255,255,255,.3);
  transition: fill .3s;
  }
.side-nav .create-content .create-content-button:hover { background: #9A6349; }
.side-nav .create-content .create-content-button:hover .icon { fill: #FFF; }


.nav-opened .side-nav {
  display: block;
  }
body:after {
  content: '';
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1999;
  display: none;
  background: rgba(0,0,0,.72);
  -webkit-animation: fade-appear .3s forwards; animation: fade-appear .3s forwards;
  }
.nav-opened:after { display: block; }
@-webkit-keyframes fade-appear {
  0% { opacity: 0; -webkit-transform: scale(1.2); }
  100% { opacity: 1; -webkit-transform: scale(1); }
  }
@keyframes fade-appear {
  0% { opacity: 0; transform: scale(1.2); }
  100% { opacity: 1; transform: scale(1); }
  }
.row.footer {
  position: absolute; right: 0; bottom: 0; left: 0;
  padding: 55px 0 52px;
  color: rgba(255,255,255,.26); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  background: #1F2125;
  }

.row.footer .row-cont:nth-child(2) {
  margin-top: 72px; padding-top: 17px;
  border-top: 1px solid rgba(255,255,255,.1);
  }

.row.footer a { color: #FFF; }
.row.footer a:hover { color: #9A6349; }


.row.footer .footer-logo {
  display: inline-block;
  margin: 0 30px 0 0;
  vertical-align: top;
  }
.row.footer .footer-logo .icon {
  display: block;
  width: 175px; height: 28px;
  fill: currentcolor;
  }


.row.footer .footer-social {
  display: inline-block;
  vertical-align: top;
  }
.row.footer .footer-social li {
  display: inline-block;
  margin-right: 20px;
  }
.row.footer .footer-social a {
  position: relative;
  display: block;
  width: 25px; height: 25px;
  opacity: .2;
  transition: opacity .3s;
  }
.row.footer .footer-social a:hover { opacity: 1; }
.row.footer .footer-social .icon {
  display: block;
  width: 25px; height: 25px;
  fill: #FFF;
  }


.row.footer .grid-link {
  float: right;
  position: relative;
  width: 164px; height: 33px;
  margin-top: -4px;
  text-indent: -999em;
  }

.row.footer .grid-link .icon {
  display: block;
  width: 164px; height: 33px;
  fill: #FFF;
  }

.row.footer .grid-link .grid-logo {
  position: absolute; top: 1px; left: 66px;
  width: 27px; height: 27px;
  background: #176DED;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: -webkit-transform .7s; transition: transform .7s;
  }

.row.footer .grid-link .grid-logo:before,
.row.footer .grid-link .grid-logo:after {
  content: '';
  position: absolute; top: 6px; left: 13px;
  width: 1px; height: 15px;
  background: #1F2124;
  }
.row.footer .grid-link .grid-logo:after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

.row.footer .grid-link:before {
  content: 'Powered by';
  position: absolute; top: 9px; right: 165px;
  padding-right: 8px;
  font-size: 13px; color: rgba(255,255,255,.3); text-align: right; text-indent: 0; white-space: nowrap;
  transition: color .2s;
  }


.row.footer .grid-link:hover .grid-logo { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }


.row.footer .footer-subnav {
  float: left;
  font-weight: bold; font-size: 16px;
  }
.row.footer .footer-subnav li { display: inline-block; }
.row.footer .footer-subnav li:not(:first-child) {
  margin-left: 19px; padding-left: 19px;
  border-left: 1px solid rgba(255,255,255,.1);
  }


.row.footer .footer-copyright {
  float: right;
  font-size: 16px;
  }
.share-buttons-bar {
  position: relative;
  white-space: nowrap;
  }
.share-buttons-bar .share-button {
  position: relative;
  display: inline-block;
  min-width: 110px; max-width: 200px; height: 30px;
  padding: 6px 0 0 33px;
  font: 15px "proxima-nova", sans-serif; text-decoration: none; text-align: left; vertical-align: top;
  box-sizing: border-box;
  }
.share-buttons-bar .share-button:not(:first-child) { margin-left: 6px; }

.share-buttons-bar .share-button > * { position: relative; z-index: 5; }

.share-buttons-bar .share-button > .icon {
  content: '';
  position: absolute; top: 5px; left: 5px;
  width: 20px; height: 20px;
  fill: currentcolor;
  }
.share-buttons-bar .share-button:before {
  content: '';
  position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; z-index: 1;
  background: #FFF;
  border-radius: 4px;
  }
.share-buttons-bar .share-button:after {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
  border: 1px solid currentcolor; border-radius: 5px;
  opacity: .25;
  }

.share-buttons-bar .share-button:hover > * { color: #FFF; }
.share-buttons-bar .share-button:hover:before { opacity: 0; }
.share-buttons-bar .share-button:hover:after {
  background: currentcolor;
  border-color: transparent;
  opacity: 1!important;
  }



.share-buttons-bar .button-fb:hover,
.share-buttons-bar .button-fb:after,
.share-buttons-bar .button-fb > * { color: #425E9E; }


.share-buttons-bar .button-tw:hover,
.share-buttons-bar .button-tw:after,
.share-buttons-bar .button-tw > * { color: #50ABF1; }


.share-buttons-bar .button-reddit:hover,
.share-buttons-bar .button-reddit:after,
.share-buttons-bar .button-reddit > * { color: #D95131; }


.share-buttons-bar .share-button .share-button-text { float: left; }


.share-buttons-bar .share-button .share-button-counter {
  display: none;
  float: right;
  margin: 0 11px 0 .25em;
  opacity: .6;
  }


.share-buttons-bar .share-button .share-button-spinner {
  position: absolute; top: 7px; right: 8px;
  width: 16px; height: 16px;
  -webkit-animation: share-loader 1s infinite steps(8) forwards; animation: share-loader 1s infinite steps(8) forwards;
  }
.share-buttons-bar .share-button .share-button-spinner .icon {
  display: block;
  width: 16px; height: 16px;
  fill: currentcolor;
  }
.share-buttons-bar .share-button.share-button-loaded .share-button-counter { display: block; }
.share-buttons-bar .share-button.share-button-loaded .share-button-spinner { display: none; }

@-webkit-keyframes share-loader {
  0% { -webkit-transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); }
  }
@keyframes share-loader {
  0% { transform: rotate(0); }
  100% { transform: rotate(360deg); }
  }


.share-buttons-bar .follow-hopes {
  position: absolute; top: 4px; right: 0;
  letter-spacing: -.3em;
  }
.share-buttons-bar .follow-hopes:before {
  content: 'Follow us';
  display: inline-block;
  font-weight: bold; font-size: 12px; color: #000; text-transform: uppercase; letter-spacing: .5px;
  }
.share-buttons-bar .follow-hopes > * {
  display: inline-block;
  margin-left: 7px;
  letter-spacing: 0; vertical-align: top;
  }
.posts-layout .post-badge .post-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; }


.posts-layout .post-badge.custom-cover .post-link {
  background: rgba(255,255,255,0);
  transition: background .3s;
  }

.posts-layout .post-badge.custom-cover .spec.spec-share-counters { display: none; }


.posts-layout .post-badge.system-cover {
  margin-bottom: 0;
  box-shadow: none;
  }


.posts-layout .post-badge.system-cover:not(.wide-image) .post-link {
  right: auto; left: 50%;
  width: 980px;
  margin-left: -490px;
  }

.posts-layout .post-badge.system-cover:not(.wide-image) .post-title,
.posts-layout .post-badge.system-cover:not(.wide-image) .post-lead { transition: color .15s; }
.posts-layout .post-badge.system-cover:not(.wide-image) .post-lead { margin-bottom: 0; }
.posts-layout .post-badge.system-cover:not(.wide-image) .post-link:hover ~ .post-cover-text .post-title { color: #9D6043; }
.posts-layout .post-badge.system-cover:not(.wide-image) .post-link:hover ~ .post-cover-text .post-lead { color: #262626; }


.posts-layout .post-badge.system-cover.narrow-image .post-cover-image { overflow: hidden; }
.posts-layout .post-badge.system-cover.narrow-image .post-cover-image:after {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;
  background: rgba(0,0,0,.2);
  opacity: 0;
  transition: opacity .15s;
  }
.posts-layout .post-badge.system-cover.narrow-image .post-link:hover ~ .row .post-cover-image:after { opacity: 1; }


.posts-layout .post-badge.system-cover.wide-image .post-cover-image .cover-image { -webkit-transition: -webkit-transform .5s; transition: transform .5s; }
.posts-layout .post-badge.system-cover.wide-image .post-cover-image:after { transition: opacity .3s; }
.posts-layout .post-badge.system-cover.wide-image .post-link:hover ~ .post-cover-image:after { opacity: .8; }
.posts-layout .post-badge.system-cover.wide-image .post-link:hover ~ .post-cover-image .cover-image { -webkit-transform: scale(1.015); transform: scale(1.015); }


.post-item-small {
  position: relative;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }

.post-item-small .post-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; }

.post-item-small .post-preview {
  position: relative;
  height: 158px;
  margin-bottom: 14px;
  background-position: center; background-size: cover;
  overflow: hidden;
  }
.post-item-small .post-preview:after {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3;
  background: rgba(0,0,0,.2);
  opacity: 0;
  transition: opacity .15s;
  }
.post-item-small .post-link:hover ~ .post-preview:after { opacity: 1; }

.post-item-small .post-title {
  font: bold 23px/25px "franklin-gothic-urw", sans-serif;
  transition: color .15s;
  }

.post-item-small .post-link:hover ~ * { color: #9D6043; }


.posts-layout > * { position: relative; z-index: 1; }

.posts-layout .post-badge:before,
.posts-layout > *:after {
  content: '';
  position: absolute; right: 0; left: 0; z-index: 15;
  height: 1px;
  background: rgba(0,0,0,.1);
  }
.posts-layout .post-badge:before { top: 0; }
.posts-layout > *:after { bottom: 0; }

.posts-layout .post-badge.system-cover:not(.wide-image):before { display: none; }
.posts-layout .post-badge.custom-cover,
.posts-layout .post-badge.system-cover.wide-image { z-index: 5; margin-top: -1px; }
.social-block {
  padding: 37px 0 61px;
  text-align: center;
  }
.social-block:after { bottom: -1px; display: block; }

.social-block h2 {
  margin-bottom: 42px;
  font: bold 50px "franklin-gothic-urw", sans-serif; color: #DDD;
  }

.social-block li {
  display: inline-block;
  width: 235px;
  font: bold 16px "proxima-nova", sans-serif; color: #000; text-transform: uppercase; letter-spacing: .5px; vertical-align: top;
  }

.social-block a {
  display: block;
  width: 100px;
  margin: auto;
  color: #000; text-decoration: none;
  }

.social-block .icon {
  display: block;
  width: 100px; height: 100px;
  margin: 0 auto 17px;
  background: #FC0;
  fill: #FFF;
  }
.social-block .social-follow-fb .icon { background: url("http://lamcdn.net/www.hopesandfears.com/gui/social_block_fb-528bcf5a4c17778cb65fea092eb035eb26ddad6f17e05409f5c32665155cacf1.jpg") 0 0 /100% auto; }
.social-block .social-follow-tw .icon { width: 117px; margin-left: -8px; background: url("http://lamcdn.net/www.hopesandfears.com/gui/social_block_tw-69cb6061b5f48302ebbed56770b84098b74689e81d0d0bbdacc059a42e63a442.jpg") 0 0 /100% auto; }
.social-block .social-follow-insta .icon { background: url("http://lamcdn.net/www.hopesandfears.com/gui/social_block_insta-3ea086f1d423e58e9285d2d07fa8ee779f3909cf02d6899647f4c8742471a1b9.jpg") 0 0 /100% auto; }

.social-block a:hover .icon { -webkit-animation: social-block-bgs .8s steps(5) infinite; animation: social-block-bgs .8s steps(5) infinite; }

@keyframes social-block-bgs {
  0%  { background-position: 0 -100px; }
  100% { background-position: 0 -600px; }
  }
.widget-iframe {
  display: block;
  }

.widget {
  position: relative; z-index: 2;
  padding-bottom: 40px;
  zoom: 1;
  }
.widget:after {
  content: ''; display: table; clear: both;
  }


.sidebar-block {
  background: white;
  position: absolute;
  z-index: 1;
  width: 100%;
  }


.widget-tw-follow {
  width: 300px;
  margin-bottom: 20px;
  }


.widget-fb-likebox {
  width: 300px;
  margin-bottom: 22px;
  border: 1px solid #DADCE1;
  box-sizing: border-box;
  }


.digest-subscription {
  position: relative;
  clear: both;
  height: 70px;
  padding: 49px 0;
  text-align: center;
  }


.digest-subscription .intro { display: inline-block; vertical-align: middle; }
.digest-subscription .intro h6 {
  margin: 0 22px 0 0;
  font: bold 50px/50px "franklin-gothic-urw", sans-serif; color: #DBDBDB; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }
.digest-subscription .intro h6 .icon {
  width: 86px; height: 35px;
  margin-right: 5px;
  vertical-align: -1px;
  }


.digest-subscription .digest-subscription-wrap {
  position: relative;
  display: inline-block;
  width: 460px; height: 70px;
  vertical-align: middle;
  }
.digest-subscription .digest-subscription-wrap:before {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;
  border: 1px solid rgba(0,0,0,.1); border-radius: 5px;
  background: #FFF;
  }


.digest-subscription .digest-form { position: absolute; top: 0; left: 0; z-index: 10; }
.digest-subscription .digest-form .digest-form-email {
  display: block;
  width: 460px; height: 70px;
  margin: 0; padding: 0 24px;
  font: 25px/70px "proxima-nova", sans-serif;
  background: none;
  border: 1px solid transparent; border-radius: 5px;
  box-sizing: border-box;
  transition: border-color .4s;
  }
.digest-subscription .digest-form .digest-form-email::-webkit-input-placeholder { color: rgba(0,0,0,.2); transition: color .2s; }
.digest-subscription .digest-form .digest-form-email::-moz-placeholder { color: rgba(0,0,0,.2); transition: color .2s; }
.digest-subscription .digest-form .digest-form-email:-ms-input-placeholder { color: rgba(0,0,0,.2); transition: color .2s; }

.digest-subscription .digest-form .digest-form-email:focus { border-color: rgba(0,0,0,.16); }
.digest-subscription .digest-form .digest-form-email:focus::-webkit-input-placeholder { color: rgba(0,0,0,0); }
.digest-subscription .digest-form .digest-form-email:focus::-moz-placeholder { color: rgba(0,0,0,0); }
.digest-subscription .digest-form .digest-form-email:focus:-ms-input-placeholder { color: rgba(0,0,0,0); }

.digest-subscription .digest-form .digest-form-submit {
  position: absolute; top: 23px; right: 20px;
  width: 30px; height: 24px;
  margin: 0; padding: 0;
  color: #CCC;
  background: none;
  border: none;
  cursor: pointer;
  transition: color .2s;
  }
.digest-subscription .digest-form .digest-form-submit:hover { color: #945B3E; }
.digest-subscription .digest-form .digest-form-submit .icon {
  width: 30px; height: 24px;
  fill: currentcolor;
  }

.digest-subscription .digest-form-email:invalid ~ .digest-form-submit { pointer-events: none; }


.digest-subscription .error-popup {
  position: absolute; top: -20px; left: 11px; z-index: 90;
  padding: 7px 15px 8px;
  font: 12px "proxima-nova", sans-serif; color: #FFF;
  background: #000;
  border-radius: 3px;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s;
  }
.digest-subscription .error-popup:after {
  content: '';
  position: absolute; bottom: -6px; left: 16px;
  border-top: 6px solid #000; border-right: 6px solid transparent; border-left: 6px solid transparent;
  }

.digest-subscription.digest-subscription-error .digest-form { -webkit-animation: digest-error-wiggle .1s 3 linear forwards; animation: digest-error-wiggle .1s 3 linear forwards; }
.digest-subscription.digest-subscription-error .error-popup {
  opacity: 1;
  transition: opacity .2s .4s;
  }


.digest-subscription .digest-subscription-message {
  position: absolute; top: 0; left: 0; z-index: 5;
  width: 460px; height: 70px;
  padding: 0 0 0 65px;
  font-size: 18px; line-height: 23px; text-align: left;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transform: translateX(-20px); transform: translateX(-20px);
  -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s;
  }
.digest-subscription .digest-subscription-message .icon {
  position: absolute; top: 0; left: 0;
  fill: #CCC;
  }
.digest-subscription .digest-subscription-message p {
  opacity: 0;
  -webkit-transform: translateX(-10px); transform: translateX(-10px);
  -webkit-transition: opacity .2s .15s, -webkit-transform .2s .15s; transition: opacity .2s .15s, transform .2s .15s;
  }
.digest-subscription.digest-subscription-notification .digest-form,
.digest-subscription.digest-subscription-success .digest-form { display: none; }

.digest-subscription.digest-subscription-success .digest-subscription-message.success-message,
.digest-subscription.digest-subscription-success .digest-subscription-message.success-message p,
.digest-subscription.digest-subscription-notification .digest-subscription-message.notification-message,
.digest-subscription.digest-subscription-notification .digest-subscription-message.notification-message p {
  opacity: 1;
  -webkit-transform: translateX(0); transform: translateX(0);
  }

.digest-subscription .digest-subscription-message.notification-message { padding-top: 12px; color: #B3B2B2; }
.digest-subscription .digest-subscription-message.notification-message .icon {
  top: 24px; left: 19px;
  width: 30px; height: 24px;
  }
.digest-subscription .digest-subscription-message.success-message { padding-top: 22px; }
.digest-subscription .digest-subscription-message.success-message .icon {
  top: 27px; left: 25px;
  width: 24px; height: 18px;
  }


.digest-subscription.digest-no-title .digest-subscription-wrap,
.digest-subscription.digest-no-title .digest-form .digest-form-email { width: 620px; }

@-webkit-keyframes digest-error-wiggle {
  0% { -webkit-transform: translateX(0); }
  25% { -webkit-transform: translateX(10px); }
  75% { -webkit-transform: translateX(-10px); }
  100% { -webkit-transform: translateX(0); }
  }
@keyframes digest-error-wiggle {
  0% { transform: translateX(0); }
  25% { transform: translateX(10px); }
  75% { transform: translateX(-10px); }
  100% { transform: translateX(0); }
  }


.notice-bar { min-height: 50px; }
.notice-bar .notice {
  position: fixed; top: 0; right: 0; left: 0; z-index: 1000;
  font-size: 15px; line-height: 1.2; color: #FFF; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  background: #28282A;
  }
.notice-bar .notice-wrap {
  position: relative;
  width: 940px;
  margin: auto; padding: 16px 0;
  text-align: center;
  }
.notice-bar .close {
  position: absolute; top: 17px; right: 20px; z-index: 1;
  width: 15px; height: 15px;
  opacity: 0.3;
  cursor: pointer;
  transition: opacity .2s;
  }
.notice-bar .close:before,
.notice-bar .close:after {
  content: '';
  position: absolute; top: 6px; left: -3px;
  width: 20px; height: 2px;
  background: #FFF;
  }
.notice-bar .close:before { transform: rotate(45deg); }
.notice-bar .close:after { transform: rotate(-45deg); }
.notice-bar .close:hover { opacity: 0.8; }
.notice-bar p {
  width: 550px;
  margin: 0;
  }
.notice-bar a { color: #FFF; text-decoration: underline; }

.notice-bar .button { margin-top: 11px; }
.notice-bar .button,
.notice-bar .button:hover { color: #000 !important; background: #FFF !important; }


.button {
  position: relative; z-index: 1;
  display: inline-block;
  width: auto; height: 40px;
  margin: 0; padding: 0 16px;
  font: bold 12px/40px "proxima-nova",sans-serif; color: #000; text-align: center; vertical-align: top; text-transform: uppercase; -webkit-font-smoothing: antialiased;
  background: rgba(0,0,0,.08);
  border: none; -webkit-border-radius: 20px; border-radius: 20px;
  outline: none;
  overflow: visible;
  cursor: pointer;
  transition: background .2s, color .2s;
  }
.button::-moz-focus-inner { padding: 0; margin: 0; border: 0; }
.button::-moz-focus-inner span { padding: 0; margin: 0; border: 0; }



.button .text {
  position: relative;
  display: inline-block;
  }


.button.button-hovered, .button:hover { color: #FFF!important; text-decoration: none; background: #000; }


.button.button-loading .text { color: transparent!important; text-shadow: none!important; }
.button.button-loading .text:before { visibility: hidden; }
.button.button-loading .text:after {
  content: '';
  position: absolute; top: 11px; left: 11px; right: 11px; z-index: 5;
  height: 4px;
  }
.button.button-loading:hover .text {
  color: transparent !important;
  }


.button-icon .text:before {
  content: '';
  display: inline-block;
  width: 16px; height: 16px;
  margin: -2px 5px 0 0;
  vertical-align: -4px;
  background-image: url(http://lamcdn.net/www.hopesandfears.com/gui/sprite-button-icons-373bd035dad4d39967e1434eb2de7b0a3c57978cd008ac6ea4238e8fba1153b7.png);
  }


.button-icon-settings .icon {
  display: inline-block;
  width: 16px; height: 16px;
  margin: -2px 10px 0 0;
  vertical-align: -4px;
  fill: currentcolor;
  }


.button-disabled { background: rgba(0,0,0,.08)!important; cursor: default!important; }
.button-disabled .text, .button-hovered.button-disabled .text, .button-disabled:hover .text, .button-pressed.button-disabled .text, .button-disabled:active .text { color: rgba(0,0,0,.5)!important; }


.button-accent { color: #FFF !important; background: #9D6043; }
.button-accent.button-hovered, .button-accent:hover { color: #FFF !important; background: #CB7D00; }


.button-hollow.button-hollow-copper,
.button-hollow.button-hollow-gray {
  height: 29px;
  line-height: 31px;
  background: transparent;
  border: 2px solid;
  transition: border-color .2s;
  }
.button-hollow.button-hollow-copper { border-color: rgba(105,102,0,0.6); color: #9D6043; }
.button-hollow.button-hollow-copper:hover { border-color: rgba(105,102,0,1); }
.button-hollow.button-hollow-gray { border-color: rgba(0,0,0,0.15); color: #000; }
.button-hollow.button-hollow-gray:hover { border-color: rgba(0,0,0,1); }


.button-lnk:before, .button-lnk:after { display: none; }
.button-lnk .text { padding: 0; background: none!important; }
.button-lnk.button-loading .text, .button-lnk.button-loading:hover .text { color: inherit!important; }
.button-lnk.button-loading .text:before { visibility: visible; }
.button-lnk .text:after { display: none; }


.button .flash {
  position: absolute; left:0; top:0; right: 0; bottom: 0;
  }


.button-group {
  line-height: 28px;
  }
.button-group .button {
  margin-right: 10px;
  }


.b-form {}
  .b-form-item {
    margin-bottom:10px;
  }
    .b-form-item .b-form-label {
      font:normal 11px/14px "Arial",sans-serif;
    }
    .b-form-item .b-form-field {
      position: relative; top: -2px;
      margin-top: 5px;
    }
    .b-form-item .descr {}

  .b-form-actions {
    padding-bottom:10px;
  }
  .b-form-actions.center {
    text-align:center;
  }
.b-form-field .err-text {
  color: #ff0000;
  font-size: 10px;
  }
.b-form-field .field-type {
  overflow: hidden;
  }
.b-form-field .field-text,
.b-form-field .field-text_area {
  border:1px solid #d1d1d1;
  padding:5px;
  background:#fff;
  }
.b-form-field .field-text input,
.b-form-field .field-text textarea,
.b-form-field .field-text_area textarea {
  background:#fff;
  border:0;
  width:100%;
  margin:0;
  padding:0;
  float: left;
  height:14px;
  line-height:14px;
  font-size:12px;
  }
.b-form-field .field-text textarea,
.b-form-field .field-text_area textarea {
  height:15em;
  overflow:auto;
  font-family:"Arial",sans-serif;
  }
.b-form-field .field-checkbox input {
  margin:0;
  padding:0;
  float: left;
  height:14px;
  width:14px;
  }
.b-form-item .b-form-field-left {
  float: left;
  margin:0 5px 0 0;
  }
.b-item-field-right .b-form-field {
  float: right;
  margin:0;
  }
.b-form-item-title .field-text input,
.entry-title .field-text input {
  height: 25px;
  line-height: 25px;
  font-size: 22px;
  }





.b-form.b-form-login {
  width: 520px; height: 120px;
  padding-top: 5px;
  zoom: 1;
  }
.b-form.b-form-login:after {
  content: ''; display: table; clear: both;
  }
.b-form.b-form-login .login-inputs {
  position: relative;
  zoom: 1;
  }
.b-form.b-form-login .login-inputs:after {
  content: ''; display: table; clear: both;
  }
.b-form.b-form-login .b-form-item {
  float: left;
  position: relative;
  width: 205px;
  margin: 0 15px 5px 0;
  overflow: hidden;
  }
.b-form.b-form-login .b-form-label {
  margin-bottom: 4px;
  font: bold 12px/16px "Arial",sans-serif;
  }
.b-form.b-form-login .descr {
  position: absolute;
  font-size:11px;
  top:15px;
  left:0;
  }
.b-form.b-form-login .b-form-field {
  margin-top:0;
  }
.b-form.b-form-login .b-form-error .field-text {
  border-color: #e8a4a5;
  }
.b-form.b-form-login .field-text input,
.b-form.b-form-pass .field-text input {
  height: 18px;
  font-size: 14px; line-height: 18px;
  }
.b-form.b-form-login .button {
  position: absolute; top: 22px; right: 0; left: auto;
  }
.b-form.b-form-login .b-form-item-remember .b-form-field {
  float: left;
  margin: 1px 0.4em 0 0;
  }
.b-form.b-form-login .b-form-item-remember .b-form-label {
  font: 11px "Arial", sans-serif;
  }
.b-form.b-form-login .forgot-password {
  font: 11px "Arial", sans-serif; color: #174675; text-decoration: underline;
  }
.b-form.b-form-pass {
  width:450px;
  }
.b-form.b-form-pass .b-form-label {
  font:normal 14px/16px "Arial",sans-serif;
  }
.b-login-social .b-bubble-title {
  margin-bottom: 19px;
  }

.b-login-social .login-social-instruction {
  display: inline-block; vertical-align: top;
  width: 255px;
  margin-left: 5px;
  font: 11px/13px "Arial", sans-serif; color: #808080;
  }



.b-form-item-editor {
  margin-bottom:20px;
  line-height:12px;
  position: relative;
  }
.b-form-item-editor .b-form-field {

  }
.b-form-item-editor .descr {
  position: absolute;
  width:320px;
  right:-350px;
  font:normal 11px/14px "Arial", sans-serif;
  color:#808080;
  top:17px;
  }

.b-item-field-descr_offset .descr {
  top: -5px;
  }

.l-block-x1 .b-form-item-editor .descr {
  right:-655px;
  }
.b-form-item-title .field-text input {
  height: 25px;
  line-height: 25px;
  font-size: 22px;
  }

.b-form-item-editor.b-form-main-img .err-text {
  position: absolute;
  right:0;
  top:-16px;
  font:normal 11px/14px "Arial", sans-serif;
  color:#ff0000;
  }



.b-form_account .b-form-label {
  width: 130px;
  float: left;
  color:#262626;
  margin-top:6px;
  }
.b-form_account .b-form-field {
  overflow: hidden;
  }


.b-form_account .button {
  margin-left:130px;
  }


.b-form-notification {
  padding:20px 0 40px;
  color:#808080;
  font:11px/13px "Arial",sans-serif;
  }
.b-form .b-form-item-settings {
  position:relative;
  line-height:20px;
  margin:0;
  }
.b-form .b-form-item-settings .b-form-label {
  color:#262626;
  }
.b-form .b-form-item-settings .b-form-field {
  position:absolute;
  right:0;
  top:0;
  margin:0;
  }


.b-form .b-form-title .b-form-field .field-text textarea,
.b-form .b-form-title .b-form-field .field-text_area textarea {
  height: 2em;
  padding: 10px 0;
  font: bold 30px/30px "franklin-gothic-urw", sans-serif;
  }


.b-form .b-form-lead .b-form-field .field-text textarea,
.b-form .b-form-lead .b-form-field .field-text_area textarea {
  height: 4.5em;
  padding: 10px 0;
  font: 16px/24px "freight-micro-pro", serif;
  }



.b-new-editor .city-selector {
  margin: 30px 0;
  }
.b-new-editor .city-selector .b-form-label {
  font-weight: bold;
  }
.b-new-editor .city-selector > .b-form-label {
  display: block;
  }
.b-new-editor .city-selector .b-form-item {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0; padding: 0 0 0 22px;
  }
.b-new-editor .city-selector .b-form-item .b-form-label {
  font-weight: normal!important;
  }
.b-new-editor .city-selector .b-form-item .b-form-field {
  position: absolute; top: -6px; left: 0;
  }


.microformat-arrows .microformat-arrow {
  position: absolute; z-index: 900;
  margin-top: 300px;
  -webkit-transform: translateY(-50%); transform: translateY(-50%);
  transition: margin-top 1s;
  }
.microformat-arrows .microformat-arrow.microformat-arrow-prev { left: 28px; }
.microformat-arrows .microformat-arrow.microformat-arrow-next { right: 28px; }

.microformat-arrows .microformat-arrow .microformat-arrow-link {
  position: absolute; top: 50%; left: 0; z-index: 20;
  width: 39px; height: 39px;
  margin-top: -20px;
  }
.microformat-arrows .microformat-arrow.microformat-arrow-next .microformat-arrow-link { right: 0; left: auto; }

.microformat-arrows .microformat-arrow .icon {
  position: absolute; top: 50%; left: 13px; z-index: 3;
  width: 11px; height: 17px;
  margin-top: -9px;
  fill: #C0C0C0;
  transition: fill .2s;
  }
.microformat-arrows .microformat-arrow.microformat-arrow-next .icon {
  right: 13px; left: auto;
  -webkit-transform: scale(-1); transform: scale(-1);
  }

.microformat-arrows .microformat-arrow .microformat-arrow-title {
  position: relative; z-index: 10;
  display: block;
  width: 270px;
  padding: 10px 20px 10px 40px;
  font: 14px/18px "proxima-nova", sans-serif; color: #000;
  opacity: 0;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-transform: translateX(-10px); transform: translateX(-10px);
  -webkit-transition: opacity .05s, -webkit-transform .05s; transition: opacity .05s, transform .05s;
  }
.microformat-arrows .microformat-arrow.microformat-arrow-next .microformat-arrow-title {
  padding: 10px 40px 10px 20px;
  text-align: right;
  -webkit-transform: translateX(10px); transform: translateX(10px);
  }

.microformat-arrows .microformat-arrow .microformat-arrow-bg {
  content: '';
  position: absolute; top: 50%; left: 2px;
  width: 35px; height: 35px;
  margin-top: -18px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  transition: top .2s, left .2s, width .13s cubic-bezier(0.215, 0.610, 0.355, 1.000), height .2s, margin-top .2s;
  }
.microformat-arrows .microformat-arrow.microformat-arrow-next .microformat-arrow-bg { right: 2px; left: auto; }
.microformat-arrows .microformat-arrow .microformat-arrow-bg:before {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0,0,0,.03);
  opacity: 0;
  transition: opacity .2s;
  }


.microformat-arrows .microformat-arrow .microformat-arrow-link:hover {
  top: 0; left: 0;
  width: 270px; height: 100%;
  margin-top: 0;
  }
.microformat-arrows .microformat-arrow.microformat-arrow-next .microformat-arrow-link:hover { right: 0; left: auto; }

.microformat-arrows .microformat-arrow .microformat-arrow-link:hover ~ .icon { fill: #535353; }
.microformat-arrows .microformat-arrow .microformat-arrow-link:hover ~ .microformat-arrow-title {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translateX(0); transform: translateX(0);
  -webkit-transition: opacity .15s .1s, -webkit-transform .15s .1s; transition: opacity .15s .1s, transform .15s .1s;
  }

.microformat-arrows .microformat-arrow .microformat-arrow-link:hover ~ .microformat-arrow-bg {
  top: 0; left: 0;
  width: 270px; height: 100%;
  margin-top: 0;
  transition: top .2s, left .2s, width .17s .03s cubic-bezier(0.215, 0.610, 0.355, 1.000), height .2s, margin-top .2s;
  }
.microformat-arrows .microformat-arrow.microformat-arrow-next .microformat-arrow-link:hover ~ .microformat-arrow-bg { right: 0; left: auto; }
.microformat-arrows .microformat-arrow .microformat-arrow-link:hover ~ .microformat-arrow-bg:before { opacity: 1; }


.branding-layout .microformat-arrows .microformat-arrow.microformat-arrow-prev {
  left: 50%;
  margin-left: -484px;
  }
.branding-layout .microformat-arrows .microformat-arrow.microformat-arrow-next {
  right: 50%;
  margin-right: -484px;
  }


.row.hype-panel { padding: 26px 0 50px; }


.row.materials {
  padding-top: 29px;
  border-top: 1px solid rgba(0,0,0,.1);
  }
.row.materials .widget-attached-materials {
  clear: both;
  margin-bottom: 30px; padding-bottom: 0;
  }

.row.materials .widget-attached-materials .widget-title {
  margin-bottom: 31px;
  font: bold 35px "franklin-gothic-urw", sans-serif;
  }


.row.post-subscription-widget { border-top: 1px solid rgba(0,0,0,.1); }


.row.post-comments {
  padding: 53px 0 59px;
  background: #FAFAFA;
  border-top: 1px solid rgba(0,0,0,.1);
  }
.row.post-comments .post-comments-block {
  width: 620px;
  margin: auto;
  }


.row.first-line {
  padding-top: 60px;
  border-top: 1px solid rgba(0,0,0,.1);
  }
.row.first-line .widget-first-page { padding-bottom: 0; }
.row.first-line .widget-first-page .widget-title { margin-bottom: 48px; }
.row.first-line .widget-first-page .widget-title .icon {
  display: block;
  width: 521px; height: 56px;
  margin: auto;
  }
.row.first-line .widget-first-page .widget-title:hover .lalala { display: none; }
.p-feeds h1 { font: 22px/24px "freight-micro-pro", serif; -webkit-font-smoothing: antialiased; }

.p-feeds ul { margin: 30px 0; }

.p-feeds li {
  margin-bottom: 10px;
  font: 17px/24px "proxima-nova", sans-serif;
  }
.p-feeds li a { position: relative; }
.p-feeds li a:before {
  content: '';
  display: inline-block;
  width: 20px; height: 20px;
  margin-right: 10px;
  vertical-align: -4px;
  background: #F90;
  border-radius: 3px;
  }
.p-feeds li .icon {
  position: absolute; top: 5px; left: 4px;
  width: 12px; height: 12px;
  fill: #FFF;
  }

.p-feeds .big-button {
  position: relative;
  padding: 8px 16px 8px 8px;
  font: bold 14px/24px "proxima-nova", sans-serif; color: #fff; text-transform: uppercase; -webkit-font-smoothing: antialiased;
  background: #F90;
  border-radius: 3px;
  }
.p-feeds .big-button .icon {
  display: inline-block;
  margin-right: 10px;
  width: 15px; height: 15px;
  vertical-align: -3px;
  fill: #FFF;
  }


.user-header {
  z-index: 10;
  padding: 32px 0 36px;
  text-align: center;
  background: #FFF;
  }


.user-header .user-photo {
  display: block;
  width: 160px; height: 160px;
  margin: 0 auto -9px;
  border-radius: 50%;
  }


.user-header .user-accounts { margin-bottom: -9px; }
.user-header .user-accounts li {
  position: relative;
  display: inline-block;
  }
.user-header .user-accounts li:not(:first-child) { margin-left: 3px; }

.user-header .user-accounts .icon {
  display: inline-block;
  width: 30px; height: 30px;
  text-indent: -9999em;
  background: #000; background-clip: padding-box;
  border: 2px solid #fff; border-radius: 50%;
  box-sizing: border-box;
  transition: background .2s;
  }
.user-header .user-accounts .icon:hover { background: #9D6043; }

.user-header .user-accounts .icon:after {
  content: ''; position: absolute; top: 7px; left: 7px;
  width: 16px; height: 16px;
  background: url(http://lamcdn.net/www.hopesandfears.com/gui/sprite-profile-63747887953f2456b97f0a538af04edcc48a18830ad49a09f6854c4c1441a5e4.png) no-repeat;
  }
.user-header .user-accounts .icon-site:after { background-position: 0 -19px; }
.user-header .user-accounts .icon-facebook:after { background-position: -19px -19px; }
.user-header .user-accounts .icon-twitter:after { width: 17px; background-position: -38px -19px; }
.user-header .user-accounts .icon-skype:after { background-position: -58px -19px; }


.user-header .user-name {
  position: relative;
  display: inline-block;
  margin: 31px 0 -1px;
  font: bold 40px/40px "franklin-gothic-urw", sans-serif; vertical-align: top;
  }
.user-header .user-name .editor-badge {
  position: absolute; top: -11px; left: 100%;
  padding: 5px 8px 4px;
  font: bold 11px/11px "proxima-nova", sans-serif; color: #FFF; text-transform: uppercase; letter-spacing: .5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  background: #9D6043;
  }


.user-header .user-motto {
  margin-bottom: 8px;
  font-size: 18px; line-height: 24px;
  }


.user-header .user-name + .user-menu { margin-top: 23px; }
.user-header .user-menu li {
  display: inline-block;
  font-size: 15px;
  color: #B2B6BD;
  }
.user-header .user-menu .active { color: #000; pointer-events: none; }

.user-header .user-menu li:not(:first-child):before {
  content: '';
  display: inline-block;
  width: 2px; height: 2px;
  margin: 0 9px;
  vertical-align: 3px;
  background: #B2B6BD;
  border-radius: 50%;
  }

.user-header .user-menu a { color: currentcolor; }


.user-header .user-settings {
  position: absolute; top: 0; right: 0;
  }


.no-content-message .row-cont {
  height: 200px;
  padding-top: 27px;
  font-weight: bold; font-size: 15px; text-align: center;
  border-top: 2px solid #E8E8E8;
  }
.post-row .row-cont { padding-top: 30px; }

.post .pseudosidebar {
  float: right;
  width: 300px; height: 600px;
  }

.post .article-text { clear: both; }

.post-additions .row-cont {
  padding-bottom: 30px;
  }
.search.nothing-found { background: #F1F1F1; }

.search-not-found {
  padding: 100px;
  font: 28px/30px "freight-micro-pro", serif; color: rgba(0,0,0,.3); text-align: center;
  }
.editors-panel {
  position: fixed;
  right: 10px;
  bottom: 10px;
  background-color: transparent;
  z-index: 100;
}
.editors-panel li {
  padding-top: 5px;
  position: relative;
}
.editors-panel li.list-title {
  font: 9px/1 "Helvetica, Arial",sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #00dd00;
}


.editors-panel .userpic {
  display: inline-block;
  width: 38px; height: 38px;
  vertical-align: top;
  background-color: #DBDBDB;
  -webkit-border-radius: 50%; border-radius: 50%;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }

.editors-panel .userpic {
  text-indent: -999em;
  -o-background-origin: border-box; background-origin: border-box; -webkit-background-size: contain; -o-background-size: contain; background-size: contain;
  border: 1px solid rgba(0,0,0,.08);
  }

.editors-panel .userpic.userpic-small  { width: 30px; height: 30px; }


.editors-panel .tooltip {
  position: absolute; bottom: -11px; right: 100%;
  display: none;
  margin: 0 0 10px;
  z-index: 100;
  -webkit-animation: appear-top .2s forwards; -moz-animation: appear-top .2s forwards; -ms-animation: appear-top .2s forwards; -o-animation: appear-top .2s forwards; animation: appear-top .2s forwards;
  }

.editors-panel .tooltip .tooltip-wrap {
  position: relative; left: -10px;
  display: block;
  padding: 9px 13px 8px;
  font-weight: normal; font-size: 13px; text-indent: 0; text-transform: none; letter-spacing: 0; word-spacing: 0; text-align: center; white-space: nowrap; -webkit-font-smoothing: antialiased; -moz-oxs-text-smoothing: grayscale;
  background: #FFF; -o-background-clip: padding-box; background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15); -webkit-border-radius: 4px; border-radius: 4px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }

.editors-panel *:not(.tooltip-on-click):hover > .tooltip,
.editors-panel .tooltip-on-click.clicked > .tooltip { display: block; }
.branding-layout .page-holder {
  width: 1020px;
  margin: auto;
  background: #FFF;
  box-shadow: 0 0 0 1px rgba(0,0,0,.1);
  }
.post-cover-31-wrap {
  position: relative;
  margin-bottom: 40px; padding: 47px 0 49px;
  }
.post-cover-31-wrap:after {
  content: '';
  position: absolute; right: 0; bottom: 0; left: 0;
  height: 1px;
  background: rgba(0,0,0,.1);
  }



.post-cover-31.post-cover-text {
  z-index: 2;
  padding: 0 0 0;
  color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smooting: grayscale;
  }


.post-cover-31 .post-title {
  width: 940px;
  margin: 18px 0 21px; padding-bottom: .05em;
  font: bold 50px/50px "franklin-gothic-urw", sans-serif;
  }


.post-cover-31 .post-lead {
  width: 760px;
  margin: 0 0 20px;
  font: 25px/30px "freight-micro-pro", serif; color: #A1A1A1;
  }


.post-cover-31 .js-share-counters {
  float: left;
  margin-right: 25px;
  }
.post-cover-31 .js-share-counters + .cover-meta { padding-top: 7px; }


.cover-meta.editorial-panel {
  position: absolute; right: 28px; z-index: 990;
  margin-top: 10px; padding: 10px 10px 8px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  }
.cover-meta.editorial-panel > * { display: inline-block; vertical-align: top; }
.cover-meta.editorial-panel > *:not(:first-child) { margin-left: 15px; }

.branding-layout .cover-meta.editorial-panel {
  right: 50%;
  margin-right: -484px;
  }



.post-cover-31-wrap.narrow-image .post-cover-image { margin-bottom: 16px; }
.post-cover-31-wrap.narrow-image .post-cover-image .cover-image {
  display: block;
  width: 940px; height: 492px;
  }


.post-cover-31-wrap.wide-image {
  padding: 0;
  box-shadow: none;
  }

.post-cover-31-wrap.wide-image .post-cover-image {
  position: relative; z-index: 1;
  overflow: hidden;
  }
.post-cover-31-wrap.wide-image .post-cover-image .cover-image {
  display: block;
  width: 100%; height: auto;
  }
.branding-layout .post-cover-31-wrap.wide-image .post-cover-image .cover-image {
  width: auto; height: 540px;
  margin-left: -5px;
  }
.post-cover-31-wrap.wide-image .post-cover-image:after {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5)) 0 0 / cover no-repeat;
  opacity: .5;
  }


.post-cover-31-wrap.wide-image .post-cover-text {
  position: absolute; right: 0; bottom: 50px; left: 0;
  color: #FFF;
  }
.post-cover-31-wrap.wide-image .post-lead { display: none; }
.post-cover-31-wrap.wide-image .cover-meta .meta-city:before,
.post-cover-31-wrap.wide-image .cover-meta .meta-author:before { opacity: .5; }
.post-cover-31-wrap.wide-image .cover-meta .meta-city:before { background-position: 0 -20px; }
.post-cover-31-wrap.wide-image .cover-meta .meta-author:before { background-position: -20px -20px; }
.style-pack-31 .post-row .row-cont { padding-top: 0; }


.article-text.article-text-31 { font-size: 10px; }

.article-text.article-text-31 sup { position: relative; bottom: 0.4em; font-size: 0.6em; }
.article-text.article-text-31 sub { position: relative; bottom: -0.4em; font-size: 0.6em; }
.article-text.article-text-31 .left { text-align: left; }
.article-text.article-text-31 .center { text-align: center; }
.article-text.article-text-31 .right { text-align: right; }
.article-text.article-text-31 ul,
.article-text.article-text-31 ol { margin-top: 0.4em; padding-left: 2.4em; font-size: 13px; margin-bottom: 1.7em; }
.article-text.article-text-31 ul li,
.article-text.article-text-31 ol li { line-height: 15px; margin-bottom: 0.5em; }
.article-text.article-text-31 ol li { list-style-type: decimal; }

.article-text.article-text-31 ul>li { text-indent:-1.3em; }
.article-text.article-text-31 ul>li:before { content:'\2014\a0'; }


.article-text.article-text-31 img { vertical-align: top; }
.article-text.article-text-31 img.left-ear { margin-left: -40px; }
.article-text.article-text-31 img.right-ear { margin-right: -20px; }
.wide .article-text.article-text-31 table img.right-ear { margin-right: -60px; }

.article-text.article-text-31 .underline { text-decoration: underline; }
.article-text.article-text-31 .strikethrough { text-decoration: line-through; }


.article-text.article-text-31 a:not(.share-button) {
  position: relative;
  color: #9D6043; text-decoration: none;
  background-image: linear-gradient(to right, rgba(166,102,0,.44) 0%, rgba(166,102,0,.44) 100%);
  background-position: 0 93%;
  background-size: 100% 1px;
  background-repeat: repeat-x;
  transition: none;
  }
.article-text.article-text-31 a:not(.share-button).:hover {
  color: #380BFC !important;
  background-image: linear-gradient(to right, rgba(56,11,252,.44) 0%, rgba(56,11,252,.44) 100%) !important;
  }


.article-text.article-text-31 .font-white { color: #FFF; }
.article-text.article-text-31 .font-white a:not(.share-button) {
  color: #FFF;
  background-image: linear-gradient(to right, rgba(255,255,255,.44) 0%, rgba(255,255,255,.44) 100%);
  }
.article-text.article-text-31 .font-white a:not(.share-button):hover {
  color: #633FFF;
  background-image: linear-gradient(to right, rgba(99,63,255,.44) 0%, rgba(99,63,255,.44) 100%);
  }
.article-text.article-text-31 .font-copper { color: #9D6043; }
.article-text.article-text-31 .font-navy { color: #3C527B; }
.article-text.article-text-31 .font-gray { color: #B4B2AC; }


.article-text.article-text-31 h1, .article-text.article-text-31 h2, .article-text.article-text-31 h3, .article-text.article-text-31 p { margin: 0 0 20px; }


.article-text.article-text-31 h1 { font: 161px/150px "freight-micro-pro", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-text.article-text-31 h1 em,
.article-text.article-text-31 h1 i { font: italic 155px/150px "adobe-text-pro", serif; }
.article-text.article-text-31 h1 strong,
.article-text.article-text-31 h1 b { font: bold 150px/150px "franklin-gothic-urw", sans-serif; }


.article-text.article-text-31 h2 { font: 54px/50px "freight-micro-pro", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-text.article-text-31 h2 em,
.article-text.article-text-31 h2 i { font: italic 54px/50px "adobe-text-pro", serif; }
.article-text.article-text-31 h2 strong,
.article-text.article-text-31 h2 b { font: bold 50px/50px "franklin-gothic-urw", sans-serif; }
.article-text.article-text-31 h2 a { background-position: 0 90%; }


.article-text.article-text-31 h3 { font: 35px/40px "freight-micro-pro", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-text.article-text-31 h3 em,
.article-text.article-text-31 h3 i { font: italic 38px/40px "adobe-text-pro", serif; }
.article-text.article-text-31 h3 strong,
.article-text.article-text-31 h3 b { font: bold 31px/40px "franklin-gothic-urw", sans-serif; }


.article-text.article-text-31 p { font: 300 17px/27px "merriweather", serif; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; }
.article-text.article-text-31 p em,
.article-text.article-text-31 p i { font: italic 21px/27px "adobe-text-pro", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-text.article-text-31 p strong,
.article-text.article-text-31 p b { font: bold 15px/27px "franklin-gothic-urw", sans-serif; text-transform: uppercase; letter-spacing: .5px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.article-text.article-text-31 p.xlarge { font: 28px/30px "freight-micro-pro", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-text.article-text-31 p.xlarge em,
.article-text.article-text-31 p.xlarge i { font: italic 29px/30px "adobe-text-pro", serif; }
.article-text.article-text-31 p.xlarge strong,
.article-text.article-text-31 p.xlarge b { font: bold 27px/30px "franklin-gothic-urw", sans-serif; text-transform: none; letter-spacing: 0; }


.article-text.article-text-31 p.large { font: 19px/21px "freight-micro-pro", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-text.article-text-31 p.large em,
.article-text.article-text-31 p.large i { font: italic 21px/21px "adobe-text-pro", serif; }
.article-text.article-text-31 p.large strong,
.article-text.article-text-31 p.large b { font: bold 18px/21px "franklin-gothic-urw", sans-serif; text-transform: none; letter-spacing: 0; }


.article-text.article-text-31 p.small { font: 14px/17px "proxima-nova", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.article-text.article-text-31 p.small em,
.article-text.article-text-31 p.small i { font: italic 15px/17px "adobe-text-pro", serif; }
.article-text.article-text-31 p.small strong,
.article-text.article-text-31 p.small b { font: bold 13px/17px "franklin-gothic-urw", sans-serif; text-transform: uppercase; letter-spacing: .5 }



.article-text.article-text-31 .mb-0 { margin-bottom: 0!important; }
.article-text.article-text-31 .mb-05 { margin-bottom: 10px!important; }
.article-text.article-text-31 .mb-1 { margin-bottom: 20px!important; }
.article-text.article-text-31 .mb-15 { margin-bottom: 30px!important; }
.article-text.article-text-31 .mb-2 { margin-bottom: 40px!important; }
.article-text.article-text-31 .mb-3 { margin-bottom: 60px!important; }
.article-text.article-text-31 .mb-4 { margin-bottom: 80px!important; }


.article-text.article-text-31 .fluid-row {
  position: relative;
  margin-bottom: 20px;
  text-align: left !important; word-spacing: -0.35em; white-space: nowrap;
  }
.article-text.article-text-31 .fluid-row .fluid-block {
  display: inline-block;
  vertical-align: top;
  word-spacing: 0; white-space: normal;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
  }
.article-text.article-text-31 .fluid-row .fluid-block.style { padding: 17px 20px; }
.article-text.article-text-31 .fluid-row .fluid-block.x1 { width: 140px; }
.article-text.article-text-31 .fluid-row .fluid-block.x2 { width: 300px; }
.article-text.article-text-31 .fluid-row .fluid-block.x3 { width: 460px; }
.article-text.article-text-31 .fluid-row .fluid-block.x4 { width: 620px; }
.article-text.article-text-31 .fluid-row .fluid-block.x5 { width: 780px; }
.article-text.article-text-31 .fluid-row .fluid-block.x6 { width: 940px; }
.article-text.article-text-31 .fluid-row .fluid-block.xt1 { width: 190px; }
.article-text.article-text-31 .fluid-row .fluid-block.xt2 { width: 405px; }
.article-text.article-text-31 .fluid-row .fluid-block.xt1,
.article-text.article-text-31 .fluid-row .fluid-block.xt2 { margin-left: 25px; }

.article-text.article-text-31 .fluid-row.vmid > .fluid-block { vertical-align: middle!important; }
.article-text.article-text-31 .fluid-row.vbot > .fluid-block { vertical-align: bottom!important; }

.article-text.article-text-31 .fluid-row.ver-separated .fluid-block:before {
  content: '';
  position: absolute; top: 0; bottom: 0; z-index: 2;
  width: 1px;
  margin-left: -10px;
  background: #e3e3e3;
  }
.article-text.article-text-31 .fluid-row.ver-separated .fluid-block.style:before { margin-left: -30px; }
.article-text.article-text-31 .fluid-row.ver-separated .fluid-block:first-child:before { display: none; }
.article-text.article-text-31 .fluid-row.hor-separated:before {
  content: '';
  position: absolute; right: 0; bottom: -12px; left: 0;
  border-top: 1px dotted #bfbfbf;
  }

.article-text.article-text-31 .fluid-row.up-ear { top: -40px; margin-bottom: -20px !important; }
.article-text.article-text-31 .fluid-row.left-ear.right-ear { margin-right: -20px; margin-left: -40px; padding-right: 20px; padding-left: 40px; z-index: 2; }
.wide .article-text.article-text-31 .fluid-row.left-ear.right-ear { margin-right: -40px; padding-right: 40px; }
body:not(.branding-layout) .article-text.article-text-31 .fluid-row.left-ear.right-ear {
  left: -50vw;
  width: 100vw;
  margin-right: 0; margin-left: 50%; padding-right: 0; padding-left: 0;
  text-align: center !important;
  }
body:not(.branding-layout) .article-text.article-text-31 .fluid-row.left-ear.right-ear .fluid-block { text-align: left !important; }


.article-text.article-text-31 .fluid-row:not(.col-rtl) .fluid-block { margin: 0 0 0 20px; }
.article-text.article-text-31 .fluid-row:not(.col-rtl) .fluid-block:first-child { margin-left: 0!important; }
.article-text.article-text-31 .fluid-row.col-rtl { direction: rtl; }
.article-text.article-text-31 .fluid-row.col-rtl > .fluid-block { margin: 0 20px 0 0; direction: ltr; }
.article-text.article-text-31 .fluid-row.col-rtl > .fluid-block:first-child { margin-right: 0!important; }


.article-text.article-text-31 p.sep {
  position: relative;
  height: 1px;
  font-size: 0px; line-height: 0;
  background: none;
  }
.article-text.article-text-31 p.sep-1-bl,
.article-text.article-text-31 p.sep-1-wh,
.article-text.article-text-31 p.sep-1-gr { height: 2px; }
.article-text.article-text-31 p.sep-3-bl,
.article-text.article-text-31 p.sep-3-wh,
.article-text.article-text-31 p.sep-3-gr {
  background-size: 3px 1px;
  background-repeat: repeat-x;
  }
.article-text.article-text-31 p.sep-1-bl,
.article-text.article-text-31 p.sep-2-bl { background: #000; }
.article-text.article-text-31 p.sep-1-wh,
.article-text.article-text-31 p.sep-2-wh { background: #FFF; }
.article-text.article-text-31 p.sep-1-gr,
.article-text.article-text-31 p.sep-2-gr{ background: #B4B2AC; }
.article-text.article-text-31 p.sep-3-bl {
  background-image: -ms-linear-gradient(left, #000 0%, #000 33%, transparent 33%, transparent 100%);
  background-image: linear-gradient(to right, #000 0%, #000 33%, transparent 33%, transparent 100%);
  }
.article-text.article-text-31 p.sep-3-wh {
  background-image: -ms-linear-gradient(left, #FFF 0%, #FFF 33%, transparent 33%, transparent 100%);
  background-image: linear-gradient(to right, #FFF 0%, #FFF 33%, transparent 33%, transparent 100%);
  }
.article-text.article-text-31 p.sep-3-gr {
  background-image: -ms-linear-gradient(left, #B4B2AC 0%, #B4B2AC 33%, transparent 33%, transparent 100%);
  background-image: linear-gradient(to right, #B4B2AC 0%, #B4B2AC 33%, transparent 33%, transparent 100%);
  }


.article-text.article-text-31 *[class|="inline_icon"] {
  position: relative;
  display: inline-block;
  width: 32px; height: 32px;
  background: url(http://lamcdn.net/www.hopesandfears.com/gui/v31-inline_icons-f58e56e8efcbd847558ce3e3ea4dec1e877ab75ad912e3530eb1cf1fd3a25aed.png) no-repeat; background-size: auto 375px;
  }


.article-text.article-text-31 h2 img[class|="inline_icon-number"] { top: -4px; }
.article-text.article-text-31 img[class|="inline_icon-number"] { width: 30px; height: 30px; vertical-align: -5px; }

.article-text.article-text-31 .inline_icon-number-1 { background-position: 0 0; }
.article-text.article-text-31 .inline_icon-number-2 { background-position: -35px 0; }
.article-text.article-text-31 .inline_icon-number-3 { background-position: -70px 0; }
.article-text.article-text-31 .inline_icon-number-4 { background-position: -105px 0; }
.article-text.article-text-31 .inline_icon-number-5 { background-position: -140px 0; }
.article-text.article-text-31 .inline_icon-number-6 { background-position: -175px 0; }
.article-text.article-text-31 .inline_icon-number-7 { background-position: -210px 0; }
.article-text.article-text-31 .inline_icon-number-8 { background-position: -245px 0; }
.article-text.article-text-31 .inline_icon-number-9 { background-position: -280px 0; }
.article-text.article-text-31 .inline_icon-number-10 { background-position: -315px 0; }
.article-text.article-text-31 .inline_icon-number-11 { background-position: -670px 0; }
.article-text.article-text-31 .inline_icon-number-12 { background-position: -705px 0; }
.article-text.article-text-31 .inline_icon-number-13 { background-position: -740px 0; }
.article-text.article-text-31 .inline_icon-number-14 { background-position: -775px 0; }
.article-text.article-text-31 .inline_icon-number-15 { background-position: -810px 0; }
.article-text.article-text-31 .inline_icon-number-16 { background-position: -845px 0; }
.article-text.article-text-31 .inline_icon-number-17 { background-position: -880px 0; }
.article-text.article-text-31 .inline_icon-number-18 { background-position: -915px 0; }
.article-text.article-text-31 .inline_icon-number-19 { background-position: -950px 0; }
.article-text.article-text-31 .inline_icon-number-20 { background-position: -985px 0; }

.article-text.article-text-31 .font-white .inline_icon-number-1 { background-position: 0 -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-2 { background-position: -35px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-3 { background-position: -70px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-4 { background-position: -105px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-5 { background-position: -140px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-6 { background-position: -175px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-7 { background-position: -210px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-8 { background-position: -245px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-9 { background-position: -280px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-10 { background-position: -315px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-11 { background-position: -670px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-12 { background-position: -705px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-13 { background-position: -740px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-14 { background-position: -775px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-15 { background-position: -810px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-16 { background-position: -845px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-17 { background-position: -880px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-18 { background-position: -915px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-19 { background-position: -950px -75px; }
.article-text.article-text-31 .font-white .inline_icon-number-20 { background-position: -985px -75px; }

.article-text.article-text-31 .font-copper .inline_icon-number-1 { background-position: 0 -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-2 { background-position: -35px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-3 { background-position: -70px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-4 { background-position: -105px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-5 { background-position: -140px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-6 { background-position: -175px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-7 { background-position: -210px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-8 { background-position: -245px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-9 { background-position: -280px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-10 { background-position: -315px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-11 { background-position: -670px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-12 { background-position: -705px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-13 { background-position: -740px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-14 { background-position: -775px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-15 { background-position: -810px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-16 { background-position: -845px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-17 { background-position: -880px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-18 { background-position: -915px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-19 { background-position: -950px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-number-20 { background-position: -985px -150px; }

.article-text.article-text-31 .font-navy .inline_icon-number-1 { background-position: 0 -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-2 { background-position: -35px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-3 { background-position: -70px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-4 { background-position: -105px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-5 { background-position: -140px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-6 { background-position: -175px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-7 { background-position: -210px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-8 { background-position: -245px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-9 { background-position: -280px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-10 { background-position: -315px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-11 { background-position: -670px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-12 { background-position: -705px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-13 { background-position: -740px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-14 { background-position: -775px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-15 { background-position: -810px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-16 { background-position: -845px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-17 { background-position: -880px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-18 { background-position: -915px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-19 { background-position: -950px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-number-20 { background-position: -985px -225px; }

.article-text.article-text-31 .font-gray .inline_icon-number-1 { background-position: 0 -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-2 { background-position: -35px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-3 { background-position: -70px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-4 { background-position: -105px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-5 { background-position: -140px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-6 { background-position: -175px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-7 { background-position: -210px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-8 { background-position: -245px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-9 { background-position: -280px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-10 { background-position: -315px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-11 { background-position: -670px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-12 { background-position: -705px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-13 { background-position: -740px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-14 { background-position: -775px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-15 { background-position: -810px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-16 { background-position: -845px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-17 { background-position: -880px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-18 { background-position: -915px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-19 { background-position: -950px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-number-20 { background-position: -985px -300px; }


.article-text.article-text-31 img[class|="inline_icon-sm-number"] { width: 20px; height: 20px; vertical-align: -4px; }

.article-text.article-text-31 .inline_icon-sm-number-1 { background-position: -350px 0; }
.article-text.article-text-31 .inline_icon-sm-number-2 { background-position: -375px 0; }
.article-text.article-text-31 .inline_icon-sm-number-3 { background-position: -400px 0; }
.article-text.article-text-31 .inline_icon-sm-number-4 { background-position: -425px 0; }
.article-text.article-text-31 .inline_icon-sm-number-5 { background-position: -450px 0; }
.article-text.article-text-31 .inline_icon-sm-number-6 { background-position: -475px 0; }
.article-text.article-text-31 .inline_icon-sm-number-7 { background-position: -500px 0; }
.article-text.article-text-31 .inline_icon-sm-number-8 { background-position: -525px 0; }
.article-text.article-text-31 .inline_icon-sm-number-9 { background-position: -550px 0; }
.article-text.article-text-31 .inline_icon-sm-number-10 { background-position: -1020px 0; }
.article-text.article-text-31 .inline_icon-sm-number-11 { background-position: -1045px 0; }
.article-text.article-text-31 .inline_icon-sm-number-12 { background-position: -1070px 0; }
.article-text.article-text-31 .inline_icon-sm-number-13 { background-position: -1095px 0; }
.article-text.article-text-31 .inline_icon-sm-number-14 { background-position: -1120px 0; }
.article-text.article-text-31 .inline_icon-sm-number-15 { background-position: -1145px 0; }
.article-text.article-text-31 .inline_icon-sm-number-16 { background-position: -1170px 0; }
.article-text.article-text-31 .inline_icon-sm-number-17 { background-position: -1195px 0; }
.article-text.article-text-31 .inline_icon-sm-number-18 { background-position: -1220px 0; }
.article-text.article-text-31 .inline_icon-sm-number-19 { background-position: -1245px 0; }
.article-text.article-text-31 .inline_icon-sm-number-20 { background-position: -1270px 0; }

.article-text.article-text-31 .font-white .inline_icon-sm-number-1 { background-position: -350px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-2 { background-position: -375px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-3 { background-position: -400px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-4 { background-position: -425px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-5 { background-position: -450px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-6 { background-position: -475px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-7 { background-position: -500px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-8 { background-position: -525px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-9 { background-position: -550px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-10 { background-position: -1020px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-11 { background-position: -1045px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-12 { background-position: -1070px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-13 { background-position: -1095px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-14 { background-position: -1120px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-15 { background-position: -1145px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-16 { background-position: -1170px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-17 { background-position: -1195px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-18 { background-position: -1220px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-19 { background-position: -1245px -75px; }
.article-text.article-text-31 .font-white .inline_icon-sm-number-20 { background-position: -1270px -75px; }

.article-text.article-text-31 .font-copper .inline_icon-sm-number-1 { background-position: -350px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-2 { background-position: -375px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-3 { background-position: -400px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-4 { background-position: -425px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-5 { background-position: -450px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-6 { background-position: -475px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-7 { background-position: -500px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-8 { background-position: -525px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-9 { background-position: -550px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-10 { background-position: -1020px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-11 { background-position: -1045px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-12 { background-position: -1070px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-13 { background-position: -1095px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-14 { background-position: -1120px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-15 { background-position: -1145px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-16 { background-position: -1170px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-17 { background-position: -1195px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-18 { background-position: -1220px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-19 { background-position: -1245px -150px; }
.article-text.article-text-31 .font-copper .inline_icon-sm-number-20 { background-position: -1270px -150px; }

.article-text.article-text-31 .font-navy .inline_icon-sm-number-1 { background-position: -350px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-2 { background-position: -375px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-3 { background-position: -400px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-4 { background-position: -425px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-5 { background-position: -450px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-6 { background-position: -475px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-7 { background-position: -500px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-8 { background-position: -525px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-9 { background-position: -550px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-10 { background-position: -1020px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-11 { background-position: -1045px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-12 { background-position: -1070px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-13 { background-position: -1095px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-14 { background-position: -1120px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-15 { background-position: -1145px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-16 { background-position: -1170px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-17 { background-position: -1195px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-18 { background-position: -1220px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-19 { background-position: -1245px -225px; }
.article-text.article-text-31 .font-navy .inline_icon-sm-number-20 { background-position: -1270px -225px; }

.article-text.article-text-31 .font-gray .inline_icon-sm-number-1 { background-position: -350px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-2 { background-position: -375px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-3 { background-position: -400px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-4 { background-position: -425px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-5 { background-position: -450px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-6 { background-position: -475px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-7 { background-position: -500px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-8 { background-position: -525px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-9 { background-position: -550px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-10 { background-position: -1020px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-11 { background-position: -1045px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-12 { background-position: -1070px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-13 { background-position: -1095px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-14 { background-position: -1120px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-15 { background-position: -1145px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-16 { background-position: -1170px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-17 { background-position: -1195px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-18 { background-position: -1220px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-19 { background-position: -1245px -300px; }
.article-text.article-text-31 .font-gray .inline_icon-sm-number-20 { background-position: -1270px -300px; }


.article-text.article-text-31 .inline_icon-quote-sign { width: 36px; height: 29px; background-position: -610px 0; }

.article-text.article-text-31 .font-white .inline_icon-quote-sign { background-position: -610px -75px; }

.article-text.article-text-31 .font-copper .inline_icon-quote-sign { background-position: -610px -150px; }

.article-text.article-text-31 .font-navy .inline_icon-quote-sign { background-position: -610px -225px; }

.article-text.article-text-31 .font-gray .inline_icon-quote-sign { background-position: -610px -300px; }


.article-text.article-text-31 img[class|="inline_icon-hf-logo"] { width: 30px; height: 10px; vertical-align: baseline; }
.article-text.article-text-31 .inline_icon-hf-logo-bl { background-position: -575px 0; }
.article-text.article-text-31 .inline_icon-hf-logo-wh { background-position: -575px -75px; }
.article-text.article-text-31 .inline_icon-hf-logo-copper { background-position: -575px -150px; }
.article-text.article-text-31 .inline_icon-hf-logo-navy { background-position: -575px -225px; }
.article-text.article-text-31 .inline_icon-hf-logo-gr { background-position: -575px -300px; }


.article-text.article-text-31 .inline_icon-place { width: 11px; height: 13px; vertical-align: -2px; background-position: -651px 0; }

.article-text.article-text-31 .font-white .inline_icon-place { background-position: -651px -75px; }

.article-text.article-text-31 .font-copper .inline_icon-place { background-position: -651px -150px; }

.article-text.article-text-31 .font-navy .inline_icon-place { background-position: -651px -225px; }

.article-text.article-text-31 .font-gray .inline_icon-place { background-position: -651px -300px; }


.article-text.article-text-31 .inline_icon-author {
  width: 15px; height: 15px;
  vertical-align: -2px;
  background: url("http://lamcdn.net/www.hopesandfears.com/gui/v31-cover_icons-ea442be322660b6f66cddc682bc9fcc4c4e9167cc6ba9facded2951bd1b20510.png") 0 0 / auto 95px no-repeat;
  }

.article-text.article-text-31 .font-white .inline_icon-author { background-position: 0 -20px; }

.article-text.article-text-31 .font-copper .inline_icon-author { background-position: 0 -40px; }

.article-text.article-text-31 .font-navy .inline_icon-author { background-position: 0 -60px; }

.article-text.article-text-31 .font-gray .inline_icon-author { background-position: 0 -80px; }


.article-text.article-text-31 .inline_icon-geo {
  width: 15px; height: 15px;
  vertical-align: -2px;
  background: url("http://lamcdn.net/www.hopesandfears.com/gui/v31-cover_icons-ea442be322660b6f66cddc682bc9fcc4c4e9167cc6ba9facded2951bd1b20510.png") -20px 0 / auto 95px no-repeat;
  }

.article-text.article-text-31 .font-white .inline_icon-geo { background-position: -20px -20px; }

.article-text.article-text-31 .font-copper .inline_icon-geo { background-position: -20px -40px; }

.article-text.article-text-31 .font-navy .inline_icon-geo { background-position: -20px -60px; }

.article-text.article-text-31 .font-gray .inline_icon-geo { background-position: -20px -80px; }


.article-text.article-text-31 .inline_icon-person { width: 60px; height: 60px; background-position: -1295px 0; }


.article-text.article-text-31 .inline_icon-person_big { width: 140px; height: 140px; background-position: -1360px 0; }


.article-text.article-text-31 .b-slideshow { position: relative; padding-bottom: 59px; }
.article-text.article-text-31 .b-slideshow:after { content: ''; display: table; clear: both; }
.article-text.article-text-31 .b-slideshow .b-slideshow-controls { position: absolute; left: 0; z-index: 3; width: 160px; padding-top: 13px; color: #000; }

.article-text.article-text-31 .b-slideshow .b-slideshow-controls .title { display: none; }

.article-text.article-text-31 .b-slideshow .b-slideshow-controls .left,
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .right,
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .status { display: inline-block; vertical-align: top; }

.article-text.article-text-31 .b-slideshow .b-slideshow-controls .left,
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .right {
  position: relative;
  width: 28px; height: 28px;
  border: 2px solid transparent; -webkit-border-radius: 50%; border-radius: 50%;
  cursor: pointer;
  transition: border-color .1s;
  }
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .left:before,
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .right:before {
  content: '';
  position: absolute; top: 50%; left: 10px;
  width: 7px; height: 12px;
  margin-top: -6px;
  background: url(http://lamcdn.net/www.hopesandfears.com/gui/v31-sprite-d40c3a603b62dac4621ef781ca1617983f12fb9d0241a01c021765d36de4bf0e.png) 0 0 no-repeat; background-size: 19px auto;
  }
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .right:before { left: 11px; background-position: -12px 0; }
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .left:hover,
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .right:hover { border-color: #000; }

.article-text.article-text-31 .b-slideshow .b-slideshow-controls .status {
  min-width: 52px;
  margin: 0 6px;
  font: italic 15px/32px "adobe-text-pro", serif; text-align: center; -webkit-font-smoothing: antialiased;
  }
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .status strong {
  font: bold 13px/32px "franklin-gothic-urw", sans-serif;
  }
.article-text.article-text-31 .b-slideshow .b-slideshow-controls .status .slide-total { margin-left: 1px; }

.article-text.article-text-31 .b-slideshow .b-slideshow-photos { position: relative; clear: left; }
.article-text.article-text-31 .b-slideshow .b-slideshow-photos .img-with-caption .img-caption {
  display: block;
  width: 460px; min-height: 40px;
  margin: 0 0 -54px; padding: 21px 0 0 160px;
  }
.article-text.article-text-31 .b-slideshow .b-slideshow-photos img { cursor: pointer; cursor: hand; }

.article-text.article-text-31 .img-with-caption .img-caption {
  display: block;
  max-width: 940px;
  margin: auto; padding-top: 21px;
  font: 14px/17px "proxima-nova", sans-serif; color: rgba(140,139,135,.7);
  }
.article-text.article-text-31 .img-with-caption .img-caption em,
.article-text.article-text-31 .img-with-caption .img-caption i { font: italic 15px/17px "adobe-text-pro", serif; color: #9D6043; }
.article-text.article-text-31 .img-with-caption .img-caption strong,
.article-text.article-text-31 .img-with-caption .img-caption b { font: bold 13px/17px "franklin-gothic-urw", sans-serif; text-transform: uppercase; letter-spacing: .5 }


.article-text.article-text-31 .white .b-slideshow .b-slideshow-controls { color: #FFF; }
.article-text.article-text-31 .white .b-slideshow .b-slideshow-controls .left:before { background-position: 0 -17px; }
.article-text.article-text-31 .white .b-slideshow .b-slideshow-controls .right:before { background-position: -12px -17px; }
.article-text.article-text-31 .white .b-slideshow .b-slideshow-controls .left:hover,
.article-text.article-text-31 .white .b-slideshow .b-slideshow-controls .right:hover { border-color: #FFF; }
.article-text.article-text-31 .white .img-with-caption .img-caption { color: rgba(180,178,172,1); }



.article-text.article-text-31 .spec.post-portrait-block { margin-bottom: 20px; }
.article-text.article-text-31 .spec.post-portrait-block .post-portrait-image,
.article-text.article-text-31 .spec.post-portrait-block .portrait-text { display: inline-block; vertical-align: middle; margin-bottom: 10px; }
.article-text.article-text-31 .spec.post-portrait-block .post-portrait-image { margin-right: 15px; }
.article-text.article-text-31 .spec.post-portrait-block .post-portrait-image img.dummy { width: 60px; height: 60px; background: #E5E5E5; }
.article-text.article-text-31 .spec.post-portrait-block .post-portrait-image img.image { width: 60px !important; height: 60px !important; }
.article-text.article-text-31 .spec.post-portrait-block.center .post-portrait-image { margin-right: 0; }


.article-text.article-text-31 .spec.section-block {
  position: relative; top: 10px;
  margin-bottom: 30px;
  }
.article-text.article-text-31 .spec.section-block p {
  margin-bottom: 0; padding: 9px 0 7px;
  font: bold 12px/16px "proxima-nova", sans-serif; color: #B4B2AC; text-transform: uppercase; letter-spacing: .5px;
  border: 2px #B4B2AC; border-style: solid none;
  overflow: hidden;
  }
.article-text.article-text-31 .spec.section-block p em,
.article-text.article-text-31 .spec.section-block p i { font: italic 14px/16px "adobe-text-pro", serif; text-decoration: none; letter-spacing: 0; }
.article-text.article-text-31 .spec.section-block .section-block-number {
  float: left;
  min-width: 35px;
  margin-right: 1px; padding: 9px 0 7px;
  font: bold 12px/16px "proxima-nova", sans-serif; color: #000; text-align: center; text-transform: uppercase; letter-spacing: .5px;
  border-width: 2px; border-style: solid none;
  }
.article-text.article-text-31 .font-white .spec.section-block .section-block-number { color: #FFF; }
.article-text.article-text-31 .spec.section-block .section-block-number + p { padding-left: 12px; }


.article-text.article-text-31 .spec.generic-block {
  margin-bottom: 20px; padding: 16px 20px 2px;
  background: #F6F6F6;
  }
.article-text.article-text-31 .spec.generic-block h3 {
  margin-bottom: 3px;
  font-size: 22px; line-height: 22px;
  }
.article-text.article-text-31 .spec.generic-block h3 strong { font-size: inherit; line-height: inherit; }
.article-text.article-text-31 .spec.generic-block .sep { margin: -3px 0 13px; }


.article-text.article-text-31 .spec.generic-block.generic-block-yellow { background: #FACF0B; }


.article-text.article-text-31 .spec.half-column { margin: 0 0 0 70px; }


.article-text.article-text-31 .spec-share-counters { display: block; }
.article-text.article-text-31 .spec .share-buttons-bar {
  width: auto;
  white-space: normal;
  }
.article-text.article-text-31 .spec .share-buttons-bar .share-button { margin: 0 6px 0 0; }
.article-text.article-text-31 .fluid-block.x1 .spec .share-buttons-bar .share-button { margin-bottom: 4px; }


body:not(.branding-layout) .article-text.article-text-31 .spec.wide_image {
  position: relative; left: -50vw;
  width: 100vw;
  margin-bottom: 20px; margin-left: 50%;
  overflow: hidden;
  }
body.branding-layout .article-text.article-text-31 .spec.wide_image { margin-right: -40px; margin-bottom: 20px; margin-left: -40px; }
.article-text.article-text-31 .spec.wide_image img { width: 100%; height: auto; }


.article-text.article-text-31 .wide_image.video-16x9,
.article-text.article-text-31 .wide_image.video-4x3 { position: relative; }
.article-text.article-text-31 .wide_image.video-16x9 iframe,
.article-text.article-text-31 .wide_image.video-4x3 iframe {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  }
.article-text.article-text-31 .wide_image.video-16x9 { padding-top: 56.25vw; }
.article-text.article-text-31 .wide_image.video-4x3 { padding-top: 75vw; }

.article-text.article-text-31 .spec.pseudosidebar-target { width: 300px; height: 600px; margin-bottom: 30px; }


.article-text.article-text-31 .spec.question-template .x1:first-child {
  padding-top: 9px;
  }


.article-text.article-text-31 .spec-author-placeholder,
.article-text.article-text-31 .spec-date-placeholder,
.article-text.article-text-31 .spec-flow-placeholder,
.article-text.article-text-31 .spec-flow-blog,
.article-text.article-text-31 .spec-city-placeholder {
  margin-right: 25px;
  font: 16px/1 "proxima-nova", sans-serif;
  }
.article-text.article-text-31 .spec-author-placeholder a,
.article-text.article-text-31 .spec-flow-placeholder a,
.article-text.article-text-31 .spec-city-placeholder a { color: inherit !important; background: none !important; transition: opacity .3s !important; }
.article-text.article-text-31 .spec-author-placeholder a:hover,
.article-text.article-text-31 .spec-flow-placeholder a:hover,
.article-text.article-text-31 .spec-city-placeholder a:hover { opacity: .6; }


.article-text.article-text-31 .spec-author-placeholder:before,
.article-text.article-text-31 .spec-city-placeholder:before {
  content: '';
  display: inline-block;
  width: 15px; height: 15px;
  margin-right: 10px;
  vertical-align: -2px;
  background: url("http://lamcdn.net/www.hopesandfears.com/gui/v31-cover_icons-ea442be322660b6f66cddc682bc9fcc4c4e9167cc6ba9facded2951bd1b20510.png") 0 0 / auto 95px no-repeat;
  opacity: 0.2;
  }


.article-text.article-text-31 .spec-author-placeholder:before { background-position: -20px 0; }
.article-text.article-text-31 .font-white .spec-author-placeholder:before { background-position: -20px -20px; opacity: .5; }
.article-text.article-text-31 .font-copper .spec-author-placeholder:before { background-position: -20px -40px; }
.article-text.article-text-31 .font-navy .spec-author-placeholder:before { background-position: -20px -60px; }
.article-text.article-text-31 .font-gray .spec-author-placeholder:before { background-position: -20px -80px; }


.article-text.article-text-31 .spec-date-placeholder { text-transform: capitalize; }


.article-text.article-text-31 .spec-city-placeholder:before { background-position: 0 0; }
.article-text.article-text-31 .font-white .spec-city-placeholder:before { background-position: 0 -20px; opacity: .5; }
.article-text.article-text-31 .font-copper .spec-city-placeholder:before { background-position: 0 -40px; }
.article-text.article-text-31 .font-navy .spec-city-placeholder:before { background-position: 0 -60px; }
.article-text.article-text-31 .font-gray .spec-city-placeholder:before { background-position: 0 -80px; }


.article-text.article-text-31 .spec-flow-placeholder { font-weight: bold; text-transform: uppercase; letter-spacing: .5px; }


.article-text.article-text-31 .spec-flow-blog { font-weight: bold; text-transform: uppercase; letter-spacing: .5px; }


.article-text.article-text-31 .cover-meta { line-height: 16px; }
.article-text.article-text-31 .cover-meta .meta-item:not(:first-child) { margin-left: 15px; }
.article-text.article-text-31 .cover-meta .spec-author-placeholder,
.article-text.article-text-31 .cover-meta .spec-date-placeholder,
.article-text.article-text-31 .cover-meta .spec-flow-placeholder,
.article-text.article-text-31 .cover-meta .spec-flow-blog,
.article-text.article-text-31 .cover-meta .spec-city-placeholder { margin-right: 0; }


.article-text.article-text-31 .wdyd-block .spec.spec-share-counters { padding-top: 6px; }
body:not(.mobile) .article-text.article-text-31 .wdyd-block .spec.post-portrait-block { text-align: center; }
body:not(.mobile) .article-text.article-text-31 .wdyd-block .spec.post-portrait-block .post-portrait-image { margin-right: 0; }


.article-text.article-text-31 [class*="custom-cover-color"] .custom-cover-color-mobile-image { display: none; margin-bottom: 0 !important; }
.article-text.article-text-31 [class*="custom-cover-color"] .custom-cover-color-mobile-image p { margin-bottom: 0; }
.article-text.article-text-31 .custom-cover-color-orange ~ .font-copper,
.article-text.article-text-31 .custom-cover-color-orange ~ * .font-copper { color: #E66C47; }
.article-text.article-text-31 .custom-cover-color-blue ~ .font-copper,
.article-text.article-text-31 .custom-cover-color-blue ~ * .font-copper { color: #6DBFE4; }
.article-text.article-text-31 .custom-cover-color-green ~ .font-copper,
.article-text.article-text-31 .custom-cover-color-green ~ * .font-copper { color: #57C9A7; }
.article-text.article-text-31 .custom-cover-color-gray ~ .font-copper,
.article-text.article-text-31 .custom-cover-color-gray ~ * .font-copper { color: #7297B1; }


.cover-meta {
  margin: 0 0 0;
  font: 16px/1 "proxima-nova", sans-serif; color: inherit;
  }
.cover-meta .meta-item {
  position: relative;
  display: inline-block;
  }
.cover-meta .meta-item:not(:first-child) { margin-left: 20px; }

.cover-meta .meta-item a {
  color: inherit;
  transition: opacity .3s;
  }
.cover-meta .meta-item a:hover { opacity: .6; }


.cover-meta .meta-flow {
  margin-right: 20px;
  font-weight: bold; text-transform: uppercase; letter-spacing: .5px;
  }
.cover-meta .meta-flow:after {
  content: '';
  position: absolute; top: -2px; right: -20px;
  width: 1px; height: 20px;
  background: currentcolor;
  }


.cover-meta .meta-time { text-transform: capitalize; }


.cover-meta .meta-live { font-weight: bold; text-transform: uppercase; letter-spacing: .5px; }
.cover-meta .meta-live:before {
  content: '';
  display: inline-block;
  width: 15px; height: 15px;
  margin: 0 10px 0 0;
  vertical-align: -2px;
  background: #F00;
  border-radius: 50%;
  -webkit-animation: live-badge-on-air .7s alternate infinite ease-in; animation: live-badge-on-air .7s alternate infinite ease-in;
  }

@-webkit-keyframes live-badge-on-air {
  0% { opacity: .2; }
  100% { opacity: 1; }
  }
@keyframes live-badge-on-air {
  0% { opacity: .2; }
  100% { opacity: 1; }
  }


.cover-meta .meta-city:before,
.cover-meta .meta-author:before {
  content: '';
  display: inline-block;
  width: 15px; height: 15px;
  margin-right: 10px;
  vertical-align: -2px;
  background: url("http://lamcdn.net/www.hopesandfears.com/gui/v31-cover_icons-ea442be322660b6f66cddc682bc9fcc4c4e9167cc6ba9facded2951bd1b20510.png") 0 0 / auto 95px no-repeat;
  opacity: 0.2;
  }
.cover-meta .meta-city:before { background-position: 0 0; }
.cover-meta .meta-author:before { background-position: -20px 0; }
.pages .editorial-panel {
  position: absolute;
  top: 0; right: 0;

  z-index: 990;
  margin-top: 10px; padding: 10px 10px 8px;
  background: #FFF;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
  }
@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
  .cover-meta .meta-flow:after { background: linear-gradient(to right, currentcolor 50%, transparent 50%); }
  .post-cover-31-wrap:after { background: linear-gradient(to top, rgba(0,0,0,.2) 50%, transparent 50%); }
  .posts-layout .post-badge:before { background: linear-gradient(to bottom, rgba(0,0,0,.2) 50%, transparent 50%); }
  .posts-layout > *:after { background: linear-gradient(to top, rgba(0,0,0,.2) 50%, transparent 50%); }
  }