/* base */

html {
    width:100%;
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    font: 13px/1.231 "Ideal Sans A","Ideal Sans B",Helvetica,Arial,sans-serif;
    text-rendering: optimizelegibility;
    color:#444;
    margin:0;
    padding:0;
}

/* clearfix */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
* :focus { outline: 0; }

/* Separator */

.sep {
    border-top:1px dotted #999;
    height:1px;
}

/* Responsive media */

.responsive-media {
    position: relative;
    padding-bottom:56.25%; /* 16:9 = .5625 */
    padding-top:35px;
    height:0;
    overflow: hidden;
}

.responsive-media iframe, .responsive-media object, .responsive-media embed {
    position:absolute;
    display:block;
    padding-bottom: 10px !important;
    top:0;
    left:0;
    width:100%;
    height:100%;
    margin: 0 !important;
}


/* Homepage -> PageBuilder -> subitems
------------------------ */
.links-more{
    text-align:center;
    cursor: pointer;
    color: #25408f;
    font-size: 10pt;
    font-weight: bold;
}
.links-more-contain{
    display:none;
}
.links-more-contain.pb-expanded{
    display:block;
}

/* article */

.article {
    clear:both;
    margin:0 auto !important;
}

.article .article-content:before, .article .article-content:after {
    content: ""; display: table;
}

.article .article-content:after {
    clear:both;
}

.article-content ul, .article-content ol {
    max-width:520px;
}

.l-article-lede-img-xl .article-content {
    padding: 0 12px;
}

.article-content p.wp-caption-text {
    color: #7a7a7a;
    font-family: "Ideal Sans A","Ideal Sans B",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 200;
    line-height: 130%;
}

.article-content blockquote {
    max-width:520px;
}

a.byline-author {
    border-bottom:none;
}

.developing-story p {
    font-size: 1em;
}

p.overline {
    color: #d3d3d3;
    font-size: 13px;
    margin:0;
}

.fullattribution {
    display:none;
}

.pullquote .pullquoteauth {
    font-family: "Ideal Sans A","Ideal Sans B",Helvetica,Arial,sans-serif;
    font-style:normal;
    font-weight:normal;
    color:#666;
    font-size:17px;
    line-height:140%;
    margin:8px 0 0 20px;
}

.correction{
    font-style: italic;
}

/* Article player */

.audio-embed-code {
    background-color:#f8f8f8;
    z-index: 100;
    position:absolute;
    left:0;
    top:40px;
    width:100%;
    padding:10px;
}

.audio-embed-code-txt {
    margin:0 0 2px 0;
}

#audio-embed-copy {
    width:100%;
}

.no-audio .article-h {
    margin-left:0;
    min-height:0;
}


/* Asides */

a.link {
    border-bottom:none;
    color: #2e73b8;
    text-decoration: none;
    transition: all 0.2s linear 0s;
    padding:0;
}

h3.section-h1 {
    font-size:14px;
    padding:0;
}

ul.article-aside-list, ol.article-aside-list {
    list-style:none;
    padding:0;
}

.inset-right, .inset-left {
    float:none;
    margin:20px 0;
}

.inset p, .inset ul {
    margin:0 0 10px 0;
    width:auto;
}

.inset ul {
    list-style: square;
}

.inset ul li {
    margin:0 0 12px 0;
}

.inset-pad .mp-player-wrap {
    width: 100% !important;
    margin-left: 0;
}

/* Magnific */

.lightbox, .lightbox img {
    display:block;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/* header */

.header-container {
    display:block;
    clear:both;
    width:100%;
    margin:0 auto 10px auto;
    min-width:320px;
    border-bottom:1px solid #e8e8e8;
    font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;

    font-weight:200;
}

.header-container a {
    text-decoration:none;
}

.header-container a:visited,
.header-container a:active,
.header-container a:focus {
    color:inherit;
    text-decoration: none;
}

/* Super nav */

.row-nav-super {
    display:none;
    width:100%;
    background-color:#f5f5f5;
}

/* Primary nav */

.row-nav-primary {
    display:none;
    background-color:#363636;
    color:#fff;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
}

.row-nav-itn {
    display:none;
    background-color:#f5f5f5;
}


/* Top row */

.row-top {
    position:relative;
    width:100%;
}

/* now playing */

.top-np {
    margin:10px 0;
    padding:0 10px;
    max-width:320px;
    clear:both;
}

.np-btn {
    float:left;
    height:36px;
    margin-right:4%;
    width:30%;
    color:#fff;
}

.np-btn a {
    text-align: center;
    background-color:#d34313;
    height:36px;
    padding:3px 10px;
    line-height:30px;
    font-size:0.846153846em;
    color:#fff;
    display:block;
    transition:background-color 0.2s ease-in 0s;
    -moz-transition:background-color 0.2s ease-in 0s;
    -webkit-transition:background-color 0.2s ease-in 0s;
}

.np-btn a:hover {
    background-color:#f0501b;
}

.np-meta {
    position:relative;
    float:left;
    width:66%;
    font-size:0.769230769em;
}

.np-meta-lbl {
    font-weight:200;
    color:#d34313;
}

.np-meta-prog {

}

.np-meta-prog a {
    color:#333;
    font-size:1.384615384em;
}

.np-meta-sched {
    font-weight:200;
    display:none;
}

.np-meta-sched a {
    color:#d34313;
}


/* top logo */

.top-logo {
    width:100%;
    padding:10px 0 10px 10px;
    background-color:#f5f5f5;
}

.top-logo .logo {
    background:none;
    display: block;
    height:50px;
    width: 162px;
}

.top-logo .logo img {
    width:100%;
    vertical-align: baseline;
}

.lt-ie9 .top-logo .logo {
    background:url(//s3.amazonaws.com/cdn.wbur.org/images/logos/wbur/wbur-logo.gif) 0 0 no-repeat;
    height:83px;
}

.lt-ie9 .top-logo .logo img {
    display:none;
}

/* mobile button */

.top-nav-mobile {
    background-color:#363636;
    color:#fff;
    display:none;
    margin-bottom:10px;
}

.top-nav-mobile-btn {
    position:absolute;
    top:18px;
    right:20px;
    width:80px;
    height:30px;
    background-color:#363636;
    color:#fff;
    line-height:26px;
    text-align: center;
    border:1px solid #363636;
    cursor:pointer;
    letter-spacing: 1px;
}

.top-nav-mobile-btn i {
    line-height:26px;
    margin:0 0 0 3px;
}

/* mobile nav */

.nav-mobile-item {
    border-bottom:1px solid #777;
}

.nav-mobile-item a {
    display:block;
    padding:10px 0 10px 10px;
    color:#fff;
    font-weight:200;
}

.nav-mobile-search {
    position:relative;
    background-color:#777;
    padding:0 0 0 4px;
}

.mobile-search-input input {
    border:none;
    background-color:#777;
    width:100%;
    padding:10px 4px;
}

.mobile-search-btn {
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-10px;
    color:#fff;
    cursor:pointer;
    font-size:1.230769230em;
}

.mobile-search-input input::-webkit-input-placeholder {
    color: #fff;
    font-weight:bold;
    font-style:italic;
}

.mobile-search-input input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
    font-weight:bold;
    font-style:italic;
}

.mobile-search-input input::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
    font-weight:bold;
    font-style:italic;
}

.mobile-search-input input:-ms-input-placeholder {
    color: #fff;
    font-weight:bold;
    font-style:italic;
}

.nav-mobile-item-more i {
    float:right;
    padding:0 10px 0 0;
    font-size:1.384615384em;
    line-height:14px;
}

#nav-support a {
    color:#dfa011;
}

/* mobile nav more */

.nav-mobile-items-more {
    background-color:#e2e2e2;
    display:none;
}

.nav-mobile-items-more .nav-mobile-item a {
    color:#333;
}

/* mobile nav social */

.mobile-social-items {
    font-size:1.076923076em;
    width:50%;
    max-width:160px;
    margin:0 auto;
}

.mobile-social-item {
    float:left;
    padding:10px 0;
}

.mobile-social-item.social-tw {
    float:right;
    margin:0;
}

.mobile-social-item a {
    color:#fff;
}

/* top ad */

.top-ad {
    width:100%;
    text-align: center;
    clear:both;
    background-color:#fff;
    padding:10px 0;
}

.top-ad .ad {
    display:inline-block;
    width:300px;
    height:50px;
}

.top-ad .ad-temp {
    background-color:#ccc;
    font-size:20px;
    line-height:50px;
    text-align:center;
}

/* social buttons */

.social-fb i {
    color:#3C5B99;
}

.social-tw i {
    color:#00ACED;
}


/* ads */

.ad-wide {
    text-align:center;
    margin:20px auto;
    max-width:1200px;
}

.ad-windowshade-full {
    display:none;
}

/* footer */

.footer-container {
    font-family:"Ideal Sans A","Ideal Sans B",Helvetica,Arial,sans-serif;
    font-weight:200;
    background-color:#f5f5f5;
    border-top:1px solid #d8d8d8;
    padding:20px 0 0 0;
}

.footer-container .footer-nav {
    max-width:320px;
    margin: 0 auto;
}

.footer-col {
    float:left;
    width:50%;
    min-height:340px;
}

.footer-col-logos {
    min-height:inherit;
    max-width:540px;
    margin:0 auto;
    float:none;
}

.footer-sect {
    margin:0 0 20px 0;
}

.footer-head {
    margin:0 0 4px 10%;
}

.footer-head, .footer-head a {
    font-size:1.076923076em;
    color:#000;
    text-decoration: none;
}

.footer-item {
    margin:0 0 5px 10%;
}

.footer-item a {
    color:#25408f;
    text-decoration: none;
    font-weight:200;
}

.footer-col-logos {
    width:100%;
    clear:both;
}

.footer-col-logos .footer-item {
    float:left;
    padding:10px;
    min-height:68px;
    margin:0;
}

.footer-col-logos .footer-item a {
    display:block;
    background-image: url("../img/sprite-logos.png");
    background-repeat: no-repeat;
}

.logo-bu { background-position: 0 -174px; width:103px; height:46px; }
.logo-npr { background-position: -129px -174px; width:100px; height:33px; }
.logo-apm { background-position: -417px -206px; width:74px; height:16px; }
.logo-bbc { background-position: -320px -174px; width:60px; height:21px; }
.logo-pri { background-position: -508px -176px; width:29px; height:25px; }
.logo-prx { background-position: -416px -174px; width:43px; height:19px; }

.footer-strip {
    clear:both;
    width:100%;
    background-color:#333;
    padding:16px 0;
    color:#e5e5e5;
}

.footer-strip a {
    color:#e5e5e5;
}

.footer-strip-left, .footer-strip-right {
    text-align:center;
    margin:0 0 6px 0;
}

/* Listen page*/

.top-np-txt{
    color: #fff;
}

/* homepage */

.hp {
    font: 13px/1.231 "Ideal Sans A","Ideal Sans B",Helvetica,Arial,sans-serif;
    max-width:960px;
    margin:20px auto;
    box-sizing: border-box;
}

.lp a {
    color:#444;
    text-decoration:none;
}

.hp-well {
    margin:0 10px;
}

.breakingnews {
    padding:10px;
    margin-bottom:10px;
    border-bottom:1px dotted #d5d5d5;
}

.breakingnews, .breakingnews .story {
    background-color:#f5f5f5;
}

.story .supttl.supttl-breaking {
    color: #B51230;
}

.well-left, .well-right {
    border-bottom:1px dotted #d5d5d5;
    margin-bottom:10px;
    padding-bottom:10px;
}

.cols, .hp #side {
    margin:0 10px;
}

.side-top, .hp #side aside {
    max-width:400px;
    margin:30px auto;
}

.col {
    padding:0;
}

.side-top {
    border-top:1px dotted #d5d5d5;
    padding:10px 0 0 0;
}

.side-top-misc {
    margin:20px 0;
}

/* Ads */

.ad .ad-helper-txt {
    letter-spacing: 1px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}

.ad-rect {
    background-color: #f5f5f5;
    padding-top:10px;
    margin: 0 10px 20px 10px;
    text-align:center;
    border-bottom:1px dotted #d5d5d5;
}

.ad-rect > div {
    margin:0 auto;
    width:300px;
    height:270px;
}

.ad-square {
    float:left;
    margin:20px 0 0 0;
    clear:both;
    width:100%;
    height:152px;
    background-color:#f5f5f5;
    padding:10px;
    text-align: center;
}

.ad-square .ad-msg {
    font-size:10px;
    color:#666;
    text-decoration: none;
}

.ad-murrow {
    text-align:center;
    margin:20px 0;
}

.ad-murrow a img {
    width:100%;
}

/* Weather and Markets */

.wthr {
    width:50%;
    float:left;
}

.wthr-head {
    margin:0 0 10px 0;
}

.wthr-head a {
    color:#444;
    text-decoration: none;
}

.wthr-bdy {
    padding-left:20px;
}

.wthr-icon {
}

.wthr-txt {
    color:#666;
}

.wthr-temp {
    font-size:50px;
    line-height: 50px;
}

.wthr-summ {
    font-size:11px;
}

.markets-wrap {
    width:50%;
    float:left;
    padding-top:3px;
}

.markets {
    line-height:10px;
    font-size:11px;
}

.markets-wrap .markets div:first-child {
    float:none !important;
    margin:0;
    padding:0 !important;
    width:100%;
    clear:both;
}

.markets .thenumbers {
    line-height:16px;
    width:100%;
    padding:0 5% 5%;
    border:1px solid #f5f5f5;
}

.markets .thenumbers a {
    color:#666;
    text-decoration:none;
    display:inline-block;
    margin:6px 4px 0 0;
}

.markets .thenumbers a:after {
    content: ' - ';
}

.markets .up, .markets .down {
    display:inline-block;
    clear:both;
}

.markets .up {
    color: #090;
}

.markets .down {
    color: #900;
}

.markets br {
    margin:0;
    padding:0;
    height:4px;
    font-size:4px;
    line-height:4px;
}

/* Aside: MP */

.article-aside {
    margin:20px 0 30px 0;
}

.section-h1 {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0 20px 0;
    padding-top: 26px;
    position: relative;
    text-transform: uppercase;
}

.hp .article-aside.is-truncated .aside-content:after {
    pointer-events: none;
    content: " ";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 45px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjhmMyIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(245, 248, 243, 0)), color-stop(100%, #ffffff));
    background-image: -moz-linear-gradient(top, rgba(245, 248, 243, 0), #ffffff);
    background-image: -webkit-linear-gradient(top, rgba(245, 248, 243, 0), #ffffff);
    background-image: linear-gradient(to bottom, rgba(245, 248, 243, 0), #ffffff);
}

.hp .article-aside.is-truncated .aside-content {
    max-height: 240px;
    overflow: hidden;
    position: relative;
}

.hp .article-aside-list .article-aside-item {
    border-bottom: 1px dotted #d5d5d5;
    font-size: 15px;
    font-weight: 200;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
}

.hp .article-aside-list .article-aside-item:last-child {
    border:none;
    padding:0;
    margin:0;
}

.hp .article-aside.is-truncated .inset-trigger {
    display: block;
}

.hp .inset-trigger {
    border: 1px solid #d3d3d3;
    cursor: pointer;
    display: block;
    margin-top: 11px;
    padding: 6px;
    position: relative;
    text-align: center;
    transition: all 0.2s linear 0s;
    width: 100px;
}

.hp .inset-trigger-txt {
    color:#444;
    display: inline-block;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.hp .article-aside.is-expanded .inset-trigger-arrow {
    transform: rotate(180deg);
}

.hp .inset-trigger-arrow {
    background: url("/wp-content/themes/wbur-responsive/assets/img/icons/arrow-icon.svg?1415733988") 50% 50% no-repeat;
    background-size: contain;
    display: inline-block;
    height: 11px;
    margin-left: 5px;
    position: relative;
    top: 1px;
    transition: all 0.2s ease-in 0s;
    width: 8px;
}

/* Aside: Don't Miss + Events + MP */

.lp .aside-list {
    margin:0 0 30px 0;
}

.lp .aside-list-dt {
    margin:0 0 6px 0;
    color:#666;
}

.lp h3.section-h1 {
    border-bottom:2px solid #e3b900;
    padding:0 0 5px 0;
}

.lp .aside-list-item {
    margin:0 0 10px 0;
    padding:0 0 10px 0;
    border-bottom:1px dotted #d5d5d5;
}

.lp .aside-list-item:last-child {
    border:none;
    padding:0;
}

.lp .aside-list-img {
    float:left;
    width:25%;
}

.lp .aside-list-body {
    float:left;
    width:73%;
    margin:0 0 0 2%;
    font-weight:200;
}

.lp .aside-list-body h1 {
    margin:0 0 5px 0;
    line-height:20px;
    font-size:17px;
    font-weight:200;
}

.lp .aside-list-body p {
    margin:0;
}

.aside-list a, .article-aside-list a {
    transition:opacity ease-in .2s;
}

.aside-list a:hover, .article-aside-list a:hover {
    opacity:.7;
}

/* Aside - Amazon */

.aside-amazon {
    background-color:#f5f5f5;
    padding:15px;
    margin:20px 0;
}

#amazon {
    margin:0 auto;
}

/* Feed Grid + Schedule */

.hp-grid { max-width:400px; margin:20px auto 0 auto; padding:0 10px; font-weight:200; }
.hp-grid > h1, .hp-grid-col > h1 { font-size:19px; border-bottom:2px solid #e3b900; padding:0 0 5px 0; }

.hp-grid-col { }
.hp-grid-col:last-child { margin:0 0 0 0; }
.hp-grid-item { margin:0 0 20px 0; }

.feedtitle A { color:#333; font-size:14px; display:block; margin:0 0 12px 0; text-transform:uppercase; }
.prop-logo { background-image:url(//s3.amazonaws.com/cdn.wbur.org/images/sprites/properties-sprite.png); background-repeat:no-repeat; background-position: 1000px 0; height:38px; width:260px; }

.prop-logo-cognoscenti { background-position: 0 0; }
.prop-logo-artery { background-position: 0 -50px; }
.prop-logo-commonhealth { background-position: 0 -103px; }
.prop-logo-hereandnow { background-position: 0 -145px; }
.prop-logo-onlyagame { background-position: 0 -195px; }
.prop-logo-onpoint { background-position: 0 -245px; }
.prop-logo-radioopensource { background-position: 0 -295px; }
.prop-logo-radioboston { background-position: 0 -347px; }
.prop-logo-healthcaresavvy { background-position: 0 -396px; }
.prop-logo-bbc { background-position: 0 -438px; }
.prop-logo-xconomy { background-position: 0 -491px; }
.prop-logo-itsallpolitics { background-position: 0 -542px; }
.prop-logo-waitwait { background-position: 0 -581px; }
.prop-logo-freshair { background-position: 0 -630px; }
.prop-logo-thetwoway { background-position: 0 -670px; }
.prop-logo-allsongsconsidered { background-position: 0 -714px; }
.prop-logo-shots { background-position: 0 -767px; }
.prop-logo-marketplacemoney { background-position: 0 -816px; }
.prop-logo-thewildlife { background-position: 0 -865px; }
.prop-logo-learninglab { background-position: 0 -920px; }

.hp-grid-item UL { margin:0; padding:0; overflow:hidden; position:relative; }
.hp-grid-item UL LI { margin:0 0 10px 0; padding:0 10px 8px 0; border-bottom:1px dotted #d5d5d5; font-size:14px; background: none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.hp-grid-item UL LI a { color:#333; text-decoration:none; transition:opacity ease-in .2s; }
.hp-grid-item UL LI a:hover { text-decoration:none; opacity:.7; }
.hp-grid-item UL LI:last-child { border:none; }

/* Homepage -> Schedule
------------------------ */
.hp-grid-sch { background-color:#f8f8f8; padding:10px; }
.hp-grid-sch-top { margin:0 0 5px 0; border-bottom:1px dotted #d2d2d2; padding:0 4px 10px 4px; }
.hp-grid-sch-allprogs, .hp-grid-sch-allsched { color:#333; font-size:13px; text-decoration:none; font-weight:200; }
.hp-grid-sch-allprogs { float:left; }
.hp-grid-sch-allprogs { float:right; }
.hp-grid-sch-allprogs:hover, .hp-grid-sch-allsched:hover { text-decoration:none; opacity:.7; }
.hp-grid-sch-bot i { margin-right:2px; }
.hp-grid-sch tr { border-bottom:1px dotted #d2d2d2; }
.hp-grid-sch tr:last-child { border:none; }
.hp-grid-sch td { padding:10px 0; }
.hp-grid-sch .sched-time { color:#900; font-size:12px; width:70px; vertical-align:top; font-weight:200; }
.hp-grid-sch .sched-txt { font-size:14px; line-height:18px; width:210px; color:#333; font-weight:200; }
.hp-grid-sch .sched-txt a { color:#333; text-decoration:none; transition:opacity ease-in .2s; }
.hp-grid-sch .sched-txt a:hover { text-decoration:none; opacity:.7; }


/* Story */

.story {
    width:100%;
    max-width:400px;
    border-bottom:1px dotted #d5d5d5;
    padding:0 0 10px 0;
    margin:0 auto 10px auto;
}

.story:last-child {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}

.story a {
    color:#333;
    text-decoration:none;
    transition: opacity ease-in .2s;
}

.story a:hover {
    opacity:.8;
}

.story .byline {
    margin:4px 0;
}

.story .supttl {
    font-size:10px;
    color:#444;
    text-transform: uppercase;
    margin:0 0 4px 0;
}

.story .supttl-audio { background:url(//s3.amazonaws.com/cdn.wbur.org/wordpress/wbur/images/sprite-v6.png) no-repeat 0 2px; padding:0 0 0 22px; line-height: 18px; vertical-align: middle; }
.story .supttl-video { background:url(//s3.amazonaws.com/cdn.wbur.org/wordpress/wbur/images/sprite-v6.png) no-repeat 0 -34px; padding:0 0 0 22px; line-height: 18px; vertical-align: middle; }

.story .links {
    margin:0;
    padding:0;
}

.story .links li {
    margin:0 0 8px 0;
    list-style:none;
    clear:left;
    font-weight:200;
}

.story .links li a {
    display: block;
    padding-left: 15px;
}

.story .links li:before {
    content: '■';
    color: #D49C0B;
    float:left;
}

.story h1 {
    font-size:24px;
    line-height:27px;
    margin:0 0 8px 0;
}

.story .photo a img {
    display:block;
    width:100%;
    margin:0 0 4px 0;

}

.story .tease {
    margin:0 0 10px 0;

}

.story .tease p {
    margin:0;
    font-size:14px;
    font-weight:200;
}

/* MQ */

@media only screen and (min-width: 380px) {

    .nav-mobile-item {
        width:50%;
        float:left;
        background-color:#333;
    }

    .nav-mobile-items-more .nav-mobile-item a {
        color:#8C8C8C;
    }

    .nav-mobile-item:last-child {
        border-bottom:1px solid #777;
    }

    .nav-mobile-search {
        clear:both;
        width:100%;
        float:none;
        background-color:#777;
    }

    .nav-mobile-item-more {
        display:none;
    }

    .nav-mobile-items-more {
        display:block;
    }

}

@media only screen and (min-width: 480px) {

    .header-container {
        background-color:#f5f5f5;
    }

    /* now playing */

    .top-np {
        margin:10px 0 0 0;
        position:absolute;
        left:0;
        top:0;
        width:32%;
    }

    .np-btn {
        width:100%;
        max-width:120px;
        float:none;
        height:30px;
        margin:0 0 6px 0;
    }

    .np-btn a {
        height:30px;
        line-height:24px;
    }

    .np-meta {
        float:none;
        width:100%;
        max-width:130px;
    }

    .np-meta-sched {
        display:none;
    }

    .np-meta-prog {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* logo */

    .top-logo {
        float:right;
        width:68%;
        text-align: center;
        clear:right;
        margin:0;
        padding:10px 0;
    }

    .top-logo .logo {
        background: none;
        height: 64px;
        width: 210px;
    }

    /* mobile nav */

    .top-nav-mobile {
        clear:both;
    }

    .top-nav-mobile-btn {
        top:24px;
    }

    /* footer */

    .footer-container .footer-nav {
        max-width:480px;
        margin: 0 auto;
    }

    /* Article */

    .inset-right, .inset-left {
        width:100%;
        float:left;
        margin:6px 20px 10px 0;
    }
}

@media only screen and (min-width: 640px) {

    .header-container {
        margin:0 0 20px 0;
    }

    /* super nav */

    .super-left {
        float:left;
        padding:0 0 0 10px;
    }

    .super-right {
        float:right;
        padding:0 10px 0 0;
    }

    .super-item {
        float:left;
        font-size:0.923076923em;
        margin:0 10px 0 0;
        padding:5px 0;
    }

    .super-item:last-child {
        margin:0;
    }

    .super-item a {
        color:#333;
        font-weight:200;
        transition:color 0.2s ease-in 0s;
        -moz-transition:color 0.2s ease-in 0s;
        -webkit-transition:color 0.2s ease-in 0s;
    }

    .super-item a:hover {
        color:#777;
    }

    /* super social */

    .super-social a {
        font-size:1.076923076em;
    }

    .super-social span {
        display:none;
    }

    /* now playing */

    .top-np {
        margin:20px 0 0 0;
        padding:0 0 0 10px;
    }

    .np-btn {
        width:42%;
        float:left;
        margin: 0 2% 0 0;
        height:40px;
    }

    .np-btn a {
        height:40px;
        line-height:34px;
    }

    .np-meta {
        float:left;
        width:56%;
    }

    .np-meta-sched {
        position: static;
        display:block;
    }

    .np-meta-prog {
        font-size:1.076923076em;
    }

    /* logo */

    .top-logo {
        width:66%;
    }

    /* ad */

    .top-ad {
        position:absolute;
        top:0;
        right:0;
        width:33%;
        text-align: right;
        margin:14px 0 0 0;
        padding:0 10px 0 0;
        background-color:inherit;
    }

    .top-ad .ad {
        display:inline-block;
        width:180px;
        height:50px;
    }

    .ad-windowshade-full {
        display:block;
        height:80px;
        margin:0 0 20px 0;
    }


    /* navs */

    .top-nav-mobile, .top-nav-mobile-btn {
        display:none;
    }

    .row-nav-primary, .row-nav-super, .row-nav-itn {
        display:block;
    }

    .row-nav-super {
        background-color:#ececec;
        border-bottom:1px solid #e8e8e8;
    }

    /* primary nav */

    .primary-items {
        position:relative;
    }

    .primary-item {
        float:left;
        text-align: center;
        width:11%;
        border-right:1px solid #f5f5f5;
        overflow:hidden;
        max-height:33px;
        font-size:12px;
    }

    .primary-item:first-child {
        border-left:1px solid #f5f5f5;
    }

    .primary-item a {
        display:block;
        padding:8px 10px;
        color:#fff;
        transition:background-color 0.2s ease-in 0s;
        -moz-transition:background-color 0.2s ease-in 0s;
        -webkit-transition:background-color 0.2s ease-in 0s;
    }

    .primary-item a:hover {
        background-color:#f5f5f5;
        color:#333;
    }

    .primary-item-small {
        width:10%;
    }

    .primary-item-med {
        width:14%;
    }

    .primary-item-large {
        width:17%;
    }

    /* search form */

    .primary-item-search {
        width:4%;
    }

    #nav-search-form {
        display:none;
        position:absolute;
        right:0;
        bottom:-33px;
        width:300px;
        z-index:99;
    }

    .nav-search-wrap input {
        width:100%;
        padding:7px;
        background-color:#e2e2e2;
        border:1px solid #d5d5d5;
        height:33px;
    }

    .nav-search-wrap i {
        position:absolute;
        right:10px;
        top:50%;
        margin-top:-10px;
        color:#555;
        font-size:1.461538461em;
        cursor:pointer;

    }

    /* in the news */

    .itn-items {
        padding:0 0 0 10px;
        float:left;
        overflow:hidden;
        height:32px;
        max-width:76%;
    }

    .itn-head {
        color:#d34313;
    }

    .itn-item {
        float:left;
        margin:0 30px 0 0;
        padding:8px 0;
        font-weight:200;
        overflow:hidden;
    }

    .itn-item:last-child {
        margin:0;
    }

    .itn-item a {
        color:#333;
        transition:color 0.2s ease-in 0s;
        -moz-transition:color 0.2s ease-in 0s;
        -webkit-transition:color 0.2s ease-in 0s;
    }

    .itn-item a:hover {
        color:#777;
    }

    .itn-categories {
        position:relative;
        padding:0 10px 0 0;
        float:right;
        font-weight:200;
    }

    .itn-categories i {
        margin:0 0 0 3px;
        font-size:0.846154em;
    }

    .news-dropdown {
        padding:8px 0;
        cursor:pointer;
    }

    .news-dropdown-items {
        display:none;
        position:absolute;
        border:1px solid #e5e5e5;
        background-color:#f5f5f5;
        width:99%;
        z-index: 999;
    }

    .news-dropdown-item {
        border-bottom:1px solid #e5e5e5;
    }

    .news-dropdown-item:last-child {
        border-bottom:none;
    }

    .news-dropdown-item a {
        color:#000;
        display:block;
        padding:6px 12px;
        transition:background-color 0.2s ease-in 0s;
        -moz-transition:background-color 0.2s ease-in 0s;
        -webkit-transition:background-color 0.2s ease-in 0s;
    }

    .news-dropdown-item a:hover {
        color:#fff;
        background-color:#333;
    }

    /* footer */

    .footer-container .footer-nav {
        max-width:1200px;
        margin: 0 auto;
    }

    .footer-col {
        width:25%;
    }

    .footer-head {
        margin:0 0 4px 20%;
    }

    .footer-item {
        margin:0 0 5px 20%;
    }

    .footer-col-logos {
        width:100%;
    }

    .footer-strip-left {
        float:left;
        padding:0 0 0 10px;
    }

    .footer-strip-right {
        float:right;
        padding:0 10px 0 0;
    }

    /* Homepage */

    .hp-well {
        max-width:640px;
        margin:0 auto;
        padding:0 10px 10px 10px;
    }

    .breakingnews {
        width:100%;
        padding:10px;
        margin-bottom:20px;
    }

    .breakingnews .story {
        max-width:100%;
    }

    .well-left, .well-right {
        float:left;
    }

    .well-left {
        width:340px;
        padding-bottom:0;
        margin-bottom:0;
        border:none;
    }

    .well-right {
        width:260px;
        margin-left:20px;
        border-bottom:none;
        padding-bottom:0;
    }

    .well-right .story h1 {
        font-size:18px;
        line-height:21px;
    }

    .wellphotoalign .story {
        max-width:100%;
    }

    .wellphotoalign .story h1 {
        font-size:34px;
        line-height:37px;
    }

    .wellphotoalign .top-well-img {
        float:left;
        width:65%;
    }

    .wellphotoalign .top-well-body {
        float:left;
        width:31%;
        margin-left:3%;
    }

    .cols, .side-top {
        max-width:640px;
        margin:20px auto;
        clear:both;
    }

    .col {
        padding:0;
        margin:0 0 0 20px;
        max-width:290px;
        float:left;
    }

    .cols .story h1 {
        font-size:20px;
        line-height:23px;
    }

    /* Side */

    .hp #side {
        max-width:640px;
        margin:20px auto;
        float:none;
    }

    .hp #side > aside {
        float:left;
        max-width:290px;
        margin:20px 0 0 20px;
    }

    .hp .article-aside.is-truncated .aside-content:after {
        height:auto;
    }

    .hp .article-aside.is-truncated .aside-content {
        max-height:none;
    }

    .hp .article-aside.is-truncated .inset-trigger {
        display:none;
    }

    aside.aside-dontmiss {
        clear:left;
    }

    aside.aside-schedule {
        margin:0;
    }

    .side-top-stories, .side-top-misc {
        max-width:640px;
        margin:0 10px;
    }

    .side-top-stories .story {
        float:left;
        max-width:290px;
        margin:0;
        border:none;
    }

    .side-top-stories .story:last-child {
        margin-left:20px;
    }

    .side-top-misc {
        padding:20px 0;
        border-top:1px dotted #d5d5d5;
        border-bottom:1px dotted #d5d5d5;
    }

    .wthr, .markets-wrap, .ad-square {
        width:192px;
        float:left;
        margin:0;
        clear: none;
    }

    .markets-wrap, .ad-square {
        margin-left:20px;
    }

    .ad-square {
        margin-top:10px;
    }

    .ad-rect {
        width:100%;
        background-color:#f5f5f5;
        padding:10px 0;
        height:300px;
        text-align:center;
    }

    /* HP Grid */

    .hp-grid {
        max-width:640px;
    }

    .hp-grid-col {
        max-width:290px;
        float:left
    }

    .hp-grid > .hp-grid-col:nth-child(3) {
        margin:0 0 0 20px;
    }
}

@media only screen and (min-width: 670px) {

    .article-wide .l-article-primary, .article-wide .l-article-secondary, .article-wide .l-article-media {
        width:100%;
        max-width:inherit;
    }

    .article-wide .l-article-primary, .article-wide .l-article-secondary, .article-wide .l-article-media {
        margin-left:0;
    }

    .article-wide .article-social-top {
        display:none;
    }

}

@media only screen and (min-width: 768px) {
    .l-article-lede-img-xl .article-content {
        padding: 0 20px;
    }
}


@media only screen and (min-width: 780px) {

    /* super nav */

    .super-item {
        margin:0 14px 0 0;
    }

    .super-social span {
        display:inline-block;
    }

    /* top */

    .top-np {
        width:33%;
    }

    .np-btn {
        width:38%;
        margin-right:4%;
    }

    .np-meta {
        width:58%;
        max-width: none;
    }

    .top-logo {
        float:none;
        width:33%;
        text-align: center;
        margin:0 auto;
    }

    .top-logo .logo {
        display:inline-block;
    }

    /* top ad */

    .top-ad .ad {
        display:inline-block;
        width:260px;
        height:50px;
    }

    /* navigation */
    .primary-item {
        font-size:13px;
    }

    /* article */

    p.wp-caption-text {
        margin-left:0;
    }

    blockquote p.l-article-primary {
        margin-left: 0 !important;
    }

    .article-content blockquote {
        margin-left:105px;
    }

    /* asides */
    .aside-content h3.section-h1 {
        margin:0 0 20px 0;
    }

    .aside-content ul.article-aside-list, ol.article-aside-list {
        margin:0;
    }

    /* Twitter widget */
    .twitter-tweet {
        margin-left:105px !important;
        max-width:520px !important;
    }
}

@media only screen and (min-width: 816px) {
    .top-ad { margin:16px 0 0; }
}

@media only screen and (min-width: 900px) {

    /* super nav */

    .super-item {
        margin:0 20px 0 0;
    }

    /* now playing */

    .top-np {
        margin:28px 0 0 0;
    }

    .np-btn {
        height:46px;
    }

    .np-btn a {
        height:46px;
        line-height:40px;
        font-size:15px;
    }

    /* top logo */

    .top-logo .logo {
        background: none;
        height: 87px;
        width: 290px;
    }

    .top-np {
        margin-top:36px;
    }

    /* top ad */

    .top-ad {
        margin:34px 0 0 0;
    }


    /* footer */

    .footer-col {
        width:20%;
    }

    .footer-col-logos {
        float:left;
        clear:none;
    }

    .footer-col-logos .footer-item {
        float:none;
        padding:0;
        margin:0 0 20px 20%;
        min-height: inherit;
    }
}


@media only screen and (min-width: 940px) {

    .hp {
        position:relative;
        max-width:920px;
        margin:0 auto;
    }

    .ad-rect {
        position:absolute;
        top:0;
        right:0;
        width:300px;
        height:250px;
        padding:0;
        margin-right:0;
    }

    .ad-rect .ad-helper-txt {
        display:none;
    }

    .hp-well {
        max-width:600px;
        float:left;
        padding:0 0 10px 0;
        border-bottom:1px dotted #d5d5d5;
        margin-bottom:20px;
    }

    .breakingnews {
        width:100%;
        padding:10px;
        margin-bottom:20px;
    }

    .breakingnews .story {
        max-width:100%;
    }

    .well-right {
        width:240px;
    }

    .cols {
        margin:0;
        float:left;
        max-width:600px;
    }

    .cols .col {
        margin-left:0;
        max-width:290px;
    }

    .cols .col.col2 {
        margin-left:20px;
    }

    .hp-grid {
        padding:0;
        float:left;
        max-width:600px;
    }

    .hp #side {
        position:absolute;
        right:0;
        top:270px;
        width:300px;
        margin:0;
    }

    .hp #side > aside {
        margin:0 0 40px 0;
        max-width:300px;
        float:none;
    }

    .side-top {
        margin:0 0 20px 0;
    }

    .side-top-stories .story:last-child {
        margin:0;
        padding:0;
    }

    .side-top-stories .story:first-child {
        border-bottom:1px dotted #d5d5d5;
        margin-bottom:20px;
    }

    .side-top-stories .story h1 {
        font-size:16px;
        line-height:19px;
    }

    .side-top-stories .story .byline {
        margin:0 0 4px 0;
    }

    .side-top-stories, .side-top-misc {
        margin:0;
        padding:0;
        width:150px;
        float:left;
        border:none;
    }

    .side-top-stories {
        width:130px;
    }

    .side-top-misc {
        width:150px;
        margin-left:20px;
    }

    .wthr, .markets-wrap, .ad-square {
        width:150px;
        margin-left:0;
        padding:0;
    }

    .wthr {
        border-bottom:1px dotted #d5d5d5;
        padding:0 0 20px 0;
        margin:0 0 20px 0;
    }

    .wthr-bdy {
        padding:0;
    }

    .wthr-icon, .wthr-txt {
        float:left;
    }

    .wthr-icon {
        margin: 2px 8px 0 0;
        width: 60px;
    }

    .wthr-txt {
        width: 72px;
    }

    .ad-square {
        background-color:inherit;
    }

}


@media only screen and (min-width: 960px) {

    .hp {
        max-width:940px;
    }

    .hp-well .well-left {
        width:360px;
    }

    .hp-well, .cols {
        max-width:620px;
    }

    .cols .col {
        max-width:300px;
    }
}

@media only screen and (min-width: 980px) {

    /* rows */

    .row-centered {
        margin:0 auto;
        max-width:980px;
    }

    .row-top {
        max-width:980px;
        margin:0 auto;
    }

    .ad-windowshade-full {
        display:block;
        height:120px;
    }
}

@media only screen and (min-width: 1200px) {

    /* super nav */

    .super-left {
        float:left;
        padding:0 0 0 10px;
    }

    .super-right {
        float:right;
        padding:0 10px 0 0;
    }

    /* rows */

    .row-centered {
        margin:0 auto;
        max-width:980px;
    }

    .row-top {
        max-width:980px;
        margin:0 auto;
    }

    /* top ad */

    .top-ad .ad {
        display:inline-block;
        width:300px;
        height:50px;
    }
}

/* Print */

@media print {

}