/*
Theme Name: Effective Basement Solutions
Template: hello-elementor
Theme URI: https://www.effectivewaterproofing.com
Description: A custom child theme for Effective Basement Solutions, New Jersey’s trusted basement waterproofing and foundation repair company. Built on the lightweight Hello Elementor framework, optimized for SEO, speed, and clean lead-generation design.
Author: Effective Basement Solutions
Author URI: https://www.effectivewaterproofing.com
Version: 1.0.0
Text Domain: effective-basement-solutions
Tags: basement-waterproofing, foundation-repair, sump-pumps, french-drains, crawlspace-encapsulation, seo-optimized, fast-loading, elementor-compatible
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* --------------------------------------------------------------------------
   Custom CSS for Effective Basement Solutions
   -------------------------------------------------------------------------- */

/* Smooth scrolling for user experience */
html {
  scroll-behavior: smooth;
}

/* Responsive image defaults */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Improve text rendering for readability */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Ensure embeds and iframes scale properly */
embed,
iframe,
object {
  max-width: 100%;
  height: auto;
}

/* ---------------------------
   Branding tweaks
   --------------------------- */

/* Company blue accent color */
:root {
  --ebs-blue: #005baa; /* adjust if you have an exact brand hex */
}

/* Links and buttons in brand color */
a,
button,
input[type="submit"],
.elementor-button {
  color: var(--ebs-blue);
}

button,
input[type="submit"],
.elementor-button {
  background-color: var(--ebs-blue);
  border: none;
  color: #fff;
  transition: background 0.2s ease;
}

button:hover,
input[type="submit"]:hover,
.elementor-button:hover {
  background-color: #004080;
}

/* Headings for a bold, trustworthy look */
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: #222;
}

/* Add subtle shadow to call-to-action boxes */
.cta-box {
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  border-radius: 6px;
  padding: 20px;
  background: #fff;
}