.path-frontpage #main-content {
	display: none;
}

#block-flashyplus-homepageaccreditations .content .field--name-field-mt-il-image img {
	filter: grayscale(0%);
    opacity: 1;
}

.sf-accordion-toggle {
	text-align: center;
}

ul.sf-menu.sf-style-default {

}

div.sf-accordion-toggle.sf-style-default a {
    background: #2195ff !important;
    color: #ffffff !important;
    display: inline-block;
    font-weight: bold;
    padding: 1em 3em 1em 1em;
    position: relative;
}

ul.sf-menu.sf-style-default li:hover, ul.sf-menu.sf-style-default li.sfHover, ul.sf-menu.sf-style-default a.is-active, ul.sf-menu.sf-style-default a:focus, ul.sf-menu.sf-style-default a:hover, ul.sf-menu.sf-style-default span.nolink:hover {
    background: #2195ff !important;
}

ul.sf-menu.sf-style-default li, ul.sf-menu.sf-style-default.sf-navbar {
    background: transparent !important;
}

#superfish-main a.sf-depth-3::hover {
	color: #000000;
}

#superfish-main a.sf-depth-2::hover {
	color: #000000;
}

#superfish-main a.sf-depth-3 {
	color: #ffffff;
	text-transform: uppercase !important;
  text-decoration: none !important;
    border-bottom: 1px solid;
}

#superfish-main a.sf-depth-2 {
	color: #ffffff;
	text-transform: uppercase !important;
  text-decoration: none !important;
    border-bottom: 1px solid;
}

.header-top__container .row,
.region-header-top-second .row {
  display: flex !important;
  align-items: center !important;
}

#block-flashyplus-mainnavigation-2 {
  align-self: center !important;
}

#block-flashyplus-headerthirdphonenumber {
  align-self: center !important;
}

ul.sf-menu > li {
  
}

@media (min-width: 991px) {
ul.sf-menu > li > a,
ul.sf-menu > li > span.nolink {
  display: block !important;
  color: #333 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  cursor: pointer;
}
}

ul.sf-menu li ul {
  background: #2195ff !important;
}

#block-flashyplus-mainnavigation-2 .content > ul.sf-menu {
  justify-content: flex-start !important;
}

ul.sf-menu .sf-with-ul {
  
}






































.mlt-taxonomy-view-header ul li::before {
	color: #ffffff;
}

.mlt-taxonomy-view-header ul li {
	color: #ffffff;
}

.customermainlocation {
    display: inline-block;
}

.googlemapblock iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
}

.googlemapblock {
    position: relative;
    padding-bottom: 350px;
    padding-bottom: auto;
    height: 0;
    overflow: hidden;
    max-height: 350px;
}

/*webform-submission-form CSS*/
.webform-submission-form .form-item, .form-actions {
    margin: 0 0 0px 0;
}

.webform-submission-form #edit-message--2 {
	margin-top: 18px;
}

.webform-submission-form #edit-message {
	margin-top: 18px;
}

.webform-submission-form {
  background: #2195FF; /* Willox blue */
  padding: 2rem;
  border-radius: 1rem;
  margin: 0 auto;
  color: #fff;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

/* Form Title */
.webform-submission-form h2.title {
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.webform-submission-form h2.title::before {
  content: "\f2a0"; /* FontAwesome phone icon */
  font-family: FontAwesome;
}

/* Input Fields & Textareas */
.webform-submission-form input[type="text"],
.webform-submission-form input[type="email"],
.webform-submission-form input[type="tel"],
.webform-submission-form textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 2px solid #fff;
  background: #ffffff;
  color: #000;
  font-size: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
  box-sizing: border-box;
}

/* Placeholder Styling */
.webform-submission-form input::placeholder,
.webform-submission-form textarea::placeholder {
  color: #888;
  opacity: 1;
}

/* Remove unwanted textarea resize handle */
.webform-submission-form textarea {
  resize: vertical;
  min-height: 80px;
}

/* Submit Button */
.webform-submission-form input[type="submit"] {
  background-color: #000;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  width: 100%;
  padding: 1rem;
  border-radius: 2rem;
  transition: background 0.3s ease;
  margin-top: 1rem;
}

.webform-submission-form input[type="submit"]:hover {
  background-color: #222;
  cursor: pointer;
}

/* Mobile Padding Adjustments */
@media (max-width: 576px) {
  .webform-submission-form {
    padding: 1.5rem 1rem;
  }
}

.internal-banner {
    min-height: 125px !important;
}

.hero-top__container {
    padding-top: 0px !important;
}

.hero-top {
    min-height: 125px !important;
}

.internal-banner-container {
    min-height: 100px !important;
}

.view-content h2 a {
	font-size: 22px;
}

.view-homepage-all-services-list h2 {
	text-align: center;
}

.view-homepage-all-services-list .row {
  justify-content: center;  /* centre the flex‑items */
  margin-left: 0;           /* cancel Bootstrap’s negative row margins */
  margin-right: 0;
}

.view-homepage-all-services-list .row > [class*="col-"] {
  padding-left: 0;          /* kill gutters entirely */
  padding-right: 0;
}

/* Style the list layout */
.view-homepage-all-services-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
	justify-content: center;
}

/* Each list item should take up a column */
@media (min-width: 768px) {
.view-homepage-all-services-list ul li.col-lg-4,
.view-homepage-all-services-list ul li.col-md-6 {
  flex: 0 0 32%;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.05rem;
  border-bottom: 1px dotted #000;
  padding-bottom: 0.4rem;
}
}

@media (max-width: 768px) {
.view-homepage-all-services-list ul li.col-lg-4,
.view-homepage-all-services-list ul li.col-md-6 {
  flex: 0 0 48%;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.05rem;
  border-bottom: 1px dotted #000;
  padding-bottom: 0.4rem;
	justify-content: center;
}
}

.view-homepage-all-services-list ul li a::before {
  content: '\26A1'; /* ⚡ lightning bolt */
  font-family: "Segoe UI Symbol", "DejaVu Sans", "Arial", sans-serif;
  font-weight: bold;
  color: #2195FF;
  margin-right: 0.4rem;
  font-size: 2.0rem;
  vertical-align: middle;
}

/* Link appearance */
.view-homepage-all-services-list ul li a {
  text-decoration: none;
  color: #000;
  transition: color 0.2s ease-in-out;
}

/* Hover effect */
.view-homepage-all-services-list ul li a:hover {
  color: #2195FF;
}

.view-homepage-services-block .service-card img {
	border-radius: 12px;
}

@media (min-width: 768px) {
.view-homepage-services-block .view-content {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
}
}

@media (max-width: 768px) {
  .view-homepage-services-block .service-card {
    flex: 0 0 calc(100% - 1rem);
    max-width: calc(100% - 1rem);
  }
}

.view-homepage-services-block .service-overlay {
  background: rgba(0, 0, 0, 0.65);
  border-radius: 10px;
}

.view-homepage-services-block .view-content > div {
  flex: 1 1 calc(33.333% - 1rem);
}


#content-bottom .content-bottom__section {
    padding: 0px 0;
}

#content-top .container-fluid {
	padding-left: 0rem !important;
	padding-right: 0rem !important;
}

#content-bottom .container-fluid {
	padding-left: 0rem !important;
	padding-right: 0rem !important;
}

#content-top {
	background-color: #ffffff !important;
    color: #222 !important;
}

#block-flashyplus-homepageherotop .content ul li::before {
	color: #ffffff;
}

#block-flashyplus-homepageherotop .content ul li {
	color: #ffffff;
}

#block-flashyplus-homepageherotop .content ul {
	margin-bottom: 0 !important;
}

.hero {
  position: relative;
  overflow: hidden;
}

.hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, var(--region-bg-opacity, 0.6));
  pointer-events: none;
}

.hero {
  p {
    color: var(--region-p-colour) !important;
  }
  h1, h2, h3, h4, h5, h6 {
    color: var(--region-heading-colour) !important;
  }
  a {
    color: var(--region-link-colour) !important;
  }
}

.header-top-highlighted {
  p {
    color: var(--region-p-colour) !important;
  }
  h1, h2, h3, h4, h5, h6 {
    color: var(--region-heading-colour) !important;
  }
  a {
    color: var(--region-link-colour) !important;
  }
}