.show-small { display: inline-block; }
.show-large { display: none; }

.blogcategories {
	display: block;
	width: 100%;
	margin: 0 auto;
	background-color: rgba(55, 50, 45, 0.8)
}
	.blogcategories ul {
		position: relative;
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin: 0;
		padding: 0;
		text-align: center;
		border-top: 1px solid #5f5b57;
		border-bottom: 1px solid #5f5b57;
	}
		.blogcategories ul > li {
			display: none;
			position: relative;
		}
			.blogcategories ul > li:first-child {
				display: block;
			}

			.blogcategories.is-open ul > li {
				display: block;
			}

			.blogcategories ul > li.title {
				padding: 10px 5px 10px 0px;
				font-family: 'Libre Franklin', sans-serif;
				font-size: 18px;
				color: #ffffff;
				cursor: pointer;
			}
				.blogcategories ul > li.title .fa {
					padding: 0px 5px;
					transition: transform 0.5s ease;
				}
					.blogcategories.is-open ul > li.title .fa {
						transform: rotate(-180deg);
						position: relative;
						top: 1px;
						transition: transform 0.5s ease;
					}

			.blogcategories ul > li > a {
				display: block;
				padding: 10px 5px;
				font-family: 'Libre Franklin', sans-serif;
				font-size: 18px;
				color: #ffffff;
			}
				.blogcategories ul > li > a:hover {
					color: #27a39a;
					background-color: #37322d;
				}

			.blogcategories ul > li.all-cats {
				display: none;
				background-color: #fff;
				color: #ffffff !important;
			}
				.blogcategories ul > li.all-cats a {
					padding: 10px;
					color: #2d736e;
					text-align: left;
				}
				.blogcategories ul > li.all-cats > a {
					padding-right: 5px;
				}
					.blogcategories ul > li.all-cats > a .fa {
						padding: 0px 5px;
						transition: transform 0.5s ease;
					}
					.blogcategories.is-open ul > li.all-cats > a .fa {
						transform: rotate(-180deg);
					}
				.blogcategories ul > li.all-cats .dropdown {
				    display: none;
				    width: 130%;
					position: absolute;
					background-color: #fff;
					box-shadow: 0px 3px 6px rgba(100, 100, 100, 0.5);
					border-radius: 0 0 5px 5px;
					z-index: 5;
				}
					.blogcategories ul > li.all-cats .dropdown > li {
						display: block;
					}

					.blogcategories.is-open ul > li.all-cats .dropdown {
						display: block;
					}

@media only screen and (min-width: 64.063em) {
	.show-small { display: none; }
	.show-large { display: inline-block; }

	.blogcategories ul {
		justify-content: space-between;
		flex-direction: row;
	}
		.blogcategories ul > li,
		.blogcategories.is-open ul > li {
			display: inline-block;
		}
			.blogcategories ul > li:nth-child(n+8) {
				display: none;
			}

			.blogcategories ul > li:last-child {
				display: inline-block;
			}

			.blogcategories ul > li.title {
				display: inline-block;
				cursor: default;
			}
}