/*
Theme Name: Breakdance Zero Theme
Theme URI: https://breakdance.com/zero-theme // todo
Author: Breakdance Builder
Author URI: https://breakdance.com/
Description: Entirely disables the WordPress theme system and lets you design every part of your site with Breakdance, while keeping other theme functionality like templates overrides and functions.php.
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 7
License: GNU General Public License v2 or later // todo no idea about this
License URI: LICENSE
Text Domain: breakdance

Requires Breakdance to be installed.
/*--------------------------------------------------------------*/


/*START OF OVERIDE DEFAULTS*/

/*SVG Forced Hight Overide*/
.breakdance-icon-atom>svg:not(.breakdance-icon-atom-svg-gradient) {height: auto !important;}
#text-button ::after {
    transition: margin-left 0.25s ease;
}


/*START OF CUSTOM BUTTONS*/
#text-button:hover ::after {
    margin-left: 6px;
}

#text-button span.button-atom__text {
    border-bottom: 2px solid #81B921;
    padding-bottom: 2px; /* space between text and line */
    border-color: transparent;
    padding-top: 2px;
    transition: border-color 0.25s ease;
}

#text-button:hover span.button-atom__text {
    border-color: #81B921;
}

/*START OF CUSTOM HEADER ANIMATION*/
.bde-animated-heading__word {transform: translateY(0%) !important }

.bde-animated-heading__word {
  position: relative;
  display: inline-block;
}

.bde-animated-heading__word svg, #green-underline .dual-heading--secondary svg {
  position: absolute;
  left: 0;
  bottom: 0; /* always stick under the word */
  width: 100%;
  height: 8px; /* adjust as needed */
  overflow: visible;
  pointer-events: none;
  color: #97D729;
}

.bde-animated-heading__word svg path, #green-underline .dual-heading--secondary svg path {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}



/*CUSTOM TOGGLES*/
/* Text color */
#associations .bde-text,
#charities .bde-text {
  color: #FFFFFF; /* default inactive */
  transition: color 0.3s;
}

#associations.active .bde-text,
#charities.active .bde-text{
  color: #97D729; /* active */
}

/* SVG line color (default white) */
#associations line,
#charities line {
  stroke: #FFFFFF;
  transition: stroke 0.3s;
}

#associations.active line,
#charities.active line {
  stroke: #97D729;
}

/*MENU HOVER*/
#menu-box .breakdance-menu-link:hover {
	text-decoration-color: #97D729 !important;
}

/*GREEN LINE UNDER HEADINGS*/
#green-underline {
  display: inline-block;
}

#green-underline .dual-heading--primary:last-child {
  position: relative;
  display: inline-block;
}


#green-underline .dual-heading--secondary {
    position: relative;
    display: inline-block;
}

/*COUNTER STYLING FOR MILLION*/
.bde-simple-counter__number {
  display: flex;
  align-items: flex-start;
}

.bde-simple-counter__prefix {
  font-size: 40px;
  margin-top: 6px;
}

.bde-simple-counter__suffix, .bde-simple-counter__prefix {
    font-size: 40px;
    position: relative;
    align-self: normal;
    line-height: 1;
}

#million .bde-simple-counter__digit::after {
  content: "M";
  font-size: 1em;
	    margin-left: 5px;
}

/*ADVANCED SLIDER*/
/* =========================
   FANCY SLIDER LAYOUT
   ========================= */

/* Stack pagination above slides */
#fancy-slider .breakdance-swiper-wrapper {
  display: flex;
  flex-direction: column;
}

/* Pagination ABOVE swiper */
#fancy-slider .swiper-pagination {
  order: -1;
  margin-left: auto;
  width: 63.8%;
  margin-bottom: 40px;
	display: flex;
}

/* Keep swiper below */
#fancy-slider .swiper {
  order: 0;
}

/* Make bullets stretch full width */
#fancy-slider span.swiper-pagination-bullet {
    width: 100%;
    height: 4px;
}

/* =========================
   RESPONSIVE (BULLETS)
   ========================= */

@media only screen and (max-width: 1119px) {
  #fancy-slider 
  .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 100% !important;
    margin-left: 0;
  }
}


/*ABOUT US*/
.un-logo-bar__logo-wrapper img {
  filter: grayscale(100%);
}
#our-journey .bde-text:hover {
    color: white !important;
}

/* Add green arrow icon after all image hover card titles */
.breakdance .bde-image-hover-card figcaption .ee-imagehover-title::after {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.5em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2381b921' d='M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
    vertical-align: middle;
}

/* Hover effect - push arrow to the right */
.breakdance .bde-image-hover-card:hover figcaption .ee-imagehover-title::after {
    transform: translateX(8px);
}

/* Base styles for columns within #our-journey */
#our-journey .bde-column {
    cursor: default;
    pointer-events: none;
}

/* Allow only the year text link to be clickable */
#our-journey .bde-container-link {
    pointer-events: auto;
    cursor: pointer;
}

/* Text styles */
#our-journey .bde-text {
    transition: color 0.3s ease;
    user-select: none;
}

/* Icon styles */
#our-journey .bde-icon {
    transition: all 0.3s ease;
}

#our-journey .bde-icon svg {
    transition: fill 0.3s ease;
}

/* Active/clicked state ONLY */
#our-journey .bde-column.active .bde-text {
    color: white !important;
}

#our-journey .bde-column.active .bde-icon .bde-icon-icon {
    background: #81B921 !important;
    border-color: #81B921 !important;
}

#our-journey .bde-column.active .bde-icon svg {
    fill: white !important;
}

@media (max-width: 1119px) {
    #our-journey .bde-column.active {
        border-left: 3px solid #81B921 !important;
    }
}

/*FOOTER*/
#footer .bde-container-link, #footer #newsletter-form button {
    border-bottom: 2px solid #81B921;
    padding-bottom: 4px;
    border-color: transparent;
    padding-top: 2px;
    transition: border-color 0.25s ease;
	border-top: none;
	border-left: none;
	box-shadow: none;
	border-right: none;
}
#footer #column-no-hover .bde-container-link {border: none !important;}
#footer .bde-container-link, #footer .bde-container-link button {
	cursor: pointer !important;
}
#footer .bde-container-link:hover, #footer #newsletter-form button:hover {
	border-color: #81B921;
}
#footer .bde-container-link:hover svg, #footer .bde-container-link:hover button {
	fill: #81B921 !important;
	color: #81B921 !important;
}


/*POST TYPES*/
#rich-text-styles ul li p {margin: 4px !important;}
#rich-text-styles h4, #rich-text-styles h1, #rich-text-styles h3, #rich-text-styles h2 {
  margin-bottom: 0px;
  margin-top: 40px;
}