.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-5f2bdcd:#16459C;--e-global-color-3388827:#43B749;--e-global-color-e9afc0c:#000000;--e-global-color-6cc20da:#FFFFFF;--e-global-color-1e5f8c2:#F2CA4E;--e-global-color-e2bbaa9:#284496;--e-global-color-b6c355a:#B3B3B3;--e-global-color-21d8e9a:#FF7BAC;--e-global-color-fb6b288:#F38120;--e-global-color-fec2186:#205139;--e-global-color-ed8b706:#93278F;--e-global-color-137bf23:#F38120;--e-global-color-24ad909:#FFF73C;--e-global-color-b7ba1c4:#1490B8;--e-global-color-585e1cb:#9474E3;--e-global-color-714ff72:#81EAE0;--e-global-color-0e489a9:#36E9DE;--e-global-color-0297186:#005237;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-e9afc0c );font-family:"Open Sans", Sans-serif;font-size:1.4rem;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{font-family:"Open Sans", Sans-serif;}.elementor-kit-6 h1{color:var( --e-global-color-e9afc0c );font-family:"Open Sans", Sans-serif;}.elementor-kit-6 h2{color:var( --e-global-color-e9afc0c );font-family:"Open Sans", Sans-serif;}.elementor-kit-6 h3{color:var( --e-global-color-e9afc0c );font-family:"Open Sans", Sans-serif;}.elementor-kit-6 h4{color:var( --e-global-color-e9afc0c );font-family:"Open Sans", Sans-serif;}.elementor-kit-6 h5{color:var( --e-global-color-e9afc0c );font-family:"Open Sans", Sans-serif;}.elementor-kit-6 h6{color:var( --e-global-color-e9afc0c );font-family:"Open Sans", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#donateMenu nav {
	background-color: #61ce70;
	padding: 0px 40px 0px 0px;
	width: 170px
}

.highlighted-text2 {
    position: relative;
    display: inline-block;
    font-size: inherit; /* Ensures the same font size as parent */
    z-index: 1; /* T text stays above the highlight */
    color: #fac000;
}

.highlighted-text2::before {
    content: '';
    position: absolute;
    top: 65%;
    left: 0;
    right: 0;
    height: 30%;
    background-color: #fff; /* Highlight color */
    transform: rotate(-1.1deg);
    z-index: -1; /* Ensures background stays behind the text */
    border-radius: 3px;
}

.woocommerce_product_grid .ue-description {
    display: none !important;
}

a[data-product_id="8512"], a[data-product_id="8507"],
button[data-product_id="8512"], button[data-product_id="8507"] {
    visibility: hidden !important;
}

.cl-result {
    text-align: center;
    margin: 40px auto;
    max-width: 500px;
    font-size: 1.1em;
}

.cl-link {
    display: inline-block;
    margin-top: 16px;
    padding: 14px 28px;
    background-color: #064fa9;
    color: #fff !important;
    border-radius: 0px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
}

.cl-link:hover {
    background-color: #43b749;
}

.cl-note {
    margin-top: 16px;
    font-size: 0.9em;
    color: #666;
}

.cl-error {
    color: #c00;
}


.cfvsw-swatches-container {
    margin-left: 20px;
    margin-top: 20px;
}

.cfvsw-variation-disable-logic {
    background-color: #f38120;
}


.cfvsw-swatches-option {
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    
}

.reset_variations {
    margin-left: 20px;
    color: #ffffff;
}

.reset_variations:hover {
    text-decoration: underline;
    color: #ffffff;
}

.cfvsw-selected-swatch {
    background-color: #43b749;
    border: 1px solid: #43b749;
    color: #ffffff;
    border: 1px solid #43b749 !important;
}


.elementor-icon-list-item div {
    color: #fff73c;
    font-family: "Bebas Neue", Sans-serif;
    font-size: 2rem;
}


.orangeAccordion .e-n-accordion-item-title-text {
    border-bottom: 1px solid #ff7901;
}

.orangeAccordion .e-n-accordion-item-title-text b{
    border-bottom: 3px solid #ff7901;
}


.lightBlueAccordion .e-n-accordion-item-title-text {
    border-bottom: 1px solid #81eae0;
}

.lightBlueAccordion .e-n-accordion-item-title-text b{
    border-bottom: 3px solid #81eae0;
}


```

---

And place this shortcode on your Thank You page:
```
[show_checklist_link]


/* Base transition for all items */
.woocommerce_product_grid .uc_post_grid_style_one_item {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Odd items (1st, 3rd, 5th...) - rotate -1deg */
.woocommerce_product_grid .uc_post_grid_style_one_item:nth-child(odd) {
  transform: rotate(-1deg);
}

/* Even items (2nd, 4th, 6th...) - rotate 1deg */
.woocommerce_product_grid .uc_post_grid_style_one_item:nth-child(even) {
  transform: rotate(1deg);
}

/* Odd items hover - rotate to 1deg */
.woocommerce_product_grid .uc_post_grid_style_one_item:nth-child(odd):hover {
  transform: rotate(1deg);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

/* Even items hover - rotate to -1deg */
.woocommerce_product_grid .uc_post_grid_style_one_item:nth-child(even):hover {
  transform: rotate(-1deg);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}



/* Hide all panels by default */
.icon-descriptions {
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.4s ease;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* The wrapper that all panels sit inside */
.career-section {
  position: relative;
  min-height: 200px; /* adjust this to match the height of your tallest panel */
}

/* Visible state */
.icon-descriptions.visible {
  opacity: 1;
  pointer-events: auto;
}




.programTitleSpan > h2 > span {
    font-family: "Bebas Neue", Sans-serif;
    font-size: 1.7rem ;
}

#teenFB span{
    font-size: 2.6rem;
}

.xoo-wsc-container {
    font-family: "Open Sans", Sans-serif;
  font-size: 1.3rem ;
  font-weight: 400;
  line-height: 2.1rem;
}


.xoo-wsch-text {
    font-family: "Bebas Neue", Sans-serif;
  font-size: 2rem;
  font-weight: 500;
  color: var( --e-global-color-3388827 );
}

footer span {
	color: #45b74f;
}

footer a {
	color: #ffffff;
}

footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.gform_required_legend {
	display: none;
}

#uc_logo_carousel_elementor_3adc583 .owl-stage-outer {
  overflow: visible !important;
}
.uc_logo_carousel {
  overflow: hidden !important;
  padding: 10px 15px !important;
  margin: -10px -15px !important;
}



#uc_logo_carousel_elementor_3adc583 .owl-stage-outer {
  overflow: visible !important;
}
#uc_logo_carousel_elementor_3adc583 .owl-item .uc_logo_carousel {
  overflow: visible !important;
}
.uc_logo_carousel {
  overflow: hidden !important;
  padding: 10px 0 !important;
  margin: -10px 0 !important;
}



html body .woocommerce ul.products.elementor-grid li.product a img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

html body .woocommerce ul.products.elementor-grid li.product a {
    display: block !important;
    overflow: hidden !important;
    border-radius: 12px !important;
}



.collage > [photo] img {
  transition: filter 0.5s;
  filter: brightness(40%);
}

.collage > [photo].active img {
  filter: none;
}

.constructionButton {
background: linear-gradient(45deg, #f4d162, #fefac7, #f4d162); 
	
}

.constructionButton .elementor-button-text, .artButton .elementor-button-text {
	text-align: left !important;
	white-space: pre-line;
}


.rotatedPosts .ue_post_grid_item:nth-child(odd) {
    transform: rotate(-1deg);
}

.rotatedPosts .ue_post_grid_item:nth-child(even) {
    transform: rotate(1deg);
}

.rotatedPosts .ue_post_grid_item {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.rotatedPosts .ue_post_grid_item:hover {
    transform: rotate(0deg) translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}


.artButton a:hover {
background: linear-gradient(45deg, #888a8c, #e4e5e6, #888a8c) !important; 
	
}

.artButton .elementor-button-link {
	/*padding: 0px 20px !important; */
}

/* Base state: no visible background */
.career-icon {
    position: relative; /* ensure positioning context */
    overflow: hidden;   /* optional, if you want to clip */
}

.career-icon::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://new.matransitionservices.org/wp-content/uploads/2026/03/construction-title-rollover-back-white.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;                   /* hidden by default */
    pointer-events: none;         /* don’t block clicks */
    transition: opacity 0.25s ease-out; /* fade timing/easing */
}

/* Hover state: fade in */
.career-icon:hover::before {
    opacity: 1;
}


/* Highlight parent menu item when on a child page */
.elementor-nav-menu .current-page-ancestor > .elementor-item,
.elementor-nav-menu .current-menu-ancestor > .elementor-item,
.elementor-nav-menu .current-menu-parent > .elementor-item {
    color: var(--e-global-color-accent) !important;
}

.elementor-nav-menu a.elementor-item[href*="/donate"],
.elementor-nav-menu a.elementor-item[href*="/donate"]:visited,
.elementor-nav-menu a.elementor-item[href*="/donate"]:hover {
    color: #000000 !important;
}


.makeADifference {
  -webkit-mask-image: url('https://new.matransitionservices.org/wp-content/uploads/2026/03/background-mask-orange.svg');
  mask-image: url('Yhttps://new.matransitionservices.org/wp-content/uploads/2026/03/background-mask-orange.svg');
  
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  
  -webkit-mask-size: cover;
  mask-size: cover;
  
  -webkit-mask-position: center;
  mask-position: center;
  
  overflow: hidden;
}


/*
  =============================================================
  ctaBrushStroke — Elementor Container Custom CSS
  =============================================================

  WHERE TO ADD THIS:
  Elementor > Site Settings > Custom CSS
  OR Appearance > Customize > Additional CSS

  REQUIRES: An Elementor HTML widget inside the container
  containing the contents of brushclip-html-widget.html
  This defines the invisible inline SVG clip path.

  USAGE — base class + optional colour modifier:
    Blue (default):  class="ctaBrushStroke"
    Orange:          class="ctaBrushStroke ctaBrushStroke--orange"
    Green:           class="ctaBrushStroke ctaBrushStroke--green"
    Black:           class="ctaBrushStroke ctaBrushStroke--black"
    No overlay:      class="ctaBrushStroke ctaBrushStroke--none"
    Custom color:    add your own modifier and set --brush-overlay-color

  SVG aspect ratio: 2020.82 × 715.08
  =============================================================
*/

/* ── 0. Colour tokens ────────────────────────────────────── */
.ctaBrushStroke {
  --brush-overlay-color: rgba(22, 69, 156, 0.7);
}
.ctaBrushStroke--orange { --brush-overlay-color: rgba(242, 129, 33, 0.7); }
.ctaBrushStroke--green  { --brush-overlay-color: rgba(34, 139, 34, 0.7); }
.ctaBrushStroke--black  { --brush-overlay-color: rgba(0, 0, 0, 0.7); }
.ctaBrushStroke--none   { --brush-overlay-color: transparent; }

/* ── 1. The container ────────────────────────────────────── */
.ctaBrushStroke {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: unset !important;
  aspect-ratio: 2020.82 / 715.08 !important;
  max-height: 50vh !important;
  overflow: visible !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  /* Background photo */
  background-image: url("https://new.matransitionservices.org/wp-content/uploads/2026/03/make-a-difference-couple.webp") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  /* Clip to the brush stroke shape via the inline SVG clipPath
     defined in the HTML widget inside this container */
  clip-path: url(#brushclip);
  -webkit-clip-path: url(#brushclip);
}

/* ── 2. ::before — colour overlay ───────────────────────── */
/* Sits inside the already-clipped container so needs no clip-path itself */
.ctaBrushStroke::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: var(--brush-overlay-color);
}

/* ── 3. Keep child elements above the overlay ────────────── */
.ctaBrushStroke > * {
  position: relative;
  z-index: 1;
}

/* ── 4. Hide the HTML widget containing the SVG clipPath ─── */
/* The SVG is already 0x0 but this ensures no extra space is added */
.ctaBrushStroke .elementor-widget-html {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}


a.elementor-sub-item {
	padding-left: 12px !important;
	padding-right: 59px !important;
}

.donateMenu li {
	background-color: #43b749;
}


.redTitleSpan span {
    color: #ff1d25;
}/* End custom CSS */