.wp-block-columns {
    align-items:normal!important;
    box-sizing:border-box;
    display:flex;
    flex-wrap:wrap!important
  }
  @media (min-width:782px) {
    .wp-block-columns {
      flex-wrap:nowrap!important
    }
  }
  .wp-block-columns.are-vertically-aligned-top {
    align-items:flex-start
  }
  .wp-block-columns.are-vertically-aligned-center {
    align-items:center
  }
  .wp-block-columns.are-vertically-aligned-bottom {
    align-items:flex-end
  }
  @media (max-width:781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis:100%!important
    }
  }
  @media (min-width:782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
      flex-basis:0;
      flex-grow:1
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
      flex-grow:0
    }
  }
  .wp-block-columns.is-not-stacked-on-mobile {
    flex-wrap:nowrap!important
  }
  .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
    flex-basis:0;
    flex-grow:1
  }
  .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
    flex-grow:0
  }
  :where(.wp-block-columns) {
    margin-bottom:1.75em
  }
  :where(.wp-block-columns.has-background) {
    padding:1.25em 2.375em
  }
  .wp-block-column {
    flex-grow:1;
    min-width:0;
    overflow-wrap:break-word;
    word-break:break-word
  }
  .wp-block-column.is-vertically-aligned-top {
    align-self:flex-start
  }
  .wp-block-column.is-vertically-aligned-center {
    align-self:center
  }
  .wp-block-column.is-vertically-aligned-bottom {
    align-self:flex-end
  }
  .wp-block-column.is-vertically-aligned-stretch {
    align-self:stretch
  }
  .wp-block-column.is-vertically-aligned-bottom,
  .wp-block-column.is-vertically-aligned-center,
  .wp-block-column.is-vertically-aligned-top {
    width:100%
  }


.wp-container-core-navigation-is-layout-1.wp-container-core-navigation-is-layout-1 {
    gap:var(--wp--preset--spacing--50);
  }
  .wp-container-core-group-is-layout-1.wp-container-core-group-is-layout-1 {
    flex-wrap:nowrap;
    justify-content:space-between;
  }
  .wp-elements-358da890ebe183d45bea4785de512b8c a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--dark-gray);
  }
  .wp-container-core-group-is-layout-3.wp-container-core-group-is-layout-3 {
    flex-wrap:nowrap;
    gap:1.75rem;
    justify-content:space-between;
  }
  .wp-container-core-group-is-layout-4.wp-container-core-group-is-layout-4 {
    flex-wrap:nowrap;
    justify-content:space-between;
  }
  .wp-container-core-post-content-is-layout-1.wp-container-core-post-content-is-layout-1 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    margin-left:0 !important;
  }
  .wp-elements-6f47a3fa927af526742c0252b5044f0f a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1 {
    flex-wrap:nowrap;
    gap:0 var(--wp--preset--spacing--30);
  }
  .wp-container-core-group-is-layout-7.wp-container-core-group-is-layout-7 {
    flex-wrap:nowrap;
  }
  .wp-container-core-columns-is-layout-2.wp-container-core-columns-is-layout-2 {
    flex-wrap:nowrap;
  }
  .wp-container-core-column-is-layout-5.wp-container-core-column-is-layout-5 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-column-is-layout-5.wp-container-core-column-is-layout-5.wp-container-core-column-is-layout-5.wp-container-core-column-is-layout-5 > * + * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-elements-66e13ee132100cd7cc3d411e6745e487 a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-container-core-column-is-layout-6.wp-container-core-column-is-layout-6 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-column-is-layout-6.wp-container-core-column-is-layout-6.wp-container-core-column-is-layout-6.wp-container-core-column-is-layout-6 > * + * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-elements-85677097fd8b11bb15c56a4c8d62263f a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-container-core-column-is-layout-7.wp-container-core-column-is-layout-7 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-column-is-layout-7.wp-container-core-column-is-layout-7.wp-container-core-column-is-layout-7.wp-container-core-column-is-layout-7 > * + * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-columns-is-layout-3.wp-container-core-columns-is-layout-3 {
    flex-wrap:nowrap;
  }
  .wp-elements-3e1a0839b9538e03a0ccf52fe06e07bb a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-container-core-column-is-layout-9.wp-container-core-column-is-layout-9 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-column-is-layout-9.wp-container-core-column-is-layout-9.wp-container-core-column-is-layout-9.wp-container-core-column-is-layout-9 > * + * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-columns-is-layout-4.wp-container-core-columns-is-layout-4 {
    flex-wrap:nowrap;
  }
  .wp-container-content-29 {
    flex-grow:1;
  }
  .wp-container-core-group-is-layout-8.wp-container-core-group-is-layout-8 {
    flex-wrap:nowrap;
    gap:var(--wp--preset--spacing--40);
    justify-content:space-between;
  }
  .wp-container-core-column-is-layout-10.wp-container-core-column-is-layout-10 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-column-is-layout-10.wp-container-core-column-is-layout-10.wp-container-core-column-is-layout-10.wp-container-core-column-is-layout-10 > * + * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-columns-is-layout-5.wp-container-core-columns-is-layout-5 {
    flex-wrap:nowrap;
  }
  .wp-container-core-columns-is-layout-6.wp-container-core-columns-is-layout-6 {
    flex-wrap:nowrap;
  }
  .wp-elements-18269da9f5a1bbbaef3d14628c5b79d7 a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-container-core-column-is-layout-14.wp-container-core-column-is-layout-14 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-column-is-layout-14.wp-container-core-column-is-layout-14.wp-container-core-column-is-layout-14.wp-container-core-column-is-layout-14 > * + * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-elements-4d2582bc2ee53866d20f44b12d0b1557 a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-container-core-column-is-layout-15.wp-container-core-column-is-layout-15 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-column-is-layout-15.wp-container-core-column-is-layout-15.wp-container-core-column-is-layout-15.wp-container-core-column-is-layout-15 > * + * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-columns-is-layout-7.wp-container-core-columns-is-layout-7 {
    flex-wrap:nowrap;
  }
  .wp-container-core-columns-is-layout-8.wp-container-core-columns-is-layout-8 {
    flex-wrap:nowrap;
  }
  .wp-elements-2b5ad8080ef2bb146aad615c5bc9b2b0 a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-elements-ecb6a322910884ba70cec9e931aa572d a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-elements-1c16b2f89ddbaa8cc5b6d8450c1fdf8c a:where(:not(.wp-element-button)) {
    color:var(--wp--preset--color--gray);
  }
  .wp-container-core-group-is-layout-9.wp-container-core-group-is-layout-9 {
    gap:1rem;
  }
  .wp-container-core-group-is-layout-10.wp-container-core-group-is-layout-10 {
    gap:0.25rem;
    flex-direction:column;
    align-items:flex-start;
  }
  .wp-container-core-group-is-layout-11.wp-container-core-group-is-layout-11 {
    gap:1rem;
    justify-content:center;
  }
  .wp-container-core-group-is-layout-12.wp-container-core-group-is-layout-12 {
    justify-content:space-between;
  }
  .wp-container-core-group-is-layout-13.wp-container-core-group-is-layout-13 > * {
    margin-block-start:0;
    margin-block-end:0;
  }
  .wp-container-core-group-is-layout-13.wp-container-core-group-is-layout-13.wp-container-core-group-is-layout-13.wp-container-core-group-is-layout-13 > * + * {
    margin-block-start:1.8rem;
    margin-block-end:0;
  }

  body.edd-checkout .checkout-timeline {
    height: 24px;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    max-width: var(--wp--style--global--wide-size);
  }
  body.edd-checkout .checkout-timeline .step {
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center center;
    min-width: 24px;
    min-height: 24px;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    font-weight: 700;
    border-radius: 12px;
  }
  body.edd-checkout .checkout-timeline img {
    min-height: 24px;
  }
  body.edd-checkout .checkout-timeline .step-text {
    white-space: nowrap;
    margin-left: -2px;
  }
  body.edd-checkout .checkout-timeline hr {
    overflow: hidden;
    width: 100%;
    border: none;
        border-top-width: medium;
        border-top-color: currentcolor;
        border-right-width: medium;
        border-right-color: currentcolor;
        border-bottom-width: medium;
        border-bottom-style: none;
        border-bottom-color: currentcolor;
        border-left-width: medium;
        border-left-color: currentcolor;
    border-bottom: 1px solid #ccc;
        border-bottom-width: 1px;
        border-bottom-color: rgb(204, 204, 204);
    margin: 0 0 20px;
    padding: 20px 0 0;
  }
  body.edd-checkout .checkout-timeline hr {
    border-color: #46B450;
    border-width: 2px;
  }
  body.edd-checkout .checkout-timeline hr.disabled {
    border-color: #ddd;
  }
  body.edd-checkout .checkout-timeline .step-text {
    white-space: nowrap;
    margin-left: -2px;
  }
  body.edd-checkout .checkout-timeline .step-text.disabled {
    color: #777;
  }
  body.edd-checkout .checkout-timeline .step.enabled {
    background-color: #46B450;
    color: #fff;
  }
  body.edd-checkout .checkout-timeline .step.disabled {
    background-color: #ddd;
    color: #777;
  }
  body.edd-checkout .checkout-timeline .step-text {
    white-space: nowrap;
    margin-left: -2px;
  }
  body.edd-checkout .checkout-timeline hr.disabled {
    border-color: #ddd;
  }

  body.edd-checkout .checkout-reviews {
    margin-top: 1.25rem;
    padding-bottom: 6px;
  }
  body.edd-checkout .checkout-reviews > .reviews-count {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #777;
    line-height: 14px;
    margin-bottom: 18px;
  }
  body.edd-checkout .checkout-reviews > .reviews-count {
    font-size: 12px;
    color: #777;
    line-height: 14px;
  }
  body.edd-checkout .checkout-reviews > .reviews-count strong {
    color: #444;
  }
  body.edd-checkout .checkout-reviews .reviews-count svg {
    display: inline-block;
  }

  body.edd-checkout div.checkout-14days-money-back {
    padding-top: 18px;
    display: flex;
    align-items: center;
    gap: 13px;
    margin-left: -7px;
    font-weight: 700;
    margin-top: 10px;
  }

#chartiable-checkout-blocks h1 {
    color: var(--wp--preset--color--dark-gray);
    font-family: "Satoshi", sans-serif;
    font-size: var(--wp--preset--font-size--4-xl);
    font-weight: bold;
    line-height: normal;
}

body.edd-checkout .secure-purchase {
    text-align: left;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  body.edd-checkout .secure-purchase img {
    margin: 0px;
    display: inline-block;
  }
  body.edd-checkout .secure-purchase div.secure-label {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
  }
  body.edd-checkout .secure-purchase div.secure-label img {
    height: 20px;
  }
  body.edd-checkout img.secure-payments-stripe {
    height: 20px;
    margin-top: 5px;
  }

  body.edd-checkout input#card_name {
    width: 100%;
    float: none;
    background-image: url(../images/checkout/padlock.svg);
    background-position: 98% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;    background-image: ;
}
body.edd-checkout #edd_cc_fields h3 {
    display: none;
}

body.edd-checkout #edd_payment_mode_select_wrap {
    margin-bottom: 0;
}

body.edd-checkout #edd_payment_mode_select {
    background-color: #f9fafb;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: -30px;
}
body.edd-checkout #edd_payment_mode_select #edd-payment-mode-wrap {

}

body.edd-checkout #edd-paypal-container {
    margin-top: 30px;
}

/* two columns, left/first is 66% and right/second is 33% */
.checkout-columns.two-columns {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 -15px;
    gap: 50px;
    max-width: var(--wp--style--global--wide-size);
}
.checkout-columns.two-columns .checkout-column {
    flex: 1 1 66%;
    margin: 0 15px;


}
.checkout-quote {
    border-radius: .5rem;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    border-width: 1px;
}

.checkout-footer-container,
.checkout-footer,
footer {
    margin-top: 100px;
    text-align: center;
}
.checkout-footer-container {
    max-width: var(--wp--style--global--wide-size) !important;
}
.three-logos {
    display: flex;
    margin-top: 30px;
    width: 100%;
    max-width: var(--wp--style--global--wide-size);
}
.three-logos div {
    flex: 1;
    margin: 0 15px;
    text-align: center;
}
.three-logos div img {
    margin-left: auto;
    margin-right: auto;
}
#edd-gateway-option-paypal_commerce span,
#edd-gateway-option-stripe span {
    font-size: 12px;
    padding: 0;
    margin: 0;
    line-height: 23px;
}

/* buttons */

.wpcharitable-g-button a,
.wpcharitable-g-button a.wp-element-button:hover,
.wpcharitable-g-button .wp-element-button:hover,
.wpcharitable-g-button .wp-block-button__link:hover {
    background-color: green !important;
    border-color: green !important;
}

/* More standard approach - Media query wrapping the body selector */
@media screen and (max-width: 700px) {
  body.page-template-template-checkout.page-template-page-templatestemplate-checkout-php {

    /* two columns, left/first is 66% and right/second is 33% */
    .checkout-columns.two-columns {
      display: flex;
      flex-wrap: wrap !important;
      gap: 50px;
    }

    .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
      margin-top: 15px !important;
    }

    .secure-purchase > div {
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }

    .secure-label {
      flex: 1;
      min-width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
    }

    .checkout-timeline {
      height: auto;
      margin-top: 40px;
      margin-bottom: 40px;
      display: flex;
      gap: 10px;
      align-items: center;
      font-size: 16px;
      font-weight: 600;
      max-width: 100% !important;
      width: 100% !important;
      flex-wrap: wrap !important;
    }

    .checkout-timeline hr {
      margin: 0 !important;
      padding: 0 !important;
    }

    .secure-purchase {
      flex-direction: column;
      gap: 20px;
    }

    .checkout-footer-container {
      width: 100% !important;
      max-width: 100% !important;
      padding: 1rem;
    }

    .three-logos {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-items: center;
      width: 100%;
    }

    .three-logos img {
      max-width: 150px;
      height: auto;
    }

  }
}

/* iPhone 13 Mini specific fixes (375px width) */
@media screen and (max-width: 375px) {
  body.page-template-template-checkout.page-template-page-templatestemplate-checkout-php {

    .checkout-timeline {
      font-size: 14px;
      gap: 5px;
      margin-top: 20px;
      margin-bottom: 20px;
    }

    .checkout-timeline .step {
      min-width: 30px;
      height: 30px;
      font-size: 12px;
    }

    .checkout-timeline .step-text {
      font-size: 12px;
    }

    .checkout-columns.two-columns {
      gap: 20px;
    }

    .checkout-footer-container {
      padding: 0.5rem;
    }

    .checkout-footer-container p {
      font-size: 12px;
      line-height: 1.4;
    }

    .three-logos img {
      max-width: 120px;
    }

  }
}