/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0
*/

@import url("../hello-elementor/style.css");


#custom_fields_container {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.custom_field_row {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.custom_field_row label {
  width: 100px;
  /* Set a fixed width for labels */
  margin-right: 10px;
}

#custom_length,
#custom_width {
  width: 100px;
  margin-right: 10px;
}

#custom_length::-webkit-outer-spin-button,
#custom_length::-webkit-inner-spin-button,
#custom_width::-webkit-outer-spin-button,
#custom_width::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#calculate_price_button {
  display: block;
  width: 100%;
  /* Make the button full width */
  padding: 10px 20px;
  background-color: #0073aa;
  color: #fff;
  border: none;
  cursor: pointer;
  text-align: center;
  margin-top: 10px;
  /* Add some space above the button */
}

#calculate_price_button:hover {
  background-color: #005a87;
}


/* Base menu styles */
ul.sub-menu li.menu-item-has-children a.tve-state-active,
ul.sub-menu li.current-menu-ancestor a,
ul.sub-menu li.current-menu-item a {
  color: #ffffff !important;
  /* text color */
  background: #0000001c !important;
  /* background color */
}