.brator-header-top-bar-area.design-one {
  background-color: #1e1e1f;
}

.brator-header-area.header-one {
  color: #000000;
  background-color: #262627;
}

.brator-header-menu-area {
  background-color: #262627;
  margin-top: -2px;
  color: #ffffff;
  font-size: 100%;
}

.row>* {
  text-align: right;
  color: #ffffff;
}

.brator-header-menu-area .brator-header-menu ul.list-style-outside-none li a:hover {
  color: #f5f5f5;
  font-weight: 800;
  background-color: #262627;
}

.brator-header-area.header-one .brator-user-link a svg {
  color: #ffffff;
}

.brator-banner-slider-area {
  color: #ffffff;
  background-color: #f2f2f2;
  background-image: url("https://www.sasensors.co.za/wp-content/uploads/2026/05/17078.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.brator-banner-area.design-four .brator-banner-content h2 {
  color: #030303;
  text-align: center;
}

.brator-banner-area.design-four.shop-bg {
  opacity: 1;
  background-size: 100%;
  margin: 0px;
  margin-left: -126px;
  margin-right: -126px;
  background-image: url("https://www.sasensors.co.za/wp-content/uploads/2026/05/17078.jpg");
  margin-top: -31px;
}

.brator-footer-top-area {
  background-color: #0a0a0a;
}

.brator-footer-top-element .brator-footer-top-content p {
  color: #ffffff;
}

.brator-footer-top-element h6.footer-top-title {
  color: #ffffff;
}

.brator-footer-top-element .brator-link-list-one ul li {
  color: #ffffff;
}

.brator-footer-top-element .brator-link-list-one a:hover {
  color: #ffffff;
}

.brator-footer-top-element {
  color: #ffffff;
}

.brator-footer-top-area.gray-bg.design-two.design-three {
  background-color: #0a0a0a;
}

/* Force WooCommerce login and registration page titles to black */

.page-id-2661 h2,
.woocommerce-Pages--account h2,
.woocommerce-page .u-columns h2 {
  color: #000000 !important;
  font-weight: 600 !important;
  text-align: left;
}

/* Fix standard form labels (Email, Password, Username) if they are also too light */

.page-id-2661 label,
.woocommerce-Pages--account label {
  color: #1a1a1a !important;
}

.wc-block-components-sidebar.wc-block-checkout__sidebar.wp-block-woocommerce-checkout-totals-block.is-sticky {
  color: #000000;
}

.wp-block-woocommerce-checkout-order-summary-cart-items-block.wc-block-components-totals-wrapper {
  color: #000000;
}

.base-theme .page-content h2 {
  color: #000000;
}

#email {
  color: #000000;
}

#billing-first_name {
  color: #000000;
}

.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
  color: #000000;
}

.brator-blog-post-area {
  color: #000000;
  margin-top: -69px;
  top: 0px;
}

.wc-block-components-checkout-step__heading {
  text-align: left;
}

/* Style the labels above the inputs */

.wpcf7-form label {
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
  margin-top: 15px;
  color: #222222;
  font-family: sans-serif;
  font-size: 14px;
}

/* Style all input fields and textareas */

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  background-color: #f9f9f9;
  color: #333333;
  font-size: 15px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

/* Add a subtle highlight when a user clicks into a field */

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
  border-color: #ff6600;
  /* Subtle accent border */
  background-color: #ffffff;
  outline: none;
}

/* Style the submit button */

.wpcf7-form input[type="submit"] {
  background-color: #ff6600;
  /* Solid brand color accent */
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  padding: 14px 28px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: 100%;
  /* Makes the button full width on mobile/desktop */
  margin-top: 20px;
  transition: background-color 0.2s ease;
}

/* Hover effect for the submit button */

.wpcf7-form input[type="submit"]:hover {
  background-color: #e05500;
}

.col-lg-12.col-md-12.col-sm-12.content-side {
  margin: 0px;
}