/**
* Theme Name: twentytwentyfive child
* Template: twentytwentyfive
*/

.removePadding {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

header {
	border-bottom: 1px solid #eaeaea;
}

body .buttonPrimary,
body .pageButton a {
	color: #fff;
	background-color: #fe8c71;
	background-image: linear-gradient(320deg, #feaf71, #f07d00);
	background-image: linear-gradient(320deg, #feaf71, #f07d00);
}
body .buttonPrimary:hover,
body .pageButton:hover a {
	color: #fff;
	background-color: #fe7758;
	background-image: linear-gradient(320deg, #febb71, #fe9a71);
}
body .buttonPrimary:hover a {
	text-decoration: none;
}

.buttonMargin {
	margin-top: 5px !important;
}
.socialIcons {
	gap: 30px;
}
.socialIcons li {
	background-color: #fff !important;
}
.socialIcons a {
	padding: 0px;
}
.socialIcons svg {
	color: rgb(17, 17, 17) !important;
}

body footer {
	margin-top: 0px;
	border-top: solid 1px #eaeaea;
}

@media (max-width: 500px) {
	.phonePadding {
			padding-top: 30px;
	}
}

@media (max-width: 1023px) {
	body .heroTekst {
		padding: 0px 20px;
	}

	.mobileGrid {
		display: flex !important;
		flex-direction: column;
	}

	.bannerVideo {
		min-height: 330px;
	}
}

@media (max-width: 1199px) {
	.desktopMenu {
		display: none;
	}

	.wp-block-navigation__responsive-close {
		padding: 33px 30px 0px 0px;
	}
}

@media (min-width: 500px) and (max-width: 1024px) {
	.hero {
		margin-right: 25px;
	}

	.hero .wp-block-column{
		flex-basis: 60% !important;
	}

	.heroPicture img{
		aspect-ratio: 1/1 !important;
		object-fit: cover !important;
		object-position: 100% 100%;
	}

	.homeLivestreams .wp-block-columns {
		flex-wrap: wrap !important;
	}
	.homeLivestreams .wp-block-columns > div {
		flex-basis: 100% !important;
	}
	.homeLivestreams .wp-block-column.phonePadding {
		margin-top: 30px !important;
	}
}

@media (min-width: 1200px) {
	.mobileMenu {
		display: none;
	}
}

@media (min-width: 1024px) {
	body li.wp-block-navigation-item.button {
		padding: 10px 30px;
		border-radius: 500px;
	}

	.hero {
		margin-right: 50px;
	}
	body .heroPicture img {
		width: 100%;
		height: 500px;
		object-fit: cover !important;
	}

	.bannerVideo {
		height: 500px;
	}
}

@media (min-width: 1200px) {
	.homeLink {
		display: none !important;
	}
	.hero {
		margin-right: 290px;
	}
}