/* Effective stylesheet produced by snapshot save */
.clearfix::after, .clearfix::before, blockquote::after, blockquote::before, q::after, q::before { content: ""; }
.btn, .btn-link { cursor: pointer; }
.btn:hover, a { text-decoration: none; }
.dropdown-menu, ol, ul { list-style: outside none none; }
*, .btn-block, .input-block-level { box-sizing: border-box; }
.btn-block, .input--text, button.alert, input.btn-block[type="button"], input.btn-block[type="reset"], input.btn-block[type="submit"] { width: 100%; }
#no-posts, .btn { text-align: center; }
.audiencesync::after, .auth-section::after, .children .post::after, .clearfix::after, .comment-footer__menu::after, .disqus-footer::after, .dropdown-menu a, .moderate::after, .nav::after, .notice::after, .post-content .post-body .media-activated .media-content-placeholder, .post-content .post-menu::after, .post-content .post-message::after, .post-content footer, .post-content::after, .post-list .post::after, .services::after, .sso__button.no-image, .textarea-wrapper::after, .tooltip__footer::after { clear: both; }
body, html { margin: 0px; padding: 0px; }
a, abbr, acronym, address, blockquote, button, caption, cite, code, dd, del, dfn, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, img, label, legend, li, ol, p, pre, q, s, samp, small, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0px; padding: 0px; border: 0px none; font-weight: 400; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
html { overflow-y: scroll; font-size: 100%; }
a:active, a:hover { outline: 0px none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio:not([controls]) { display: none; }
img { border: 0px none; }
button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; }
button, input { line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
.input--text, .inputBg, .textarea-wrapper, .user-mention__list {  }
#layout, .btn-default, .dropdown-menu .divider, .follow-btn, .post-content .post-body { overflow: hidden; }
.clearfix::after, .clearfix::before { display: table; line-height: 0; }
body { margin: 0px; line-height: 20px; background-color: rgb(255, 255, 255); }
.btn-block, .show { display: block; }
.btn-default, .dropdown { position: relative; }
.btn { margin-bottom: 0px; font-size: 14px; vertical-align: middle; background-color: rgb(245, 245, 245); background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgb(230, 230, 230)); background-repeat: repeat-x; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); }
.btn.active, .btn.disabled, .btn:active, .btn:hover, .btn[disabled] { color: rgb(101, 108, 122); background-color: rgb(230, 230, 230); }
.btn.active, .btn:active {  }
.btn:hover { background-color: rgb(230, 230, 230); background-position: 0px -15px; transition: background-position 0.1s linear 0s; }
.btn:focus { outline: thin dotted rgb(51, 51, 51); outline-offset: -2px; }
.dropdown-toggle:active, .input--text:focus, .open .dropdown-toggle, a:focus { outline: 0px none; }
.btn.active, .btn:active { background-color: rgb(230, 230, 230); background-image: none; outline: 0px none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); }
.btn-danger, .btn-info, .btn-inverse, .btn-primary, .btn-success, .btn-warning { text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background-repeat: repeat-x; color: rgb(255, 255, 255); }
.btn-small { padding: 2px 10px; font-size: 11.9px; border-radius: 3px; }
.btn-primary { background-color: rgb(0, 76, 214); background-image: linear-gradient(to bottom, rgb(0, 105, 214), rgb(0, 34, 214)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
.btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:hover, .btn-primary[disabled] { color: rgb(255, 255, 255); background-color: rgb(0, 34, 214); }
.btn-primary.active, .btn-primary:active {  }
button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner { padding: 0px; border: 0px none; }
.dropdown .caret { margin-top: 8px; margin-left: 2px; }
.dropdown:hover .caret, .open.dropdown .caret { opacity: 1; }
.dropdown-menu { position: absolute; left: 0px; float: left; display: none; max-width: 220px; padding: 4px 0px; margin: 0px; background-color: rgb(255, 255, 255); background-clip: padding-box; }
.dropdown.open .dropdown-menu, button.alert { display: block; }
.dropdown-menu a { display: block; font-weight: 500; line-height: 18px; white-space: nowrap; }
h3, h4, strong, strong a { font-weight: 700; }
.dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(46, 159, 255); }
h3, p { margin: 0px 0px 1.5em; }
body { background: transparent none repeat scroll 0px 0px; color: rgb(42, 46, 46); font-family: "Helvetica Neue",arial,sans-serif; font-size: 15px; -moz-osx-font-smoothing: grayscale; }
a:active, a:hover { text-decoration: none; }
a { color: rgb(40, 140, 228); transition: color 0.1s linear 0s; }
a:hover { color: rgb(25, 119, 202); }
button::-moz-focus-inner { border: 0px none; }
h3 { font-size: 16px; }
h5, h6 { font-size: 11px; color: rgb(127, 145, 158); margin: 0px 0px 10px; line-height: 1; font-weight: 700; }
h6 { text-transform: uppercase; }
.btn { border: medium none; background: rgba(29, 47, 58, 0.6) none repeat scroll 0% 0%; display: inline-block; padding: 10px 16px; color: rgb(255, 255, 255); line-height: 1.1; border-radius: 3px; font-weight: 500; transition: background 0.2s ease 0s; text-shadow: none; }
.btn:hover { background: rgba(29, 47, 58, 0.7) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.active, .btn:active { transition: none 0s ease 0s ; background: rgb(46, 159, 255) none repeat scroll 0% 0%; }
.btn.btn-small { font-size: 12px; padding: 8px 10px; background-position: 0px -10px; }
.btn.btn-small:hover { background-position: 0px -40px; }
.follow-btn.private .icon-lock::before { position: relative; top: 1px; }
@font-face {
  font-family: "icons";
  font-style: normal;
  font-weight: 400;
  src: url("urn:not-loaded:https://a.disquscdn.com/next/embed/assets/font/icons.6cedda92771dd2be9a5680490bf1a8c5.eot?#iefix") format("embedded-opentype"), url("icons_dcb5405f8abc9a80e5628869f735eaf0_woff") format("woff");
}
[class*=" icon-"]::before, [class^="icon-"]::before { font-family: icons; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -moz-osx-font-smoothing: grayscale; }
.icon-allstar::before { content: ""; }
.icon-arrow-2::before { content: "△"; }
.icon-arrow-back::before { content: "❰"; }
.icon-arrow-down::before { content: ""; }
.icon-arrow-forward::before { content: "❱"; }
.icon-arrow-up::before { content: ""; }
.icon-arrow::before { content: "▽"; }
.icon-bell::before { content: "⬦"; }
.icon-camera::before { content: "⌼"; }
.icon-cancel::before { content: "✕"; }
.icon-checkmark::before { content: "✔"; }
.icon-clock::before { content: "⏲"; }
.icon-cog::before { content: "⚙"; }
.icon-comment::before { content: ""; }
.icon-discovery::before { content: "☄"; }
.icon-discussion::before { content: ""; }
.icon-disqus::before { content: "d"; }
.icon-expand-corners::before { content: "⤢"; }
.icon-expand::before { content: "⏍"; }
.icon-export::before { content: "⤤"; }
.icon-facebook-circle::before { content: "F"; }
.icon-facebook::before { content: "f"; }
.icon-feed::before { content: "r"; }
.icon-flag::before { content: "⚑"; }
.icon-forward::before { content: ">"; }
.icon-google-plus-circle::before { content: "G"; }
.icon-google-plus::before { content: "g"; }
.icon-heart::before { content: ""; }
.icon-images::before { content: "⛺"; }
.icon-link::before { content: "»"; }
.icon-location::before { content: "⍑"; }
.icon-lock::before { content: "🔒"; }
.icon-mail::before { content: "✉"; }
.icon-map::before { content: "◫"; }
.icon-megaphone::before { content: ""; }
.icon-menu::before { content: "☰"; }
.icon-minus::before { content: "-"; }
.icon-music::before { content: "♫"; }
.icon-pause::before { content: "⚌"; }
.icon-pencil-large::before { content: "✎"; }
.icon-pencil::before { content: "✏"; }
.icon-photo::before { content: "◱"; }
.icon-pin::before { content: "↙"; }
.icon-play::before { content: "►"; }
.icon-plus::before { content: "+"; }
.icon-proceed::before { content: "→"; }
.icon-remove::before { content: "✖"; }
.icon-reply-large::before { content: "↩"; }
.icon-reply::before { content: "<"; }
.icon-search::before { content: "⚲"; }
.icon-share::before { content: "⥅"; }
.icon-site-new::before { content: ""; }
.icon-site::before { content: ""; }
.icon-star::before { content: "★"; }
.icon-trophy::before { content: "🏆"; }
.icon-twitter-circle::before { content: "T"; }
.icon-twitter::before { content: "t"; }
.icon-video::before { content: "▶"; }
.icon-warning::before { content: "⚠"; }
.icon-write::before { content: "⧄"; }
#layout > section { min-height: 125px; }
#no-posts { opacity: 0.6; line-height: 107px; }
.input--text { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 2px solid rgb(219, 223, 228); transition: all 0.2s linear 0s; padding: 5px 9px; margin: 0px; border-radius: 4px; font-size: 13px; height: 32px; }
.input--text:focus { border: 2px solid rgb(194, 198, 204); }
.avatar .user, .avatar img { display: block; border-radius: 3px; }
.input-label::after { content: ""; position: absolute; left: 15px; top: -5px; width: 10px; height: 10px; background-color: inherit; transform: rotate(45deg); }
.avatar { float: left; }
.avatar img { width: 48px; height: 48px; }
.avatar .user { position: relative; z-index: 100; background: rgb(219, 223, 228) none repeat scroll 0% 0%; padding: 0px; }
.acceptance-wrapper { margin: 12px 0px; font-size: 13px; font-weight: 500; line-height: 1.5em; color: rgb(127, 145, 158); }
.acceptance-wrapper a { font-weight: 500; }
.spinner { z-index: 50; width: 15px; height: 15px; border-radius: 28px; border-width: 2px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: transparent rgb(255, 255, 255); margin: auto; animation: 1.2s linear 0s normal none infinite running rotate-loading; display: none; }
.dropdown-menu--coachmark { padding: 15px; text-align: center; max-width: 280px; width: 280px; border: 1px solid rgb(219, 223, 228); box-shadow: 0px 1px 3px rgb(219, 223, 228); top: 26px; left: 3px; }
@media (min-width: 460px) {
  .dropdown-menu--coachmark { max-width: 300px; width: 300px; }
}
.dropdown-menu--coachmark::after, .dropdown-menu--coachmark::before { bottom: 100%; left: 50%; border: 10px solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; margin-left: -96px; }
.dropdown-menu--coachmark::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); }
.dropdown-menu--coachmark::before { border-color: rgba(204, 204, 204, 0) rgba(204, 204, 204, 0) rgb(73, 78, 88); }
.coachmark__description { line-height: 1.4em; margin-bottom: 10px; margin-top: 5px; font-size: 13px; color: rgb(101, 108, 122); }
.coachmark__heading { font-size: 14px; font-weight: 700; line-height: 1.4em; color: rgb(42, 46, 46); }
@media (min-width: 460px) {
  .coachmark__description { font-size: 14px; }
  .coachmark__heading { font-size: 15px; }
}
.coachmark__button { display: block; padding: 10px 0px; background: rgb(46, 159, 255) none repeat scroll 0% 0%; color: rgb(255, 255, 255) ! important; font-weight: 700; }
.post-list { list-style-type: none; margin: 0px; }
.post-list .post::after, .post-list .post::before { display: table; content: ""; line-height: 0; }
.children .post::after, .children .post::before, .post-content::after, .post-content::before { display: table; line-height: 0; content: ""; }
.post-content .post-menu::after, .post-content .post-menu::before { display: table; content: ""; line-height: 0; }
.post-content .post-message::after, .post-content .post-message::before { display: table; content: ""; line-height: 0; }
.mention::before { content: "@"; }
.dark .mention::before { color: rgb(255, 255, 255) ! important; }
.moderate::after, .moderate::before { display: table; content: ""; line-height: 0; }
.upvoters-outer::after, .upvoters-outer::before { background-repeat: repeat-x; background-color: rgba(255, 255, 255, 0); }
.upvoters-outer::after, .upvoters-outer::before { content: ""; display: block; height: 10px; position: absolute; left: 0px; right: 0px; z-index: 900; border-radius: 5px; }
.upvoters-outer::before { top: 0px; background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0)); }
.upvoters-outer::after { bottom: 0px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255)); }
.caret, .help-icon { display: inline-block; }
.help-icon { border-radius: 9px; border: 2px solid rgb(127, 145, 158); padding: 1px 4px; margin-top: -2px; font-size: 12px; height: 18px; width: 19px; }
.help-icon::before { content: "?"; font-weight: 700; color: rgb(101, 108, 122); }
.dark .help-icon::before { color: rgba(255, 255, 255, 0.7); }
.caret { width: 0px; height: 0px; text-indent: -99999px; vertical-align: top; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(0, 0, 0); opacity: 0.3; content: "↓"; }
@keyframes rotate-loading {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes anim-heart {
  0% { opacity: 0; transform: scale(0.2, 0.2); }
  50% { opacity: 1; transform: scale(1.2, 1.2); }
  100% { opacity: 0; transform: scale(0.75, 0.75); }
}
@keyframes new-upvoter-insertion {
  0% { opacity: 0; margin-top: -50px; }
  50% { margin-top: 0px; }
  100% { opacity: 1; margin-top: 0px; }
}
@keyframes new-upvoter-guest {
  0% { color: inherit; }
  100% { color: rgb(101, 108, 122); }
}
.nav { position: relative; margin: 0px 0px -6px; padding: 0px; }
.nav::after, .nav::before { display: table; content: ""; line-height: 0; }
.nav .caret { display: block; position: absolute; right: 0px; top: 5px; margin: 0px; transition: all 0.2s ease 0s; }
.nav-primary { margin: 0px 0px 24px; border-bottom: 2px solid rgb(231, 233, 238); }
.nav-secondary { margin: -12px 0px 6px; }
.nav-tab > a { color: rgb(127, 145, 158); display: block; margin: 0px; padding: 0px; font-weight: 700; line-height: 1; position: relative; transition: all 0.2s ease-in-out 0s; }
.active .nav-tab > a::after, .tab-conversation.active > a::after { content: " "; display: block; height: 2px; background: rgb(46, 159, 255) none repeat scroll 0% 0%; position: absolute; bottom: -2px; left: 0px; right: 0px; }
.nav-tab > a:hover { color: rgb(42, 46, 46); }
.nav-tab--primary > a { font-size: 15px; padding: 12px 0px; margin-right: 15px; }
.tab-conversation { float: left; }
.tab-conversation > a { text-transform: capitalize; }
.tab-conversation.active > a { color: rgb(42, 46, 46) ! important; }
.notification-loading::before, .thread-likes .label-count::after, .user-menu .dropdown-toggle-wrapper::before { content: ""; }
.tab-community { float: left; }
.tab-community > a { margin-left: 15px; }
.notification-menu { float: right; margin-top: 11px; padding: 0px; width: 19px; }
.notification-menu > a { position: relative; top: -1px; margin: 0px; }
.user-menu { float: right; margin-left: 10px; }
@media (min-width: 500px) {
  .user-menu { margin-left: 6px; }
  .user-menu .dropdown-toggle { overflow: hidden; text-overflow: ellipsis; }
}
.user-menu .dropdown-menu { left: auto; top: 33px; right: 0px; }
.user-menu .dropdown-toggle { max-width: 160px; height: 33px; margin: 0px; padding-right: 14px ! important; }
.user-menu .caret { top: 18px; right: 0px; }
.user-menu .dropdown-toggle-wrapper { white-space: nowrap; }
.comment-count-placeholder, .community-name-placeholder, .media-collapsed .media-toggle-off { display: none; }
@media (max-width: 480px) {
  .comment-count, .community-name { display: none; }
  .comment-count-placeholder, .community-name-placeholder { display: block; }
}
.nav-tab--secondary { margin-bottom: 15px; }
.nav-tab--secondary > a, .nav-tab--secondary > div a { width: auto; font-size: 13px; }
.recommend { float: left; }
.recommend .label { font-weight: 700; }
.share-menu { float: left; margin-left: 15px; max-width: none; margin-top: 2px; }
.share-menu .dropdown-toggle { padding-right: 0px; }
.share-menu .dropdown-menu { padding: 0px; }
.share-menu .share-menu__label { padding: 4px 15px; white-space: nowrap; color: rgb(127, 145, 158); font-size: 13px; position: relative; font-weight: 500; }
.sorting { margin-left: 12px; }
.sorting .dropdown-toggle { padding-right: 14px; }
.thread-likes a { position: relative; z-index: 100; margin-right: 0px; }
.thread-likes a:hover {  }
.thread-likes .label-recommended { display: none; }
.thread-likes .label-count::after { position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -25px; width: 50px; height: 50px; border-radius: 50%; opacity: 0; pointer-events: none; background: rgba(240, 95, 112, 0.2) none repeat scroll 0% 0%; }
.thread-likes .upvoted .label-count::after { animation: 0.4s ease 0s normal forwards 1 running anim-heart; }
.dropdown-toggle { position: relative; padding-right: 12px; background: transparent none repeat scroll 0px 0px ! important; color: rgb(127, 145, 158) ! important; }
.dropdown-toggle:hover { color: rgb(42, 46, 46) ! important; }
.dropdown-menu { font-size: 13px; border: 2px solid rgb(127, 145, 158); border-radius: 3px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: none; min-width: 130px; z-index: 1001; top: 20px; }
.dropdown-menu.pull-right { right: 0px; left: auto; }
.dropdown-menu a { transition: none 0s ease 0s ; color: rgb(127, 145, 158); padding: 4px 15px; position: relative; }
.use-opacity-transitions .dropdown-menu { transition: opacity 0.2s ease 0s; }
.dropdown-menu .icon-checkmark::before { display: none; font-size: 11px; position: absolute; right: 10px; top: 7px; }
.selected a .dropdown-menu .icon-checkmark::before { display: block; }
.notification-icon { position: absolute; top: 0px; left: 0px; font-size: 19px; transition: color 0.1s ease 0s; }
.unread .notification-icon { color: rgb(245, 85, 103); }
.unread .notification-container:hover .notification-icon { color: rgb(242, 37, 60); }
.notification-count { position: absolute; top: 4px; left: 0px; width: 20px; color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; text-align: center; }
.notification-loading::before { display: block; width: 14px; height: 14px; border-radius: 25px; border-width: 2px; border-style: solid; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-color: transparent rgb(194, 198, 204); position: absolute; top: 0px; left: 1px; animation: 1.5s linear 0s normal none infinite running rotate-loading; transform-origin: 50% 50% 0px; }
.dark .disqus-footer__logo .disqus-footer__link, .disqus-footer__logo .disqus-footer__link { background-image: url("sprite.1ad514f964fa98fce83e41ef35ddf1f8.png"); background-size: 86px 133.5px; height: 16px; width: 86px; }
.dark .notification-loading::before { border-color: transparent rgb(255, 255, 255); }
.icon-cog:hover, .icon-export:hover, .label:hover { color: rgb(42, 46, 46); transition: color 250ms ease-in-out 0s; }
.icon-export::before { position: relative; top: 0.31em; margin-right: -1px; line-height: 0; font-size: 19px; }
.icon-heart { margin-right: 1px; }
.icon-heart::before { position: relative; top: 0.18em; font-size: 13px; padding-left: 0.5px; line-height: 0; }
.disqus-footer__wrapper { border-top: 2px solid rgb(231, 233, 238); padding: 7px 0px 10px; }
@media only screen and (min-width: 480px) {
  .disqus-footer__wrapper { padding-top: 24px; padding-bottom: 0px; }
}
.disqus-footer::after, .disqus-footer::before { display: table; content: ""; line-height: 0; }
@media only screen and (max-width: 480px) {
  .disqus-footer { border-bottom: 1px solid rgba(0, 49, 79, 0.08); }
}
.disqus-footer__item { margin: 0px; border: medium none; padding: 1px 15px 10px 0px; float: left; position: relative; }
@media only screen and (min-width: 480px) {
  .disqus-footer__item { margin-right: 29px; padding-right: 0px; }
}
.disqus-footer__link { font-size: 11px; padding: 0px 0px 0px 18px; color: rgb(127, 145, 158); font-weight: 700; }
@media only screen and (min-width: 480px) {
  .disqus-footer__link { padding: 0px 0px 0px 25px; font-size: 12px; }
  .disqus-footer__logo .disqus-footer__link { float: right; }
}
.disqus-footer__logo { padding-top: 2px; padding-right: 0px; float: right; margin: 0px; }
.disqus-footer__logo .disqus-footer__link { margin: 0px auto; display: block; text-indent: -9999em; background-position: 0px -34px; padding: 0px; }
.email .form, .email.show-form .default, .email.subscribed .form { display: none; }
.email a, .install a, .privacy a { line-height: 1.1; transition: color 0.2s ease 0s; }
.email a:hover, .install a:hover, .privacy a:hover { color: rgb(73, 78, 88); }
.email .icon, .install .icon, .privacy .icon { position: absolute; left: 0px; }
.install .icon { font-size: 14px; top: 2px; }
.privacy { padding-right: 5px; margin-left: -5px; margin-right: 0px; }
.privacy a { padding-left: 17px; }
@media only screen and (min-width: 480px) {
  .install .icon { font-size: 17px; left: 3px; top: 0px; }
  .privacy a { padding-left: 22px; }
}
.privacy .icon { font-size: 12px; left: 3px; top: 3px; }
.email a { padding-left: 20px; }
@media only screen and (min-width: 480px) {
  .privacy .icon { font-size: 16px; top: 0px; }
  .email a { padding-left: 25px; }
}
.email .icon { font-size: 16px; top: 1px; }
@media only screen and (min-width: 480px) {
  .email .icon { font-size: 19px; top: -1px; }
}
.email .icon-checkmark { opacity: 0; visibility: hidden; transition: top 0.15s ease-in-out 0s; color: rgb(143, 200, 71); font-size: 12px; right: -19px; top: -5px; left: auto; }
.use-opacity-transitions .email .icon-checkmark { transition-property: opacity, top; }
@media only screen and (max-width: 480px) {
  .email .icon-checkmark { left: 3px; }
}
.email .disqus-footer__input { font-size: 11px; height: 24px; padding: 4px 8px; position: relative; top: -5px; width: 80px; }
@media only screen and (min-width: 480px) {
  .email .disqus-footer__input { width: 110px; }
}
.load-more { margin: 0px 0px 24px; }
.load-more__button { font-size: 13px; font-weight: 500; display: block; text-align: center; padding: 11px 14px; }
.vote-up::after { content: ""; display: block; position: absolute; top: -10px; left: -5px; right: -3px; bottom: -10px; }
.comment-footer__menu::after, .comment-footer__menu::before { display: table; content: ""; line-height: 0; }
.alert, .close { font-weight: 700; line-height: 20px; }
.edit a, .reply a { padding: 2px 0px; border-radius: 4px; }
.see-more::before { content: ""; display: block; height: 3px; box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.08); position: relative; top: -11px; }
.dark .see-more::before { box-shadow: 0px -3px 3px rgba(255, 255, 255, 0.08); }
.alert { background: rgb(79, 94, 104) none repeat scroll 0% 0%; padding: 10px 35px 10px 14px; border: medium none; margin-bottom: 24px; border-radius: 4px; color: rgb(255, 255, 255); font-size: 13px; }
.alert.alert--realtime, .alert.info, .alert.success, .dark .alert.alert--realtime, .dark .alert.info, .dark .alert.success { background: rgb(46, 159, 255) none repeat scroll 0% 0%; }
.notice, .tooltip { border-radius: 5px; }
.notice::after, .notice::before { display: table; content: ""; line-height: 0; }
.tooltip-outer .point-position-tl::after, .tooltip-outer .point-position-tl::before { top: 9px; }
.tooltip-point::after, .tooltip-point::before { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.2); transform: rotate(45deg); }
.tooltip { position: relative; background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: auto; box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.2); padding: 8px 8px 0px; color: rgb(127, 141, 153); }
.use-opacity-transitions .tooltip { transition: opacity 0.25s linear 0s; }
.tooltip__footer::after, .tooltip__footer::before { display: table; content: ""; line-height: 0; }
.use-opacity-transitions .connect__button, .use-opacity-transitions .sso__button { transition: opacity 0.2s ease 0s; }
.audiencesync::after, .audiencesync::before { display: table; content: ""; line-height: 0; }
.connect__button, .sso__button { background: transparent none repeat scroll 0px 0px; font-size: 11px; width: 34px; height: 34px; }
.auth-section { display: none; padding: 10px 0px 0px; margin: 0px; z-index: 200; }
.auth-section::after, .auth-section::before { display: table; content: ""; line-height: 0; }
@media (min-width: 480px) {
  .auth-section { margin: 0px 0px 0px 60px; }
}
@media only screen and (min-width: 480px) {
  .connect { float: left; }
}
.guest { padding: 2px 0px 0px; }
@media (min-width: 480px) {
  .guest { margin-left: 156px; padding-left: 10px; min-height: 32px; }
}
.guest p { margin: 0px 0px 12px; }
.services { margin: 0px 0px 18px; }
.services::after, .services::before { display: table; content: ""; line-height: 0; }
.services li { float: left; margin: 0px 3px 0px 0px; }
.connect__button { display: block; text-indent: -9999em; opacity: 0.9; }
.connect__button:hover { opacity: 1; }
.auth-disqus button, .auth-facebook button, .auth-google button, .auth-twitter button { background-image: url("sprite.1ad514f964fa98fce83e41ef35ddf1f8.png"); height: 34px; }
.guest-details { overflow: hidden; display: none; }
.guest-form-title { display: inline-block; }
.guest-text { display: none; }
.is-guest .guest-text, .register-text { display: block; }
.auth-twitter button { background-position: 0px -233px; width: 34px; }
.auth-facebook button { background-position: 0px -165px; width: 34px; }
.auth-google button { background-position: 0px -199px; width: 34px; }
.auth-disqus button { background-position: 0px -131px; width: 35px; }
.proceed { position: relative; font-size: 12px; width: 100%; }
@media (min-width: 480px) {
  .proceed { float: right; width: 60px; }
}
.proceed__button { height: 32px; padding: 9px 0px; width: 100%; text-align: center; }
.help-tooltip__wrapper { cursor: pointer; display: inline-block; position: relative; }
.help-tooltip__wrapper:hover .help-tooltip { opacity: 1; visibility: visible ! important; }
.help-tooltip, .post-actions { opacity: 0; visibility: hidden; }
.help-tooltip { text-indent: 0px; z-index: 1001; position: absolute; width: 300px; top: 20px; padding: 18px 14px 4px; left: 8px; margin-left: -155px; }
.help-tooltip__heading { color: rgb(127, 145, 158); padding: 0px 4px; margin: 0px 0px 14px; font-weight: 700; }
.help-tooltip__list { list-style: outside none disc; padding: 0px 0px 0px 20px; margin: 0px 0px 14px; }
.help-tooltip__list li { color: rgb(127, 145, 158); list-style: outside none disc; margin: 0px 0px 6px; line-height: 1.4; font-size: 13px; }
.help-tooltip__list li span { color: rgb(101, 108, 122); }
.help-tooltip__button { font-size: 12px; padding: 10px; margin-bottom: -2px; display: block; text-align: center; }
.textarea-wrapper { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 2px solid rgb(219, 223, 228); position: relative; border-radius: 4px; margin: 0px 0px 0px 48px; }
.textarea-wrapper::after, .textarea-wrapper::before { display: table; content: ""; line-height: 0; }
.textarea-wrapper:focus { border: 2px solid rgb(194, 198, 204); }
.textarea-wrapper--top-level .textarea-wrapper { margin-left: 60px; }
@media (max-width: 500px) {
  .textarea-wrapper--top-level .textarea-wrapper { margin-left: 0px; }
  .textarea-wrapper--top-level .avatar { display: none; }
}
.textarea-wrapper--top-level .avatar { position: absolute; left: 0px; transition: left 0.2s linear 0s; }
.placeholder { color: rgb(127, 145, 158); line-height: 30px; font-size: 15px; position: absolute; top: 7px; left: 10px; right: 9px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: text; }
@media (min-width: 500px) {
  .placeholder { font-size: 18px; }
}
.textarea { color: rgb(42, 46, 46); cursor: text; resize: none; border: 0px none; display: block; padding: 6px 10px 8px; margin: 0px; width: 100%; min-height: 44px; height: auto; line-height: 1.4; font-size: 14px; font-family: "Helvetica Neue",arial,sans-serif; overflow-y: scroll; transition: all 0.15s ease-in-out 0s; }
.textarea div, .textarea p { margin: 0px; line-height: 1.4; }
.textarea:focus { outline: 0px none; }
.postbox { position: relative; margin-left: 60px; }
.media-delete, .media-drag-hover, .media-drag-hover .drag-text { position: absolute; text-align: center; }
.textarea-wrapper--top-level .postbox { margin: 0px 0px 24px; }
.postbox section { border-radius: 0px 0px 3px 3px; }
.media-drag-hover { overflow: hidden; top: 0px; left: 0px; right: 0px; bottom: 0px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.4); font-weight: 700; z-index: 2000; color: rgb(255, 255, 255); }
.media-drag-hover .drag-text { border: 3px dashed rgb(255, 255, 255); padding: 12px; top: 50%; left: 0px; right: 0px; margin: -22px 30px 0px; border-radius: 6px; height: 45px; }
.media-preview { transition: padding-bottom 0.15s ease-in-out 0s; background: rgba(16, 48, 68, 0.03) none repeat scroll 0% 0%; border-top: 2px solid rgb(219, 223, 228); border-color: rgb(219, 223, 228); padding: 10px 0px 8px; margin: 20px 0px 0px; }
.media-preview .empty, .media-preview.empty { display: none; }
.media-preview ul { display: inline; }
.media-box, .media-ct, .media-expanded, .media-surface { position: relative; }
.media-expanded { max-height: 300px; margin: 8px 8px 0px; text-align: center; }
.media-expanded img { max-height: 300px; max-width: 100%; }
.post-actions { background: rgb(246, 248, 249) none repeat scroll 0% 0%; border-radius: 0px 0px 2px 2px; border-top: 2px solid rgb(219, 223, 228); position: absolute; bottom: 0px; left: 0px; right: 0px; height: 36px; transition: opacity 0.2s linear 0s; }
.wysiwyg { position: absolute; top: 2px; left: 2px; }
.wysiwyg__item { float: left; position: relative; }
.wysiwyg__item input[type="file"] { visibility: hidden; width: 1px; }
.wysiwyg__item a { display: block; height: 30px; width: 34px; position: relative; }
.wysiwyg__item a span { width: 14px; height: 14px; display: block; position: absolute; top: 9px; left: 10px; text-indent: -9999em; transition: opacity 0.1s linear 0s; opacity: 0.65; }
.wysiwyg__item a.attach span { background-image: url("sprite.1ad514f964fa98fce83e41ef35ddf1f8.png"); background-position: 0px 0px; width: 14px; height: 14px; }
.wysiwyg__item.active a span, .wysiwyg__item:active a span, .wysiwyg__item:hover a span { opacity: 1; }
.user-mention__list { position: absolute; left: 0px; top: 99%; z-index: 1002; width: 100%; box-sizing: content-box; margin: 0px -2px -2px; padding: 0px; list-style-type: none; line-height: 1; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 2px solid rgb(219, 223, 228); border-radius: 0px 0px 3px 3px; cursor: pointer; }
.user-mention__header { background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 8px; margin: 0px; }
.user-mention__header h5 { margin: 0px; padding: 0px; border: 0px none; font-weight: 700; font-size: 11px; text-transform: uppercase; line-height: 11px; color: rgb(153, 153, 153); }
.mobile .post-list .authored-by-session-user form.edit::before, .mobile .post-list .authored-by-session-user form.reply::before { left: 140px; }
.mobile .post-list .children .post::after, .mobile .post-list .post .post-content .post-body .badge, .mobile .post-list .post.minimized > .post-content .post-meta { display: none; }
.actions::after, .row::after { clear: both; }
.actions::after, .actions::before, .row::after, .row::before { display: table; content: ""; }
.mobile .dark .post-list .post form.reply::before { background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; }
.actions::after, .actions::before { line-height: 0; }
.row::after, .row::before { line-height: 0; }
.pull-right { float: right ! important; }
@media screen and (min-width: 480px) {
  .visible-sm { display: none ! important; }
}
@media screen and (max-width: 480px) {
  .hidden-sm { display: none ! important; }
}
@media screen and (min-width: 320px) {
  .visible-xs { display: none ! important; }
}
@media screen and (max-width: 320px) {
  .hidden-xs { display: none ! important; }
}
