strong, b {
  font-weight: 500 !important;
}

/* Styled inline link */
.inline-link a {
  color: #6E5C54; /* your warm brown */
  text-decoration: none;
  position: relative;
  font-weight: 600;
}

/* Animated underline */
.inline-link a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #45B692; /* your green */
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.inline-link a:hover::after {
  transform: scaleX(1);
}

/* Base button styles */
.button-style .elementor-button {
  background-color: #45B692;         /* original green */
  color: #ffffff;
  border: none;
  border-radius: 6px;
  padding: 12px 24px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.06);
}

/* Hover state – more visible + lifted */
.button-style .elementor-button:hover {
  background-color: #329577;
  color: #ffffff;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.12); /* stronger shadow */
	transform: translateY(-2px) scale(1.02);
	outline: 2px solid rgba(255, 255, 255, 0.3);
}

/* Remove extra space under footer on Hello Elementor theme */
#site-footer,
#site-footer .footer-inner {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ensure no residual gap between content and footer */
.site-main {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* For Elementor-built footers that use theme containers */
.elementor-location-footer {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Prevent body/page wrapper from adding whitespace */
html, body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden; /* just a safety guard for alignment */
}

/* Kill any rogue empty divs or scripts adding bottom space */
#site-footer + div[style*="display:none"],
#site-footer + script,
body > div:last-of-type[style*="display:none"] {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reinforce no space below footer */
#site-footer {
  border: none !important;
  outline: none !important;
  display: block;
}

/* Remove any space caused by inline or plugin scripts after the footer */
#site-footer + script,
#site-footer + div,
#site-footer + *:not(footer) {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Reinforce the footer and page bottom alignment */
html, body {
  height: auto !important;
  overflow-x: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  background-color: #594A46; /* match your footer tone */
}

#site-footer {
  position: relative;
  z-index: 99;
}

/* =======================================
   HOME – SERVICE CARDS (BASE + HOVER IMAGE/OVERLAY)
======================================= */

#service1, #service2, #service3, #service4{
  background-color:#EEE8DF;
  position:relative;
  overflow:hidden;
  background-size:cover;
  background-position:center;
  cursor:pointer;
  transition: background-image .4s ease-in-out, background-color .3s ease;
  text-decoration:none !important;
  color:inherit !important;
}

/* Hover images */
#service1:hover{ background-image:url('https://sarahdawson.co/wp-content/uploads/2026/02/semi-custom-wordpress-website.jpg'); }
#service2:hover{ background-image:url('https://sarahdawson.co/wp-content/uploads/2026/02/custom-wordpress-website-premium-theme.jpg'); }
#service3:hover{ background-image:url('https://sarahdawson.co/wp-content/uploads/2026/02/bespoke-wordpress-website-elementor-pro.jpg'); }
#service4:hover{ background-image:url('https://sarahdawson.co/wp-content/uploads/2026/02/wordpress-website-hosting-maintenance-uk.jpg'); }

#service1:hover, #service2:hover, #service3:hover, #service4:hover{
  background-color:#E8E1D6;
}

/* Darkening overlay */
#service1::before, #service2::before, #service3::before, #service4::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:background .3s ease-in-out;
  z-index:1;
  pointer-events:none;
}

#service1:hover::before, #service2:hover::before, #service3:hover::before, #service4:hover::before{
  background:rgba(0,0,0,.28);
}

/* Headings above overlay */
#service1 h3, #service2 h3, #service3 h3, #service4 h3{
  position:relative;
  z-index:2;
  text-decoration:none !important;
  transition: color .3s ease, transform .3s ease, text-shadow .3s ease;
}

#service1:hover h3, #service2:hover h3, #service3:hover h3, #service4:hover h3{
  color:#F6F3EE;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
  transform:translateX(4px);
}

/* Accessible focus (optional but recommended) */
#service1:focus-visible, #service2:focus-visible, #service3:focus-visible, #service4:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(69,182,146,0.25);
}

/* =======================================
   Darken the right column image (if used)
======================================= */
.right-col-image{
  position:relative;
  overflow:hidden;
}
.right-col-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
  z-index:1;
}
.right-col-image *{
  position:relative;
  z-index:2;
}

#semi-custom,
#custom-premium,
#bespoke,
#maintenance{
  scroll-margin-top:100px;
}

.about-questions{
  border-left: 2px solid rgba(69,182,146,0.35);
}

/* NEW CONTACT PAGE - FORM */
select option[value="How can I help you?"] {
    display: none;
}

/* Hide placeholder option in dropdown */
select option[value=""] {
    display: none;
}

/* FORCE all Elementor form text to same colour & weight */

.elementor-form .elementor-field,
.elementor-form textarea,
.elementor-form input,
.elementor-form select {
    color: #4e4035 !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}

/* REMOVE Elementor's lighter "unfocused" styling */
.elementor-form .elementor-field:not(:focus),
.elementor-form textarea:not(:focus),
.elementor-form input:not(:focus),
.elementor-form select:not(:focus) {
    color: #4e4035 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* PLACEHOLDERS — ALL BROWSERS */
.elementor-form ::placeholder {
    color: #4e4035 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.elementor-form ::-webkit-input-placeholder {
    color: #4e4035 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.elementor-form ::-moz-placeholder {
    color: #4e4035 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

.elementor-form :-ms-input-placeholder {
    color: #4e4035 !important;
    opacity: 1 !important;
    font-weight: 500 !important;
}

/* LABELS */
.elementor-form .elementor-field-label {
    color: #4e4035 !important;
    font-weight: 500 !important;
}

/* SELECT FIELD DISPLAY TEXT */
.elementor-form select option {
    color: #4e4035 !important;
    font-weight: 500 !important;
}

/* REMOVE Elementor dimming overlays */
.elementor-form .elementor-select-wrapper,
.elementor-form .elementor-field-group {
    opacity: 1 !important;
}

/* Date field wrapper */
.elementor-field-group-field_a6f6e8f {
    position: relative;
}

/* Gentle curved arrow placed after the placeholder text */
.elementor-field-group-field_a6f6e8f {
    position: relative;
}

.elementor-field-group-field_a6f6e8f::after {
    content: "➟";  /* gentle curved arrow */
    position: absolute;
    left: 138px;   /* adjust if needed */
    top: 50%;
    transform: translateY(-50%);
    color: #3e332c;        /* deeper, more defined coffee tone */
    font-size: 17px;       /* slightly larger for clarity */
    font-weight: 500;      /* gives it more visual weight */
    opacity: 0.9;          /* makes it stronger but not harsh */
    pointer-events: none;
}

.page-id-9423 .elementor-form .elementor-button {
    margin-top: 10px;
}