/* MENU */
    /* MENU */
    .prague-header .prague-navigation .main-menu > li > a {
                    font-family: "Lato", sans-serif !important;
                                                                        font-size: 18px !important;
                    }

/* SUBMENU */

/* BUTTON */
    /* BUTTON */
    .a-btn, .a-btn-arrow-2, .a-btn-2, .a-btn-arrow, .button.prev, .button.next {
                    font-family: "Lato", sans-serif !important;
                                                                        font-size: 20px !important;;
                            }

/* Theme Options Custom CSS */
.page-id-100 .fa-swimming-pool:before {
    content: "\f5c5";
    font-weight: 100;
    -webkit-text-stroke: 1px black;
    text-shadow: 0px 0px 0px #000,
    -1px -1px 0 #000,  
    0px 0px 0 #000,
    -1px -1px 0 #000,
    0px 0px 0 #000;
    color: white;
}

.form-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.form-grid .form-field {
  flex: 1 1 calc(50% - 10px);
}

.form-grid .form-field.full-width {
  flex: 1 1 100%;
}

.form-grid .form-field select,
.form-grid .form-field input,
.form-grid .form-field textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 0;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: white;
  color: #333;
  appearance: none; /* Removes default arrow in most browsers */
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Add a custom arrow for select */
.form-grid .form-field select {
  background-image: url("data:image/svg+xml;utf8,");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
  padding-right: 40px; /* Space for the custom arrow */
}

/* Optional: better look when select is focused */
.form-grid .form-field select:focus,
.form-grid .form-field input:focus,
.form-grid .form-field textarea:focus {
  outline: none;
  border-color: #6666ff;
  box-shadow: 0 0 0 2px rgba(102, 102, 255, 0.2);
}

/* Responsive: single column on mobile/tablet */
@media (max-width: 768px) {
  .form-grid .form-field {
    flex: 1 1 100%;
  }
}