﻿/* Landing page */
.pf-doclink {
  cursor: pointer;
  margin: 15px;
}

.pf-doclink:hover {
  transform: scale(1.05);
}

/* Navigation */
.pf-docs-col-index .pf-toc-group:hover {
  padding-left: 2px;
  color: var(--primary-6);
}

.pf-docs-col-index .pf-toc .pf-toc-item {
  margin: 2px 10px 2px 18px;
}

.pf-docs-col-index .pf-toc .pf-toc-item:hover {
  color: var(--primary-6);
}

/* Doc page bookmarks*/
.pf-docs-col-bookmark .pf-roc-item:before {
  content:"• ";
}

/* Doc page content */
.pf-docs-title {
  font-size: 2.75rem;
}

.pf-docs-lead {
  font-size: 1.65rem;
  font-weight: 500;
}

.pf-docs-content  {
  scrollbar-color: var(--primary-6);
}

body .pf-docs-content  {
  font-size: 1.7rem;
}

.pf-docs-content h2 {
  font-size: 2.6rem;
  margin: 20px 0 14px;
}

.pf-docs-content h3 {
  margin: 17px 0 10px;
  font-size: 2rem;
}

.pf-docs-content .alert--alert {
  margin: 10px 0 10px;
  padding: 3px;
  background-color: var(--gray-18);
  border-radius: 4px;
}

.pf-docs-content .alert--tip {
  margin: 10px 0 10px;
  padding: 3px;
  background-color: var(--gray-18);
  border-radius: 4px;
}

.pf-docs-content code {
  background-color: var(--gray-18);
  color: #1d2d35;
  padding: 0.25rem 0.5rem;
}

.pf-docs-content pre {
  background-color: var(--gray-18);
  padding: 1.25rem 1.5rem;
}

.pf-docs-content table {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
}

/* wsm: ziet er niet goed uit in optieplanner
.pf-o-item {
font-size: 1.5em;
}
*/