/*
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
*/
/* Remove any bottom edge by default */

/* Make sticky header movement smooth and consistent */
.hvr-header,
.hvr-header.fusion-sticky-transition,
.hvr-header.fusion-sticky-scroll-transition,
.hvr-header.fusion-scrolling-up,
.hvr-header.fusion-scrolling-down {
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  animation-duration: 0.4s !important;
}
/* Header END */


.fusion-testimonials.classic .alignment-left .company-name {margin:15px 10px 0px 10px!important}
.fusion-testimonials.classic .alignment-left {max-width:75%!important}
@media (max-width: 900px) {
	.fusion-testimonials.classic .alignment-left {max-width:90%!important}
	
}

.why-choose-section {
  position: relative;
  overflow: hidden;
  min-height: 520px;
  border-radius: 0 0 36px 36px;
  background-image: url('https://hvr.bwdesigns.co.uk/wp-content/uploads/2026/04/whychooseusBG.webp');
  background-size: cover;
  background-position: center right;
}

.why-choose-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 65%;
  height: 100%;
  background: #d97726;
  clip-path: polygon(0 0, 92% 0, 68% 100%, 0 100%);
  z-index: 2;
}

/* soft shadow on diagonal */
.why-choose-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 70%;
  width: 120px;
  height: 100%;
  background: rgba(0,0,0,0.18);
  filter: blur(18px);
  transform: skewX(-18deg);
  z-index: 1;
  pointer-events: none;
}

/* keep content above the orange */
.why-choose-section .fusion-builder-row,
.why-choose-section .fusion-layout-column,
.why-choose-section .fusion-column-wrapper,
.why-choose-section .fusion-title,
.why-choose-section .fusion-text,
.why-choose-section .fusion-button-wrapper {
  position: relative;
  z-index: 2;
}

/* left content width / spacing */
.why-choose-content {
  max-width: 620px;
}

.why-choose-content .fusion-column-wrapper {
  padding: 70px 70px 55px 40px;
}

@media (max-width: 900px) {
  .why-choose-section {
    min-height: auto;

    /* REMOVE IMAGE */
    background-image: none !important;

    /* USE AVADA PRIMARY COLOUR */
    background-color: var(--awb-color4) !important;
  }

  /* remove diagonal + shadow */
  .why-choose-section::before,
  .why-choose-section::after {
    display: none!important;
  }

  /* tidy spacing */
  .why-choose-content .fusion-column-wrapper {
    padding: 35px 25px!important;
  }
}


/* Avada 4 column dividers (between only), black, 80% height, centered */
.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 on mobile (columns stack) */
@media (max-width: 800px){
  .fusion-fullwidth.four-cols-divider .fusion-layout-column .fusion-column-wrapper::after{
    display: none !important;
  }
}

/* --- Avada BG slider: subtle Ken Burns + gradient overlay (no layout break) --- */

/* Avada container background slider: mild Ken Burns without layout break */
.kb-bgslider .awb-background-slider{
  overflow: hidden;
}

/* Baseline zoom on ALL images so no “drop back” */
.kb-bgslider .awb-background-slider__image{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform-origin: center center;

  /* this is the trick: use transition, not keyframes */
  transform: scale(1.04);
  transition: transform 5s linear;
  will-change: transform;
}

/* While a slide is active, gently zoom a bit more */
.kb-bgslider .swiper-slide-active .awb-background-slider__image{
  transform: scale(1.08);
}

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

/* Gradient overlay ABOVE the background slider images */
.kb-bgslider{
  position: relative;
}

/* The overlay itself */
.kb-bgslider::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;

  /* tweak the stops to taste */
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0.60) 0%,   /* darker top */
	rgba(0,0,0,0.80) 100%  /* 60% opacity at bottom */
  );
}

/* Make sure the slider stays behind the overlay */
.kb-bgslider .awb-background-slider{
  position: absolute; /* Avada often already does this; harmless if duplicated */
  inset: 0;
  z-index: 1;
}

/* Make sure your actual content sits above the overlay */
.kb-bgslider > *{
  position: relative;
  z-index: 3;
}

/* White overlays won’t show if the slider is multiply */
.kb-bgslider .awb-background-slider{
  mix-blend-mode: normal !important;
}


/* Gravity Forms submit button colour */
.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;
}

/* Optional hover state (slightly darker) */
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer button:hover {
  background-color: #1f3047 !important;
  border-color: #1f3047 !important;
}

/* Gravity Forms – uniform field height */
.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;
}

/* Keep textareas natural (don’t force height) */
.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 Css News Page */
.whitblog .fusion-link-wrapper a {color:#fff!important}
.fusion-image-wrapper .fusion-rollover .fusion-rollover-content a {color:#fff!important; font-size:18px!important}
.fusion-rollover-categories {display:none!important}


/* Home Page Blog CSS */
.HP_blog .fusion-flexslider {padding:10px!important; border-radius:20px!important; }

.HP_blog .fusion-post-wrapper {border: 2px solid #fff!important; border-radius:20px!important; }
.HP_blog  .fusion-post-content-container {color:#fff!important}
.HP_blog .blog-shortcode-post-title .entry-title  {color:#fff!important; font-size:2.5em!important}
.HP_blog .body a {color:#fff!important}
.HP_blog .sep-double  {display:none!important}
.HP_blog .fusion-image-wrapper { border-radius:20px!important;}
.whitblogb .fusion-blog-shortcode a {color:#fff!important; font-size:2.5em!important}
.blog-shortcode-post-title .entry-title .fusion-responsive-typography-calculated {color:#fff!important; font-size:26px!important}

/* Header Sticky Border */

.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);
}

#gform_wrapper_1 .gform_button,
#gform_wrapper_1 input[type="submit"] {
    background-color: #444444!important;
    border-color: #444444!important;
    color: #ffffff!important;
}

#gform_wrapper_1 .gform_button:hover,
#gform_wrapper_1 input[type="submit"]:hover {
    background-color: #333333!important;
    border-color: #333333!important;
}

.course-icon svg {
  fill: #444444!important;
}

.whitetext p, .whitetext li {color:#fff!important}
.whitetext strong {font-weight:600!important; color:#f7962b!important}