/* 
Theme Name:		 Avada Child Theme
Theme URI:		 https://idgadvertising.com/
Description:	 Theme by IDG Advertising <a href=\"https://idgadvertising.com/\">https://idgadvertising.com.com/</a>
Author:			 IDG Advertising
Author URI:		 https://idgadvertising.com/
Template:		 avada
Version:		 2.8.24
Text Domain:	 avada-child
Note: Use file for only compiled css in assets file
-------------------------------------------------------------- */ 

/* Base button — drop shadow */
a.fusion-button.button-flat {
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) !important; 
}
/* Base button */
.fusion-button {
  position: relative;
  overflow: hidden;
  background: linear-gradient(#274442, #507375);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.3s ease-in-out,
            transform 0.3s ease-in-out;
}

/* Hover gradient layer (fades in over the base) */
.fusion-button::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(#0E2422, #385052);
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: inherit;
}

.fusion-button:hover::after {
  opacity: 1;
}

.fusion-button:hover {
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.35);
  transform: translateY(-2px);
}

.fusion-button:active {
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2);
  transform: translateY(0px);
}

/* Keep text above the ::after layer */
.fusion-button-text {
  position: relative;
  z-index: 1;
}



.hero-container {
	margin-left: 20px !important;
	margin-right: 20px !important;
}


.button-title {
	text-decoration: underline;
	text-decoration-thickness: 2px;
    text-underline-offset: 4px !important;
}
.button-title-textdecoration-light { text-decoration-color: #ffffff; }
.button-title-textdecoration-dark { text-decoration-color: #000000; }


.button-title::before,
.button-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  transform-origin: left;
  transition: transform 0.4s ease-out;
}

/* Base line — visible at rest, hides on hover */
.button-title::before { transform: scaleX(1); }
.button-title:hover::before { transform: scaleX(0); }

/* Hover line — hidden at rest, flashes in on hover */
.button-title::after { transform: scaleX(0); }
.button-title:hover::after { transform: scaleX(1); }



/* Base column */
.hover-column {
 /* box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); */
  transform: translateY(0px);
  transition: transform 0.3s ease-out,
            box-shadow 0.3s ease-out;
}

/* Hover state — lifts up 5px + shadow appears */
.hover-column:hover {
 transform: translateY(-5px);
 /* box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.12);*/
}