body {
  font-family: 'Source Sans Pro', sans-serif; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }

.row {
  margin-left: 0;
  margin-right: 0; }

#header h3 {
  margin-top: 7px; }
  #header h3 a {
    color: #333; }
  #header h3 a:hover {
    text-decoration: none; }

#search-box .body {
  background: #ED7004;
  padding: 15px 10px 10px 10px; }
  #search-box .body .form-group {
    margin-bottom: 5px; }
    #search-box .body .form-group .form-control {
      background: #F29A50;
      border: 0;
      color: #FFF; }
    #search-box .body .form-group .form-control::placeholder {
      color: #FFF; }
#search-box .footer {
  background: #C75A00;
  text-align: center;
  padding: 5px; }
  #search-box .footer a {
    color: #FFF; }

#content #feed {
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  border-right: 1px solid #CCC; }
  #content #feed .highlight-text {
    display: none; }
  #content #feed .feed-item.highlight:hover {
    box-shadow: inset 5px 0 0 #008CCE; }
  #content #feed .feed-item.highlight {
    box-shadow: none;
    border: 2px solid #008CCE;
    position: relative;
    padding-top: 25px; }
    #content #feed .feed-item.highlight .highlight-text {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #008CCE;
      color: #FFF;
      padding-left: 1.2em;
      padding-right: 1.7em; }
    #content #feed .feed-item.highlight .highlight-text:after {
      content: "";
      position: absolute;
      height: 0;
      width: 0;
      right: 0;
      top: 0;
      border: 10px solid transparent;
      border-right: 10px solid #FFF; }
  #content #feed .feed-item:hover {
    box-shadow: inset 5px 0 0 #ed7004; }
  #content #feed .feed-item {
    padding: 8px;
    border-bottom: 1px solid #CCC; }
    #content #feed .feed-item h4 {
      margin: 0 0 5px 0; }
    #content #feed .feed-item hr {
      margin: 0 0 5px 0; }
    #content #feed .feed-item .title {
      font-weight: 600; }
    #content #feed .feed-item .location-text {
      text-transform: uppercase;
      font-weight: 600;
      margin: 0 0 15px 0; }
    #content #feed .feed-item .location-text:before {
      color: #ED7004;
      content: '\f473';
      display: inline-block;
      font-family: Ionicons;
      font-size: 1.7em;
      font-weight: normal;
      height: 18px;
      line-height: 18px;
      margin: -1px 4px 0 0;
      vertical-align: middle; }
    #content #feed .feed-item .text-justify {
      text-align: justify;
      text-justify: inter-word; }
    #content #feed .feed-item .tag {
      color: #118CCD;
      background-color: #FFFFFF;
      border: 1px dotted #F29A50;
      font-weight: 400;
      display: inline-block;
      margin-right: 3px;
      margin-top: 3px;
      border-radius: 1em;
      text-transform: uppercase;
      padding: 3px 10px;
      font-size: 12px; }

#footer h3 {
  color: #ed7004;
  font-weight: bold; }

.dpXsmall .feed-logo img {
  margin-bottom: 15px; }

.img-responsive {
  max-width: 100%;
  max-height: 100%; }

.clampMe {
  position: relative;
  height: 40px;
  overflow: hidden; }

.clampMe:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 80%); }

/* Now add in code for the browsers that support -webkit-line-clamp and overwrite the non-supportive stuff */
@supports (-webkit-line-clamp: 2) {
  .clampMe {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

  .clampMe:after {
    display: none; } }

/*# sourceMappingURL=styles.css.map */