/*
Theme Name: Enfold Child
Template: enfold
Version: 1.0
*/

/* Recovered Quick CSS from parent Enfold theme options */
/* Source: avia_options_enfold -> quick_css */
/* Recovered on: 2026-04-29 */

.logo {transform:scale(.8);}
.paddmae{margin-left:10px;}
.footers h2 {font-size:20px;}
p{font-size:16px;line-height:1.5;}

/*footers links */
/*===========================*/
/* Base styles for links within any footer menu */
.footers .menu li a {
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: color 0.3s;
  font-size: 18px; /* Increased font size */
}
/* Pseudo-element for the animated underline on any footer menu link */
.footers .menu li a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -3px; /* Closer to the bottom of the text */
  left: 0;
  background-color: currentColor;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
/* Animate the pseudo-element on hover for any footer menu link */
.footers .menu li a:hover::after,
.footers .menu li a:focus::after {
  visibility: visible;
  width: 100%;
}



/* Targeting links within paragraphs only */
p a {
  position: relative;
  text-decoration: none; /* Removes the default underline */
  color: #009a43; /* Example link color, adjust as needed */
  transition: color 0.3s; /* Smooth color transition on hover, if desired */
}

/* Pseudo-element for the animated underline */
p a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0; /* Adjusted to be at the bottom of the text */
  left: 0;
  background-color: #009a43; /* The underline color, adjust as needed */
  transition: width 0.3s ease-in-out; /* Animation for the underline */
  visibility: hidden; /* Hide the underline by default */
}

/* Animate the pseudo-element on hover/focus */
p a:hover::after,
p a:focus::after {
  visibility: visible; /* Show the underline on hover/focus */
  width: 100%; /* Full width of the text */
}

/*================================*/
/* button mods */
/*================================*/
/* General style for avia buttons */
body div .avia-button {
  border-radius: 5px; /* Rounded corners for a modern look */
  padding: 12px 20px; /* More padding for a larger clickable area */
  font-size: 14px; /* Slightly larger font for better readability */
  text-decoration: none;
  display: inline-block;
  border: none; /* Removing the bottom border for a cleaner look */
  margin: 5px 0;
  line-height: 1.4em;
  position: relative;
  font-weight: bold; /* Making the font bold for emphasis */
  text-align: center;
  max-width: 100%;
  background-color: #009a43; /* A nice, visually pleasing color */
  color: white; /* White text for contrast */
  transition: background-color 0.3s, box-shadow 0.3s, transform 0.1s; /* Smooth transition for hover effects */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/* Size and position adjustments */
.avia-button.avia-size-medium {
  min-width: 110px; /* Slightly wider button */
}

.avia-button.avia-position-left {
  float: left;
  display: block;
}

/* Hover and focus styles for interactive feedback */
body div .avia-button:hover, 
body div .avia-button:focus {
  background-color: #007a34; /* Darker shade on hover for depth */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.25); /* Larger shadow on hover for emphasis */
  transform: translateY(-2px); /* Slight raise effect on hover */
}

/* Active state style */
body div .avia-button:active {
  transform: translateY(1px); /* Button appears pressed down */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Resetting the shadow to normal */
}

.display-hide {
   display: none;
}

.display-reverse {
  display: flex;
  flex-direction: row-reverse;
}