/* ---------------------------------*/
/* ---------->>> NEWS <<<-----------*/
/* ---------------------------------*/
.content-block-container { position: relative; width: 100%; margin: auto; }
	.content-block-wrapper { overflow: hidden; position: relative; }
		.content-block-wrapper-inner { width: 100%; transition: margin .2s linear; }
			.content-block { }
				.cb-title { color: #000; font-size: 200%; font-weight: 700; line-height: 1; min-height: 2em; margin-bottom: 0.75em; word-wrap: break-word; }
				.cb-title[data-icon] { }
				.cb-title[data-icon]:before { content: attr(data-icon); color: #000; font: 400 225%/1 ModernPictogramsNormal; float: left; margin-right: 15px; }
				.cb-title.cb-news-title { }
					.cb-title a { color: #000; text-decoration: none; cursor: pointer; display: block; }
					.cb-title a:hover { color: #00A4A7; text-decoration: none; }
				.cb-image {
					filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
					filter: gray; /* IE6+ */
					filter: grayscale(100%); /* Current draft standard */
					-webkit-filter: grayscale(100%); /* New WebKit */
					
					-webkit-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					-o-transition: all 0.2s linear;
					transition: all 0.2s linear;
				}
				.cb-image:hover {
					filter: none;
					-webkit-filter: grayscale(0);
					
					-webkit-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					-o-transition: all 0.2s linear;
					-webkit-transition: all 0.2s linear;
				}
				.cb-title {
					-webkit-transition: all 0.2s linear;
					-moz-transition: all 0.2s linear;
					-ms-transition: all 0.2s linear;
					-o-transition: all 0.2s linear;
					transition: all 0.2s linear;
				}
				.cb-image:hover + .cb-title { color: #00a4a7; }
				.cb-image-link:hover + .cb-title { color: #00a4a7; }
				.cb-image-link:hover + .cb-title .cb-title-link { color: #00a4a7; }
				.cb-date { color: #787878; font-size: 75%; font-weight: 700; margin-bottom: 4px; text-transform: uppercase; }
				.cb-content { clear: both; }
				
				.cb-image { margin: 0 auto; display: block; margin-bottom: 20px; max-width: 100%; }
				.cb-description { clear: both; color: #505050; display: block; font-size: 16px; font-weight: 600; line-height: 18px; margin-top: 10px; }

.cb-left, .cb-right { width: 40px; height: 85px; position: absolute; cursor: pointer; text-indent: -9999px; z-index: 2;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: moz-none;
	-ms-user-select: none;
	user-select: none;
}
.cb-left { background: url(images/news-arrow-left-active-light.png) no-repeat left top transparent; left: -45px; top: 120px; }
.cb-right { background: url(images/news-arrow-right-active-light.png) no-repeat right top transparent; right: -45px; top: 120px; }
.cb-left-inactive { background-image: url(images/news-arrow-left-inactive-light.png); cursor: default; }
.cb-right-inactive { background-image: url(images/news-arrow-right-inactive-light.png); cursor: default; }


@media (max-width: 1200px) {
	.content-block-container { width: 86%; }
	.cb-title { font-size: 150%; }
}
@media (max-width: 960px) {
	.cb-title { font-size: 125%; }
}
@media (max-width: 767px) {
	.content-block-container { width: 100%; }
	.cb-title { font-size: 175%; min-height: 0; }
	.cb-title[data-icon]:before { font-size: 200%; }
	.content-block-wrapper-inner { transition: none; }
	.cb-left,
	.cb-right { display: none; }
}