/* News Search */
#news, #filters, #news-detail-container, #comments {
	max-width: 1200px;
}
#mobile-filters-container {
	width: 80%;
	margin: 0 auto;
}
#news-search {
	padding: 15px 0;
}
#news-search.center {
	position: relative;
	width: 50%;
}
#news-search button {
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -15px;
	padding: 0;
	width: 30px;
	height: 30px;
	background-position: -194px -36px;
	outline: none;
}
#news-search .text {
	width: 100%;
	color: #A1A1A1;
	border: none;
	padding: 16px 10px 16px 70px;
	border-radius: 50px;
}

/*
* News
*/
#canvas .news-type {
	position: relative;
	font-size: 16px;
	margin: 0;
	left: -8px;
}
#canvas .news-type .icon {
	font-size: 60px;
	vertical-align: -11px;
}
#canvas .news-type .large-icon {
	font-size: 300px;
}
#canvas .blog.news-type {
	color: #DA2E3B;
}
#canvas .case-study.news-type {
	color: #FAB04E;
}
#canvas .press-release.news-type {
	color: #9D50C4;
}
#canvas .in-the-news.news-type {
	color: #4EA7AA;
}
#news-filtered-results-container{
	background:#FFFFFF;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}
#news-filtered-results-container .button {
	display: block;
	width: 120px;
	margin: 0 auto;
	bottom: 20px;
	position: relative;
}
#news-filtered-results-container .button.hide {
	display: none;
}
#news-filtered-results-container h1{
	text-transform: capitalize;
	color:#C02337;
}
#news-filtered-results-container h2{
	color:#C02337;
}
#news-filtered-results-container h5 {
	font-weight: 300;
	color: #333;
	padding-right: 280px;
	margin-bottom: 175px;
}
#news-results-container{
	background:#FFFFFF;
	margin-bottom: 30px;
}
#news-results-container h1{
	color:#C02337;
	padding-bottom: 10px;
	padding-left: 20px;	
}
#news-results-container .button {
	display: block;
	width: 120px;
	margin: 0 auto;
	bottom: 20px;
	position: relative;
}
#news-results-container .button.hide {
	display: none;
}
#news-results-container h2{
	color:#C02337;
	padding-top: 10px;
	padding-left: 20px;
}
#news-results-container h5 {
	font-weight: 300;
	color: #333;
	padding-right: 280px;
	margin-bottom: 175px;
}
#news-results {
	padding-left: 20px;
	margin-bottom: 40px;
}
#popular-articles{
	padding-left:20px;
	padding-right:20px;
}

/* Filters */
#filters-nav {
	margin-bottom: 40px;
}
#filters-nav a {
	display: block;
	font-size: 13px;
	text-align: center;
	line-height: 36px;
	color: #CCCDC9;
	border: 2px solid #CCCDC9;
}
#filters-nav a:hover,
#filters-nav .active {
	color: #EFEFEF;
	background-color: #878988;
	border-color: #858786;
}
#filters-nav .all-media-types a:hover {
	background: #858786;
	border-color: #858786;
	color: #EFEFEF;
}
#filters-nav .blog-posts .active {
	background: #DA2E3B;
	border-color: #DA2E3B;
}
#filters-nav .blog-posts a:hover {
	background: #DA2E3B;
	border-color: #DA2E3B;
	color: #EFEFEF;
}
#filters-nav .case-studies .active {
	background: #FAB04E;
	border-color: #FAB04E;
}
#filters-nav .case-studies a:hover {
	background: #FAB04E;
	border-color: #FAB04E;
	color: #EFEFEF;
}
#filters-nav .press-release .active {
	background: #9D50C4;
	border-color: #9D50C4;
}
#filters-nav .press-release a:hover {
	background: #9D50C4;
	border-color: #9D50C4;
	color: #EFEFEF;
}
#filters-nav .in-the-news .active {
	background: #4EA7AA;
	border-color: #4EA7AA;
}
#filters-nav .in-the-news a:hover {
	background: #4EA7AA;
	border-color: #4EA7AA;
	color: #EFEFEF;
}
#filters.news-filters {

}
#filters.news-filters a {
	display: block;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	line-height: 35px;
	color: #000000;
	white-space: nowrap;
	padding-top: 10px;
}
#filters.news-filters .active {
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .all-media-types a:hover {
	background: #DA2E3B;
	border-color: #DA2E3B;
}
#filters.news-filters .blog .active {
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .blog a:hover {
	background: #DA2E3B;
	border-color: #DA2E3B;
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .case-studies .active {
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .case-studies a:hover {
	background: #DA2E3B;
	border-color: #DA2E3B;
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .press-release .active {
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .press-release a:hover {
	background: #DA2E3B;
	border-color: #DA2E3B;
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .in-the-news .active {
	border-top: 4px solid #DA2E3B;
}
#filters.news-filters .in-the-news a:hover {
	background: #DA2E3B;
	border-color: #DA2E3B;
	border-top: 4px solid #DA2E3B;
}

/* News Results */
.news-box {
	width: 30%;
	overflow: hidden;
	margin-bottom: 16px;
	padding-top: 10px;
	clear: both;
	height:auto;
    overflow:auto;
	border-bottom: 1px solid #686868;
	border-width: 80%;
}
.news-box a {
	display: block;
}
.news-box .image-container {
	height: 250px;
	overflow: hidden;
	position: relative;
}
.news-box img {
	width: auto;
	height: auto;
	max-width: 95%;
	max-height: 100%;
}
.news-box-content {
	padding: 20px 20px 20px 0;
	position: relative;
}
.no-image .news-box-content {
	height: 220px;
	padding-top: 20px;
}
.news-box-content p {
	font-size: 18px;
	color: #C02337;
}
.news-box .excerpt {
	font-size: 14px;
	color: #686868;
	padding-bottom: 20px;
	word-wrap:break-word;
	width:95%;
}
.news-box-content .date {
	font-size: 12px;
	font-weight: 400;
	color: #858786;
	margin-bottom: 0;
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.news-box .icon {
  display: inline-block;
  font-size: 30px;
  vertical-align: -3px;
}
.no-image.news-box .icon {
	display: inline-block;
	font-size: 45px;
	vertical-align: -5px;
}
.lastline {
	position: absolute;
    bottom: 0;
    left: 0;
	width:95%;
}
.readmorelink {
	color: #C02337;
	font-size: 17px;
	float: right;
	padding-top: 7px;
}
.news-type {
	font-size: 16px;
	font-weight: 300;
	margin-top: 20px;
	padding-left: 13px;
}
.ribboncontainer{
  position: absolute;
  float: right;
  top: 0px;
  width: 100%;
}
.ribbon {
  background: #C02337;
  color: #FFFFFF;
  float: right;
  background: -moz-linear-gradient(60deg, transparent 15%, rgba(192, 35, 55, 1) 16%);
  background: -o-linear-gradient(60deg, transparent 15%, rgba(192, 35, 55, 1) 16%);
  background: -webkit-linear-gradient(60deg, transparent 15%, rgba(192, 35, 55, 1) 16%);
  background: linear-gradient(60deg, transparent 15%, rgba(192, 35, 55, 1) 16%);
}
.ribbon:after {
  right: -2em;
  border-left-width: 1.5em;
  border-right-color: transparent;
}
.ribbon .ribbon-content:after {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: #7F0E21 transparent transparent transparent;
  bottom: -1em;
}
.ribbon .ribbon-content:before {
  left: 0;
  border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
  right: 0;
  border-width: 1em 1em 0 0;
}
.ribbon .ribbon-content {
  font-size: 14px !important;
  padding-left: 30%;
  padding-right: 20%;
  text-transform: uppercase;
  font-weight: bolder;
  white-space: nowrap;
}

/* News Filtered Content */

.news-filterbox img {
	float:left;
	height: 300px;
}

.news-filterbox-content {
	padding: 20px 20px 20px 0;
	position: relative;
}

/* News Detail */
#news-detail-container {
	position: relative;
	background: #FFFFFF;
}
#news-detail-container h1 {
	font-size: 32px;
	font-weight: 500;
	color: #333;
	margin: 0;
	line-height:35px;
}
#news-detail-info p {
	float: right;
	font-size: 16px;
	font-weight: 300;
	color: #333;
}
#news-detail-info p:first-child {
	float: left;
}
#news-detail-info span {
	color: #B8B9B5;
}
#news-middle-column {
	width:68%; 
	float:left;
}
#right-column {
	width:30%; 
	float:right;
}
#right-column #categories .cat-item a{
  color: #C02337;
}
#right-column #categories li{
	list-style-type: none;
}
#middle-column-content {
	margin-bottom: 20px;
}
#middle-column-content h2 {
	margin-bottom: 30px;
}
#middle-column-content h4 strong {
	display: inline-block;
	margin-bottom: 5px;
}
#middle-column-content p {
	font-size: 16px;
	font-weight: 300;
	color: #797B7A;
	margin-bottom: 20px;
}
#middle-column-content p a {
	color: #AD1234;
	font-size: 16px;
}
#middle-column-content ul {
	margin: 0 0 20px 18px;
	list-style-type: disc;
}
#middle-column-content li {
	font-size: 14px;
	color: #4D4D4D;
	margin-bottom: 5px;
}
#middle-column-content img {
	max-width: 80%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
#news-detail .button {
	display: block;
	margin: 0 auto;
}
.news-content-image {
	text-align: center;
	margin-bottom: 20px;
}
.news-content-image img {
	max-width: 100%;
	height: auto;
}
#news-detail-container .button {
	display: inline-block;
}
#news-detail-container em {
	font-style: none !important;
}
#news-detail-container table {
	float: none;
	width: 100%;
}

/* Comments */
#comments h4 {
	color: #CECFCB;
	margin-bottom: 40px;
}
#comments .center {
	width: 632px;
}
.comment-block {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCCDC9;
}
.comment-image {
	float: left;
	width: 65px;
}
.comment-image img {
	width: 100%;
	height: auto;
}
.comment {
	margin: 0 105px;
}
.comment p {
	font-size: 16px;
	font-weight: 300;
	color: #000;
	margin-bottom: 10px;
}
.comment span {
	color: #858786;
}
#comments a {
	font-size: 14px;
	color: #AF1234;
}
#comments a:hover {
	opacity: .8;
	filter: alpha(opacity=80);
}
#leave-comment-form {
	margin-top: 20px;
}
#leave-comment-form textarea {
	height: 130px;
}
#leave-comment-form button {
	background: #AE1234;
}

#commentform #messageBox,
#commentform #messageBox li {
	color: #FF0000;
	font-size: 12px !important;
	margin: 0;
	padding: 0;
	text-transform: none;
}
#commentform #messageBox {
	margin-top: 10px;
}
#commentform .form-row .error {
	border: 1px solid #FF0000;
}

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
	#mobile-filters-container {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#mobile-filters-container p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#mobile-filters {
		position: relative;
		font-size: 15px;
		text-align: center;
		width: 100%;
		padding: 10px 10px 0;
		border: 2px solid #E7E8E4;
	}
	#mobile-filters:before {
		position: absolute;
		display: block;
		content: '';
		top: 10px;
		right: 0;
		width: 25px;
		height: 17px;
		background: url(../images/select-arrows.png) no-repeat right center;
		z-index: 1;
	}
	#mobile-filters p {
		position: relative;
		z-index: 10;
		font-weight: 500;
		color: #797B7A;
	}
	#mobile-filters a {
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		color: #797B7A;
		padding: 10px 0;
	}
	#mobile-filters li:first-child {
		display: none;
	}
	#mobile-filters ul {
		display: none;
		border-top: 1px solid #E7E8E4;
		margin: 0;
		list-style-type: none;
	}
	#popular-articles{
		display: none;
	}
	.news-box {
		width: 100%;
	}
	#news-search.center {
		width: 70%;
	}
	#news-middle-column {
	width:98%; 
	float:left;
	}
	#right-column {
		width:100%; 
		float:left;
	}
	.heateor_sss_horizontal_sharing{
		position: relative;
	}
	#right-column {
		display: none;
	}
	#news-search .text {
		font-size: 12px;
	}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
		#mobile-filters-container {
		margin-bottom: 30px;
	}
	#mobile-filters-container p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#mobile-filters {
		position: relative;
		font-size: 15px;
		text-align: center;
		width: 100%;
		padding: 10px 10px 0;
		border: 2px solid #E7E8E4;
	}
	#mobile-filters:before {
		position: absolute;
		display: block;
		content: '';
		top: 10px;
		right: 0;
		width: 25px;
		height: 17px;
		background: url(../images/select-arrows.png) no-repeat right center;
		z-index: 1;
	}
	#mobile-filters p {
		position: relative;
		z-index: 10;
		font-weight: 500;
		color: #797B7A;
	}
	#mobile-filters a {
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		color: #797B7A;
		padding: 10px 0;
	}
	#mobile-filters li:first-child {
		display: none;
	}
	#mobile-filters ul {
		display: none;
		border-top: 1px solid #E7E8E4;
		margin: 0;
		list-style-type: none;
	}
	#popular-articles{
		display: none;
	}
	.news-box {
		width: 100%;
	}
	#news-search.center {
		width: 70%;
	}
	#news-middle-column {
	width:98%; 
	float:left;
	}
	#right-column {
		width:100%; 
		float:left;
	}
	.heateor_sss_horizontal_sharing{
		position: relative;
	}
	#right-column {
		display: none;
	}
	#news-search .text {
		font-size: 15px;
	}
    }
	
	@media only screen and (min-width : 706px) {
		#right-column {
			display: none;
		}
	}

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		.show-on-tablet {
			display: block;
		}
		#mobile-filters-container {
		margin-bottom: 30px;
	}
	#mobile-filters-container p {
		font-size: 12px;
		margin-bottom: 10px;
	}
	#mobile-filters {
		position: relative;
		font-size: 15px;
		text-align: center;
		width: 100%;
		padding: 10px 10px 0;
		border: 2px solid #E7E8E4;
	}
	#mobile-filters:before {
		position: absolute;
		display: block;
		content: '';
		top: 10px;
		right: 0;
		width: 25px;
		height: 17px;
		background: url(../images/select-arrows.png) no-repeat right center;
		z-index: 1;
	}
	#mobile-filters p {
		position: relative;
		z-index: 10;
		font-weight: 500;
		color: #797B7A;
	}
	#mobile-filters a {
		display: inline-block;
		font-size: 14px;
		font-weight: 500;
		color: #797B7A;
		padding: 10px 0;
	}
	#mobile-filters li:first-child {
		display: none;
	}
	#mobile-filters ul {
		display: none;
		border-top: 1px solid #E7E8E4;
		margin: 0;
		list-style-type: none;
	}
	#popular-articles{
		display: block;
	}
	.news-box {
		width: 45%;
	}
	#news-search.center {
		width: 60%;
	}
	#news-middle-column {
	width:98%; 
	float:left;
	}
	#right-column {
		display: block;
		width:100%; 
		float:left;
	}
	.heateor_sss_horizontal_sharing{
		float:right;
		position: absolute;
	}
	#news-search .text {
		font-size: 20px;
	}
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		.show-on-tablet {
			display: none;
		}
		#popular-articles{
			display: block;
		}
		.news-box {
			width: 45%;
		}
		#news-middle-column {
			width:60%; 
			float:left;
		}
		#right-column {
			display: block;
			width:40%; 
			float:right;
		}
		#news-search .text {
			font-size: 20px;
		}
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
		.show-on-tablet {
			display: none;
		}
		#popular-articles{
			display: block;
		}
		.news-box {
			width: 30%;
		}
		#news-middle-column {
			width:68%; 
			float:left;
		}
		#right-column {
			display: block;
			width:30%; 
			float:right;
		}
		.heateor_sss_horizontal_sharing{
			float:right;
			position: absolute;
		}
		#news-search .text {
			font-size: 20px;
		}
    }