/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */

/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */

#main {
  margin: 0 2%;
}

#content.column article {
   width: 100%;
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  *behavior: url("/path/to/boxsizing.htc");
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;
}

/* Containers for grid items and flow items. */
#header,
#main,
#footer {
  *position: relative;
  *zoom: 1;
}

#header:before,
#header:after,
#main:before,
#main:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
  clear: both;
}

#header:after,
#main:after,
#footer:after {
  clear: both;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto Condensed', sans-serif;
    color: #981b1e;
}

p {
    font-family: 'Open Sans', sans-serif;
}

.field-brightcove {
/*    padding-bottom: 56.25%;*/
    width: 100%
}

@media all and (max-width: 480px) {
    
    .region-live {    
        z-index: -99;
    }

    .flickr-photoset-img {
        margin-top: 10px;
    }

    .flickr-block-set-title a {
        float: none;
    }

    .page-participate #main #content #participate-page .participate-tumblr ul li,
    .page-participate #main #content #participate-page .participate-google ul li,
    .page-participate #main #content #participate-page .participate-medium ul li {
        margin-bottom: 15px;
    }

    .page-participate #main #content ul.facebook-feed li {
        margin-bottom: 30px;
    }

    .page-participate #main #content .panel-3col-33 .panel-col-last {
        float: none;
        clear: both;
        width: 100%;
    }

    .page-participate #main #content .panel-3col-33 .panel-col {
        width: 100%;
    }
    
    .page-participate #main #content .panel-3col-33 .panel-col-first {
        width: 100%;
        float: none;
    }

    .view-id-taxonomy_term.teaser-view.basic-pager.landing .view-header {
         float: none; 
         padding: 0; 
         position: static;  
    }

    #teaser-left .field-primary-image {
        width: 100%;
        margin: 10px 3% 10px 0;
    }

    #content .view-taxonomy-term .view-content {
        border-top: 1px solid gray;
        margin: 30px 10px 0 10px;
        padding: 10px 0 0 0;
    }

    .page-taxonomy-term #content.column {
       width: 100%;
       margin: 0;
       float:left;
       padding: 0 10px 0 20px;
    }

    #node-info {
       width: 100%;
    }

    article.node-contributor #node-info {
      width: auto;
    }

    .node-teaser .field_read_time {
        visibility: hidden;
        display: none;
    }

    #teaser-left {
        width: 100%;
    }
    
    .view-taxonomy-term .view-content .views-row article .field-body {
        padding: 10px 0 10px 15px;
    }

    #block-views-state-front-page-block-3 .views-row.views-row-2 {
        position: relative;
    }

    .front .region-home-cards .views-row-1.card-front,
    .front .region-home-cards .views-row-2.card-front,
    .front .region-home-cards .views-row-3.card-front,
    .front .region-home-cards .views-row-4.card-front,
    .front .region-home-cards .views-row-5.card-front, 
    .front .region-home-cards .views-row-6.card-front {
         float: none; 
    }

    .front .region-home-cards .card-front a.views-more-link {
        position: absolute;
        right: 20px;
        bottom: 20px;
        font-weight: bold;
    }

    #block-views-state-front-page-block-3 .views-row-1 .views-field-title a,
    #block-views-state-front-page-block-3 .views-row-1 .views-field-title a {
        position: relative;
            top: -86px;
    }

    #block-views-state-front-page-block-3 .views-row.views-row-1 img {
        position: relative;
        top: -25px;
    }

    .front .region-home-cards .card-front {
        width: 100%;
        float: none;
        height: auto;
        border: 1px solid silver;
        margin: 17px 0;
    }
    
    .front .region-home-cards .card-front .field-body {
        margin-bottom: 60px;    
    }

    #block-views-state-front-page-block-1,
    #block-views-state-front-page-block-2,
    #block-views-state-front-page-block-3 {
        width: 100%;
    }

    #block-views-state-front-page-block-3 .views-row.views-row-2 img {
        width: 100%;
        position: relative;
        top: -67px;
    }

    #block-views-state-front-page-block-3 .views-row.views-row-1 img {
        width: 100%;
        position: relative;
        top: -22px;
    }

    #block-views-state-front-page-block-3 .views-row-2 .views-field-title a {
        bottom: 59px;
    }

    #block-views-state-front-page-block {
        position: relative;
        top: -80px;
    }

    .live-bottom .live-words {
        top: -75px;
    }

    .front div#block-views-state-front-page-block-4 img {
        margin: 0 20px 20px 0px;
        float: left;
    }

    #block-views-state-front-page-block-1 h4.field-content {
        line-height: 1.25em;
        font-size: 1.1em;
    }
    
    nav.navigation div.region.region-navigation {
        content: "Navmenu";
        text-decoration: none;
        font-family: 'Verdana', sans-serif;
        font-size: 0.65em;
        color: yellow;
    }
    
    #page {
        max-width: 480px;
    }	
    
    #block-views-story-terms-block,
    #block-views-07226caec12a98a357d7f5b6ee2b8051,
    #block-views-dynamic-region-block-block,
    #block-views-dynamic-issues-block-block {
        width: 94%;
        margin: 0;
        float: left;
        padding: 0 6% 0 50px;
    }
   
    #block-views-07226caec12a98a357d7f5b6ee2b8051 .view-content h3 a,
    #block-views-dynamic-issues-block-block .view-content h3 a,
    #block-views-dynamic-region-block-block .view-content h3 a {
        font-family: 'Roboto condensed', sans-serif;
        font-weight: 700;
        color: #4C4C4C;
        padding: 0 0 0 15px;
        font-size: 1em;
    }
    
    #content.column {
       width: 100%;
       margin: 0;
       float:left;
       padding: 0 10px 0 50px;
    }
    
    .footer {
        width: 78%; 
        margin: 20px 10px 0 60px;
    }
    
    h2.block-title {
        font-size: 1.22em;
        line-height: 22px;
        margin: 15px 0 0 0;
    }
    
    #content.column nav.breadcrumb {
        padding-top: 0px;
        width: 100%;
    }

    .field_read_time {
        text-align: left; 
        position: static;
        height: 30px; 
        margin-top: 10px;
    }
    
    .page-node.node-type-article .field-title-field h1 {
        margin: 5px 0 0 0;
        width: 100%;
        line-height: 33px;
        font-size: 1.8em;
        font-weight: 700;
    }
    
    p.submitted {
        margin: 5px 15px 0 0;
        font-size: 16px;
    }
    
    article .field-body {
        border-bottom: 1px solid gray;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        width: 100%;
    }

    article.view-mode-full div.field-body p {
        font-size: 15px;
        line-height: 24px;
        font-weight: 400;
        margin: 1em 0;
    }
    
    #disqus_thread {
        margin: 0;
        border-top: 0px solid gray;
        border-bottom: 0px solid gray;
        padding: 0;
        width: 100%
    }
    
    .two-sidebars .region-sidebar-first {
        position: fixed;
        float: left;
        width: 10%;
        max-width: 50px;
        margin-left: 0%;
    }
    
    #block-sharethis-sharethis-block {
        background-color: white;
    }
    
    #block-sharethis-sharethis-block .st_facebook_hcount .stButton .st-facebook-counter.stMainServices {
        background: url(../../images/social_icons/square-facebook.svg) no-repeat scroll left top transparent !important;
        padding: 10px !important; 
    }
    
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton .st-twitter-counter.stMainServices {
        background: url(../../images/social_icons/square-twitter.svg) no-repeat scroll left top transparent !important;
        padding: 10px !important; 
    }
    
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .st-googleplus-counter.stMainServices {
        background: url(../../images/social_icons/square-gplus.svg) no-repeat scroll left top transparent !important;
        padding: 10px !important; 
    }
    
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .stButton_gradient {
        width: 36px;
        height: 36px;
        padding-bottom: 0px;
    }
    
    #block-sharethis-sharethis-block .st_email_hcount .stButton .stMainServices.st-email-counter {
        background: url(../../images/social_icons/email.svg) no-repeat scroll left top transparent !important;
        padding: 10px;
    }

    #block-sharethis-sharethis-block .stButton {
        margin: 0px;
        width: 36px;
    }

    .stButton .stArrow {
        padding: 0;
    }

    span.stArrow,   
    .stButton_gradient.stHBubble {
        padding: 0;
    }

    .not-logged-in #block-sharethis-sharethis-block {
        width: 42px;
    }

    .sidebar .sharethis-wrapper:before {
        content: "SHARE";
        text-decoration: none;
        font-family: 'Verdana', sans-serif;
        font-size: 0.65em;
        color: gray;
    }

    #block-sharethis-sharethis-block .st_facebook_hcount .stButton span,
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton span,
    #block-sharethis-sharethis-block .st_email_hcount .stButton span,
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton span,
    #block-sharethis-sharethis-block .st_facebook_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_email_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .stArrow {
        width: 36px;
        padding: 0;
    }
    
    blockquote {
        padding-left: 17px;
        -webkit-margin-start: 10px;
        -webkit-margin-end: 10px;
    }

    .breadcrumb {
        padding-top: 15px;
    }

    .landing table, tbody, th, td, tr {
        display: block;
    }

    .featured_text {
        padding: 30px 20px 10px 5px;
        width: 100%;
    }

    .featured_lg_img {
        padding: 5px;
        width: 100%;
    }

    .featured_sm_imgs {
        padding: 5px;
        width: 100%;
    }

    .splash_title_lg a {
        font-size: 1em;
    }

    .region-home-cards table, tbody, th, td, tr {
        display: block;
    }

    .cards {
        padding: 5px;
        width: 100%;
    }

    .live-bottom .live1 {
        padding: 5px;
        width: 100%;
    }

    .live-bottom .live2 {
        padding: 5px;
        width: 100%;
    }

    .cards .story_cards {
        padding: 5px;
        width: 100%;
        float: left;
    }

    .footer2_left {
        text-align: left;
    }

    .footer2_right {
        width: 100%;
        text-align: center;
    }

    .footer {
        text-align: center;
    }

    .footer#footer {
        width: 80%;
        margin: 0;
        float:left;
        padding: 0 10px 0 50px;
    }
    
    .footer .blogroll {
        margin: 0px 10px;
        display: block;
        padding: 0 10px;
    }

    #participate-page .panel-panel {
        width: 100%;
    }
    
    ul#main-menu.links {
        visibility: hidden;
        display: none;
    }

} /* End max width 480 */

@media all and (min-width: 481px) and (max-width: 740px) {
    
    article.node-contributor #node-info {
        width: auto;
    }
    
    .region-live {
        margin: 0; 
        position: relative; 
        left: 0px; 
    }
    
    #block-views-state-front-page-block-1 h4.field-content a {
        text-decoration: none;
        color: #000000;
        font-size: 20px;
        line-height: 20px;
    }
    
    .view-id-taxonomy_term.teaser-view.basic-pager.landing .view-header {
        float: left;
        padding: 0 60px 20px 0;
        position: relative;
        top: -25px;
    }
    
    .at4-follow {
        position: relative;
        top: 30px;
        right: 0;
        font-weight: 400;
        color: #666;
        cursor: default;
        z-index: 10001;
    }
    
    .at4-follow.at4-follow-24 .at4-follow-container {
        height: 24px;
        line-height: 23px;
        font-size: 13px;
        position: relative;
        top: 60px;
    }
    
    .at4-follow-outer.addthis-smartlayers {
        visibility: hidden;
        display: none;
    }
    
    .footer {
        margin: 20px 0 0 70px;
    }
    
    #block-views-story-terms-block.block,
    #block-views-07226caec12a98a357d7f5b6ee2b8051,
    #block-views-dynamic-issues-block-block,
    #block-views-dynamic-region-block-block {
        padding: 0 0 0 70px;
    }
    
    #participate-page .views-row-1 a img {
        margin: 0 15px 15px 0;
    }
    
    #participate-page .views-row-1 .views-field-title a {
        font-family: 'Roboto Condensed', sans-serif;
        color: #981b1e;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none;
    }
    
    #participate-page .views-row-1 .field-body p {
        line-height: 22px;
        font-size: 15px;
        margin: 1em 0;
    }
    
    .flickr-photoset-img {
        margin-top: 10px;
    }

    .flickr-block-set-title a {
        float: none;
    }

    .page-participate #main #content #participate-page .participate-tumblr ul li,
    .page-participate #main #content #participate-page .participate-google ul li,
    .page-participate #main #content #participate-page .participate-medium ul li {
        margin-bottom: 15px;
    }

    .page-participate #main #content ul.facebook-feed li {
        margin-bottom: 30px;
    }

    .page-participate #main #content .panel-3col-33 .panel-col-last {
        float: none;
        clear: both;
        width: 100%;
    }

    .page-participate #main #content .panel-3col-33 .panel-col {
        width: 100%;
    }
    
    .page-participate #main #content .panel-3col-33 .panel-col-first {
        width: 100%;
        float: none;
    }

    #node-info {
        float: left;
        width: 64%;
    }
    
    #teaser-left #node-info #read-time {
        float: left;
        visibility: hidden;
        display: none;
    }
    
    #teaser-left {
        width: 100%;
    }
    
    #teaser-left .field-primary-image {
        width: 34%;
        margin: 10px 1% 9px 0;
        float: left;
    }

    .front .region-home-cards .card-front .field-body p {
        line-height: 22px;
        font-size: 14px;
    }

    .view-id-state_front_page .sharethis-wrapper {
        margin: 20px 0px 0 14px;
    }

    .stButton {
        margin-right: 0px !important; 
        margin-left: 0px !important;
    }

    .stButton .stHBubble {
        margin-left: 0; 
        margin-right: 0; 
    }

    #block-views-state-front-page-block-4 .views-field-title {
        margin: 20px 0 0 20px;
    }

    .front div#block-views-state-front-page-block-4 img {
        margin: 10px 20px 20px 20px;
        float: left;
    }

    #block-views-state-front-page-block-4 .field-body p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .front .region-home-cards .views-row-4.card-front {
        margin-right: 1.85%;
    }
    
    .front .region-home-cards .card-front {
        width: 48.7%;
        float: left;
        height: 435px;
        border: 1px solid silver;
        margin-bottom: 20px;
    }
    
    .front .region-home-cards .views-row-2.card-front, 
    .front .region-home-cards .views-row-4.card-front, 
    .front .region-home-cards .views-row-6.card-front {
        float: right;
    }
   
    ul#main-menu.links {
        visibility: hidden;
        display: none;
    }
    
    #block-views-state-front-page-block-2 {
        width: 100%;
        float: left;
        margin: 5px 0 10px 0;
    }
    
    #block-views-state-front-page-block-3 {
        width: 100%;
    }
    
    #block-views-state-front-page-block-3 .views-row-1 {
        width: 49%;
        float: left;
        margin: 0 1.85% 0 0;
    }
    
    #block-views-state-front-page-block-3 .views-row-1 img,
    #block-views-state-front-page-block-3 .views-row-2 img {
        width: 100%;
    }
    
    #block-views-state-front-page-block-3 {
        position: relative;
        top: -20px;
    }
    
    #block-views-state-front-page-block-3 .views-row-2 {
        width: 49%;
        float: left;
    }
    
    #block-views-state-front-page-block-1 {
        width: 100%;
    }
     
    #block-views-state-front-page-block-1 h4.field-content {
        line-height: 1.25em;
        font-size: 1.1em;
    }
   
  /* Move all the children of #main down to make room.
  Changed padding-top to 0em to remove whitespace */
   
    #main {
      padding-top: 0em;
      position: initial;
    }

    #navigation {
      /* Move the navbar up inside #main's padding. */
      position: absolute;
      top: 0;
      height: 3em;
      width: 100%;
    }

    header#header.header {
        height: 100px;
    }
    
    #content.column {
        width: 100%;
        margin: 0;
        float: left;
        padding: 30px 0 0 70px;
    }
    
    #content.column nav.breadcrumb {
       padding-top: 0px;
       width: 100%;
    }

    .field_read_time {
         text-align: left; 
         position: static;
         height: 30px; 
         margin-top: 10px;
    }
    
    article .field-body {
        border-bottom: 1px solid gray;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        width: 100%;
    }
    
    .page-node.node-type-article .field-title-field h1 {
        margin: 5px 0 0 0;
        width: 100%;
        line-height: 38px;
        font-size: 2.3em;
        font-weight: 700;
    }
    
    p.submitted {
        margin: 5px 15px 0 0;
        font-size: 16px;
    }
    
    article.view-mode-full div.field-body p {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        margin: 1em 0;
    }
    
    .one-sidebar .region-sidebar-first,
    .two-sidebars .region-sidebar-first {
        position: fixed;
        float: left;
        width: 10%;
        max-width: 50px;
        margin-left: 0%;
    }
    
    #block-sharethis-sharethis-block {
        background-color: white;
    }
    
    #block-sharethis-sharethis-block .st_facebook_hcount .stButton .st-facebook-counter.stMainServices {
        background: url(../../images/social_icons/square-facebook.svg) no-repeat scroll left top transparent !important;
        padding: 13px !important; 
    }
    
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton .st-twitter-counter.stMainServices {
        background: url(../../images/social_icons/square-twitter.svg) no-repeat scroll left top transparent !important;
        padding: 13px !important; 
    }
    
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .st-googleplus-counter.stMainServices {
        background: url(../../images/social_icons/square-gplus.svg) no-repeat scroll left top transparent !important;
        padding: 13px !important; 
    }
    
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .stButton_gradient {
        width: 42px;
        height: 42px;
        padding-bottom: 0px;
    }
    
    #block-sharethis-sharethis-block .st_email_hcount .stButton .stMainServices.st-email-counter {
        background: url(../../images/social_icons/email.svg) no-repeat scroll left top transparent !important;
        padding: 13px;
    }

    #block-sharethis-sharethis-block .stButton {
        margin: 0px;
        width: 42px;
    }

    .stButton .stArrow {
        padding: 0;
    }

    span.stArrow,   
    .stButton_gradient.stHBubble {
        padding: 0;
    }

    .not-logged-in #block-sharethis-sharethis-block {
        width: 42px;
        position: relative;
        top: 27px;
    }

    .sidebar .sharethis-wrapper:before {
        content: "SHARE";
        text-decoration: none;
        font-family: 'Verdana', sans-serif;
        font-size: 0.75em;
        color: gray;
    }

    #block-sharethis-sharethis-block .st_facebook_hcount .stButton span,
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton span,
    #block-sharethis-sharethis-block .st_email_hcount .stButton span,
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton span,
    #block-sharethis-sharethis-block .st_facebook_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_email_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .stArrow {
        width: 42px;
        padding: 0;
    }
    
    blockquote {
        padding-left: 20px;
        padding-bottom: 3px;
        -webkit-margin-start: 40px;
        -webkit-margin-end: 40px;
    }

    .featured {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .featured .featured_text {
        padding: 5px;
        width: 38%;
        float: left;
    }

    .featured .featured_lg_img {
        padding: 5px;
        width: 62%;
        float: left;
    }

    .featured .featured_sm_imgs {
        padding: 0px 5px;
        width: 100%;
        float: left;
        margin-top: 0;
    }

    .splash_title_lg a {
        font-size: 1em;
    }

    .splash_title_sm a {
        font-size: .9em;
        line-height: 1;
        height: 2em;
    }

    .live-bottom {
        width: 100%;
        display: table;
        margin: 0 auto;
    }

    .live-bottom .live1 {
        padding: 5px;
        width: 48%;
        float: left;
    }

    .live-bottom .live2 {
        padding: 5px;
        width: 48%;
        float: right;
    }

    .footer2_left {
        width:100%;
        float: left;
    }

    .footer2_right {
        width: 50%;
        float: right;
    }

    .footer {
        text-align: center;
    }

    .footer .blogroll {
        margin: 5px 10px;
        display: block;
        border-right: none;
    }

    #participate-page .panel-panel {
        width: 50%;
    }
    
    #block-block-20.block .header-follow {
        margin-left: 70px;
    }
    
} /* end min 481 max 740 */

@media all and (min-width: 741px) and (max-width: 959px) {
    
    #disqus_thread {
        margin: 0; 
        border-top: 0px solid gray;
        padding: 0;
    }

    body.not-logged-in #disqus_thread {
        margin-bottom: 0; 
        border-bottom: 5px solid gray;
        padding-bottom: 0;
    }

    #footer #block-block-19 span.blogroll a {
        margin: 0 10px;
        font-weight: bold;
        text-decoration: none;
        color: #205493;
    }
    
    #participate-page .views-row-1 a img {
        float:left;
        margin: 0 15px 15px 0;
    }
    
    #participate-page .views-row-1 .views-field-title a {
        font-family: 'Roboto Condensed', sans-serif;
        color: #981b1e;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none;
    }
    
    #participate-page .views-row-1 .field-body p {
        line-height: 22px;
        font-size: 15px;
        margin: 1em 0;
    }
    
    #teaser-left .field-primary-image {
        width: 25% !important;
        margin: 10px 3% 0px 0 !important;
        float: left;
    }
    
    #teaser-left #node-info #read-time {
        float: left;
        visibility: hidden;
        display: none;
    }

    .flickr-photoset-img {
        margin-top: 10px;
    }

    .flickr-block-set-title a {
        float: none;
    }

    .page-participate #main #content #participate-page .participate-tumblr ul li,
    .page-participate #main #content #participate-page .participate-google ul li,
    .page-participate #main #content #participate-page .participate-medium ul li {
        margin-bottom: 15px;
    }

    .page-participate #main #content ul.facebook-feed li {
        margin-bottom: 30px;
    }

    .page-participate #main #content .panel-3col-33 .panel-col-last {
        float: none;
        clear: both;
        width: 100%;
    }

    .page-participate #main #content .panel-3col-33 .panel-col {
        width: 100%;
    }
    .page-participate #main #content .panel-3col-33 .panel-col-first {
        width: 100%;
        float: none;
    }

    #node-info {
        float: none !important;
        width: 100%;
    }

    .node-teaser .field_read_time {
         float: none; 
    }

    #teaser-left {
        float: none !important;
        width: 100% !important;;
        padding: 0 20px 0 0;
    }

    #teaser-left h2.node__title {
        /* float: left; */
        clear: none;
        padding-top: 18px;
    }

    #content .view-taxonomy-term .views-row {
        position: relative;
        top: -15px;
    }
    
    #teaser-right {
        width: 100% !important;
        float: left;
        padding-top: 10px;
    }
    
    .view-taxonomy-term .view-content .views-row article .field-body {
        border-left: 0px solid silver;
        margin-bottom: 5px;
        padding: 0 0 10px 0;
    }
    
    #teaser-left h2.node__title a {
        padding: 0 20px 0 0;
        font-size: 1.05em;
        line-height: 1.15em;
        padding: 10px 0 30px 0;
    }
    
    article.node-article.view-mode-full article.node-contributor.node-teaser #teaser-left h2.node__title a {
        padding: 0 5px 0 0;
        font-size: 0.7em;
        line-height: 1.15em;
        top: 9px;
        margin: 0;
        position: relative;
    }
    
    .footer .heading {
        display: block;
        float: none;
        text-align: center;
        margin: 0 0 15px 0;
    }

    .footer .blogroll {
        font-size: 1em;
        padding: 10px 0.8%;
    }

    .footer {
        margin: 0 2%;
    }

    .front div#block-views-state-front-page-block-4 .view-content .views-row-1 {
        width: 100%;
        position: relative;
        right: 37px;
    }
    
    .front .region-home-cards .card-front .field-body p {
        margin: 0px 15px;
        line-height: 22px;
        font-size: 15px;
    }
    
    .stButton {
        margin: 0px !important;
        font-size: 11px;
        line-height: 16px;
    }
    
    .view-id-state_front_page .sharethis-wrapper {
        margin: 20px 11px 0 15px;
    }

    #block-views-state-front-page-block-1 h4.field-content a {
        text-decoration: none;
        color: #000000;
        font-size: 17px;
        line-height: 17px;
    }
    
    .front .region-home-cards .card-front {
        height: 460px;
    }
    
    #block-views-state-front-page-block-4 .field-body p {
       font-size: 15px;
    }
    
    .front div#block-views-state-front-page-block-4 img {
        margin: 15px 20px 20px 12px;
        float: left;
    }
    
    #block-views-state-front-page-block-1 h4.field-content {
        line-height: 1.10em;
        margin: 0 0 0.6em 0;
    }
    
    .front div#block-views-state-front-page-block-4 img {
        margin: 20px 20px 20px 0px;
        float: left;
    }
    
    h4 {
        font-size: .9em;
    } 
    
    #block-views-state-front-page-block-3 .views-row.views-row-2 {
        position: relative;
        width: 49.25%;
        float:left;
        top: -20px;
    }
    
    #block-views-state-front-page-block-3 .views-row.views-row-1 {
        position: relative;
        width: 49.25%;
        float:left;
        margin: 0 1.5% 0 0;
        top: -20px;
    }
    
    #block-views-state-front-page-block-2 {
        width: 67%;
        float: right;
    }
    
    #block-views-state-front-page-block-2 .views-row.views-row-1 {
        margin-bottom: 20px;
    }
    
    #block-views-state-front-page-block-1 {
        width: 32%;
        float: left;
        padding-right: 1%;
    }
    
    #block-views-state-front-page-block-3 a img,
    #block-views-state-front-page-block-3 .field-show-textcard {
        width: 100%;   
    }

    #block-views-state-front-page-block-3 {
        width: 100%;
        float: none;
        position: relative;
        margin-bottom: 10px;
        top: 5px;
    }

    article.view-mode-full div.field-body p {
        font-size: 16px;
        line-height: 27px;
    }
  
    #page {
        max-width: 959px;
    }	
    
    #navigation {
      /* Move the navbar up inside #main's padding. */
      position: absolute;
      top: 0;
      height: 3em;
      width: 100%;
    }

    header#header.header {
        height: 100px;
    }
    
    #content.column {
        padding: 30px 0 0 65px;
        width: 68%;
    }
    
    #content.column nav.breadcrumb {
       padding-top: 0px;
       width: 100%;
    }

    a.feed-icon {
        visibility: hidden;
        display: none;
    }
    
    .field_read_time {
         text-align: left; 
         position: static;
         height: 30px; 
         margin-top: 10px;
         clear: both;
    }
    
    h2.block-title.block__title {
        margin-bottom: 10px;
    }

    h2.block-title, 
    #block-views-dynamic-region-block-block .views-field.views-field-title, 
    #block-views-dynamic-region-block-block .views-field.views-field-title a, 
    #block-views-dynamic-issues-block-block .views-field.views-field-title, 
    #block-views-dynamic-issues-block-block .views-field.views-field-title a, 
    .view-more-stories-by-this-author .views-field.views-field-title, 
    .view-more-stories-by-this-author .views-field.views-field-title a {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.15em;
        line-height: 21px;
    }
    
    #block-views-07226caec12a98a357d7f5b6ee2b8051 .view-more-stories-by-this-author .views-row .views-field-title span a, 
    #block-views-dynamic-issues-block-block .view-dynamic-issues-block .views-row .views-field-title span a, 
    #block-views-dynamic-region-block-block .view-dynamic-region-block .views-row .views-field-title span a {
        font-size: 16px;
        line-height: 18px;
    }
    
    article {
       width: 100% !important;
       float: left;
    }
    
    article .field-body {
        border-bottom: 1px solid gray;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        width: 100%;
    }
    
    .not-logged-in #block-sharethis-sharethis-block {
        width: 42px;
        position: relative;
        top: 27px;
    }
    
    .page-node.node-type-article .field-title-field h1 {
        margin: 5px 0 0 0;
        line-height: 40px;
        font-size: 2.1em;
        font-weight: 700;
    }
    
    p.submitted {
        margin: 5px 15px 0 0;
        font-size: 16px;
    }
    
    .two-sidebars .region-sidebar-first {
        position: fixed;
        top: 178px;
    }
    
    #block-sharethis-sharethis-block {
        background-color: white;
    }
    
    #block-sharethis-sharethis-block .st_facebook_hcount .stButton .st-facebook-counter.stMainServices {
        background: url(../../images/social_icons/square-facebook.svg) no-repeat scroll left top transparent !important;
        padding: 13px !important; 
    }
    
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton .st-twitter-counter.stMainServices {
        background: url(../../images/social_icons/square-twitter.svg) no-repeat scroll left top transparent !important;
        padding: 13px !important; 
    }
    
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .st-googleplus-counter.stMainServices {
        background: url(../../images/social_icons/square-gplus.svg) no-repeat scroll left top transparent !important;
        padding: 13px !important; 
    }
    
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .stButton_gradient {
        width: 42px;
        height: 42px;
        padding-bottom: 0px;
    }
    
    #block-sharethis-sharethis-block .st_email_hcount .stButton .stMainServices.st-email-counter {
        background: url(../../images/social_icons/email.svg) no-repeat scroll left top transparent !important;
        padding: 13px;
    }

    #block-sharethis-sharethis-block .stButton {
        margin: 0px;
        width: 42px;
    }

    .stButton .stArrow {
        padding: 0 !important;
    }
    
    #block-views-dynamic-issues-block-block .view-content h3, 
    #block-views-dynamic-region-block-block .view-content h3 {
        margin: 10px 0 8px 0;
    }
    
    #block-views-dynamic-issues-block-block .view-content h3 a,
    #block-views-dynamic-region-block-block .view-content h3 a {
      font-family: 'Roboto condensed', sans-serif;
      font-weight: 700;
      color: #4C4C4C;
      padding-left: 0px;
      font-size: 0.9em;
      line-height: 19px;
    }
    
    #block-views-dynamic-issues-block-block .view-content h3 .field-issues,
    #block-views-dynamic-region-block-block .view-content h3 .field-region {
       padding-left: 15px; 
    }

    span.stArrow,   
    .stButton_gradient.stHBubble {
        padding: 0;
    }

    .not-logged-in #block-sharethis-sharethis-block {
        width: 42px;
        position: relative;
        top: 27px;
    }

    .sidebar .sharethis-wrapper:before {
        content: "SHARE";
        text-decoration: none;
        font-family: 'Verdana', sans-serif;
        font-size: 0.75em;
        color: gray;
    }

    #block-sharethis-sharethis-block .st_facebook_hcount .stButton span,
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton span,
    #block-sharethis-sharethis-block .st_email_hcount .stButton span,
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton span,
    #block-sharethis-sharethis-block .st_facebook_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_twitter_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_email_hcount .stButton .stArrow,
    #block-sharethis-sharethis-block .st_googleplus_hcount .stButton .stArrow {
        width: 42px;
        padding: 0;
    }

    .sidebar-first .region-sidebar-first {
        float: left;
        width: 33.33333%;
        margin-left: 0%;
        margin-right: -33.33333%;
    }

    .sidebar-second #content {
        float: left;
        width: 69%;
        margin-left: 0%;
    }

    .sidebar-second .region-sidebar-second {
        float: left;
        width: 20%;
        margin-right: -100%;
    }

    .two-sidebars .region-sidebar-first {
        float: left;
        width: 10%;
        margin-left: 0%;
    }

    .two-sidebars .region-sidebar-second {
        float: left;
        width: 30%;
        padding-left: 2%;
        position: relative;
        top: -20px;
    }

    .two-sidebars .region-sidebar-second .block {
        padding-left: 5px;
        padding-right: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        *behavior: url("/path/to/boxsizing.htc");
        _display: inline;
        _overflow: hidden;
        _overflow-y: visible;
    }

    .two-sidebars .region-sidebar-second .block:nth-child(3n+1),
    .two-sidebars .region-sidebar-second .block:nth-child(3n+2),
    .two-sidebars .region-sidebar-second .block:nth-child(3n){
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }

    blockquote {
        padding-left: 20px;
        padding-bottom: 3px;
        -webkit-margin-start: 40px;
        -webkit-margin-end: 40px;
    }
	
    .featured {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .featured .featured_text {
        padding: 5px;
        width: 21.95%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .featured .featured_lg_img {
        padding: 0px 5px; 
        width: 60%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .featured .featured_sm_imgs {
        width: 18.05%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .splash_title_lg a {
        font-size: 1.25em;
    }

    .card {
        width: 100%;
        display: table;
        margin: 0 auto;
        text-align: center;
    }
	
    .cards .story_cards {
        padding: 5px;
        width: 33.33%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; /* 5 */
    }

     .live-bottom {
        width: 100%;
        display: table;
        margin: 0 auto;
    }

    .live-bottom .live1 {
        padding: 5px;
        width: 48%;
        float: left;
    }

    .live-bottom .live2 {
        padding: 5px;
        width: 48%;
        float: right;
    }

    .footer2_left {
        width: 45%;
        float: left;
    }

    .footer2_right {
        width: 25%;
        float: right;
    }

    .footer .blogroll {
        display: inline;
        border-right: 1px solid #205493;
    }
  
} /*end (min-width: 741px) and (max-width: 959px)*/

@media all and (min-width: 960px) and (max-width: 1181px) {
    
    #block-views-state-front-page-block-1 h4.field-content a {
        text-decoration: none;
        color: #000000;
        font-size: 21px;
        line-height: 21px;
    }
    
} /* end (min-width: 960px) and (max-width: 1181px)*/


@media all and (min-width: 960px) {
    
    .flickr-block-set-title {
        margin: 0 0 10px 0;
    }

    .flickr-block-set-title a {
        float: none;
    }

    #participate-page .views-row-1 a img {
        margin: 0 15px 15px 0;
    }
    
    #participate-page .views-row-1 .views-field-title a {
        font-family: 'Roboto Condensed', sans-serif;
        color: #981b1e;
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        text-decoration: none; 
    }
    
    #participate-page .views-row-1 .field-body p {
        line-height: 22px;
        font-size: 15px;
        margin: 1em 0;
    }
    
    #block-views-state-front-page-block-4 .field-body p {
       font-size: 16px;
    }
    
    .front div#block-views-state-front-page-block-4 img {
        margin: 15px 20px 20px 12px;
        float: left;
    }
    
    #block-views-state-front-page-block-1 h4.field-content {
        line-height: 1.10em;
        margin: 0 0 0.6em 0;
    }
  
    h4 {
        font-size: 1em;
    }
    
    .sidebar-first #content {
        float: left;
        width: 90%;
        margin-left: 10%;
        margin-right: -100%;
    }

    .sidebar-first .region-sidebar-first {
        float: left;
        width: 5%;
    }

    .two-sidebars #content {
        float: left;
        width: 69%;
        margin: 0 2.5% 0 7.5%;
    }
  
    .sidebar-second .region-sidebar-second {
        width: 31%;
        margin-left: 69%;
        margin-right: -100%; 
    }

    .two-sidebars #content {
        float: left;
        width: 69.5%;
        margin-left: 8%;
    }

    .two-sidebars .region-sidebar-first {
        position: fixed;
        float: left;
        width: 10%;
        max-width: 50px;
        margin-left: 0%;
    }

    .two-sidebars .region-sidebar-second {
        width: 20%;
        margin-top: 7px;
        float: left;   
    }

    h2.block-title, 
    #block-views-dynamic-region-block-block .views-field.views-field-title, 
    #block-views-dynamic-region-block-block .views-field.views-field-title a, 
    #block-views-dynamic-issues-block-block .views-field.views-field-title, 
    #block-views-dynamic-issues-block-block .views-field.views-field-title a, 
    .view-more-stories-by-this-author .views-field.views-field-title, 
    .view-more-stories-by-this-author .views-field.views-field-title a {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 700;
        font-size: 1.22em;
        line-height: 22px;
    }

    #block-views-dynamic-issues-block-block .view-content h3, 
    #block-views-dynamic-region-block-block .view-content h3 {
        margin: 10px 0 8px 0;
    }
    
    #block-views-dynamic-issues-block-block .view-content h3 a,
    #block-views-dynamic-region-block-block .view-content h3 a {
    /*  margin: 5px 0 5px 0;*/
      font-family: 'Roboto condensed', sans-serif;
      font-weight: 700;
      color: #4C4C4C;
      padding-left: 0px;
      font-size: 0.9em;
      line-height: 19px;
    }
    
    #block-views-dynamic-issues-block-block .view-content h3 .field-issues,
    #block-views-dynamic-region-block-block .view-content h3 .field-region {
       padding-left: 15px; 
    }

    article .field-body {
        border-bottom: 1px solid gray;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        width: 100%;
    }

    article.view-mode-full div.field-body p {
        font-size: 17.5px;
        line-height: 26px;
        font-weight: 400;
        margin: 1em 0;
    }
    
    .page-node.node-type-article .field-title-field h1 {
        padding: 0;
        width: 100%;
        line-height: 44px;
        font-size: 2.6em;
        font-weight: 700;
    }
    
    .logged-in .page-node.node-type-article .field-title-field h1 {
        padding: 15px;
    }
   
} /*end (min-width: 960px)*/

@media all and (min-width: 741px) and (max-width: 1440px) {
    
    .node-teaser .field_read_time {
        visibility: hidden;
        display: none;
    }

    #teaser-left .field-brightcove,
    #teaser-left .field-external-embed-video,
    #teaser-left .field-show-textcard,
    #teaser-left .field-primary-image {
        width: 30%; 
        margin: 10px 3% 30px 0;
        float: left;
    }
    
    #teaser-right {
        width: 44%;
        float: left;
    }
    
    .view-id-taxonomy_term.teaser-view.basic-pager.landing .view-header {
        float: none;
        padding: 0;
        position: static;
    }

    #teaser-left {
        float: left;
        width: 49%;
        padding: 0 20px 0 0;
    }

    .field-contributor-ref #node-info {
        float: left;
        width: auto;
    }
    
    .admin-menu #at4-follow.at4-follow {
        position: absolute;
        top: 116px !important;
        right: -7px;
        z-index: -20;
    }
    
    .not-logged-in #at4-follow.at4-follow {
        position: absolute;
        top: -50px !important;
        right: 0;
        z-index: -10;
    }
    
    .not-logged-in .at4-follow-inner {
        top: 145px;
        left: 10px;
    }

} /* end (min-width: 741px) and (max-width: 1440px)*/

@media all and (min-width: 1181px) and (max-width: 1440px) {
    
    .flickr-block-set-title a {
       float: none; 
    }
    
    .flickr-block-set-title {
       margin: 0 0 10px 0;
    }
        
    .admin-menu #at4-follow.at4-follow {
        position: absolute;
        top: 116px !important;
        right: 109px;
    }
    
    .not-logged-in .at4-follow-inner {
        position: relative;
        top: 93px;
        right: 109px;
    }
    
    .two-sidebars #content {
        float: left;
        width: 57%;
        margin: 0 6% 0 7.5%;
    }
    
    article.view-mode-full div.field-body p {
        font-size: 19px;
        line-height: 30px;
        font-weight: 400;
        margin: 1em 0;
    }
    
    h4 {
        font-size: 1.15em;
    }
    
} /* end (min-width: 1181px) and (max-width: 1440px)*/

@media (min-width: 1441px) {
    
    #page {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
    }
      
    .admin-menu #at4-follow.at4-follow {
        position: absolute;
        top: 116px !important;
        right: 109px;
    }
    
    .not-logged-in .at4-follow-inner {
        position: relative;
        top: 93px;
        right: 109px;
    }
    
    .region-header {
        position: relative;
    }
    
    #block-block-76.block {
        position: absolute;
        right: -10px;
        top: 43px;
    }
    
    #block-views-state-front-page-block-3 .views-row-1 .views-field-title a, 
    #block-views-state-front-page-block-3 .views-row-2 .views-field-title a,
    #block-views-state-front-page-block-2 .view-id-state_front_page .views-field-title a {
        width: 99%;
    }
    
    #block-views-state-front-page-block-3 .views-row.views-row-1 {
        margin-bottom: 2px;  
    }
    
    #block-views-state-front-page-block-3 {
        position: relative;
        right: -4px;
    }
    
    #block-views-state-front-page-block-3 {
        width: 24.25%; 
    }
} /* end (min-width: 1441px)*/