/*
Theme Name: Pizza
Description: Custom theme for old.mc4wp.com
Version: 1.0.0
Author: Danny van Kooten
Text Domain: pizza
*/

:root {
  --font-stack: "Inter", "Helvetica Neue", "Nimbus Sans", Arial, sans-serif;
}
:is(h1, h2, h3, h4, h5, h6)[id] {
  scroll-margin-top: 2rem; 
}
html {
  -webkit-text-size-adjust: 100%;
}
body {
  font-family: var(--font-stack);
  color: #444;
  line-height: 1.45;
  background-color: #24292f;
  font-size: 16px;
  margin: 0;
}
b,
strong {
  font-weight: bolder;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 1.15;
  color: #111;
  font-family: var(--font-stack);
}
h1 {
  font-size: 2rem;
}
h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.6rem;
}
h4 {
  font-size: 1.4rem;
}
h5 {
  font-size: 1.2rem;
}
p {
  margin: 0 0 1.5rem 0;
}
small {
  font-size: 0.9em;
}
a {
  color: #3f51b5;
}
a:hover,
a:focus {
  color: rgb(36.6639344262, 47.1393442623, 105.3360655738);
}
main {
  display: block;
}
blockquote {
  font-style: italic;
}
hr {
  margin: 40px 0;
  border: 0;
  border-top: 1px dotted #c8c8c8;
}
textarea {
  overflow: auto;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input {
  line-height: inherit;
  min-width: 240px;
  margin: 0;
  font-family: inherit;
  border: 1px solid #ccc;
  padding: 6px 8px;
  border-radius: 4px;
  font-size: 16px;
}
input:focus {
  outline: 0;
  border-color: #0969da;
}
button,
select {
  text-transform: none;
}
a.button,
input[type="button"],
input[type="submit"],
button {
  margin: 0 0 1em 0;
  padding: 0.8rem 1.6rem;
  min-width: 0;
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
  background: #f7f7f7;
  border: 1px solid rgb(221.5, 221.5, 221.5);
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: #333;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1;
  transition: background-color 140ms ease, border-color 140ms ease,
    color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
a.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
  background: rgb(221.5, 221.5, 221.5);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
a.button:focus-visible,
input[type="button"]:focus-visible,
input[type="submit"]:focus-visible,
button:focus-visible {
  outline: 2px solid rgb(103.0786885246, 118.1868852459, 202.1213114754);
  outline-offset: 3px;
}
a.button.big,
input[type="button"].big,
input[type="submit"].big,
button.big {
  padding: 1rem 2rem;
}
a.button.primary,
input[type="button"].primary,
input[type="submit"].primary,
button.primary {
  background: #3f51b5;
  border-color: rgb(49.8319672131, 64.0696721311, 143.1680327869);
  color: #fff;
}
a.button.primary:hover,
input[type="button"].primary:hover,
input[type="submit"].primary:hover,
button.primary:hover {
  background: rgb(49.8319672131, 64.0696721311, 143.1680327869);
}
a.button.primary:focus-visible,
input[type="button"].primary:focus-visible,
input[type="submit"].primary:focus-visible,
button.primary:focus-visible {
  background: rgb(49.8319672131, 64.0696721311, 143.1680327869);
}
img {
  max-width: 100%;
  height: auto;
  border-style: none;
}
ul,
ol {
  padding: 0;
}
ul.nolist,
ol.nolist {
  list-style: none;
  margin-left: 0 !important;
}
li {
  margin-bottom: 6px;
}
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}
th {
  border-bottom: 1px solid #edf5ff;
  background: #fafbff;
}
th,
td {
  text-align: left;
  padding: 6px;
}
.row {
  display: flex;
  flex-flow: column wrap;
}
.col {
  width: 100%;
  margin-bottom: 20px;
}
.reverse-children {
  flex-direction: column-reverse;
}
.container {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.container.small {
  max-width: 720px;
}
.site-header {
  background: radial-gradient(
      circle at top left,
      rgba(255, 255, 255, 0.16),
      transparent 32rem
    ),
    linear-gradient(
      135deg,
      #b84040 0%,
      rgb(131.0258064516, 45.5741935484, 45.5741935484) 100%
    );
  color: #fff;
  padding: 1.5rem 0;
}
.site-main-content {
  background: #fbfbfa;
  padding: 1.5rem 0;
}
.site-title a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Ccircle cx='32' cy='32' r='32' style='opacity:1;fill:%23fff;fill-opacity:1;stroke:none;stroke-opacity:1'/%3E%3Cpath d='M16 47.325c-.03-.093-.175-1.23-.323-2.529-.562-4.936-2.305-9.96-5.202-14.994-.973-1.692-.959-1.751.663-2.684a48.828 48.828 0 0 0 3.038-1.92c1.29-.904 1.487-.822 3.033 1.263 1.28 1.725 1.732 1.999 1.998 1.209.408-1.21 4.748-4.45 5.961-4.45.465 0 1.603 1.364 2.529 3.032.926 1.669 1.853 3.034 2.06 3.035.58.002 1.226-5.916.808-7.413-.293-1.054.213-1.75 2.448-3.363 1.55-1.119 3.016-2.034 3.26-2.034.243 0 2.673 3.413 5.4 7.585 2.726 4.172 6.744 9.862 8.927 12.643l3.969 5.057-2.073 2.191c-1.14 1.206-2.43 2.192-2.864 2.192-1.383 0-5.331-4.39-9-10.007-1.954-2.993-3.753-5.455-3.997-5.471-.244-.017-.444 2.52-.444 5.637v5.667l-2.623 1.75c-1.442.962-2.841 1.748-3.109 1.747-.268-.001-1.285-1.687-2.26-3.746-.976-2.06-2.343-4.352-3.037-5.094l-1.263-1.35-.401 1.893c-1.385 6.524-1.593 6.986-3.904 8.646-2.045 1.47-3.42 2.047-3.594 1.508Z' style='fill:%23b84040;fill-opacity:1;stroke:none'/%3E%3C/svg%3E ");
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
  width: 32px;
  height: 32px;
  background-size: 32px 32px;
  text-indent: -99999px;
}
.site-header-inner {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 1rem;
  justify-content: space-between;
}
.site-nav {
  display: none;
  line-height: 32px;
  width: 100%;
}
.site-title {
  margin: 0;
  font-size: 1rem !important;
}
.site-nav-toggle {
  border: 0;
  height: 1px;
  min-width: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 1px;
}
.site-nav-toggle-label {
  align-items: center;
  border: 1px solid hsla(0, 0%, 100%, 0.56);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 44px;
}
.site-nav-toggle-label span,
.site-nav-toggle-label span::before,
.site-nav-toggle-label span::after {
  background: #fff;
  border-radius: 1px;
  content: "";
  display: block;
  height: 2px;
  width: 20px;
}
.site-nav-toggle-label span {
  position: relative;
}
.site-nav-toggle-label span::before,
.site-nav-toggle-label span::after {
  left: 0;
  position: absolute;
}
.site-nav-toggle-label span::before {
  top: -6px;
}
.site-nav-toggle-label span::after {
  top: 6px;
}
.site-nav-toggle:checked ~ .site-nav {
  display: block;
}
.site-nav-toggle:checked + .site-nav-toggle-label span {
  background: rgba(0, 0, 0, 0);
}
.site-nav-toggle:checked + .site-nav-toggle-label span::before {
  top: 0;
  transform: rotate(45deg);
}
.site-nav-toggle:checked + .site-nav-toggle-label span::after {
  top: 0;
  transform: rotate(-45deg);
}
.site-nav-toggle:focus-visible + .site-nav-toggle-label {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
.site-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-nav li {
  margin-bottom: 1rem;
  vertical-align: middle;
}
.site-nav a {
  border-radius: 6px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  margin-right: 20px;
  padding: 0.3rem 0;
}
.site-nav a:hover,
.site-nav a:focus-visible,
.site-nav a[aria-current="page"] {
  color: #fff;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
}
.site-nav a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
  text-decoration: none;
}
.site-nav a:last-child {
  margin-right: 0;
}
.site-footer {
  color: #efefef;
  padding: 80px 0;
}
.site-footer-nav a {
  display: block;
  padding-bottom: 6px;
}
.site-footer img {
  border: 0;
}
.site-footer h5,
.site-footer a {
  color: #eee;
}
.site-footer-inner > div {
  margin-bottom: 40px;
}
.site-footer-bottom li {
  margin-right: 1rem;
  display: inline-block;
}
.site-footer-bottom ul,
.site-footer-bottom p {
  margin: 40px 0;
}
.site-footer-last a {
  display: inline-block;
  margin-right: 20px;
}
.jumbotron {
  background: rgba(0, 0, 0, 0);
  color: #fff;
  font-size: 1.2rem;
  padding: 3rem 0 1.5rem 0;
}
.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron h4,
.jumbotron h5 {
  color: #fff;
}
.jumbotron h2 {
  font-size: clamp(2.2rem, 5vw, 3rem);
  letter-spacing: -0.04em;
  text-wrap: balance;
}
.jumbotron h5 {
  font-size: 2rem;
}
.jumbotron p {
  margin-left: auto;
  margin-right: auto;
  color: hsla(0, 0%, 100%, 0.9);
}
.jumbotron ul {
  list-style: none;
  font-size: 0.9rem;
  color: #eee;
  margin: 0;
  padding: 0;
}
.jumbotron li {
  margin: 0 0 1rem 0;
}
@media (min-width: 762px) {
  .jumbotron ul {
    display: flex;
    justify-content: space-between;
  }
  .jumbotron li {
    margin: 0 0.5rem 0 0;
  }
}
.fa {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  margin: 0 6px 6px 0;
}
.fa-check-circle {
  background: url("assets/img/fa-check-circle.svg");
}
.cta {
  padding: 3rem 0;
  max-width: 72ch;
}
.mt0 {
  margin-top: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mr0 {
  margin-right: 0 !important;
}
.ml0 {
  margin-left: 0 !important;
}
.mr-auto {
  margin-right: auto;
}
.text-center {
  text-align: center;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
.small-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
.medium-margin {
  margin-top: 40px;
  margin-bottom: 40px;
}
.big-margin {
  margin-top: 80px;
  margin-bottom: 80px;
}
.well {
  background: #eef5fa;
  border: 1px solid #dae9f4;
  padding: 20px;
  border-radius: 4px;
}
.well img {
  border: 0;
}
.nm,
.no-margin {
  margin: 0;
}
.text-muted,
.text-muted a {
  color: #6f6f6f;
}
.text-small {
  font-size: 0.9rem;
}
.round {
  border-radius: 50%;
}
.vertical-center {
  align-items: center;
}
.post-content ol,
.post-content ul {
  margin-left: 20px;
}
.post-content li {
  margin-top: 6px;
}
img {
  max-width: 100%;
  height: auto;
  border: 1px solid #ddd;
  border-radius: 6px;
}
.post-meta,
.meta {
  font-size: 0.875rem;
  color: #6f6f6f;
  margin-bottom: 0.25rem;
}
.post-summary {
  padding: 1.75rem 0;
  border-top: 1px solid #e8e8e8;
}
.post-summary:first-of-type {
  border-top: 0;
  padding-top: 0;
}
.post-summary h3 {
  font-size: 1.25rem;
  margin: 0.2rem 0 0.6rem;
}
.post-summary p {
  margin-bottom: 0;
  color: #555;
}
.breadcrumb--prefix {
  display: inline-block;
}
.breadcrumb ol {
  display: inline-block;
  list-style: none;
  margin: 20px 0 0 0;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb--sep {
  display: inline-block;
  color: #6f6f6f;
  margin: 0 8px;
}
.wpkb-search {
  margin-top: 40px;
}
.wpkb-search input {
  line-height: inherit;
  padding: 6px 8px;
  vertical-align: top;
}
.wpkb-search label {
  display: block;
}
.wpkb-search-results-item-header em {
  font-style: normal;
  background-color: #ffe0b2;
  color: #e65100;
}
.wpkb-callout {
  border-left: 5px solid #80bfe2;
  padding: 14px;
  margin: 20px 0;
}
.wpkb-callout.success {
  background: #e1f3c5;
  border-color: #a8dd57;
}
.wpkb-callout.info {
  background: #ecf7ff;
  border-color: #80bfe2;
}
.wpkb-callout.warning {
  background: #fde8e8;
  border-color: #e7aaaa;
}
.wpkb-callout a {
  color: inherit;
  text-decoration: underline;
}
.wpkb-callout :last-child { margin-bottom: 0; }

#user-reviews blockquote {
  margin-bottom: 80px;
}
.testimonial {
  position: relative;
  border: 0;
  padding: 0;
  display: flex;
  align-items: center;
  margin: 0;
}
.testimonial--text:after,
.testimonial--text::before {
  color: #6f6f6f;
}
.testimonial--text:before {
  content: "“";
}
.testimonial--text::after {
  content: "”";
}
.testimonial--avatar {
  display: none;
  width: 120px;
  height: 120px;
  margin-right: 30px;
  border: 1px solid #ccc;
  background-image: url(assets/img/testimonials-sprite.webp);
  background-repeat: no-repeat;
  border-radius: 50%;
}
.testimonial--avatar img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50%;
}
.testimonial--author-name {
  font-weight: 700;
}
.testimonial--author-name:before {
  content: "- ";
  font-weight: normal;
}
.testimonial--avatar- {
  background: none;
}
.testimonial--avatar-barry-kooij {
  background-position: -10px -10px;
}
.testimonial--avatar-debbie-mahler {
  background-position: -150px -10px;
}
.testimonial--avatar-jens-filipsson {
  background-position: -10px -150px;
}
.testimonial--avatar-michael-gordon {
  background-position: -150px -150px;
}
.testimonial--avatar-mike-oliver {
  background-position: -290px -10px;
}
.testimonial--avatar-paul-minors {
  background-position: -290px -150px;
}
.testimonial--avatar-scott-allen {
  background-position: -10px -290px;
}
.testimonial--avatar-alison-knott {
  background-position: -150px -290px;
}
@media (min-width: 576px) {
  .testimonial--avatar {
    display: block;
  }
}
@media (min-width: 762px) {
  .testimonial--avatar {
    margin-right: 40px;
  }
}
.wporg-ratings-stars__icons svg {
  height: 32px;
  margin-inline-start: -6px;
  width: 32px;
  fill: #e26f56;
}
.plan {
  background: #fff;
  padding: 42px 32px;
  text-align: center;
  border: 1px solid #e3e8ef;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(36, 41, 47, 0.06);
  transition: border-color 140ms ease, box-shadow 140ms ease,
    transform 140ms ease;
}
.plan:hover {
  border-color: #d2dae5;
  box-shadow: 0 16px 40px rgba(36, 41, 47, 0.1);
  transform: translateY(-2px);
}
.plan-name {
  font-size: 1.15rem;
  font-weight: 800;
  color: #24292f;
}
.plan-currency {
  font-size: 1.35rem;
  font-weight: 700;
  color: #444;
  vertical-align: top;
}
.plan-price-details {
  margin-top: 32px;
}
.plan-price {
  font-size: clamp(3rem, 6vw, 4rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  color: #111;
  line-height: 1;
}
.plan-interval {
  font-size: 0.9rem;
  color: #6f6f6f;
}
.plan-monthly {
  display: block;
  font-size: 0.9rem;
  color: #6f6f6f;
  margin-top: 24px;
}
.plan-features {
  margin: 36px 0;
  padding: 28px 0 0;
  list-style: none;
  border-top: 1px solid #edf0f4;
}
.plan-features li {
  margin: 10px 0;
  padding: 0;
  color: #3f4650;
}
.plan-features strong {
  color: #111;
}
.plan-action {
  margin-top: 28px;
  margin-bottom: 0;
}
.plan-action a {
  width: 100%;
  box-sizing: border-box;
}
.plan-guarantee {
  display: block;
  font-size: 0.8rem;
  color: #6f6f6f;
  margin-top: 0.5em;
}
.plan-popularity {
  margin-bottom: 0.75rem;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #6f6f6f;
  min-height: 1.5em;
}
.plan-popular {
  background: linear-gradient(white, white) padding-box,
    linear-gradient(135deg, #b84040, #3f51b5) border-box;
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 18px 48px rgba(36, 41, 47, 0.14);
  position: relative;
  transform: translateY(-6px);
}
.plan-popular:hover {
  box-shadow: 0 22px 56px rgba(36, 41, 47, 0.18);
  transform: translateY(-8px);
}
.plan-popular .plan-popularity {
  display: inline-block;
  min-height: 0;
  padding: 0.35rem 0.65rem;
  border-radius: 999px;
  background: #fff1f1;
  color: hsl(0, 48.3870967742%, 36.6274509804%);
}
@media (prefers-reduced-motion: reduce) {
  .plan,
  .plan:hover,
  .plan-popular,
  .plan-popular:hover {
    transition: none;
    transform: none;
  }
}
code {
  padding: 0 6px;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
  display: inline-block;
  border-radius: 4px;
  vertical-align: top;
  font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
  font-size: 14px;
}
pre code {
  background-color: inherit;
  border: 0;
  display: block;
}

@media (min-width: 768px) {
  .site-header-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .site-title {
    margin-bottom: 0;
  }
  .site-nav-toggle,
  .site-nav-toggle-label {
    display: none;
  }
  .site-nav {
    display: block;
    width: auto;
  }
  .site-nav li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1rem;
  }
  .site-footer-inner {
    display: flex;
    flex-flow: row wrap;
  }
  .site-footer-last {
    flex: 3;
    text-align: right;
  }
  .site-footer-last a {
    margin: 0 0 0 20px;
  }
  .site-footer-bottom {
    text-align: center;
  }
  .cta,
  .jumbotron {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .cta-actions {
    justify-content: center;
  }
  .row {
    flex-flow: row wrap;
    margin: -20px -20px 0 -20px;
  }
  .col {
    padding: 20px 20px 0 20px;
  }
  .reverse-children {
    flex-direction: row-reverse;
  }
  .col-1 {
    flex: 1;
  }
  .col-2 {
    flex: 2;
  }
  .col-3 {
    flex: 3;
  }
  .col-4 {
    flex: 4;
  }
  .col-5 {
    flex: 5;
  }
  .features .col {
    width: 50%;
    box-sizing: border-box;
  }
  .kb-sidebar {
    position: sticky;
    align-self: start;
    top: 20px;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
} /*# sourceMappingURL=main.css.map */

/* WordPress block compatibility. */
.wp-block-image {
  margin: 0 0 1.5rem;
}
.wp-block-image img {
  height: auto;
}
.wp-block-separator {
  margin: 40px 0;
  border: 0;
  border-top: 1px dotted #c8c8c8;
  background: transparent;
  height: 0;
}
.wp-block-quote {
  font-style: italic;
}
.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}
.wp-block-button__link {
  margin: 0 0 1em 0;
  padding: 0.8rem 1.6rem;
  min-width: 0;
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
  background: #f7f7f7;
  border: 1px solid rgb(221.5, 221.5, 221.5);
  border-radius: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  color: #333;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1;
  transition: background-color 140ms ease, border-color 140ms ease,
    color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.wp-block-button__link:hover {
  background: rgb(221.5, 221.5, 221.5);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.wp-block-button.is-style-primary .wp-block-button__link,
.wp-block-button__link.has-primary-background-color {
  background: #3f51b5;
  border-color: rgb(49.8319672131, 64.0696721311, 143.1680327869);
  color: #fff;
}
.alignwide {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.alignfull {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}