/*
Theme Name: Impreza Child
Description: Tema hijo de Impreza para Labo'life (Fachkreisbereich).
Template: Impreza
Version: 1.0.0
Text Domain: impreza-child
*/

/* Botones de envío de los formularios de alta (UM) y botón de Impreza estilo 3 */
.button-accordion .um input[type=submit].um-button,
.um-6603.um input[type=submit].um-button,
.um-6608.um input[type=submit].um-button,
.um-6655.um input[type=submit].um-button,
.um-6657.um input[type=submit].um-button,
.um-6669.um input[type=submit].um-button,
.um-6671.um input[type=submit].um-button,
.um-6722.um input[type=submit].um-button,
.um-6724.um input[type=submit].um-button,
.w-btn-wrapper .us-btn-style_3{
	background-color: #4AD4E1;
	color: #11005A;
	font-size: 14px;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	border-radius: 25px !important;
}
/* Sección profesionales: botón azul */
.professional-section.button-accordion .um input[type=submit].um-button,
.professional-section.button-accordion .um-6608.um input[type=submit].um-button,
.professional-section.button-accordion .um-6657.um input[type=submit].um-button,
.professional-section.button-accordion .um-6671.um input[type=submit].um-button,
.professional-section.button-accordion .um-6724.um input[type=submit].um-button{
	background-color: #0052DA;
	color: #FFFFFF !important;
}

.button-accordion {
	margin-bottom:50px;
	border:0px !important
}
.button-accordion button.w-tabs-section-header:hover,
.button-accordion button.w-tabs-section-header:active,
.no-touch .button-accordion button.w-tabs-section-header:focus{
	background-color: var(--color-alt-content-primary);
}
.button-accordion button.w-tabs-section-header{
	border-radius: 25px;
	background-color: var(--color-alt-content-primary);
}
.professional-section.button-accordion button.w-tabs-section-header,
.no-touch .professional-section.button-accordion button.w-tabs-section-header:focus{
	background-color: #0052DA;
	color:#fff;
}

.vc_column_container.left-column-register{display:block}

#um_field_6603_contact_job_title_es .um-clear,
#um_field_6608_contact_job_title_es .um-clear,
#um_field_6608_contact_labolife_professional_area .um-clear{
	float:left;
}

/* Etiquetas y títulos de fila de los formularios de alta */
.button-accordion .um .um-field-label label,
.um-6603.um .um-field-label label,
.um-6608.um .um-field-label label,
.um-6655.um .um-field-label label,
.um-6657.um .um-field-label label,
.um-6669.um .um-field-label label,
.um-6671.um .um-field-label label,
.um-6722.um .um-field-label label,
.um-6724.um .um-field-label label{
	color: #11005A;
}
.button-accordion .um .um-row-heading,
.um-6603.um .um-row-heading,
.um-6608.um .um-row-heading,
.um-6655.um .um-row-heading,
.um-6657.um .um-row-heading,
.um-6669.um .um-row-heading,
.um-6671.um .um-row-heading,
.um-6722.um .um-row-heading,
.um-6724.um .um-row-heading{
	color: #0052DA;
	font-weight:600;
	text-transform:uppercase;
}

div.um-6603.uimob340 .um-field-half.um-field-radio,
div.um-6608.uimob340 .um-field-half.um-field-radio,
div.um-6655.uimob340 .um-field-half.um-field-radio,
div.um-6657.uimob340 .um-field-half.um-field-radio,
div.um-6669.uimob340 .um-field-half.um-field-radio,
div.um-6671.uimob340 .um-field-half.um-field-radio,
div.um-6722.uimob340 .um-field-half.um-field-radio,
div.um-6724.uimob340 .um-field-half.um-field-radio{
	width:30%;
	display:inline-flex
}
.um-field-recibir-informacion .um-field-area .um-field-checkbox.um-field-half{width:25%; display:inline-block}
.um-field-contact_healthcare_professional .um-field-half,
.um-field-proteccion-de-datos .um-field-half.um-field-radio-state-disabled{ width: 100%}
.um-field-proteccion-de-datos .um-field-half.um-field-radio-state-disabled span.um-field-checkbox-option,
.um-field-contact_healthcare_professional .um-field-half span.um-field-checkbox-option
{color:#11005a !important}

.g-cols.via_flex>div>.vc_column-inner {flex-grow:0}

/* Cuadro azul de /anmeldung/: imágenes centradas, en fila si caben y apiladas si no, siempre con la misma separación */
.has_bg_color .wpb_text_column p:has(> img.alignleft + img.alignright){
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:25px;
	margin:25px 0 0;
}
.has_bg_color .wpb_text_column p:has(> img.alignleft + img.alignright) > img,
.has_bg_color .wpb_text_column p > img.aligncenter{
	float:none;
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto;
}
/* Los &nbsp; que servían de espaciador y la separación con la imagen siguiente */
.has_bg_color .wpb_text_column p:has(> img.alignleft + img.alignright) ~ p:not(:has(img)){display:none}
.has_bg_color .wpb_text_column p:has(> img.alignleft + img.alignright) ~ p:has(> img.aligncenter){margin:25px 0 0}

@media screen and (max-width: 767px) {
	.wpb_wrapper img.alignleft{
		margin-top:25px;
	}
    img.alignleft, img.alignright, .wp-caption.alignleft, .wp-caption.alignright {
        float: none;
        display: block;
        margin: 0 auto 25px auto;
    }
	.g-cols.via_flex.type_default>div.has_bg_color>.vc_column-inner {margin-bottom: 50px}

	/* Alta Fachkreis (/anmeldung/): hasta 767px las columnas se apilan y los desplegables con formularios van antes que el texto */
	.g-cols.via_flex:has(> .wpb_column .w-tabs.form-button) > .wpb_column{
		width:100%;
		margin:0 0 1.5rem;
	}
	.g-cols.via_flex:has(> .wpb_column .w-tabs.form-button) > .wpb_column:has(.w-tabs.form-button){order:-1}

	/* Formularios en móvil: margen menor entre desplegables, 16px en campos (evita el zoom de iOS) y zonas táctiles de 44px */
	.button-accordion{margin-bottom:20px}
	.button-accordion button.w-tabs-section-header,
	.button-accordion .um input[type=submit].um-button{min-height:44px}
	.button-accordion .um .um-form :is(input.um-form-field, select, textarea),
	.button-accordion .um .select2-selection__rendered{font-size:16px}
}
