@charset "UTF-8";
/**
 * main.css
 *
 * Our glorious new main site styles!
 * \o/
 * Also uses global modules.
 */
/*! HiDPI v2.0.1 | MIT License | git.io/hidpi */
* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

body {
  font-size: 14px;
  line-height: 1.6; }

#editform textarea, body {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-style: normal; }

.userIncrementer .usersInPlan, .heading-banner__btn, .toc h2,
.toc h3, .planBoxes .planBox h4, .btn--icon .btn__text, .btn, .post .planCompare .external.text,
.post .planCompare .mw-redirect, .post .jump-link a, .nextPage p.jump-link a, .teaserBox .buttons a, .planBoxes .planBox .footer a, .planTable .footer a, .buyButton, #mw_portlets .btn,
#mw_portlets .post .planCompare .mw-redirect,
.post .planCompare #mw_portlets .mw-redirect, #mw_portlets .planTable .footer a, .planTable .footer #mw_portlets a, #mw_portlets .buyButton,
#mw_portlets .jump-link a,
.container.main .sidebar .btn,
.container.main .sidebar .post .planCompare .mw-redirect,
.post .planCompare .container.main .sidebar .mw-redirect,
.post .jump-link .container.main .sidebar a,
.nextPage p.jump-link .container.main .sidebar a,
.container.main .sidebar .teaserBox .buttons a,
.teaserBox .buttons .container.main .sidebar a,
.container.main .sidebar .planBoxes .planBox .footer a,
.planBoxes .planBox .footer .container.main .sidebar a,
.container.main .sidebar .planTable .footer a,
.planTable .footer .container.main .sidebar a,
.container.main .sidebar .buyButton,
.container.main .sidebar .jump-link a,
.post #right-column .btn,
.post #right-column .planCompare .external.text,
.post .planCompare #right-column .external.text,
.post #right-column .planCompare .mw-redirect,
.post .planCompare #right-column .mw-redirect,
.post #right-column .jump-link a,
.post .jump-link #right-column a,
.nextPage p.jump-link .post #right-column a,
.post #right-column .teaserBox .buttons a,
.teaserBox .buttons .post #right-column a,
.post #right-column .planBoxes .planBox .footer a,
.planBoxes .planBox .footer .post #right-column a,
.post #right-column .planTable .footer a,
.planTable .footer .post #right-column a,
.post #right-column .buyButton, .page-footer__btn, .page-footer__title,
.page-footer h3, .nav-links li a.current, h4 {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-style: normal; }

.caption, .post .cite, .post__item blockquote {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-style: italic; }

sup {
  line-height: 1em; }

a.footnote {
  font-size: 75%;
  line-height: 1em;
  position: relative;
  vertical-align: top;
  vertical-align: text-top;
  padding-left: 0.2em; }

div.footnotes, section.footnotes {
  margin-top: 3em; }

h1,
.h1,
h2,
.h2,
h3,
.h3,
.webinarTickets h2,
.planTable div:not(.price) h2,
h4,
.h4 {
  font-family: Verdana, sans-serif;
  font-weight: normal;
  font-style: normal;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  letter-spacing: 0.05em;
  line-height: 1.4; }
  h1 a,
  .h1 a,
  h2 a,
  .h2 a,
  h3 a,
  .h3 a,
  .webinarTickets h2 a,
  .planTable div:not(.price) h2 a,
  h4 a,
  .h4 a {
    color: #d26400;
    transition: color 0.3s;
    text-decoration: none; }
    h1 a:hover,
    .h1 a:hover,
    h2 a:hover,
    .h2 a:hover,
    h3 a:hover,
    .h3 a:hover,
    .planTable div:not(.price) h2 a:hover,
    h4 a:hover,
    .h4 a:hover {
      color: #ff9f01; }

h1,
.h1 {
  font-size: 24px; }
  @media (min-width: 768px) {
    h1,
    .h1 {
      font-size: 36px; } }
h2,
.h2 {
  font-size: 20px; }
  @media (min-width: 768px) {
    h2,
    .h2 {
      font-size: 24px; } }
h3,
.h3,
.webinarTickets h2,
.planTable div:not(.price) h2 {
  font-size: 16px; }
  @media (min-width: 768px) {
    h3,
    .h3,
    .webinarTickets h2,
    .planTable div:not(.price) h2 {
      font-size: 20px; } }
h4 {
  margin-bottom: 15px;
  font-size: 12px;
  text-transform: uppercase;
  color: #908d8c; }

body,
html {
  margin: 0; }

html svg {
  display: inherit; }

.cssLoadError {
  display: none; }

.container,
.content-wrapper .post {
  padding: 0 24px; }
  @media (min-width: 768px) {
    .container,
    .content-wrapper .post {
      padding: 0 48px; } }
  @media (min-width: 1025px) {
    .container,
    .content-wrapper .post {
      box-sizing: border-box;
      width: 100%;
      max-width: 1200px;
      margin: 0 auto; } }
.container.main,
.content-wrapper .post {
  padding-top: 12px; }
  @media (min-width: 768px) {
    .container.main,
    .content-wrapper .post {
      padding-top: 24px; } }
  @media (min-width: 1025px) {
    .container.main,
    .content-wrapper .post {
      padding-top: 24px; } }
.page-main-wrp {
  position: relative; }

@media (max-width: 1024px) {
  .sidebar,
  #right-column {
    transition: transform 0.3s ease-out; }
  body.sidebar-active {
    overflow: hidden; }
    body.sidebar-active .sidebar,
    body.sidebar-active #right-column {
      transform: translateX(0); }
  body.mobile-menu-active {
    overflow: hidden; } }

@media (min-width: 1025px) {
  .container.main,
  .flex {
    display: flex;
    justify-content: space-between; }
  .flex {
    flex-wrap: wrap; }
    .flex .firstHeading {
      flex-basis: 100%; }
  .page-content,
  .flex #left-column {
    position: relative;
    margin-right: 70px; }
  .page-content {
    padding-bottom: 122px; }
  .flex #left-column {
    width: calc(100% - 70px - 300px); }
  #bottom-part {
    width: 100%; }
    #bottom-part.narrow {
      width: calc(100% - 70px - 300px); }
  .sidebar,
  .flex #right-column {
    flex: 0 0 300px;
    display: block;
    padding-bottom: 122px; }
  #right-column {
    display: none; }
  .fullWidth-column {
    flex-basis: 100%;
    padding-bottom: 122px; } }

/* Global fixes */
.firstHeading {
  margin-top: 0 !important; }

.open-sidebar {
  position: fixed;
  z-index: 2050;
  right: 0;
  top: 319px;
  background-color: #f7f7f7;
  transform: rotate(-90deg);
  transform-origin: 100% 100%;
  text-decoration: none;
  text-transform: uppercase;
  color: #d26400;
  font-weight: bold;
  padding: 5px 15px;
  box-shadow: 0 -2px 0 2px rgba(255, 255, 255, 0.8); }
  @media (min-width: 1025px) {
    .open-sidebar {
      display: none; } }
.sidebar,
#right-column {
  font-size: 14px;
  letter-spacing: 0.6px;
  color: #908d8c; }
  @media (max-width: 1024px) {
    .sidebar,
    #right-column {
      width: 100vw;
      height: 100vh;
      box-sizing: border-box;
      position: fixed;
      z-index: 2500;
      top: 0;
      right: 0;
      transform: translateX(100%);
      display: flex;
      background-color: white;
      flex-direction: column;
      padding-bottom: 50px;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch; } }
  @media (max-width: 1024px) and (min-width: 400px) {
    .sidebar,
    #right-column {
      width: 400px;
      padding-left: 20px; } }
  .sidebar__mobile-nav,
  #right-column__mobile-nav {
    text-align: right; }
    @media (min-width: 1025px) {
      .sidebar__mobile-nav,
      #right-column__mobile-nav {
        display: none; } }
    .sidebar__mobile-nav .close-sidebar,
    #right-column__mobile-nav .close-sidebar {
      width: 20px;
      height: 20px;
      display: inline-block;
      margin: 25px; }
      .sidebar__mobile-nav .close-sidebar svg,
      #right-column__mobile-nav .close-sidebar svg {
        width: 100%;
        height: 100%;
        fill: #d26400; }

#mw_portlets a,
.container.main .sidebar a,
.post #right-column a {
  color: #908d8c;
  transition: color 0.3s;
  text-decoration: none; }
  #mw_portlets a:hover,
  .container.main .sidebar a:hover,
  .post #right-column a:hover {
    color: #d26400; }

#mw_portlets .sidebar__section,
#mw_portlets .widget,
.container.main .sidebar .sidebar__section,
.container.main .sidebar .widget,
.post #right-column .sidebar__section,
.post #right-column .widget {
  background-color: rgba(205, 205, 205, 0.16);
  margin-bottom: 24px;
  padding: 18px; }


#mw_portlets h2,
#mw_portlets h3,
.container.main .sidebar__title,
.container.main .sidebar h2,
.container.main .sidebar h3,
.post #right-column__title,
.post #right-column h2,
.post #right-column h3 {
  font-size: 12px;
  color: #908d8c;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-style: normal; }
  
  #mw_portlets h2:first-child,
  #mw_portlets h2:first-of-type,
  #mw_portlets h3:first-child,
  #mw_portlets h3:first-of-type,
  .container.main .sidebar__title:first-child,
  .container.main .sidebar__title:first-of-type,
  .container.main .sidebar h2:first-child,
  .container.main .sidebar h2:first-of-type,
  .container.main .sidebar h3:first-child,
  .container.main .sidebar h3:first-of-type,
  .post #right-column__title:first-child,
  .post #right-column__title:first-of-type,
  .post #right-column h2:first-child,
  .post #right-column h2:first-of-type,
  .post #right-column h3:first-child,
  .post #right-column h3:first-of-type {
    margin-top: 0; }

#mw_portlets .regbox,
.container.main .sidebar .regbox,
.post #right-column .regbox {
  margin-bottom: 24px;
  padding: 18px;
  border: 1px solid #372f2d; }
  #mw_portlets .regbox h2,
  #mw_portlets .regbox h3,
  .container.main .sidebar .regbox h2,
  .container.main .sidebar .regbox h3,
  .post #right-column .regbox h2,
  .post #right-column .regbox h3 {
    color: #372f2d;
    margin-top: 2em; }
    #mw_portlets .regbox h2:first-child, #mw_portlets .regbox h2:first-of-type,
    #mw_portlets .regbox h3:first-child,
    #mw_portlets .regbox h3:first-of-type,
    .container.main .sidebar .regbox h2:first-child,
    .container.main .sidebar .regbox h2:first-of-type,
    .container.main .sidebar .regbox h3:first-child,
    .container.main .sidebar .regbox h3:first-of-type,
    .post #right-column .regbox h2:first-child,
    .post #right-column .regbox h2:first-of-type,
    .post #right-column .regbox h3:first-child,
    .post #right-column .regbox h3:first-of-type {
      margin-top: 0; }
  #mw_portlets .regbox a,
  .container.main .sidebar .regbox a,
  .post #right-column .regbox a {
    color: #372f2d; }
    #mw_portlets .regbox a:hover,
    .container.main .sidebar .regbox a:hover,
    .post #right-column .regbox a:hover {
      color: #d26400; }
  #mw_portlets .regbox.highlight,
  .container.main .sidebar .regbox.highlight,
  .post #right-column .regbox.highlight {
    background-color: #372f2d; }
    #mw_portlets .regbox.highlight,
    #mw_portlets .regbox.highlight h2,
    #mw_portlets .regbox.highlight h3,
    .container.main .sidebar .regbox.highlight,
    .container.main .sidebar .regbox.highlight h2,
    .container.main .sidebar .regbox.highlight h3,
    .post #right-column .regbox.highlight,
    .post #right-column .regbox.highlight h2,
    .post #right-column .regbox.highlight h3 {
      color: #fff; }
    #mw_portlets .regbox.highlight a,
    .container.main .sidebar .regbox.highlight a,
    .post #right-column .regbox.highlight a {
      color: #d26400; }
      #mw_portlets .regbox.highlight a:hover,
      .container.main .sidebar .regbox.highlight a:hover,
      .post #right-column .regbox.highlight a:hover {
        color: #ff9f01; }

.site-header {
  position: relative;
  background-color: #372f2d;
  padding: 24px 0 12px;
  z-index: 2000; }
  @media (min-width: 768px) {
    .site-header {
      padding: 24px 0 12px; } }
  @media (min-width: 1025px) {
    .site-header {
      padding: 36px 0 12px; } }
  .site-header .container {
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .site-header .container {
        justify-content: space-between; } }
.header-logo {
  width: 90px; }
  @media (min-width: 768px) {
    .header-logo {
      margin-right: 12px; } }
  @media (min-width: 1025px) {
    .header-logo {
      width: 116px;
      margin-right: 48px; } }
  .header-logo img {
    max-width: 100%;
    display: block; }
  .header-logo.text {
    width: auto;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding-right: 24px; }
    @media (min-width: 1025px) {
      .header-logo.text {
        padding-right: 48px; } }
.mobile-menu-open {
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer; }
  @media (min-width: 768px) {
    .mobile-menu-open {
      display: none; } }
  .mobile-menu-open:focus {
    outline: 0; }
  .mobile-menu-open svg {
    width: 20px;
    height: 20px;
    fill: #efeceb; }

@media (max-width: 767px) {
  .page-navigation {
    display: flex;
    flex-direction: column;
    background-color: #372f2d;
    width: 100%;
    height: 100vh;
    padding: 25px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease-out, visibility 0.3s ease-out; }
    .page-navigation.open {
      opacity: 1;
      visibility: visible; }
    .page-navigation .search-wrp {
      order: 1; }
    .page-navigation .nav-links {
      order: 2; }
    .page-navigation .login-link {
      position: absolute;
      top: 25px;
      right: 25px;
      line-height: 30px; } }

@media (min-width: 768px) {
  .page-navigation {
    display: flex;
    align-items: center;
    flex-grow: 1; } }

.nav-links {
  padding: 0;
  margin: 0;
  list-style: none; }
  @media (max-width: 767px) {
    .nav-links {
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 45px; } }
  @media (min-width: 768px) {
    .nav-links {
      margin-right: auto; } }
  .nav-links li {
    margin-bottom: 15px;
    position: relative; }
    @media (min-width: 768px) {
      .nav-links li {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0; }
        .nav-links li:last-of-type {
          margin-right: 0; }
        .nav-links li:hover ul {
          display: block; } }
    @media (min-width: 1025px) {
      .nav-links li {
        margin-right: 20px; } }
  .nav-links li ul {
    list-style: none;
    padding-left: 20px; }
    @media (max-width: 767px) {
      .nav-links li ul {
        margin-top: 5px; } }
    .nav-links li ul li {
      display: block;
      margin-bottom: 5px; }
      @media (min-width: 768px) {
        .nav-links li ul li {
          margin-bottom: 12px; } }
    @media (min-width: 768px) {
      .nav-links li ul {
        display: none;
        min-width: 240px;
        z-index: 2010;
        position: absolute;
        top: 100%;
        left: -20px;
        padding: 20px;
        padding-top: 30px;
        background-color: #372f2d; } }
  .nav-links li a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    letter-spacing: 0.4px;
    transition: color 0.3s ease-out; }
    @media (max-width: 767px) {
      .nav-links li a {
        line-height: 30px; } }
    .nav-links li a:hover {
      color: #d26400; }

.mobile-menu-close {
  margin-bottom: 35px;
  flex-shrink: 0;
  display: block;
  border: 0;
  padding: 0;
  background-color: transparent;
  align-self: flex-start;
  width: 18px;
  height: 18px;
  box-sizing: border-box; }
  .mobile-menu-close svg {
    fill: #fff;
    display: block;
    height: 100%;
    width: 100%; }
  @media (min-width: 768px) {
    .mobile-menu-close {
      display: none; } }
  .mobile-menu-close:focus {
    outline: 0; }

.search-wrp {
  flex-shrink: 0;
  position: relative; }
  @media (max-width: 767px) {
    .search-wrp {
      margin-bottom: 24px; } }
  @media (min-width: 768px) {
    .search-wrp {
      margin-left: 24px;
      margin-right: 24px; } }
  .search-wrp.min {
    margin-right: 0; }
    .search-wrp.min .search-input {
      transition: opacity 0.2s;
      position: absolute;
      right: 24px;
      top: 0;
      width: 200px;
      box-shadow: 0 4px 25px rgba(0, 0, 0, 0.7);
      opacity: 0;
      visibility: hidden; }
      .search-wrp.min .search-input.active {
        opacity: 1;
        visibility: visible; }
    .search-wrp.min .search-form {
      width: auto; }

.search-form {
  display: flex; }
  @media (min-width: 1025px) {
    .search-form {
      width: 200px; } }
.search-btn {
  outline: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  position: relative;
  z-index: 2020;
  background-color: #d26400;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out; }
  @media (max-width: 767px) {
    .search-btn {
      flex: 0 0 48px;
      height: 48px; } }
  @media (min-width: 768px) {
    .search-btn {
      flex: 0 0 34px;
      height: 34px; } }
  .search-btn:hover {
    background-color: #ff9f01; }
  .search-btn svg {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    fill: #fff; }

.search-input {
  width: 100%;
  padding: 0 12px;
  outline: 0;
  border: 0;
  box-sizing: border-box;
  border-radius: 0;
  background-color: #52453c;
  color: #fff;
  transition: background-color 0.4s; }
  @media (max-width: 767px) {
    .search-input {
      font-size: 16px;
      height: 48px; } }
  @media (min-width: 768px) {
    .search-input {
      height: 34px;
      line-height: 34px;
      font-size: 1em; } }
  @media (min-width: 768px) and (max-width: 1024px) {
    .search-input {
      transition: opacity 0.2s;
      position: absolute;
      right: 24px;
      top: 0;
      width: 200px;
      box-shadow: 0 4px 25px rgba(0, 0, 0, 0.7);
      opacity: 0;
      visibility: hidden; }
      .search-input.active {
        opacity: 1;
        visibility: visible; } }
  .search-input:focus {
    background-color: #6f5e52; }

.btn.header-cta, .post .planCompare .header-cta.external.text,
.post .planCompare .header-cta.mw-redirect, .post .jump-link a.header-cta, .nextPage p.jump-link a.header-cta, .teaserBox .buttons a.header-cta, .planBoxes .planBox .footer a.header-cta, .planTable .footer a.header-cta, .header-cta.buyButton,
#mw_portlets .jump-link a.header-cta,
.container.main .sidebar .header-cta.btn,
.post .jump-link .container.main .sidebar a.header-cta,
.nextPage p.jump-link .container.main .sidebar a.header-cta,
.container.main .sidebar .teaserBox .buttons a.header-cta,
.teaserBox .buttons .container.main .sidebar a.header-cta,
.container.main .sidebar .planTable .footer a.header-cta,
.planTable .footer .container.main .sidebar a.header-cta,
.container.main .sidebar .header-cta.buyButton,
.container.main .sidebar .jump-link a.header-cta,
.post #right-column .header-cta.btn,
.post #right-column .planCompare .header-cta.external.text,
.post .planCompare #right-column .header-cta.external.text,
.post #right-column .planCompare .header-cta.mw-redirect,
.post .planCompare #right-column .header-cta.mw-redirect,
.post #right-column .jump-link a.header-cta,
.post .jump-link #right-column a.header-cta,
.nextPage p.jump-link .post #right-column a.header-cta,
.post #right-column .teaserBox .buttons a.header-cta,
.teaserBox .buttons .post #right-column a.header-cta,
.post #right-column .planBoxes .planBox .footer a.header-cta,
.planBoxes .planBox .footer .post #right-column a.header-cta,
.post #right-column .planTable .footer a.header-cta,
.planTable .footer .post #right-column a.header-cta,
.post #right-column .header-cta.buyButton {
  min-width: 8em; }
  @media (max-width: 767px) {
    .btn.header-cta, .post .planCompare .header-cta.external.text,
    .post .planCompare .header-cta.mw-redirect, .post .jump-link a.header-cta, .nextPage p.jump-link a.header-cta, .teaserBox .buttons a.header-cta, .planBoxes .planBox .footer a.header-cta, .planTable .footer a.header-cta, .header-cta.buyButton,
    #mw_portlets .jump-link a.header-cta,
    .container.main .sidebar .header-cta.btn,
    .post .jump-link .container.main .sidebar a.header-cta,
    .nextPage p.jump-link .container.main .sidebar a.header-cta,
    .container.main .sidebar .teaserBox .buttons a.header-cta,
    .teaserBox .buttons .container.main .sidebar a.header-cta,
    .container.main .sidebar .planTable .footer a.header-cta,
    .planTable .footer .container.main .sidebar a.header-cta,
    .container.main .sidebar .header-cta.buyButton,
    .container.main .sidebar .jump-link a.header-cta,
    .post #right-column .header-cta.btn,
    .post #right-column .planCompare .header-cta.external.text,
    .post .planCompare #right-column .header-cta.external.text,
    .post #right-column .planCompare .header-cta.mw-redirect,
    .post .planCompare #right-column .header-cta.mw-redirect,
    .post #right-column .jump-link a.header-cta,
    .post .jump-link #right-column a.header-cta,
    .nextPage p.jump-link .post #right-column a.header-cta,
    .post #right-column .teaserBox .buttons a.header-cta,
    .teaserBox .buttons .post #right-column a.header-cta,
    .post #right-column .planBoxes .planBox .footer a.header-cta,
    .planBoxes .planBox .footer .post #right-column a.header-cta,
    .post #right-column .planTable .footer a.header-cta,
    .planTable .footer .post #right-column a.header-cta,
    .post #right-column .header-cta.buyButton {
      display: block;
      margin-bottom: 24px; } }
  @media (min-width: 768px) {
    .btn.header-cta, .post .planCompare .header-cta.external.text,
    .post .planCompare .header-cta.mw-redirect, .post .jump-link a.header-cta, .nextPage p.jump-link a.header-cta, .teaserBox .buttons a.header-cta, .planBoxes .planBox .footer a.header-cta, .planTable .footer a.header-cta, .header-cta.buyButton,
    #mw_portlets .jump-link a.header-cta,
    .container.main .sidebar .header-cta.btn,
    .post .jump-link .container.main .sidebar a.header-cta,
    .nextPage p.jump-link .container.main .sidebar a.header-cta,
    .container.main .sidebar .teaserBox .buttons a.header-cta,
    .teaserBox .buttons .container.main .sidebar a.header-cta,
    .container.main .sidebar .planTable .footer a.header-cta,
    .planTable .footer .container.main .sidebar a.header-cta,
    .container.main .sidebar .header-cta.buyButton,
    .container.main .sidebar .jump-link a.header-cta,
    .post #right-column .header-cta.btn,
    .post #right-column .planCompare .header-cta.external.text,
    .post .planCompare #right-column .header-cta.external.text,
    .post #right-column .planCompare .header-cta.mw-redirect,
    .post .planCompare #right-column .header-cta.mw-redirect,
    .post #right-column .jump-link a.header-cta,
    .post .jump-link #right-column a.header-cta,
    .nextPage p.jump-link .post #right-column a.header-cta,
    .post #right-column .teaserBox .buttons a.header-cta,
    .teaserBox .buttons .post #right-column a.header-cta,
    .post #right-column .planBoxes .planBox .footer a.header-cta,
    .planBoxes .planBox .footer .post #right-column a.header-cta,
    .post #right-column .planTable .footer a.header-cta,
    .planTable .footer .post #right-column a.header-cta,
    .post #right-column .header-cta.buyButton {
      margin: 0 24px; } }
.login-link {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  white-space: nowrap;
  min-width: 4em;
  text-align: right; }
  .login-link:hover {
    color: #ff9f01; }

.page-footer {
  clear: both;
  margin-top: 12px; }
  @media (min-width: 768px) {
    .page-footer {
      margin-top: 24px; } }
  @media (min-width: 1025px) {
    .page-footer {
      margin-top: 48px; } }
  .page-footer__title,
  .page-footer h3 {
    margin-bottom: 10px;
    font-size: 12px;
    text-transform: uppercase; }
  .page-footer__text {
    margin-top: 10px;
    margin-bottom: 0;
    max-width: 260px;
    color: #efeceb; }
  .page-footer .social-icon {
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 10px; }
    .page-footer .social-icon:not(:last-of-type) {
      margin-right: 20px; }
    .page-footer .social-icon:hover .page-footer__icon {
      fill: #d26400; }
  .page-footer__icon {
    display: inline-block;
    width: 18px;
    height: 15px;
    fill: #efeceb;
    transition: fill 0.3s ease-in-out; }
  .page-footer ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .page-footer__link,
  .page-footer li a {
    display: inline-block;
    margin-bottom: 10px;
    text-decoration: none;
    color: #efeceb;
    transition: color 0.3s ease-in-out; }
    .page-footer__link:hover,
    .page-footer li a:hover {
      color: #d26400; }
      .page-footer__link:hover .page-footer__icon-sm,
      .page-footer li a:hover .page-footer__icon-sm {
        fill: #d26400; }
    .page-footer__link.subscribe,
    .page-footer li a.subscribe {
      padding-left: 20px;
      position: relative; }
  .page-footer__btn {
    display: block;
    margin-top: 30px;
    color: #efeceb;
    transition: color 0.3s ease-in-out; }
    .page-footer__btn:hover {
      color: #d26400; }
  .page-footer__author img {
    max-width: 100%; }
  @media (min-width: 768px) {
    .page-footer__author {
      width: 40%;
      display: inline-block;
      float: left;
      margin-right: 5%; } }
  @media (min-width: 1025px) {
    .page-footer__author {
      width: 30%; } }
  .page-footer__column-wrp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start; }
    @media (min-width: 768px) {
      .page-footer__column-wrp {
        width: 55%; }
        .page-footer__column-wrp::after {
          clear: both;
          content: "";
          display: table; } }
    @media (min-width: 1025px) {
      .page-footer__column-wrp {
        width: 65%; } }
  .page-footer .more-content,
  .page-footer .shortcuts {
    width: 100%;
    margin-top: 50px; }
    @media (min-width: 768px) {
      .page-footer .more-content,
      .page-footer .shortcuts {
        margin-top: 0;
        display: inline-block;
        width: 45%;
        margin-right: 5%; } }
    @media (min-width: 1025px) {
      .page-footer .more-content,
      .page-footer .shortcuts {
        width: 20%; } }
  @media (min-width: 768px) {
    .page-footer .more-content {
      order: 1; } }
  @media (min-width: 768px) {
    .page-footer .shortcuts {
      margin-top: 40px;
      order: 3; } }
  @media (min-width: 1025px) {
    .page-footer .shortcuts {
      margin-top: 0;
      order: 2; } }
  .page-footer .subscribe-links {
    width: 100%;
    border: -1;
    margin-top: 50px; }
    @media (min-width: 768px) {
      .page-footer .subscribe-links {
        margin-top: 0;
        display: inline-block;
        width: 49%;
        order: 2; } }
    @media (min-width: 1025px) {
      .page-footer .subscribe-links {
        width: 49%;
        order: 3; } }
  .page-footer__disclaimer {
    margin-top: 50px; }
    @media (min-width: 768px) {
      .page-footer__disclaimer {
        display: inline-block;
        width: 100%;
        margin-top: 40px;
        order: 4; } }
    @media (min-width: 1025px) {
      .page-footer__disclaimer {
        width: 50%;
        margin-top: 50px; } }
  .page-footer__icon-sm {
    display: inline-block;
    width: 12px;
    height: 10px;
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: 0;
    fill: #efeceb;
    transition: fill 0.3s ease-in-out; }

.footer-main {
  padding: 50px 0 70px;
  background-color: #372f2d;
  color: #fff; }
  .footer-main::after {
    clear: both;
    content: "";
    display: table; }

.footer-copyright {
  background-color: #251f1e;
  padding: 30px 0; }
  .footer-copyright__text {
    color: #efeceb; }

.btn, .post .planCompare .external.text,
.post .planCompare .mw-redirect, .post .jump-link a, .nextPage p.jump-link a, .teaserBox .buttons a, .planBoxes .planBox .footer a, .planTable .footer a, .buyButton, #mw_portlets .btn,
#mw_portlets .post .planCompare .mw-redirect,
.post .planCompare #mw_portlets .mw-redirect, #mw_portlets .planTable .footer a, .planTable .footer #mw_portlets a, #mw_portlets .buyButton,
#mw_portlets .jump-link a,
.container.main .sidebar .btn,
.container.main .sidebar .post .planCompare .mw-redirect,
.post .planCompare .container.main .sidebar .mw-redirect,
.post .jump-link .container.main .sidebar a,
.nextPage p.jump-link .container.main .sidebar a,
.container.main .sidebar .teaserBox .buttons a,
.teaserBox .buttons .container.main .sidebar a,
.container.main .sidebar .planBoxes .planBox .footer a,
.planBoxes .planBox .footer .container.main .sidebar a,
.container.main .sidebar .planTable .footer a,
.planTable .footer .container.main .sidebar a,
.container.main .sidebar .buyButton,
.container.main .sidebar .jump-link a,
.post #right-column .btn,
.post #right-column .planCompare .external.text,
.post .planCompare #right-column .external.text,
.post #right-column .planCompare .mw-redirect,
.post .planCompare #right-column .mw-redirect,
.post #right-column .jump-link a,
.post .jump-link #right-column a,
.nextPage p.jump-link .post #right-column a,
.post #right-column .teaserBox .buttons a,
.teaserBox .buttons .post #right-column a,
.post #right-column .planBoxes .planBox .footer a,
.planBoxes .planBox .footer .post #right-column a,
.post #right-column .planTable .footer a,
.planTable .footer .post #right-column a,
.post #right-column .buyButton {
  border: 0;
  background-color: #d26400;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  transition: background-color 0.3s ease-in-out;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer; }
  .btn:focus, .post .planCompare .external.text:focus,
  .post .planCompare .mw-redirect:focus, .post .jump-link a:focus, .nextPage p.jump-link a:focus, .teaserBox .buttons a:focus, .planBoxes .planBox .footer a:focus, .planTable .footer a:focus, .buyButton:focus,
  #mw_portlets .jump-link a:focus,
  .container.main .sidebar .btn:focus,
  .post .jump-link .container.main .sidebar a:focus,
  .nextPage p.jump-link .container.main .sidebar a:focus,
  .container.main .sidebar .teaserBox .buttons a:focus,
  .teaserBox .buttons .container.main .sidebar a:focus,
  .container.main .sidebar .planTable .footer a:focus,
  .planTable .footer .container.main .sidebar a:focus,
  .container.main .sidebar .buyButton:focus,
  .container.main .sidebar .jump-link a:focus,
  .post #right-column .btn:focus,
  .post #right-column .planCompare .external.text:focus,
  .post .planCompare #right-column .external.text:focus,
  .post #right-column .planCompare .mw-redirect:focus,
  .post .planCompare #right-column .mw-redirect:focus,
  .post #right-column .jump-link a:focus,
  .post .jump-link #right-column a:focus,
  .nextPage p.jump-link .post #right-column a:focus,
  .post #right-column .teaserBox .buttons a:focus,
  .teaserBox .buttons .post #right-column a:focus,
  .post #right-column .planBoxes .planBox .footer a:focus,
  .planBoxes .planBox .footer .post #right-column a:focus,
  .post #right-column .planTable .footer a:focus,
  .planTable .footer .post #right-column a:focus,
  .post #right-column .buyButton:focus {
    outline: 0; }
  .btn:hover, .post .planCompare .external.text:hover,
  .post .planCompare .mw-redirect:hover, .post .jump-link a:hover, .nextPage p.jump-link a:hover, .teaserBox .buttons a:hover, .planBoxes .planBox .footer a:hover, .planTable .footer a:hover, .buyButton:hover,
  #mw_portlets .jump-link a:hover,
  .container.main .sidebar .btn:hover,
  .post .jump-link .container.main .sidebar a:hover,
  .nextPage p.jump-link .container.main .sidebar a:hover,
  .container.main .sidebar .teaserBox .buttons a:hover,
  .teaserBox .buttons .container.main .sidebar a:hover,
  .container.main .sidebar .planTable .footer a:hover,
  .planTable .footer .container.main .sidebar a:hover,
  .container.main .sidebar .buyButton:hover,
  .container.main .sidebar .jump-link a:hover,
  .post #right-column .btn:hover,
  .post #right-column .planCompare .external.text:hover,
  .post .planCompare #right-column .external.text:hover,
  .post #right-column .planCompare .mw-redirect:hover,
  .post .planCompare #right-column .mw-redirect:hover,
  .post #right-column .jump-link a:hover,
  .post .jump-link #right-column a:hover,
  .nextPage p.jump-link .post #right-column a:hover,
  .post #right-column .teaserBox .buttons a:hover,
  .teaserBox .buttons .post #right-column a:hover,
  .post #right-column .planBoxes .planBox .footer a:hover,
  .planBoxes .planBox .footer .post #right-column a:hover,
  .post #right-column .planTable .footer a:hover,
  .planTable .footer .post #right-column a:hover,
  .post #right-column .buyButton:hover {
    background-color: #ff9f01;
    color: white; }

.btn--icon {
  transition: color 0.2s;
  appearance: none;
  background: transparent;
  border: none;
  outline: none;
  display: flex;
  padding: 0;
  cursor: pointer; }
  .btn--icon svg {
    transition: fill 0.2s;
    width: 24px;
    height: 24px; }
  .btn--icon .btn__text {
    font-size: 12px;
    letter-spacing: 0.53px;
    line-height: 16px;
    align-self: center; }

.buyButton {
  margin-right: 12px;
  line-height: 1;
  font-weight: bold; }
  .buyButton.secondary {
    transition: color 0.2s, box-shadow 0.2s;
    color: #d26400;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #d26400; }
    .buyButton.secondary.right {
      margin-right: 0;
      margin-left: 12px; }
    .buyButton.secondary:hover {
      color: #ff9f01;
      box-shadow: inset 0 0 0 2px #ff9f01; }

ul {
  padding-left: 19.2px; }
  ul.unstyled {
    list-style: none;
    margin: 0;
    padding-left: 0; }

.decorated {
  margin: 0;
  padding: 0;
  list-style: none; }
  .decorated ul {
    margin: 0;
    padding: 0; }
  .decorated li {
    list-style: none;
    padding: 0;
    margin: 0 0 6px 0;
    padding-left: 24px;
    position: relative; }
    .decorated li::before {
      content: "";
      display: inline-block;
      width: 10px;
      height: 10px;
      position: absolute;
      top: 5px;
      left: 0;
      background: url("../images/icon_arrow_small_orange.svg") no-repeat center;
      background-size: contain; }

.dropdown {
  margin-top: 10px;
  max-height: 0;
  padding-left: 20px;
  overflow: hidden;
  list-style: none; }
  .dropdown ul {
    list-style: disc; }
    .dropdown ul li {
      margin-bottom: 6px; }
  .dropdown.open {
    max-height: 2000px; }

.open-dropdown {
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  color: #908d8c; }
  .open-dropdown::before {
    content: "►";
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    top: 0;
    left: 0;
    transition: color 0.3s ease-in-out; }
  .open-dropdown:hover {
    color: #d26400; }
    .open-dropdown:hover::before {
      color: #d26400; }
  .open-dropdown.open {
    color: #d26400; }
    .open-dropdown.open::before {
      content: "▼";
      color: #d26400; }

dl dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #d26400; }
  dl dt:not(:first-of-type) {
    margin-top: 1em; }

.ui-tabs {
  position: relative; }
  @media (min-width: 1025px) {
    .ui-tabs:not(:first-child) {
      margin-top: 48px; } }
  .ui-tabs.no-tabs .ui-tabs-nav {
    display: none; }
  .ui-tabs.js-tabs .content-tab-header, .ui-tabs.markup .content-tab-header {
    display: none; }
  .ui-tabs.js-tabs .ui-tabs-nav, .ui-tabs.markup .ui-tabs-nav {
    list-style: none;
    margin: 0;
    margin-right: -15px;
    padding-left: 0;
    display: flex;
    align-items: flex-end;
    overflow-x: auto; }
    .ui-tabs.js-tabs .ui-tabs-nav:after, .ui-tabs.markup .ui-tabs-nav:after {
      content: "";
      position: absolute;
      right: -15px;
      top: 0;
      width: 15px;
      height: 38px;
      background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), white); }
    @media (min-width: 768px) {
      .ui-tabs.js-tabs .ui-tabs-nav, .ui-tabs.markup .ui-tabs-nav {
        width: calc(100% + 15px); } }
    .ui-tabs.js-tabs .ui-tabs-nav li, .ui-tabs.markup .ui-tabs-nav li {
      margin-right: 1px; }
      .ui-tabs.js-tabs .ui-tabs-nav li:not(.left), .ui-tabs.markup .ui-tabs-nav li:not(.left) {
        flex-grow: 1; }
      .ui-tabs.js-tabs .ui-tabs-nav li a, .ui-tabs.markup .ui-tabs-nav li a {
        transition: background-color 0.2s;
        display: block;
        padding: 12px 15px;
        white-space: nowrap;
        line-height: 1;
        text-align: center; }
      .ui-tabs.js-tabs .ui-tabs-nav li.left a, .ui-tabs.markup .ui-tabs-nav li.left a {
        padding: 12px 48px; }
        @media (max-width: 767px) {
          .ui-tabs.js-tabs .ui-tabs-nav li.left a, .ui-tabs.markup .ui-tabs-nav li.left a {
            padding: 12px 12px; } }
      .ui-tabs.js-tabs .ui-tabs-nav li.ui-state-active a, .ui-tabs.markup .ui-tabs-nav li.ui-state-active a {
        background-color: rgba(205, 205, 205, 0.16);
        color: #d26400;
        pointer-events: none; }
        .ui-tabs.js-tabs .ui-tabs-nav li.ui-state-active a:hover, .ui-tabs.markup .ui-tabs-nav li.ui-state-active a:hover {
          color: inherit; }
      .ui-tabs.js-tabs .ui-tabs-nav li:not(.ui-state-active) a, .ui-tabs.markup .ui-tabs-nav li:not(.ui-state-active) a {
        background-color: #d26400;
        color: #fff; }
      .ui-tabs.js-tabs .ui-tabs-nav li.filler, .ui-tabs.markup .ui-tabs-nav li.filler {
        flex: 0 0 15px;
        height: 38px;
        margin-right: 0; }
  .ui-tabs.js-tabs .ui-tabs-hide, .ui-tabs.markup .ui-tabs-hide {
    display: none; }
  .ui-tabs .content-tab {
    padding: 12px;
    background-color: rgba(205, 205, 205, 0.16); }
    @media (min-width: 1025px) {
      .ui-tabs .content-tab {
        padding: 24px; } }
    .ui-tabs .content-tab h3:first-of-type {
      margin-top: 0; }
    .ui-tabs .content-tab ul li {
      margin-bottom: 3px; }
  .ui-tabs:not(.markup) .content-tab ul a {
    color: #372f2d;
    transition: color 0.3s; }
    .ui-tabs:not(.markup) .content-tab ul a:hover {
      color: #d26400; }
  .ui-tabs.markup {
    /* Display header-of-last resort only if you have single tab on the page */ }
    .ui-tabs.markup .content-tab {
      display: none; }
      .ui-tabs.markup .content-tab:first-of-type {
        display: block; }
    .ui-tabs.markup .ui-tabs-nav li:first-of-type:not(.ui-setup) a {
      background-color: rgba(205, 205, 205, 0.16);
      color: #d26400; }
      .ui-tabs.markup .ui-tabs-nav li:first-of-type:not(.ui-setup) a:hover {
        color: inherit; }
    .ui-tabs.markup h2.onlyTabHeader {
      display: none; }
    .ui-tabs.markup .content-tab:only-of-type h2.onlyTabHeader {
      display: block; }

.post__tags,
.post__tags-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .post__tags:not(.index-page),
  .post__tags-list:not(.index-page) {
    float: left;
    clear: left; }
  .post__tags li,
  .post__tags-list li {
    /* individual tag */
    display: inline-block;
    margin: 15px 0 0; }
    .post__tags li:not(:last-of-type),
    .post__tags-list li:not(:last-of-type) {
      margin-right: 20px; }
    @media (min-width: 768px) {
      .post__tags li,
      .post__tags-list li {
        margin: 30px 0 0; } }
    .post__tags li a,
    .post__tags-list li a {
      padding: 5px 10px;
      text-decoration: none;
      letter-spacing: 0.6px;
      color: #908d8c;
      background-color: #efeceb;
      transition: color 0.3s ease-in-out; }
      .post__tags li a:hover,
      .post__tags-list li a:hover {
        color: #d26400; }

.catlinks {
  padding-top: 6px;
  padding-bottom: 6px; }
  @media (min-width: 768px) {
    .catlinks {
      margin-top: 24px;
      margin-bottom: 30px; } }
  .catlinks a {
    padding: 5px 10px;
    text-decoration: none;
    letter-spacing: 0.6px;
    color: #908d8c;
    background-color: #efeceb;
    transition: color 0.3s ease-in-out; }
    .catlinks a:hover {
      color: #d26400; }

.mw-hidden-cats-hidden {
  display: none; }

.post .important,
.post .note,
.post .info,
.post .free,
.post .warn,
.post .stop,
.post .more,
.post .update {
  margin: 15px 0;
  padding: 15px 15px 15px 32px;
  position: relative;
  background-color: #f7f7f7; }
  @media (min-width: 768px) {
    .post .important,
    .post .note,
    .post .info,
    .post .free,
    .post .warn,
    .post .stop,
    .post .more,
    .post .update {
      margin: 30px 0;
      padding: 15px 40px 15px 75px; } }
  .post .important::before,
  .post .note::before,
  .post .info::before,
  .post .free::before,
  .post .warn::before,
  .post .stop::before,
  .post .more::before,
  .post .update::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #372f2d; }
    @media (min-width: 768px) {
      .post .important::before,
      .post .note::before,
      .post .info::before,
      .post .free::before,
      .post .warn::before,
      .post .stop::before,
      .post .more::before,
      .post .update::before {
        width: 40px; } }
  .post .important::after,
  .post .note::after,
  .post .info::after,
  .post .free::after,
  .post .warn::after,
  .post .stop::after,
  .post .more::after,
  .post .update::after {
    content: "";
    display: block;
    width: 14px;
    height: 19px;
    position: absolute;
    top: 15px;
    left: 4px;
    background-size: contain; }
    @media (min-width: 768px) {
      .post .important::after,
      .post .note::after,
      .post .info::after,
      .post .free::after,
      .post .warn::after,
      .post .stop::after,
      .post .more::after,
      .post .update::after {
        width: 22px;
        height: 30px;
        left: 9px; } }
  .post .important *:first-child,
  .post .note *:first-child,
  .post .info *:first-child,
  .post .free *:first-child,
  .post .warn *:first-child,
  .post .stop *:first-child,
  .post .more *:first-child,
  .post .update *:first-child {
    margin-top: 0; }
  .post .important *:last-child,
  .post .note *:last-child,
  .post .info *:last-child,
  .post .free *:last-child,
  .post .warn *:last-child,
  .post .stop *:last-child,
  .post .more *:last-child,
  .post .update *:last-child {
    margin-bottom: 0; }

.post .important::after {
  background: url("../images/icon_important_white.svg") no-repeat center; }

.post .note::after {
  background: url("../images/icon_note_white.svg") no-repeat center; }

.post .info::after {
  background: url("../images/icon_info_white.svg") no-repeat center; }

.post .free::after {
  background: url("../images/icon_info_white.svg") no-repeat center; }

.post .warn::after {
  background: url("../images/icon_warn_white.svg") no-repeat center; }

.post .stop::after {
  background: url("../images/icon_stop_white.svg") no-repeat center; }

.post .more::after {
  background: url("../images/icon_info_white.svg") no-repeat center; }

.post .free {
  display: none; }

.post .content-tab .important,
.post .content-tab .note,
.post .content-tab .info,
.post .content-tab .warn,
.post .content-tab .stop,
.post .content-tab .more,
.post .content-tab .update, .content-box .important,
.content-box .note,
.content-box .info,
.content-box .warn,
.content-box .stop,
.content-box .more,
.content-box .update {
  background-color: #fff; }

.sidebar .important,
.sidebar .note,
.sidebar .info,
.sidebar .warn,
.sidebar .stop,
.sidebar .more,
.sidebar .update {
  margin-top: 0; }
  @media (min-width: 768px) {
    .sidebar .important,
    .sidebar .note,
    .sidebar .info,
    .sidebar .warn,
    .sidebar .stop,
    .sidebar .more,
    .sidebar .update {
      padding-left: 60px; } }
.post .cite, .post .quote, .post__item blockquote {
  margin: 10px 0;
  padding-left: 32px;
  position: relative; }
  @media (min-width: 768px) {
    .post .cite, .post .quote, .post__item blockquote {
      margin: 20px 0;
      padding-left: 65px; } }
  .post .cite::before, .post .quote::before, .post__item blockquote::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 0;
    background: url("../images/icon_quotation_mark_orange.svg") no-repeat center;
    background-size: contain; }

.post .quote {
  padding-left: 80px; }
  .post .quote::before {
    background: url("../images/icon_large_quote.png") no-repeat center;
    top: 0;
    left: 0;
    width: 64px;
    height: 60px; }

.post .cite, .post__item blockquote {
  color: #d26400; }
  .post .cite::before, .post__item blockquote::before {
    width: 20px;
    height: 15px; }
    @media (min-width: 768px) {
      .post .cite::before, .post__item blockquote::before {
        width: 25px;
        height: 20px; } }
.long-quote {
  margin: 12px 0;
  padding: 6px 12px;
  border-top: 1px solid #251f1e;
  border-bottom: 1px solid #251f1e;
  background-color: #f7f7f7; }
  @media (min-width: 768px) {
    .long-quote {
      margin: 24px 0;
      padding: 12px 24px; } }
.content-box {
  margin: 24px 0;
  padding: 24px;
  background-color: rgba(205, 205, 205, 0.16); }
  .content-box.tiny-margin {
    margin: 12px 0;
    padding: 12px 24px; }
  @media (min-width: 1025px) {
    .content-box:not(.small-margin) {
      margin: 48px 0; }
    .content-box.tiny-margin, .content-box.testimonial {
      margin: 24px 0;
      padding: 24px 24px; } }
  .content-box h2:first-of-type,
  .content-box h3:first-of-type {
    margin-top: 0; }
  .content-box p:first-child {
    margin-top: 0; }
  .content-box p:last-child {
    margin-bottom: 0; }

/* No top margin if the content box is first child in left column */
#left-column .content-box:first-child {
  margin-top: 0; }

@media (max-width: 767px) {
  .planCompare__wrap {
    width: calc(100% + 24px);
    overflow-x: auto;
    margin-right: -24px; } }

table.planCompare {
  border-collapse: collapse;
  width: 100%; }
  table.planCompare tr td {
    border-bottom: 2px solid #e8e8e8; }
  table.planCompare td {
    padding: 6px; }
    table.planCompare td:not(:first-of-type) {
      text-align: center; }
  table.planCompare td.section,
  table.planCompare td[colspan="4"] {
    background-color: rgba(205, 205, 205, 0.16);
    border: none;
    padding: 12px 6px; }
    table.planCompare td.section h3,
    table.planCompare td[colspan="4"] h3 {
      font-size: 12px;
      font-family: Verdana, sans-serif;
      font-weight: bold;
      font-style: normal;
      margin: 0;
      text-transform: uppercase; }
  table.planCompare tbody > .section {
    background-color: #372f2d;
    padding: 12px 0;
    vertical-align: top; }
    table.planCompare tbody > .section h2 {
      color: white;
      font-size: 12px;
      font-family: Verdana, sans-serif;
      font-weight: bold;
      font-style: normal;
      margin: 0;
      text-transform: uppercase; }
  table.planCompare tbody > .section + tr td {
    background-color: rgba(205, 205, 205, 0.16); }
  table.planCompare .price {
    font-size: 24px; }
    @media (min-width: 1025px) {
      table.planCompare .price {
        font-size: 36px; } }
    table.planCompare .price sup {
      font-size: 0.65em; }
  table.planCompare td img:first-child,
  table.planCompare .icon-checkmark {
    width: 16px;
    display: inline-block; }

.planTable {
  position: relative;
  left: -4px;
  /* subsciption icons */ }
  .planTable td {
    vertical-align: top; }
    @media (max-width: 767px) {
      .planTable td {
        display: block; } }
    .planTable td div:first-child {
      padding-top: 0;
      padding-bottom: 0; }
  .planTable.center div {
    text-align: center; }
  .planTable.center .testimonial {
    text-align: left;
    margin-top: 24px;
    padding-top: 24px;
    padding-bottom: 24px; }
  .planTable.center div p:not(.footer) {
    border-top: 1px solid #e8e8e8;
    margin: 0 24px;
    padding: 12px 0; }
    .planTable.center div p:not(.footer):first-of-type {
      border-top: none; }
  .planTable div:not(.price) {
    padding: 24px;
    border: 1px solid #e8e8e8;
    margin-right: 24px; }
    .planTable div:not(.price) h2 {
      background-color: #372f2d;
      color: #fff;
      margin: -24px;
      margin-bottom: 12px;
      padding: 12px 24px; }
  .planTable h2:first-of-type svg {
    height: 1em;
    width: 1em;
    display: inline-block;
    color: white;
    fill: white;
    padding-right: 0.5em; }
  .planTable .price {
    font-size: 24px; }
    @media (min-width: 1025px) {
      .planTable .price {
        font-size: 36px; } }
    .planTable .price sup {
      font-size: 0.65em; }
    .planTable .price sub {
      font-size: 0.60em;
      vertical-align: baseline; }
  .planTable .footer {
    background-color: rgba(205, 205, 205, 0.16);
    margin-left: -24px;
    margin-right: -24px;
    margin-bottom: 0;
    padding: 12px; }
  .planTable.flexbox {
    display: flex;
    align-items: flex-start; }
    .planTable.flexbox > div {
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: 24px; }
      .planTable.flexbox > div p:not(.footer) {
        max-width: 20em; }

@media (min-width: 768px) {
  .planBoxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px; } }

.planBoxes .planBox {
  border: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column; }
  @media (max-width: 767px) {
    .planBoxes .planBox {
      margin-bottom: 12px; } }
  .planBoxes .planBox h3,
  .planBoxes .planBox h4,
  .planBoxes .planBox .footer {
    padding: 12px 24px;
    text-align: center; }
  .planBoxes .planBox h3,
  .planBoxes .planBox h4 {
    background-color: #372f2d;
    color: #fff;
    margin: 0; }
  .planBoxes .planBox .price {
    font-size: 24px;
    background-color: #f7f7f7;
    text-align: center; }
    @media (min-width: 1025px) {
      .planBoxes .planBox .price {
        font-size: 36px; } }
    .planBoxes .planBox .price sup {
      font-size: 0.65em; }
  .planBoxes .planBox ul {
    padding: 0 24px; }
    .planBoxes .planBox ul:not(.planFeatures) {
      padding-left: 48px; }
    @media (min-width: 768px) {
      .planBoxes .planBox ul {
        flex: 1; } }
    .planBoxes .planBox ul.planFeatures {
      list-style: none;
      margin: 0; }
      .planBoxes .planBox ul.planFeatures li {
        text-align: center;
        padding: 12px; }
        .planBoxes .planBox ul.planFeatures li:not(:last-child) {
          border-bottom: 2px solid #e8e8e8; }
        .planBoxes .planBox ul.planFeatures li p {
          margin: 0; }
  .planBoxes .planBox .footer {
    margin-top: 12px;
    margin-bottom: 0;
    background-color: #f7f7f7; }

.webinarTickets {
  margin: 2em 0; }
  .webinarTickets h2 {
    background-color: #372f2d;
    color: #fff;
    margin-bottom: 0;
    padding: 12px 24px; }
  .webinarTickets .body .fmtTable td:first-child,
  .webinarTickets .body .fmtTable th:first-child {
    padding-left: 24px; }
  .webinarTickets .body .fmtTable .price {
    text-align: right;
    white-space: nowrap; }
  .webinarTickets .body .fmtTable .soldOut {
    opacity: 0.5; }
  .webinarTickets .body .fmtTable .currentlySelling {
    transform: scale(1.02);
    box-shadow: 0 6px 30px rgba(37, 31, 30, 0.2); }
    .webinarTickets .body .fmtTable .currentlySelling td {
      background-color: #f7f7f7;
      padding-top: 12px;
      padding-bottom: 12px; }
      .webinarTickets .body .fmtTable .currentlySelling td:first-child {
        font-family: Verdana, sans-serif;
        font-weight: bold;
        font-style: normal; }
  .webinarTickets .extraMarginTop {
    margin-top: 2em !important; }

.endorsement dl dt,
.endorsement dl dd {
  margin-left: 0;
  padding-left: 60px; }

.endorsement dl dt {
  font-style: italic;
  position: relative; }
  .endorsement dl dt:before {
    content: "";
    background-image: url(../images/icon_quotation_mark.svg);
    width: 26px;
    height: 19px;
    position: absolute;
    left: 0;
    top: 3px; }

.endorsement dl dd {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin-top: 6px;
  margin-bottom: 24px; }

.testimonial {
  display: flex;
  align-items: flex-start;
  padding-top: 1em; }
  .testimonial > * {
    margin-top: 0;
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .testimonial img {
      display: none; } }
  .testimonial dl dt,
  .testimonial dl dd {
    margin-left: 0;
    padding-left: 60px; }
    @media (min-width: 768px) {
      .testimonial dl dt,
      .testimonial dl dd {
        margin-left: 24px; } }
  .testimonial dl dd {
    font-style: italic;
    position: relative; }
    .testimonial dl dd:before {
      content: "";
      background-image: url(../images/icon_quotation_mark.svg);
      width: 26px;
      height: 19px;
      position: absolute;
      left: 0;
      top: 3px; }
  .testimonial dl dt {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-style: normal;
    margin-top: 24px;
    margin-bottom: 24px; }
  .testimonial dl dt:first-of-type {
    margin-top: 0; }

.roadmap {
  font-size: 16px;
  width: 100%;
  height: 10em;
  position: relative; }
  @media (max-width: 480px) {
    .roadmap {
      font-size: 11px; } }
  .roadmap div {
    position: absolute;
    left: 0;
    width: 48%;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 12px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #f7f7f7; }
    @media (min-width: 480px) {
      .roadmap div {
        box-shadow: 0 1vh 1.4vw rgba(37, 31, 30, 0.3); } }
    .roadmap div.left {
      left: 0; }
    .roadmap div.right {
      left: 52%; }
    .roadmap div.row {
      left: 0;
      width: 100%; }
    .roadmap div.advanced {
      background: #d26400;
      color: #fff; }
    .roadmap div.missing {
      background-color: #dbdada;
      color: #908d8c;
      opacity: 0.7; }
      @media (min-width: 480px) {
        .roadmap div.missing {
          box-shadow: 0 0.3vh 0.4vw rgba(37, 31, 30, 0.2);
          transform: translateY(0.5vh); } }
    .roadmap div.intro {
      background-color: #52453c;
      color: #fff; }
    .roadmap div a {
      color: inherit !important;
      text-decoration: none !important;
      border-bottom: none !important; }
  .roadmap img.arrow {
    display: block;
    position: absolute;
    margin-top: 2.3em; }
  .roadmap img.left {
    left: 20%; }
  .roadmap img.right {
    left: 72.5%; }
  .roadmap img.middle {
    left: 50%; }
  .roadmap img.b1 {
    height: 2em; }
  .roadmap img.b2 {
    height: 6em; }
  .roadmap img.b3 {
    height: 10em; }
  .roadmap img.b4 {
    height: 14em; }
  .roadmap img.ap-l1 {
    margin-left: -3em; }
    @media (max-width: 480px) {
      .roadmap img.ap-l1 {
        margin-left: -1.5em; } }
  .roadmap img.ap-r1 {
    margin-left: 3em; }
    @media (max-width: 480px) {
      .roadmap img.ap-r1 {
        margin-left: 1.5em; } }
  .roadmap img.ap-l2 {
    margin-left: -6em; }
    @media (max-width: 480px) {
      .roadmap img.ap-l2 {
        margin-left: -3em; } }
  .roadmap img.ap-r2 {
    margin-left: 6em; }
    @media (max-width: 480px) {
      .roadmap img.ap-r2 {
        margin-left: 3em; } }
/* Table on the first page - no top margin on first element */
.normalTable td,
.fmtTable td {
  vertical-align: top; }
  .normalTable td *:first-child:not(.jump-link),
  .normalTable td a:first-child + h2,
  .normalTable td a:first-child + h3,
  .fmtTable td *:first-child:not(.jump-link),
  .fmtTable td a:first-child + h2,
  .fmtTable td a:first-child + h3 {
    margin-top: 0; }

.fmtTable {
  border-collapse: collapse;
  border: 1px solid #e8e8e8;
  width: 100%; }
  .fmtTable th,
  .fmtTable td {
    padding: 6px 12px; }
  .fmtTable th {
    background-color: rgba(205, 205, 205, 0.16); }
  .fmtTable thead th {
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-style: normal;
    vertical-align: bottom; }
    .fmtTable thead th.center {
      text-align: center; }
    .fmtTable thead th.right {
      text-align: right; }
    .fmtTable thead th.nowrap {
      white-space: nowrap; }
  .fmtTable tbody th,
  .fmtTable tbody td {
    text-align: left;
    vertical-align: top; }
    .fmtTable tbody th.center,
    .fmtTable tbody td.center {
      text-align: center; }
    .fmtTable tbody th.right,
    .fmtTable tbody td.right {
      text-align: right; }
    .fmtTable tbody th.nowrap,
    .fmtTable tbody td.nowrap {
      white-space: nowrap; }
  .fmtTable tbody .borderTop {
    border-top: 1px solid #e8e8e8; }
  .fmtTable tbody .borderBottom {
    border-bottom: 1px solid #e8e8e8; }

.tablesorter-header {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
  padding-right: 18px !important; }

.tablesorter-header:not(:first-child) {
  border-left: 1px solid #D0D0D0; }

.tablesorter-headerUnSorted:not(.sorter-false) {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==); }

.tablesorter-headerSortUp, .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7); }

.tablesorter-headerSortDown, .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7); }

div.thumb {
  max-width: 200px; }
  @media (min-width: 1025px) {
    div.thumb {
      margin: 24px 0; } }
  div.thumb div {
    overflow: hidden; }
  div.thumb .magnify {
    display: none; }
  div.thumb .thumbcaption {
    font-size: 12px;
    padding: 3px 6px;
    background-color: #372f2d;
    color: #fff;
    border: 1px solid #372f2d; }
  div.thumb a.image,
  div.thumb a.image img {
    display: block; }
  div.thumb.tright {
    clear: right;
    float: right; }
    @media (min-width: 1025px) {
      div.thumb.tright {
        margin: 0 0 24px 24px; } }
.crumbs {
  margin-top: 24px;
  margin-bottom: 24px;
  font-style: italic;
  color: #908d8c; }
  .crumbs img {
    margin: 0 3px; }
  .crumbs:first-child {
    margin-top: 0; }

/* Table-of-Contents */
.toc {
  margin: 12px 0;
  padding: 12px;
  border: 1px solid #372f2d; }
  .toc:first-child {
    margin-top: 0; }
  @media (min-width: 1025px) {
    .toc {
      margin: 24px 0; } }
  .toc h2,
  .toc h3 {
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 0; }
  .toc > ul,
  .toc td > ul {
    padding-left: 0; }
  .toc li > ul {
    padding-top: 3px;
    padding-bottom: 3px; }
    @media (min-width: 1025px) {
      .toc li > ul {
        padding-top: 6px;
        padding-bottom: 6px; } }
  .toc td *:last-child {
    margin-bottom: 0; }
  .toc li {
    display: block; }

#answertoc .tocnumber {
  display: none; }

.tooltip {
  position: relative; }
  .tooltip__trigger {
    display: inline-block;
    color: #d26400;
    cursor: pointer; }
  .tooltip__content {
    display: none;
    position: absolute;
    top: 2.5em;
    left: 50%;
    transform: translateX(-50%);
    background-color: #372f2d;
    padding: 12px;
    min-width: 200px;
    color: #fff;
    font-weight: normal;
    text-align: left; }
    .tooltip__content:before {
      position: absolute;
      top: -15px;
      left: calc(50% - 15px);
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 15px 15px;
      border-color: transparent transparent #372f2d; }
    .tooltip__content:after {
      content: "";
      position: absolute;
      top: -1.5;
      left: 0;
      height: 1.5;
      width: 100%; }
    .tooltip__content span:not(:last-of-type) {
      margin-bottom: 6px;
      display: block; }
  .tooltip:hover .tooltip__content {
    display: block; }

.teaserBox {
  margin: 24px 0;
  padding: 24px;
  text-align: center;
  border: 1px solid #e8e8e8; }
  .teaserBox h2 {
    margin-top: 0; }

.team {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start; }
  .team div {
    max-width: 200px;
    flex-basis: 200px;
    text-align: center; }
    .team div.small {
      max-width: 140px;
      flex-basis: 140px; }

.post .separator, figure, .file-content figure {
  margin: 12px 0; }
  @media (min-width: 768px) {
    .post .separator, figure, .file-content figure {
      margin: 24px 0; } }
  .post .separator img, figure img, .file-content figure img {
    max-width: 100%;
    max-width: calc(100% - 2 * 6px);
    padding: 6px;
    width: auto;
    height: auto;
    display: block; }
    @media (min-width: 768px) {
      .post .separator img, figure img, .file-content figure img {
        max-width: calc(100% - 2 * 12px);
        padding: 12px; } }
.photos figure {
  border: none; }
  .photos figure img {
    padding: 0 0;
    max-width: calc(100% - 4px); }
    @media (min-width: 768px) {
      .photos figure img {
        padding: 0 0;
        max-width: calc(100% - 4px); } }
  .photos figure figcaption {
    font-size: 90%;
    color: #372f2d;
    background-color: inherit;
    text-align: center; }

figure {
  border: 1px solid #372f2d;
  display: inline-block; }
  figure figcaption {
    font-size: 90%;
    padding: 3px 6px;
    background-color: #372f2d;
    color: #fff; }
    figure figcaption p {
      margin: 3px 0; }
      @media (min-width: 768px) {
        figure figcaption p {
          margin: 6px 0; } }
.caption {
  color: #908d8c; }

.post .intro {
  font-style: italic; }

.post .migrated {
  padding: 1em 2em;
  border-top: 1px solid;
  border-bottom: 1px solid;
  font-size: 90%;
  margin-top: 3em; }

.nextPage {
  margin: 2em 0; }
  .nextPage:after {
    content: "";
    display: table;
    clear: both; }
  .nextPage p.jump-link {
    margin: 0;
    padding: 0;
    float: right; }
    .nextPage p.jump-link a {
      background-image: none; }
  .nextPage p {
    margin: 0 2em;
    padding: 5px 0;
    float: right; }

.page-heading {
  background: url("../images/picture_ip_space_promobanner_640.jpg") no-repeat center top/cover;
  overflow: hidden; }
  @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
    .page-heading {
      background-image: url("../images/picture_ip_space_promobanner_640_2x.jpg"); } }
  @media (min-width: 768px) {
    .page-heading {
      background-image: url("../images/picture_ip_space_promobanner_1024.jpg"); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 124.8dpi), (min-width: 768px) and (min-resolution: 1.3dppx) {
    .page-heading {
      background-image: url("../images/picture_ip_space_promobanner_1024_2x.jpg"); } }
  @media (min-width: 1025px) {
    .page-heading {
      background: url("../images/picture_ip_space_promobanner_2000.jpg") no-repeat left top/cover; } }
  @media (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 1025px) and (min-resolution: 124.8dpi), (min-width: 1025px) and (min-resolution: 1.3dppx) {
    .page-heading {
      background-image: url("../images/picture_ip_space_promobanner_2000_2x.jpg"); } }
  .page-heading__wrp {
    position: relative; }
  @media (max-width: 767px) {
    .page-heading .container {
      padding: 0; } }
  .page-heading .page-title {
    font-family: Verdana, sans-serif;
    font-weight: bold;
    font-style: normal;
    margin: 0;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 1px;
    max-width: 100%;
    padding: 65px 25px 15px;
    background: url("../images/picture_ip_space_promobanner_640.jpg") no-repeat center top;
    background-size: cover; }
    @media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
      .page-heading .page-title {
        background-image: url("../images/picture_ip_space_promobanner_640_2x.jpg"); } }
    @media (min-width: 768px) {
      .page-heading .page-title {
        max-width: 350px;
        padding: 75px 0 25px;
        background: none; } }
    @media (min-width: 1025px) {
      .page-heading .page-title {
        max-width: 40%;
        padding: 85px 0 25px;
        font-size: 24px;
        letter-spacing: 1.2px; } }
    @media (min-width: 1440px) {
      .page-heading .page-title {
        max-width: 100%;
        padding: 100px 0 25px; } }
.heading-banner {
  padding: 15px 25px;
  background-color: #ff9f01; }
  @media (min-width: 768px) {
    .heading-banner {
      width: 250px;
      height: 100%;
      padding: 20px;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      right: 60px;
      background-color: transparent; } }
  @media (min-width: 1025px) {
    .heading-banner {
      width: 300px; } }
  @media (min-width: 1440px) {
    .heading-banner {
      width: 350px;
      right: -60px; } }
  .heading-banner::before {
    content: "";
    display: none;
    width: calc(100% + 40px);
    height: 100%;
    position: absolute;
    top: 0;
    left: -60px;
    background-color: #ff9f01;
    transform: skewX(-40deg); }
    @media (min-width: 768px) {
      .heading-banner::before {
        display: block; } }
    @media (min-width: 1440px) {
      .heading-banner::before {
        left: -40px; } }
  .heading-banner__title {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 14px;
    color: #fff; }
    @media (min-width: 1025px) {
      .heading-banner__title {
        font-size: 18px; } }
  .heading-banner__btn {
    display: block;
    margin-top: 15px;
    width: 160px;
    height: 30px;
    position: relative;
    z-index: 2;
    color: #ff9f01;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid #fff;
    transition: all 0.3s ease-in-out; }
    @media (min-width: 768px) {
      .heading-banner__btn {
        transform: translateX(-40px); } }
    @media (min-width: 1025px) {
      .heading-banner__btn {
        transform: translateX(-20px); } }
    @media (min-width: 1440px) {
      .heading-banner__btn {
        width: 240px;
        height: 40px;
        margin-top: 20px;
        line-height: 40px;
        font-size: 14px; } }
    .heading-banner__btn:hover {
      background-color: transparent;
      color: #fff; }

.post {
  color: #372f2d;
  /* Styling for RSS feeds - they have crazy markup */ }
  .post a {
    color: #d26400;
    transition: color 0.3s;
    text-decoration: none; }
    .post a:hover {
      color: #ff9f01; }
  .post .firstHeading,
  .post h1:first-child,
  .post h1.title,
  .post div > h2:first-child,
  .post div > h3:first-child,
  .post div > a:first-child + h1,
  .post div > a:first-child + h2,
  .post div > a:first-child + h3 {
    margin-top: 0; }
  .post h1.title {
    flex-basis: 100%; }
  .post h2.subtitle {
    margin-top: -0.5em; }
  .post .grades,
  .post #left-column > p {
    margin-top: 0; }
  .post .jump-link a {
    margin-right: 12px; }
  .post .buyButton:not(.secondary) {
    color: #fff; }
  .post .author {
    padding-right: 160px;
    clear: right;
    margin-bottom: 2em; }
    .post .author img {
      float: right;
      clear: right;
      max-width: 160px;
      max-height: 160px;
      padding-bottom: 10px;
      margin: 0 -160px 0 10px; }
    .post .author::after {
      content: "";
      display: block;
      clear: both; }
  .post .feed ul {
    margin: 0; }

.printfooter {
  display: none; }

/* PDF icon in workshop descriptions */
#pdf {
  float: right; }
  #pdf a {
    border-bottom: none; }
    #pdf a img {
      padding-left: 1em;
      padding-bottom: 1em; }

/* jump-box - a collection of jump-links */
.jump-box {
  float: right; }
  .jump-box .jump-link {
    clear: right;
    float: right;
    margin-bottom: 24px; }

/* FAQ styling */
#answers span.top {
  font-size: 70%;
  float: right; }

#answers img.thumbborder {
  border: 1px solid #52453c;
  display: inline-block;
  padding: 3px;
  background-color: white; }

/* Mediawiki styles */
.floatright {
  float: right; }

.visualClear {
  clear: both; }

.sidebar .regbox .ctoc + p,
#right-column .regbox .ctoc + p {
  color: #372f2d;
  margin-top: 24px; }

.sidebar .regbox .ctoc .len,
#right-column .regbox .ctoc .len {
  float: right;
  color: #908d8c;
  font-size: 0.8em;
  transform: translateY(0.2em);
  margin-right: -4em;
  margin-right: calc(-4em / 0.8); }

.sidebar .regbox .ctoc li,
#right-column .regbox .ctoc li {
  padding-right: 4em;
  clear: right; }

.sidebar .regbox.highlight .ctoc .len,
#right-column .regbox.highlight .ctoc .len {
  color: #ff9f01; }

.sidebar .regbox li.plain,
#right-column .regbox li.plain {
  margin-left: -19.2px;
  list-style: none; }

.planGroup {
  padding: 6px 24px;
  background-color: rgba(205, 205, 205, 0.16);
  letter-spacing: 0.15em;
  margin-bottom: 24px;
  margin-right: 12px;
  display: inline-block;
  color: #908d8c;
  fill: #908d8c; }

.planGroup svg {
  height: 1em;
  display: inline-block;
  width: 1em;
  margin-right: 0.5rem; }

.planGroup a {
  border-bottom: none !important;
  color: inherit !important;
  text-decoration: none !important; }

.currentPlanGroup {
  color: #d26400;
  fill: #d26400; }

.planBoxes.subscriptions {
  grid-template-columns: 1fr 1fr 1fr; }

.userIncrementer {
  display: flex;
  justify-content: center;
  align-items: center; }
  .userIncrementer button {
    transition: color 0.2s, background-color 0.2s, transform 0.1s;
    padding: 0;
    -webkit-appearance: none;
    background-color: transparent;
    font-size: 20px;
    line-height: 30px;
    width: 32px;
    height: 32px;
    border: 2px solid #d26400;
    color: #d26400;
    text-align: center;
    border-radius: 50%; }
    .userIncrementer button:hover {
      color: white;
      background-color: #d26400;
      cursor: pointer; }
    .userIncrementer button:active {
      transform: translateY(1px); }
    .userIncrementer button svg {
      display: inline-block;
      width: 19px;
      height: 100%; }
    .userIncrementer button.btnMinus svg {
      stroke: currentColor; }
    .userIncrementer button.btnPlus svg {
      fill: currentColor; }
  .userIncrementer .usersInPlan {
    margin: 0 12px;
    text-transform: uppercase; }

/* Mediawiki editing styles */
.editsection {
  font-size: 12px; }

#editform textarea {
  width: 100%;
  font-size: 14px; }

#p-cactions {
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #d26400; }
  #p-cactions button {
    padding-right: 12px;
    background-color: transparent;
    border: none; }
    #p-cactions button svg {
      width: 18px;
      height: 18px;
      fill: white; }
  #p-cactions li a:hover {
    color: #251f1e; }

#mw_portlets {
  position: absolute;
  padding: 12px;
  width: 15em;
  z-index: 10000;
  top: auto;
  right: auto;
  height: auto;
  transform: none;
  display: none;
  left: 0;
  background-color: white;
  border: 1px #e8e8e8 solid; }