/* Decrease font-size for help text */
.w-field__help, .help {
  font-size: 0.825rem;
}

/* Decrease font size for input fields */
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select {
  font-size: 1rem;
}

/* Decrease font size for RichText editor fields */
.Draftail-Editor .DraftEditor-root {
	font-size: 1rem !important;
	line-height: 1.25 !important;
}

/* Add small margin between svg image and file name (or other text), e.g. at file upload */
.w-field__input a svg {
  margin-right: 0.3em;
}

/* Slightly adjust page title and title_en appearance in page editor */
.w-field__input #id_title, .w-field__input #id_title_de, .w-field__input #id_title_en {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
  /*margin-inline-start: -.375rem;*/
  /*padding-inline-start: .375rem;*/
  padding: 0.625rem 01.25rem;
  color: var(--w-color-text-context);
}



/* This class mimicks a col-lg-6 behaviour for the editing interface;
 * used for advanced_image block_forms template */
 .responsive-50 {
	float: left;
	width: 50%;
	padding-right: 20px;
}

@media (max-width: 992px) {
	.responsive-50 {
		float: none;
		width: 100%;
		padding-right: 0px;
	}

}
.responsive-33 {
	float: left;
	width: 33%;
	padding-right: 20px;
}

@media (max-width: 992px) {
	.responsive-33 {
		float: none;
		width: 100%;
		padding-right: 0px;
	}

}

.responsive-50 select, .responsive-33 select {
  width: 100%;
}

.field .w-field {
  display: flex;
  flex-direction: column;
}

.field .w-field__help {
  order: 2;
  margin-top: .5rem;
}

.field .w-field__input,
.field .chooser,
.field select,
.field input {
  order: 1;
}