/**
 * Footer CSS for Veebeatue theme
 * This file contains styles specific to the footer section of the Veebeatue WordPress theme.
 * It ensures a cohesive design and responsive layout for the footer across all devices.
 */
/* Footer Container */
/* ======================================================
   Veebeatue FOOTER - DYNAMIC WORDPRESS STYLES
   ====================================================== */
.veebeatue_footer_main {
    background-color: #f9f4f2;
    color: #333;
    overflow: hidden !important;
}
.veebeatue_footer_main .footer_logo {
    max-width: 150px;
}
.veebeatue_footer_main h4 {
    font-size: 1.1rem;
    font-weight: 800;
    letter-spacing: 2px;
    color: #801842;
    margin-bottom: 25px;
}
.veebeatue_footer_main .stagger_list li {
    margin-bottom: 5px;
        color: #212529;
    font-weight: 600;
    opacity: 1;
    /* Handled by GSAP */
}
.veebeatue_footer_main .stagger_list a {
    text-decoration: none;
            color: #212529;
    font-weight: 600;
    transition: color 0.3s ease;
}
.veebeatue_footer_main .stagger_list a:hover {
    color: #801842;
}
.veebeatue_footer_main .footer_bottom_strip {
    background-color: #fdf3f2;
    border-top: 1px solid rgba(128, 24, 66, 0.1);
    font-size: 0.8rem;
    letter-spacing: 1px;
}
.stagger_list{
    margin-left: 0;
    padding: 0;
    list-style: none;
}
.veebeatue_footer_main .footer_socials {
  display: flex;
  gap: 15px;
}

.veebeatue_footer_main .social_icon {
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #801842;
  text-decoration: none;
  font-size: 1.2rem;
  box-shadow: 0 4px 10px rgba(128, 24, 66, 0.1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.veebeatue_footer_main .social_icon:hover {
  background-color: #801842;
  color: #fff;
  transform: translateY(-5px);
}