/* ==========================================================================
   Document Layout and Base
   ========================================================================== */
#pado-main:before, #pado-main:after {
  display: table;
  content: " "; }

#pado-main, #pado-sidebar {
  overflow: hidden; }

article.document:focus, .pado_sidebar_cat_title:focus, .sidebar_doc_title a:focus {
  outline: none; }

#pado-sidebar li a, a.pado-sharing-link, .pado-back-top a, .pado-votes a {
  box-shadow: none;
  border: none; }
  #pado-sidebar li a:hover, a.pado-sharing-link:hover, .pado-back-top a:hover, .pado-votes a:hover {
    box-shadow: none;
    border: none; }

/* ==========================================================================
   Document Page Sidebar
   ========================================================================== */
#pado-sidebar {
  width: 100%;
  margin: 20px 0 40px;
  will-change: min-height;
  float: left;
  display: block; }

.pado-sidebar__inner {
  transform: translate(0, 0);
  /* For browsers don't support translate3d. */
  transform: translate3d(0, 0, 0);
  will-change: position, transform; }

#pado-sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0; }

#pado-sidebar li a {
  display: block; }

#pado-sidebar .sidebar_cat_title,
#pado-sidebar .sidebar_doc_title {
  margin: 0; }

#pado-sidebar a, #pado-sidebar a:hover {
  text-decoration: none; }

/* Counters in sidebar */
.pado-counter .pado-sidebar__inner > ul {
  counter-increment: nav-headline; }

.pado-counter .sidebar_cat_title a::before {
  content: counter(nav-headline);
  float: right;
  margin-right: 15px; }

.pado-counter .sidebar_doc_title {
  counter-increment: nav-article; }

.pado-counter .sidebar_doc_title > a::before {
  content: counter(nav-headline) "." counter(nav-article);
  float: right;
  margin-right: 15px; }

.pado-counter .sidebar_doc_title.pado-post-nocat > a::before {
  content: counter(nav-article) !important; }

.pado-default #pado-sidebar li {
  padding: 0 0 0 15px;
  border-radius: 3px;
  line-height: 1; }

.pado-default #pado-sidebar li a {
  padding: 14px 0; }

.pado-default #pado-sidebar li:hover a, .pado-default #pado-sidebar li:hover i {
  color: #fff; }

.pado-default #pado-sidebar .sidebar_doc_title {
  padding: 0 0 0 22px; }

.pado-default .sidebar_cat_title a {
  cursor: pointer;
  color: #222;
  font-weight: 700; }

.pado-default li.sidebar_cat_title:hover {
  background-color: #222; }

.pado-default .sidebar_cat_title i {
  float: left;
  margin-top: 15px;
  color: #222; }

.pado-default .sidebar_cat_title i::before {
  content: "\edc5"; }

.pado-default .open_arrow .sidebar_cat_title i::before {
  content: "\edc6"; }

.pado-default #pado-sidebar .sidebar_doc_active > a {
  color: #fff; }

.pado-light #pado-sidebar li {
  line-height: 1.7em; }

.pado-light #pado-sidebar li a {
  padding: 0;
  margin: 15px 0;
  line-height: 1.4; }

.pado-light #pado-sidebar a {
  color: #000; }

.pado-light #pado-sidebar .sidebar_doc_title {
  padding: 0 0 0 10px; }

.pado-light .sidebar_doc_title {
  border-style: solid;
  border-width: 0 0 0 2px;
  border-color: #fff; }

.pado-light .sidebar_cat_title a {
  cursor: pointer;
  color: #222;
  font-weight: 700;
  font-size: 1.1em; }

.pado-light li.sidebar_cat_title:hover {
  border-color: #222; }

/* ==========================================================================
   Document Page Content
   ========================================================================== */
#pado-content {
  width: 100%;
  float: right; }

.pado-section-enter + .pado-section-enter {
  margin-top: 100px; }

article.document {
  border: none;
  overflow: hidden; }
  article.document + article.document {
    margin-top: 100px; }

article.document .wp-post-image {
  margin-bottom: 30px; }

.pado-section-heading {
  margin-top: 0; }

.pado-back-top a {
  text-decoration: none;
  color: #ccc; }

.pado-back-top a:hover {
  text-decoration: none; }

/* Post Counters */
.pado-counter #pado-content {
  counter-reset: section; }

.pado-counter .pado-section-heading {
  counter-reset: subsection; }

.pado-counter .pado-section-heading:before {
  counter-increment: section;
  content: counter(section); }

.pado-counter .pado-section-heading a {
  border-bottom: none; }

.pado-counter .pado-single-cat {
  counter-reset: subsection;
  counter-increment: section; }

.pado-counter .pado-post-heading:before {
  counter-increment: subsection;
  content: counter(section) "." counter(subsection) " "; }

.pado-counter .pado-post-heading.pado-post-nocat:before {
  counter-increment: subsection;
  content: counter(subsection) !important; }

.pado-counter .pado-post-heading {
  font-weight: 600; }

.pado-counter .pado-post-heading::before {
  color: #ccc;
  float: left;
  width: auto;
  margin-right: 15px; }

/* Sharing Anchors */
.pado-sharing-link {
  float: right; }

.pado-sharing-link i {
  color: #ccc; }

.pado-section-heading .pado-sharing-link i {
  position: relative; }

.document .pado-sharing-link i {
  font-size: 0.875em; }

.pado-sharing-link:hover {
  text-decoration: none; }

.pado-sharing-link {
  visibility: hidden; }

.pado-default .pado-section-heading .pado-sharing-link i {
  font-size: 1.25em;
  top: 0.45em; }

.pado-default {
  /* Document Voting */ }
  .pado-default .pado-section-heading {
    padding-bottom: 3em;
    padding-top: 2em;
    text-align: center; }
  .pado-default .pado-section-heading:before {
    color: white;
    display: inline-block;
    min-width: 2em;
    min-height: 2em;
    border-radius: 4px;
    line-height: 2em;
    text-align: center;
    margin-right: 0.5em; }
  .pado-default .pado-post-heading {
    margin: 0 0 30px;
    padding-bottom: 30px;
    border-bottom: solid 1px #ddd; }
  .pado-default .pado-back-top {
    margin: 40px 0 0;
    text-align: center;
    font-size: 13px; }
  .pado-default .pado-back-top .si-arrow-up4 {
    display: block; }
  .pado-default .pado-votes {
    margin-top: 50px;
    text-align: center; }
  .pado-default p.pado-likes, .pado-default p.pado-dislikes {
    min-width: 50px;
    height: 34px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    line-height: 12px;
    padding: 0;
    margin: 0;
    position: relative; }
  .pado-default p.pado-likes {
    background-color: #94bc1a; }
  .pado-default p.pado-dislikes {
    background-color: #c84848;
    margin-left: 20px; }
  .pado-default .pado-likes i, .pado-default .pado-dislikes i {
    font-size: 12px; }
  .pado-default .pado-votes .count {
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 300;
    z-index: 1; }
  .pado-default a.pado-like-btn, .pado-default a.pado-dislike-btn {
    color: #fff;
    padding: 7px 15px;
    text-decoration: none;
    position: relative;
    top: 9px; }
  .pado-default a.pado-like-btn:hover, .pado-default a.pado-dislike-btn:hover {
    color: #fff;
    text-decoration: none; }
  .pado-default .pado-votes > p > i, .pado-default .pado-votes > p > span {
    position: relative;
    top: 9px; }

.pado-light {
  /* Document Voting */ }
  .pado-light .pado-section-heading {
    padding: 0;
    margin: 0 0 80px; }
  .pado-light .pado-section-heading:before {
    display: inline-block;
    line-height: 2em;
    margin-right: 0.6em; }
  .pado-light .pado-post-heading {
    margin: 0 0 30px; }
  .pado-light .pado-back-top {
    margin: 35px 0 0;
    float: right;
    font-size: 13px; }
  .pado-light .pado-votes {
    margin-top: 26px;
    float: left; }
  .pado-light p.pado-likes, .pado-light p.pado-dislikes {
    min-width: 52px;
    height: 28px;
    border-radius: 16px;
    text-align: center;
    display: inline-block;
    line-height: 12px;
    padding: 0 10px;
    margin: 0; }
  .pado-light p.pado-likes {
    color: #94bc1a;
    border: solid 1px #94bc1a;
    margin-right: 10px; }
  .pado-light p.pado-dislikes {
    color: #c84848;
    border: solid 1px #c84848; }
  .pado-light .pado-likes i, .pado-light .pado-dislikes i {
    font-size: 12px; }
  .pado-light .pado-votes .count {
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 300;
    z-index: 1; }
  .pado-light a.pado-like-btn, .pado-light a.pado-dislike-btn {
    padding: 5px 5px;
    text-decoration: none;
    position: relative;
    top: 6px; }
  .pado-light a.pado-like-btn:hover, .pado-light a.pado-dislike-btn:hover {
    text-decoration: none; }
  .pado-light a.pado-like-btn, .pado-light a.pado-like-btn:hover {
    color: #94bc1a; }
  .pado-light a.pado-dislike-btn, .pado-light a.pado-dislike-btn:hover {
    color: #c84848; }
  .pado-light .pado-votes > p > i, .pado-light .pado-votes > p > span {
    position: relative;
    top: 6px; }

/* ==========================================================================
   Bootstrap Toottip
   ========================================================================== */
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

/* =============================================================================
   Media Queries
   ========================================================================== */
@media (max-width: 767px) {
  .video-left .video-content {
    width: 100% !important;
    padding-left: 0; } }

@media (min-width: 768px) {
  #pado-sidebar ul {
    margin-right: 10px; }
  .pado-section-heading:hover > .pado-sharing-link,
  #pado-content .document:hover .pado-sharing-link {
    visibility: visible; } }