/* BEGIN: wizard-corporate-design */

	.module.-wizard-corporate-design .sub-title {
		min-height: 32px;
	}

	.module.-wizard-corporate-design .upload-logo,
	.module.-wizard-corporate-design .label-preview {
		min-width: 300px;
	}


	.module.-wizard-corporate-design .offset-lg {
		min-width: 300px;
		margin-left: 128px;
	}
	.module.-wizard-corporate-design .upload-logo-sm,
	.module.-wizard-corporate-design .extract-colors-sm {
		display: none;
	}

	@media (max-width: 1279px) {

		.module.-wizard-corporate-design .offset-lg {
			display: none;
		}
		.module.-wizard-corporate-design .upload-logo-sm,
		.module.-wizard-corporate-design .extract-colors-sm {
			display: block;
		}
	}

	.module.-wizard-corporate-design .logo-uploaded {
		height: 200px;
	}

	.-wizard-corporate-design .cropping-canvas {
		height: 130px;
		max-height: 100%;
	}
	.-wizard-corporate-design .logo-templates .logo-templates-list {
		flex-wrap: wrap;
		margin-top: 8px;
	}
		.-wizard-corporate-design .logo-templates .caption {
			margin-bottom: 8px;
		}
		.-wizard-corporate-design .logo-templates .logo-templates-list .logo-template {
			margin-right: 20px;
		}
			.-wizard-corporate-design .logo-templates .logo-templates-list .logo-template img {
				cursor: pointer;
				height: 100px;
				max-width: 150px;
				padding: 5px;
				border: 1px solid #DDD;
			}

	.-wizard-corporate-design .feedback {
		width: 320px;
	}

	.-wizard-corporate-design .colorpicker {
		max-width: 46%;
		margin-bottom: calc(var(--offset-stepsize) * 2);
	}
	.-wizard-corporate-design .colorpicker.color-base {
		margin-right: 8%;
	}

		.-wizard-corporate-design .colorpicker label {
			display: inline-block;
			padding: 0px 4px;
			width: 100%;
		}

			.-wizard-corporate-design .colorpicker label.hex {
				cursor: pointer;
				color: var(--second-base);
				text-shadow: 0px 0px 4px var(--white),
								0px 0px 4px var(--white),
								0px 0px 4px var(--white),
								0px 0px 4px var(--white),
								0px 0px 4px var(--white),
								0px 0px 4px var(--white),
								0px 0px 4px var(--white),
								0px 0px 4px var(--white);
				top: 44px;
			}

		.-wizard-corporate-design .colorpicker .arrow {
			cursor: pointer;
			text-shadow: 0px 0px 2px var(--white),
						 0px 0px 2px var(--white),
						 0px 0px 2px var(--white),
						 0px 0px 2px var(--white),
						 0px 0px 2px var(--white),
						 0px 0px 2px var(--white),
						 0px 0px 2px var(--white),
						 0px 0px 2px var(--white);
			top: 44px;
			right: 18px;
		}

	.-wizard-corporate-design input[type="color"] {
		height: 55px;
		margin: 4px 0;
		width: 100%;
	}

	.-wizard-corporate-design input.hex ,
	.-wizard-corporate-design input.rgb {
		display: none;
	}

/* END: wizard-corporate-design */

/* BEGIN: wizard-focus-selection */

	.module.-wizard-focus-selection .focus-topic {
		margin-bottom: calc(var(--offset-stepsize) * 2);
	}
	.module.-wizard-focus-selection .focus-topic-details .row {
		flex-wrap: wrap;
	}
	.module.-wizard-focus-selection .focus-topic-details .row .column {
		min-width: 500px;
	}

	.module.-wizard-focus-selection .focus-topic.disabled {
		color: var(--grey);
	}
		.module.-wizard-focus-selection .focus-topic .focus-topic-body {
			overflow: hidden;
			transition: max-height 0.3s ease-in;
			max-height: 500px;
		}
		.module.-wizard-focus-selection .focus-topic .focus-topic-body.collapsed {
			max-height: 0;
			transition: max-height 0.3s ease-out;
		}

		.module.-wizard-focus-selection .swiper {
			min-width: 450px;
			max-width: 550px;
			height: auto;
		}
		.module.-wizard-focus-selection .swiper-container {
			margin-left: 50px;
			margin-right: 50px;
		}
			.module.-wizard-focus-selection .swiper .topic-slide img {
				width: 100%;
				height: 100%;
				border-radius: var(--border-radius-xl);
			}

/* END: wizard-focus-selection */

/* BEGIN: wizard-font-selection */

	.module.-wizard-font-selection .apozini {
		width: 120px;
	}

	.module.-wizard-font-selection .font {
		flex-basis: 42%;
		margin-bottom: calc(var(--offset-stepsize) * 8);
	}
	@media (max-width: 1279px) {
		.module.-wizard-font-selection .font {
			flex-basis: 100%;
			margin-bottom: calc(var(--offset-stepsize) * 6);
		}
	}
	.module.-wizard-font-selection .recommend {
		align-self: flex-end;
	}
	.module.-wizard-font-selection .preview {
		border: 1px solid var(--light-grey);
		box-shadow: var(--light-grey) 0 2px 5px;
		border-radius: var(--border-radius-xl);
		padding: var(--offset-stepsize);
	}

/* END: wizard-font-selection */

/* BEGIN: wizard-pharmacy-images */

	.module.-wizard-pharmacy-images .cropping-canvas {
		border-radius: var(--border-radius-xl);
	}

	.module.-wizard-pharmacy-images .pharmacist-img-uploaded {
		width: 380px;
	}
	.module.-wizard-pharmacy-images .pharmacy-img-uploaded,
	.module.-wizard-pharmacy-images .team-img-uploaded {
		min-width: 400px;
		max-width: 620px;
	}
		.module.-wizard-pharmacy-images .pharmacist-img-uploaded img,
		.module.-wizard-pharmacy-images .pharmacy-img-uploaded img,
		.module.-wizard-pharmacy-images .team-img-uploaded img {
			max-height: 100%;
			max-width: 100%;
			width: 100%;
		}

	/* Fallback for Safari */
	.module.-wizard-pharmacy-images .image-row > * + * { margin-left: calc(var(--offset-stepsize) * 2);}

	.module.-wizard-pharmacy-images .feedback {
		width: 320px;
	}

	.module.-wizard-pharmacy-images .caption {
		font-weight: bold;
	}

/* END: wizard-pharmacy-images */

/* BEGIN: wizard-theme-selection */

	.module.-wizard-theme-selection .themes {
		display: flex;
		height: 800px;
	}
	.module.-wizard-theme-selection .themes-mobile {
		display: none;
	}
	@media (max-width: 1470px) {
		.module.-wizard-theme-selection .themes {
			display: none;
		}
		.module.-wizard-theme-selection .themes-mobile {
			display: flex;
			flex-direction: column;
		}
	}

	.module.-wizard-theme-selection .theme {
		margin: 0 24px;
	}
	.module.-wizard-theme-selection .theme:first-child,
	.module.-wizard-theme-selection .theme:last-child {
		margin: 0;
	}
		.module.-wizard-theme-selection .theme .btn {
			min-width: 200px;
		}
		.module.-wizard-theme-selection .theme input[type="radio"] {
			display: none;
		}

	.module.-wizard-theme-selection .preview {
		border: 1px solid var(--light-grey);
		box-shadow: var(--light-grey) 0 2px 5px;
		min-height: 900px;
		width: calc(100% * 1.7);
	}

	@media (max-width: 1470px) {
		.module.-wizard-theme-selection .swiper-slide {
			display: flex;
			flex-direction: column;
			align-items: center;
			padding: 32px;
			justify-content: center;
		}
		.module.-wizard-theme-selection .theme-swiper {
			max-height: 750px;
		}

		.module.-wizard-theme-selection .preview {
			width: calc(100% - (var(--offset-stepsize) * 5));
			width: 100%;
			max-height: 600px;
		}
		.module.-wizard-theme-selection .preview-wrapper {
			width: 100%;
			margin-left: 40%;
		}
	}

	.module.-wizard-theme-selection iframe {
		-ms-zoom: 0.5;
		transform: scale(0.5);
		transform-origin: 0 20%;
		-moz-transform: scale(0.5);
		-moz-transform-origin: 0 0;
		-o-transform: scale(0.5);
		-o-transform-origin: 0 0;
		-webkit-transform: scale(0.5);
		-webkit-transform-origin: 0 0;
	}
	@media (min-width: 1400px) {
		.module.-wizard-theme-selection iframe {
			-ms-zoom: 0.6;
			transform: scale(0.6);
			transform-origin: 0 0;
			-moz-transform: scale(0.6);
			-moz-transform-origin: 0 0;
			-o-transform: scale(0.6);
			-o-transform-origin: 0 0;
			-webkit-transform: scale(0.6);
			-webkit-transform-origin: 0 0;
		}
	}

/* END: wizard-theme-selection */
