body {
	font-family: 'Roboto', sans-serif;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}



@media (min-width: 768px) {
	.container {
		max-width: 100%;
	}
	.col-2dot4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: calc(100% - 20px);
		margin-left: 10px;
		margin-right: 10px;
	}
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

@media (min-width: 1360px) {
	.container {
		max-width: 1360px;
	}
}
.col-2dot4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: calc(20% - 20px);
	margin-left: 10px;
	margin-right: 10px;
}

h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 2.75rem;
}

.card-decks-container .person-card.col {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.person-card {
	border-radius: 5px;
	box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 0.075) !important;
	cursor: pointer;
	-webkit-user-select: none;
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.person-card .person-image {
	transition: filter 0.25s ease;
}

.person-card:hover,
.person-card.selected {
	background-color: #EEEDEA;
	box-shadow: 0 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1) !important;
}

.person-name {
	font-family: 'Noto Serif', serif;
	color: #222222;
	font-weight: bold;
	font-size: 18px;
}

.person-title {
	color: #444444;
	font-size: 14px;
}

ul.trust-list li {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}

.card-decks-container .row:nth-child(3) .person-card {
	/*max-width: 18%;*/
}

.person-card .vote-chart {
	height: 0.5rem;
	border-radius: 0;
}

.person-card .vote-chart .progress-bar {
	transition: width 0.25s ease;
	height: 10px;
}
.person-image-container {
	background-color: #FFFFFF;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}
.info-outer-container {
	display: none;
}

.info-container {
	background-color: #EEEDEA;
}

.credit-container {
	padding-left: 160px;
	padding-right: 160px;
}

.info-container h5 {
	font-weight: bold;
	font-size: 29px;
	font-family: "Noto Serif", serif;
}

.arrow-box::after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(238, 237, 234, 0);
	border-bottom-color: #EEEDEA;
	border-width: 10px;
	margin-left: -10px;
}

.info-container .info-person-title {
	font-weight: bold;

}

.sp-cover video {
	width: 100%;
}

.info-container .progress {
	background: none;
	border-radius: 0;
	height: 0.5rem;
}

.info-container .progress .progress-bar {

}

.row.tabs .btn {
	border-radius: 1.5rem;
	margin-right: 10px;
	font-weight: bold;
	border-color: #AEAEAE;
}

.row.tabs .btn:focus {
	box-shadow: none;
}

.row.tabs .btn.active {
	border-color: #AEAEAE;
	background: #F4F4F4;
	color: #EE3322;
}

/*
 * MOBILE VERSION
 */

.detail-w .top-image {
	width: auto;
}
.detail-w .top-image img {
	width: 100%;
}
#admwrapper section#content {
	width: 100%;
	margin-top: 47px;
}
.mobile-card .card-footer a {
	color: #222222;
}
.mobile-card.person-card:hover {
	background: none;
}
.mobile-card ul.trust-list li {
	font-size: 1rem;
	list-style: none;
}
.mobile-card .person-name {
	font-size: 1.5rem;
}
.mobile-card .person-title {
	font-size: 1rem;
}
.mobile-card .info-person-bio-container {
	display: none;
}

.mobile-credit-container {
	border-left: 5px solid #FFFFFF;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 2rem;
}

.mobile-credit-container .credit-item .credit-text {
	display: inline-block;
}

.credit-publish-date {
	color: #aaaaaa;
}
.VCSortableInPreviewMode[type="credit"] .credit-item {
	line-height: 1.3 !important;
}
.VCSortableInPreviewMode[type="credit"] .credit-item label,
.VCSortableInPreviewMode[type="credit"] .credit-item div {
	font-size: 12px !important;
	opacity: 0.7;
	line-height: 1.3 !important;
}