/*
Theme Name: Tipalti Synergy Theme
Author: Tipalti
Author URI: https://tipalti.com/
Description: This is the 5th generation of Tipalti website. The name communicates that the theme is the result of the collaboration of a team of passionate and smart web engineers. Together, it creates an efficient, speedy and world-class website. 
Version: 1.0
Text Domain: TipaltiSynergy-Theme
*/
/* Table of Contents */
html {
  scroll-behavior: smooth;
}

body {
  font-feature-settings: "ss01" on, "cv05" on, "cv08" on, "calt" on;
  padding-top: 95px !important;
  background-color: var(--wp--preset--color--synergy-paper);
}

html,
body {
  -webkit-overflow-scrolling: touch !important;
  touch-action: pan-y !important;
}

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText,
div.CookiebotWidget-main-logo {
  display: none;
}

/* Hide Qualified chatbot while Cookiebot consent banner is visible */
body.cookiebot-open #q-messenger-frame,
body.cookiebot-show #q-messenger-frame {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Fallback: hide chatbot if banner element is visible in the DOM */
#CybotCookiebotDialog:not([style*="display: none"]) ~ #q-messenger-frame {
  display: none !important;
}

/* Hide "OK" button in Cookiebot 2nd level popup under "Details" */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:has(+ .CybotCookiebotDialogBodyButton.CybotCookiebotDialogHide),
.CybotCookiebotDialogBodyButton.CybotCookiebotDialogHide + #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  display: none !important;
}

/* 
* =========================
*    TYPOGRAPHY
* =========================
*/
p {
  color: var(--wp--preset--color--synergy-onyx, #141414);
  padding-bottom: 24px;
}

ul,
ol {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-bottom: var(--wp--custom--min-20-max-24, 24px);
}

li {
  padding-bottom: var(--wp--custom--min-6-max-8, 8px);
}
li:last-child {
  padding-bottom: 0px;
}

.list-style-type-check {
  padding: 0px;
}
.list-style-type-check li {
  display: flex;
  padding-bottom: 16px;
}
.list-style-type-check li:before {
  content: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-check.svg");
  width: 24px;
  padding-right: 16px;
}

mark {
  color: var(--wp--preset--color--synergy-gold, #ffbd01);
  background-color: transparent;
}

/* 
* =========================
*    CAPTIONS
* =========================
*/
p.is-style-tag {
  font-weight: var(--wp--custom--font-weight--medium, 500);
  letter-spacing: clamp(-0.03rem, 0.006vw - 0.031rem, -0.026rem);
  margin: 0px;
  padding-bottom: 0px;
  text-decoration: underline;
  text-decoration-thickness: 5px;
  text-decoration-color: var(--wp--preset--color--synergy-gold, #ffbd01);
  text-underline-offset: 10px;
  line-height: 36px;
}

.is-style-tag + h1,
.is-style-tag + h2,
.is-style-tag + h3,
.is-style-tag + h4 {
  margin-top: 16px;
}

/* 
* =========================
*    FONT WEIGHTS
* =========================
*/
.has-regular-font-weight {
  font-weight: var(--wp--custom--font-weight--regular, 400);
}

strong,
.has-medium-font-weight,
.has-extra-bold-font-weight {
  font-weight: var(--wp--custom--font-weight--medium, 500);
}

/* 
* =========================
*    WP HEADING + PARAGRAPH BLOCK
* =========================
*/
.has-header-1-font-size {
  font-size: var(--wp--custom--min-36-max-64, 36px);
  line-height: var(--wp--custom--min-36-max-64, 36px);
  letter-spacing: clamp(-0.24rem, -0.158vw - 0.098rem, -0.135rem);
}

.has-header-2-font-size {
  font-size: var(--wp--custom--min-32-max-48, 32px);
  line-height: var(--wp--custom--min-36-max-52, 36px);
  letter-spacing: clamp(-0.125rem, -0.053vw - 0.078rem, -0.09rem);
}

.has-header-3-font-size {
  font-size: var(--wp--custom--min-24-max-32, 24px);
  line-height: var(--wp--custom--min-32-max-40, 32px);
  letter-spacing: clamp(-0.1rem, -0.038vw - 0.066rem, -0.075rem);
}

.has-header-4-font-size {
  font-size: var(--wp--custom--min-20-max-24, 20px);
  line-height: var(--wp--custom--min-28-max-32, 28px);
  letter-spacing: clamp(-0.045rem, -0.017vw - 0.03rem, -0.034rem);
}

.has-header-5-font-size {
  font-size: var(--wp--custom--min-18-max-20, 18px);
  line-height: var(--wp--custom--min-24-max-28, 24px);
  letter-spacing: clamp(-0.045rem, -0.017vw - 0.03rem, -0.034rem);
}

/* 
* =========================
*    WP PARAGRAPH BLOCK
* =========================
*/
.has-xsmall-font-size {
  line-height: 16px;
  letter-spacing: clamp(-0.01rem, 0vw - 0.01rem, -0.01rem);
}

.has-small-font-size {
  line-height: 20px;
  letter-spacing: clamp(-0.026rem, -0.024vw - 0.004rem, -0.01rem);
}

.has-regular-font-size {
  line-height: 24px;
  letter-spacing: clamp(-0.03rem, -0.03vw - 0.003rem, -0.01rem);
}

.has-medium-font-size {
  line-height: 24px;
  letter-spacing: clamp(-0.03rem, -0.03vw - 0.003rem, -0.01rem);
}

.has-large-font-size {
  line-height: var(--wp--custom--min-24-max-40, 24px);
  letter-spacing: clamp(-0.075rem, -0.098vw + 0.013rem, -0.01rem);
}

.has-massive-font-size {
  font-size: var(--wp--custom--min-64-max-72, 64px);
  line-height: var(--wp--custom--min-64-max-72, 64px);
  letter-spacing: clamp(-0.075rem, -0.098vw + 0.013rem, -0.01rem);
}

/* 
* =========================
*    ALIGNMENTS
* =========================
*/
.has-text-align-center {
  text-align: center;
}

p:empty {
  display: none;
}

/* 
* =========================
*    LINKS
* =========================
*/
a {
  color: var(--wp--preset--color--synergy-blueberry, #4d62d3);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.has-synergy-onyx-background-color a:not(.wp-element-button) {
  text-decoration: underline;
  color: var(--wp--preset--color--synergy-white, #fff);
}

/* 
* =========================
*    PRIMARY BUTTON
* =========================
*/
.entry-content button,
.wp-element-button,
.popup-wrapper button,
.customer-card button {
  background-color: var(--wp--preset--color--synergy-gold, #ffbd01);
  color: var(--wp--preset--color--synergy-onyx, #141414);
  border: none;
  font-family: inherit;
  font-feature-settings: inherit;
  font-size: 16px;
  letter-spacing: clamp(-0.03rem, 0.03vw - 0.037rem, -0.01rem);
  line-height: 24px;
  padding: 16px 24px;
  text-decoration: none;
  border-radius: var(--wp--custom--min-16-max-20, 16px);
  display: inline-block;
  align-items: center;
  justify-content: center;
  word-break: normal;
  cursor: pointer;
}
.entry-content button:hover,
.wp-element-button:hover,
.popup-wrapper button:hover,
.customer-card button:hover {
  background-color: #ffca33;
  text-decoration: none;
}
.entry-content button:active,
.wp-element-button:active,
.popup-wrapper button:active,
.customer-card button:active {
  background-color: #e0a600;
}

.wp-block-button.width-100 a.wp-element-button {
  width: 100%;
}

/* 
* =========================
*    OUTLINE BUTTON (WP Default)
* =========================
*/
.wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background) {
  background: transparent;
  border: 1px solid var(--wp--preset--color--synergy-onyx, #141414);
}

/* 
* =========================
*    SECONDARY BUTTON
* =========================
*/
button.is-style-secondary,
button.load-more-btn.is-style-secondary,
.is-style-secondary > .wp-block-button__link {
  background-color: var(--wp--preset--color--synergy-onyx, #141414);
  color: var(--wp--preset--color--synergy-white, #fff);
}
button.is-style-secondary:hover,
button.load-more-btn.is-style-secondary:hover,
.is-style-secondary > .wp-block-button__link:hover {
  background-color: #333;
}
button.is-style-secondary:active,
button.load-more-btn.is-style-secondary:active,
.is-style-secondary > .wp-block-button__link:active {
  background-color: #000;
}

button.is-style-border {
  background: transparent;
  border: 1px solid var(--wp--preset--color--synergy-onyx, #141414);
  padding: 16px 24px;
}
button.is-style-border:hover {
  background: transparent;
}

/* 
* =========================
*    TERTIARY BUTTON
* =========================
*/
.is-style-tertiary-play > .wp-block-button__link, .is-style-tertiary-download > .wp-block-button__link, .is-style-tertiary > .wp-block-button__link {
  background: transparent;
  border: 1px solid var(--wp--preset--color--synergy-onyx, #141414);
  position: relative;
}
.is-style-tertiary-play > .wp-block-button__link:after, .is-style-tertiary-download > .wp-block-button__link:after, .is-style-tertiary > .wp-block-button__link:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 350ms ease;
  width: 24px;
  height: 24px;
}

.is-style-tertiary > .wp-block-button__link {
  padding: 15px 44px 15px 24px;
}
.is-style-tertiary > .wp-block-button__link:after {
  content: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-arrow-right.svg");
}

.is-style-tertiary-download > .wp-block-button__link {
  padding: 15px 44px 15px 24px;
}
.is-style-tertiary-download > .wp-block-button__link:after {
  content: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-download.svg");
}

.is-style-tertiary-play > .wp-block-button__link {
  padding: 15px 52px 15px 24px;
}
.is-style-tertiary-play > .wp-block-button__link:after {
  content: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-play.svg");
  padding-left: 8px;
}

/* 
* =========================
*    ICON BUTTONS
* =========================
*/
.is-style-icon-plus > .wp-block-button__link,
.is-style-icon-search > .wp-block-button__link,
.is-style-icon-chevron-left > .wp-block-button__link,
.is-style-icon-chevron-right > .wp-block-button__link,
.is-style-icon-arrow-right > .wp-block-button__link,
.is-style-icon-arrow-down > .wp-block-button__link {
  height: 64px;
  width: 64px;
  background-repeat: no-repeat;
  background-position: center;
  display: inherit;
  color: transparent;
  font-size: 2px;
}

.is-style-icon-arrow-right > .wp-block-button__link,
.is-style-icon-arrow-down > .wp-block-button__link {
  height: 50px;
  width: 50px;
  border-radius: 16px;
}

.is-style-icon-plus > .wp-block-button__link,
.is-style-icon-search > .wp-block-button__link {
  background-color: var(--wp--preset--color--synergy-white, #fff);
}
.is-style-icon-plus > .wp-block-button__link:hover,
.is-style-icon-search > .wp-block-button__link:hover {
  filter: brightness(0.935);
}
.is-style-icon-plus > .wp-block-button__link:active,
.is-style-icon-search > .wp-block-button__link:active {
  filter: brightness(0.885);
}

.is-style-icon-chevron-left > .wp-block-button__link,
.is-style-icon-chevron-right > .wp-block-button__link {
  background-color: rgba(138, 138, 138, 0.5);
  backdrop-filter: blur(16px);
}
.is-style-icon-chevron-left > .wp-block-button__link:hover,
.is-style-icon-chevron-right > .wp-block-button__link:hover {
  background-color: rgba(138, 138, 138, 0.25);
}
.is-style-icon-chevron-left > .wp-block-button__link:active,
.is-style-icon-chevron-right > .wp-block-button__link:active {
  background-color: rgba(138, 138, 138, 0.8);
}

.is-style-icon-arrow-right > .wp-block-button__link {
  background-color: var(--wp--preset--color--synergy-rhino, #efefef);
}
.is-style-icon-arrow-right > .wp-block-button__link:hover {
  background-color: rgba(138, 138, 138, 0.25);
}
.is-style-icon-arrow-right > .wp-block-button__link:active {
  background-color: rgba(138, 138, 138, 0.8);
}

.is-style-icon-arrow-down > .wp-block-button__link {
  background-color: rgba(138, 138, 138, 0.5);
}
.is-style-icon-arrow-down > .wp-block-button__link:hover {
  background-color: rgba(138, 138, 138, 0.25);
}
.is-style-icon-arrow-down > .wp-block-button__link:active {
  background-color: rgba(138, 138, 138, 0.8);
}

/* 
* =========================
*    TEXTLINK BUTTON
* =========================
*/
.is-style-textlink-outlink .wp-block-button__link,
.is-style-textlink-arrow .wp-block-button__link {
  background-color: transparent;
  border-radius: 0px;
  background-repeat: no-repeat;
  background-position: center right;
  text-align: left;
  text-wrap: balance;
  width: initial;
  padding: 0px 27px 0px 0px !important;
  font-weight: var(--wp--custom--font-weight--medium, 500);
}

.is-style-textlink-tag .wp-block-button__link {
  font-size: var(--wp--custom--min-14-max-16, 14px);
  border: 1px solid var(--wp--preset--color--synergy-onyx, #141414);
  background-color: transparent;
  transition: all 0.3s;
  border-radius: 20px;
  padding: var(--wp--custom--min-6-max-8, 6px) 12px;
}
.is-style-textlink-tag .wp-block-button__link.has-synergy-white-color {
  border-color: var(--wp--preset--color--synergy-white, #fff);
}
.is-style-textlink-tag .wp-block-button__link:hover {
  border-color: var(--wp--preset--color--synergy-gold, #ffbd01);
  color: var(--wp--preset--color--synergy-gold, #ffbd01) !important;
}

/* 
* =========================
*    BUTTON ICONS
* =========================
*/
.is-style-icon-plus > .wp-block-button__link {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-plus.svg");
}

.is-style-icon-search > .wp-block-button__link {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-search.svg");
}

.is-style-icon-chevron-left > .wp-block-button__link {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-chevron-left.svg");
}

.is-style-icon-chevron-right > .wp-block-button__link {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-chevron-right.svg");
}

.is-style-icon-arrow-right > .wp-block-button__link {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-arrow-right.svg");
}

.is-style-icon-arrow-down > .wp-block-button__link {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-arrow-down.svg");
}

.is-style-textlink-outlink > .wp-block-button__link {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-outlink.svg");
  text-decoration: underline !important;
}

/* 
* =========================
*    BUTTON ANIMATIONS
* =========================
*/
.is-style-textlink-arrow > .wp-block-button__link {
  position: relative; /* Required for :after to work properly */
}
.is-style-textlink-arrow > .wp-block-button__link:after {
  content: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-arrow-right.svg");
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 350ms ease;
}

.is-style-tertiary > .wp-block-button__link:hover:after,
.is-style-textlink-arrow > .wp-block-button__link:hover:after {
  transform: translate(4px, -50%);
}

/* 
* =========================
*    DARK MODE MODIFICATIONS
* =========================
*/
.has-synergy-onyx-background-color .is-style-secondary > .wp-block-button__link,
.has-synergy-onyx-background-color .wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background),
.has-synergy-onyx-background-color .is-style-tertiary > .wp-block-button__link,
.has-synergy-onyx-background-color .is-style-tertiary-download > .wp-block-button__link,
.has-synergy-onyx-background-color .is-style-tertiary-play > .wp-block-button__link,
.has-synergy-onyx-background-color .is-style-textlink-tag .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-secondary > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .wp-block-button:where(.is-style-outline) > .wp-block-button__link:not(.has-background),
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary-download > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary-play > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-textlink-tag .wp-block-button__link {
  border: 1px solid var(--wp--preset--color--synergy-white, #fff);
  color: var(--wp--preset--color--synergy-white, #fff);
}
.has-synergy-onyx-background-color .is-style-tertiary > .wp-block-button__link,
.has-synergy-onyx-background-color .is-style-tertiary-download > .wp-block-button__link,
.has-synergy-onyx-background-color .is-style-tertiary-play > .wp-block-button__link,
.has-synergy-onyx-background-color .is-style-textlink-arrow > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary-download > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary-play > .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-textlink-arrow > .wp-block-button__link {
  color: var(--wp--preset--color--synergy-white, #fff);
}
.has-synergy-onyx-background-color .is-style-tertiary > .wp-block-button__link:after,
.has-synergy-onyx-background-color .is-style-tertiary-download > .wp-block-button__link:after,
.has-synergy-onyx-background-color .is-style-tertiary-play > .wp-block-button__link:after,
.has-synergy-onyx-background-color .is-style-textlink-arrow > .wp-block-button__link:after,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary > .wp-block-button__link:after,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary-download > .wp-block-button__link:after,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-tertiary-play > .wp-block-button__link:after,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-textlink-arrow > .wp-block-button__link:after {
  filter: brightness(0) invert(1);
}
.has-synergy-onyx-background-color .is-style-textlink-outlink .wp-block-button__link,
.wp-block-cover:has(.wp-block-cover__background.has-background-dim) .is-style-textlink-outlink .wp-block-button__link {
  filter: brightness(0) invert(1);
}

/* 
* =========================
*    MOBILE BEHAVIOR
* =========================
*/
@media (max-width: 781px) {
  button,
  .wp-block-button,
  .wp-block-button__link {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .is-style-textlink-tag,
  .is-style-icon-chevron-left,
  .is-style-icon-chevron-right,
  .is-style-icon-arrow-right,
  .is-style-icon-arrow-down {
    width: fit-content;
  }
}

/* 
* =========================
*    INPUTS & TEXTAREAS
* =========================
*/
input,
select,
textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 16px;
  margin: 4px 0 0;
  background-color: var(--wp--preset--color--synergy-rhino, #efefef);
  border: solid 1px var(--wp--preset--color--synergy-rhino, #efefef);
  border-radius: var(--wp--custom--min-12-max-20, 12px);
  font-family: inherit;
  font-feature-settings: "ss01" on, "cv05" on, "cv08" on, "calt" on;
  font-size: var(--wp--preset--font-size--synergy-regular, 400);
  font-weight: var(--wp--custom--font-weight--regular, 400);
  letter-spacing: clamp(-0.026rem, -0.024vw - 0.004rem, -0.01rem);
  line-height: 24px;
  color: var(--wp--preset--color--synergy-onyx, #141414);
  cursor: pointer;
}
input:focus,
select:focus,
textarea:focus {
  border: 1px solid var(--wp--preset--color--synergy-gunmetal, #6c6c6c);
}
input::placeholder,
select::placeholder,
textarea::placeholder {
  color: var(--wp--preset--color--synergy-onyx, #141414);
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

/* 
* =========================
*    SELECT DROPDOWN ARROW
* =========================
*/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c6c6c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 12px 12px;
}

/* 
* =========================
*    TEXTAREA SCROLLBAR
* =========================
*/
textarea {
  max-width: 100%;
  min-width: 100%;
}
textarea::-webkit-scrollbar {
  width: 10px;
}
textarea::-webkit-scrollbar-thumb {
  background: var(--wp--preset--color--synergy-pebble, #ccc);
  border-radius: 100px 100% 100px 100px;
}

/* 
* =========================
*    CHECKBOXES
* =========================
*/
input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  padding: 0px;
  border: 2px solid var(--wp--preset--color--synergy-pebble, #ccc);
  border-radius: 6px;
  min-width: 24px;
  max-width: 24px;
  margin: 0px 16px 0 0;
  height: 24px;
  background: var(--wp--preset--color--synergy-white, #fff);
}
input[type=checkbox]::before {
  content: "";
  width: 15px;
  height: 12px;
  position: relative;
  clip-path: polygon(90.517% 2.093%, 90.517% 2.093%, 91.206% 1.34%, 91.959% 0.754%, 92.761% 0.336%, 93.595% 0.085%, 94.445% 0.001%, 95.295% 0.085%, 96.129% 0.336%, 96.931% 0.754%, 97.684% 1.34%, 98.373% 2.093%, 98.373% 2.093%, 98.958% 2.978%, 99.414% 3.947%, 99.739% 4.978%, 99.935% 6.05%, 100% 7.143%, 99.935% 8.237%, 99.739% 9.309%, 99.414% 10.34%, 98.959% 11.308%, 98.373% 12.194%, 66.627% 53.012%, 34.882% 93.827%, 30.952% 88.775%, 30.952% 88.777%, 34.882% 93.827%, 30.952% 98.877%, 27.024% 93.827%, 1.628% 61.173%, 1.628% 61.173%, 1.042% 60.288%, 0.587% 59.319%, 0.261% 58.288%, 0.066% 57.216%, 0.001% 56.123%, 0.066% 55.029%, 0.261% 53.957%, 0.587% 52.926%, 1.042% 51.958%, 1.628% 51.072%, 1.628% 51.072%, 2.317% 50.319%, 3.07% 49.734%, 3.872% 49.315%, 4.706% 49.064%, 5.556% 48.98%, 6.406% 49.064%, 7.24% 49.315%, 8.042% 49.734%, 8.795% 50.319%, 9.484% 51.072%, 30.952% 78.672%, 58.77% 42.909%, 90.517% 2.093%);
  transform: scale(0);
  background-color: var(--wp--preset--color--synergy-onyx, #141414);
  border-color: var(--wp--preset--color--synergy-onyx, #141414);
}
input[type=checkbox]:checked {
  border-color: var(--wp--preset--color--synergy-onyx, #141414);
  background-color: var(--wp--preset--color--synergy-onyx, #141414);
}
input[type=checkbox]:checked::before {
  transform: scale(1);
  background-color: var(--wp--preset--color--synergy-white, #fff);
}

/* 
* =========================
*    BLOCKQUOTE
* =========================
*/
.blockquote-box {
  position: relative;
  background: var(--wp--preset--color--synergy-paper, #fafafa);
  padding: var(--wp--custom--min-24-max-48, 24px) var(--wp--custom--min-24-max-36, 24px);
  border-radius: var(--wp--custom--min-32-max-64, 32px);
}

blockquote {
  margin: 0px;
  line-height: var(--wp--custom--min-32-max-40, 32px);
  font-size: var(--wp--custom--min-18-max-24, 18px);
}
blockquote p,
blockquote span,
blockquote p.has-huge-font-size {
  padding-top: 36px;
  padding-bottom: 0px;
  margin: 0px;
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -1.2px;
}
@media (min-width: 782px) {
  blockquote p,
  blockquote span,
  blockquote p.has-huge-font-size {
    padding-top: 0px !important;
    padding-left: 43px;
  }
}

blockquote::before {
  background-image: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/decorative/icon-quote.svg");
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  width: 55px;
  height: 55px;
  margin-top: -20px;
  margin-left: -17px;
}

cite {
  font-size: 16px;
  line-height: 24px;
  padding-top: 20px;
  font-style: normal;
  letter-spacing: clamp(-0.026rem, -0.024vw - 0.004rem, -0.01rem);
}
@media (min-width: 782px) {
  cite {
    padding-left: 43px;
  }
}

.citer {
  display: flex;
  gap: 10px;
  padding-top: 20px;
}
.citer .citer-image img {
  border-radius: 100px;
  object-fit: cover;
}
.citer .citer-text {
  align-content: center;
}
@media (min-width: 782px) {
  .citer .citer-text.no-head-shot-img {
    padding-left: 43px;
  }
}
.citer .citer-text p {
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: clamp(-0.026rem, -0.024vw - 0.004rem, -0.01rem);
}
.citer .citer-role {
  color: var(--wp--preset--color--synergy-gunmetal, #6c6c6c);
}

/* 
* =========================
*    DETAILS & SUMMARY
* =========================
*/
@supports (interpolate-size: allow-keywords) {
  details {
    interpolate-size: allow-keywords;
  }
}
details,
.wp-block-details {
  margin-bottom: 8px !important;
}
@media (min-width: 782px) {
  details,
  .wp-block-details {
    border-radius: 32px;
    padding: 0 var(--wp--custom--min-24-max-40, 24px);
    background-color: var(--wp--preset--color--synergy-white, #fff);
  }
}
details::details-content,
.wp-block-details::details-content {
  transition: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
  height: 0;
  overflow: clip;
}
details > summary,
details > summary.wp-block-details__summary,
.wp-block-details > summary,
.wp-block-details > summary.wp-block-details__summary {
  -webkit-tap-highlight-color: transparent !important;
  list-style: none;
  position: relative;
  color: var(--wp--preset--color--synergy-onyx, #141414);
  font-size: var(--wp--custom--min-18-max-24, 18px);
  font-weight: var(--wp--custom--font-weight--medium, 500);
  line-height: var(--wp--custom--min-24-max-32, 24px);
  letter-spacing: clamp(-0.1rem, -0.038vw - 0.066rem, -0.075rem);
  padding: 24px calc(var(--wp--custom--min-32-max-40, 32px) * 2) 24px 0px; /* Extra 40px padding keeps icon clear */
  cursor: pointer;
}
details > summary::-webkit-details-marker,
details > summary.wp-block-details__summary::-webkit-details-marker,
.wp-block-details > summary::-webkit-details-marker,
.wp-block-details > summary.wp-block-details__summary::-webkit-details-marker {
  display: none;
}
details > summary::after,
details > summary.wp-block-details__summary::after,
.wp-block-details > summary::after,
.wp-block-details > summary.wp-block-details__summary::after {
  content: "";
  display: block !important;
  position: absolute;
  right: 0;
  top: var(--wp--custom--min-20-max-24, 20px);
  height: 32px;
  width: 32px;
  background: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-plus.svg");
}
details > summary h3,
details > summary.wp-block-details__summary h3,
.wp-block-details > summary h3,
.wp-block-details > summary.wp-block-details__summary h3 {
  margin: 0;
  padding: 0;
  font: inherit;
  line-height: inherit;
}
details > div p,
details .wp-block-details__content p,
.wp-block-details > div p,
.wp-block-details .wp-block-details__content p {
  color: var(--wp--preset--color--synergy-onyx, #141414);
  margin: 0;
  padding-bottom: 24px;
}
details > div ul,
details > div ol,
details .wp-block-details__content ul,
details .wp-block-details__content ol,
.wp-block-details > div ul,
.wp-block-details > div ol,
.wp-block-details .wp-block-details__content ul,
.wp-block-details .wp-block-details__content ol {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-bottom: var(--wp--custom--min-20-max-24, 24px);
}
details > div li,
details .wp-block-details__content li,
.wp-block-details > div li,
.wp-block-details .wp-block-details__content li {
  padding-bottom: var(--wp--custom--min-6-max-8, 8px);
}
details > div strong,
details .wp-block-details__content strong,
.wp-block-details > div strong,
.wp-block-details .wp-block-details__content strong {
  font-weight: var(--wp--custom--font-weight--medium, 500);
}
details > div h5,
details .wp-block-details__content h5,
.wp-block-details > div h5,
.wp-block-details .wp-block-details__content h5 {
  color: var(--wp--preset--color--synergy-onyx, #141414);
  font-size: var(--wp--custom--min-18-max-20, 18px);
  font-weight: var(--wp--custom--font-weight--medium, 500);
  letter-spacing: clamp(-0.045rem, -0.017vw - 0.03rem, -0.034rem);
  line-height: var(--wp--custom--min-24-max-28, 24px);
  margin: 0;
  padding-bottom: 8px;
}
details > div a,
details .wp-block-details__content a,
.wp-block-details > div a,
.wp-block-details .wp-block-details__content a {
  color: var(--wp--preset--color--synergy-blueberry, #4d62d3);
  text-decoration: none;
}
details > div a:hover,
details .wp-block-details__content a:hover,
.wp-block-details > div a:hover,
.wp-block-details .wp-block-details__content a:hover {
  text-decoration: underline;
}
details[open]::details-content,
.wp-block-details[open]::details-content {
  height: auto;
}
details[open] > summary::after,
details[open] > summary.wp-block-details__summary::after,
.wp-block-details[open] > summary::after,
.wp-block-details[open] > summary.wp-block-details__summary::after {
  background: url("https://tipalti.com/wp-content/themes/Tipalti-Synergy/resources/icons/control/icon-hide.svg");
}

/* 
* =========================
*    GET STARTED POPUP
* =========================
*/
@container (min-width: 782px) {
  .popup__get-started .popup__box .popup-wrapper {
    max-width: max-content;
    max-height: 85vh;
  }
  .popup__get-started .popup__box .popup-wrapper form {
    max-width: 500px;
  }
}
@container (min-width: 782px) {
  .popup__get-started .popup__box .form-wrapper {
    max-width: 500px;
  }
}
@container (min-width: 782px) {
  .popup__get-started .popup__box .thank-you-wrapper {
    max-width: 940px;
    min-width: 560px;
  }
}

/* 
* =========================
*    CSS GRID BACKGROUND
* =========================
*/
.grid-background {
  position: relative;
  overflow: hidden; /* Ensure the mask stays within the element */
}
.grid-background .wp-block-group {
  position: relative; /* Ensure the content within the element is clickable */
}
.grid-background span {
  opacity: 0 !important;
  background-color: transparent !important;
}
.grid-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 3px), linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 1px, transparent 3px), linear-gradient(to right, rgba(0, 0, 0, 0.1) 1px, transparent 3px), linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1px, transparent 3px);
  background-size: 40px 40px;
  background-position: 0 0, 0 0, 20px 20px, 20px 20px; /* Offset for the fading effect */
  mask: linear-gradient(to right, transparent 40%, rgba(0, 0, 0, 0.5) 65%, #151515 100%);
  -webkit-mask: linear-gradient(to right, transparent 40%, rgba(0, 0, 0, 0.5) 65%, #151515 100%);
}

/* 
* =========================
*    BORDER RADIUS
* =========================
*/
figure.wp-block-image.is-style-rounded-16 img {
  border-radius: 16px;
}

figure.wp-block-image.is-style-rounded-32 img {
  border-radius: var(--wp--custom--min-16-max-32, 16px);
}

.is-style-rounded-16 {
  border-radius: 16px;
}

.is-style-rounded-20 {
  border-radius: var(--wp--custom--min-16-max-20, 16px);
}

.is-style-rounded-24 {
  border-radius: var(--wp--custom--min-16-max-24, 16px);
}

.is-style-rounded-32 {
  border-radius: var(--wp--custom--min-24-max-32, 24px);
}

.is-style-rounded-40 {
  border-radius: var(--wp--custom--min-24-max-40, 24px);
}

.is-style-rounded-48 {
  border-radius: var(--wp--custom--min-24-max-48, 24px);
}

.is-style-rounded-64 {
  border-radius: var(--wp--custom--min-32-max-64, 32px);
}

.tcb-cta-pattern,
.is-style-card {
  border-radius: var(--wp--custom--min-24-max-40, 24px);
  box-shadow: var(--wp--preset--shadow--default);
}
.tcb-cta-pattern.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.is-style-card.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  margin: 0px !important;
}

/* 
* =========================
*    IMAGES
* =========================
*/
.is-style-gray-filter {
  filter: contrast(0);
}

.is-style-white-filter {
  filter: brightness(0) invert(1);
}

.is-style-card-image img {
  border-radius: var(--wp--custom--min-24-max-40, 24px) var(--wp--custom--min-24-max-40, 24px) 0px 0px;
}

.wp-block-image:has(img[src*=svg]) > a {
  display: block !important;
}

/* 
* =========================
*    UTILITIES
* =========================
*/
.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.is-layout-flex.display-none,
.display-none {
  display: none;
}

.display-block,
.block {
  display: block;
}

.align-items-center {
  align-items: center;
}

@media screen and (min-width: 782px) {
  .sm--flex-1 {
    flex: 1;
  }
}
/* 
* =========================
*    SYNERGY UTILITIES
* =========================
*/
.display-flex,
.flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.flex-direction-column {
  flex-direction: column;
}

.align-items-flex-start {
  align-items: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-content-center {
  justify-content: center;
}

.container-type-inline-size {
  container-type: inline-size;
}

a.text-decoration-none {
  text-decoration: none;
}

@media screen and (max-width: 781px) {
  .sm--flex-direction-column-reverse {
    flex-direction: column-reverse;
  }
  .sm--text-center {
    text-align: center;
  }
  .sm--mb-0 {
    margin-bottom: 0px;
  }
  .sm--padding-top-45vw {
    padding-top: 45vw !important;
  }
}
@media screen and (max-width: 1280px) {
  .md--flex-direction-column {
    flex-direction: column;
  }
}
@media screen and (max-width: 854px) {
  .md--display-block {
    display: block !important;
  }
}
@media screen and (min-width: 781px) {
  .lg--display-none {
    display: none;
  }
  .lg--display-block {
    display: block;
  }
  .lg--height-100 {
    height: 100%;
  }
}
.height-100 {
  height: 100%;
}

.width-100 {
  width: 100%;
}

.height-auto {
  height: auto;
}

.width-auto {
  width: auto;
}

.top-0 {
  top: 0px;
}

.background-none {
  background: none !important;
}

.border-radius-min-24-max-64 img {
  border-radius: var(--wp--custom--min-24-max-64);
}

.mb-16 {
  margin-bottom: 16px;
}

.background-size-cover {
  background-size: cover;
}

.background-position-center {
  background-position: center;
}

.background-position-center-top {
  background-position: center top;
}

.mx-auto {
  margin: 0 auto;
}

.width-1\/2 {
  width: 50%;
}

.width-1\/3 {
  width: 33.3333333333%;
}

.mb-20 {
  margin-bottom: 12px;
}

.pt-0 {
  padding-top: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pt-20 {
  padding-top: clamp(10px, 5vw, 20px);
}

.pt-24 {
  padding-top: clamp(12px, 5vw, 24px);
}

.pb-24 {
  padding-bottom: clamp(12px, 5vw, 24px);
}

.pr-40 {
  padding-right: clamp(20px, 5vw, 40px);
}

.mt-0 {
  margin-top: 0;
}

.mb-0 {
  margin-bottom: 0;
}

.pb-0 {
  padding-bottom: 0rem;
}

.mt--20 {
  margin-top: -20px !important;
}

@media (min-width: 782px) {
  .mt--100 {
    margin-top: -100px !important;
  }
  .mt--50 {
    margin-top: -50px !important;
  }
}

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