/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.4.1765776904
Updated: 2025-12-15 05:35:04

*/

/* ==========================================================================
   Layout Component Contact Card - Color Harmonization
   ========================================================================== */
.layout_component.is-contact {
  background-color: #120C18 !important;
  border: 1.5px solid rgba(245, 95, 215, 0.3) !important;
  box-shadow: 0 15px 50px rgba(187, 9, 246, 0.15) !important;
  color: #FDF5FD !important;
  transition: border-color 0.4s ease, box-shadow 0.4s ease, transform 0.4s ease !important;
}

.layout_component.is-contact:hover {
  border-color: rgba(245, 95, 215, 0.6) !important;
  box-shadow: 0 20px 60px rgba(187, 9, 246, 0.25) !important;
  transform: translateY(-4px) !important;
}

/* Ensure variants behave identically */
.layout_component.is-contact:where(.w-variant-9f7b122b-7de3-b256-2673-6bad7e6f4d63) {
  background-color: #120C18 !important;
  color: #FDF5FD !important;
}

/* Form fields within the contact card */
.layout_component.is-contact .form_input {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(245, 95, 215, 0.15) !important;
  color: #FDF5FD !important;
  transition: all 0.3s ease !important;
}

.layout_component.is-contact .form_input::placeholder {
  color: rgba(253, 245, 253, 0.4) !important;
}

.layout_component.is-contact .form_input:focus {
  border-color: #f55fd7 !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 0 12px rgba(245, 95, 215, 0.25) !important;
  outline: none !important;
}

/* Ensure labels inside are light */
.layout_component.is-contact .form_label {
  color: #FDF5FD !important;
}

/* Submit button styling */
.layout_component.is-contact .button.is-form-submit {
  background: linear-gradient(135deg, #f55fd7, #bb09f6) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 2rem !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(245, 95, 215, 0.3) !important;
  transition: all 0.3s ease !important;
}

.layout_component.is-contact .button.is-form-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(245, 95, 215, 0.5) !important;
  opacity: 0.95 !important;
}

/* ==========================================================================
   Footer Background Gradient & Premium UI - Wingz & Onboarding Pages
   ========================================================================== */
.footer .footer_component,
.footer_component {
  background: linear-gradient(
    180deg,
    rgb(187, 9, 246) 0%,
    rgb(212, 45, 233) 45%,
    rgb(233, 75, 222) 75%,
    rgb(245, 95, 215) 100%
  ) !important;
  background-color: transparent !important;
  box-shadow: 0 24px 60px rgba(18, 12, 24, 0.65), inset 0 1px 2px rgba(255, 255, 255, 0.4) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden;
  color: #FFFFFF !important;
}

/* Logo & Badge Presentation Polish */
.footer .nav_logo-img,
.footer_component .nav_logo-img {
  filter: brightness(0) invert(1) drop-shadow(0 2px 6px rgba(0, 0, 0, 0.2)) !important;
  transition: transform 0.3s ease !important;
}

.footer .nav_logo-link:hover .nav_logo-img,
.footer_component .nav_logo-link:hover .nav_logo-img {
  transform: scale(1.03) !important;
}

.footer .button-group,
.footer_component .button-group {
  gap: 0.85rem !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin-top: 1rem !important;
}

.footer .button-group .footer_img-wrap,
.footer_component .button-group .footer_img-wrap {
  background-color: #FFFFFF !important;
  border-radius: 0.75rem !important;
  padding: 0.4rem 0.85rem !important;
  height: 3.25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15) !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  margin: 0 !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}

.footer .button-group .footer_img-wrap:hover,
.footer_component .button-group .footer_img-wrap:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25) !important;
}

.footer .button-group .footer_img-wrap .footer_img,
.footer_component .button-group .footer_img-wrap .footer_img {
  height: 100% !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Crisp, High-Contrast White Typography & Links */
.footer .footer_link,
.footer_component .footer_link {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
}

.footer .footer_link:hover,
.footer_component .footer_link:hover {
  transform: translateX(4px) !important;
  opacity: 0.85 !important;
}

.footer .footer_social-link,
.footer_component .footer_social-link {
  color: #FFFFFF !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease !important;
}

.footer .footer_social-link:hover,
.footer_component .footer_social-link:hover {
  transform: translateY(-3px) !important;
  opacity: 0.85 !important;
}

/* Delicate White Gradient Divider Line */
.footer .footer_divider,
.footer_component .footer_divider {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.1) 100%) !important;
  height: 1px !important;
  border: none !important;
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

/* Sleek Newsletter Pill Input & Submit Button */
.footer .footer_form-group .form_input.is-newsletter,
.footer_component .form_input.is-newsletter {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 2rem !important;
  color: #120C18 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
  padding: 0.75rem 1.25rem !important;
  font-weight: 500 !important;
  transition: all 0.3s ease !important;
}

.footer .footer_form-group .form_input.is-newsletter:focus,
.footer_component .form_input.is-newsletter:focus {
  background-color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
  outline: none !important;
  border-color: #120C18 !important;
}

.footer .footer_form-group .button.is-tertiary.is-dark,
.footer_component .button.is-tertiary.is-dark {
  background: #120C18 !important;
  color: #FFFFFF !important;
  border: 1px solid #120C18 !important;
  border-radius: 2rem !important;
  padding: 0.75rem 1.75rem !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 15px rgba(18, 12, 24, 0.3) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.footer .footer_form-group .button.is-tertiary.is-dark:hover,
.footer_component .button.is-tertiary.is-dark:hover {
  background: #000000 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.45) !important;
}
.col-3x-grid {
padding-bottom: 3.5rem;
}

.header_lines{
  display: none !important;
}


.courses-template-default body
 {
    color: #333 !important;
    background-color: #fff !important;
    min-height: 100% !important;
    margin: 0 !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 20px !important;
}