/** Styles for frontend and backend **/
.border-left {
    border-left: 2px solid white;
}


/* ========================= */
/* custom style ============ */
/* ========================= */
figure {
    margin: 0;
}


/* LEFT */
.is-style-mask-soft-cut-left {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0.9987 0.0806 C0.9987 0.0361 0.9799 0 0.9566 0 H0.042 C0.015 0 -0.005 0.0486 0.0011 0.099 L0.1044 0.938 C0.1096 0.973 0.1296 1 0.1452 1 H0.9566 C0.9799 1 0.9987 0.964 0.9987 0.919 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0.9987 0.0806 C0.9987 0.0361 0.9799 0 0.9566 0 H0.042 C0.015 0 -0.005 0.0486 0.0011 0.099 L0.1044 0.938 C0.1096 0.973 0.1296 1 0.1452 1 H0.9566 C0.9799 1 0.9987 0.964 0.9987 0.919 Z'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* RIGHT */
.is-style-mask-soft-cut-right  {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0.0806 C0 0.0361 0.0188 0 0.042 0 H0.957 C0.984 0 1.004 0.0486 0.998 0.099 L0.894 0.938 C0.889 0.973 0.869 1 0.853 1 H0.042 C0.0188 1 0 0.964 0 0.919 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0.0806 C0 0.0361 0.0188 0 0.042 0 H0.957 C0.984 0 1.004 0.0486 0.998 0.099 L0.894 0.938 C0.889 0.973 0.869 1 0.853 1 H0.042 C0.0188 1 0 0.964 0 0.919 Z'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* RIGHT ALT */
.is-style-mask-soft-cut-right.container-fluid {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0 H0.957 C0.984 0 1.004 0.0486 0.998 0.099 L0.894 0.938 C0.889 0.973 0.869 1 0.853 1 H0 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0 H0.957 C0.984 0 1.004 0.0486 0.998 0.099 L0.894 0.938 C0.889 0.973 0.869 1 0.853 1 H0 Z'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* RESPONSIVE */
.is-style-mask-soft-cut-responsive {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0.08 C0 0.03 0.03 0 0.08 0 H0.92 C0.97 0 1 0.05 0.99 0.09 L0.95 0.91 C0.94 0.97 0.90 1 0.85 1 H0.08 C0.03 1 0 0.97 0 0.92 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0.08 C0 0.03 0.03 0 0.08 0 H0.92 C0.97 0 1 0.05 0.99 0.09 L0.95 0.91 C0.94 0.97 0.90 1 0.85 1 H0.08 C0.03 1 0 0.97 0 0.92 Z'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* UNIVERSAL */
.is-style-mask-soft-cut-universal {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0.106 0.062 C0.111 0.026 0.128 0 0.147 0 H0.956 C0.984 0 1.004 0.0486 0.998 0.099 L0.893 0.938 C0.889 0.973 0.869 1 0.852 1 H0.042 C0.015 1 -0.005 0.952 0.001 0.900 L0.106 0.062 Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0.106 0.062 C0.111 0.026 0.128 0 0.147 0 H0.956 C0.984 0 1.004 0.0486 0.998 0.099 L0.893 0.938 C0.889 0.973 0.869 1 0.852 1 H0.042 C0.015 1 -0.005 0.952 0.001 0.900 L0.106 0.062 Z'/%3E%3C/svg%3E");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}



.is-style-skewed-right {
  transform: skewX(-7deg);
}
.is-style-skewed-right .madeit-content-column__inner > *:not(figure) {
  transform: skewX(7deg);
}
.is-style-skewed-right .madeit-content-column__inner,
.is-style-skewed-right .madeit-content-column__inner > figure {
  border-radius: var(--wp--custom--border-radius--default);
  overflow: hidden;
}


.block-editor-rich-text__editable.is-style-btn,
.wp-block-read-more.is-style-btn {
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;

    box-shadow: none;
    transition: all .32s cubic-bezier(.175, .885, .32, 1.275);
    border-radius: var(--wp--custom--border-radius--default);
}


/* ========================= */
/* Tabs ==================== */
/* ========================= */
.wp-block-madeit-block-tabs .nav-tabs .nav-item .nav-link {
    padding: 1.6rem .9rem;
}

.wp-block-madeit-block-tabs.is-tab-position-desktop-left {
    gap: 20px;
}

.wp-block-madeit-block-tabs .tab-content {
    border-radius: var(--wp--custom--border-radius--default);
    padding: 3rem;
}
.wp-block-madeit-block-tabs .nav-tabs .nav-item .nav-link.active {
    border-radius: var(--wp--custom--border-radius--default);
}


/* ========================= */
/* Accordeon =============== */
/* ========================= */
.wp-block-accordion-item .wp-block-accordion-heading {
    border-radius: 1rem;
    padding: 2px 10px;
    background: white;
}
.wp-block-accordion-item.is-open .wp-block-accordion-heading {
    background-color: var(--wp--preset--color--primary);
    color: var(--color-primary-contrast);
}
.wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
    text-decoration: none;
}
.wp-block-accordion-panel {
    padding: 0 20px;
}
.wp-block-accordion-heading__toggle:hover {
    box-shadow: none;
}
.wp-block-accordion-panel {
    display: block;
    height: auto;
    transition: all .32s cubic-bezier(.175, .885, .32, 1.275);
    animation-delay: .5s;
    animation: openAccordion .32s cubic-bezier(.175, .885, .32, 1.275) forwards;
}
.wp-block-accordion-panel[inert] {
    display: block;
    height: 0;
    overflow: hidden;
    transition: all .32s cubic-bezier(.175, .885, .32, 1.275);
    animation-delay: .5s;
    animation: closeAccordion .32s cubic-bezier(.175, .885, .32, 1.275) forwards;
}
@keyframes openAccordion {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: auto;
        opacity: 1;
    }
}
@keyframes closeAccordion {
    0% {
        height: auto;
        opacity: 1;
    }
    100% {
        height: 0;
        opacity: 0;
    }
}

.h-100 {
    height: 100%;
}


.circle-wrapperHigh {
  position: relative;
}
.circle-wrapperHigh .circle-wrapper {
    --wp--preset--spacing--80-40: clamp(2.5rem, 2.589vw + 1.893rem, 5rem);
    
    border: 2px solid;
    border-radius: 50%;
    padding-top: var(--wp--preset--spacing--80-40);
    padding-right: var(--wp--preset--spacing--80-40);
    padding-bottom: var(--wp--preset--spacing--80-40);
    padding-left: var(--wp--preset--spacing--80-40);
  
    aspect-ratio: 1;
    max-width: 28vw;
    position: absolute !important;
    flex-wrap: nowrap;
  }
  .wp-block-group .circle-wrapper:first-child {
    top: -80px;
    top: calc(var(--wp--preset--spacing--80-40, 80px) * -1);
    left: -40px;
    left: calc(var(--wp--preset--spacing--80-40, 80px) / 2 * -1);
    border-color: var(--wp--preset--color--primary);
  }
  .wp-block-group .circle-wrapper:last-child {
    bottom: -80px;
    bottom: calc(var(--wp--preset--spacing--80-40, 80px) * -1);
    right: 0;
    border-color: white;
  }
  @media (max-width: 991px) {
      .circle-wrapperHigh {
          flex-direction: row;
          height: 42vh;
      }
  }
  @media (max-width: 767px) {
      .circle-wrapperHigh {
          flex-direction: row;
          height: 52vh;
      }
  }
  @media (max-width: 845px) {
      .circle-wrapperHigh .circle-wrapper {
          max-width: 47vw;
      }
  }


  .btn-highlight {
    width: max-content;
    padding-top: 6px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    box-shadow: none;
    transition: all .32s cubic-bezier(.175, .885, .32, 1.275);
    border-radius: 50px;
    background-color: rgba(var(--wp--preset--color--secondary-rgb), 0.1);
    border: 2px solid var(--wp--preset--color--secondary);
  }


  .wp-block-madeit-slider:not([data-effect="logo"]) img {
    border-radius: var(--wp--custom--border-radius--default);
  }


/* ========================= */
/* Card ==================== */
/* ========================= */
.z-index-2 {
    position: relative;
    z-index: 3;
}
.card {
    border: none;
    border-radius: var(--wp--custom--border-radius--default);
}