#availability>div>div:first-child {
 	display: flex;
 	justify-content: space-between;
 	flex-wrap: wrap;
 }

 .filter {
 	display: flex;
 	margin: 20px 0px;
 }

 .a_filter {
 	border: none;
 	background: url(../icons/filter.png) 4px 50%/24px no-repeat;
 	color: #222;
 	border-bottom: 1px solid var(--primary);
 	font-size: 1.2rem;
 	width: calc(100% - 64px);
 	max-width: 650px;
 	padding: 4px 0px;
 	padding-left: 32px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }

 .a_filter:FOCUS, .a_close:FOCUS {
 	outline: none;
 }

 .a_filter::placeholder {
 	color: #222;
 }

 .a_close {
 	border: none;
 	background: url("../icons/closes.png") 50%/24px no-repeat;
 	height: 32px;
 	width: 32px;
 	cursor: pointer;
 }

 .links>div>a {
 	display: flex;
 	align-items: center;
 }

 .links>div img {
 	margin: 5px;
 }

 .radios ul {
 	list-style-type: none;
 	display: flex;
 	flex-wrap: wrap;
 }

 .radios li {
 	width: 25%;
 	min-width: 200px;
 }

 .radios label {
 	cursor: pointer;
 }

 .availtbl {
 	display: flex;
 	flex-direction: column;
 }

 .availtbl>div {
 	display: flex;
 	flex-direction: column;
 }

 .availtbl>div:FIRST-CHILD {
 	background-color: var(--primary);
 	color: var(--black);
 	position: sticky;
 	top: 162px;
 	z-index: 1;
 }

 .availtbl>div:not(:first-child)>div:hover {
 	background-color: var(--primary-transparent);
 }

 .availtbl>div:last-child>div:last-child {
 	border-bottom: 1px solid var(--primary-dark);
 }

 .availtbl>div>div:last-child {
 	border-bottom: 1px solid var(--primary-dark);
 	margin-bottom: 2px;
 }

 .avail {
 	border-top: 1px solid var(--primary-dark);
 	align-items: flex-start;
 	display: flex;
 	padding: 5px 0px;
 }

 .avail>div {
 	display: flex;
 }

 .name {
 	width: calc(40% - 25px);
 	position: relative;
 	padding: 0px 25px 5px 0px;
 }

 .name>div {
 	display: flex;
 	flex-direction: column;
 }

 .botanical {
 	color: var(--primary-dark);
 	font-size: 1.25em;
 }

 .common {
 	color: var(--black);
 }

 .info, .photos {
 	width: 16px;
 	height: 16px;
 	cursor: pointer;
 	position: absolute;
 	right: 5px;
 }

 .info {
 	top: 5px;
 }

 .photos {
 	top: 30px;
 }

 .attr {
 	justify-content: space-between;
 	width: 40%;
 }

 .attr>div:nth-child(1) {
 	display: flex;
 	flex-direction: column;
 	max-width: calc(100% - 140px);
 	width: 100%;
 }

 .attr>div:nth-child(2) {
 	width: 90px;
 	min-width: 90px;
 }

 .attr>div:nth-child(3) {
 	min-width: 50px;
 	width: 50px;
 }

 .msg {
 	color: var(--grey-dark);
 	font-size: 0.75rem;
 }

 .avail input {
 	max-width: 48px;
 	height: 20px;
 	border: 1px solid var(--grey-dark);
 	text-align: center;
 }

 .avail input[type=number]::-webkit-inner-spin-button, .avail input[type=number]::-webkit-outer-spin-button {
 	-webkit-appearance: none;
 }

 .crops {
 	width: 20%;
 	justify-content: space-around;
 }

 .crops>div {
 	text-align: center;
 }

 @media screen and (max-width: 1024px) {
 	.avail {
 		flex-wrap: wrap;
 	}

 	.name {
 		width: calc(100% - 25px);
 	}

 	.attr {
 		width: 70%;
 	}

 	.crops {
 		width: 30%;
 	}
 }

 @media screen and (max-width: 768px) {
 	.availtbl>div:FIRST-CHILD {
 		top: 52px;
 	}

 	.avail {
 		font-size: .75em;
 	}

 	.botanical {
 		color: var(--primary-dark);
 		font-size: 1rem;
 	}

 	.common, .attr>div:nth-child(1) {
 		font-size: .9rem;
 	}
 }

 @media screen and (max-width: 576px) {
 	.attr {
 		width: 55%;
 		flex-wrap: wrap;
 	}

 	.attr>div:nth-child(1) {
		min-width: 150px;
	}

 	.crops {
 		width: 45%;
 	}
 }