/**
 * #.# Knowledge Feature
 *
 */


/**
 * Header content
 * -----------------------------------------------------------------------------
 */
.header-content { margin-bottom:22px; background-size:cover; background-repeat:no-repeat; background-position:center; }

.title-content { text-align:center; }
.title-content h1 { margin-bottom:10px; letter-spacing:0.1em; font-size: 32px; line-height:1; }
.title-content h2 { display:inline-block; padding-bottom:6px; font-size:16px; border-bottom:1px solid #999; text-transform:uppercase; letter-spacing: 0.1em; }
.title-content p { line-height:1.5em; font-size: 16px; }
.title-content.no-bg,
.title-content.no-bg h2 { color:#333; }
.title-content.no-bg-white,
.title-content.no-bg-white .text { color:#fff; }
.title-content.white-bg { background-color:rgba(255, 255, 255, 0.8); color:#333; }
.title-content.black-bg { background-color:rgba(0, 0, 0, 0.8); color:#fff; }
.title-content.black-bg h2 { color:#999; }
.title-content.black-bg .article-meta .text { color:#999; }
.article-meta { padding-bottom:25px; }
.article-meta a { display:inline-block; }
.article-meta .content-area-icon i { margin-bottom:0; }
@media screen and (max-width:719px) {
    .title-content { padding:25px 4% 10px; }
    .title-content h2 { margin-bottom:11px; }
    .add-to-links { margin-top:10px; }
    .header-content .add-to-links .button { float:none; margin:20px 0 10px; }
}
@media screen and (min-width:720px) {
    .header-content { float:left; width:980px; min-height:400px; margin-bottom:60px; }
    .header-content .title-content { width:620px; margin:60px auto; padding:20px 0 13px; }
    .header-content .title-content.no-bg-white h2 { background:none; color:#fff; border-bottom:1px solid #fff; }
    .header-content .left { float:left; margin-left:30px; }
    .header-content .right { float:right; margin-right:30px; }

    .title-content { padding:0 5%; }
    .title-content h1 { padding:15px 0 5px; line-height:1.25em; }
    .title-content p { padding:0 75px; line-height:1.5em; }
    .add-to-links { width:151px; margin:20px auto 10px; }
    .header-content .add-to-links .button { float:none; }
    .article-meta { clear:both; overflow:hidden; height:auto; margin-top:0; padding:15px 0; border:0; }
}



/**
 * Main content
 * -----------------------------------------------------------------------------
 */
.item {}

.item-list { text-align:center; margin-bottom: 15px; }
.item-list h3 { padding:10px 0; font-size:16px; text-transform:uppercase; background: #ededed; letter-spacing: 0.1em; }
.item-list .description { font-size:14px; line-height: 1.75em; margin-top: 15px; }
@media screen and (max-width:719px) {
    .item-list .item-cta {margin-top: 15px;}
}
@media screen and (min-width:720px) {
	.item { margin-bottom:47px; }

  .item-list { float:left; width:630px; margin-bottom:0; }
  .item-list h3 { float:left; width:585px; margin-bottom:0; padding:10px; text-align:left; }
  .item-list img { float:left; width:310px; height:auto; }
  .item-list .description { display:table-cell; overflow:hidden; width:320px; height:373px; margin-top:0; padding:0 25px; text-align:left; vertical-align:middle; }

  .item:nth-of-type(even) .item-list,
  .item:nth-of-type(even) .item-list img { float:right; }
  .item:nth-of-type(even) .item-list h3 { float:right; text-align:right; }

  .item-list .item-cta { display:inline-block; float:left; width:auto; min-width:151px; margin:-14px 0 0 25px; padding:0 40px; font-size:14px; letter-spacing:.1em; color:#fff; background-color:#666; }
}



/**
 * CT Container + Grid
 * -----------------------------------------------------------------------------
 */
.cta-cont { text-align:center; }
.cta-cont a.button { display:inline-block; width:100%; margin-bottom:15px; background-color:#666; font-size:14px; letter-spacing:0.1em; }
.cta-cont a.button:first-child { margin-left:0; }

.grid-block-large { margin:30px 0 0; }
.grid-block-large h3 { font-size:24px; color:#333; border-top:1px solid #9c9c9c; text-align:center; }
.grid-block-large h3 span { display:inline-block; position:relative; top:-17px; width:84%; background:#ededed; }
.grid-block-large img { padding:1px; background:#fff; border:1px solid #ccc; }
@media screen and (max-width:719px) {
	.back-to-top { margin-bottom:30px; }
	.back-to-top.last { margin-bottom:0; }

	.grid-block-large li { margin-bottom:15px; }
	.grid-block-large li.last { margin-bottom:0; }
}
@media screen and (min-width:720px) {
	.cta-cont a.button { width:auto; min-width:151px; padding:0 40px; margin:0 0 17px 38px; }
	.cta-cont a.button:hover { background-color:#000; color: #fff; }
	.cta-cont a.button:first-child { margin-left:0; }

	.grid-block-large h3 { margin:0 auto; width:50%; }
	.grid-block-large h3 span { width:55%; }
	.grid-block-large li { float:left; margin:0 0 9px 9px; }
	.grid-block-large li img { width:300px; height:auto; }
	.grid-block-large li:first-of-type,
	.grid-block-large li:nth-of-type(3n+1) { margin-left:0; }
}