@charset "utf-8";
/* Articles & Report CSS Document */

/*

  ARTICLES

*/

.font-weight--700 {
  font-weight: 700;
}

#textShowMoreLess {
  font-size: 1em;
}

.ArticlePost {
  margin-top: 20px;
}

.ArticlePost-author {
  margin-bottom: 20px;
  font-size: 16px;
}

.ArticlePost-author a {
  color: #ff5000 !important;
}

.ArticlePost-author a:hover {
  color: #cc4700 !important;
}

.ArticlePost .promotional-banner-article {
  padding-top: 79px !important;
}

.ArticlePost .promotional-banner a {
  display: inline-block;
}

.ArticlePost .promotional-banner a img {
  display: block;
  width: 100%;
}

.ArticlePost .ArticlePost-data {
  margin-bottom: 10px;
}

.ArticlePost .ArticlePost-data .data > .title {
  display: inline-block;
  font-family: Arial, sans-serif;
}

.ArticlePost .ArticlePost-data .data > span {
  display: inline-block;
  font-family: Arial, sans-serif;
}

.component-report {
  margin-top: 20px !important;
}

.ArticlePost-header {
  padding-bottom: 5px;
  margin: 0;
}
.ArticlePost-header .title {
  font-family: knowledge-text-n3, knowledge, Arial, sans-serif;
  font-weight: 300;
  font-size: 40px;
  text-rendering: optimizeLegibility;
  color: #666;
  line-height: 1.05;
  margin: 0;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 10px;
}

@media screen and (max-width: 480px) {
  .ArticlePost-header .title {
    font-size: 30px;
  }
}

.ArticlePost-header .meta {
  font-size: 0.855em;
  font-family: "knowledgelight";
  margin-top: 15px;
}
.ArticlePost-header .meta .glyphicon {
  display: inline-block;
  color: #666;
  font-size: 0.75em;
}
.ArticlePost-header .meta .back {
  font-family: "knowledgemedium";
  color: #333;
  display: inline-block;
  margin-right: 23px;
  position: relative;
}
.ArticlePost-header .meta .back::after {
  content: "";
  position: absolute;
  top: 2px;
  right: -13px;
  background-color: #e9e9e9;
  height: 14px;
  width: 1px;
}
.ArticlePost-header .meta .date {
  color: #666;
}
.ArticlePost-header .meta .author {
  font-family: "knowledgemedium";
  color: #333;
  text-decoration: underline;
}
.ArticlePost-header .meta .right {
  float: right;
}
.ArticlePost-header .meta .right .rss-feed-topic {
  font-family: "knowledgeregular";
  font-weight: 700;
  padding: 4px 9px;
  margin-right: 10px;
  position: relative;
  float: left;
}

.ArticlePost-header .meta .right .rss-feed-topic a {
  color: #333;
  text-decoration: none;
}

.ArticlePost-header .meta .right .rss-feed-topic a:hover {
  color: #333;
  text-decoration: underline;
}

.ArticlePost-header .meta .right .rss-feed-topic::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 20px;
  background-color: #e9e9e9;
}

.ArticlePost-header .meta .right a.btn {
  display: inline-block;
  font-family: knowledge-text-n7, knowledge, Arial, sans-serif;
  font-size: 16px;
  color: #005885;
  background-color: #fff;
  padding: 3px 15px;
  font-size: 16px;
  text-decoration: none;
  line-height: 1.4;
  border: 1px solid #dedede;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  vertical-align: middle;
  position: relative;
}

.ArticlePost-header .meta .right .share-button-drop-down {
  display: inline-block;
}

.ArticlePost-header .meta .right .share-button-drop-down .dropdown-menu {
  font-size: 14px;
  line-height: 19.6px;
  margin: 15px 0 0;
  min-width: 160px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 15px 0;
  list-style: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  float: left;
}

.ArticlePost-header .meta .right .share-button-drop-down .dropdown-menu li a {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 3px 20px;
  color: #212121;
  display: block;
  clear: both;
  white-space: nowrap;
  font-weight: 400;
  line-height: 25px;
}

.ArticlePost-header
  .meta
  .right
  .share-button-drop-down
  .dropdown-menu
  > li
  > a:focus,
.ArticlePost-header
  .meta
  .right
  .share-button-drop-down
  .dropdown-menu
  > li
  > a:hover {
  background-color: #e9e9e9;
  color: #212121;
  text-decoration: none;
}

.ArticlePost-header .meta .right .icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-color: transparent;
  background-image: url(images/png/sprite.png);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  top: -2px;
  font-size: 10px;
  line-height: 1;
  vertical-align: middle;
  position: relative;
}

.ArticlePost-header
  .meta
  .right
  .share-button-drop-down
  .dropdown-menu
  li
  a
  .icon {
  top: 0;
  margin-right: 5px;
}

.ArticlePost-header .meta .right .icon-facebook {
  background-position: 0 -336px;
}

.ArticlePost-header .meta .right .icon-twitter {
  background-position: -144px -336px;
}

.ArticlePost-header .meta .right .icon-linkedin {
  background-position: -96px -336px;
}

.ArticlePost-header .meta .right .icon-google-plus {
  background-position: -48px -336px;
}

.ArticlePost-header .meta .right .icon-email {
  background-position: -240px -336px;
}

.ArticlePost-header .meta .right .btn > .icon-caret {
  width: 6px;
  height: 4px;
  display: inline-block;
  background-position: -240px 0;
  margin-left: 10px;
}

.ArticlePost-header .meta .right .btn.dropdown-toggle:hover .icon-caret {
  background-position: -432px -144px;
}

.ArticlePost-header .meta .right .dropdown.open .btn > .icon-caret {
  background-position: -432px -192px;
}

.ArticlePost-header .meta .right .dropdown.open .btn > .icon-caret {
  background-position: -432px -192px;
}

.ArticlePost-header .meta .right .dropdown-menu--with-caret:before {
  margin-left: -23px;
  background-color: #fff;
  border-style: solid;
  border-width: 0 13px 11px;
  border-color: transparent transparent #dedede;
  position: absolute;
  left: 80%;
  bottom: 100%;
  content: "";
  display: block;
}

.ArticlePost-header .meta .right .dropdown-menu--with-caret:after {
  margin-left: -22px;
  border-width: 0 12px 10px;
  border-color: transparent transparent #fff;
  position: absolute;
  left: 80%;
  bottom: 100%;
  border-style: solid;
  content: "";
  display: block;
}

.ArticlePost-features {
  margin-top: 10px;
  margin-bottom: 35px;
}
.ArticlePost-features a {
  display: inline-block;
  color: #515151;
  font-family: "knowledgemedium";
  font-size: 0.856em;
  vertical-align: top;
}
.ArticlePost-features a span {
  display: inline-block;
  font-size: 0.66em;
  vertical-align: top;
  margin-top: 4px;
}
.ArticlePost-features .right {
  text-align: right;
}

.ArticlePost-subheading p {
  font-size: 1em;
  font-family: "knowledgemedium";
  color: #515151;
}

.ArticlePost-content img.wp-post-image,
.ArticlePost-content img.size-full {
  /*width: 100%;
  height: auto;
  display: block;*/
}

.ArticlePost-content img.size-full {
  /*width: 100%;*/
}

.ArticlePost-content img.width--wrapper {
  max-width: 100%;
}

.ArticlePost-content .ads {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  background-color: #eee;
  width: auto;
  text-align: center;
}

.ArticlePost-content .ads img {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

.ArticlePost-content .float--right .ads p {
  margin: 0;
  font-size: 0.855em;
  font-family: "knowledgeregular";
}
.ArticlePost-categories .title,
.ArticlePost-tags .title {
  width: 160px;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 0.885em;
  text-transform: uppercase;
  color: #666;
}

.ArticlePost-categories {
  margin-top: 15px;
  padding: 20px 0 15px 0;
  border-top: 1px solid #e9e9e9;
  margin-left: 0;
  margin-right: 0;
}
.ArticlePost-categories ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.ArticlePost-categories ul li {
  display: inline-block;
  margin: 0 5px 5px 0;
  position: relative;
}
.ArticlePost-categories ul li::after {
  display: block;
  content: ",";
  color: #005885;
  top: 0;
  right: -5px;
  position: absolute;
}

.ArticlePost-categories ul li:last-child::after {
  display: none !important;
}

.ArticlePost-categories ul li a,
.ArticlePost-tags a {
  display: inline-block;
  font-size: 0.885em;
  color: #001eff;
  text-transform: uppercase;
  position: relative;
}

.ArticlePost-categories ul li a:hover,
.ArticlePost-tags a:hover {
  color: #3950ff;
}

.ArticlePost-tags {
  padding: 20px 0 15px 0;
  border-top: 1px solid #e9e9e9;
  margin-left: 0;
  margin-right: 0;
}

.ArticlePost-content .image-featured {
  margin-bottom: 30px;
}

.ArticlePost-content .image-featured img {
  width: 100%;
  height: auto;
}

.Video {
  margin-bottom: 30px;
}

.btn-icon-rss,
.btn-icon-rss:hover {
  margin-right: 10px;
  text-decoration: none;
}

.btn-icon-rss:focus {
  text-decoration: none;
  color: transparent;
}

.promotional-banner img {
  width: 100%;
}

.Posts {
  display: block;
  width: 100%;
}

.Posts-sizer {
  width: 23.5%;
}

.Posts-gutter {
  width: 2%;
}

.Posts-item {
  background-color: #eeeeee;
  color: black;
  width: 23.5%;
  box-sizing: border-box;
  font-size: 0.85em;
  margin-bottom: 25px;
  font-size: 16px;
  text-decoration: none !important;
  display: block;
}

.Posts-item img {
  display: block;
  width: 100%;
}

.Posts-item .Post {
  box-sizing: border-box;
  padding: 15px;
}

.Posts-item .Post .Post-title {
  font-family: knowledge-text-n4, knowledge, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  font-size: 1em;
  color: #000;
  font-weight: 700;
}

.Posts-item .Post .Post-content {
  font-size: 1em;
  font-family: knowledge-text-n3, knowledge, Arial, sans-serif;
  color: #666;
  line-height: 1.2em;
  margin-bottom: 5px;
  word-wrap: break-word;
}

.Posts-item .Post .Post-content img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 200px;
  margin: 10px 0;
}

.Posts-item .Post .Post-readmore {
  display: block;
  text-decoration: none;
  font-size: 0.9em;
  color: #515151;
  font-family: knowledge-text-n3, knowledge, Arial, sans-serif;
  font-weight: 700;
}

.Posts-item .Post .Post-readmore {
  display: block;
  text-decoration: none;
  font-size: 0.9em;
  color: #515151;
  font-family: knowledge-text-n3, knowledge, Arial, sans-serif;
  font-weight: 700;
}

.Posts-item .Post .Post-readmore span.link-chevron {
  top: -1px;
  left: -5px;
}

.Posts-item .Post .categories {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.Posts-item .Post .categories span {
  font-size: 0.8em;
  color: #515151;
  margin-right: 6px;
  position: relative;
}

.Posts-item .Post .categories span::after {
  /*position: absolute;
  top: 3px;
  right: -8px;
  width: 1px;
  height: 10px;
  background: #6B6B6B;*/
  position: relative;
  display: inline-block;
  margin-left: 4px;
  content: "|";
}

.Posts-item .Post .author {
  font-size: 0.8em;
  color: #515151;
}

.Posts-item .Post .date {
  font-size: 0.8em;
  color: #515151;
  text-transform: uppercase;
}

.Posts-loader {
  text-align: center;
  margin-bottom: 15px;
}

.Events-loader {
  text-align: center;
  margin-bottom: 15px;
}

.visibility--hidden {
  visibility: hidden;
}

/* for Styles */

.selectNewsOlder-wrapper .dropdown-list {
  display: inline-block;
  margin-left: 5px;
}

.selectNewsOlder-wrapper .dropdown-list .select-wrap:after {
  font-size: 8px;
  line-height: 31px;
  padding: 0 10px;
}

.selectNewsOlder-wrapper .dropdown-list .select-wrap select {
  width: 139px;
  font-family: knowledge-text-n4, knowledge, Arial, sans-serif;
  font-size: 16px;
  text-rendering: optimizeLegibility;
  padding: 8px 10px 6px 8px;
}

.selectNewsOlder-wrapper .dropdown-list .select-wrap select option {
}

.selectNewsOlder .selectNewsOlder-wrapper span {
  font-size: 0.85em;
}

.img-margin-buttom {
  margin-bottom: 20px;
}

/* Responsiveness */

@media screen and (max-width: 1000px) {
  .Posts-sizer {
    width: 32%;
  }
  .Posts-gutter {
    width: 2%;
  }
  .Posts-item {
    width: 32%;
  }
}

@media screen and (max-width: 768px) {
  .btn-icon-rss {
    display: none;
  }
  .share-button-drop-down {
    display: none;
  }
  .Posts-sizer {
    width: 49%;
  }
  .Posts-gutter {
    width: 2%;
  }
  .Posts-item {
    width: 49%;
  }
  .selectNewsOlder {
    display: none;
  }
}

@media screen and (min-width: 481px) {
  /* .ArticlePost-content img.size-small {
    width: 150px;
    height: auto;
    max-height: 150px;
  }
  .ArticlePost-content img.size-medium {
    width: 300px;
    height: auto;
    max-height: 196px;
  }
  .ArticlePost-content img.size-large {
    width: 670px;
    height: auto;
    max-height: 378px;
  } */
}

@media screen and (max-width: 480px) {
  .ArticlePost {
    margin-top: 0;
  }
  .breadcrumbs {
    display: none;
  }
  .Posts-sizer {
    width: 100%;
  }
  .Posts-gutter {
    width: 0%;
  }
  .Posts-item {
    width: 100%;
  }
  .column-sidebar-left {
    margin-top: 30px;
  }
  .ArticlePost-categories .title,
  .ArticlePost-tags .title {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
}
