/*
.herobanner730n {
	$buttons-margin: 10px;
	$arrow-hover-offset: 10px;
	$slide-padding: 10px;

	position: relative;

	display: block;
	width: 100%;
	height: 426px;

	&.mod--small {
		height: 174px;
	}

	.herobanner730n__controls {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 200;

		width: 100%;
		height: 100%;

		display: none;
		pointer-events: none;

		&.state--active {
			display: block !important;
		}

		.button-next,
		.button-previous {
			position: absolute;
			top: 50%;

			padding: 0;

			background-color: #00000044;
			border-radius: 50%;

			text-shadow: 0 0 4px rgba(0,0,0,.8);

			cursor: pointer;
			pointer-events: all;

			transition: transform 0.2s ease-out;

			svg {
				float: left;
				fill: transparent;
				stroke: var(--controls-color);
			}
		}

		.button-next {
			right: $buttons-margin + $arrow-hover-offset;
			transform: translate(0, -50%);
			&:hover {
				transform: translate($arrow-hover-offset, -50%);
			}
		}

		.button-previous {
			left: $buttons-margin + $arrow-hover-offset;
			transform: translate(0, -50%);

			&:hover {
				transform: translate(-$arrow-hover-offset, -50%);
			}
		}

		.pagination {
			position: absolute;
			bottom: $buttons-margin;
			left: 50%;

			//display: flex;
			display: none;

			transform: translate(-50%, 0);

			div.pagination-dot {
				position: relative;

				display: inline-block;
				padding: 1em 0.5em 0.25em 0.5em;

				cursor: pointer;

				&:before {
					content: "";
					display: block;
					width: 2em;
					height: 2px;

					background-color: var(--controls-color);

					transform-origin: bottom left;
				}

				&.state--active:before,
				&:hover:before {
					transform: scale(1, 2);
				}
			}
		}
	}

	.herobanner730n__slides {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;

		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.herobanner730n__slide {
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 90;
		transition: left 0.4s ease-out;

		&.state--active {
			left: 0;
			z-index: 92;
		}

		&.state--vanish {
			left: 0;
			z-index: 91;
		}

		display: block;
		width: 100%;
		height: 100%;

		.herobanner730n__background {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;

			width: 100%;
			height: 100%;

			background-color: var(--background-color);
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
			image-rendering: optimizeQuality;
		}

		.herobanner730n__desc,
		.herobanner730n__dates{
			color: var(--text-color);
		}

		.herobanner730n__desc {
			line-height: 125%;
		}

		&.state--active .herobanner730n__desc{
			line-height: 105%;
		}
	}
}
*/

/*# sourceMappingURL=herobanner.css.map */