/*************************************/

/* Filter */

/*************************************/

#filter_hero_container {
	position: relative;
/*     display: flex;
align-items: stretch;
 */	/* min-height: 27.5vw; */
	/* margin-bottom: 4rem; */
	
    /* display: flex; */
    /* align-items: stretch; */
    /* min-height: 27.5vw; */
    /* margin-bottom: 4rem; */
    max-width: 67rem;
    margin: 0 0 0 auto;
}

.filter_hero_container_right {
	/* width: 84%; */
	margin: 0 0 0 auto;
	position: relative;
}

.filter_hero_container_left {
	flex: 0 1 25%;
	position: relative;
	align-self: flex-end;
	padding-right: 1rem;
}

.filters {
    /* height: 4rem; */
    width: 100%;
    /* padding: 4rem 0; */
    height:0;
}
.filters.fixed {
    position: fixed;
    top: 6rem;
    z-index: 2;
}

.bg_lightgreen_background.fixed::before {
    position: fixed;
    height: 5rem;
}

.ui-group {
	position: relative;
	/* padding-top: 6rem; */
}

#filter_container .hero_container {
	flex: 0 1 75%;
	padding-top: initial;
}

.button {
	/* display: block; */
	background: none;
	border: none;
	border-radius: 0px;
	cursor: pointer;
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	text-transform: uppercase;
    transition: 0.3s;
    display: initial; 
    margin-right: 1rem;
}

.filters p {
	font-family: 'IBM Plex Sans', sans-serif;
	font-size: 0.875rem;
	font-weight: 300;
	margin: 0;
	text-transform: uppercase;
}

.button:hover {
    color: #f7a922;
}

.button:active, .button.is-checked {
	font-weight: 700;
	color: rgba(100, 163, 66, 1);
}

.button.is-checked {}

.button:active {}

.button-group {}

.button-group:after {
	content: "";
	display: block;
	clear: both;
}

.button-group .button {}

.button-group .button:first-child {}

.button-group .button:last-child {}

/*Select*/
.filters-select {
    outline: none;
    padding: .25rem;
}

.grid {
	width: calc(100% + 4rem);
	margin-bottom: -4rem;
	transition: height .3s;
}

.grid:after {}

.grid-item, .grid-sizer {
	width: calc((100% / 3) - 4rem);
}

.grid-item {
	float: left;
	margin-bottom: 4rem;
}

.gutter-sizer {
	width: 4rem;
}

.grid-item--width2, .layout3
/* , .prefilter_articles a:nth-of-type(4)>div */ 
{
	width: calc((200% / 3) - 4rem);
}

.layout2
{
	width: calc((100% / 2) - 4rem);
}

.grid-item--height2 {}

/* .grid-item.layout3 figure {
    padding-top: 40%;
    height: 0;
} */

.videos_imagewrapper {
	position: relative;
	width: 100%;
	padding-top: 100%;
}

.circle_image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	border-radius: 50%;
}

.downloads_imagewrapper img {
	position: relative;
	width: 100%;
}

.article {}