/*
Theme Name: Achieving for Delta in 2026
Theme URI: https://afdelta2026.ca/
Author: Servoweb Technologies
Author URI: https://www.servoweb.com/
Description: Theme for Achieving for Delta in 2026
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ignition-milos
Text Domain: afdelta2026
*/

/*
 * Add your custom styles below. The parent theme's styles are loaded automatically by default.
 * If you need to change this, see functions.php
 */
 
 
 .mobile-content,
.simpay-plan_select-label.simpay-label-wrap,
.team-member .wp-block-button.mobile-content a,
.george-harvie-portrait-wrap  {
  display: none
}


html {
  scroll-behavior: smooth;
}


h1,
h2,
h3,
h4,
h5,
h6,
.site-logo,
.mobile-nav-trigger,
.wc-tabs a,
.ci-item-filter,
.ignition-slideshow .maxslider-btn,
.onsale,
li.wc-block-grid__product .wc-block-grid__product-title,
li.wc-block-grid__product .wc-block-grid__product-onsale,
.product_list_widget li>a,
.product_list_widget .widget-product-content-wrap>a,
.entry-list-meta-value,
.wp-block-latest-posts>li>a,
.wp-block-pullquote.is-style-solid-color,
.wp-block-quote,
.page-hero-title,
.page-title,
body,
.btn,
.button,
.gutenbee-block-button-link,
.wp-block-button__link,
.comment-reply-link,
.ci-item-filter,
.maxslider-slide .maxslider-btn,
.added_to_cart,
input[type="submit"],
input[type="reset"],
button[type="submit"] {
  font-family: "myriad-pro" !important;
  letter-spacing: 0 !important
}

.entry-item-title a:hover, .entry-meta a:hover, .entry-title a:hover, .footer .footer-info a:hover, .has-primary-color, .list-social-share-icons a:hover, .litepicker .container__main .container__days .day-item:hover, .navigation-main li .current-menu-ancestor > a, .navigation-main li .current-menu-item > a, .navigation-main li .current_page_ancestor > a, .navigation-main li .current_page_item > a, .navigation-main li li:hover > a, .navigation-main li li > a:focus, .navigation-main > .current-menu-ancestor > a, .navigation-main > .current-menu-item > a, .navigation-main > .current_page_ancestor > a, .navigation-main > .current_page_item > a, .navigation-main > li:hover > a, .navigation-main > li > a:focus, .section-pre-main a, .tag-cloud-link:hover, .widget_archive li a:hover, .widget_categories li a:hover, .widget_meta li a:hover, .widget_nav_menu li a:hover, .widget_pages li a:hover, .widget_recent_comments li a:hover, .widget_recent_entries li a:hover, .widget_rss li a:hover, .wp-block-archives li a:hover, .wp-block-categories li a:hover, .wp-block-latest-comments a:hover, .wp-block-latest-posts > li > a:hover, .wp-block-rss li a:hover, a, a:hover
{color: var(--afd-white) }
.entry-content a{color: var(--afd-teal);
  font-weight: bold
}
.navigation-main > li > a:hover{color: var(--afd-teal);}
.site-branding .site-tagline,
.head-mast .header-prompt,
.wp-block-button.is-style-donation .wp-block-button__link,
main.main .simpay-form-control ul li label,
.navigation-main li,
.simpay-price-selection-label>label::before {
  font-family: "myriad-pro-condensed" !important;
}

h1, h2, h3, h4, h5, h6{font-weight: 400 !important}
.btn, .btn:hover, .button, .button:hover, .ci-item-filter, .comment-reply-link, .comment-reply-link:hover, .gutenbee-block-button-link, .gutenbee-block-button-link:hover, .gutenbee-block-button-link:visited, .wp-block-button__link, .wp-block-button__link:focus, .wp-block-button__link:not([class*=has-]):hover, .wp-block-button__link:visited, button[type=submit], input[type=reset], input[type=submit]{color: var(--afd-white) !important}
.entry-content h2{font-size: 35px;}
/* --------------------------------------------- */
/*  CORE/COLUMNS — Custom Styles                 */
/* --------------------------------------------- */


.wp-block-columns {
  margin: auto;
}

.wp-block-columns.is-style-narrow-width {
  max-width: 550px;
}

.wp-block-columns.is-style-rounded-24px {
  border-radius: 24px;
}

.wp-block-columns.bordered-light-blue {
  border: 1px solid var(--afd-light-blue);
}

.wp-block-columns.is-style-rounded-24px.bordered-light-blue.margins-wide.has-afd-very-light-blue-background-color .wp-block-column {
  padding: 30px 60px;
}

.wp-block-columns.is-style-mid-width {
  max-width: 740px;
}

.wp-block-columns.is-style-boxed-width {
  max-width: 1280px;
}
.wp-block-cover{padding: 0}
.full-width,
.is-style-full-width {
  position: relative;
  width: 100vw;
  left: calc(-50vw + 50%);
  right: calc(-50vw + 50%);
  box-sizing: border-box;
}
.is-style-full-width .wp-block-column{padding: 0}

.is-style-full-width.number-reviews-washer {
  padding: 10px 0 23px 0;
}

.wp-block-columns.is-style-full-width.shiny-results-wrap {
  margin: 0;
}

.wp-block-columns.is-style-full-width.bordered-light-blue.has-afd-very-light-blue-background-color {
  padding: 60px 0;
}

.is-style-boxed-width.side-bordered.wp-block-columns .wp-block-column img {
  display: block;
  float: none;
  margin: 0 auto 40px auto;
}

@media (max-width: 760px) {
  .is-style-full-width .wp-block-columns .wp-block-columns {
    max-width: 100%;
  }

  .wp-block-columns.is-style-full-width.shiny-results-wrap {
    margin: 0;
  }
}

/* Also applied to footer nav */
.footer-wrap-inner.navigation.is-style-mid-width {
  max-width: 940px;
  margin: auto;
  display: flex;
  column-gap: 190px;
  padding-left: 100px;
}

/* --------------------------------------------- */
/*  CORE/LIST — Custom Styles                    */
/* --------------------------------------------- */

ul.wp-block-list.is-style-col-2 {
  column-count: 2;
}

ul.wp-block-list.is-style-col-3 {
  column-count: 3;
}

/* --------------------------------------------- */
/*  CORE/HEADING — Custom Margin Styles          */
/* --------------------------------------------- */

/* No Margin */
.site-content-wrap .wp-block-heading.is-style-no-margin {
  margin-top: 0 !important;
  margin-bottom: 0;
}

/* Small */
.site-content-wrap .wp-block-heading.is-style-margin-s {
  margin-top: 25px;
  margin-bottom: 25px;
}

.site-content-wrap .wp-block-heading.is-style-top-margin-s {
  margin-top: 25px;
  margin-bottom: 0;
}

.site-content-wrap .wp-block-heading.is-style-bott-margin-s {
  margin-top: 0;
  margin-bottom: 25px;
}

/* Medium */
.site-content-wrap .wp-block-heading.is-style-margin-m {
  margin-top: 35px;
  margin-bottom: 35px;
}

.site-content-wrap .wp-block-heading.is-style-top-margin-m {
  margin-top: 40px;
  margin-bottom: 0;
}

.site-content-wrap .wp-block-heading.is-style-bott-margin-m {
  margin-top: 0;
  margin-bottom: 35px;
}

/* Large */
.site-content-wrap .wp-block-heading.is-style-margin-l {
  margin-top: 60px;
  margin-bottom: 60px;
}

.site-content-wrap .wp-block-heading.is-style-top-margin-l {
  margin-top: 60px;
  margin-bottom: 0;
}

.site-content-wrap .wp-block-heading.is-style-bott-margin-l {
  margin-top: 0;
  margin-bottom: 60px;
}

/* Contextual overrides using the same styles */
.site-content-wrap .how-it-works .wp-block-heading.is-style-bott-margin-s {
  margin-bottom: 0;
  margin-top: 90px;
}

.site-content-wrap .your-home-will-heart-you .wp-block-heading.is-style-bott-margin-s {
  margin-bottom: 0;
}

.site-content-wrap .shack-shine-other-services .wp-block-heading.is-style-top-margin-l {
  margin-bottom: 10px;
}

/* Default style (you did register ‘default’) */
.content-wrap .wp-block-column>h2.wp-block-heading.is-style-default:first-of-type {
  margin-top: 0;
}

.wp-block-column.is-style-padded-20{padding:20px}
.wp-block-column.is-style-padded-40{padding:40px}
/* --------------------------------------------- */
/*  CORE/TABLE — Custom Styles (none in theme)   */
/* --------------------------------------------- */
/* You registered "stripes" and "no-borders" but
    there are no corresponding CSS rules in
    style.css, so nothing to extract here. */

/* --------------------------------------------- */
/* END — Copy/Paste Block                        */
/* --------------------------------------------- */

/* ============================================================
    CUSTOM GUTENBERG COLOR PALETTE — FRONTEND + EDITOR STYLES
    ============================================================ */
/* ============================================================
    AFD COLOR VARIABLES
    ============================================================ */
:root {
  --afd-black: #000000;
  --afd-white: #ffffff;
  --afd-sage-green: #094148;
  --afd-muted-sage-green: #537b7f;
  --afd-teal: #8FC6E1;
  --afd-teal: #7fd1b9;
  --afd-light-sky-blue: #dcedf6;
  --afd-deep-blue: #1e3059;
  --afd-terracotta: #c46a4a;
  --afd-dark-grey: #231F20;
  --afd-mid-grey: #57595a;

}

/* ============================================================
    GUTENBERG COLOR UTILITY CLASSES
    ============================================================ */

/* ---------- BLACK ---------- */
.has-afd-black-color {
  color: var(--afd-black);
}

.has-afd-black-background-color {
  background-color: var(--afd-black);
}

/* ---------- WHITE ---------- */
.has-afd-white-color {
  color: var(--afd-white);
}

.has-afd-white-background-color {
  background-color: var(--afd-white);
}

/* ---------- SAGE GREEN ---------- */
.has-afd-sage-green-color {
  color: var(--afd-sage-green);
}

.has-afd-sage-green-background-color {
  background-color: var(--afd-sage-green);
}
.has-afd-muted-sage-green-background-color {
  background-color: var(--afd-muted-sage-green);
}

/* ---------- DEEP BLUE ---------- */
.has-afd-deep-blue-color {
  color: var(--afd-deep-blue);
}

.has-afd-deep-blue-background-color {
  background-color: var(--afd-deep-blue);
}

/* ---------- SKY BLUE ---------- */
.has-afd-sky-blue-color {
  color: var(--afd-teal);
}
.has-afd-sky-blue-background-color {
  background-color: var(--afd-teal);
}
/* ---------- LIGHT SKY BLUE ---------- */
.has-afd-light-sky-blue-color {
  color: var(--afd-light-sky-blue);
}
.has-afd-light-sky-blue-background-color {
  background-color: var(--afd-light-sky-blue);
}
/* ---------- TERRACOTTA ---------- */
.has-afd-terracotta-color {
  color: var(--afd-terracotta);
}
.has-afd-terracotta-background-color {
  background-color: var(--afd-terracotta);
}
/* ---------- DARK GREY ---------- */
.has-afd-dark-grey-color {
  color: var(--afd-dark-grey);
}

.has-afd-dark-grey-background-color {
  background-color: var(--afd-dark-grey);
}

.page.home main.main{padding: 0}
[class*="wp-image"]{border-radius: 0
}
.wp-block-button a {
  border-radius: 0 !important;
}
.btn, .button, .gutenbee-block-button-link, .wp-block-button__link, .comment-reply-link, .ci-item-filter, .maxslider-slide .maxslider-btn, .added_to_cart, input[type="submit"], input[type="reset"], button[type="submit"]{font-size: 20px;
  font-weight: 800;
}


input[type="color"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], select, textarea{
  border-radius: 1px;
  font-size: 19px;
  padding: 20px;
  background-color: #fff;
  border-color: #999;
  border-radius: 5px !important;
}


/* ─────────────────────────────────────────────
   Social Icons Widget
   Add to your child theme's style.css
   ───────────────────────────────────────────── */

.siw-social-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-start;
    padding: 4px 0;
}

.siw-icon {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.siw-icon:hover {
    transform: translateY(-2px);
    opacity: 0.75;
    text-decoration: none;
    color: inherit;
}

.siw-icon__svg {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 60px;
    background-color: var(--afd-sage-green);
    color: #fff;
    transition: background-color 0.18s ease, color 0.18s ease;
}

.siw-icon--facebook:hover  .siw-icon__svg { background-color: #1877f2; color: #fff; }
.siw-icon--instagram:hover .siw-icon__svg { background-color: #e1306c; color: #fff; }
.siw-icon--twitter:hover   .siw-icon__svg { background-color: #000;    color: #fff; }
.siw-icon--linkedin:hover  .siw-icon__svg { background-color: #0a66c2; color: #fff; }
.siw-icon--youtube:hover   .siw-icon__svg { background-color: #ff0000; color: #fff; }

.siw-icon__label {
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    max-width: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}



.simpay-btn.simpay-checkout-btn span{background: var(--afd-sage-green);
  border: var(--afd-light-sky-blue) 1px solid
}
/* Donation Button */
.wp-block-button.is-style-donation .wp-block-button__link {
  position: relative;
  color: #fff;
  padding: 10px 75px 10px 15px;
  border-radius: 0;
  font-size: 18px;
  background-image: url('images/icon-checkmark-teal.svg');
  background-repeat: no-repeat;
  background-size: auto 50%;
  background-position: right 20px center;
}

.wp-block-button.is-style-donation .wp-block-button__link::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 1px solid var(--afd-sage-green);


}
* {
  scroll-margin-top: 60px;
}


.footer .footer-info a{color: var(--afd-teal)}
.wp-block-button.is-style-donation .wp-block-button__link span {
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 100%
}
.widget.widget_nav_menu ul li {
  line-height: 50px;
}

.wp-block-columns.contributions-columns {
  gap: 0px;
  margin-bottom: 20px;
}

.wp-block-button.is-style-donation {
  font-style: italic;
  font-weight: 200;
  width: 100%;
margin-bottom: 30px;
}

.wp-block-button.is-style-donation span {
  font-style: normal
}
.head-mast.sticky-active.sticky-hidden{transform: none
  
}
.head-mast.sticky-fixed .head-mast-inner {
  padding-top: 0;
  padding-bottom: 0;
  
}
.admin-bar .head-mast.sticky-fixed{margin-top: 32px;}
.head-mast.sticky-fixed .achieving-for-delta-icon{height: 25px; width: 25px;
  transition: all ease 0.5s;
  top: 10px
}
 .head-mast.sticky-fixed   .head-content-slot-end{margin-left: 40px;
   transition: all ease 0.5s
 }
.head-mast-inner {
  padding: 0;
  margin-top: 5px
}
.head-content-slot-end{margin-left: 80px;
  transition: all ease 0.5s
}
.site-branding {
  max-width: fit-content;
  margin: 0
}
.site-logo{  height: auto;
  white-space: nowrap;
  position: relative;
  top: 0;
  display: block;
  width: 350px
}

.page.home .site-logo {
   width: 40vw;
  left: 250px;
}

.site-logo a {
  display: block;
  height: 100%;
  width: 100%
}

.page.home .george-harvie-portrait-wrap {
  position: relative;
  width: fit-content;
  display: block
}

.achieving-for-delta-icon {
  content: "";
  position: absolute;
  top: 0;
  height: 50px;
  /* match parent height exactly */
  width: 50px;
  /* square aspect (height = width) */
  background-image: url('images/afdelta-icon.svg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all ease 0.5s;
}

main.main p {
  font-size: 19px;
  line-height: 130%;
}


.head-mast .header-prompt {
  top: 20px;
  right: 0;
  left: auto;
  position: absolute;
  width: fit-content
}
.header-normal .head-mast{height: 100px}
.header-normal .head-mast,
.page.home .header-normal .head-mast {
  height:60px;
}
.head-menu-slot-wrap{
background-color: var(--afd-deep-blue);
}
.head-menu-slot-wrap .navigation-main > li > a{color: var(--afd-white);
  font-size: 17px;
  letter-spacing: 0;
  margin: 0 20px
}
.navigation-main > li > a{font-size: 20px;
  color: var(--afd-white)
}
.head-menu-slot-wrap .navigation-main > .current_page_item > a {color: var(--afd-teal);}
.header-full-nav-right .head-menu-slot {
  
  justify-content: flex-start;
}

.page.home .head-mast::before {
  background-color: rgba(0, 0, 0, 0.1);
}
.header-normal .head-mast{

  background-color: var(--afd-sage-green);}

.entry-content > *{margin-bottom: 0}
.entry-content > p{margin-bottom: 25px;}

blockquote.wp-block-quote {
  padding: 0px 30px 0 80px;
  background-color: transparent
}

blockquote.wp-block-quote p {
  font-family: "Alegreya", serif;
  font-optical-sizing: auto;
  line-height: 1.5;
  font-weight: 500;
  font-style: normal;
  font-size: 25px
}
.entry-content .wp-block-quote::before,
.entry-content .wp-block-quote::after {
  content: "\201c";
  font-style: normal;
  font-size:60px;
  line-height: 0;
  position: absolute;
  left: 30px;
  top: 30px;
  font-family: Merriweather;
}
.entry-content .wp-block-quote::after{
  content: "\201d";
  left: auto;
  top: auto;
  right:40px;
  bottom: 0;
}
.wp-block-quote::before {
  
  font-family: "Alegreya", serif;}
  
  .wp-block-image.is-style-ignition-milos-border-image img {
    padding: 1px;
    background-color: var(--afd-white);
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    border-radius: 0;
  }

.header-normal .head-mast {
  border-bottom: none
}
#simpay-form-64{min-width: 100%;}
.entry-content form label {
  font-size: 19px;
  font-weight: normal;
  text-transform: none;
}
.simpay-form-wrap
{
  background-color: rgba(255,255,255,0.4);
  padding: 30px;
  margin-bottom: 30px;
}

.simpay-styled .simpay-form-control ul {
  margin-bottom: 30px;
}

main.main .simpay-styled .simpay-form-control h1,
main.main .simpay-styled .simpay-form-control h2,
main.main .simpay-styled .simpay-form-control h3,
main.main .simpay-styled .simpay-form-control h4,
main.main .simpay-styled .simpay-form-control h5,
main.main .simpay-styled .simpay-form-control h6,
main.main .simpay-styled .simpay-form-control p,
main.main .simpay-styled .simpay-form-control label,
main.main .simpay-styled .simpay-form-control legend,
main.main .simpay-checkout-form--stripe_checkout-styled.simpay-styled,
main.main .simpay-checkout-form--overlay.simpay-styled,
main.main .simpay-checkout-form--embedded.simpay-styled {

  text-transform: none
}
.simpay-checkout-form--stripe_checkout-styled.simpay-styled,
.simpay-checkout-form--embedded.simpay-styled {
  max-width: 100% !important;
}

.simpay-styled .simpay-form-control input[type="radio"] {
  width: 0;
  height: 0
}

main.main .simpay-form-control ul li label {
  color: var(--afd-white);
  background-color: var(--afd-sage-green);
  font-style: italic;
  padding-right: 20px;
  font-weight: 700;
  padding-top: 25px;
  font-size: 40px;
  letter-spacing: -1px;
  line-height: 100%;
  display: block;
  text-align: center
}

/* PANEL / GRID stays the same as before.
   /* ============================================================
      STRIPE DONATION AMOUNTS (WP SIMPLE PAY)
      ============================================================ */
.simpay-styled .simpay-multi-plan-radio-group label {
  height: 70px;
}

.simpay-checkout-form--embedded.simpay-styled {
  max-width: 100%;
}
.simpay-form-control ul li{margin: 0
  
}
/* Outer green panel + grid layout */
.simpay-multi-plan-radio-group {
  list-style: none;
  margin: 0 auto 3rem;
  padding: 2rem;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

/* Last item spans full width (for $1,400) */
.simpay-multi-plan-radio-group>li:last-child {
  grid-column: 1 / -1;
}

/* Reset LI */
.simpay-price-selection-label {
  margin: 0;
  padding: 5px 5px 5px 6px;
  background-color: var(--afd-sage-green);
}

/* Gold card */
.simpay-price-selection-label>label {
  position: relative;
  box-sizing: border-box;
  width: 100%;

  display: flex;
  align-items: center;
  /* vertical centering */
  justify-content: flex-start;

  padding: 2.4rem 3.6rem 1.4rem 2rem;
  /* extra top room for top line */
  background: #d5a64f;
  border: 1px solid var(--afd-teal);
  color: #231f20;
  /* amount text colour */
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.2;
  text-transform: none;
  cursor: pointer;
}

input,
optgroup,
select,
textarea {
  border-radius: 0 !important;
}

.simpay-btn.simpay-checkout-btn {
  background-color: var(--afd-sage-green) !important;
  height: 40px
}

main.main .simpay-styled .simpay-form-control .simpay-btn.simpay-bank-btn:not(.stripe-button-el),
main.main .simpay-styled .simpay-form-control .simpay-btn.simpay-payment-btn:not(.stripe-button-el),
main.main .simpay-styled .simpay-form-control .simpay-btn.simpay-checkout-btn:not(.stripe-button-el) {
  height: 52px;
  padding: 0px 5px;
  display: block;
  border-radius: 0;
  font-size: 20px;
  line-height: 100%;
}

.simpay-btn.simpay-checkout-btn span {
  border: 1px solid var(--afd-teal);
  width: 100%;
  display: block;
  padding: 10px;
}

/* Hide native radio, keep accessible */
.simpay-price-selection-label input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* Top line: I WANT TO CONTRIBUTE */
.simpay-price-selection-label>label::before {
  content: "I WANT TO CONTRIBUTE";
  position: absolute;
  top: -5px;
  left: 0;
  width: 100%;
  text-align: center;
  /* leave space for checkmark */
  font-size: 18px;
  text-transform: uppercase;
  font-style: italic;
  opacity: 1;
  letter-spacing: -0.5px;
  font-weight: 600
}

/* Checkmark SVG – always visible, stronger when selected */
.simpay-price-selection-label>label::after {
  content: "";
  position: absolute;

  top: 50%;
  right: 5px;
  transform: translateY(-50%) scale(0.7);
  width: 50px;
  height: 50px;
  background-image: url('images/icon-checkmark-teal.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  opacity: 1;
  /* always visible */
  transition: opacity .15s ease, transform .15s ease;
}

/* Selected state: brighter border + “popped” checkmark */
.simpay-price-selection-label>label:has(input:checked) {
  border: solid 2px var(--afd-teal);
}
/* Hide the default checkbox */
.bf-ci {
  display: none;
}

/* Style the label like a button */
.bf-cl {
  display: flex;
  align-items: center;
  position: relative;
  color: #fff;
  padding: 20px 75px 20px 25px;
  font-size: 25px;
  font-style: italic;
  font-weight: bold;
  background-color: #ebebeb;
  border: 2px solid #ebebeb;
  outline: 2px solid transparent;
  outline-offset: -5px;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  transition: background-color 0.2s ease, outline 0.2s ease;
}

.bf-cl:hover {
  background-color: #bbb;
}

/* Hide the built-in SVG checkmark */
.bf-bx {
  display: none;
}

/* Our custom checkmark via pseudo-element */
.bf-cl::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 50%;
  background-image: url('/wp-content/themes/afdelta2026/images/icon-checkmark-teal.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  opacity: 0.8;
  transition: opacity 0.2s ease, background-size 0.3s ease;
}
.bf-cl { color: #333; }
.bf-ci:checked + .bf-cl { color: #fff; }
/* Checked state */
.bf-ci:checked + .bf-cl {
  background-color: #094148;
  border: 2px solid #094148;
  outline: 2px solid #8FC6E1;
  outline-offset: -5px;
}

.bf-ci:checked + .bf-cl::after {
  opacity: 1;
  background-size: 110%;
}
.bD1.bM1.bP1.bV1.ba1.be1.bAH1.bAI1.bAJ1.bAK1.bAL1.bAM1.bAN1.bAO1.bAP1.bAr1.bAs1.bAt1.bAu1.bAv1.bAw1.bAx1.bAy1.b1-5-phone-fld-wrp.bf-phone-fld-wrp {
border: none !important;
border-radius: 0 !important;
}
.bAR1::placeholder {
  color: #333 !important;
}
.added_to_cart, .btn, .button, .ci-item-filter, .gutenbee-block-button-link, .ignition-slideshow .maxslider-btn, .wp-block-button__link, button[type="submit"], input[type="reset"], input[type="submit"]{border-radius: 0}
.bB1.bT1.bX1.be1.bAQ1.bAR1.bAz1.b1-5-phone-number-input.bf-phone-number-input::placeholder {
  color: #333 !important;
}
.simpay-price-selection-label>label:has(input:checked)::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

/* Keyboard focus */
.simpay-price-selection-label>label:focus-within {
  outline: 4px solid var(--afd-teal);
  outline-offset:0px;
}

main.main .simpay-form-control.simpay-address-container.simpay-address-container-upe.simpay-billing-address-container {
  margin-top: 40px
}
.wp-block-column.logos-payment {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 30px auto;
  width: 100%;
  column-gap: 40px;
}
main.main .simpay-styled .simpay-form-control h4 {
  text-align: center;
  
  margin: 30px 0;
  display: block
}


  .footer{border: none}
.footer-widgets{padding: 5px 0;
  background-color: var(--afd-terracotta);
  border: none
}
.footer-widgets .widget{margin-bottom: 0}
.footer-widgets .widget_nav_menu li a{font-weight: bold;
  text-align: center;
  color: var(--afd-white)
}
.footer .footer-info{padding: 5px 0;
  background-color: var(--afd-sage-green);
  color: var(--afd-white);
  border: none
}
.align-items-center{text-align: center}
.align-items-right{text-align: right}

.bf-err-inner {
  font-weight: 700;
  color: var(--afd-white);
  background-color: var(--afd-terracotta);
  padding: 5px;
}

/* Responsive */
@media (max-width: 1220px) {

  .site-logo {
    top: 30px;
  }
}

@media (max-width: 992px) {
  .simpay-multi-plan-radio-group {
    grid-template-columns: repeat(2, 1fr);
  }

  .simpay-multi-plan-radio-group {
    grid-template-columns: repeat(2, 1fr);
  }

  .simpay-multi-plan-radio-group>li:last-child {
    grid-column: 1 / -1;
  }

  .simpay-multi-plan-radio-group>li:last-child {
    grid-column: 1 / -1;
  }
  .navigation-mobile-wrap{background-color: var(--afd-teal)}
  .head-content-slot-item.head-content-slot-mobile-nav {
    position: absolute;
    right: 0;
    top: 8px;
    color: var(--afd-light-sky-blue);
  }
  .head-content-slot-mobile-nav .mobile-nav-trigger{color: var(--afd-deep-blue)}
}



@media only screen and (max-width: 992px) {
  .desktop-content,
  .wp-block-image.size-full.desktop-content
  .team-member .wp-block-button.desktop-content a{display: none}
  .mobile-content{display: initial}
  .team-member .wp-block-button.mobile-content a{display: block}
  .simpay-multi-plan-radio-group {
    grid-template-columns: 1fr;
  }
  .team-member-photo {
    margin-bottom: 30px;
  }
 
 .team-member .wp-block-button.mobile-content a{margin-top: 30px}
  .wp-block-columns.is-style-boxed-width {
    max-width: 90vw;
  }
  .simpay-multi-plan-radio-group {
    grid-template-columns: 1fr;
  }
  .site-logo {
    display: block;
    width: 260px;
    height: 70px;
    background: url('images/afdelta2026-logo.svg');
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    top: 120px;
    left: auto;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .page.home .site-logo,
  .site-logo {
  width: 210px;
  left: 0;
  top: 120px;
}
 .site-logo {
  top: 20px
}
.navigation-mobile a, .navigation-mobile-dismiss {
  border-color: var(--afd-sage-green);
}
.navigation-mobile-dismiss,
.navigation-mobile a {
color: var(--afd-sage-green);
}
}