/*
Theme Name: Hello Elementor Child
Theme URI: https://lecking-werbeagentur.de/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Lecking Werbeagentur
Author: Lecking Werbeagentur
Author URI: https://lecking-werbeagentur.de/
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
#taxi-cost-calculator .map #map-dummy {
  height: 200px;
  border-radius: 5px;
}
@media (min-width: 768px) {
  #taxi-cost-calculator .map #map-dummy {
    height: 340px;
  }
}
#taxi-cost-calculator .map .map-and-form-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 12px;
  gap: 5px;
}
@media (min-width: 768px) {
  #taxi-cost-calculator .map .map-and-form-wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
#taxi-cost-calculator .map #dvMap {
  border-radius: 5px 0 0 5px;
  min-height: 200px;
}
#taxi-cost-calculator .map #dvDistance {
  background: var(--e-global-color-95c3d4a);
  padding: 20px 30px;
  border-radius: 0 5px 5px 0;
}
#taxi-cost-calculator .map #dvDistance table {
  background-color: #fff;
  margin-top: 1em;
}
#taxi-cost-calculator .form-elements {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px;
}
@media (min-width: 768px) {
  #taxi-cost-calculator .form-elements {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
}
#taxi-cost-calculator .form-elements .destination-from,
#taxi-cost-calculator .form-elements .destination-to {
  display: grid;
  border-radius: 5px 0 0 0;
  grid-template-columns: 1fr;
  align-items: baseline;
  gap: 0;
  color: var(--e-global-color-text);
  font-size: 1.1em;
  padding: 10px 20px;
  background: var(--e-global-color-95c3d4a);
}
@media (min-width: 768px) {
  #taxi-cost-calculator .form-elements .destination-from,
  #taxi-cost-calculator .form-elements .destination-to {
    grid-template-columns: 3em 1fr;
    gap: 1em;
    grid-column: 1/2;
    grid-row: 1/2;
    padding: 20px;
  }
}
#taxi-cost-calculator .form-elements .destination-from label,
#taxi-cost-calculator .form-elements .destination-to label {
  font-weight: 600;
  margin-bottom: 0.5em;
}
#taxi-cost-calculator .form-elements .destination-from input,
#taxi-cost-calculator .form-elements .destination-to input {
  padding: 0.5em 1em;
  font-size: 0.875em;
  border: 1px solid var(--e-global-color-432bdf5);
  border-radius: 5px;
}
#taxi-cost-calculator .form-elements .destination-from input:focus,
#taxi-cost-calculator .form-elements .destination-to input:focus {
  border-color: var(--e-global-color-accent);
}
#taxi-cost-calculator .form-elements .destination-to {
  border-radius: 0 0 0 5px;
}
@media (min-width: 768px) {
  #taxi-cost-calculator .form-elements .destination-to {
    grid-row: 2/3;
  }
}
#taxi-cost-calculator .form-elements .taxi {
  display: none;
}
#taxi-cost-calculator .form-elements input[type=submit] {
  font-size: 1.3em;
}
@media (min-width: 768px) {
  #taxi-cost-calculator .form-elements input[type=submit] {
    grid-row: 1/3;
  }
}