/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal_content {
  background-color: var(--filter_background_color);
  margin: auto;
  margin-top: 100px;
  border: 1px solid var(--modal_border);
  padding: 40px 30px;
  width: 80%;
  max-width: 1040px;
}

input[type='checkbox'] {
    width: 20px;
    height: 20px;
}

.filter_box {
    margin: 10px 20px;
    display: inline-flex;
}

.filter_box label {
	display: inline-block;
	width: 250px;
	text-align: left;
	font: var(--label_font);
	color: var(--filter_text_color);
}

#change_filters {
    margin: auto;
    max-width: 950px;
}

#filter_button {
    display: block;
	width: 100px;
	margin: auto;
	background-color: var(--filter_button_color);
	font: var(--button_font);
	box-shadow: 3px 4px var(--shadow);
}