/* LAYOUTS */

/* HERO */

[]{}

	/* 1 */

	[]{}

		.row.hero {
			background-size: cover;
			background-color: var(--color_main);
			background-image: linear-gradient(90deg, var(--color_main), var(--color_main_brighter_1));
			padding: calc(var(--padding) - 1em) var(--padding);
			margin-top: 0;
			hyphens: none;
			align-content: center;
			font-size: 1.2em;
		}

		.row.hero p {
			font-size: 1rem;
		}

		.row.hero.big {
			min-height: 100vh;
			align-items: center;
		}

		@media (orientation: portrait) {
			.row.hero.big {
				min-height: 80vh;
			}
		}

		.hero[style] {
			background-blend-mode: overlay;
		}

		.row.hero *{
			color: var(--color_white);
		}

		.row.hero .column {
			background: none;
		}

		.hero div.button a {
			background-color: var(--color_main_brighter_1);
		}

		.hero div.button a:hover {
			background-color: var(--color_main_brighter_2);
		}

		.row.hero:before {
		  content: "";
		  position: absolute;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  background: linear-gradient(90deg, var(--color_grey_3), transparent);
		  mix-blend-mode: multiply;
		}

	/* Background Slider */

	[]{}

		.hero_with_slider {
			grid-row-gap: 0;
		}

		.hero_with_slider .column.span-24 {
			position: static;
			padding: 0;
		}

		.hero_with_slider div.gallery {
			position: static;
		}

		.hero_with_slider .column.span-24 img {
			position: absolute;
			left: 0;
			top: 0;
			height: 100%;
		  width: 100%;
			object-fit: cover;
			filter: grayscale(1);
			mix-blend-mode: overlay;
			opacity: 0;
			display: block;
		}


/* PRESENTATION */

[]{}

	div.content div.presentation div.media {
		padding: 0;
	}

	div.content div.presentation div.media img {
		min-height: 100%;
		object-fit: cover;
	}

	@media screen and (min-width: 60em) {
		div.content div.presentation div.context {
			padding: 10%;
		}
	}



	/* 1 */

	[]{}

/* Gallery Wall */

[]{}

		div.gallery_wall .gallery {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
			gap: var(--gap);
		}

		div.gallery_wall .gallery img{
			width: 100%;
			aspect-ratio: 1/1;
			object-fit: cover;
			transition: filter var(--effect_transition), transform var(--effect_transition);
			filter: grayscale(1) brightness(1.3) contrast(.7);
			transform: scale(1);
		}

		div.gallery_wall .gallery.zoom img{
			cursor: pointer;
		}

		div.gallery_wall .gallery img:hover{
			filter: grayscale(0) brightness(1) contrast(1);
			transform: scale(1.05);
		}

/* Restimonals */

[]{}

	div.testimonals div.media {
		padding-right: 0;
		padding-bottom: 0;
	}

	div.testimonals div.media img {
		border-radius: 50%;
	}

	div.testimonals div.context {
		font-style: italic;
	}