.sfizioso-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
  	z-index: 100;

	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,0.3);

	.sfizioso-popup-content {
		position: relative;
		padding: 2rem;
		background-color: #fff;
		max-width: 600px;
		width: 90%;
		overflow-y: auto;
  		max-height: 100%;

		.sfizioso-popup-close {
			background-color: #2B3C6B;
			position: absolute;
			right: 2rem;
			z-index: 110;
			border: 0;
      		border-radius: 7px;

			&:hover {
				cursor: pointer;
			}
		}
	}
}

@media (max-width: 800px) {
	.sfizioso-popup {
		.sfizioso-popup-content {
			padding: 1rem;

			.sfizioso-popup-close {
				right: 1rem;
			}
		}
	}
}
  



#sfizioso-popup-mail-chimp {
	form {
		label {
			display: block;
			width: 100%;
			margin-top: 1em;
		}
		select, input:not([type='submit'], [type='checkbox']){
			display: block;
			width: 100%;
			background-color: #FAF4EA;
			color: #A2A2A2;
			height: 48px;
			border: 0;
			border-radius: 10px 10px 10px 10px;
		}

		.indicates-required {
			text-align: right;
			font-size: 0.8em;
		}

		label.inline_error {
			background-color: #fff;
			color: #ff6666;
			font-size: 0.8em;
			margin: 0;
			padding: 0;
		}

		input[type='submit'], .sib-form-block__button {
			border: 0;
			border-radius: 7px;
			background-color: #ff6666;
			color: #fff;
			display: inline-block;
  			padding: 8px 18px;
			min-height: 40px;
			line-height: 23px;
		}

		input.input--hidden {
			display: none;
		}

		.entry__choice {
			label {
				display: unset;

				.input_replaced {
					opacity: 0;
					position: absolute;
				}
			}

			.checkbox {
				margin-right: .5em;
				border-radius: 3px;
				border: 1px solid #687484;
				cursor: pointer;
				display: inline-block;
				height: 1em;
				vertical-align: -0.125em;
				width: 1em;
				position: relative;
			}

			.checkbox_tick_positive::before {
				border-color: #fff;
				border-style: solid;
				border-width: 0 2px 2px 0;
				bottom: 1px;
				content: "";
				left: 50%;
				margin-left: -25%;
				position: absolute;
				top: 1px;
				-webkit-transform-origin: 80% 45%;
				transform-origin: 80% 45%;
				width: 50%;
				transform: rotate(45deg);
			}

			.input_replaced:checked + .checkbox_tick_positive {
				background: #ff6666;
  				border-color: #ff6666;
			}

			span:not(.checkbox_tick_positive) {
				font-weight: initial;
			}
		}

		.optionalParent {
			margin-top: 1rem;
		}

	
		.clickable__icon {
			height: 1.5rem;
			vertical-align: bottom;
			width: 1.5rem;
			margin-right: calc(.7002rem - 1px);
			fill: #fff;

			&.sib-hide-loader-icon {
				display: none;
			}
		}
	

		.progress-indicator__icon {
			-webkit-animation: indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite;
  			animation: indicator-spin 1.3s cubic-bezier(0.46, 0.35, 0.39, 0.85) infinite;
		}
	}

	.sib-form-message-panel {
		display: none;

		&.sib-form-message-panel--active {
			display: block;
		}
	}

	.sib-form-message-panel__text .sib-notification__icon {
		height: 1.5em;
		width: 1.5em;
		flex-shrink: 0;
		margin-right: calc(1rem - 1px);
	}

	#error-message {
		margin-top: 0.5rem;
		svg {
			fill: #ff6666;
		}
	}

	#success-message {
		margin-top: 0.5rem;
		svg {
			fill: #13ce66;
		}
	}
}

.top-header {
	div.site-branding > a {
		margin: 0;
		text-align: left;
	}

	.col-lg-2 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	/* !important is needed to override the default theme that has !important in it */
	.col-lg-8 {
		display: none !important;
	}

	.header-icons {
		.social-profile {
			/* !important is needed to override the default theme that has !important in it */
			&.d-lg-inline-block {
				display: inline-block !important;
			}

			ul.social-group li a {
				font-size: 2rem;

				i {
					color: #2B3C6B;

					&:hover {
						color: #ff6666;
					}
				}
			}
		}
	}
}

@-webkit-keyframes indicator-spin{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	to{
		-webkit-transform:rotate(1turn);
		transform:rotate(1turn)
	}
}
@keyframes indicator-spin{
	0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg)
	}
	to{
		-webkit-transform:rotate(1turn);
		transform:rotate(1turn)
	}
}