/*
Theme Name:   Staatsbosbeheer Child
Description:  Staatsbosbeheer Child Theme
Author: Eagerly Internet
Author URI: http://www.eagerly.nl/
Template:     staatsbosbeheer
Version:      1.0.0
Text Domain:  staatsbosbeheerchild
*/

.header-title-jubileum {
	display: none;
}

.header-jubileum {
	background: #439539;
	height: 38px;
	line-height: 38px;
	color: #FFF;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
	width: 110vw;
	font-family: 'adelle', helvetica, arial, sans-serif;
	overflow: hidden;

	display: none;
}

.header-jubileum ul {
	list-style: outside;
}

.header-jubileum li {
	float: left;
	margin: 0px 16px;
}

.main-jubileum .panel-container {
    display: flex;
    flex-wrap: wrap;
	/* padding: 8px 32px; */
	padding: 32px 32px 8px 32px;
    gap: 2rem;
}

.main-jubileum .panel {
	--padding: 32px;
	--gap: calc(var(--padding) + 6rem);
    flex: 1 1 calc(33.33% - var(--gap)); /* Distribute space evenly between panels minus the gap */
}

.main-jubileum .panel img {
    width: 100%;
    height: 90px;
	border-radius: 5px;
    object-fit: cover;
}

.main-jubileum .panel h2 {
	font-size: 18px;
    text-align: center;
	margin: 20px 0;
}

/* Responsive design */
@media (min-width: 1024px) {
    /* .home .header-title {
		top: 130px !important;
	} */

	.home .header-title-jubileum {
		display: block;
		color: #FFF;
		font-size: 34px;
		line-height: 40px;
		width: 600px;
		max-width: 100%;
		margin-top: 20px;
	}

	.header-jubileum {
		font-size: 20px;
	}
}

@media (max-width: 768px) {
    .main-jubileum .panel {
        flex: 1 1 calc(50% - 1rem);
    }
}

@media (max-width: 480px) {
    .main-jubileum .panel {
        flex: 1 1 100%;
    }
}