@charset "UTF-8";
/*
Theme Name: LatePoint Landing
Theme URI: https://latepoint.com
Author: Tamik Soziev
Author URI: http://latepoint.com/
Description: LatePoint Landing
Version: 2.1.0
License:
License URI:
Text Domain: latepoint-landing
*/
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
  color: #3e4459;
  text-align: left;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 20px; }

p {
  margin-top: 0;
  margin-bottom: 20px; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 400; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #2F58FF;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }
  a:hover {
    color: #2F58FF;
    text-decoration: none; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #111;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 5px; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

.header-w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px; }

.logo-and-mobile-w {
  flex: 1; }

.logo-w {
  padding-top: 10px;
  padding-bottom: 20px;
  padding-right: 30px;
  display: block; }
  .logo-w .lp-logo {
    display: block;
    width: 20px;
    height: 20px;
    background-color: #1d7bff;
    content: "";
    box-shadow: 20px 20px 0px #1d7bff, 0px 20px 0px #1d7bff, 30px -10px 0px #1d7bff; }

.mobile-menu-trigger {
  display: none; }

.logo-w-mobile {
  display: none; }

.header-links {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 40px; }
  .header-links li {
    white-space: nowrap; }
    .header-links li a {
      display: flex;
      align-items: center;
      gap: 8px;
      color: #08183f;
      font-size: 20px; }
      .header-links li a .lpl-icon {
        color: #2F58FF; }
      .header-links li a span {
        vertical-align: middle;
        display: inline-block; }
    .header-links li.highlight a {
      color: #2F58FF; }
      .header-links li.highlight a > span:last-child {
        box-shadow: 0px 1px 0px 0px #2F58FF; }

.fancy-heading {
  padding: 0 0 10px 40px;
  position: relative;
  overflow: hidden; }
  .fancy-heading .fade-box-1,
  .fancy-heading .fade-box-2,
  .fancy-heading .fade-box-3,
  .fancy-heading .fade-box-4 {
    background-image: linear-gradient(74deg, rgba(82, 99, 123, 0.05) 12%, transparent 100%);
    height: 70px;
    width: 40%;
    left: 0px;
    bottom: 45px;
    position: absolute;
    z-index: 1; }
  .fancy-heading .fade-box-2 {
    left: 36%; }
  .fancy-heading .fade-box-3 {
    left: 64.5%; }
  .fancy-heading .page-heading {
    border-bottom: none;
    position: relative;
    z-index: 2;
    padding: 0;
    margin: 0; }
    .fancy-heading .page-heading h1 {
      font-size: 132px;
      line-height: 1;
      letter-spacing: -2px;
      color: rgba(137, 154, 185, 0.14);
      margin-left: -12px; }
    .fancy-heading .page-heading div {
      color: #737d90;
      font-size: 32px; }

.button {
  display: inline-block;
  border: 1px solid #fff;
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
  font-weight: 500;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  position: relative;
  line-height: 1.2; }
  .button.os-loading {
    color: transparent !important; }
    .button.os-loading:before {
      display: block;
      content: "";
      width: 20px !important;
      height: 20px !important;
      border-bottom: 2px solid #fff;
      border-left: 2px solid #fff;
      border-top: 2px solid #fff;
      border-right: 2px solid rgba(255, 255, 255, 0);
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation: os-loading 700ms infinite linear;
      background-color: transparent !important; }
  .button.button-primary {
    background-color: #1d7bff;
    color: #fff; }
  .button.button-lg {
    padding: 15px 25px;
    font-size: 22px; }
  .button:hover {
    color: #fff;
    text-decoration: none; }
  .button + .button {
    margin-left: 20px; }
  .button i {
    display: inline-block;
    vertical-align: middle; }
  .button span {
    display: inline-block;
    vertical-align: middle; }
  .button i + span {
    margin-left: 10px; }
  .button span + span {
    border-left: 1px solid #fff;
    padding-left: 5px; }
  .button.button-red {
    border-color: #FF5E91;
    color: #FF5E91; }
    .button.button-red span + span {
      border-color: #FF5E91; }
  .button.button-white {
    border-color: #fff;
    color: #fff; }
    .button.button-white i {
      color: #fff; }
  .button.button-doubled {
    padding: 0px; }
    .button.button-doubled span {
      padding: 10px 15px; }

@font-face {
  font-family: 'lplicon';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="lpl-icon-"], [class*=" lpl-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lplicon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.lpl-icon-star-full:before {
  content: "\e90a"; }

.lpl-icon-alert-circle:before {
  content: "\e914"; }

.lpl-icon-arrow-right:before {
  content: "\e906"; }

.lpl-icon-book-open:before {
  content: "\e901"; }

.lpl-icon-book:before {
  content: "\e90b"; }

.lpl-icon-box:before {
  content: "\e915"; }

.lpl-icon-check:before {
  content: "\e907"; }

.lpl-icon-chevron-down:before {
  content: "\e919"; }

.lpl-icon-chevron-left:before {
  content: "\e91a"; }

.lpl-icon-chevron-right:before {
  content: "\e91b"; }

.lpl-icon-chevron-up:before {
  content: "\e91c"; }

.lpl-icon-dollar-sign:before {
  content: "\e902"; }

.lpl-icon-feather:before {
  content: "\e903"; }

.lpl-icon-file-text:before {
  content: "\e90c"; }

.lpl-icon-folder:before {
  content: "\e916"; }

.lpl-icon-git-branch:before {
  content: "\e90d"; }

.lpl-icon-hard-drive:before {
  content: "\e90e"; }

.lpl-icon-layers:before {
  content: "\e917"; }

.lpl-icon-life-buoy:before {
  content: "\e904"; }

.lpl-icon-lock:before {
  content: "\e908"; }

.lpl-icon-message-circle:before {
  content: "\e905"; }

.lpl-icon-message-square:before {
  content: "\e909"; }

.lpl-icon-search:before {
  content: "\e913"; }

.lpl-icon-server:before {
  content: "\e90f"; }

.lpl-icon-shopping-cart:before {
  content: "\e910"; }

.lpl-icon-sliders:before {
  content: "\e918"; }

.lpl-icon-smile:before {
  content: "\e911"; }

.lpl-icon-zap:before {
  content: "\e912"; }

.lpl-icon-phone-14:before {
  content: "\e900"; }

@font-face {
  font-family: "latepoint";
  src: url("assets/fonts/latepoint-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "latepoint";
  src: url("assets/fonts/latepoint-semibold.woff2") format("woff2");
  font-weight: 500;
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #08183f; }

h1 {
  font-size: 52px;
  letter-spacing: -1px; }

h2 {
  font-size: 34px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 24px; }

h5 {
  font-size: 18px; }

strong {
  font-weight: 500; }

.all-wrapper {
  max-height: 100vh;
  height: 100vh;
  display: flex;
  flex-direction: column; }

.lpl-container {
  max-width: 1300px;
  width: 100%;
  padding: 0px 40px;
  margin: 0px auto; }

.lpl-white {
  background-color: #fff;
  padding: 40px;
  color: #3F4769; }
  .lpl-white h1, .lpl-white h2, .lpl-white h3, .lpl-white h4, .lpl-white h5, .lpl-white h6 {
    color: #262E52; }

.container-full {
  margin: 0px 30px; }

.copyright-footer-w {
  padding-top: 40px;
  font-size: 14px; }
  .copyright-footer-w .footer-one {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 1.1; }
  .copyright-footer-w .legal-links {
    display: flex;
    gap: 10px; }
    .copyright-footer-w .legal-links a {
      border-bottom: 1px dotted #08183f;
      color: #08183f; }
  .copyright-footer-w .footer-two {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px; }
  .copyright-footer-w .social-icons {
    border-bottom: 1px dotted #1d7bff;
    color: #1d7bff; }

html, body {
  height: 100%; }

body.page-template-page-iframe {
  background-color: transparent; }

body.latepoint-customer-logged-in .iframe-demo-customer-dashboard-wrapper {
  background-color: #fff;
  padding: 40px; }

.iframe-contents {
  height: 100%;
  background-color: transparent; }
  .iframe-contents .latepoint-login-form-w .os-social-login-options .os-social-login-option {
    font-size: 15px;
    font-weight: 400; }
  .iframe-contents .latepoint-w.latepoint-shortcode-booking-form {
    margin: 0;
    padding: 40px 15px; }
  .iframe-contents .iframe-demo-customer-dashboard-wrapper {
    padding: 40px 15px; }
    .iframe-contents .iframe-demo-customer-dashboard-wrapper .latepoint-login-form-w {
      margin: 0 auto !important; }
  .iframe-contents .iframe-demo-resources-wrapper {
    padding: 30px 15px; }
  .iframe-contents code[class*=language-], .iframe-contents pre[class*=language-] {
    white-space: pre-wrap; }
  .iframe-contents .latepoint-w.latepoint-shortcode-booking-form .latepoint-booking-form-element {
    margin: 0 auto; }
  .iframe-contents .iframe-demo-calendar-wrapper {
    margin: 40px;
    padding: 0 20px;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(115, 125, 146, 0.11), 0 1px 2px 0 rgba(160, 170, 185, 0.6);
    max-width: 1300px; }
  .iframe-contents .iframe-demo-form-wrapper {
    padding-bottom: 40px; }
  .iframe-contents .page-guide {
    box-shadow: 0px 10px 40px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    padding: 60px;
    animation: 0.4s ease 0s up20;
    animation-fill-mode: both; }
  .iframe-contents .latepoint-resources-items-w {
    animation: 0.4s ease 0s up20;
    animation-fill-mode: both; }
  .iframe-contents .shortcode-info-wrapper {
    text-align: center;
    animation: 0.4s ease 0s up20;
    animation-fill-mode: both; }
    .iframe-contents .shortcode-info-wrapper pre {
      display: inline-block; }
  .iframe-contents .shortcode-info {
    background-color: #eff0f4;
    color: #08183f;
    font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 7px 12px;
    margin: 0px auto;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 20px; }
    .iframe-contents .shortcode-info span {
      background-color: #fff;
      color: #1d7bff;
      margin: 0 5px; }

.page-template-page-iframe .top-bar {
  display: none; }

.iframe-demo-button-wrapper {
  text-align: center;
  padding: 40px 0; }
  .iframe-demo-button-wrapper .latepoint-book-button {
    background-color: #1d7bff;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 22px;
    white-space: nowrap; }

.iframe-demo-button-wrapper {
  animation: 0.4s ease 0s up20;
  animation-fill-mode: both; }

.page-guide {
  background-color: #fff;
  padding: 60px 0px;
  font-size: 18px;
  max-width: 860px;
  margin: 0px auto; }
  .page-guide h1, .page-guide h2, .page-guide h3, .page-guide h4, .page-guide h5 {
    color: #08183f; }
  .page-guide h2 {
    font-size: 28px; }
  .page-guide h3 {
    font-size: 24px; }
  .page-guide h4 {
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 30px; }
  .page-guide h5 {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 10px;
    color: #1d7bff;
    letter-spacing: 0; }
  .page-guide p {
    margin-bottom: 15px; }
  .page-guide pre {
    background-color: #1a2952;
    color: #fff;
    font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    padding: 10px;
    font-size: 13px;
    border-radius: 4px; }

.iframe-demo-resources-wrapper {
  max-width: 900px;
  margin: 0px auto; }
  .iframe-demo-resources-wrapper .shortcode-info-wrapper {
    margin-bottom: 20px; }
  .iframe-demo-resources-wrapper .latepoint-resources-items-w {
    margin: 0;
    margin-bottom: 40px;
    padding-bottom: 40px; }
    .iframe-demo-resources-wrapper .latepoint-resources-items-w + h2 {
      margin-top: 40px; }
    .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item {
      box-shadow: 0px 10px 40px -3px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
      text-align: center; }
      .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title, .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
        color: #1d7bff; }
      .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .latepoint-btn.latepoint-btn-primary {
        background-color: #1d7bff;
        display: block;
        text-align: center; }
      .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-name h3 {
        line-height: 1.2;
        font-size: 24px; }
      .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-description {
        color: #7d849e;
        margin: 0; }
      .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-media {
        background-size: contain;
        background-position: top center;
        margin: 0; }
      .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-buttons {
        border-top: 1px solid #eee;
        padding-top: 15px;
        margin-top: 15px; }

.output-wrapper.squared-corners .latepoint-book-button,
.output-wrapper.squared-corners .latepoint-w .os-form-group.os-form-select-group .os-form-control,
.output-wrapper.squared-corners .latepoint-w .os-form-group.os-form-select-group input.os-form-control,
.output-wrapper.squared-corners .latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.output-wrapper.squared-corners .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-form-group.os-form-phonefield-group,
.output-wrapper.squared-corners .latepoint-w .dp-timebox,
.output-wrapper.squared-corners .latepoint-w .step-datepicker-w .dp-capacity,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li .progress-item,
.output-wrapper.squared-corners .latepoint-w .os-monthly-calendar-days .os-day .os-available-slots-tooltip,
.output-wrapper.squared-corners .latepoint-w .os-monthly-calendar-days .os-day .os-day-box,
.output-wrapper.squared-corners .latepoint-w .latepoint-btn,
.output-wrapper.squared-corners .latepoint-w .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .os-items .os-item .os-item-i .os-item-img-w,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .lp-options .lp-option,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-side-panel,
.output-wrapper.squared-corners .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,
.output-wrapper.squared-corners .latepoint-w.latepoint-hide-side-panel .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-form-w,
.output-wrapper.squared-corners .latepoint-w .latepoint-booking-form-element.latepoint-border-radius-rounded .latepoint-summary-w,
.output-wrapper.squared-corners .latepoint-w .os-monthly-calendar-days .os-day .os-day-box .os-day-status {
  border-radius: 0 !important; }

.output-wrapper.rounded-corners .latepoint-w .os-form-group.os-form-select-group .os-form-control,
.output-wrapper.rounded-corners .latepoint-w .os-form-group.os-form-select-group input.os-form-control,
.output-wrapper.rounded-corners .latepoint-w .os-form-group.os-form-textfield-group .os-form-control,
.output-wrapper.rounded-corners .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control,
.output-wrapper.rounded-corners .latepoint-w .os-form-buttons .os-form-group .latepoint-btn,
.output-wrapper.rounded-corners .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item,
.output-wrapper.rounded-corners .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .latepoint-btn.latepoint-btn-primary,
.output-wrapper.rounded-corners .latepoint-w .latepoint-login-form-w {
  border-radius: 8px !important; }

.output-wrapper.color-red .iframe-contents .latepoint-login-form-w .latepoint-btn {
  background-color: #e76666; }
  .output-wrapper.color-red .iframe-contents .latepoint-login-form-w .latepoint-btn.latepoint-btn-link {
    background-color: transparent;
    color: #e76666; }

.output-wrapper.color-red .latepoint-book-button {
  background-color: #e76666; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
  background-color: rgba(231, 102, 102, 0.25) !important; }

.output-wrapper.color-red .dp-timebox.selected, .output-wrapper.color-red .dp-timebox.selected:after {
  background-color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected,
.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
  color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
  color: #e76666 !important; }

.output-wrapper.color-red .summary-box .sbc-highlighted-item {
  color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .times-header span {
  color: #e76666 !important;
  border-color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
  background-color: #e76666 !important; }

.output-wrapper.color-red .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #e76666 !important;
  box-shadow: 0 0 0 1px #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
  background-color: #e76666 !important;
  color: #fff !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
  color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i:first-letter {
  color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
  color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
  border-color: #e76666 !important;
  color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #e76666 !important;
  box-shadow: 0 0 0 1px #e76666 !important; }

.output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .output-wrapper.color-red .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
  background-color: #e76666 !important; }

.output-wrapper.color-red .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
  background-color: #e76666 !important; }

.output-wrapper.color-red .latepoint-btn.latepoint-btn-primary:not(.latepoint-btn-link):not(.latepoint-btn-outline) {
  background: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .output-wrapper.color-red .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .output-wrapper.color-red .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .output-wrapper.color-red .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  border-color: #e76666 !important; }

.output-wrapper.color-red .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
  border-color: #e76666 !important; }

.output-wrapper.color-red .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title,
.output-wrapper.color-red .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
  color: #e76666 !important; }

.output-wrapper.color-orange .iframe-contents .latepoint-login-form-w .latepoint-btn {
  background-color: #f87528; }
  .output-wrapper.color-orange .iframe-contents .latepoint-login-form-w .latepoint-btn.latepoint-btn-link {
    background-color: transparent;
    color: #f87528; }

.output-wrapper.color-orange .latepoint-book-button {
  background-color: #f87528; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
  background-color: rgba(248, 117, 40, 0.25) !important; }

.output-wrapper.color-orange .dp-timebox.selected, .output-wrapper.color-orange .dp-timebox.selected:after {
  background-color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected,
.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
  color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
  color: #f87528 !important; }

.output-wrapper.color-orange .summary-box .sbc-highlighted-item {
  color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .times-header span {
  color: #f87528 !important;
  border-color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
  background-color: #f87528 !important; }

.output-wrapper.color-orange .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #f87528 !important;
  box-shadow: 0 0 0 1px #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
  background-color: #f87528 !important;
  color: #fff !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
  color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i:first-letter {
  color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
  color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
  border-color: #f87528 !important;
  color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #f87528 !important;
  box-shadow: 0 0 0 1px #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .output-wrapper.color-orange .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
  background-color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
  background-color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-btn.latepoint-btn-primary:not(.latepoint-btn-link):not(.latepoint-btn-outline) {
  background: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .output-wrapper.color-orange .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .output-wrapper.color-orange .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .output-wrapper.color-orange .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  border-color: #f87528 !important; }

.output-wrapper.color-orange .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
  border-color: #f87528 !important; }

.output-wrapper.color-orange .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title,
.output-wrapper.color-orange .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
  color: #f87528 !important; }

.output-wrapper.color-teal .iframe-contents .latepoint-login-form-w .latepoint-btn {
  background-color: #0dbbb4; }
  .output-wrapper.color-teal .iframe-contents .latepoint-login-form-w .latepoint-btn.latepoint-btn-link {
    background-color: transparent;
    color: #0dbbb4; }

.output-wrapper.color-teal .latepoint-book-button {
  background-color: #0dbbb4; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
  background-color: rgba(13, 187, 180, 0.25) !important; }

.output-wrapper.color-teal .dp-timebox.selected, .output-wrapper.color-teal .dp-timebox.selected:after {
  background-color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected,
.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
  color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
  color: #0dbbb4 !important; }

.output-wrapper.color-teal .summary-box .sbc-highlighted-item {
  color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .times-header span {
  color: #0dbbb4 !important;
  border-color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
  background-color: #0dbbb4 !important; }

.output-wrapper.color-teal .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #0dbbb4 !important;
  box-shadow: 0 0 0 1px #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
  background-color: #0dbbb4 !important;
  color: #fff !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
  color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i:first-letter {
  color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
  color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
  border-color: #0dbbb4 !important;
  color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #0dbbb4 !important;
  box-shadow: 0 0 0 1px #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .output-wrapper.color-teal .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
  background-color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
  background-color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-btn.latepoint-btn-primary:not(.latepoint-btn-link):not(.latepoint-btn-outline) {
  background: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .output-wrapper.color-teal .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .output-wrapper.color-teal .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .output-wrapper.color-teal .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  border-color: #0dbbb4 !important; }

.output-wrapper.color-teal .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
  border-color: #0dbbb4 !important; }

.output-wrapper.color-teal .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title,
.output-wrapper.color-teal .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
  color: #0dbbb4 !important; }

.output-wrapper.color-green .iframe-contents .latepoint-login-form-w .latepoint-btn {
  background-color: #a6c762; }
  .output-wrapper.color-green .iframe-contents .latepoint-login-form-w .latepoint-btn.latepoint-btn-link {
    background-color: transparent;
    color: #a6c762; }

.output-wrapper.color-green .latepoint-book-button {
  background-color: #a6c762; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
  background-color: rgba(166, 199, 98, 0.25) !important; }

.output-wrapper.color-green .dp-timebox.selected, .output-wrapper.color-green .dp-timebox.selected:after {
  background-color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected,
.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
  color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
  color: #a6c762 !important; }

.output-wrapper.color-green .summary-box .sbc-highlighted-item {
  color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .times-header span {
  color: #a6c762 !important;
  border-color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
  background-color: #a6c762 !important; }

.output-wrapper.color-green .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #a6c762 !important;
  box-shadow: 0 0 0 1px #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
  background-color: #a6c762 !important;
  color: #fff !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
  color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i:first-letter {
  color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
  color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
  border-color: #a6c762 !important;
  color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #a6c762 !important;
  box-shadow: 0 0 0 1px #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .output-wrapper.color-green .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
  background-color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
  background-color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-btn.latepoint-btn-primary:not(.latepoint-btn-link):not(.latepoint-btn-outline) {
  background: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .output-wrapper.color-green .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .output-wrapper.color-green .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .output-wrapper.color-green .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  border-color: #a6c762 !important; }

.output-wrapper.color-green .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
  border-color: #a6c762 !important; }

.output-wrapper.color-green .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title,
.output-wrapper.color-green .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
  color: #a6c762 !important; }

.output-wrapper.color-purple .iframe-contents .latepoint-login-form-w .latepoint-btn {
  background-color: #8266e7; }
  .output-wrapper.color-purple .iframe-contents .latepoint-login-form-w .latepoint-btn.latepoint-btn-link {
    background-color: transparent;
    color: #8266e7; }

.output-wrapper.color-purple .latepoint-book-button {
  background-color: #8266e7; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
  background-color: rgba(130, 102, 231, 0.25) !important; }

.output-wrapper.color-purple .dp-timebox.selected, .output-wrapper.color-purple .dp-timebox.selected:after {
  background-color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected,
.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
  color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
  color: #8266e7 !important; }

.output-wrapper.color-purple .summary-box .sbc-highlighted-item {
  color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .times-header span {
  color: #8266e7 !important;
  border-color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
  background-color: #8266e7 !important; }

.output-wrapper.color-purple .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #8266e7 !important;
  box-shadow: 0 0 0 1px #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
  background-color: #8266e7 !important;
  color: #fff !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
  color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i:first-letter {
  color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
  color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
  border-color: #8266e7 !important;
  color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #8266e7 !important;
  box-shadow: 0 0 0 1px #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .output-wrapper.color-purple .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
  background-color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
  background-color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-btn.latepoint-btn-primary:not(.latepoint-btn-link):not(.latepoint-btn-outline) {
  background: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .output-wrapper.color-purple .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .output-wrapper.color-purple .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .output-wrapper.color-purple .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  border-color: #8266e7 !important; }

.output-wrapper.color-purple .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
  border-color: #8266e7 !important; }

.output-wrapper.color-purple .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title,
.output-wrapper.color-purple .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
  color: #8266e7 !important; }

.output-wrapper.color-black .iframe-contents .latepoint-login-form-w .latepoint-btn {
  background-color: #111; }
  .output-wrapper.color-black .iframe-contents .latepoint-login-form-w .latepoint-btn.latepoint-btn-link {
    background-color: transparent;
    color: #111; }

.output-wrapper.color-black .latepoint-book-button {
  background-color: #111; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
  background-color: rgba(17, 17, 17, 0.25) !important; }

.output-wrapper.color-black .dp-timebox.selected, .output-wrapper.color-black .dp-timebox.selected:after {
  background-color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected,
.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
  color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
  color: #111 !important; }

.output-wrapper.color-black .summary-box .sbc-highlighted-item {
  color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .times-header span {
  color: #111 !important;
  border-color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
  background-color: #111 !important; }

.output-wrapper.color-black .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #111 !important;
  box-shadow: 0 0 0 1px #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
  background-color: #111 !important;
  color: #fff !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
  color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i:first-letter {
  color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
  color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
  border-color: #111 !important;
  color: #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #111 !important;
  box-shadow: 0 0 0 1px #111 !important; }

.output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .output-wrapper.color-black .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
  background-color: #111 !important; }

.output-wrapper.color-black .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
  background-color: #111 !important; }

.output-wrapper.color-black .latepoint-btn.latepoint-btn-primary:not(.latepoint-btn-link):not(.latepoint-btn-outline) {
  background: #111 !important; }

.output-wrapper.color-black .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .output-wrapper.color-black .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .output-wrapper.color-black .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .output-wrapper.color-black .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  border-color: #111 !important; }

.output-wrapper.color-black .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
  border-color: #111 !important; }

.output-wrapper.color-black .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title,
.output-wrapper.color-black .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
  color: #111 !important; }

.output-wrapper.color-blue .iframe-contents .latepoint-login-form-w .latepoint-btn {
  background-color: #1d7bff; }
  .output-wrapper.color-blue .iframe-contents .latepoint-login-form-w .latepoint-btn.latepoint-btn-link {
    background-color: transparent;
    color: #1d7bff; }

.output-wrapper.color-blue .latepoint-book-button {
  background-color: #1d7bff; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-step-desc-w .latepoint-step-desc .latepoint-desc-media.svg-w:before {
  background-color: rgba(29, 123, 255, 0.25) !important; }

.output-wrapper.color-blue .dp-timebox.selected, .output-wrapper.color-blue .dp-timebox.selected:after {
  background-color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .lp-options .lp-option.selected,
.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .lp-options .lp-option:hover {
  box-shadow: 0px 0px 0px 2px #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .lp-options .lp-option:hover .lp-option-label {
  color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .os-items .os-item.with-plus:after {
  color: #1d7bff !important; }

.output-wrapper.color-blue .summary-box .sbc-highlighted-item {
  color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .times-header span {
  color: #1d7bff !important;
  border-color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .os-monthly-calendar-days .os-day.selected:not(.os-not-available) .os-day-box {
  background-color: #1d7bff !important; }

.output-wrapper.color-blue .os-monthly-calendar-days-w.hide-if-single-slot .os-day.selected:after {
  background-color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i:hover {
  border-color: #1d7bff !important;
  box-shadow: 0 0 0 1px #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn:hover span {
  background-color: #1d7bff !important;
  color: #fff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary.latepoint-btn-link {
  color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-content-i:first-letter {
  color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .os-item-details-popup .item-details-popup-content .item-details-popup-features .item-details-popup-feature .item-details-popup-feature-value {
  color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item .os-item-details-popup-btn span {
  border-color: #1d7bff !important;
  color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #1d7bff !important;
  box-shadow: 0 0 0 1px #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.active .progress-item, .output-wrapper.color-blue .latepoint-w .latepoint-booking-form-element .latepoint-progress ul li.complete .progress-item {
  background-color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-booking-form-element .os-step-tabs .os-step-tab:before {
  background-color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-btn.latepoint-btn-primary:not(.latepoint-btn-link):not(.latepoint-btn-outline) {
  background: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .os-form-group.os-form-select-group .os-form-control:focus, .output-wrapper.color-blue .latepoint-w .os-form-group.os-form-select-group input.os-form-control:focus, .output-wrapper.color-blue .latepoint-w .os-form-group.os-form-textfield-group .os-form-control:focus, .output-wrapper.color-blue .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control:focus {
  border-color: #1d7bff !important; }

.output-wrapper.color-blue .latepoint-w .os-form-group.os-form-phonefield-group:has(.os-form-control:focus) {
  border-color: #1d7bff !important; }

.output-wrapper.color-blue .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-title,
.output-wrapper.color-blue .iframe-demo-resources-wrapper .latepoint-resources-items-w .resource-item .ri-price {
  color: #1d7bff !important; }

.bubble {
  width: 7px;
  height: 7px;
  border: 1px solid #1d7bff;
  background-color: #fff;
  position: absolute;
  border-radius: 8px; }

.intro-w {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 0px;
  min-height: 80vh; }
  .intro-w .bubble:nth-child(1) {
    left: calc(3% - 3px);
    top: 20%; }
  .intro-w .bubble:nth-child(2) {
    left: calc(23% - 3px);
    top: 15%; }
  .intro-w .bubble:nth-child(3) {
    left: calc(23% - 3px);
    top: 75%; }
  .intro-w .bubble:nth-child(4) {
    left: calc(43% - 3px);
    top: 40%; }
  .intro-w .bubble:nth-child(5) {
    left: calc(63% - 3px);
    top: 15%; }
  .intro-w .bubble:nth-child(6) {
    left: calc(83% - 3px);
    top: 18%; }
  .intro-w .bubble:nth-child(7) {
    left: calc(83% - 3px);
    top: 95%; }
  .intro-w .intro-text {
    flex: 0 0 520px;
    padding-right: 60px;
    animation: 0.7s cubic-bezier(0.2, 1.2, 0.5, 1) 0s introTitleAnimation;
    animation-fill-mode: both; }
    .intro-w .intro-text h1 {
      line-height: 1.2; }
    .intro-w .intro-text p {
      font-size: 25px; }
      .intro-w .intro-text p span {
        color: #ff679d; }
    .intro-w .intro-text .button {
      display: inline-flex;
      align-items: center; }
      .intro-w .intro-text .button span {
        margin-right: 10px; }
      .intro-w .intro-text .button i {
        opacity: 0.8;
        transition: all 0.2s ease; }
      .intro-w .intro-text .button span, .intro-w .intro-text .button i {
        display: block; }
      .intro-w .intro-text .button:hover i {
        opacity: 1;
        transform: translateX(5px); }
  .intro-w .intro-example {
    flex: 1;
    text-align: center;
    z-index: 3;
    position: relative;
    animation: 0.7s cubic-bezier(0.2, 1.2, 0.5, 1) 0s introBoxAnimation;
    animation-fill-mode: both; }
    .intro-w .intro-example img {
      max-width: 100%;
      height: auto; }
    .intro-w .intro-example video {
      width: 100%; }

.how-block-w {
  padding-top: 150px; }
  .how-block-w h3 {
    font-size: 34px; }
  .how-block-w .how-desc {
    font-size: 20px;
    margin-bottom: 50px;
    width: 450px; }
  .how-block-w .how-steps {
    display: flex;
    align-items: flex-start;
    padding-left: 40px;
    padding-right: 40px; }
    .how-block-w .how-steps .how-step {
      position: relative; }
  .how-block-w .step-number {
    font-size: 44px;
    color: #37394E;
    position: absolute;
    top: 10px;
    left: -38px;
    padding: 0px 5px; }
  .how-block-w .step-desc {
    background-color: #ECF4FF;
    font-size: 18px;
    padding: 20px 30px 50px;
    color: #4A5477;
    position: relative;
    border-radius: 4px; }
  .how-block-w .step-one {
    flex: 0 0 270px; }
    .how-block-w .step-one .step-content {
      background: #FFFFFF;
      box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(209, 212, 219, 0.24);
      border-radius: 4px;
      padding: 20px;
      display: flex;
      transform: translate(30px, -30px); }
      .how-block-w .step-one .step-content .logo-w {
        flex: 0 0 70px; }
        .how-block-w .step-one .step-content .logo-w .logo {
          display: block;
          width: 16px;
          height: 16px;
          background-color: #1d7bff;
          content: "";
          box-shadow: 16px 16px 0px #1d7bff, 0px 16px 0px #1d7bff, 24px -8px 0px #1d7bff; }
      .how-block-w .step-one .step-content .content-desc {
        flex: 1; }
      .how-block-w .step-one .step-content .text-boxes {
        display: flex; }
        .how-block-w .step-one .step-content .text-boxes .text-box {
          height: 15px;
          background-color: #EDEEF2;
          border-radius: 2px;
          flex: 0 0 55%; }
          .how-block-w .step-one .step-content .text-boxes .text-box + .text-box {
            flex: 0 0 30%;
            margin-left: 10px; }
      .how-block-w .step-one .step-content .install-btn {
        margin-top: 10px;
        background-color: #1d7bff;
        padding: 5px 15px;
        color: #fff;
        font-size: 16px;
        border-radius: 4px;
        display: inline-block; }
  .how-block-w .step-two {
    flex: 0 0 270px;
    margin-left: 130px; }
    .how-block-w .step-two .step-content {
      background: #FFFFFF;
      border: 1px solid #979797;
      box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      padding: 20px;
      transform: translate(30px, -30px); }
      .how-block-w .step-two .step-content .desc-label {
        font-weight: 500;
        margin-bottom: 6px;
        font-size: 16px;
        color: #4A4C5D; }
      .how-block-w .step-two .step-content .desc-shortcode {
        font-size: 18px;
        background-color: #FFE9AD;
        display: inline-block;
        padding: 2px 4px;
        color: #42291B; }
  .how-block-w .step-three {
    margin-left: 130px;
    flex: 1;
    position: relative; }
    .how-block-w .step-three .step-content {
      background-image: url("/wp-content/themes/latepoint-wp-landing-theme/assets/images/step-three-how-bg.png");
      background-size: cover;
      background-position: top left;
      padding-top: 114%;
      position: absolute;
      bottom: 0px;
      left: 0px;
      right: 0px;
      box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(209, 212, 219, 0.24);
      border-radius: 4px;
      transform: translate(30px, 20px);
      z-index: 2; }
    .how-block-w .step-three .step-book-btn {
      background-color: #1d7bff;
      padding: 5px 15px;
      color: #fff;
      font-size: 16px;
      border-radius: 4px;
      display: inline-block;
      position: absolute;
      top: 84.5%;
      left: 10%; }
    .how-block-w .step-three .step-desc {
      transform: translateY(90%);
      padding-bottom: 20px;
      padding-top: 50px; }
      .how-block-w .step-three .step-desc .step-number {
        top: 40px; }

.feature-block-w {
  padding: 10% 0px; }
  .feature-block-w .feature-block-i {
    display: flex;
    align-items: center; }
  .feature-block-w .feature-note {
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #FFE9AD;
    color: #42291B;
    font-size: 18px;
    padding: 1px 7px;
    display: inline-block; }
  .feature-block-w.squeezed .feature-block-i {
    padding-left: 50px;
    padding-right: 50px; }
    .feature-block-w.squeezed .feature-block-i .feature-block-media-left img,
    .feature-block-w.squeezed .feature-block-i .feature-block-media-right img {
      max-width: 100%; }
    .feature-block-w.squeezed .feature-block-i .feature-block-media-left {
      flex: 1; }
    .feature-block-w.squeezed .feature-block-i .feature-block-text {
      text-align: center;
      flex: 0 0 550px;
      margin-left: 80px;
      margin-right: 80px; }
    .feature-block-w.squeezed .feature-block-i .feature-block-media-right {
      flex: 1; }
  .feature-block-w.dark-bg {
    color: #7783A8; }
    .feature-block-w.dark-bg h3 {
      color: #fff; }
  .feature-block-w.centered .feature-block-text {
    margin: 0px auto;
    max-width: 700px; }
  .feature-block-w.centered .feature-block-i {
    display: block;
    text-align: center; }
  .feature-block-w .feature-block-text {
    flex: 0 0 480px;
    font-size: 20px;
    margin-right: 60px; }
    .feature-block-w .feature-block-text h3 {
      font-size: 34px; }
    .feature-block-w .feature-block-text h5 {
      font-size: 20px;
      margin-bottom: 10px; }
    .feature-block-w .feature-block-text .link-uline {
      display: inline-block;
      font-size: 24px;
      color: #2F58FF;
      margin-top: 20px; }
      .feature-block-w .feature-block-text .link-uline span {
        display: inline-block;
        vertical-align: middle; }
      .feature-block-w .feature-block-text .link-uline span + span {
        margin-left: 10px; }
      .feature-block-w .feature-block-text .link-uline span:not(.lpl-icon) {
        box-shadow: 0px 1px 0px 0px #2F58FF; }
    .feature-block-w .feature-block-text .feature-icon {
      margin-bottom: 20px; }
  .feature-block-w .feature-sub-block {
    margin-top: 30px;
    font-size: 18px; }
  .feature-block-w .feature-block-media {
    flex: 1; }
    .feature-block-w .feature-block-media img {
      max-width: 100%;
      height: auto; }
    .feature-block-w .feature-block-media + .feature-block-text {
      margin-right: 0px;
      margin-left: 100px; }
  .feature-block-w .checked-list {
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
    list-style: none; }
    .feature-block-w .checked-list.splitted {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .feature-block-w .checked-list.splitted li {
        flex: 0 0 48%;
        padding-left: 30px;
        margin-bottom: 20px;
        position: relative; }
        .feature-block-w .checked-list.splitted li:before {
          /* use !important to prevent issues with browser extensions that change fonts */
          font-family: 'lplicon' !important;
          speak: none;
          font-style: normal;
          font-weight: normal;
          font-variant: normal;
          text-transform: none;
          line-height: 1;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          content: "";
          color: #29D3A7;
          font-size: 20px;
          position: absolute;
          top: 50%;
          left: 0px;
          display: block;
          transform: translateY(-50%); }

.lpl-calendar-bg-w {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 100vh;
  z-index: -1;
  overflow: hidden; }
  .lpl-calendar-bg-w svg {
    position: absolute;
    bottom: 0px;
    left: -100px;
    transform: rotate(90deg); }

.feature-block-customer-cabinet {
  background-image: url("/wp-content/themes/latepoint-wp-landing-theme/assets/images/bg-1.png");
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat; }

.feature-customer-cabinet-w {
  margin-top: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-around; }
  .feature-customer-cabinet-w .feature-login-w {
    flex: 0 0 275px; }
  .feature-customer-cabinet-w .feature-customer-appointments {
    flex: 0 0 275px; }
  .feature-customer-cabinet-w .feature-customer-messages {
    flex: 0 0 275px; }

.feature-login-i {
  background-color: #fff;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(122, 129, 140, 0.5), 0 9px 14px 0 rgba(0, 0, 0, 0.09);
  position: relative; }
  .feature-login-i .lock-icon {
    color: #FFBF21;
    font-size: 20px;
    right: 10px;
    top: 10px;
    position: absolute; }
  .feature-login-i h4 {
    font-size: 20px; }
  .feature-login-i input {
    box-shadow: none;
    border: 1px solid #CDD2DC;
    padding: 8px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    display: block;
    width: 100%; }
    .feature-login-i input::placeholder {
      color: #8D94A6; }
  .feature-login-i .feature-login-btn {
    background-color: #1d7bff;
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px; }

.feature-customer-appointments {
  position: relative; }
  .feature-customer-appointments .feature-customer-appointment {
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(122, 129, 140, 0.5), 0 9px 14px 0 rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    padding: 40px;
    text-align: left;
    position: relative;
    z-index: 3; }
  .feature-customer-appointments .box-shadow-one {
    z-index: 2;
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(122, 129, 140, 0.5), 0 9px 14px 0 rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    transform: translate(10px, 10px);
    opacity: 0.8; }
  .feature-customer-appointments .box-shadow-two {
    z-index: 1;
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(122, 129, 140, 0.5), 0 9px 14px 0 rgba(0, 0, 0, 0.09);
    border-radius: 4px;
    transform: translate(20px, 20px);
    opacity: 0.5; }
  .feature-customer-appointments h4 {
    font-size: 20px;
    border-bottom: 2px solid #1d7bff;
    padding: 0px;
    margin: 0px;
    margin-bottom: 15px;
    padding-bottom: 10px; }
  .feature-customer-appointments .feature-app-line {
    display: flex;
    margin-bottom: 5px; }
    .feature-customer-appointments .feature-app-line span {
      flex: 0 0 75px;
      color: #96A0B9; }
    .feature-customer-appointments .feature-app-line strong {
      flex: 1;
      color: #21242E; }
  .feature-customer-appointments .feature-app-buttons {
    margin-top: 20px; }
  .feature-customer-appointments .feature-app-btn {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    border: 1px solid #37394E;
    color: #37394E;
    font-size: 14px; }
    .feature-customer-appointments .feature-app-btn + .feature-app-btn {
      margin-left: 8px; }

.feature-chat-box {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(122, 129, 140, 0.5), 0 9px 14px 0 rgba(0, 0, 0, 0.09);
  border-radius: 4px; }
  .feature-chat-box .cb-head {
    padding: 10px;
    border-bottom: 1px solid #eee; }
  .feature-chat-box .cb-body {
    padding: 20px 30px 10px; }
  .feature-chat-box .cb-message {
    margin-bottom: 10px; }
    .feature-chat-box .cb-message .cb-message-box {
      background-color: #1d7bff;
      color: #fff;
      padding: 6px 15px;
      border-radius: 10px;
      font-size: 12px;
      display: inline-block;
      max-width: 80%; }
    .feature-chat-box .cb-message .cb-message-info {
      display: flex; }
      .feature-chat-box .cb-message .cb-message-info .cb-avatar {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        background-color: #eceef2;
        background-image: url("/wp-content/themes/latepoint-wp-landing-theme/assets/images/avatar1.jpg");
        background-size: cover;
        box-shadow: 0px 0px 0px 2px #fff; }
      .feature-chat-box .cb-message .cb-message-info .cb-text-blocks {
        display: flex;
        align-items: center; }
        .feature-chat-box .cb-message .cb-message-info .cb-text-blocks .cb-text-block {
          flex: 0 0 30px;
          width: 30px;
          background-color: #eceef2;
          border-radius: 2px;
          height: 7px;
          margin-left: 6px; }
          .feature-chat-box .cb-message .cb-message-info .cb-text-blocks .cb-text-block + .cb-text-block {
            flex: 0 0 15px;
            width: 15px; }
    .feature-chat-box .cb-message.cbm-customer {
      text-align: left; }
      .feature-chat-box .cb-message.cbm-customer .cb-message-box {
        background-color: #eceef2;
        color: #464854;
        border-radius: 10px 10px 10px 0px; }
    .feature-chat-box .cb-message.cbm-agent {
      text-align: right; }
      .feature-chat-box .cb-message.cbm-agent .cb-message-box {
        border-radius: 10px 10px 0px 10px; }
      .feature-chat-box .cb-message.cbm-agent .cb-message-info {
        flex-direction: row-reverse; }
        .feature-chat-box .cb-message.cbm-agent .cb-message-info .cb-avatar {
          background-image: url("/wp-content/themes/latepoint-wp-landing-theme/assets/images/avatar2.jpg"); }
        .feature-chat-box .cb-message.cbm-agent .cb-message-info .cb-text-blocks {
          display: flex;
          align-items: center; }
          .feature-chat-box .cb-message.cbm-agent .cb-message-info .cb-text-blocks .cb-text-block {
            margin-left: auto;
            margin-right: 6px; }
  .feature-chat-box .cb-foot {
    position: relative;
    border-top: 1px solid #eee; }
    .feature-chat-box .cb-foot input {
      display: block;
      width: 100%;
      border: none;
      padding: 10px;
      padding-left: 20px;
      background-color: transparent;
      box-shadow: none; }
    .feature-chat-box .cb-foot .cb-btn {
      display: inline-block;
      padding: 3px 5px;
      background-color: #1d7bff;
      color: #fff;
      border-radius: 4px;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%); }

.roadmap-features {
  display: flex;
  margin-top: 40px; }
  .roadmap-features .roadmap-feature {
    flex: 1; }
    .roadmap-features .roadmap-feature + .roadmap-feature {
      padding-left: 30px; }
  .roadmap-features .roadmap-feature-value {
    font-size: 40px;
    line-height: 48px;
    color: #4253F6;
    border-bottom: 2px dotted #4253F6;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 500; }
  .roadmap-features .roadmap-feature-label {
    font-size: 22px;
    color: #08183f; }

.lines-vert {
  position: absolute;
  height: 100%;
  width: 100%; }
  .lines-vert .line {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.05);
    height: 100%;
    width: 1px; }
    .lines-vert .line:nth-child(1) {
      left: 3%; }
    .lines-vert .line:nth-child(2) {
      left: 23%; }
    .lines-vert .line:nth-child(3) {
      left: 43%; }
    .lines-vert .line:nth-child(4) {
      left: 63%; }
    .lines-vert .line:nth-child(5) {
      left: 83%; }

.features-addons-w {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 40px; }
  .features-addons-w .feature-addon {
    background-color: #fff;
    text-align: center;
    border-radius: 6px;
    flex: 0 0 17%;
    padding: 15px 20px;
    box-shadow: 6px 6px 0px 0px #031042, 8px 8px 0px 0px #1d7bff; }
    .features-addons-w .feature-addon .addon-media {
      padding-bottom: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
      margin: 0px 20px; }
    .features-addons-w .feature-addon .addon-name {
      color: #08183f;
      font-size: 18px;
      font-weight: 500;
      font-size: 20px; }
    .features-addons-w .feature-addon.addon-messages .addon-media {
      margin: 0px; }
    .features-addons-w .feature-addon.feature-addons-link {
      background-color: transparent;
      box-shadow: 6px 6px 0px 0px #031042, 8px 8px 0px 0px #1d7bff;
      border: 2px dotted #535DBF;
      display: block; }
      .features-addons-w .feature-addon.feature-addons-link:hover {
        border-style: solid;
        border-color: #fff; }
        .features-addons-w .feature-addon.feature-addons-link:hover .addon-arrow,
        .features-addons-w .feature-addon.feature-addons-link:hover .addon-arrow:before,
        .features-addons-w .feature-addon.feature-addons-link:hover .addon-arrow:after {
          border-color: #fff; }
        .features-addons-w .feature-addon.feature-addons-link:hover .addon-name {
          color: #fff; }
      .features-addons-w .feature-addon.feature-addons-link .addon-name {
        color: #6E7AA7; }
      .features-addons-w .feature-addon.feature-addons-link .addon-media {
        position: relative; }
      .features-addons-w .feature-addon.feature-addons-link .addon-arrow {
        width: 50px;
        border-bottom: 2px dotted #535DBF;
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%); }
        .features-addons-w .feature-addon.feature-addons-link .addon-arrow:after {
          content: "";
          display: block;
          width: 25px;
          border-bottom: 2px dotted #535DBF;
          transform: translateY(-100%) rotate(45deg);
          transform-origin: top right;
          position: absolute;
          top: 1px;
          right: 0px; }
        .features-addons-w .feature-addon.feature-addons-link .addon-arrow:before {
          position: absolute;
          top: 0px;
          right: 1px;
          content: "";
          display: block;
          width: 25px;
          border-bottom: 2px dotted #535DBF;
          transform-origin: top right;
          transform: translateY(100%) rotate(-45deg); }

.reviews-container {
  background-color: #FFF3D8;
  padding: 50px 0px;
  background-image: url("/wp-content/themes/latepoint-wp-landing-theme/assets/images/bg-map.png");
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat; }
  .reviews-container .reviews-features {
    display: flex;
    margin-top: 50px;
    justify-content: space-between; }
  .reviews-container .reviews-feature {
    flex: 0 0 45%; }
  .reviews-container .review-value {
    font-size: 42px;
    color: #4253F6;
    font-weight: 500; }
  .reviews-container .review-label {
    font-size: 22px;
    font-weight: 500;
    color: #08183f; }
  .reviews-container .feature-block-i {
    align-items: stretch; }
  .reviews-container .feature-block-media {
    position: relative; }
    .reviews-container .feature-block-media .feature-testimonial {
      width: 10px;
      height: 10px;
      border-radius: 10px;
      border: 2px solid #4253F6;
      top: 35%;
      left: 40%;
      position: absolute;
      box-shadow: 0px 0px 0px 10px rgba(226, 180, 60, 0.13), 0px 0px 0px 30px rgba(214, 162, 28, 0.07);
      cursor: pointer; }
      .reviews-container .feature-block-media .feature-testimonial .ft-content {
        z-index: 999;
        display: none;
        position: absolute;
        bottom: 10px;
        left: 10px;
        background: #FFFFFF;
        border: 1px solid #4253F6;
        box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.1);
        width: 300px;
        border-radius: 8px 8px 8px 0px;
        padding: 20px;
        font-size: 14px; }
      .reviews-container .feature-block-media .feature-testimonial.on-left .ft-content {
        left: auto;
        right: 10px;
        border-radius: 8px 8px 0px 8px; }
      .reviews-container .feature-block-media .feature-testimonial.active .ft-content, .reviews-container .feature-block-media .feature-testimonial:hover .ft-content {
        display: block; }
      .reviews-container .feature-block-media .feature-testimonial:hover .ft-content {
        z-index: 1000; }
    .reviews-container .feature-block-media .ft-text {
      font-size: 14px; }
    .reviews-container .feature-block-media .ft-info {
      display: flex;
      margin-top: 10px; }
    .reviews-container .feature-block-media .ft-rating i {
      color: #FFD07D; }
    .reviews-container .feature-block-media .ft-author {
      margin-left: auto;
      color: #4253F6; }

.addons-container {
  background-color: #031042;
  padding: 50px 0px; }

.wiki-wrapper {
  margin: 0px;
  display: flex;
  position: relative;
  z-index: 2;
  flex: 1;
  overflow: hidden; }
  .wiki-wrapper .wiki-inner {
    display: flex;
    flex: 1;
    background-color: #fff; }
  .wiki-wrapper .side-panel {
    flex: 0 0 340px;
    border-left: 1px solid #eee;
    display: flex;
    flex-direction: column; }
    .wiki-wrapper .side-panel .discord-server {
      background-color: #f5f6ff;
      padding: 30px; }
      .wiki-wrapper .side-panel .discord-server p {
        font-size: 14px;
        display: none; }
      .wiki-wrapper .side-panel .discord-server h4 {
        font-size: 32px;
        line-height: 1.2;
        margin-bottom: 10px;
        margin-top: 0; }
      .wiki-wrapper .side-panel .discord-server a {
        display: flex;
        align-items: center;
        gap: 15px;
        background: #5865F2;
        padding: 10px 20px 10px 12px;
        border-radius: 8px;
        color: #fff;
        font-weight: 500; }
        .wiki-wrapper .side-panel .discord-server a img {
          width: auto;
          height: 20px;
          display: block; }
        .wiki-wrapper .side-panel .discord-server a:hover {
          background-color: #7a84f6; }
    .wiki-wrapper .side-panel .search-w {
      border-bottom: 1px solid #eee;
      position: relative; }
      .wiki-wrapper .side-panel .search-w:before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'lplicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        top: 50%;
        font-size: 18px;
        right: 20px;
        transform: translateY(-50%); }
      .wiki-wrapper .side-panel .search-w input {
        background-color: #fff;
        border: none;
        display: block;
        width: 100%;
        padding: 18px;
        padding-left: 25px; }
        .wiki-wrapper .side-panel .search-w input:focus {
          box-shadow: 0 1px 0 0 #000;
          outline: none; }
        .wiki-wrapper .side-panel .search-w input::placeholder {
          color: #959fa7; }
      .wiki-wrapper .side-panel .search-w button {
        display: none; }
    .wiki-wrapper .side-panel h3 {
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      font-size: 18px; }
    .wiki-wrapper .side-panel .search-trigger {
      margin-left: auto; }
      .wiki-wrapper .side-panel .search-trigger img {
        height: 16px;
        width: auto; }
    .wiki-wrapper .side-panel input[type="text"] {
      display: block;
      background-color: #fff;
      border: none;
      padding: 11px 15px;
      line-height: 20px;
      font-size: 16px;
      border-radius: 0px;
      width: 100%; }
      .wiki-wrapper .side-panel input[type="text"]:focus {
        box-shadow: 0 0 0 1px #1d7bff;
        outline: none; }
      .wiki-wrapper .side-panel input[type="text"]::placeholder {
        color: #9a9cac; }
  .wiki-wrapper .categories-w {
    flex: 1;
    overflow: auto; }
    .wiki-wrapper .categories-w .parent-category-link {
      border-bottom: 1px solid #1d7bff;
      display: inline-block;
      margin-right: 22px;
      position: relative; }
      .wiki-wrapper .categories-w .parent-category-link:after {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'lplicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        margin-left: 5px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translate3d(20px, -50%, 0);
        font-size: 14px; }
    .wiki-wrapper .categories-w .link-to-parent-group {
      padding: 10px 20px 0; }
      .wiki-wrapper .categories-w .link-to-parent-group a {
        display: flex;
        gap: 5px;
        align-items: center;
        font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        text-transform: lowercase; }
        .wiki-wrapper .categories-w .link-to-parent-group a i {
          display: block;
          transform: rotate(180deg); }
        .wiki-wrapper .categories-w .link-to-parent-group a span {
          display: block; }
    .wiki-wrapper .categories-w .group-name {
      color: #7d849e;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 12px;
      font-weight: 500;
      padding: 30px 25px 10px 25px;
      background-color: #f7f8fa; }
    .wiki-wrapper .categories-w .index-post-title {
      margin: 0;
      padding: 12px 25px;
      font-weight: 400;
      font-size: 16px;
      letter-spacing: -0.1px;
      border-top: 1px solid #eee;
      color: #08183f;
      display: block; }
      .wiki-wrapper .categories-w .index-post-title + .group-name {
        border-top: 1px solid #eee; }
      .wiki-wrapper .categories-w .index-post-title:hover {
        color: #1d7bff; }
      .wiki-wrapper .categories-w .index-post-title.current {
        background-color: #1d7bff;
        color: #fff;
        border-top-color: #1d7bff; }
    .wiki-wrapper .categories-w .category-link {
      padding: 15px 25px;
      font-weight: 500;
      font-size: 18px;
      color: #08183f;
      background-color: #fff;
      border-top: 1px solid #eee;
      display: flex;
      align-items: center;
      gap: 10px; }
      .wiki-wrapper .categories-w .category-link.selected {
        background-color: #1d7bff;
        color: #fff;
        border-top-color: #1d7bff; }
      .wiki-wrapper .categories-w .category-link:hover:not(.selected) {
        color: #1d7bff; }
      .wiki-wrapper .categories-w .category-link:last-child {
        border-bottom: 1px solid #eee; }
      .wiki-wrapper .categories-w .category-link i {
        font-size: 22px; }

.wiki-content-panel {
  flex: 1;
  display: flex;
  flex-direction: column; }
  .wiki-content-panel .wiki-body-wrapper {
    padding: 60px 40px;
    flex: 1;
    overflow: auto; }
  .wiki-content-panel .wiki-body {
    max-width: 740px;
    margin: 0px auto; }
  .wiki-content-panel .browser-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 20px;
    margin-left: auto; }
    .wiki-content-panel .browser-buttons > div {
      width: 12px;
      height: 12px;
      background-color: #eee;
      border-radius: 50%; }
      .wiki-content-panel .browser-buttons > div.button-red {
        background-color: #ff6161; }
      .wiki-content-panel .browser-buttons > div.button-green {
        background-color: #72e637; }
      .wiki-content-panel .browser-buttons > div.button-yellow {
        background-color: #ffcf66; }
  .wiki-content-panel .breadcrumbs-and-logo-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee; }
    .wiki-content-panel .breadcrumbs-and-logo-wrapper .logo-w {
      padding-top: 10px;
      padding-bottom: 20px;
      padding-right: 35px;
      display: block;
      padding-left: 20px; }
      .wiki-content-panel .breadcrumbs-and-logo-wrapper .logo-w .logo {
        display: block;
        width: 12px;
        height: 12px;
        background-color: #1d7bff;
        content: "";
        box-shadow: 12px 12px 0px #1d7bff, 0px 12px 0px #1d7bff, 18px -6px 0px #1d7bff; }
    .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper {
      flex: 1;
      display: flex;
      align-items: center;
      font-weight: 400;
      font-size: 14px;
      font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      border-left: 1px solid #eee; }
      .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper .last-category-current .post-categories li:last-child a {
        background-image: linear-gradient(90deg, rgba(82, 99, 123, 0.05) 12%, transparent 100%); }
      .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper ul {
        padding: 0;
        display: flex;
        align-items: center;
        list-style-type: none;
        margin: 0; }
      .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper a {
        padding: 24px 20px;
        line-height: 1;
        display: block;
        color: #08183f;
        background-color: #fff;
        border-right: 1px solid #eee; }
      .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper .current-post {
        display: block;
        padding: 24px 20px;
        line-height: 1; }
        .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper .current-post:not(:first-child) {
          background-image: linear-gradient(90deg, rgba(82, 99, 123, 0.05) 12%, transparent 100%); }

.changelog-w {
  animation-fill-mode: both;
  margin-top: 60px; }
  .changelog-w h3 {
    display: none; }
  .changelog-w .version-head {
    display: flex;
    justify-content: space-between; }
    .changelog-w .version-head .version-number {
      color: #1d7bff;
      font-weight: 500;
      font-size: 24px;
      margin: 0;
      border-bottom: 2px solid #1d7bff;
      line-height: 1.2; }
    .changelog-w .version-head .version-release-date {
      color: #878b92;
      font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      font-size: 14px; }
  .changelog-w .version-summary .version-media {
    margin: 50px 0;
    padding: 50px;
    background: #f7f8fa;
    background-image: radial-gradient(rgba(40, 55, 68, 0.1) 1px, transparent 0);
    background-size: 15px 15px;
    background-position: -14px -14px;
    border-radius: 6px; }
    .changelog-w .version-summary .version-media img {
      width: 100%;
      height: auto;
      display: block;
      box-shadow: 0 6px 14px -4px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      border-radius: 4px; }
  .changelog-w .version-summary .version-fix, .changelog-w .version-summary .version-new {
    padding-left: 47px;
    margin-bottom: 5px;
    position: relative; }
    .changelog-w .version-summary .version-fix:before, .changelog-w .version-summary .version-new:before {
      position: absolute;
      width: 5px;
      height: 2px;
      background-color: #111;
      left: 32px;
      top: 10px;
      content: ""; }
  .changelog-w .version-summary h4 {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px; }
    .changelog-w .version-summary h4.vfix {
      position: relative; }
      .changelog-w .version-summary h4.vfix:before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'lplicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        margin-right: 10px;
        font-size: 20px;
        color: #52006b;
        text-shadow: 2px 2px 0 #ddadfd; }
    .changelog-w .version-summary h4.vnew {
      position: relative; }
      .changelog-w .version-summary h4.vnew:before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'lplicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        margin-right: 10px;
        font-size: 20px;
        color: #963d00;
        text-shadow: 2px 2px 0 #fdd5ad; }
  .changelog-w .latepoint-version {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 30px; }

.wiki-home-page-wrapper .search-results-w {
  margin-bottom: 30px; }
  .wiki-home-page-wrapper .search-results-w .nav-links {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #f8f8f8; }
    .wiki-home-page-wrapper .search-results-w .nav-links a {
      color: #08183f;
      padding: 5px 10px;
      background-color: #eee;
      display: inline-block; }
  .wiki-home-page-wrapper .search-results-w .nothing-found {
    padding: 15px;
    background-color: #f8f8f8;
    color: #878b92;
    font-weight: 500;
    text-align: center; }
  .wiki-home-page-wrapper .search-results-w .categories-search-heading {
    margin-top: 40px; }
  .wiki-home-page-wrapper .search-results-w .big-categories {
    grid-template-columns: 1fr; }
    .wiki-home-page-wrapper .search-results-w .big-categories .category-link {
      flex-direction: row; }
      .wiki-home-page-wrapper .search-results-w .big-categories .category-link:before {
        top: 14px;
        right: 16px;
        width: 120px;
        height: 60px;
        background: transparent;
        background-image: radial-gradient(#dedede 2px, transparent 0);
        background-size: 20px 20px;
        background-position: 0 0; }
  .wiki-home-page-wrapper .search-results-w article.post {
    margin-bottom: 10px; }
    .wiki-home-page-wrapper .search-results-w article.post h2 {
      font-size: 22px;
      font-weight: 400; }
      .wiki-home-page-wrapper .search-results-w article.post h2 a {
        color: #1d7bff;
        border-bottom: 1px dotted #1d7bff;
        display: inline; }
        .wiki-home-page-wrapper .search-results-w article.post h2 a:hover {
          border-bottom-style: solid; }

.category-page-wrapper .category-title {
  margin-bottom: 20px;
  font-size: 42px;
  color: #08183f; }

.category-page-wrapper .category-children-categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  margin-bottom: 30px;
  background-color: #eee;
  border: 1px solid #eee; }
  .category-page-wrapper .category-children-categories .category-link {
    display: flex;
    background-color: #fff;
    padding: 30px;
    gap: 20px;
    position: relative; }
    .category-page-wrapper .category-children-categories .category-link:hover {
      border-color: #1d7bff;
      box-shadow: 0 0 0 1px #1d7bff; }
    .category-page-wrapper .category-children-categories .category-link:before {
      content: "";
      top: 20px;
      right: 20px;
      width: 60px;
      height: 60px;
      background: transparent;
      background-image: radial-gradient(#eee 2px, transparent 0);
      background-size: 20px 20px;
      background-position: -19px -19px;
      position: absolute; }
    .category-page-wrapper .category-children-categories .category-link i {
      padding-top: 1px;
      font-size: 24px; }
    .category-page-wrapper .category-children-categories .category-link > span {
      position: relative;
      z-index: 2;
      display: block; }
      .category-page-wrapper .category-children-categories .category-link > span .category-name {
        font-size: 24px;
        color: #08183f;
        font-weight: 500;
        display: block;
        line-height: 1.2; }
      .category-page-wrapper .category-children-categories .category-link > span .category-posts-count {
        color: #aaa;
        font-size: 14px;
        font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

.category-page-wrapper .wiki-sub-heading {
  background-color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  padding: 10px 0px;
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #6f777f;
  background-image: linear-gradient(-90deg, rgba(82, 99, 123, 0.05) 12%, transparent 100%); }

.category-page-wrapper .tag-heading {
  display: flex;
  gap: 15px;
  align-items: center;
  font-weight: 500;
  margin-top: 30px; }
  .category-page-wrapper .tag-heading .line {
    flex: 1;
    height: 3px;
    background-color: #eee; }

.category-page-wrapper .category-articles .category-article-wrapper {
  padding: 6px 0;
  margin: 10px 0; }
  .category-page-wrapper .category-articles .category-article-wrapper .title {
    display: inline;
    color: #1d7bff;
    font-size: 20px;
    border-bottom: 1px dotted #1d7bff;
    line-height: 1.2; }
    .category-page-wrapper .category-articles .category-article-wrapper .title:hover {
      border-bottom-style: solid; }

body.single .wiki-wrapper .side-panel {
  background-color: #f7f8fa; }
  body.single .wiki-wrapper .side-panel .search-w input {
    background-color: #f7f8fa; }
    body.single .wiki-wrapper .side-panel .search-w input:focus {
      background-color: #fff; }

.single-post-w {
  animation: 0.3s ease 0s up20;
  animation-fill-mode: both; }

.single-post-i .sp-tags {
  display: flex;
  gap: 5px;
  margin-bottom: 30px; }
  .single-post-i .sp-tags a {
    background-image: linear-gradient(34deg, rgba(29, 118, 245, 0.31) 12%, transparent 100%);
    display: block;
    padding: 2px 6px;
    border-radius: 4px;
    background-color: #fff;
    color: #032039;
    font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 12px; }

.single-post-i h1 {
  line-height: 1.1;
  font-size: 42px;
  letter-spacing: -0.3px;
  margin-bottom: 10px; }

.single-post-i h2 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 28px; }

.single-post-i h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 24px; }

.single-post-i h4 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 20px; }

.single-post-i ul {
  margin-top: 30px;
  margin-bottom: 40px;
  margin-left: 0;
  padding-left: 15px; }
  .single-post-i ul li {
    margin-bottom: 10px; }
    .single-post-i ul li > a {
      font-size: 18px;
      border-bottom: 1px solid #1d7bff;
      color: #1d7bff;
      display: inline-block; }

.single-post-i h5 {
  margin-top: 30px;
  margin-bottom: 10px;
  color: #1d7bff; }

.single-post-i p > strong > em {
  font-style: normal;
  padding: 10px 15px;
  background-color: #deebff;
  color: #0e2653;
  border-radius: 6px;
  display: block; }

.single-post-i p > strong {
  background-color: #d6efff;
  color: #063049;
  font-weight: 400;
  font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  padding: 0 2px; }

.single-post-i p > a {
  color: #1d7bff;
  border-bottom: 1px dotted #1d7bff; }
  .single-post-i p > a:hover {
    color: #0061e9;
    border-bottom-style: solid; }

.single-post-i .wp-block-code {
  margin-bottom: 20px; }

.single-post-i figure {
  padding: 50px;
  background: #f7f8fa;
  background-image: radial-gradient(rgba(40, 55, 68, 0.1) 1px, transparent 0);
  background-size: 15px 15px;
  background-position: -14px -14px;
  border-radius: 6px;
  position: relative; }
  .single-post-i figure.full-size {
    padding: 0;
    background-image: none; }
  .single-post-i figure img {
    box-shadow: 0 6px 14px -4px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px; }
  .single-post-i figure figcaption {
    font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    background-color: #1d7bff;
    color: #fff;
    padding: 2px 5px;
    text-align: center;
    border-radius: 4px;
    bottom: 0;
    right: 0;
    position: absolute;
    display: block;
    margin: 0; }

.guide-shortcode-attributes-table {
  width: 100%;
  font-size: 14px;
  margin-bottom: 40px; }
  .guide-shortcode-attributes-table .group-start {
    background-image: linear-gradient(268deg, rgba(82, 99, 123, 0.05) 12%, transparent 100%);
    font-weight: 500;
    padding: 20px 0px 10px;
    color: #b1b2be; }
  .guide-shortcode-attributes-table thead th {
    padding: 5px 0;
    background-color: #fff;
    border-bottom: 1px solid #ddd; }
    .guide-shortcode-attributes-table thead th.right {
      text-align: right; }
  .guide-shortcode-attributes-table td {
    padding: 5px 10px 5px 0;
    border-bottom: 1px solid #eee;
    vertical-align: top; }
    .guide-shortcode-attributes-table td:last-child {
      padding-right: 0; }
    .guide-shortcode-attributes-table td.nowrap {
      white-space: nowrap; }
    .guide-shortcode-attributes-table td.example strong {
      white-space: nowrap; }
    .guide-shortcode-attributes-table td.example {
      text-align: right; }
    .guide-shortcode-attributes-table td.attribute-name {
      font-size: 12px;
      line-height: 1.63;
      color: #08183f;
      font-weight: 400;
      font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
    .guide-shortcode-attributes-table td strong {
      background-color: #e3f9ff;
      font-weight: 400;
      font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: #08183f;
      font-size: 12px;
      white-space: nowrap; }

.page-template-page-wiki-home .all-wrapper {
  display: block; }

.wiki-home-page-wrapper {
  max-width: 940px;
  margin: 0px auto;
  padding-top: 80px;
  position: relative; }
  .wiki-home-page-wrapper .search-and-links-w {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 30px;
    gap: 40px;
    border-bottom: 1px solid #eee; }
    .wiki-home-page-wrapper .search-and-links-w .search-w {
      flex: 1;
      display: flex; }
    .wiki-home-page-wrapper .search-and-links-w form {
      display: flex;
      align-items: center;
      margin-right: auto;
      position: relative;
      flex: 1; }
      .wiki-home-page-wrapper .search-and-links-w form input {
        background-color: #fff;
        border: none;
        display: block;
        width: 100%;
        padding: 15px;
        padding-left: 30px; }
        .wiki-home-page-wrapper .search-and-links-w form input:focus {
          box-shadow: 0 1px 0 0 #000;
          outline: none; }
        .wiki-home-page-wrapper .search-and-links-w form input::placeholder {
          color: #959fa7; }
      .wiki-home-page-wrapper .search-and-links-w form button {
        cursor: pointer;
        display: none;
        background-color: #08183f;
        color: #fff;
        padding: 5px 10px;
        border: none;
        border-radius: 0px;
        transform: translateX(-100%); }
        .wiki-home-page-wrapper .search-and-links-w form button:hover {
          background-color: #1d7bff; }
      .wiki-home-page-wrapper .search-and-links-w form:before {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'lplicon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0; }
    .wiki-home-page-wrapper .search-and-links-w .links {
      display: flex;
      align-items: center;
      gap: 20px; }
      .wiki-home-page-wrapper .search-and-links-w .links a {
        border-bottom: 1px dotted #1d7bff;
        line-height: 1.1; }
        .wiki-home-page-wrapper .search-and-links-w .links a:hover {
          border-bottom-style: solid; }
  .wiki-home-page-wrapper .discord-server-info {
    background-color: #f1f2ff;
    padding: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    position: relative;
    gap: 50px;
    overflow: hidden; }
    .wiki-home-page-wrapper .discord-server-info .bg-discord-icon {
      position: absolute;
      top: -150px;
      right: -120px;
      width: 370px;
      height: 370px;
      opacity: 0.1;
      z-index: 1; }
    .wiki-home-page-wrapper .discord-server-info .discord-message {
      z-index: 2;
      position: relative; }
      .wiki-home-page-wrapper .discord-server-info .discord-message h4 {
        margin: 0;
        margin-bottom: 10px;
        color: #232757;
        line-height: 1; }
      .wiki-home-page-wrapper .discord-server-info .discord-message p {
        font-size: 16px;
        color: #4c539c;
        margin: 0; }
    .wiki-home-page-wrapper .discord-server-info a {
      display: flex;
      white-space: nowrap;
      align-items: center;
      gap: 15px;
      background: #5865F2;
      padding: 10px 20px 10px 12px;
      border-radius: 8px;
      color: #fff;
      font-weight: 500;
      z-index: 2;
      position: relative; }
      .wiki-home-page-wrapper .discord-server-info a img {
        width: auto;
        height: 20px;
        display: block; }
      .wiki-home-page-wrapper .discord-server-info a:hover {
        background-color: #7a84f6; }
  .wiki-home-page-wrapper:before {
    content: "";
    top: 0;
    right: 0;
    width: 56%;
    height: 300px;
    background: transparent;
    background-image: radial-gradient(#eee 2px, transparent 0);
    background-size: 30px 30px;
    background-position: -29px -29px;
    position: absolute;
    z-index: 1; }
  .wiki-home-page-wrapper .logo-w {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-right: 15px;
    display: inline-block; }
    .wiki-home-page-wrapper .logo-w .logo {
      display: block;
      width: 20px;
      height: 20px;
      background-color: #1d7bff;
      content: "";
      box-shadow: 20px 20px 0px #1d7bff, 0px 20px 0px #1d7bff, 30px -10px 0px #1d7bff; }
  .wiki-home-page-wrapper .welcome {
    padding-top: 50px;
    font-size: 84px;
    color: #08183f;
    letter-spacing: -2px;
    line-height: 1.1;
    margin-bottom: 40px;
    font-weight: 500; }
    .wiki-home-page-wrapper .welcome .line {
      display: block; }
      .wiki-home-page-wrapper .welcome .line:last-child {
        opacity: 0.3; }
  .wiki-home-page-wrapper .big-categories {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1px;
    background-color: #eee;
    margin-bottom: 40px;
    border: 1px solid #eee; }
    .wiki-home-page-wrapper .big-categories .category-link {
      background-color: #fff;
      display: flex;
      flex-direction: column;
      gap: 20px;
      position: relative;
      padding: 30px; }
      .wiki-home-page-wrapper .big-categories .category-link:hover {
        border-color: #1d7bff;
        box-shadow: 0 0 0 1px #1d7bff; }
      .wiki-home-page-wrapper .big-categories .category-link:before {
        content: "";
        top: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
        background: transparent;
        background-image: radial-gradient(#dedede 1px, transparent 0);
        background-size: 10px 10px;
        background-position: -9px -9px;
        position: absolute;
        z-index: 1; }
      .wiki-home-page-wrapper .big-categories .category-link i {
        padding-top: 1px;
        font-size: 24px; }
      .wiki-home-page-wrapper .big-categories .category-link > span {
        display: block;
        z-index: 2; }
        .wiki-home-page-wrapper .big-categories .category-link > span .category-name {
          font-size: 24px;
          color: #08183f;
          display: block;
          line-height: 1.2;
          font-weight: 500; }
        .wiki-home-page-wrapper .big-categories .category-link > span .category-posts-count {
          color: #aaa;
          font-size: 14px;
          font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

.single-post-i code[class*=language-], .single-post-i pre[class*=language-], .shortcode-info-wrapper code[class*=language-], .shortcode-info-wrapper pre[class*=language-] {
  text-shadow: none;
  font-family: "JetBrains Mono", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.45; }

.single-post-i .language-css .token.string, .single-post-i .style .token.string, .single-post-i .token.attr-name, .single-post-i .token.attr-value, .single-post-i .token.char, .single-post-i .token.entity, .single-post-i .token.inserted, .single-post-i .token.operator, .single-post-i .token.string, .single-post-i .token.url, .single-post-i .token.variable, .shortcode-info-wrapper .language-css .token.string, .shortcode-info-wrapper .style .token.string, .shortcode-info-wrapper .token.attr-name, .shortcode-info-wrapper .token.attr-value, .shortcode-info-wrapper .token.char, .shortcode-info-wrapper .token.entity, .shortcode-info-wrapper .token.inserted, .shortcode-info-wrapper .token.operator, .shortcode-info-wrapper .token.string, .shortcode-info-wrapper .token.url, .shortcode-info-wrapper .token.variable {
  color: #8eb2eb; }

.single-post-i pre[class*=language-], .shortcode-info-wrapper pre[class*=language-] {
  background-color: #1a2952;
  border: none;
  box-shadow: none; }

.single-post-i pre, .shortcode-info-wrapper pre {
  margin-bottom: 20px; }

.single-post-i .token.cdata, .single-post-i .token.comment, .single-post-i .token.doctype, .single-post-i .token.prolog, .shortcode-info-wrapper .token.cdata, .shortcode-info-wrapper .token.comment, .shortcode-info-wrapper .token.doctype, .shortcode-info-wrapper .token.prolog {
  color: #7c89ad; }

.single-post-i .line-numbers .line-numbers-rows, .shortcode-info-wrapper .line-numbers .line-numbers-rows {
  border-right-color: rgba(255, 255, 255, 0.1); }

.single-post-i .line-numbers-rows > span:before, .shortcode-info-wrapper .line-numbers-rows > span:before {
  color: #7c89ad; }

.booking-examples-w .latepoint-book-button {
  border-radius: 10px;
  background-color: #1d7bff;
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 24px;
  padding: 15px 25px;
  box-shadow: 0px 2px 5px #d8ebff; }

.booking-examples-w .explanation-box {
  font-size: 18px;
  margin-bottom: 20px; }

.booking-examples-w h2 {
  font-size: 32px;
  margin-bottom: 10px;
  margin-top: 40px; }
  .booking-examples-w h2 + .explanation-box {
    margin-top: 10px; }

.booking-examples-w > h3 {
  font-size: 26px;
  margin-bottom: 20px;
  margin-top: 10px;
  color: #888; }
  .booking-examples-w > h3 + .explanation-box {
    margin-top: 20px; }

.booking-examples-w .latepoint-resources-items-w + h3 {
  margin-top: 60px; }

.example-button {
  text-align: center; }

.explanation-box {
  padding: 15px;
  border-radius: 8px;
  background-color: #ecf5ff;
  font-size: 16px;
  line-height: 1.45;
  margin-bottom: 20px;
  margin-top: 40px;
  color: #3e5d87;
  padding-left: 70px;
  position: relative;
  box-shadow: 0px 0px 0px 2px #bddaff; }
  .explanation-box .info-icon {
    width: 30px;
    height: 30px;
    background-color: #1d7bff;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px; }
    .explanation-box .info-icon:before {
      content: "";
      width: 3px;
      height: 8px;
      position: absolute;
      bottom: 50%;
      left: 50%;
      transform: translate(-50%, 0px);
      background-color: #fff; }
    .explanation-box .info-icon:after {
      background-color: #fff;
      content: "";
      width: 3px;
      height: 3px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, 4px); }
  .explanation-box .explain-shortcode {
    margin: 0px 3px;
    display: inline-block;
    font-weight: 500;
    color: #000;
    background-color: #d7eaff; }

.latepoint-w h1, .latepoint-w h2, .latepoint-w h3, .latepoint-w h4, .latepoint-w h5, .latepoint-w h6 {
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500; }

.latepoint-w {
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 16px; }

.summary-price-item-w .spi-price {
  font-family: "latepoint", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400; }

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel .latepoint-questions {
  font-size: 14px; }

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-desc {
  font-size: 14px; }

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
  border-right-color: #eee; }

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .summary-header .os-lines:after, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-summary-w .summary-header .os-lines:before, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.selected > .os-item-i {
  border-color: #1d7bff; }

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-progress ul li.active .progress-item, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-progress ul li.complete .progress-item {
  background-color: #1d7bff; }

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item > .os-item-i:hover, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .step-services-w .os-item-category-w > .os-services .os-item.selected > .os-service-selector:hover {
  border-color: #1d7bff; }

.latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-btn.latepoint-btn-primary, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .latepoint-form-w .select-total-attendies-w .total-attendies-selector-w .total-attendies-selector:hover, .latepoint-w .latepoint-booking-form-element.latepoint-color-blue .os-items .os-item.os-allow-multiselect.selected .os-item-i:before {
  background-color: #1d7bff; }

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-footer .latepoint-btn {
  font-size: 14px; }

@keyframes up20 {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1; } }

.latepoint-shortcode-booking-form {
  animation: 0.4s ease 0s up20;
  animation-fill-mode: both; }

@keyframes introTitleAnimation {
  0% {
    transform: translate3d(0, 80px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1; } }

@keyframes introArrowAnimation {
  0% {
    transform: translate3d(0, 100px, 0) rotate(0deg) scale(0.7);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0px, 0) rotate(-18deg) scale(1);
    opacity: 1; } }

@keyframes introBoxAnimation {
  0% {
    transform: translate3d(0, -80px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1; } }

@keyframes up20 {
  0% {
    transform: translate3d(0, 20px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0px, 0);
    opacity: 1; } }

@keyframes up40 {
  0% {
    transform: translate3d(0, 40px, 0);
    opacity: 0; }
  100% {
    transform: translate3d(0, 0px, 0); } }

@media (min-width: 601px) and (max-width: 768px) {
  .intro-w {
    display: block;
    min-width: auto;
    padding: 40px 0px; }
    .intro-w .intro-example {
      flex: 1; }
    .intro-w .intro-text {
      text-align: center;
      margin-bottom: 40px;
      flex: 1;
      padding: 0px; }
    .intro-w .squares-pink {
      display: none; } }

@media (max-width: 600px) {
  .iframe-contents .iframe-demo-resources-wrapper,
  .iframe-contents .latepoint-w.latepoint-shortcode-booking-form,
  .iframe-contents .iframe-demo-customer-dashboard-wrapper {
    padding: 10px; }
  .iframe-contents .shortcode-info-wrapper {
    display: none; }
  .iframe-contents .latepoint-login-form-w .os-social-login-options .os-social-login-option.os-social-login-google {
    max-width: initial; }
  .iframe-contents .latepoint-login-form-w .os-social-login-options, .iframe-contents .latepoint-w.latepoint-with-summary.latepoint-summary-is-open.show-summary-on-mobile .latepoint-lightbox-summary-trigger {
    flex-direction: column;
    align-items: center;
    display: flex; }
  .wiki-home-page-wrapper {
    padding: 20px 20px 0 20px; }
  .wiki-content-panel .browser-buttons {
    display: none; }
  .wiki-home-page-wrapper .big-categories {
    grid-template-columns: 1fr 1fr;
    margin-top: 20px; }
  .wiki-home-page-wrapper .big-categories .category-link {
    padding: 15px; }
  .wiki-home-page-wrapper .big-categories .category-link > span .category-name {
    font-size: 18px; }
  .wiki-home-page-wrapper .copyright-footer-w .legal-links span {
    display: none; }
  .wiki-home-page-wrapper:before {
    z-index: -1; }
  .wiki-home-page-wrapper .welcome {
    font-size: 46px;
    line-height: 1.2;
    letter-spacing: 0; }
  .wiki-home-page-wrapper .search-and-links-w {
    flex-direction: column;
    border: none;
    gap: 10px;
    align-items: stretch;
    margin: 20px 0; }
    .wiki-home-page-wrapper .search-and-links-w .links {
      margin-top: 30px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 20px; }
  .category-page-wrapper .category-children-categories .category-link {
    padding: 15px;
    flex-direction: column; }
  .category-page-wrapper .category-children-categories .category-link > span .category-name {
    font-size: 18px; }
  .category-page-wrapper .category-articles .category-article-wrapper .title {
    font-size: 16px; }
  .category-page-wrapper .category-articles .category-article-wrapper {
    margin: 2px 0; }
  .wiki-home-page-wrapper:before {
    top: 10px;
    right: 10px;
    width: 46%;
    height: 200px;
    background: transparent;
    background-image: radial-gradient(#eee 1px, transparent 0);
    background-size: 10px 10px;
    background-position: -29px -29px; }
  .top-bar {
    display: none; }
  .wiki-home-page-wrapper .big-categories .category-link:before {
    top: 10px;
    right: 10px; }
  .wiki-home-page-wrapper .search-results-w .big-categories .category-link:before {
    top: 14px;
    right: 10px;
    width: 50px;
    height: 32px;
    background: transparent;
    background-image: radial-gradient(#dedede 1px, transparent 0);
    background-size: 10px 10px; }
  .wiki-home-page-wrapper .search-and-links-w form input {
    border-bottom: 1px solid #ddd; }
    .wiki-home-page-wrapper .search-and-links-w form input:focus {
      border-bottom-color: transparent; }
  .wiki-home-page-wrapper .discord-server-info {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 0; }
  .wiki-home-page-wrapper .copyright-footer-w {
    margin-top: 40px; }
  .all-wrapper {
    display: block;
    height: auto;
    max-height: initial; }
  .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper .current-post:not(:first-child) {
    display: none; }
  .single-post-i h1 {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: 0; }
  .wiki-content-panel .wiki-body-wrapper {
    padding: 40px 20px; }
  .wiki-wrapper {
    flex-direction: column; }
  .wiki-wrapper .side-panel {
    flex: 1;
    border: none; }
  .wiki-content-panel .breadcrumbs-and-logo-wrapper .breadcrumbs-wrapper ul li:not(:first-child) {
    display: none; }
  .search-results .search-and-links-w .links {
    display: none; }
  .wiki-home-page-wrapper .search-results-w article.post h2 {
    font-size: 16px;
    margin-bottom: 5px; }
  .wiki-home-page-wrapper .search-results-w h3 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px; }
  body.single .wiki-wrapper .side-panel {
    flex: 1;
    border: none; }
  .feature-block-w .feature-block-text h3 {
    font-size: 26px; }
  .feature-block-w .feature-block-text {
    font-size: 16px; }
  .feature-block-w .checked-list.splitted {
    display: block; }
  .feature-block-media {
    display: none; }
  .feature-block-w.squeezed .feature-block-i .feature-block-text {
    margin: 0px;
    padding: 0px;
    flex: 1;
    text-align: left; }
  .how-block-w .how-desc {
    width: auto; }
  .how-block-w {
    padding-top: 20px; }
  .how-block-w .step-three .step-content {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: translate(30px, -30px); }
  .how-block-w .step-three {
    display: flex;
    flex-direction: column-reverse; }
  .how-block-w .step-three .step-desc .step-number {
    top: 10px; }
  .how-block-w .step-three .step-desc {
    padding-bottom: 50px;
    padding-top: 20px;
    transform: none; }
  .feature-block-w.squeezed .feature-block-i {
    padding: 0px 20px; }
  .feature-block-w .feature-block-media + .feature-block-text {
    margin: 0px; }
  .feature-block-w.centered .feature-block-i {
    text-align: left; }
  .feature-block-w.squeezed .feature-block-i .feature-block-media-left,
  .feature-block-w.squeezed .feature-block-i .feature-block-media-right {
    display: none; }
  .feature-block-w .feature-block-text {
    flex: 1;
    margin: 0px; }
  .how-steps {
    flex-direction: column; }
  .how-block-w .step-two {
    flex: 1;
    margin: 20px 0px; }
  .how-block-w .step-three {
    flex: 1;
    margin: 20px 0px; }
  .header-w {
    display: block;
    padding: 10px 20px; }
    .header-w .logo-and-mobile-w {
      display: flex;
      align-items: center; }
    .header-w .mobile-menu-trigger {
      display: block;
      margin-left: auto;
      padding: 20px 0px 20px 20px; }
      .header-w .mobile-menu-trigger span {
        display: block;
        width: 20px;
        height: 2px;
        background-color: #111;
        position: relative; }
        .header-w .mobile-menu-trigger span:before {
          content: "";
          position: absolute;
          top: -8px;
          left: 4px;
          right: 0px;
          height: 2px;
          background-color: #111; }
        .header-w .mobile-menu-trigger span:after {
          content: "";
          position: absolute;
          bottom: -8px;
          left: 4px;
          right: 0px;
          height: 2px;
          background-color: #111; }
    .header-w.show-mobile-menu .header-links {
      display: block; }
    .header-w .logo-w .lp-logo {
      width: 14px;
      height: 14px;
      box-shadow: 14px 14px 0px rgba(94, 137, 255, 0.8), 0px 14px 0px #5E89FF, 21px -7px 0px #5E89FF; }
    .header-w .header-links {
      display: block;
      padding: 10px 0px 10px;
      margin-top: 10px;
      border-top: 1px solid rgba(0, 0, 0, 0.05);
      display: none;
      background-color: #fff; }
      .header-w .header-links li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        margin: 0px;
        padding: 0px; }
        .header-w .header-links li:last-child {
          border-bottom: none; }
        .header-w .header-links li a {
          display: block;
          padding: 10px 0px; }
  .lpl-container {
    padding: 0px 20px; }
  .lines-hor .line .number {
    font-size: 30px; }
  .intro-w {
    display: block;
    min-width: auto;
    padding: 40px 0px; }
    .intro-w .intro-example {
      flex: 1;
      padding: 20px 0px;
      background-color: transparent; }
      .intro-w .intro-example h3, .intro-w .intro-example p {
        display: none; }
      .intro-w .intro-example .latepoint-book-button {
        font-size: 24px;
        margin-top: 0px; }
    .intro-w .intro-text {
      text-align: center;
      margin-bottom: 20px;
      flex: 1;
      padding: 0px; }
      .intro-w .intro-text h1 {
        font-size: 34px; }
      .intro-w .intro-text p {
        font-size: 16px; }
    .intro-w .squares-pink {
      display: none; } }

/*# sourceMappingURL=style.css.map */