@charset "utf-8";
/* CSS Document */
.ccm-nav-gation-header {
    background-image: url(/CCM/Resources/Images/backgrounds/CountyExecutiveSpeaking.png);
    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;
    width: 100%;
    height: 85px;
  }
    .area-back {
      background-color: rgba(255, 255, 255, 0.9);
    height: 100%;
  }
   a.top-ccm-link-href-new {
      color: #355977;
      font-weight: bold;
      font-size: 20px;
  }
  a:hover.top-ccm-link-href-new {
     color: #ff0000;
  }
  a.socialHome-new {
      color: #355997;
      font-size: 30px;
  }
  a:hover.socialHome-new {
      color: #ff0000;
  }
 .setoff {
   background-color: #355997;
  }
#new-ccm-head-logo {
    position: relative;
    top: 35px;
    padding-left: 70px;
    margin-left: 10px;
}
.ccm-masthead-header {
    position: relative;
    top: 15px;
    left: 10px;
    margin-left: -25px;
    
}
.ccm-masthead-header h1 {
    font-size: 40px;
    font-family: arial;
    font-weight: regular;
    color: #355997;
    line-height: 1em;
    
}
.ccm-masthead-header h1 small {
    font-size: 22px;
    font-weight: regular;
    color: #fcfcfc;
    line-height: 1em;
    padding-left: 6px;
    background-color: #355997;
    
}
   .navbar-header-full {
         background-color: #355997;
         border-bottom: solid 3px #284982;
         text-align: right;
     }
     #Wrapper {
    margin-bottom: 5px;
    margin-top: 2px;
    padding-top: 2px;
    padding-right: 1px;
    padding-left: 10px;
}
#search {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: -5px;
    padding-right: 1px;
}
#search-funktion a {
color: #ffffff; 
font-size: 18px; 
font-weight: normal; 
border-top: 1px solid #ffffff; 
background-color: transparent; 
}
#search-funktion a:hover {
color: black;
}
#schedual a {
color: #ffffff; 
font-size: 18px; 
font-weight: normal; 
border-top: 1px solid #ffffff; 
background-color: transparent; 
}
#schedual a:hover {
color: black;
}
.btn-primary {
    background-color: #355997;
}
.megamenu-block-title {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    padding: 5px;
    
}
nav li.drop-down-header {
    font-size: 16px;
    color: black;
    font-weight: bold;
    padding: 5px;
}
nav li.dropdown a.dropdown-toggle {
          color: #ffffff; 
          font-size: 18px;
          background-color: #355997;
          border-top: solid 1px #ffffff;
     }
nav li.dropdown a:hover.dropdown-toggle {
          color: #000000; 
          font-size: 18px;
          background-color: #355997;
          border-top: solid 1px #ffffff;
     }
nav  li.dropdown a:hover {
          color: #000000; 
          font-size: 16px;
          background-color: #355997;
          border-top: solid 1px #ffffff;
          font-weight: normal;
     }
nav   .dropdown-menu li a {
         color: #ffffff; 
          font-size: 16px;
          background-color: #355997;
          border-top: solid 1px #ffffff;
          font-weight: normal;
     }
     
nav  li a:hover {
         color: #ff0000; 
          font-size: 16px;
          background-color: #355997;
          border-top: solid 1px #ffffff;
     }
      #mobile-sub {
    background-color: #355997;
    width: 100%;
    height: 40px;
  }

  #ccm-background {
    background-image: url(/CCM/Resources/Images/backgrounds/CountyExecutiveSpeaking.png);
    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;
    width: 100%;
    height: 100%;
  }
  a {
    color: white;
  }
  a:hover, active {
    color: #ccc;
    text-decoration: underline;
  }
  .ccm-nav-gation {
    background-color: rgba(0, 0, 0, 0.9);
    height: 85px;
  }
  .ccm-nav-gation-2 {
    background-color: #355997;
    height: 40px;
    padding-top: 5px;
  }
  a.socialHome {
    color: white; 
    font-size: 32px;
  }
  a.socialHome:hover {
    color: #355997; 
    font-size: 32px;
  }
  #logo-block-ccm {
    height: 130px;
    width: 215px;
    position: absolute;
    top: 148px;
    left: 50px;
    padding-top: 30px;
    padding-left: 20px;
  }
  #ccm-name {
    height: 125px;
    position: absolute;
    top: 170px;
    left: 230px;
    color: white;
    font-size: 35px;
    padding-top: 30px;
    padding-left: 30px;
  }
  #ccm-sub-text {
    height: 125px;
    position: absolute;
    top: 207px;
    left: 230px;
    color: white;
    font-size: 20px;
    padding-top: 30px;
    padding-left: 30px;
  }
  #ccm-top-links {
    color: white;
    font-size: 16px;
    padding-right: 75px;
  }
  .yamm-content {
    min-width: 275px;
    background-color: white;
    border-radius: 10;
  }
  .top-ccm-link-href {
    color: white;
  }
  a.top-ccm-link-href:hover {
    color: #ccc;
    text-decoration: none;
  }
  a.dropdown-toggle {
    text-decoration: none;
    color: white;
  }
  a.dropdown-toggle:hover, active {
    text-decoration: none;
    color: #ccc;
  }
  .ccm-top-section {
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .ccm-top-section-secondary {
    height: 100%;
 background-color: rgba(255, 255, 255, 0.9);
  }
  .container {
    padding: 0px;
  }
  .white-background {
    background-color: white;
    width: 100%;
    height: 100%;
  }
  .ccm-video-holder-home {
    width: 70%;
    padding: 0px;
    margin: 0px;
  }
  .ccm-rt-holder-home {
    width: 30%;
    height: 100%;
    padding: 15px;
    margin: 0px;
    background-color: white;
  }
  .spacer {
    height: 6px;
    width: 100%;
    background-color: black;
  }
  #home-mid {
    background: url(/CCM/Resources/Images/suggested/headers/mid_ccm_back.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: black;
    height: 598px;
    Width: 100%;
    padding-top: 150px;
  }
  #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;
  }
  .read-more a {
    padding: 10px;
    background-color: green;
    font-size: 16px;
    color: white;
    margin-top: 25px;
    border-radius: 10px;
    margin-right: 40px;
    z-index: 0;
  }
  .read-more a:hover{
    background-color: blue;
    text-decoration: none;
    z-index: 0;
  }
  .row {
    padding-right: 0px;
    margin-right: 0px;
  }
  .carousel-caption {
    background-color: rgba(0, 0, 0, 0.6);
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 30px;
  }
  .ccm-bottom-area {
    height: 100vh;
    width: 100%;
    padding-top: 150px;
  }
  .cable-footer {
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: rgba(255, 255, 255, 0.9);
    color: black;
  }
  .cable-footer a {
    color: #355997;
  }
  .hot-area {
    background: rgba(193, 66, 66, 0.8);
    padding-top: 55px;
    padding-bottom: 55px;
  }
  #pic-description {
    position: fixed;
    visibility: visible;
    height: 75px;
    width: 50px;
    right: 15px;
    top: 150px;
    color: rgba(255, 255, 255, 0.6);
  }
  .ccm-schedule-scroller {
    background-color: white;
    height: 350px;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    padding-bottom: 25px;
  }
  .modal-header {
    background-color: #355997;
  }
  h4#myModalLabel.modal-title {
    color: white;
    font-size: 25px;
    font-style: bold;
  }
  button.close {
    color: white;
    font-size: 25px;
  }
  .modal-body {
    background-color: #355997;
  }
  a.list-group-item {
    font-size: 20px;
    color: #355997;
    border: solid #ccc 3px;
  }
  .ccm-social-icon {
    font-size: 60px;
    color: #355997;
  }
  .ccm-main-content {
    height: 100%;
    color: black;
    padding: 25px;
    background-color: white;
  }
  .ccm-video-content
  {
    height: 100%;
    color: black;
    padding: 25px;
    background-color: white;
  }
  .ccm-video-header {
      background-color: white;
      padding-top: 5px;
  }
  a.ccm-main-content {
    color: #355997;
  }
  .featured-items-ccm {
    height: 150px;
    background-color: rgba(53, 89, 151, 0.7);
  }
  .ccm-titles {
    font-size: 45px;
    text-decoration: underline;
    font-style: bold;
    color: #355997;
    font-family:times;
  }
  .rt-column-ccm-main {
    border: solid 2px #355997;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
    background-color: #D3D3D3;
    height: 100%;
    border-radius: 10px;
  }
  .img-caption-ar a {
    color: black;
  }
  .ccm-thumbs {
    width: 150px;
    height: 95px;
  }
    .program-page-rt-column {
    border: solid 2px #355997;
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
  }
  .link-fix-ccm {
    color: #355997;
  }
    .link-fix-ccm a{
    color: #355997;
  }
  input {
    border:solid 1px #ccc;
    border-radius: 5px;
    padding:7px 14px;
    margin-bottom:10px}
  input:focus {
    outline:none;
    border-color:#aaa;
  }
  .sort {
    padding:8px 10px;
    border-radius: 6px;
    border:none;
    color:#fff;
    text-decoration: none;
    background-color: #355997;
    height:40px;
  }
  .sort:hover {
    text-decoration: none;
    background-color:#000;
  }
  .sort:focus {
    outline:none;
  }
  .sort:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
  }
  .sort.asc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content:"";
    position: relative;
    top:13px;
    right:-5px;
  }
  .sort.desc:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
    content:"";
    position: relative;
    top:-10px;
    right:-5px;
  }
    .mobileButton {
    padding: 25px;
  }
  .mobileButton .btn-default {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    font-size: 21px;
    border:  solid 2px #355997;
    box-shadow: 1px 1px #000;
  }
  .mobileButtonMain .btn-default {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #000000;
    color: white;
    font-size: 21px;
    border:  solid 2px #355997;
    box-shadow: 1px 1px #000;
  }
  #ccmWelcome {
    z-index: 500;
    position: absolute;
    padding-top: 50px;
    margin-bottom:20px;
    top: 180px;
    border-top: 1px solid black;
    height: 100vh;
    width: 100%;
    text-align: center;
    background-color: rgba( 255, 255, 255, 0.5);  
    background-position: top left;
    background-size: cover;
    color: white;
    margin-right: auto;
    margin-left: auto;
  }
  #ccmWelcome h1 {
    color: #355997;
    font-weight: bold;
    text-shadow: 1px 1px #cccccc;
    font-size: 44px;
  }
  #ccmWelcome a {
    color: white;
    text-shadow: 2px 2px #000;
    display: inline-block;
    text-align: center;
    padding: 7px;
    border: solid 1px white;
    width: 200px;
    background-color: #355997;
  }
  #ccmWelcome a:hover {
    color: #355997;
    background-color: transparent;
    font-weight: bold;
    text-shadow: 2px 2px #CCCCCC;
  }
  .ccmBoxyArea {
    height: 100%;
     background-color: #355997;
    width: 100%;
    padding: 1px;
  }
  .ccm-bottom-area {
    height: 100vh;
  }
  .ccmHead4Vidgeo {
    height: 100vh;
    position: relative;
    padding: 20px;
  }
  #vidgeo4CCM {
    position: absolute;
    top:0%;
    left:0%;
    height:100%;
    width:100%;
    overflow: hidden;
  }
  video {
    position:absolute;
    z-index:0;
  }
  video.ccmHowWide {
    width: 100%;
  }
  #home-second {
    padding-top: 150px;
    margin-bottom: -10px;
  }
  #contentHolder {
    margin-top: 50px;
    margin-left: 25px;
  }
  .ccmUpdater {
    height: 300px;
    background-color: white;
    overflow: hidden;
  }
  #home-mid {
    padding-top: 200px;
  }
  #myModal {
    top: 75px;
  }
  #ccm-modal-body {
    background: none;
    border-radius: 12px;
    padding: 5px;
  }
  #ccm-modal-no-body {
    background: none;
    border-radius: 12px;
    padding: 5px;
  }
  .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.9);
  }
  @media (max-width: 1500px) {
.ccm-masthead-header h1 {
    font-size: 30px; 
    margin-left: 15px;
}
.ccm-masthead-header h1 small {
    font-size: 18px;
    padding-left: 4px;
    background-color: #355997;
    
}
    a.top-ccm-link-href-new {
      font-size: 16px;
  }
  #new-ccm-head-logo {
    position: relative;
    top: 50px;
    padding-left: 70px;
    margin-left: 10px;
}
.ccm-masthead-header {
    position: relative;
    top: 35px;
    left: 1px;
    margin-left: -25px;
    
} 
}
@media (max-width: 1200px) {
    #ccm-top-links {
      color: white;
      font-size: 14px;
      padding-right: 25px;
    }
  }
  @media (max-width: 950px) {
   #ccm-top-links {
      color: white;
      font-size: 8px;
      padding-right: 25px;
    }
    .ccm-nav-gation-2 {
      background-color: #355997;
      height: 40px;
      padding-top: 5px;
    }
    .ccm-video-holder-home {
      width: 100%;
    }
    .ccm-rt-holder-home {
      display: none;
    }
  }
  @media (max-width: 750px) {
    .ccm-top-section {
      height: 100%;
    }
    #home-mid {
      padding-top: 25px;
      height: 100%;
    }
    .carousel-caption {
      width: 100%;
      text-align: center;
    }
    .ccm-bottom-area {
      height:  100%;
      padding-top: 25px;
    }
     #mcgheader {
      display: none;
    }
    #mcgmenu {
      display: none;
    }
    #mcgfooter {
      display: none;
    }
  }
    @media (max-width: 480px) {
    #home-mid {
      display: block;
      padding-top: 10px;
    }
    #ccm-sub-text {
    height: 125px;
    position: absolute;
    top: 207px;
    left: 230px;
    color: white;
    font-size: 15px;
    padding-top: 30px;
    padding-left: 30px;
  }
   #ccm-name {
    height: 125px;
    position: absolute;
    top: 170px;
    left: 230px;
    color: white;
    font-size: 20px;
    padding-top: 30px;
    padding-left: 30px;
  }
  .ccm-main-content {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 15px;
  }
  .ccm-video-content
  {
    height: 100%;
    color: black;
    padding-left: 5px;
  padding-right: 5px;
  padding-top: 15px;
    background-color: black;
  }
      .ccmBoxyArea {
      display: block;
      height: 100%;
    }
  }