/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 03 2024 | 16:21:25 */
/* Stile generale per il form */
.form-bs {
  margin: 0 auto;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Stile per le etichette */
.form-bs label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}

/* Stile per i campi di input */
.form-bs input[type="text"],
.form-bs input[type="email"],
.form-bs input[type="password"],
.form-bs input[type="number"],
.form-bs textarea,
.form-bs select {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  box-sizing: border-box;
}

.form-bs input:focus,
.form-bs textarea:focus,
.form-bs select:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

/* Stile per i pulsanti */
.form-bs .form-group > div:not(.wp-core-ui.wp-editor-wrap.tmce-active) button,
.form-bs input[type="submit"] {
  display: inline-block;
  background-color: #007bff;
  color: white;
  padding: 10px 15px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}

/* Contenitore del file */
.custom-file {
  position: relative;
  display: block;
  width: 100%;
  max-width: 400px;
  /*margin: 0 auto;*/
}

/* Input file nascosto 
.custom-file input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}*/

/* Label del file */
.custom-file-label {
  display: block;
  padding: 10px 15px;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s;
}

#preview-img {
	height:400px;
	width:400px;
	object-fit:contain;
}

/* Effetto hover */
.custom-file-label:hover {
  background-color: #e6e6e6;
  border-color: #007bff;
}

/* Stile per il focus */
.custom-file input[type="file"]:focus + .custom-file-label {
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

/* Stile per quando un file è selezionato */
.custom-file-label.selected {
  background-color: #e0ffe0;
  border-color: #28a745;
  color: #155724;
}


.form-bs .form-group > div:not(.wp-core-ui.wp-editor-wrap.tmce-active) button:hover,
.form-bs input[type="submit"]:hover {
  background-color: #0056b3;
}

/* Stile per i checkbox e radio */
.form-bs input[type="checkbox"],
.form-bs input[type="radio"] {
  margin-right: 10px;
}

.form-bs .checkbox-label,
.form-bs .radio-label {
  display: inline-block;
  font-size: 14px;
  color: #555;
}

/* Stile per il testo di aiuto */
.form-bs .form-text {
  font-size: 12px;
  color: #777;
  margin-top: -10px;
  margin-bottom: 10px;
}

/* Layout aggiuntivo */
.form-bs .row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.form-bs .col-6 {
  width: 50%;
  padding: 0 10px;
}

@media (max-width: 768px) {
  .form-bs .col-6 {
    width: 100%;
  }
}

/* Stile per errori e messaggi */
.form-bs .input-error {
  border-color: #dc3545;
}

.form-bs .error-message {
  font-size: 12px;
  color: #dc3545;
  margin-top: -10px;
}

/* Stile per il campo disabilitato */
.form-bs input:disabled,
.form-bs textarea:disabled,
.form-bs select:disabled {
  background-color: #e9ecef;
  cursor: not-allowed;
}

/* Placeholder stile */
.form-bs ::placeholder {
  color: #aaa;
  font-style: italic;
}