@media all
{.widget.hero.allow_bg_color
		{
			background: rgba(255, 255, 255, 0);
		}#wrapper .widget.hero > div, .wp-site-blocks .widget.hero > div
		{
			overflow: hidden;
			padding-top: 0;
			padding-bottom: 0;
		}.widget.hero .align_center
			{
				text-align: center;
			}

				.widget.hero .align_center img, .widget.hero .align_ontop img
				{
					/*margin: 0 auto;*/ /* Center... */
					width: 100%; /* ...or fill */
				}

			.widget.hero .image
			{
				display: block;
				position: relative;
			}

				.widget.hero .align_ontop .image + .content_container
				{
					left: 50%;
					position: absolute;
					top: 50%;
					transform: translate(-50%, -50%);
					width: 60%;
				}

				.widget.hero .align_right .image, .widget.hero .align_left .image
				{
					width: 59%;
				}

				.widget.hero .align_right.has_text
				{
					padding-right: 0;
				}

					.widget.hero .align_right .image
					{
						float: right;
					}

				.widget.hero .align_left.has_text
				{
					padding-left: 0;
				}

					.widget.hero .align_left .image
					{
						float: left;
					}.widget.hero .image.image_fade:before, .widget.hero .image.image_fade:after
					{
						bottom: 0;
						content: '';
						position: absolute;
						top: 0;
						width: 20%;
					}

						.widget.hero .image.image_fade:before
						{
							background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, transparent 100%);
							left: 0;
						}

						.widget.hero .image.image_fade:after
						{
							background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, transparent 100%);
							right: 0;
						}

							.is_mobile .widget.hero .image.image_fade
							{
								float: none;
								margin-bottom: -10%;
								text-align: center;
								width: 100%;
							}

					.widget.hero .image.image_fade div:after
					{
						background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, transparent 100%);
						bottom: 0;
						content: '';
						left: 0;
						position: absolute;
						right: 0;
						height: 20%;
					}

					.widget.hero .image.image_solid div img
					{
						-webkit-filter: grayscale(1);
						filter: grayscale(1);
						width: 100%;
					}

					.widget.hero .image.image_solid div:after
					{
						background-color: rgba(255, 255, 255, 0);
						bottom: 0;
						content: '';
						left: 0;
						opacity: .7;
						position: absolute;
						right: 0;
						top: 0;
					}.widget.hero .image img
					{
						display: block;
						transition: all 1s ease;
					}

						.widget.hero:hover .image img
						{
							-webkit-transform: scale(1.05);
							transform: scale(1.05);
						}

					.widget.hero h3, .widget.hero .content
					{
						position: relative;
					}

						.widget.hero .align_right h3, .widget.hero .align_right .content, .widget.hero .align_left h3, .widget.hero .align_left .content
						{
							clear: left;
							float: left;
							width: 50%;
						}

						.widget.hero .align_right h3, .widget.hero .align_right .content
						{
							margin-right: -10% !important;
						}

						.widget.hero .align_left h3, .widget.hero .align_left .content
						{
							margin-left: -10% !important;
							text-align: right;
						}

							.is_mobile .widget.hero h3, .is_mobile .widget.hero .content
							{
								float: none;
								margin: 0;
								text-align: center;
								width: 100%;
							}

						.widget.hero h3
						{font-size: 3.2em !important;margin-top: 1.3em !important;}

							.is_mobile .widget.hero h3
							{font-size: 4.3vw !important;}

						.widget.hero .content p
						{font-size: 1.6em !important;padding: .5em 0 0;}

							.is_mobile .widget.hero .content p
							{font-size: 1.2em !important;margin-top: 2vw !important;}
}