/*
  Small site-wide adjustments on top of the exported WordPress/Elementor CSS.
  Loaded last on every page so it wins on equal specificity.
*/

/* Elementor gives each service icon a box wider than the image and leaves the
   image at the box's left edge, so every icon sat a little left of its title.
   Centre the image inside its box. */
.elementor-widget-image-box .elementor-image-box-img img { margin-left: auto; margin-right: auto; }

/* A slightly wider page on desktop, so the two service columns breathe. The
   theme's tablet and phone widths are left as they are. */
@media (min-width: 1025px) {
  .e-con { --container-max-width: 1240px; }
  .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1240px; }
}

/* The "schedule a call" section at the foot of the home page: room above and
   below the form. Elementor sizes container padding through these variables. */
.e-con.elementor-element-d0d2161 { padding-top: 64px !important; padding-bottom: 72px !important; }

/* Plain links take the colour of the text around them instead of the kit's
   grey (which made the email and phone links in white footer text look
   disabled), and go grey only while hovered. Same specificity as the kit's
   own rule; this sheet loads after it. Buttons, menus and anything else
   with its own colour rule are untouched. */
.elementor-kit-8 a { color: inherit; }
.elementor-kit-8 a:hover { color: var(--e-global-color-text); }