/*
Theme Name: Hawig
Author: Henrique Welbe <henriquewelbe@gmail.com> and André Ponce <andreluisponce@gmail.com>
Author URI: https://henriquewelbe.com/
Description: Hawig website for Serious Business
Tags: boilerplate,webpack
Version: 1.0.0
*/

/* ----------------------------------------------------------------------------
 * CMS / hand-added overrides (synced from staging, originally edited via
 * wp-file-manager). Loaded after the compiled CSS via functions.php enqueue.
 * -------------------------------------------------------------------------- */

.button__title {
	width: max-content;
}
.cookieconsent {
	z-index: 101 !important;
}

[data-template=history] .history__hero__image {
	display: flex;
	justify-content: center;
}

[data-template=history] .history__hero__image img {
	height: auto;
	object-fit: contain;
	width: fit-content;
}

[data-template=history] .history__hero__image:first-child {
	top: 11vh !important;
	left: 2rem !important;
}
[data-template=history] .history__hero__image:nth-child(2) {
	top: 17vh !important;
	right: 0 !important;
}
[data-template=history] .history__hero__image:nth-child(3) {
	bottom: 19vh !important;
}
[data-template=history] .history__hero__image:nth-child(4) {
	bottom: 16vh !important;
	right: 1rem !important;
}

@media screen and (max-width: 768px) {
	[data-template="homepage"] .hero__heading .hero__title {
		font-size: 2.4rem !important;
		padding-top: 5vh !important;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	[data-template="homepage"] .fadein-texts__wrapper .fadein-texts__item .fadein-texts__item__title {
		font-size: 1.7rem !important;
	}
}

@media (min-width: 1025px) {
	[data-template=history] .history__hero__image:first-child {
		left: 23rem !important;
		top: 11vh !important;
	}
	[data-template=history] .history__hero__image:nth-child(2) {
		right: 5.5625rem !important;
		top: 9vh !important;
		left: auto !important;
		bottom: 15.1875rem !important;
	}
	[data-template=history] .history__hero__image:nth-child(3) {
		left: -2rem !important;
		right: 0 !important;
		top: 18vh !important;
	}
	[data-template=history] .history__hero__image:nth-child(4) {
		bottom: 23vh !important;
	}

	[data-template=history] .history__hero__image:nth-child(5) {
		right: 12.5rem !important;
		bottom: 19vh !important;
	}

	[data-template="homepage"] .fadein-texts__wrapper .fadein-texts__item:nth-child(2) .fadein-texts__item__title {
		width: max-content;
		max-width: 78rem;
	}

	[data-template="homepage"] .hero {
		min-height: calc(var(--svh) + var(--a, 0px) + min(13.5vh, 250px));
	}

	[data-template="homepage"] .hero__heading {
		/* height: calc(100% + min(13.5vh, 250px)); */
		gap: min(6.5rem, 3.5vh);
	}

	[data-template="homepage"] .hero__heading {
		gap: min(6.5rem, 6.5vh);
	}

	[data-template=homepage] .hero__title.hero__title span {
		height: auto !important;
	}

	.hero__cards-wrapper:before {
		width: 100% !important;
	}

	[data-template=homepage] .hero__title.hero__title {
        height: min(15em, 38vh) !important;
		display: flex;
		align-items: center;
		justify-content: center;
    }

}