/*  NYC - Programs Filter 
    -------------------
*/
/* link color */
/* rounded corners */
/* box-shadow - see Programs & Initiatives hover state */

.filter-items {
  border-right: 1px solid #ccc;
  margin: 0;
  float: left;
  display: block;
  margin: 30px 0 0 0; }
  @media (max-width: 767px) {
    
    .filter-items {
      display: none;
      background: #444;
      padding: 0 3% 20px 3%;
      margin: 0 0 0 0;
      width: 95%; } }

@media (max-width: 767px) {
  
  header .title-bar h2 {
    width: 65%;
    float: left; } }


.btn-filter-programs {
  float: right;
  display: none; }
  @media only screen and (min-width: 632px) and (max-width: 767px) {
    
    .btn-filter-programs {
      display: block;
      margin-top: 20px; } }
  @media only screen and (min-width: 481px) and (max-width: 631px) {
    
    .btn-filter-programs {
      margin-top: 20px;
      display: block; } }
  @media only screen and (min-width: 320px) and (max-width: 480px) {
    
    .btn-filter-programs {
      margin-top: 10px;
      display: block; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  
  #cityresources-programs .btn-filter-programs {
    display: block; } }

@media (max-width: 767px) {
  
  .main {
    margin-bottom: 30px; } }

.filter-box ul {
  list-style: none;
  margin: 0; }
  @media (max-width: 767px) {
    
    .filter-box ul {
      border-bottom: 1px solid #5E5E5E; } }


.filter-box ul li {
  padding: 20px 0;
  border-bottom: 1px solid #e5e5e5;
  width: 90%;
  float: left; }
  @media (max-width: 767px) {
    
    .filter-box ul li {
      border-top: 1px solid #5E5E5E;
      border-bottom: 1px solid #2D2D2D;
      width: 100%; } }


.filter-box ul li label {
  vertical-align: middle;
  /*padding: 15px;*/
  font-size: 16px;
  text-indent: -20px;
  padding-left: 20px;
  float: left;
  display: inline;
  text-transform: none;
  font-weight: normal;  }
  @media (max-width: 767px) {
    
    .filter-box ul li label {
      color: #fff; } }


.filter-box ul li label.active {
  font-weight: bold; }


.filter-box ul li input {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0px 6px 0px 0px;
  vertical-align: middle;
  position: relative;
  top: -1px; }

/* Filter boxes */

.filter-box .filter-header {
  cursor: pointer;
  border-bottom: 2px solid #ccc;
  background: #efefef;
  font-weight: bold;
  padding: 5px 5px 5px 10px;
  overflow: hidden;
  padding-right: .5em; }
  @media (max-width: 767px) {
    
    .filter-box .filter-header {
      display: none; } }


.filter-box .filter-header label {
  color: #666;
  font-size: 14px;
  text-transform: uppercase; }


.filter-box .collapsed .inner {
  padding: 20px 0; }

/* filter by type */

.filter-by-type {
  float: left;
  width: 100%; }


.filter-by-type .collapsed .inner {
  padding: 2px 0;
  float: left;
  width: 100%; }


.filter-by-type .collapsed .inner .filtertype {
  margin: 0; }


#btn-filter-programs-done {
  display: none; }
  @media (max-width: 767px) {
    
    #btn-filter-programs-done {
      display: block; } }