/* Likes */
.item-like {
  padding-right: 2px; }

.item-like a.button--like:hover {
  text-decoration: none !important;
  color: white; }

/* Like Button Styles */
.button--like {
  display: inline-block;
  /* display: inline-table; */
  font-size: 11px;
  font-weight: 700;
  background: #259349;
  border: 1px solid #259349;
  border-radius: 2px;
  color: #ffffff !important;
  line-height: normal;
  padding: 6px 10px 6px 25px;
  text-align: center;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
  position: relative;
  z-index: 10; }

.button--like__icon {
  position: absolute;
  left: 10px;
  top: 6px;
  overflow: visible;
  width: 16px;
  height: 10px;
  pointer-events: none; }

.button--like:hover {
  background: #197C39;
  border: 1px solid #197C39; }

.button--like__icon,
.button--like:hover .button--like__icon {
  background: url("../images/personalization/like_item_icon_white.svg") no-repeat center left; }

.button--liked {
  color: #000 !important;
  border: 1px solid #E0E0E0;
  background: #F3F3F3; }

.button--liked:hover {
  background-color: #EBF0F3;
  border: 1px solid #CDDCEC; }

/* There is used to overwrite an !important declaration from the main css file */
span.author_general .button--like:hover {
  text-decoration: none !important; }

.button--liked a {
  color: white; }

.button--liked .button--like__icon,
.button--liked:hover .button--like__icon {
  background: url("../images/personalization/like_item_icon.svg") no-repeat center left; }

/* Likes comments */
.button--comment {
  background: url("../images/personalization/like_comment_icon.svg") no-repeat left center;
  background-position: 0 1px;
  padding-top: 2px !important;
  padding-bottom: 3px !important;
  padding-left: 20px !important;
  line-height: 150%;
  /* this can be removed as it is already contained the the main InfoQ Styles */ }

.button--comment:hover {
  background: url("../images/personalization/like_comment_icon_full.svg") no-repeat left center;
  background-position: 0 1px; }

/* End likes */
/* InfoQ Styles that need to be changed/added to accomodate the button element */
.page_header_with_rss_url > h1 {
  max-width: 72%;
  margin-right: 10px; }

.btn_right {
  float: right; }

/* Follow Button Styles */
.button {
  float: left;
  border-radius: 1px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 7px 20px;
  width: 132px;
  text-align: center;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease; }

.button--follow {
  background-color: #577EBC;
  background-image: url("../images/personalization/follow_topic_icon.svg");
  background-repeat: no-repeat;
  background-position: 8px 48%;
  padding: 12px 6px 13px 25px; }

.button--following {
  background-color: #577EBC;
  background-image: url("../images/personalization/following_topic_icon.svg");
  background-repeat: no-repeat;
  background-position: 8px 48%;
  padding: 12px 6px 13px 25px; }

.button--unfollow {
  color: #2a2a2a;
  background-color: #D5E0E7;
  background-image: url("../images/personalization/unfollow_topic_icon.svg");
  background-repeat: no-repeat;
  background-position: 8px 48%;
  padding: 12px 6px 13px 25px; }

.button--follow:hover,
.button--following:hover {
  background-color: #3060AB; }

.button--unfollow:hover {
  background-color: #CDDAE2; }

.followswitch {
  float: right;
  z-index: 1;
  padding-left: 4px;
  position: relative;
  width: 100px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.followswitch-checkbox {
  display: none; }

.followswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 0px; }

.followswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s; }

.followswitch-inner:before, .followswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 25px;
  padding: 0;
  line-height: 25px;
  font-size: 13px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  box-sizing: border-box; }

.followswitch-inner:before {
  content: "\2713 Following";
  padding-left: 10px;
  background-color: #EEEEEE;
  color: #999999; }

.followswitch-inner:after {
  content: "+ Follow";
  background-color: #4e80bb;
  color: #FFFFFF;
  text-align: center; }

.followswitch-checkbox:checked + .followswitch-label .followswitch-inner {
  margin-left: 0; }

.followswitch-checkbox:checked + .followswitch-label {
  right: 0px; }

/* === LIKE === */
.likeContentSwitch {
  position: relative;
  width: 90px;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none; }

.likeContentSwitch-checkbox {
  display: none; }

.likeContentSwitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 0px; }

.likeContentSwitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s; }

.likeContentSwitch-inner:before, .likeContentSwitch-inner-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 17px;
  padding: 0;
  line-height: 17px;
  font-size: 12px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  box-sizing: border-box; }

.likeContentSwitch-inner:before {
  content: "\2713 Liked";
  background-color: #EEEEEE;
  color: #999999;
  text-align: center; }

.likeContentSwitch-inner:after {
  content: "+ Like";
  background-color: #4e80bb;
  color: #FFFFFF;
  text-align: center;
  display: block; }

.likeContentSwitch-checkbox:checked + .likeContentSwitch-label .likeContentSwitch-inner {
  margin-left: 0; }

.likeContentSwitch-checkbox:checked + .likeContentSwitch-label {
  right: 0px; }

/* Like link component */
.like-link {
  padding: 2px 0 2px 20px;
  font-size: 12px;
  line-height: 1.5;
  color: #666;
}

/* Grey Like link */
.like-link--grey {
  background: url("i/social/like_grey.svg") no-repeat left center;
  background-position: 0 0;
}

/* Green Like link on hover / Liked link */
.like-link:hover,
.like-link--on {
  background: url("i/social/icon-thumbs.svg") no-repeat left center;
  background-position: 0 0;
  color: #3b9747 !important;
  text-decoration: none !important;
}

/* User Information (Picture, Name, Bio, Summary and Social Links) */
.row {
  float: left;
  width: 100%;
  margin: 0;
  clear: both; }

.first-row {
  margin-top: 20px; }

.user-image,
.user-sidebar-activity {
  float: left;
  width: 200px;
  margin-right: 20px; }

.user-image img {
  max-width: 100%;
  height: auto; }

.user-title,
.user-activity {
  float: left;
  width: 749px; }

.user-name {
  float: left;
  max-width: 440px;
  margin-right: 20px; }

.user-name h2 {
  float: left;
  width: auto;
  margin: 0 15px 2px 0;
  color: #3b9647;
  font-size: 27px; }

.user-social {
  float: left; }

.user-social a {
  float: left;
  margin: 8px 5px 0 0;
  padding: 0;
  font-size: 18px; }

.user-social .icon-twitter {
  color: #55acee; }

.user-social .icon-facebook2 {
  color: #3b5998; }

.user-social .icon-linkedin {
  color: #0077b5; }

.user-social .icon-google-plus,
.user-social .icon-google-plus2 {
  color: #DC4E40; }

.user-social-github {
  color: #000; }

.user-social-weibo {
  color: #E6222E; }

.user-social-quora {
  color: #A72412; }

.user-actions {
  float: right;
  padding-bottom: 10px;
  /*added*/
  margin-top: 10px;
  text-align: right; }

.user-actions .icon-add_circle_outline,
.user-actions .icon-remove_circle_outline,
.user-actions .icon-drafts {
  font-size: 18px;
  padding: 0 9px 0 0;
  vertical-align: sub;
  /* Fix for incorrect positioning in Safari. */ }

.user-actions a {
  border-radius: 2px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease; }

.user-button-blue {
  color: #fff;
  border: 1px solid #577EBC;
  background-color: #577EBC;
  padding: 10px 20px 10px 15px; }

.user-button-blue:hover {
  background-color: #3060AB; }

.user-button-grey {
  border: 1px solid #E0E0E0;
  background-color: #F3F3F3;
  padding: 10px 20px 10px 15px; }

.user-button-grey:hover {
  background-color: #EBF0F3;
  border: 1px solid #CDDCEC; }

.user-comment {
  color: #333;
  border: 1px solid #E0E0E0;
  background-color: #F3F3F3;
  padding: 10px 20px 10px 15px; }

.user-comment:hover {
  background-color: #EBF0F3;
  border: 1px solid #CDDCEC; }

.user-minibio,
.user-summary {
  float: left;
  clear: both; }

.user-minibio a,
.user-summary a,
.user-activity-more,
.user-activity-item__hidden .user-activity-content a {
  text-decoration: none;
  color: #286AB2; }

.user-minibio a:hover,
.user-summary a:hover,
.user-activity-more:hover,
.user-activity-item__hidden .user-activity-content a:hover {
  text-decoration: underline;
  color: #286AB2; }

.user-minibio p {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin-top: 15px;
  padding: 0; }

.user-summary h3,
.user-activity h3 {
  font-size: 18px;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  margin: 15px 0 0 0; }

.user-activity h3 {
  margin: 15px 0 5px 0; }

.user-summary p {
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  margin-top: 5px;
  padding: 0; }

/* User Sidebar */
.user-sidebar-activity {
  margin-top: 25px; }

.user-sidebar-activity li {
  margin-bottom: 8px; }

.user-sidebar-activity li span {
  font-size: 12px;
  color: #9C9C9C;
  padding-left: 5px; }

.user-sidebar-activity li a {
  font-size: 13px;
  display: inline-block;
  padding: 4px 7px; }

.user-sidebar-activity li a:hover {
  color: #286AB2; }

.user-sidebar-activity li .current {
  color: #333;
  font-weight: 700;
  margin: 0;
  background-color: #F3F3F3; }

/* User Activity */
.user-activity {
  margin-top: 10px; }

.user-activity-content {
  width: 670px;
  margin-right: 20px;
  float: left; }

.user-activity-content a:hover,
.user-activity-follow-content a:hover {
  text-decoration: underline; }

.user-activity-content img {
  float: left;
  margin-right: 10px;
  width: 60px;
  height: auto; }

.user-activity-content a {
  color: #333; }

.user-activity-content blockquote {
  width: 100%; }

.hide-item {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px; }

.tooltip {
  display: none;
  background: #232323;
  font-size: 11px;
  padding: 4px 10px;
  color: #eee; }

.user-activity-meta {
  font-size: 12px;
  color: #999999;
  display: block;
  padding-top: 3px; }

.user-activity-like {
  /*background: url(i/news.png) no-repeat left 5px;*/ }

.user-activity-item {
  float: left;
  position: relative;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #E5E5E5; }

.user-activity-item:hover .user-activity-icon {
  color: #AAC1E0; }

.user-activity-icon {
  color: #ccc;
  font-size: 20px;
  float: left;
  width: 29px;
  margin-right: 10px; }

.icon-clear {
  color: #ccc;
  font-size: 18px; }

.icon-clear:hover {
  color: #333; }

.user-activity .load_more_articles {
  border-top: 0;
  margin-bottom: 35px; }

.user-tabs-following {
  padding-top: 15px; }

.user-tabs-following {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px solid #E5E5E5; }

.user-tabs-following li {
  float: left;
  margin-right: 15px; }

.user-tabs-following li a {
  display: block;
  text-align: center;
  padding: 6px 25px;
  color: #9c9c9c;
  font-weight: 700;
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px; }

.user-tabs-following .current {
  color: #333; }

.user-activity-item-half {
  position: relative;
  float: left;
  width: 354px;
  margin: 20px 20px 5px 0;
  padding-bottom: 25px;
  border-bottom: 1px solid #E5E5E5; }

.user-activity-follow-content {
  float: left;
  width: calc(100% - 40px);
  padding-bottom: 10px; }

.user-activity-follow-content img {
  float: left;
  margin-right: 10px;
  width: 30px;
  height: 30px; }

.user-activity-follow-content h4 {
  float: left;
  width: calc(100% - 40px);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 0;
  clear: none; }

.user-activity-follow-content p {
  clear: none;
  width: auto;
  color: #333;
  font-size: 13px; }

.user-activity-follow-meta {
  float: left;
  width: 100%; }

.user-activity-follow-meta .followers {
  font-size: 11px;
  color: #9c9c9c; }

.user-button-small,
.user-button-small {
  padding: 5px 15px 5px 15px;
  font-weight: 700;
  font-size: 11px;
  margin-right: 10px; }

.user-button-small span {
  padding-right: 5px;
  font-size: 14px;
  font-weight: 500;
  vertical-align: text-bottom; 
  pointer-events: none 
}

/* Dialog Box Styles */
.hide-dialog {
  background-color: #fff;
  display: none;
  width: 380px;
  text-align: left;
  opacity: 1;
  left: 50%;
  /* FIX for incorrect jQuery Tools positioning */
  margin-left: -190px;
  /*  FIX for incorrect jQuery Tools positioning */
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3); }

.hide-dialog-content {
  padding: 7px 15px; }

.hide-dialog h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
  background: #f5f5f5;
  border-bottom: 1px solid #c9c9c9;
  padding: 15px 15px 13px 15px;
  box-sizing: border-box; }

.hide-dialog p {
  padding-bottom: 10px; }

.hide-dialog .close {
  position: absolute;
  top: 13px;
  right: 11px;
  cursor: pointer; }

.hide-dialog-buttons {
  text-align: right; }

/* Hide */
.spanLess,
.user-activity-item__hidden p {
  font-size: 12px;
  margin: 2px 0 0 0; }

.spanLess a {
  color: #286AB2; }

.icon-interviews {
  background: url(i/popular_interviews.jpg) no-repeat left center;
  height: 30px; }

.icon-news {
  background: url(i/popular_news.jpg) no-repeat left center;
  height: 30px; }

.icon-articles {
  background: url(i/popular_articles.jpg) no-repeat left center;
  height: 30px; }

.icon-presentations {
  background: url(i/popular_presentations.jpg) no-repeat left center;
  height: 30px; }

.icon-podcasts {
  background: url(i/popular_podcasts.jpg) no-repeat left center;
  height: 30px; }

.icon-minibooks {
  background: url(i/popular_minibooks.jpg) no-repeat left center;
  height: 30px; }

.icon-research {
  background: url(i/popular_research.jpg) no-repeat left center;
  height: 30px; }

.myi-flex {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; }

.myi--separator {
  float: left;
  width: 100%;
  margin: 10px 0 20px 0;
  background-color: #E6E6E6;
  height: 1px; }

.myi--intro {
  padding: 0px 0 30px 0;
  margin-bottom: 0 !important;
  font-size: 14px; }

.myi__subheading {
  float: left;
  width: 100%;
  border-bottom: 1px solid #E6E6E6;
  padding: 25px 0 10px 0;
  margin-bottom: 15px; }

.myi__subheading a {
  font-size: 16px;
  color: #888888;
  padding: 0 35px 0 0; }

.myi__subheading .active {
  color: #2069b5;
  font-weight: bold; }

.myi__subheading a:hover {
  color: #2069b5; }

.myi__container {
  float: left;
  width: 100%;
  margin: 20px 0 40px 0; }

.myi__container,
.myi__container * {
  box-sizing: border-box; }

.myi__grid {
  float: left;
  display: block;
  position: relative;
  margin-bottom: 30px; }

.myi__topic-grid {
  margin-right: 70px;
  margin-bottom: 30px;
  width: calc(99.9% * 1/2 - 70px); }

.myi__peers-grid {
  margin-right: 50px;
  margin-bottom: 30px;
  width: calc(99.9% * 1/2 - 50px); }

.myi__grid h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  float: none;
  width: auto;
  display: inline-block;
  clear: auto;
  margin-bottom: 0;
  margin-top: 2px; }

.follow__actions {
  float: right;
  position: relative; }

.myi__grid button {
  float: right;
  outline: 0; }

.myi__grid button::before {
  margin-right: 5px; }

.follow__button {
  background: rgba(59, 103, 175, 0.89);
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  border: 1px solid #3b67af;
  padding: 4px 10px;
  outline: none;
  position: relative;
  z-index: 100; }

.follow__button:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQwLjMgKDMzODM5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5hZGQtY2lyY2xlLW91dGxpbmUgLSBNYXRlcmlhbCBJY29uczwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJGaW5hbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkZpbmFsLS0tQ3VycmVudC1TdHlsZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01NjcuMDAwMDAwLCAtNTM1LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICA8ZyBpZD0iMm5kLUFydGljbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM2My4wMDAwMDAsIDQyMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJUb29sdGlwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzYuMDAwMDAwLCAyMS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRm9sbG93LUJ1dHRvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTkuMDAwMDAwLCA4Ny4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LDE0LjY3NTc4MTIgQzE2LjI3NjA0OCwxNC42NzU3ODEyIDE3LjM3NDM0NDQsMTQuMjE1NDk5NCAxOC4yOTQ5MjE5LDEzLjI5NDkyMTkgQzE5LjIxNTQ5OTQsMTIuMzc0MzQ0NCAxOS42NzU3ODEyLDExLjI3NjA0OCAxOS42NzU3ODEyLDEwIEMxOS42NzU3ODEyLDguNzIzOTUxOTUgMTkuMjE1NDk5NCw3LjYyNTY1NTY0IDE4LjI5NDkyMTksNi43MDUwNzgxMiBDMTcuMzc0MzQ0NCw1Ljc4NDUwMDYxIDE2LjI3NjA0OCw1LjMyNDIxODc1IDE1LDUuMzI0MjE4NzUgQzEzLjcyMzk1Miw1LjMyNDIxODc1IDEyLjYyNTY1NTYsNS43ODQ1MDA2MSAxMS43MDUwNzgxLDYuNzA1MDc4MTIgQzEwLjc4NDUwMDYsNy42MjU2NTU2NCAxMC4zMjQyMTg4LDguNzIzOTUxOTUgMTAuMzI0MjE4OCwxMCBDMTAuMzI0MjE4OCwxMS4yNzYwNDggMTAuNzg0NTAwNiwxMi4zNzQzNDQ0IDExLjcwNTA3ODEsMTMuMjk0OTIxOSBDMTIuNjI1NjU1NiwxNC4yMTU0OTk0IDEzLjcyMzk1MiwxNC42NzU3ODEyIDE1LDE0LjY3NTc4MTIgTDE1LDE0LjY3NTc4MTIgWiBNMTUsNC4xNzU3ODEyNSBDMTYuNjA0MTc0Nyw0LjE3NTc4MTI1IDE3Ljk3NTkwNTgsNC43NDU0MzcwMSAxOS4xMTUyMzQ0LDUuODg0NzY1NjIgQzIwLjI1NDU2Myw3LjAyNDA5NDI0IDIwLjgyNDIxODgsOC4zOTU4MjUzMSAyMC44MjQyMTg4LDEwIEMyMC44MjQyMTg4LDExLjYwNDE3NDcgMjAuMjU0NTYzLDEyLjk3NTkwNTggMTkuMTE1MjM0NCwxNC4xMTUyMzQ0IEMxNy45NzU5MDU4LDE1LjI1NDU2MyAxNi42MDQxNzQ3LDE1LjgyNDIxODggMTUsMTUuODI0MjE4OCBDMTMuMzk1ODI1MywxNS44MjQyMTg4IDEyLjAyNDA5NDIsMTUuMjU0NTYzIDEwLjg4NDc2NTYsMTQuMTE1MjM0NCBDOS43NDU0MzcwMSwxMi45NzU5MDU4IDkuMTc1NzgxMjUsMTEuNjA0MTc0NyA5LjE3NTc4MTI1LDEwIEM5LjE3NTc4MTI1LDguMzk1ODI1MzEgOS43NDU0MzcwMSw3LjAyNDA5NDI0IDEwLjg4NDc2NTYsNS44ODQ3NjU2MiBDMTIuMDI0MDk0Miw0Ljc0NTQzNzAxIDEzLjM5NTgyNTMsNC4xNzU3ODEyNSAxNSw0LjE3NTc4MTI1IEwxNSw0LjE3NTc4MTI1IFogTTE1LjU3NDIxODgsNy4wNzQyMTg3NSBMMTUuNTc0MjE4OCw5LjQyNTc4MTI1IEwxNy45MjU3ODEyLDkuNDI1NzgxMjUgTDE3LjkyNTc4MTIsMTAuNTc0MjE4OCBMMTUuNTc0MjE4OCwxMC41NzQyMTg4IEwxNS41NzQyMTg4LDEyLjkyNTc4MTIgTDE0LjQyNTc4MTIsMTIuOTI1NzgxMiBMMTQuNDI1NzgxMiwxMC41NzQyMTg4IEwxMi4wNzQyMTg4LDEwLjU3NDIxODggTDEyLjA3NDIxODgsOS40MjU3ODEyNSBMMTQuNDI1NzgxMiw5LjQyNTc4MTI1IEwxNC40MjU3ODEyLDcuMDc0MjE4NzUgTDE1LjU3NDIxODgsNy4wNzQyMTg3NSBaIiBpZD0iYWRkLWNpcmNsZS1vdXRsaW5lLS0tTWF0ZXJpYWwtSWNvbnMiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }

.follow__button.unfollow {
  color: #000;
  background: #ebf0f3;
  border: 1px solid #cddcec; }

.follow__button.unfollow:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTIgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDQwLjMgKDMzODM5KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5yZW1vdmVfY2lyY2xlX291dGxpbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJGaW5hbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkZpbmFsLS0tQ3VycmVudC1TdHlsZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MTguMDAwMDAwLCAtMTEzMy4wMDAwMDApIiBmaWxsPSIjMDAwIj4KICAgICAgICAgICAgPGcgaWQ9IkZvbGxvdy1CdXR0b24tQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjA5LjAwMDAwMCwgMTEyOS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSwxNC42NzU3ODEyIEMxNi4yNzYwNDgsMTQuNjc1NzgxMiAxNy4zNzQzNDQ0LDE0LjIxNTQ5OTQgMTguMjk0OTIxOSwxMy4yOTQ5MjE5IEMxOS4yMTU0OTk0LDEyLjM3NDM0NDQgMTkuNjc1NzgxMiwxMS4yNzYwNDggMTkuNjc1NzgxMiwxMCBDMTkuNjc1NzgxMiw4LjcyMzk1MTk1IDE5LjIxNTQ5OTQsNy42MjU2NTU2NCAxOC4yOTQ5MjE5LDYuNzA1MDc4MTIgQzE3LjM3NDM0NDQsNS43ODQ1MDA2MSAxNi4yNzYwNDgsNS4zMjQyMTg3NSAxNSw1LjMyNDIxODc1IEMxMy43MjM5NTIsNS4zMjQyMTg3NSAxMi42MjU2NTU2LDUuNzg0NTAwNjEgMTEuNzA1MDc4MSw2LjcwNTA3ODEyIEMxMC43ODQ1MDA2LDcuNjI1NjU1NjQgMTAuMzI0MjE4OCw4LjcyMzk1MTk1IDEwLjMyNDIxODgsMTAgQzEwLjMyNDIxODgsMTEuMjc2MDQ4IDEwLjc4NDUwMDYsMTIuMzc0MzQ0NCAxMS43MDUwNzgxLDEzLjI5NDkyMTkgQzEyLjYyNTY1NTYsMTQuMjE1NDk5NCAxMy43MjM5NTIsMTQuNjc1NzgxMiAxNSwxNC42NzU3ODEyIEwxNSwxNC42NzU3ODEyIFogTTE1LDQuMTc1NzgxMjUgQzE2LjYwNDE3NDcsNC4xNzU3ODEyNSAxNy45NzU5MDU4LDQuNzQ1NDM3MDEgMTkuMTE1MjM0NCw1Ljg4NDc2NTYyIEMyMC4yNTQ1NjMsNy4wMjQwOTQyNCAyMC44MjQyMTg4LDguMzk1ODI1MzEgMjAuODI0MjE4OCwxMCBDMjAuODI0MjE4OCwxMS42MDQxNzQ3IDIwLjI1NDU2MywxMi45NzU5MDU4IDE5LjExNTIzNDQsMTQuMTE1MjM0NCBDMTcuOTc1OTA1OCwxNS4yNTQ1NjMgMTYuNjA0MTc0NywxNS44MjQyMTg4IDE1LDE1LjgyNDIxODggQzEzLjM5NTgyNTMsMTUuODI0MjE4OCAxMi4wMjQwOTQyLDE1LjI1NDU2MyAxMC44ODQ3NjU2LDE0LjExNTIzNDQgQzkuNzQ1NDM3MDEsMTIuOTc1OTA1OCA5LjE3NTc4MTI1LDExLjYwNDE3NDcgOS4xNzU3ODEyNSwxMCBDOS4xNzU3ODEyNSw4LjM5NTgyNTMxIDkuNzQ1NDM3MDEsNy4wMjQwOTQyNCAxMC44ODQ3NjU2LDUuODg0NzY1NjIgQzEyLjAyNDA5NDIsNC43NDU0MzcwMSAxMy4zOTU4MjUzLDQuMTc1NzgxMjUgMTUsNC4xNzU3ODEyNSBMMTUsNC4xNzU3ODEyNSBaIE0xMi4wNzQyMTg4LDkuNDI1NzgxMjUgTDE3LjkyNTc4MTIsOS40MjU3ODEyNSBMMTcuOTI1NzgxMiwxMC41NzQyMTg4IEwxMi4wNzQyMTg4LDEwLjU3NDIxODggTDEyLjA3NDIxODgsOS40MjU3ODEyNSBaIiBpZD0icmVtb3ZlX2NpcmNsZV9vdXRsaW4iPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }

.follow__button.unfollow:hover {
  color: #000;
  background: #fff;
  border-color: rgba(59, 103, 175, 0.89); }

.follow__button:before {
  margin-right: 5px; }

.follow__button:hover {
  background-color: #3b67af;
  border-color: #3b67af; }

.notifications__settings {
  background: transparent;
  cursor: pointer;
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  font-size: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  opacity: 0;
  visibility: hidden; }

.notifications__settings:before {
  content: "";
  display: inline-block;
  vertical-align: top;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjY4Ljc2NSAyNjguNzY1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjguNzY1IDI2OC43NjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJTZXR0aW5ncyI+DQoJPGc+DQoJCTxwYXRoIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDsiIGQ9Ik0yNjcuOTIsMTE5LjQ2MWMtMC40MjUtMy43NzgtNC44My02LjYxNy04LjYzOS02LjYxNw0KCQkJYy0xMi4zMTUsMC0yMy4yNDMtNy4yMzEtMjcuODI2LTE4LjQxNGMtNC42ODItMTEuNDU0LTEuNjYzLTI0LjgxMiw3LjUxNS0zMy4yMzFjMi44ODktMi42NDEsMy4yNC03LjA2MiwwLjgxNy0xMC4xMzMNCgkJCWMtNi4zMDMtOC4wMDQtMTMuNDY3LTE1LjIzNC0yMS4yODktMjEuNWMtMy4wNjMtMi40NTgtNy41NTctMi4xMTYtMTAuMjEzLDAuODI1Yy04LjAxLDguODcxLTIyLjM5OCwxMi4xNjgtMzMuNTE2LDcuNTI5DQoJCQljLTExLjU3LTQuODY3LTE4Ljg2Ni0xNi41OTEtMTguMTUyLTI5LjE3NmMwLjIzNS0zLjk1My0yLjY1NC03LjM5LTYuNTk1LTcuODQ5Yy0xMC4wMzgtMS4xNjEtMjAuMTY0LTEuMTk3LTMwLjIzMi0wLjA4DQoJCQljLTMuODk2LDAuNDMtNi43ODUsMy43ODYtNi42NTQsNy42ODljMC40MzgsMTIuNDYxLTYuOTQ2LDIzLjk4LTE4LjQwMSwyOC42NzJjLTEwLjk4NSw0LjQ4Ny0yNS4yNzIsMS4yMTgtMzMuMjY2LTcuNTc0DQoJCQljLTIuNjQyLTIuODk2LTcuMDYzLTMuMjUyLTEwLjE0MS0wLjg1M2MtOC4wNTQsNi4zMTktMTUuMzc5LDEzLjU1NS0yMS43NCwyMS40OTNjLTIuNDgxLDMuMDg2LTIuMTE2LDcuNTU5LDAuODAyLDEwLjIxNA0KCQkJYzkuMzUzLDguNDcsMTIuMzczLDIxLjk0NCw3LjUxNCwzMy41M2MtNC42MzksMTEuMDQ2LTE2LjEwOSwxOC4xNjUtMjkuMjQsMTguMTY1Yy00LjI2MS0wLjEzNy03LjI5NiwyLjcyMy03Ljc2Miw2LjU5Nw0KCQkJYy0xLjE4MiwxMC4wOTYtMS4xOTYsMjAuMzgzLTAuMDU4LDMwLjU2MWMwLjQyMiwzLjc5NCw0Ljk2MSw2LjYwOCw4LjgxMiw2LjYwOGMxMS43MDItMC4yOTksMjIuOTM3LDYuOTQ2LDI3LjY1LDE4LjQxNQ0KCQkJYzQuNjk4LDExLjQ1NCwxLjY3OCwyNC44MDQtNy41MTQsMzMuMjNjLTIuODc1LDIuNjQxLTMuMjQsNy4wNTUtMC44MTcsMTAuMTI2YzYuMjQ0LDcuOTUzLDEzLjQwOSwxNS4xOSwyMS4yNTksMjEuNTA4DQoJCQljMy4wNzksMi40ODEsNy41NTksMi4xMzEsMTAuMjI4LTAuODFjOC4wNC04Ljg5MywyMi40MjctMTIuMTg0LDMzLjUwMS03LjUzNmMxMS41OTksNC44NTIsMTguODk1LDE2LjU3NSwxOC4xODEsMjkuMTY3DQoJCQljLTAuMjMzLDMuOTU1LDIuNjcsNy4zOTgsNi41OTUsNy44NWM1LjEzNSwwLjU5OSwxMC4zMDEsMC44OTgsMTUuNDgxLDAuODk4YzQuOTE3LDAsOS44MzUtMC4yNywxNC43NTItMC44MTcNCgkJCWMzLjg5Ny0wLjQzLDYuNzg0LTMuNzg2LDYuNjUzLTcuNjk2Yy0wLjQ1MS0xMi40NTQsNi45NDYtMjMuOTczLDE4LjM4Ni0yOC42NTdjMTEuMDU5LTQuNTE3LDI1LjI4Ni0xLjIxMSwzMy4yODEsNy41NzINCgkJCWMyLjY1NywyLjg5LDcuMDQ3LDMuMjM5LDEwLjE0MiwwLjg0OGM4LjAzOS02LjMwNCwxNS4zNDktMTMuNTM0LDIxLjc0LTIxLjQ5NGMyLjQ4LTMuMDc5LDIuMTMtNy41NTktMC44MDMtMTAuMjEzDQoJCQljLTkuMzUzLTguNDctMTIuMzg4LTIxLjk0Ni03LjUyOS0zMy41MjRjNC41NjgtMTAuODk5LDE1LjYxMi0xOC4yMTcsMjcuNDkxLTE4LjIxN2wxLjY2MiwwLjA0Mw0KCQkJYzMuODUzLDAuMzEzLDcuMzk4LTIuNjU1LDcuODY1LTYuNTg4QzI2OS4wNDQsMTM5LjkxNywyNjkuMDU4LDEyOS42MzksMjY3LjkyLDExOS40NjF6IE0xMzQuNTk1LDE3OS40OTENCgkJCWMtMjQuNzE4LDAtNDQuODI0LTIwLjEwNi00NC44MjQtNDQuODI0YzAtMjQuNzE3LDIwLjEwNi00NC44MjQsNDQuODI0LTQ0LjgyNGMyNC43MTcsMCw0NC44MjMsMjAuMTA3LDQ0LjgyMyw0NC44MjQNCgkJCUMxNzkuNDE4LDE1OS4zODUsMTU5LjMxMiwxNzkuNDkxLDEzNC41OTUsMTc5LjQ5MXoiLz4NCgk8L2c+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==");
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.notifications__window {
  background: #fff;
  top: 105%;
  right: 0;
  bottom: auto;
  left: auto;
  position: absolute;
  width: 225px;
  z-index: 1000;
  padding: 15px;
  border: 1px solid #cdddee;
  opacity: 0;
  visibility: hidden;
  border-radius: 4px;
  border-top-right-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.015);
  max-height: 0;
  overflow: hidden;
  text-align: left;
  -webkit-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out; }

/* PEERS */
.peer__avatar {
  margin-right: 12px;
  width: 50px;
  height: auto;
  border-radius: 50px; }

.peer__info {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: calc(100% - 75px); }

.peer__actions {
  float: none;
  display: inline-block;
  margin-left: 65px; }

.peer__position {
  margin-bottom: 10px !important;
  font-size: .75rem !important; 
}
/*FOLLOW PT*/
.related {
  float: left;
  width: 100%;
  padding: 25px 0;
  border-bottom: 1px solid #ebf0f3;
  border-top: 1px solid #ebf0f3;
  margin-bottom: 30px; }

.related__list {
  clear: none !important; }

.related__title {
  font-family: Arial, Helvetica, sans-serif;
  display: inline-block;
  vertical-align: top;
  font-size: 1.125rem;
  font-weight: 700;
  width: calc(100% - 200px);
  margin: 10px 0 30px; }

.related a {
  color: #3c9a48;
  display: inline;
}

.related .user-actions {
  margin: 0; }

.related .user-button-blue {
  color: #fff !important; }

.related .user-button-blue:hover {
  text-decoration: none; }

.related__topics {
  clear: both;
  display: block;
  line-height: 1.25rem;
  font-family: Arial, Helvetica, sans-serif; }

.related__topic {
  display: inline-block;
  margin: 0 10px 0 10px;
  font-size: 0.75rem;
  position: relative; }

.related__heading {
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 30px;
  margin-right: 20px; }

.related .user-button-grey {
	color: #000;
}

.related .user-button-grey:hover {
	text-decoration: none;
	color: #000;
}
/* ADDED FOR FOLLOW PT POPUPS */
.primaryTopic-grid a, .primaryTopic-list a {
    font-size: 12px;
    color: #286ab2;
}

.followable {
    position: relative;
}
.followable > a + span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 100%;
    background: white;
    padding: 16px;
    width: 270px;
    z-index: -1;
    border-radius:5px;
    transform: translateY(20px);
    border: 1px solid rgba(0,0,0,.15);
    transition: all .15s ease-in-out;
}
.followable > a + span:after,
.followable > a + span:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 15px;
    border-width: 0 5px 5px 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent white transparent
}
.followable > a + span:before {
    left: 14px;
    top: -6px;
    border-width: 0 6px 6px 6px;
    border-color:transparent transparent rgba(0,0,0, .15) transparent
}
.followable > a + span > .followers {
    width: auto !important;
    clear: none !important;
    float: none !important;
    border: 0 !important;
    min-height: 0!important;
    margin: 0 !important;
    padding: 0 !important;
    color: #888;
    font-size: 12px;
}
.followable > a:hover + span,
.followable > a + span:hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    z-index: 300;
}
.follow__what {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
    float: none!important;
    color: black
}
span.followable a.user-button-small:not(.user-button-grey) {
    color: white;
}

span.followable a.user-button-grey {
    color: #444;
}

span.followable a:after {
    content: '' !important;
    display: none;
}

span.followable a:hover {
    text-decoration: none !important;
}

span.author {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
}

span.author > a {
    display: block;
}

span.authors-list {
    display: inline;
}

.authors-list .author {
    margin-bottom: 0!important 
}
.authors-list {
    margin-bottom: 0 !important 
}

.related__title .follow__what { display: inline }

.news_type_block span.author > a { display: inline-block; }