/*
Theme Name: Utlimate Transmission
Description: A Custom Divi Child Theme
Version: 1.0.1
Author: Eyedriver Design
Author URI: eyedriverdesign.com
Theme URI: eyedriverdesign.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* General custom css */

/* Properties */
:root {
  --ut-color-orange: #ff9932;
}

/* Body */
body {
  display: none;
}

body.ut--ready {
  display: block;
}

/* Button arrow */
.edd-button-right-icon img {
  vertical-align: middle;
  padding-left: 10px;
  margin-top: -3px;
}

/* Home services carousel */
.home-services-carousel .et_pb_group_carousel_arrow .et-pb-icon {
  display: none !important;
}

.home-services-carousel .et_pb_group_carousel_arrow {
  display: inline-block !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: opacity .25s ease-in-out;
}

/* Prev arrow */
.home-services-carousel .et_pb_group_carousel_arrow_prev {
  background-image: url('/wp-content/uploads/2025/09/carousel-arrow-previous.png') !important;
  left: 20px !important;
}

.home-services-carousel .et_pb_group_carousel_arrow_prev:hover {
  background-image: url('/wp-content/uploads/2025/09/carousel-arrow-prev-hover.webp') !important;
  opacity: .85;
}

/* Next arrow */
.home-services-carousel .et_pb_group_carousel_arrow_next {
  background-image: url('/wp-content/uploads/2025/09/carousel-arrow-next.webp') !important;
  right: 20px !important;
}

.home-services-carousel .et_pb_group_carousel_arrow_next:hover {
  background-image: url('/wp-content/uploads/2025/09/carousel-arrow-next-hover.webp') !important;
  opacity: .85;
}

/* Hide the dots */
.home-services-carousel .et_pb_group_carousel_dots {
  display: none !important;
}

/* Forms */

/* Form fields spacing */
.gform_wrapper .gfield {
  margin-bottom: 0;
}

/* Form field gaps */
.gform-theme--api,
.gform-theme--foundation {
  --gf-form-gap-x: 16px;
  --gf-form-gap-y: 30px !important;
}

/* Form input height + styling */
.gform_wrapper .gfield input:not([type="checkbox"]):not([type="radio"]) {
  height: 50px;
  padding: 0 20px;
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff;
}

/* Form input placeholders */
.gform_wrapper .gfield input::placeholder {
  color: #fff !important;
}

.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea {
  width: 100%;
  background: transparent;
  border: 1px solid #fff;
  padding: 35px 20px;
  font-size: 16px;
  color: #fff;
  border-radius: 3;
  line-height: 1.7;
}

.gform_wrapper .gfield input::placeholder,
.gform_wrapper .gfield textarea::placeholder {
  color: #fff;
}

/* Submit button spacing + alignment */
.gform_wrapper .gform_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

/* Base */
.gform_wrapper .gform_footer button[type="submit"] {
  display: inline-block;
  width: auto;
  background-color: #ff9933 !important;
  color: #000 !important;
  font-size: 18px !important;
  font-weight: 600;
  line-height: 1.7 !important;
  cursor: pointer;

  padding: 12px 52px 12px 38px !important;

  background-image: url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 22px) center !important;

  border: 2px solid #ff9933 !important;
  border-radius: 3px;

  transition:
    padding 0.25s ease,
    background-color 0.25s ease;
}

/* Hover */
.gform_wrapper .gform_footer button[type="submit"]:hover {
  padding: 16px 64px 16px 50px !important;
  background-color: #fff !important;
  background-position: calc(100% - 34px) center !important;
}

/* end forms */

/* Product page */
.component .component_options_select, .cart .variations select {
  padding: 7px 15px !important;
  font-size: 16px !important;
  border-radius: 6px;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}

/* Product page */
.variations abbr.required[title="Required option"] {
  border-bottom: none !important;
  text-decoration: none !important;
}

/* Screeen reader skip text */
a.skip-link.da11y-screen-reader-text:not(:focus):not(:active) {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/* Search input color */
.et_pb_menu__search,
.et_pb_menu__search-form,
.et_pb_menu__search-input {
  color: #fff !important;
}

/* Hide footer form on single product pages */
.single-product .footer-form {
  display: none;
}

/* Orange text highlight */

/* Orange brush-stroke heading highlights */
.heading-highlight,
.heading-highlight-left,
.heading-highlight-both {
  position: relative;
  display: inline-block;
  isolation: isolate;
}

.heading-highlight::before,
.heading-highlight-left::before,
.heading-highlight-both::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 68%;
  left: -0.18em;
  right: -0.3em;
  height: 0.46em;
  background: #ff9933;
  transform: translateY(-50%) rotate(-1deg);
}

/* Jagged right edge */
.heading-highlight::before {
  clip-path: polygon(0 8%,
      95% 0,
      99% 7%,
      96% 15%,
      100% 23%,
      96% 31%,
      99% 39%,
      95% 48%,
      100% 57%,
      96% 66%,
      99% 75%,
      95% 84%,
      100% 92%,
      96% 100%,
      0 91%);
}

/* Jagged left edge */
.heading-highlight-left::before {
  clip-path: polygon(4% 0,
      100% 8%,
      100% 91%,
      4% 100%,
      0 92%,
      5% 84%,
      1% 76%,
      4% 68%,
      0 59%,
      5% 51%,
      1% 42%,
      4% 34%,
      0 25%,
      5% 16%,
      1% 8%);
}

/* Orange brush stroke - jagged both sides with shorter left edge */
.heading-highlight-both::before {
  clip-path: polygon(4% 18%,
      18% 10%,
      45% 5%,
      72% 4%,
      96% 2%,
      100% 9%,
      96% 16%,
      99% 24%,
      95% 32%,
      100% 41%,
      96% 50%,
      99% 58%,
      95% 67%,
      100% 76%,
      96% 85%,
      99% 93%,
      95% 100%,
      72% 97%,
      45% 94%,
      18% 88%,
      4% 82%,
      0 75%,
      5% 67%,
      1% 59%,
      4% 51%,
      0 42%,
      5% 34%,
      1% 26%);
}

/* Orange links outside the header, footer, admin bar and buttons */
body a:not(.et_pb_menu_inner_container.et_flex_module a):not(.et-l--footer a):not(#wpadminbar a):not([class*="button"]):not([role="button"]) {
  color: #ff9933 !important;
}

/* Decorative icon contrast */
.decorative-icon .et-pb-icon {
  color: #ff9933 !important;
}

/* End general css */

/* Products */

/* Composite product configuration accordion */
.product-configuration-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  margin-bottom: 0;
  padding: 18px 24px;
  color: #000;
  text-align: left;
  background-color: #ff9933;
  border: 0;
  cursor: pointer;
}

.product-configuration-label {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.product-configuration-label strong {
  font-size: 20px;
  line-height: 1.2;
}

.product-configuration-label small {
  font-size: 14px;
  line-height: 1.4;
}

.product-configuration-arrow {
  flex: 0 0 12px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.product-configuration-toggle[aria-expanded="true"] .product-configuration-arrow {
  transform: rotate(225deg);
}

.product-configuration-toggle:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.product-configuration-panel {
  display: grid;
  grid-template-rows: 0fr;
  margin-bottom: 25px;
  border: 1px solid transparent;
  transition: grid-template-rows 0.4s ease;
}

.product-configuration-panel-inner {
  min-height: 0;
  overflow: hidden;
  visibility: hidden;
  padding: 0 24px;
  transition:
    visibility 0.4s,
    padding 0.4s ease;
}

.product-configuration-open .product-configuration-panel {
  grid-template-rows: 1fr;
  border-color: #666;
}

.product-configuration-open .product-configuration-panel-inner {
  visibility: visible;
  padding: 30px 24px;
}

/* Keep purchase controls outside and visible */
form.composite_form .composite_wrap {
  display: block;
}

@media (max-width: 767px) {
  .product-configuration-toggle {
    padding: 16px 18px;
  }

  .product-configuration-label strong {
    font-size: 18px;
  }

  .product-configuration-panel-inner,
  .product-configuration-open .product-configuration-panel-inner {
    padding-right: 18px;
    padding-left: 18px;
  }
}

/* Native WooCommerce vertical product tabs */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper {
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) !important;
  gap: 30px;
  align-items: start;
  width: 100%;
}

/* Vertical tab label column */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs {
  display: flex !important;
  flex-direction: column;
  grid-column: 1;
  grid-row: 1;
  width: 180px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs::before,
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs::after {
  display: none !important;
}

/* Individual tab labels */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li {
  position: relative;
  float: none !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::before {
  display: none !important;
}

/* Arrow at end of tab border */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::after {
  position: absolute !important;
  top: auto !important;
  right: 1px !important;
  bottom: -4px !important;
  display: block !important;
  width: 7px !important;
  height: 7px !important;
  margin: 0 !important;
  content: "" !important;
  background: #0d0d0d !important;
  border: 0 !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: rotate(-45deg) !important;
}

/* Orange tab text */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a,
body.woocommerce #content-area div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a {
  display: block !important;
  width: 100%;
  box-sizing: border-box;
  padding: 14px 20px 14px 0 !important;
  color: rgba(255, 153, 51, 0.65) !important;
  font-weight: 600;
  line-height: 1.3;
}

body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active a,
body.woocommerce #content-area div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li.active a,
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li a:hover {
  color: #ff9933 !important;
}

/* Product tab content box */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel {
  grid-column: 2;
  grid-row: 1;
  box-sizing: border-box;
  width: 100%;
  margin: 0 !important;
  padding: 30px 20px !important;
  color: #fff !important;
  background: transparent !important;
  border: 1px solid #ff9933 !important;
}

/* Product tab content colors */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2,
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h3,
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h4 {
  color: #ff9933 !important;
}

body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel p,
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel li,
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel strong,
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel em {
  color: #fff !important;
}

/* Mobile product tabs */
@media (max-width: 767px) {
  body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper {
    display: block !important;
  }

  body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs {
    width: 100% !important;
    margin-bottom: 30px !important;
  }

  body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel {
    padding: 25px 18px !important;
  }
}

/* Product tab navigation corrections */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper {
  border: 0 !important;
  outline: 0 !important;
}

body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs {
  overflow: visible !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Smaller arrow connected to separator line */
body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li {
  overflow: visible !important;
}

body.woocommerce div.product .woocommerce-tabs.wc-tabs-wrapper ul.tabs li::after {
  top: auto !important;
  right: 0 !important;
  bottom: -3px !important;
  width: 5px !important;
  height: 5px !important;
  background: #0d0d0d !important;
  border-right: 1px solid #ff9933 !important;
  border-bottom: 1px solid #ff9933 !important;
  transform: rotate(-45deg) !important;
}

/* WooCommerce cart buttons - arrow and grow effect */
body.woocommerce-cart #page-container button.button[name="apply_coupon"],
body.woocommerce-cart #page-container button.button[name="update_cart"],
body.woocommerce-cart #page-container .wc-proceed-to-checkout a.checkout-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: auto !important;
  padding: 12px 38px !important;
  transform: scale(1);
  transform-origin: center;
  transition:
    transform 0.3s ease,
    background-color 0.3s ease,
    color 0.3s ease !important;
}

/* WooCommerce cart button image arrows */
body.woocommerce-cart #page-container button.button[name="apply_coupon"]::after,
body.woocommerce-cart #page-container button.button[name="update_cart"]::after,
body.woocommerce-cart #page-container .wc-proceed-to-checkout a.checkout-button::after {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 22px;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  content: "" !important;
  background-image: url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Cart button grow effect */
body.woocommerce-cart #page-container button.button[name="apply_coupon"]:hover,
body.woocommerce-cart #page-container button.button[name="update_cart"]:not(:disabled):hover,
body.woocommerce-cart #page-container .wc-proceed-to-checkout a.checkout-button:hover {
  padding: 12px 38px !important;
  transform: scale(1.08);
}

/* Disabled update cart button */
body.woocommerce-cart #page-container button.button[name="update_cart"]:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Checkout payment container - remove background */
body.woocommerce-checkout #payment,
body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment .form-row.place-order,
body.woocommerce-checkout #payment .payment_box {
  background-color: transparent !important;
}

/* Remove payment box triangle */
body.woocommerce-checkout #payment .payment_box::before {
  display: none !important;
}

/* Checkout place order button */
body.woocommerce-checkout #page-container form.checkout #payment #place_order.button {
  width: auto !important;
  min-width: 0 !important;
  padding: 12px 68px 12px 38px !important;
  background-color: #ff9933 !important;
  background-image:
    url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-repeat: no-repeat !important;
  background-position: right 38px center !important;
  background-size: 20px 20px !important;
  transform: none !important;
  transition:
    padding 0.3s ease,
    background-position 0.3s ease,
    background-color 0.3s ease !important;
}

/* Checkout place order button hover */
body.woocommerce-checkout #page-container form.checkout #payment #place_order.button:hover {
  width: auto !important;
  padding: 16px 80px 16px 50px !important;
  background-color: #ff9933 !important;
  background-image:
    url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-position: right 50px center !important;
  background-size: 20px 20px !important;
  transform: none !important;
}

/* Disable Divi's generated arrow */
body.woocommerce-checkout #page-container form.checkout #payment #place_order.button::after {
  display: none !important;
  content: none !important;
}

/* Left align checkout place order button */
body.woocommerce-checkout #page-container form.checkout #payment #place_order.button {
  float: left !important;
  clear: both;
  margin-top: 15px;
}

/* Add payment method text */
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
  color: #fff !important;
}

/* WooCommerce my account login button */
body.woocommerce-account #page-container button.woocommerce-form-login__submit {
  width: auto !important;
  min-width: 0 !important;
  padding: 12px 68px 12px 38px !important;
  background-color: #ff9933 !important;
  background-image:
    url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-repeat: no-repeat !important;
  background-position: right 38px center !important;
  background-size: 20px 20px !important;
  border-radius: 3px !important;
  color: #000 !important;
  transform: none !important;
  transition:
    padding 0.3s ease,
    background-position 0.3s ease,
    background-color 0.3s ease !important;
}

/* WooCommerce my account login button hover */
body.woocommerce-account #page-container button.woocommerce-form-login__submit:hover {
  padding: 16px 80px 16px 50px !important;
  background-color: #ff9933 !important;
  background-image:
    url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-position: right 50px center !important;
  background-size: 20px 20px !important;
}

/* Disable Divi generated login button arrow */
body.woocommerce-account #page-container button.woocommerce-form-login__submit::after {
  display: none !important;
  content: none !important;
}

/* WooCommerce lost password submit button */
body.woocommerce-account #page-container form.lost_reset_password button.woocommerce-Button {
  width: auto !important;
  min-width: 0 !important;
  padding: 12px 68px 12px 38px !important;
  color: #000 !important;
  background-color: #ff9933 !important;
  background-image:
    url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-repeat: no-repeat !important;
  background-position: right 38px center !important;
  background-size: 20px 20px !important;
  border-radius: 3px !important;
  transform: none !important;
  transition:
    padding 0.3s ease,
    background-position 0.3s ease,
    background-color 0.3s ease !important;
}

/* WooCommerce lost password submit button hover */
body.woocommerce-account #page-container form.lost_reset_password button.woocommerce-Button:hover {
  padding: 16px 80px 16px 50px !important;
  color: #000 !important;
  background-color: #ff9933 !important;
  background-image:
    url("/wp-content/uploads/2025/09/arrow-right-dark.webp") !important;
  background-position: right 50px center !important;
  background-size: 20px 20px !important;
  border-radius: 3px !important;
}

/* Disable Divi generated lost password button arrow */
body.woocommerce-account #page-container form.lost_reset_password button.woocommerce-Button::after {
  display: none !important;
  content: none !important;
}

/* WooCommerce lost password form text */
form.woocommerce-ResetPassword.lost_reset_password {
  color: #fff;
}

/* My account text color */
.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
  width: 68%;
  color: #fff;
}


.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
  color: #fff;
}


/* Divi header cart with items */
.et_pb_menu__cart-button.cart-has-items,
.et_pb_menu__cart-button.cart-has-items::after,
.et_pb_menu__cart-button.cart-has-items .et_pb_menu__cart-count {
  color: #af6400 !important;
}

/* Hide the empty cart count */
.et_pb_menu__cart-button:not(.cart-has-items) .et_pb_menu__cart-count {
  display: none !important;
}

/* end products */

/* [ut_calculator] shortcode */
.ut-calculator {
  --ut-color-result: yellowgreen;
  --ut-color-var: mediumslateblue;
  color: #505050;
  margin: 0 auto;
  max-width: 1000px;
  padding: 1px;
}


.ut-calculator .ut--section {
  border: 1px solid #f0f0f0;
  border-left: 3px solid var(--ut-color-orange);
}

.ut-calculator .ut--section+.ut--section {
  margin-top: 5px;
}

.ut-calculator .ut--section .ut--button {
  background-color: #f0f0f0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 17px 12px 17px 20px;
  user-select: none;
}

.ut-calculator .ut--section .ut--button .ut--arrow {
  background-color: white;
  border-radius: 5px;
  height: 24px;
  width: 24px;
}

.ut-calculator .ut--section.ut--open .ut--button .ut--arrow {}

.ut-calculator .ut--section .ut--button .ut--arrow .ut--icon {
  transition: transform 250ms ease;
}

.ut-calculator .ut--section.ut--open .ut--button .ut--arrow .ut--icon {
  transform: rotate(-180deg);
}

.ut-calculator .ut--section .ut--content {
  display: none;
  padding: 17px 20px;
}

.ut-calculator .ut--section .ut--content .ut--formulas {
  margin-top: 20px;
}

.ut-calculator .ut--formulas .ut--formula+.ut--formula {
  margin-top: 15px;
}

.ut-calculator .ut--formula .ut--value {
  display: inline-block;
  padding: 0px 7px;
  border-radius: 5px;
  color: white;
  font-weight: normal;
}

.ut-calculator .ut--formula .ut--var {
  background-color: var(--ut-color-var);

}

.ut-calculator .ut--formula .ut--result {
  background-color: var(--ut-color-result);
}

/* - Form */
.ut-calculator .ut--form {
  margin-top: 20px;
}

.ut-calculator .ut--form .ut--group {
  align-items: center;
  display: flex;
  gap: 7px;
}

.ut-calculator .ut--form .ut--group+.ut--group {
  margin-top: 10px;
}

.ut-calculator .ut--form .ut--group .ut--label {
  min-width: 70px;
}

.ut-calculator .ut--form .ut--field {
  align-items: center;
  display: flex;
  gap: 8px;
}

.ut-calculator .ut--form .ut--input {
  border: 1px solid #a0a0a0;
  border-radius: 5px;
  font-weight: 500;
  padding: 7px 5px 7px 10px;
  transition: all 100ms ease;
  outline: 1px solid transparent !important;
}

.ut-calculator .ut--form .ut--input:focus,
.ut-calculator .ut--form .ut--input:active {
  border-color: dodgerblue;
  outline: 1px solid dodgerblue !important;
}

.ut-calculator .ut--form .ut--unit {
  font-weight: normal;
}

/* a[role=tab].keyboard-outline,
button:active.keyboard-outline,
button:focus.keyboard-outline,
input:active.keyboard-outline,
input:focus.keyboard-outline */