/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

/* =========================================================
   GLOBAL BRAND COLOURS USED IN THIS FILE
   Main blue: #29405f
   Dark hover blue: #1f3047
   ========================================================= */


/* =========================================================
   AVADA 4 COLUMN DIVIDERS
   Adds vertical dividers between columns only.
   Add class to container: four-cols-divider
   ========================================================= */

.fusion-fullwidth.four-cols-divider .fusion-layout-column .fusion-column-wrapper {
  position: relative;
}

.fusion-fullwidth.four-cols-divider .fusion-layout-column:not(:last-child) .fusion-column-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10%;
  height: 80%;
  width: 2px;
  background: #29405f;
  z-index: 9999;
  pointer-events: none;
}

/* Hide dividers on mobile when columns stack */
@media (max-width: 800px) {
  .fusion-fullwidth.four-cols-divider .fusion-layout-column .fusion-column-wrapper::after {
    display: none !important;
  }
}


/* =========================================================
   AVADA BACKGROUND SLIDER - KEN BURNS + AVADA GRADIENT OVERLAY
   Add class to container: kb-bgslider

   Layer order:
   1. Text / buttons
   2. Avada gradient
   3. Background slider image
   ========================================================= */

.kb-bgslider {
  position: relative;
  overflow: hidden;
}

/* Background slider image layer */
.kb-bgslider .awb-background-slider {
  overflow: hidden;
  z-index: 1;
  mix-blend-mode: normal !important;
  opacity: 1;
}

/* Ken Burns image movement */
.kb-bgslider .awb-background-slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;
  transform: scale(1.04);
  transition: transform 5s linear;
  will-change: transform;
}

/* Active slide zoom */
.kb-bgslider .swiper-slide-active .awb-background-slider__image {
  transform: scale(1.08);
}

/* Reuse Avada's own gradient setting as overlay */
.kb-bgslider::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image: var(--awb-background-image);
}

/* Keep container content above image and gradient */
.kb-bgslider > .fusion-builder-row {
  position: relative;
  z-index: 3;
}

/* Disable motion on mobile and for reduced-motion users */
@media (max-width: 800px), (prefers-reduced-motion: reduce) {
  .kb-bgslider .awb-background-slider__image {
    transition: none !important;
    transform: none !important;
  }
}


/* =========================================================
   GRAVITY FORMS - SUBMIT BUTTONS
   ========================================================= */

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button,
.gform_wrapper .gform_page_footer input[type="submit"] {
  background-color: #29405f !important;
  border-color: #29405f !important;
  color: #ffffff !important;
  border-radius: 25px !important;
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer button:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:hover {
  background-color: #1f3047 !important;
  border-color: #1f3047 !important;
}


/* =========================================================
   GRAVITY FORMS - FIELD STYLING
   ========================================================= */

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="password"],
.gform_wrapper select {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

.gform_wrapper textarea {
  min-height: 120px !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}

.gform_wrapper input,
.gform_wrapper select,
.gform_wrapper textarea {
  border-radius: 4px !important;
}


/* =========================================================
   BLOG / NEWS PAGE STYLING
   Class used: whitblog
   ========================================================= */

.whitblog .fusion-link-wrapper a {
  color: #ffffff !important;
}

.fusion-image-wrapper .fusion-rollover .fusion-rollover-content a {
  color: #ffffff !important;
  font-size: 18px !important;
}

.fusion-rollover-categories {
  display: none !important;
}


/* =========================================================
   HOME PAGE BLOG STYLING
   Classes used: HP_blog, whitblogb
   ========================================================= */

.HP_blog .fusion-flexslider {
  padding: 10px !important;
  border-radius: 20px !important;
}

.HP_blog .fusion-post-wrapper {
  border: 2px solid #ffffff !important;
  border-radius: 20px !important;
}

.HP_blog .fusion-post-content-container {
  color: #ffffff !important;
}

.HP_blog .blog-shortcode-post-title .entry-title {
  color: #ffffff !important;
  font-size: 2.5em !important;
}

.HP_blog .body a {
  color: #ffffff !important;
}

.HP_blog .sep-double {
  display: none !important;
}

.HP_blog .fusion-image-wrapper {
  border-radius: 20px !important;
}

.whitblogb .fusion-blog-shortcode a {
  color: #ffffff !important;
  font-size: 2.5em !important;
}

.blog-shortcode-post-title .entry-title .fusion-responsive-typography-calculated {
  color: #ffffff !important;
  font-size: 26px !important;
}


/* =========================================================
   AVADA STICKY HEADER BORDER
   Adds border only once header becomes sticky.
   ========================================================= */

.fusion-sticky-container {
  border-bottom: 0;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.fusion-sticky-container.fusion-sticky-transition {
  border-bottom: 1px solid var(--awb-color5);
}