/**
 * Theme Name:     Kadence Child SFDC
 * Author:         Silent Freeway
 * Template:       kadence
 * Text Domain:	   kadence-child-sfdc
 * Description:    Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
 */

/* =======================================
   Silent Freeway Custom CSS
   Author: Silent Freeway
   Last updated: 20250613
   ===================================== */

/* ------------------------------
   SITE-WIDE COLORS
------------------------------ */
.color-coral { color: #FF6A3D !important; }
.color-navy { color: #000125 !important; }
.color-white { color: #FFFFFF !important; }

/* ------------------------------
   UTILITY CLASSES
------------------------------ */
.text-center { text-align: center; }
.mt-2 { margin-top: 2rem; }
.pt-2 { padding-top: 2rem; }
.sf-menu-hidden { display: none !important; }

/* ------------------------------
   TYPOGRAPHY
------------------------------ */
.h2-xl {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}
.h3-base {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.6;
  color: #222;
}
.review-closer-alt {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: #3478F6;
}
.review-closer {
  font-size: 1rem;
  font-weight: 500;
  color: #3478F6;
  margin-top: 1rem;
}

/* ------------------------------
   SECTION + LAYOUT STYLING
------------------------------ */
.section-divider {
  border: none;
  height: 2px;
  background-color: #E5E7EB;
  width: 120px;
  margin: 2rem auto;
}
.section-divider-dashed {
  border: none;
  height: 3px;
  background-image: repeating-linear-gradient(
    to right,
    #E5E7EB,
    #E5E7EB 10px,
    transparent 10px,
    transparent 20px
  );
  width: 100px;
  margin: 2rem auto;
}
.section-tight,
.sf-differentiators-block {
  padding: 2em 4em;
}
.sf-differentiators-block.section-tight {
  padding: 2em 5%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* ------------------------------
   COMPONENTS: TESTIMONIALS, FORMS
------------------------------ */
.testimonial-padded {
  padding-left: 10%;
  padding-right: 15%;
}
.testimonial-wrap {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.sf-contact-form-wrapper .form-all {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
}

/* ------------------------------
   STICKY HEADER STYLES
------------------------------ */
.kadence-sticky-header.is-sticky {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* ------------------------------
   ANIMATIONS
------------------------------ */
.typewriter {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid #3478F6;
  animation: typing 3s steps(40, end), blink-caret 0.75s step-end infinite;
  max-width: 100%;
}
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}
@keyframes blink-caret {
  0%, 100% { border-color: transparent }
  50% { border-color: #3478F6 }
}
.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;
  animation-delay: 0.3s;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ------------------------------
   RESPONSIVE STYLES
------------------------------ */
@media (max-width: 768px) {
  .section-divider {
    display: none;
  }
  .section-tight {
    padding-left: 3%;
    padding-right: 3%;
    padding: 1.25em 1.5em;
  }
  .testimonial-padded {
    padding-left: 5%;
    padding-right: 5%;
  }
  .sf-differentiators-block {
    padding: 1.5em 1.25em;
  }
  .sf-differentiators-block.section-tight {
    padding: 1.5em 1.25em;
  }
  .h2-xl {
    font-size: 1.5rem;
  }
}