@charset "utf-8";
/* CSS Document */
h3 {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
    font-family: "Muli", "Lato", sans-serif;
    }
.wrap-primary {
    background-color: #355997;
    background-color: rgba(9, 51, 138, 0.7);
    padding: 40px 0px;
  }
  #header-full {
    background-image: url(/PEG/Resources/Images/downtownrockville.jpg);
      background-repeat: no-repeat;
    background-position: center center fixed;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
  }
  #header-full a {
    color: #fff  }
  .wrap-dark-color {
    background: rgba(0, 64, 128, 0.7);
    margin-top: 40px;
    margin-bottom: 40px;
  }
  #cable-background {
      background-image: url(/PEG/Resources/Images/downtownrockville.jpg);
      background-repeat: no-repeat;
    background-position: center center fixed;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .pull-left {
    float: left !important;
  }
  .pull-right {
    float: right !important;
  }
  #carousel-example-generic {
    background: transparent;
  }
  
  .img-shadow {
    box-shadow: 10px 10px 8px #355997;
  }
  .font-shadow {
    text-shadow: 4px 4px 6px #355997;
  }
  .font-shadow h1 {
    text-shadow: 4px 4px 6px #355997;
  }
  .font-shadow h2 {
    text-shadow: 4px 4px 6px #355997;
  }
  .cable-footer {
    padding-top: 55px;
    padding-bottom: 55px;
    background: rgba(255, 255, 255, 0.8);
    color: black;
  }
  .hot-area {
    background: rgba(193, 66, 66, 0.8);
    padding-top: 55px;
    padding-bottom: 55px;
  }
  #links-list a {
    color: #000000;
  }
  .cable-title {
    font-size: 55px;
    text-align: center;
    color: white;
    padding-bottom: 15px;
  }
  .read-more a {
    padding: 10px;
    background-color: blue;
    font-size: 16px;
    color: white;
    margin-top: 25px;
    border-radius: 10px;
    margin-right: 40px;
    z-index: 0;
  }
  .read-more a:hover{
    background-color: green;
    text-decoration: none;
    z-index: 0;
  }
  .icon-ar {
    background: white;
    color: #355997;
    border-radius: 10px;}
  .content-body {
    background: white;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  .content-body-text {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    color: black;
  }
  .border-on-way {
    border-radius: 15px;
  }
  .list-group-item {
    background: #355997;
    color: white;
  }
  a.list-group-item {
    background: #355997;
    color: white;
  }
  a:active.list-group-item {
    background-color: #355997;
    color: white;
  }
  a:hover.list-group-item {
    background: green;
    color: white;
  }
  .white {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin-top: 20px;
    padding-left: 15px;
  }
  .cable-header-scd {
    color: #355997;
    font-size: 35px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-shadow: 2px 2px #ccc;
    height: 100px;
  }
  .navCable:first-child {
    border-left: solid 1px #444;
  }
  .navCable {
    display: table;
  }
  a.navCable {
    display: table-cell;
    padding: 20px;
    min-width: 130px;
    border-right: solid 1px #444;
    text-decoration: none;
    color: white;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  }
  a.navCable:hover {
    color: #fff;
    background-color: rgba(220, 220, 220, 0.5);
  }
  .navCable i {
    display: block;
    font-size: 2.0em;
    margin-bottom: 10px;
    text-align: center;
  }
  .navCable h4 {
    font-size: 1.1em;
    margin: 0;
    color: #666;
    text-align: center;
  }
  .navCable:hover h4 {
    color: #fff;
  }
  .carousel-section {
    margin-top: 80px;
  }
  .navLinks {
    font-size: 1.1em;
    margin: 0;
    color: #666;
    text-align: center;
  }
   .btn-cable {
    background-color: #355997;
    border-color: #ccc;
    font-size: 18px;
    padding: 10px;
    margin-top:25px;
    margin-bottom: -75px;
    color: white;
  }
  a:hover.btn-cable {
    background-color: #355997;
    border-color: #ccc;
    font-size: 18px;
    padding: 10px;
    margin-top:25px;
    margin-bottom: -75px;
    color: white;
  }
  a.btn-cable:active {
    background-color: #355997;
    border-color: #ccc;
    font-size: 18px;
    padding: 10px;
    margin-top:25px;
    margin-bottom: -75px;
    color: white;
  }
    .panel-heading.panel-plus-link {
    font-size: 18px;
    background: green;
  }
  #navOpenClose {
    margin-top: 75px;
    margin-bottom: -25px;
    border-color: #ccc;
  }
   #pic-description {
    position: fixed;
    visibility: visible;
	height: 75px;
	width: 50px;
	right: 15px;
	top: 150px;
    color: rgba(255, 255, 255, 0.6);
  }
  
  @media (min-width: 1200px) {
    a.navCable:hover {
      min-width: 200px;
      background: green;
    }
  }
  @media (max-width: 991px) {
    .navCable {
      display: block;
      text-align: center;
      border: 0;
      margin: 0;
      padding: 0;
    }
    .navCable:first-child {
      border-left: 0;
    }
    a.navCable {
      float: left;
      width: 25%;
      border: 0;
    }
  }
  @media (max-width: 519px) {
    .navCable h4 {
      font-size: 1em;
    }
    .navCable:first-child {
      border-left: 0;
    }
    a.navCable {
      float: left;
      border: 0;
      min-width: 0;
      width: 50%;
    }