/*
Theme Name:     Kadence Child by GrowthGeeky
Theme URI:      n/a
Template:       kadence
Author:         Sabbir Ahmed
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/
/* ────────────────────────────────────────────────
   Base green dot
   ──────────────────────────────────────────────── */
.eyebrow__flashing-dot {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #60EB3A;
  vertical-align: middle;
  /*margin-right: 20px;*/
  /*margin-left: -3px;*/
  animation: dotGlow 2s ease-in-out infinite;
}

/* ────────────────────────────────────────────────
   Expanding halo ring
   ──────────────────────────────────────────────── */
.eyebrow__flashing-dot::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #60EB3A;
  z-index: 1;
  animation: ringPulse 2s ease-out infinite;
}

/* ────────────────────────────────────────────────
   Animations
   ──────────────────────────────────────────────── */
@keyframes ringPulse {
  0%   { transform: scale(0.75); opacity: 0.8; }
  95%,100% { transform: scale(2.3); opacity: 0; }
}

@keyframes dotGlow {
  0%, 90%, 100% { filter: brightness(1.2); }   /* slightly brighter base */
  50%          { filter: brightness(0.65); }   /* deeper dimming effect */
}

/* ────────────────────────────────────────────────
   Reduced motion fallback
   ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .eyebrow__flashing-dot,
  .eyebrow__flashing-dot::before {
    animation: none !important;
    filter: none !important;
  }
}

/* Fix sticky header */

body:not(.header-is-fixed) .kb-header-sticky-wrapper {
    top: initial !important;
}

/* Resource card hover shadow START*/

.resource-card-shadow .kb-advanced-slide .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner {
    border-radius: 16px;
	 box-shadow: 0px 16px 32px -8px rgba(51, 51, 76, 0.16);
	transition: .3s;
	
}
.resource-card-shadow .kb-advanced-slide .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner:hover {
   transform:translateY(-6px);
	box-shadow: 0px 20px 48px -6px rgba(51, 51, 76, 0.16);
	
}


/* Resource card hover shadow END*/

/* ======================================================
   RESOURCE CARD SHADOW
====================================================== */
.resource-card-shadow .kb-advanced-slide .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner {
  border-radius: 16px;
  box-shadow: 0 16px 32px -8px rgba(51, 51, 76, 0.16);
  transition: 0.3s;
}

.resource-card-shadow .kb-advanced-slide .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 48px -6px rgba(51, 51, 76, 0.16);
}

/* ======================================================
   BUTTON STYLING
====================================================== */
.wp-block-kadence-advancedbtn .kb-button.my-custom-button {
	background: linear-gradient(180deg, #FB8753 0%, #FB7877 100%) !important;
	border: 2px solid;
	border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
  	box-shadow: 0px 12px 64px -12px rgba(251, 120, 119, 0.48);
	box-shadow: 0px 12px 36px -8px rgba(0, 0, 0, 0.36);
}

.kb-button.kb-adv-form-submit-button.my-custom-button {
	background: linear-gradient(180deg, #FB8753 0%, #FB7877 100%) !important;
	border: 2px solid;
/* 	border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%); */
  	box-shadow: 0px 12px 64px -12px rgba(251, 120, 119, 0.48);
	box-shadow: 0px 12px 36px -8px rgba(0, 0, 0, 0.36);
}

.wp-block-kadence-advancedbtn .kb-button.my-custom-button:hover,
.kb-button.kb-adv-form-submit-button.my-custom-button:hover {
	background: linear-gradient(180deg, #FF9769 0%, #FD7574 100%) !important;
	border: 2px solid;
	border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow: 0px 14px 70px -10px rgba(251, 120, 119, 0.6), 0px 14px 40px -6px rgba(0, 0, 0, 0.4);
  	transform: translateY(-2px);
  	transition: all 0.3s ease;
}

/* ======================================================
   SPLIDE CUSTOM ARROWS
====================================================== */
.splide__arrow--prev,
.splide__arrow--next {
  background-color: rgba(36, 50, 76, 0.02) !important;
  background-size: contain;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 40px;
  height: 40px;
  padding: 8px 23px !important;
  border: 1px solid rgba(36, 50, 76, 0.12) !important;
  border-radius: 12px !important;
  cursor: pointer;
}

.splide__arrow--prev {
  background-image: url('https://mycontentpastg.wpengine.com/wp-content/uploads/2025/06/slider-arrow-left.svg') !important;
}

.splide__arrow--next {
  background-image: url('https://mycontentpastg.wpengine.com/wp-content/uploads/2025/06/slider-arrow-right.svg') !important;
}

/* ======================================================
   ACCORDION PANEL + ICON STYLES
====================================================== */

/* Base pane */
.wp-block-kadence-pane.kt-accordion-pane {
  background-color: #ffffff;
  border: 1px solid rgba(36, 50, 76, 0.12);
  border-radius: 24px;
  box-shadow: none;
  z-index: 30;
}

/* Shadow on active accordion */
.wp-block-kadence-pane.kt-accordion-pane:has(> .kt-accordion-panel-active) {
  box-shadow: 0 16px 32px -8px rgba(51, 51, 76, 0.16);
}

/* Closed icon container */
.wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 7px;
  padding: 13px 5px;
  background-color: rgba(36, 50, 76, 0.02);
  border: 1px solid rgba(36, 50, 76, 0.12);
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
}

/* Closed icon style */
.wp-block-kadence-accordion .kt-blocks-accordion-icon-trigger::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 7px;
  transform: translate(-50%, -50%) rotate(180deg);
  background-color: #24324C;
  -webkit-mask-image: url('https://mycontentpastg.wpengine.com/wp-content/uploads/2025/06/Icon-1.svg');
  mask-image: url('https://mycontentpastg.wpengine.com/wp-content/uploads/2025/06/Icon-1.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transition: background-color 0.3s, transform 0.3s;
}

/* Open icon container */
.wp-block-kadence-accordion .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger {
  background: linear-gradient(180deg, #FB8753 0%, #FB7877 100%);
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.12), 0 8px 36px -12px rgba(251, 120, 119, 0.48);
  border: 1px solid transparent;
  border-image: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0)) 1;
}

/* Open icon rotation */
.wp-block-kadence-accordion .kt-accordion-panel-active .kt-blocks-accordion-icon-trigger::after {
  background-color: #fff !important;
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

/* Hide default Kadence icon */
.kt-blocks-accordion-icon-trigger:before {
  display: none !important;
}

/* ======================================================
   MISC
====================================================== */

/* Icon block hover */
.icon-text-block .wp-block-kadence-advancedheading.kt-adv-heading-has-icon.hls-none:hover {
  border-color: var(--global-palette3);
}

/* ======================================================
   RESPONSIVE STYLES
====================================================== */

/* -----------------------------
   Small Mobile: max-width: 479px
----------------------------- */
@media (max-width: 479px) {
  .wp-block-kadence-advancedbtn .kb-button.my-custom-button {
    width: 100% !important;
    display: block;
  }
}

/* -----------------------------
   Mobile & Tablet: max-width: 1024px
----------------------------- */
@media (max-width: 1024px) {
  .wp-block-kadence-navigation-link.menu-item--has-toggle.menu-item--toggled-on {
    background-color: #f1f2f3 !important;
  }

  .wp-block-kadence-navigation-link.menu-item--toggled-on > .kb-link-wrap {
    border-bottom: 2px solid #dddfe2;
  }

  .kb-off-canvas-close {
    padding: 4px !important;
  }

  .kb-off-canvas-inner {
    padding: 64px 0 0 0 !important;
  }

  .kb-nav-dropdown-toggle-btn {
    margin-right: 12px !important;
  }

  .wp-block-kadence-navigation-link .kb-nav-arrow-svg {
    width: 1.5em;
  }

  .wp-block-kadence-navigation .menu .menu-item--toggled-on > .sub-menu {
    margin: 0;
  }
}

/* -----------------------------
   Large Screens: min-width: 1265px
----------------------------- */
@media (min-width: 1265px) {
  .splide__arrows.splide__arrows--ltr {
    top: -85px !important;
    left: 1100px !important;
  }
}

/* -----------------------------
   Slider Arrows Centered for Mobile
----------------------------- */
@media (max-width: 767px) {
  .kb-splide.kb-slider-group-arrows .splide__arrows {
    position: absolute;
    top: auto !important;
    bottom: -70px !important;
    left: 50% !important;
    transform: translateX(-50%);
    justify-content: center;
  }
}