.actionButOn {
	cursor: hand;
	text-align: center;
	border: 1px solid #e0e0e0;
	background-color: Gray;
	text-decoration: none;
	color: White;
	font-weight: bold;
	padding: 3px;
	font-size: 80%;
}

.actionButOff {
	cursor: hand;
	text-align: center;
	border: 1px solid Gray;
	background-color: #e0e0e0;
	text-decoration: none;
	color: #606060;
	font-weight: bold;
	padding: 3px;
	font-size: 80%;
}

.news .controls {
	top: 0;
	padding-right: 1%;
}
.news .icon.view-grid:after {
	content: 'view_comfy';
}
.news .icon.view-list:after {
	content: 'view_headline';
}
.news .filters {
	width: 100%;
}
.news .filters .nice-select {
	width: 80px;
	min-width: 80px;
	float: right;
	clear: both;
}
.news .featured-item {
	padding-bottom: 40px;
}
.news .featured-item .text {
	padding: 0 40px;
}
.news .featured-item .text .abstract {
	font-family: "Archer SSm A", "Archer SSm B";
	font-size: 13px;
}
.news .featured-item h2 {
	font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}
.news .featured-item .btn {
	margin-top: 20px;
}
.news .actions .row {
	padding-bottom: 20px;
	text-align: center;
}
.news .actions .btn {
	display: inline-block;
	width: auto;
}

.news .bg-grid .cell:nth-child(9n-8) {
	min-width: 33.33333%;
}

.news .story-nav {
	width: 100%;
	margin-top: 3%;
}

.news .story-nav .ui-box-shadow {
	width: 400px;	
	max-width: 100%;
}
.news .story-nav a {
	min-width: 300px;
	xmax-width: 100%;
	xwidth: auto;
}

.news .story-nav a:hover {
	background-color: #fcfcfc;
}
.ContentImage.Left {
	float: left;
	padding: 10px 20px 10px 0;
}
.ContentImage.Left, .story img {
	max-width: 100%;
	height: auto;
}

.story.wysiwyg .image-center img {
	width: initial !important;
}

/*
.bg-grid .cell a:not(:hover) .hover {
	background: transparent;
	height: 100%;
	width: 100%;
}
.news .bg-grid .cell a .hover div.off {
	display: flex;
	padding: 0;
}
.news .bg-grid .cell a .hover div.off div {
	max-width: 100%;
	padding: 10px;
}

.news .bg-grid .cell a:not(:hover) .hover div.off .date {
	position: absolute;
	top: 0;
	width: auto;
	height: auto;
	font-weight: 500;
	color: #fff;
	background-color: #333;
}
.news .bg-grid .cell a .hover div.off .icon {
	position: absolute;
	right: 0;
}
.news .bg-grid .cell a .hover div.off .icon:before {
	    content: "\f1ea";
		font: 20px/1 FontAwesome;
		top: 0px;
		right: 0;
		position: absolute;
		color: #fff;
		padding: 1%;
}
.news .bg-grid .cell a .hover div.off .icon.videos:before {
	    content: "\f03d";
}
.news .bg-grid .cell a .hover div.off .icon.photo-essays:before {
	content: "\f030";
}

.news .bg-grid .cell a .hover div.off .title {
	background-color: rgba(69, 62, 58, .95);
	color: #fff;
    position: absolute;
    bottom: 0;
	width: 98%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 1%;
}
.news .bg-grid .cell a .hover div.on {
	width: 100%;
	background-color: rgba(69, 62, 58, .95);

}
.news .bg-grid .cell a .hover div.on .title {
	display: block;
	font-size: 18px;
	font-weight: 500;
}
.news .bg-grid .cell a .hover div.on .date {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500;
}

@media (max-width: 1024px) {
	.news .half-panel {
		float: none !important;
	    display: block;
	    width: 100%;	
	}
}
@media (max-width: 700px) {
	.news .featured-item .text {
		padding: 10px 0;
		max-height: 200px !important;
    	overflow: hidden;
    	text-overflow: ellipsis;
	}
}
*/