/**
 * Theme: RFG Custom
 * File: overrides4.css
 * Version: 0.1.0
 */ 

.page-template-page-rfg{
  --rfg-brand:#177b3b;   /* green */
  --rfg-border:6px;      /* thickness for lines */
  --rfg-pill:90%;       /* width of short stripe */
  --rfg-xpad:32px;       /* left/right padding on each item */
  --rfg-pill-color: #2a9d58;
  /** menu colors **/
  --rfg-menu-normal: #0c2b18;   /* default link color */
  --rfg-menu-hover:  #2a9d58;   /* rollover */
  --rfg-menu-active: #177b3b;   /* active/current page */
  --rfg-menu-weight: 300;       /* normal weight */
  --rfg-menu-active-weight: 600;/* active weight */
}

/* Full-width green line under the header */
.page-template-page-rfg .ct-header{
  border-bottom:var(--rfg-border) solid var(--rfg-brand);
  margin-bottom:0;
}

/* Make the nav sit on that baseline */
.page-template-page-rfg .ct-header [data-row="bottom"] .ct-container{ padding-bottom:0 !important; }
.page-template-page-rfg .ct-header [data-row="bottom"] .ct-header-items{ align-items:flex-end; }

/* Menu items: add horizontal padding + room for the pill (anchor untouched) */
.page-template-page-rfg nav.menu-container .menu>li{
  position:relative;                    /* for the ::after pill */
  padding:10px var(--rfg-xpad) calc(var(--rfg-border) + 8px);
  display:flex; align-items:flex-end;   /* matches Blocksy’s layout */
}


/* give each top-level li a positioning context & some bottom room */
.page-template-page-rfg .ct-header nav.menu-container .menu > li{
  position: relative;
  padding: 10px var(--rfg-xpad) calc(var(--rfg-border) + 8px);
  display: flex;
  align-items: flex-end;
}

/* pill for active/current menu item */
.page-template-page-rfg .ct-header nav.menu-container .menu > li.current-menu-item::after,
.page-template-page-rfg .ct-header nav.menu-container .menu > li.current_page_item::after,
.page-template-page-rfg .ct-header nav.menu-container .menu > li.current-menu-ancestor::after,
.page-template-page-rfg .ct-header nav.menu-container .menu > li.current_page_parent::after,
.page-template-page-rfg .ct-header nav.menu-container .menu > li > a[aria-current="page"]::after{
  content:"";
  position:absolute;              /* ← required */
  left:50%;
  transform:translateX(-50%);
  bottom:0;                       /* sits just above the header baseline */
  width:var(--rfg-pill);
  height:var(--rfg-border);
  background: var(--rfg-pill-color);
  border-radius:3px;
  pointer-events:none;
}

/* if the aria-current selector is used, make the <a> the positioning context */
.page-template-page-rfg .ct-header nav.menu-container .menu > li > a[aria-current="page"]{
  position: relative;
}


/* RFG template + Cover block with class “rfg-hero” */
.page-template-page-rfg .wp-block-cover.rfg-hero{
  position: relative;
  isolation: isolate;     /* keeps overlay blends inside the block */
}

/* Kill Gutenberg's dim span (we'll control tint ourselves) */
.page-template-page-rfg .wp-block-cover.rfg-hero > .wp-block-cover__background{
  display: none !important;
}

/* on narrow screens, let it breathe full width */
@media (max-width: 600px){
  .page-template-page-rfg h5.rfg-ribbon{
    width: 100%;
  }
}

/* RFG Lists */
ul.rfg-list {
  margin-left: 0.8em;
}
ul.rfg-list li {
  padding-bottom: 0.4em;
}

/* scope to your page template if you like */
.page-template-page-rfg .rfg-solutions-benefits{
  position: relative;              /* create a stacking context */
  overflow: hidden;                /* keep overlays clipped */
  background-color: #fff;          /* ensure base is white */
}

.page-template-page-rfg .rfg-solutions-benefits::before{
  content: "";
  position: absolute; inset: 0;
  background: rgba(255,255,255,.82);   /* ← adjust 0.70–0.92 to taste */
  pointer-events: none;
  z-index: 0;                           /* sits over the bg image */
}

/* keep content above the veil */
.page-template-page-rfg .rfg-solutions-benefits > *{
  position: relative;
  z-index: 1;
  mix-blend-mode: normal;               /* belt-and-suspenders */
}


.page-template-page-rfg .rfg-solutions-dcblock-button {
  margin-left: 10vh;
}

/* RFG Button */

/* Gradient brand button (add class `rfg-btn` to the button link) */
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn{
  /* layout */
  display:inline-flex; align-items:center; justify-content:center;
  padding: .85rem 1.5rem;
  border-radius: 14px;
  min-width: 160px;           /* tweak to taste */
  text-align:center;

  /* type */
  color:#fff !important;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;

  /* look */
  background: linear-gradient(135deg,#0f3a2a 0%, #1a6b39 45%, #28a85b 60%, #0f3a2a 100%);
  background-size: 200% 100%;
  border: 0;
  box-shadow: 0 6px 18px rgba(23, 123, 59, .22);
  transition: background-position .3s ease, transform .06s ease, box-shadow .2s ease;
}

/* Hover */
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn:hover{
  background-position: 100% 0;
  box-shadow: 0 10px 24px rgba(23,123,59,.28);
  transform: translateY(-1px);
}

/* Active (mouse down) */
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn:active{
  transform: translateY(0);
  box-shadow: 0 4px 14px rgba(23,123,59,.22);
}

/* Keyboard focus – high-contrast ring */
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn:focus-visible{
  outline: 3px solid #2a9d58;
  outline-offset: 2px;
}

/* Disabled look (if ever used) */
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn[disabled],
.page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn.is-disabled{
  opacity:.55; pointer-events:none; box-shadow:none;
}

/* Respect reduced-motion */
@media (prefers-reduced-motion: reduce){
  .page-template-page-rfg .wp-block-button .wp-block-button__link.rfg-btn{
    transition: none;
  }
}
.wp-block-cover-test {
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 430px;
    overflow: hidden;
    overflow: clip;
    padding: 1em;
    position: relative
}



.wp-block-cover__background::before {
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
}

.wp-block-cover__background::after {

    background: none !important;
}


.rfg-block-cover {
    align-items: center;
    background-position: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    min-height: 430px;
    overflow: hidden;
    overflow: clip;
    padding: 1em;
    position: relative
}

.rfg-block-cover::before{
    content:""; position:absolute; inset:0;
    background: rgba(255,255,255,.82);  /* white wash */
    z-index: 0.5; pointer-events:none;
  }

.rfg-block-cover .wp-block-cover__background {
    bottom: 0;
    left: 0;
    /*opacity: .5; */
    opacity: 1 !important;
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width: 768px){
  /* base/link state */
  .page-template-page-rfg .ct-header nav.menu-container .menu > li > a.ct-menu-link{
    color: var(--rfg-menu-normal);
    font-weight: var(--rfg-menu-weight);
    text-decoration: none;
  }

  /* hover/focus */
  .page-template-page-rfg .ct-header nav.menu-container .menu > li > a.ct-menu-link:hover,
  .page-template-page-rfg .ct-header nav.menu-container .menu > li > a.ct-menu-link:focus-visible{
    color: var(--rfg-menu-hover);
  }

  /* ACTIVE (current page) */
  .page-template-page-rfg .ct-header nav.menu-container .menu > li.current-menu-item > a.ct-menu-link,
  .page-template-page-rfg .ct-header nav.menu-container .menu > li.current_page_item > a.ct-menu-link,
  .page-template-page-rfg .ct-header nav.menu-container .menu > li.current-menu-ancestor > a.ct-menu-link,
  .page-template-page-rfg .ct-header nav.menu-container .menu > li.current_page_parent > a.ct-menu-link,
  .page-template-page-rfg .ct-header nav.menu-container .menu > li > a.ct-menu-link[aria-current="page"]{
    color: var(--rfg-menu-active);
    font-weight: var(--rfg-menu-active-weight);
  }
}



.ct-footer-copyright {

    text-align: center !important;
    font-weight: 500 !important;
    font-size: 1.05em !important;
  }