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

.main-header {
  border-bottom: none; }


#social-media {
  /* mobile */ }
  
  #social-media #filter-list-col ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  
  #social-media #main-social.row {
    position: relative;
    background-color: #fff; }
  
  #social-media .title-bar h2 {
    text-align: left;
    width: 100%; }
    
    #social-media .title-bar h2 #channels-count {
      font-weight: bold; }
  
  #social-media #filter-buttons {
    background: #fff;
    padding: 14px 20px;
    overflow: hidden;
    *zoom: 1;
    display: none; }
    
    #social-media #filter-buttons #filter-topic,
    #social-media #filter-buttons #filter-type {
      float: left;
      display: inline;
      width: 47.03125%;
      background: #000; }
      
      #social-media #filter-buttons #filter-topic.active,
      #social-media #filter-buttons #filter-type.active {
        background-color: #1771b7; }
    
    #social-media #filter-buttons #filter-topic {
      margin-right: 5.9375%; }
  
  #social-media #filter-topics-col,
  #social-media #filter-list-col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 30px; }
  
  #social-media #filter-topics-col {
    width: 23.72881%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    border-right: 1px solid #ccc; }
    
    #social-media #filter-topics-col .filter-header {
      border-bottom: 2px solid #ccc;
      background: #efefef;
      font-weight: bold;
      padding: 5px 5px 5px 10px;
      overflow: hidden;
      color: #666;
      font-size: 14px;
      line-height: 20px;
      text-transform: uppercase; }
    
    #social-media #filter-topics-col ul.filter {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      float: left;
      margin-right: 7.14286%;
      display: inline;
      float: right;
      margin-right: 0;
      *margin-left: -1em;
      display: inline;
      margin-bottom: 40px; }
      
      #social-media #filter-topics-col ul.filter#filter-by-type {
        margin-bottom: 0px; }
    
    #social-media #filter-topics-col ul.filter li {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-bottom: 1px solid #e5e5e5;
      padding: 20px 0;
      width: 90.497737556561%;
      display: inline;
      float: left; }
      
      #social-media #filter-topics-col ul.filter li input[type=checkbox],
      #social-media #filter-topics-col ul.filter li label {
        line-height: 20px;
		font-size: 16px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
      
      #social-media #filter-topics-col ul.filter li input[type=checkbox] {
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0px 6px 0px 0px;
        vertical-align: middle;
        position: relative;
        top: -1px; }
      
      #social-media #filter-topics-col ul.filter li label {
        width: 100%;
        float: left;
        margin-right: 7.14286%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        padding-left: 20px;
        text-indent: -20px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        text-transform: none;
        font-weight: normal; }
      
      #social-media #filter-topics-col ul.filter li.filter-all-li label {
        font-weight: bold; }
    
    #social-media #filter-topics-col a.button-link {
      width: 100%;
      float: left;
      margin-right: 7.14286%;
      display: inline;
      float: right;
      margin-right: 0;
      *margin-left: -1em;
      display: inline;
      margin-top: 25px; }
  
  #social-media #filter-list-col {
    width: 74.57627%;
    float: left;
    margin-right: 1.69492%;
    display: inline;
    float: right;
    margin-right: 0;
    *margin-left: -1em;
    display: inline; }
    
    #social-media #filter-list-col ul#filter-list {
      width: 100%;
      float: left;
      margin-right: 2.27273%;
      display: inline;
      float: right;
      margin-right: 0;
      *margin-left: -1em;
      display: inline; }
      
      #social-media #filter-list-col ul#filter-list * {
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      
      #social-media #filter-list-col ul#filter-list > li {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 21px;
        width: 100%;
        float: left;
        margin-right: 2.27273%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline; }
        
        #social-media #filter-list-col ul#filter-list > li h6.letter-header {
          font-size: 24px;
          line-height: 1;
          font-weight: bold;
          margin: 0px 0px 16px;
          cursor: pointer; }
        
        #social-media #filter-list-col ul#filter-list > li ul.alpha-list {
          width: 88.888888888889%;
          float: left;
          clear: right;
          padding-bottom: 40px; }
          
          #social-media #filter-list-col ul#filter-list > li ul.alpha-list li {
            width: 48.71795%;
            margin-left: 0px;
            margin-right: 2.5641%;
            margin-bottom: 21px;
            float: left;
            display: inline;
            line-height: 1;
            position: relative; }
            
            #social-media #filter-list-col ul#filter-list > li ul.alpha-list li:nth-child(2n) {
              margin-right: 0px;
              clear: right;
              overflow: hidden; }
            
            #social-media #filter-list-col ul#filter-list > li ul.alpha-list li:nth-last-child(-n+2) {
              margin-bottom: 0px; }
            
            #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info a.icon img {
              float: left;
              margin-right: 3.389830508475%; }
            
            #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner {
              width: 100%;
              padding-right: 13%; }
              
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner a.name,
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner a.name:link,
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner a.name:visited {
                font-weight: bold;
                font-size: 16px;
                line-height: 21px;
                width: 100%; }
              
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner a.name:hover,
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner a.name:active {
                border-bottom: none;
                color: #0a5796; }
              
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner div {
                font-size: 14px;
                color: #333;
                width: 100%;
                padding-left: 60px;
                margin-top: 2px; }
          
          #social-media #filter-list-col ul#filter-list > li ul.alpha-list li.filtered-out-topics,
          #social-media #filter-list-col ul#filter-list > li ul.alpha-list li.filtered-out-types {
            display: none; }
        
        #social-media #filter-list-col ul#filter-list > li.filtered-out {
          display: none; }
        
        #social-media #filter-list-col ul#filter-list > li:last-child, #social-media #filter-list-col ul#filter-list > li.last-visible {
          border-bottom: none;
          margin-bottom: 0px;
          padding-bottom: 0px; }
          
          #social-media #filter-list-col ul#filter-list > li:last-child ul.alpha-list, #social-media #filter-list-col ul#filter-list > li.last-visible ul.alpha-list {
            padding-bottom: 0px; }
      
      #social-media #filter-list-col ul#filter-list > li#promoted {
        float: none;
        width: auto;
        margin-right: auto;
        *margin-left: auto;
        display: block;
        width: 100%;
        border-bottom: none;
        margin-bottom: 30px;
        display: table;
        height: auto;
        max-height: 320px;
        float: left;
        overflow: hidden;
        *zoom: 1; }
        
        #social-media #filter-list-col ul#filter-list > li#promoted .content-info {
          -webkit-border-top-left-radius: 3px;
          -webkit-border-bottom-left-radius: 3px;
          -moz-border-radius-topleft: 3px;
          -moz-border-radius-bottomleft: 3px;
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
          background: transparent;
          overflow: hidden;
          *zoom: 1; }
          
          #social-media #filter-list-col ul#filter-list > li#promoted .content-info .imgcol {
            display: table-cell;
            vertical-align: top;
			position:relative;
            width: 45%; }
		
			#social-media #filter-list-col ul#filter-list > li#promoted .content-info .image-caption {
				font-weight:bold;
				color:#fff;
				position:absolute;
				bottom:0;
				padding:50px 15px 15px;
				display:block;
				line-height:16px;
				font-size:14px;
				background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,1));
				width:100%;
			}
            
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .imgcol a img {
              float: left;
              max-width: 320px;
              max-height: 320px;
              width: 100%; }
          
          #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner {
            display: table-cell;
            vertical-align: top;
            width: 55%;
            text-align: center;
            border-top: 1px solid #ccc;
            border-right: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            padding:5% 5% 1%; }
            
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner img {
              float: none;
              }
            
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner h4 {
              font-size: 24px;
              line-height: 1;
              margin: 0px; }
            
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner a.social-link {
              font-size: 18px;
              font-weight: bold; }
            
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner p.richtext {
              padding: 5.3125% 0%;
              font-size: 16px;
              color: #666; }
            
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner div.connect {
              width: 100%;
              margin: 0px auto;
              overflow: hidden;
              *zoom: 1; }
              
              #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner div.connect a {
                margin-right: 6px; }
              
              #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner div.connect .button-link.black-link {
                padding: 9px 10px; }
  @media only screen and (max-width: 767px) {
    
    #social-media #main {
      margin-bottom: 0px; }
    
    #social-media .title-bar h2 {
      font-size: 16px;
      width: 100%; }
    
    #social-media #main-social.row .container {
      padding-left: 0px !important;
      padding-right: 0px !important; }
    
    #social-media #filter-buttons {
      display: block; }
    
    #social-media #filter-topics-col,
    #social-media #filter-list-col {
      margin-top: 0px; }
    
    #social-media #filter-topics-col {
      width: 100%;
      float: left;
      margin-right: 1.69492%;
      display: inline;
      float: right;
      margin-right: 0;
      *margin-left: -1em;
      display: inline;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 30px;
      background: #444444;
      display: none;
      margin-bottom: 12px; }
      
      #social-media #filter-topics-col .filter-header {
        display: none; }
      
      #social-media #filter-topics-col ul.filter {
        width: 100%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        border-bottom: 1px solid #5e5e5e;
        margin-bottom: 0px; }
      
      #social-media #filter-topics-col ul.filter#filter-by-type {
        display: none; }
      
      #social-media #filter-topics-col ul.filter li {
        border-top: 1px solid #5e5e5e;
        border-bottom: 1px solid #2d2d2d;
        padding: 15px 0;
        width: 100%;
        float: left;
        margin-right: 1.69492%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline; }
        
        #social-media #filter-topics-col ul.filter li label {
          color: #fff; }
    
    #social-media #filter-list-col {
      width: 100%;
      padding: 8px 20px 30px 20px;
      background-color: #fff; }
      
      #social-media #filter-list-col ul#filter-list {
        width: 100%;
        float: left;
        margin-right: 1.85185%;
        display: inline;
        float: right;
        margin-right: 0;
        *margin-left: -1em;
        display: inline;
        background-color: #fff;
        margin-bottom: 0px; }
        
        #social-media #filter-list-col ul#filter-list > li {
          width: 100%;
          float: left;
          margin-right: 1.69492%;
          display: inline;
          float: right;
          margin-right: 0;
          *margin-left: -1em;
          display: inline;
          border-bottom: none; }
          
          #social-media #filter-list-col ul#filter-list > li h6.letter-header {
            font-size: 20px;
            font-weight: bold;
            text-align: left;
            color: #000;
            margin: 0px 0px 20px;
            padding: 19px 0px;
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
            width: 100%;
            float: left;
            margin-right: 1.69492%;
            display: inline;
            float: right;
            margin-right: 0;
            *margin-left: -1em;
            display: inline; }
            
            #social-media #filter-list-col ul#filter-list > li h6.letter-header span {
              display: block;
              max-width: 90%;
              float: left; }
            
            #social-media #filter-list-col ul#filter-list > li h6.letter-header .expand-button,
            #social-media #filter-list-col ul#filter-list > li h6.letter-header .collapse-button {
              float: right;
              margin-top: 5px; }
            
            #social-media #filter-list-col ul#filter-list > li h6.letter-header .expand-button {
              display: none; }
            
            #social-media #filter-list-col ul#filter-list > li h6.letter-header .collapse-button {
              display: inline; }
          
          #social-media #filter-list-col ul#filter-list > li ul.alpha-list {
            width: 100%;
            float: left;
            margin-right: 1.69492%;
            display: inline;
            float: right;
            margin-right: 0;
            *margin-left: -1em;
            display: inline;
            padding-bottom: 0px; }
            
            #social-media #filter-list-col ul#filter-list > li ul.alpha-list li {
              width: 100%;
              float: left;
              margin-right: 1.69492%;
              display: inline;
              float: right;
              margin-right: 0;
              *margin-left: -1em;
              display: inline;
              margin-left: 0px;
              margin-bottom: 20px; }
              
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li:nth-child(2n) {
                clear: none; }
              
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li:nth-last-child(-n+2) {
                margin-bottom: 20px; }
              
              #social-media #filter-list-col ul#filter-list > li ul.alpha-list li:last-child {
                margin-bottom: 0px; }
          
          #social-media #filter-list-col ul#filter-list > li.collapsed {
            margin-bottom: 0px; }
            
            #social-media #filter-list-col ul#filter-list > li.collapsed h6.letter-header {
              margin-bottom: 0px;
              border-bottom: none; }
              
              #social-media #filter-list-col ul#filter-list > li.collapsed h6.letter-header .expand-button {
                display: inline; }
              
              #social-media #filter-list-col ul#filter-list > li.collapsed h6.letter-header .collapse-button {
                display: none; }
            
            #social-media #filter-list-col ul#filter-list > li.collapsed ul.alpha-list {
              display: none; }
      
      #social-media #filter-list-col #view-all {
        float: left;
        width: 90.74074%;
        margin-top: 20px;
        margin-left: 4.62963%;
        margin-right: 4.62963%;
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 14px; } }
  @media only screen and (min-width: 768px) and (max-width: 925px) {
    
    #social-media #filter-list-col ul#filter-list li#promoted .content-info .content-info-inner {
      padding-top: 4.5625%; }
      
      #social-media #filter-list-col ul#filter-list li#promoted .content-info .content-info-inner h4 {
        font-size: 20px; }
      
      #social-media #filter-list-col ul#filter-list li#promoted .content-info .content-info-inner p.richtext {
        padding: 3.3125% 0%;
        font-size: 14px; }
      
      #social-media #filter-list-col ul#filter-list li#promoted .content-info .content-info-inner a.social-link {
        font-size: 16px; }
    
    #social-media #filter-list-col ul#filter-list li ul.alpha-list li .content-info .content-info-inner {
      padding-right: 5%; }
      
      #social-media #filter-list-col ul#filter-list li ul.alpha-list li .content-info .content-info-inner a.name,
      #social-media #filter-list-col ul#filter-list li ul.alpha-list li .content-info .content-info-inner a.name:link,
      #social-media #filter-list-col ul#filter-list li ul.alpha-list li .content-info .content-info-inner a.name:visited,
      #social-media #filter-list-col ul#filter-list li ul.alpha-list li .content-info .content-info-inner a.name:hover,
      #social-media #filter-list-col ul#filter-list li ul.alpha-list li .content-info .content-info-inner a.name:active {
        font-size: 14px; } }
  @media only screen and (min-width: 768px) {
    
    #social-media #filter-topics-col {
      display: inline !important; }
      
      #social-media #filter-topics-col #filter-by-topic,
      #social-media #filter-topics-col #filter-by-type {
        display: inline !important; }
    
    #social-media #filter-list-col ul.alpha-list li {
      width: 97.9%;
      margin-left: 2.1%;
      clear: both; } }


.lt-ie9 #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner {
  padding-left: 10px;
  padding-right: 10px; }
  
  .lt-ie9 #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner p.richtext {
    width: 100%;
    text-align: center; }
    @media only screen and (min-width: 768px) and (max-width: 979px) {
      
      .lt-ie9 #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner p.richtext.visible-tablet {
        display: block !important; } }


.lt-ie8 #social-media .title-bar {
  padding-bottom: 10px; }

.lt-ie8 #social-media #filter-topics-col {
  width: 223px; }
  
  .lt-ie8 #social-media #filter-topics-col .filter-header {
    width: 210px;
    padding-right: 7px; }
  
  .lt-ie8 #social-media #filter-topics-col ul.filter {
    width: 100%; }
    
    .lt-ie8 #social-media #filter-topics-col ul.filter li {
      width: 200px; }
      
      .lt-ie8 #social-media #filter-topics-col ul.filter li label {
        margin-left: 10px; }

.lt-ie8 #social-media #filter-list-col ul#filter-list {
  width: 701px; }
  
  .lt-ie8 #social-media #filter-list-col ul#filter-list > li {
    width: 701px;
    overflow: hidden;
    clear: both;
    float: none;
    display: block;
    position: relative; }
    
    .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list {
      clear: both;
      overflow: hidden; }
      
      .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li {
        width: 303px;
        float: left;
        margin-right: 10px;
        position: relative; }
        
        .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info {
          width: 100%; }
          
          .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info > a img {
            margin-right: 0px; }
          
          .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner {
            float: left;
            width: 196px;
            padding-left: 10px;
            padding-right: 40px; }
            
            .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner a.name {
              width: 196px; }
            
            .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li .content-info .content-info-inner div {
              width: 196px;
              padding: 0px; }
      
      .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li.filtered-out-topics,
      .lt-ie8 #social-media #filter-list-col ul#filter-list > li ul.alpha-list li.filtered-out-types {
        display: none; }
    
    .lt-ie8 #social-media #filter-list-col ul#filter-list > li#promoted {
      width: 701px;
      margin-left: 0px;
      margin-right: 0px;
      float: left;
      clear: both; }
      
      .lt-ie8 #social-media #filter-list-col ul#filter-list > li#promoted .content-info .imgcol {
        width: 320px;
        float: left; }
        
        .lt-ie8 #social-media #filter-list-col ul#filter-list > li#promoted .content-info .imgcol a img {
          width: 320px;
          height: 320px; }
      
      .lt-ie8 #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner {
        float: left;
        width: 340px;
        padding: 53px 15px 10px 15px;
        float: left;
        height: 255px; }
    
    .lt-ie8 #social-media #filter-list-col ul#filter-list > li.filtered-out {
      display: none; }
  @media only screen and (max-width: 480px) {
          #social-media #filter-list-col ul#filter-list > li#promoted .content-info .imgcol {
            display: block;
            vertical-align: top;
			position:relative;
            width:100%; }
	  
          #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner {
            display: block;
            vertical-align: top;
            width: 100%;
			border:none;
            text-align: center;
            padding:10px 0px 0px 0px;}
 #social-media #filter-list-col ul#filter-list > li#promoted {
        float: none;
        width: 100%;
        border: none;
        margin:0 0 30px 0;
        display:block;
        height: auto;
        max-height:none;
        overflow: hidden;
        *zoom: 1; }
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .imgcol a img {
              float:none;
              max-width:none;
              max-height:none;
              width: 100%; }

#social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner h4 {
              font-size: 24px;
              line-height: 26px;
              margin: 0px; }
            #social-media #filter-list-col ul#filter-list > li#promoted .content-info .content-info-inner div.connect {
              width: 100%;
			  padding-top:5px;
              margin: 0px auto;
              overflow: hidden;
              *zoom: 1; }
  }