/*******************

Home common styles

****************/

.page-content-block .views-row-inner {
  margin: 0 auto;
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
}
.content-readmore {
  font-size: 11px;
  color: #1fa29c;
  font-weight: 400;
  cursor: pointer;
  text-decoration: underline;
  margin-top: 15px;
}
.content-readmore:hover {
  color: #4d4d4d;
}
.content-more-block .content-more-inner {
  max-height: 55px;
  overflow: hidden;
  transition: max-height 0.3s linear 0s;
  width: 100%;
}
.logic-model-component .content-more-block.have-more {
  padding-bottom: 8px;
}
.priority-indicators-component .content-more-block.have-more {
  padding-bottom: 16px;
}
.home-banner .banner-content-left {
  max-width: 500px;
}
.diagram-note {
  margin-top: 40px;
  padding-left: 30px;
  position: relative;
}
.diagram-note:before {
  content: "";
  width: 17px;
  height: 17px;
  background: url(/themes/custom/gff/components/home/common/css/../img/info.png) no-repeat center center transparent;
  position: absolute;
  left: 0;
  left: 0;
  top: 50%;
  display: block;
  margin-top: -8.5px;
}
.diagram-note p {
  font-size: 14px;
  line-height: 18px;
}
.diagram-note p:not(:last-child) {
  margin-bottom: 3px;
}
/******************readmore option*************/

.content-more-block {
  position: relative;
}
.content-more-block.have-more .section-summary-initial {
  position: absolute;
  left: 0;
  top: 0;
  transition: opacity 0.5s linear 0s;
}
.content-more-block .content-more-inner {
  max-height: none !important;
  transition: height 0.5s linear 0s;
}
.section-summary-more {
  /*display: none;*/
  opacity: 0;
  transition: opacity 0.5s linear 0s;
}
.content-more-block.is-active .section-summary-more {
  opacity: 1;
  transition: opacity 0s linear 0s;
}
.content-more-block.is-active .section-summary-initial {
  opacity: 0;
  transition: opacity 0s linear 0s;
}
/*************************

Responsive

*************************/

@media only screen and (max-width: 767px) {
  .content-more-block .content-more-inner {
    max-height: 45px;
  }
  .content-readmore {
    margin-top: 10px;
  }
  .priority-indicators-component .content-more-block.have-more {
    padding-bottom: 8px;
  }
}