/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.wrap-wiki-item ul {
	margin-left:0;
	margin-right:0;
	margin-top:0;
}
.wrap-wiki-item ul li {
	list-style:none;
	margin:20px 0;
	min-height:150px;
}

.wrap-wiki-item ul li h3 {
	margin-bottom:5px;
}

.h-wiki-item {
	font-size:19px;
}

.flexletter-hold {
	font-size: 19px;
	text-transform: uppercase;
	font-weight: 900;
	color: #000;
}

.flex-subnav {
	display:flex;
	justify-content:space-between;
	background-color:#fbb040;
	padding:5px 10px;
	margin:30px 0 20px 0;
}

.flex-subnav a.letter {
	text-transform:uppercase;
	padding:0 5px;
	color:#ccc;
	line-height:36px;
}

.flex-subnav a.letter:hover {
	text-transform:uppercase;
	padding:0 5px;
}

.flex-subnav a.letter.existing {
	color:#000;
	font-weight:800;
	font-size:1.1em;
	transition:all .2s ease;
}

.flex-subnav a.letter:nth-child(3n):hover {
	transform:scale(1.3);
}

.flex-subnav a.letter.z {
	border-right:none;
}

@media screen and (min-width:1024px) {
	.flexletter-hold {
		font-size:40px;
	}
	.h-wiki-item {
		font-size:29px;
	}
}

.thumbnail-hold {
	 float: left;
   margin-right: 20px;
   border: 1px solid #f1f1f1;
}

.flex-break {
	display:none;
}

@media screen and (max-width:767px) {
	.thumbnail-hold {
		 float: none;
	   width:100%;
	   margin:0;
	}
	.flex-subnav {
		flex-wrap:wrap;
	}
	.flex-break {
		display:flex;
		flex-basis:100%;
	}
	.thumbnail-hold {
		border:none;
		margin:20px 0;
	}
}