/* Theme Name: BU Today Version: 1.0.0 Author:Interactive Design Author URI: http://www.bu.edu/interactive-design/ Description: Custom Theme for BU Today. */ /* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height:1;font:13px/1.4em Helvetica, arial, verdana, sans-serif;-webkit-text-size-adjust:none;} input[type=radio], input[type=checkbox] {padding:0;} input[type=hidden]{display:none !important;} button {cursor:pointer;overflow:visible;-webkit-appearance:none;} button:-moz-focus-inner {border:none;} ol, ul {list-style:none;} a {text-decoration:none;} blockquote {quotes:none;} blockquote:before, blockquote:after {content:'';content:none;} :focus {outline: 0;} ins {text-decoration:none;} table {border-collapse:collapse;border-spacing:0;} /* layout */ body {color:#111;background:#111;} #wrapper {background:#eceded url(images/bg-body-noise.jpg) repeat 0 0;padding:0 0 40px 0;} .container {position:relative; margin:0 auto; text-align:left;} #content { margin:0px auto; position:relative; width:995px; background:#fff; border:1px solid #DCDFDF; border-top:4px solid #111; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .single #content {padding-top:0px;} .sc { position:relative; padding:0 28px 28px; background:transparent url(images/bg-down-arrow.png) no-repeat 0 45px; } .bdr { padding-bottom:30000px; margin-bottom:-30000px; overflow:hidden; } /* columns */ .one-col {width:165px;} .two-col {width:331px;} .three-col {width:551px;} .four-col {width:744px;} .three-halves-col {width:261px;} .left {display:inline; float:left;} .right {display:inline; float:right;} /* general typography */ h1 {font-size:32px; line-height:32px;} h2 {font-size:21px; line-height:28px;} h2.section-title, .sidebar h2, .widget h2 {color:#7F8991;border-top:4px solid #111; padding:7px 0; font-size:15px;} h2.section-title strong, .sidebar h2 strong {color:#111;} h3 {font-size:18px;line-height:21px;margin-bottom:3px;} h4 {font-size:15px;line-height:18px;} h5 {font-size:15px;line-height:18px;} h2 a, h3 a, h4 a, h5 a, h6 a, .athletics ul a {color:#111;} h2 a:hover, h2 a:active, h2 a:focus, h3 a:hover, h3 a:active, h3 a:focus, h4 a:hover, h4 a:active, h4 a:focus, h5 a:hover, h5 a:active, h5 a:focus, h6 a:hover, h6 a:active, h6 a:focus, .athletics ul a:hover, .athletics ul a:active, .athletics ul a:focus, .entry a:hover strong, .entry a:active strong, .entry a:focus strong, .entry a:hover b, .entry a:active b, .entry a:focus b {color:#c00 !important;} h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, .athletics ul a:visited {color:#3e4041;} a, .entry a, .entry a strong, .entry a b {color:#3089c2; text-decoration:none;} a:visited, .entry a:visited, .entry a:visited strong, .entry a:visited b {color:#5ca8d8;} a:hover, a:active, a:focus, .entry a:hover, .entry a:active, .entry a:focus {color:#111;outline:none;} a:hover img, a:active img, a:focus img {opacity:0.8;filter:alpha(opacity=80)} p, address, blockquote, dl, hr, ol, p, .entry ul {margin-bottom:18px;} abbr, acronym {text-transform:uppercase;font-size:13px;letter-spacing:1px;} a abbr, a acronym {border:none;} abbr[title], acronym[title], dfn[title] {cursor:help;} big {font-size:15px;} blockquote {font-style:italic;} blockquote {padding:0 0 0 12px;border-left:12px solid #e6eaea;} blockquote p:last-child {margin:0;} blockquote.right {float:right;width:30%;margin-left:12px;clear:both;} blockquote.left {float:left;width:30%;margin-right:12px;clear:both;} cite, em, dfn, address {font-style:italic;} code, kbd, samp, tt, var {font-family:monospace;font-size:14px;} ins, dfn {border-bottom:1px solid #ced1d2;} pre {font-family:monospace;font-size:14px;margin-bottom:21px;background:#eceeee;overflow:auto;clear:both;} s, strike, del {text-decoration:line-through;color:#939b9f;} small {font-size:11px;} strong, th, thead td {font-weight:bold;} sup {vertical-align:super;font-size:11px;} sub {vertical-align:sub;font-size:11px;} table {border-top:1px solid #d8dddd;margin-bottom:21px;} table p, table ul, table ol {margin-bottom:0!important;} td, th {padding:4px 14px 4px 0;border-bottom:1px solid #d8dddd;text-align:left;} td:last-child, th:last-child {padding-right:0;} thead tr, tfoot tr {background:#eceeee;} caption {font-weight:bold;padding-bottom:.1em;text-align:left;} .entry ul, ol, dd {margin-left:2em;} .entry ul li, ol ul li {list-style-type:square;} ol li, .entry ul ol li {list-style-type:decimal;list-style-position:outside;} li ul, li ol {margin-bottom:0;} dt {font-weight:bold;} .hide {display:none;} .highlight {background:#fe6;} .center {text-align:center;} .divide {padding-top:18px;border-top:1px solid #ced1d2;} /* header */ .pnb {background:#111; height:43px; width:100%;} .pnb .container {width:995px;} .pnb ul li {display:inline; float:left; margin-left:0px;} .pnb ul li a {display:block;} .pnb ul#primary {float:left;border-left:1px dotted #6a6f70;} .pnb ul#primary li a {border-right:1px dotted #47494A; color:#e3f0f2; padding:12px; text-transform:uppercase;} .pnb ul#primary li a:hover, .pnb ul#primary li a:active, .pnb ul#primary li a:focus, .pnb ul#primary li.current_page_item a {color:#8AB930;-webkit-transition:color 200ms;-moz-transition:color 200ms;-o-transition:color 200ms;transition:color 200ms;} .pnb ul#primary li a {font-size:11px;} .pnb ul#utility {float:right;margin:8px 0 0 0;} .pnb ul#utility li a {margin:0 0 0 4px;padding:4px 11px 6px;font-size:12px;color:#ced1d2;font-style:italic;border:none;background:#47494a;-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; -webkit-transition:background 200ms; -moz-transition:background 200ms; -o-transition:background 200ms; transition:background 200ms;} .pnb ul#utility li a:hover, .pnb ul#utility li a:active, .pnb ul#utility li a:focus, .pnb ul#utility li.current_page_item a {color:#fff;background:#c00;} .pnb ul#primary li.menu-item-home {display:none;} .header {margin:0px auto; padding-bottom:15px; width:995px;} h1.masthead { margin-top:23px; } .masthead a { background:url('images/masthead.png') 0 -150px no-repeat; display:inline; float:left; height:38px; text-indent:-9999em; width:170px;} .homepage .masthead a { background:url('images/masthead.png') 0 0 no-repeat; display:inline; float:left; height:55px; text-indent:-9999em; width:250px; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .masthead a, .homepage .masthead a { background-image: url(images/masthead@2x.png); background-size: 250px 300px; } } .section-id {color:#7F8991; float:left; margin:31px 0 0 48px; width:560px;text-align:center;font-size:16px;line-height:16px;text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);} .section-id strong {color:#111;} .section-id span {color:#CED1D2;} .date {display:none;} .homepage .date {display:block;width:auto;margin:39px 0 0;padding-left:137px;text-align:left;} /* search */ .search {margin:22px 0px 0 0;} .homepage .search {margin:31px 0px 0 0;} .search fieldset {-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;box-shadow:0 0 0 3px rgba(0, 0, 0, 0.04);-moz-box-shadow:0 0 0 3px rgba(0, 0, 0, 0.04);-webkit-box-shadow:0 0 0 3px rgba(0, 0, 0, 0.04);} .search #q {border:1px solid #d4d7d8; display:inline; float:left; height:20px; width:172px;padding:7px 30px 4px 6px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .search .button {background:transparent url('images/icon-sprite.png') no-repeat 2px -259px;border:medium none;display:block;float:left;height:32px;width:30px;margin:1px 0px 0px -30px;font-size:0;text-indent:-9000px;overflow:hidden;cursor:pointer;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .search .button { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } .search .button:hover { background-color: transparent; } #qs_search_scope {display:none;} /* footer */ #footer {background:#111; margin:0 auto 0; position:relative; width:100%;} .footer-inner {width:995px;margin:0 auto;padding:40px 0} #footer #logo {display:block;width:112px;height:50px;background:url('images/bu-logo.gif') 0px 0px no-repeat; text-indent:-9000px; overflow:hidden;} #footer .list {float:left;width:204px;} #footer .last {width:178px;} #footer h3 {color:#fff;margin:0 28px 6px 0;} #footer h3 span {color:#7F8991;} #footer a {color:#7F8991;} #footer a:hover, #footer a:active, #footer a:focus {color:#fff !important;} #footer ul {margin:0 28px 25px 0;border-bottom:1px dotted #4e5152;} #footer p {margin:0 28px 40px 0;} #footer .last ul {margin-right:0;border-bottom:1px dotted #4e5152;} #footer li a {display:block;padding:5px 0;border-top:1px dotted #4e5152;} #footer li.more a {color:#659900;font-style:italic;} /* meta */ .meta {display:block;color:#A7B1B9;font-size:11px;} .meta a {color:#A7B1B9;} .meta a:hover, .meta a:active, .meta a:focus {color:#111 !important;} .comment-link {display:inline-block;width:24px;height:24px;overflow:hidden;} .comment-link a {display:block;width:24px;height:20px;font-size:12px;line-height:12px;font-weight:bold;color:#f0b9b6 !important;text-align:center;padding:4px 0 0;background:transparent url('images/icon-sprite.png') no-repeat 0 0;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .comment-link a { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } .comment-link a span {display:block;line-height:10px;} .comment-link a:hover, .comment-link a:active, .comment-link a:focus {color:#fff !important;} .share-link {display:block;width:24px;height:24px;} .share-link a {display:block;width:24px;height:24px;text-indent:-9000px;overflow:hidden;background:transparent url('images/icon-sprite.png') no-repeat -24px 0;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .share-link a { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } .thumb {position:relative;display:block;background:#eff1f1;text-align:center;} .thumb img {display:block;margin:auto;} .media-type {display:inline-block;width:24px;height:24px;background:transparent url('images/icon-sprite.png') no-repeat 0 0;text-indent:-9000px;overflow:hidden;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .media-type { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } .thumb .media-type {position:absolute;left:0; top:86px;background-color:#000;background-color:rgba(0,0,0,0.8);margin:0!important;-webkit-border-top-right-radius:3px;-moz-border-radius-topright:3px;border-radius-topright:3px;} .video {background-position:0 -24px;} .slideshow {background-position:0 -48px;} .audio {background-position:0 -72px;} .gallery {background-position:0 -96px;} .map {background-position:0 -120px;} .interactive {background-position:0 -144px;} .thumb .video {background-position:-24px -24px;} .thumb .slideshow {background-position:-24px -48px;} .thumb .audio {background-position:-24px -72px;} .thumb .gallery {background-position:-24px -96px;} .thumb .map {background-position:-24px -120px;} .thumb .interactive {background-position:-24px -144px;} .promote .video {background-position:-24px -24px;} .promote .slideshow {background-position:-24px -48px;} .promote .audio {background-position:-24px -72px;} .promote .gallery {background-position:-24px -95px;} .promote .map {background-position:-24px -120px;} .promote .interactive {background-position:-24px -144px;} .cc { vertical-align: middle;display:inline-block;width:24px;height:16px;line-height:16px;background:transparent url('images/icon-sprite.png') no-repeat -24px -288px;text-indent:-9000px;overflow:hidden;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .cc { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } /* buttons */ a.button, input.button {font-size:13px;font-style:italic;display:inline-block;padding:8px 14px;color:#fff;border:none;background-color:#659900;cursor:pointer;-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; -webkit-transition:background 200ms; -moz-transition:background 200ms; -o-transition:background 200ms; transition:background 200ms;-webkit-appearance:none;} a.button:hover, a.button:active, a.button:focus, input.button:hover, input.button:active, input.button:focus {color:#fff;background-color:#111;} /*hide these and only show for mobile below*/ .sections-btn, .search-btn, a.mobile-comment-btn { display: none; } /* homepage ------------------ */ .today {overflow:hidden;padding-bottom:28px;} .headlines {border-right:1px solid #ddd;background-position:0 41px;} .headlines h2.section-title {border-top:0;margin:0 -28px 9px;padding-left:28px;} .homepage .today h3 {font-size:21px; line-height:24px; margin:6px 0 0;} .homepage .headlines li:first-child h3 {font-size:30px;line-height:1em;} .homepage .headlines .has-thumb h3 {margin:9px 0px 12px;} .homepage .headlines li .comment-link {float:right;margin:8px 0 0 12px;} .homepage .headlines .has-thumb .comment-link {float:none;margin:0;} .homepage .headlines li:first-child .comment-link {margin-top:12px;} .homepage .headlines .no-thumb .media-type, .homepage .headlines .has-thumb h4 .media-type {margin:0;padding:0 0 0 22px;text-indent:0;color:#3089c2;float:none;height:auto;width:auto;} .homepage .headlines .no-thumb a:hover .media-type, .homepage .headlines .has-thumb h4 a:hover .media-type {color:#c00;} .homepage .headlines .has-thumb .media-type {margin:0;} .homepage .headlines .has-thumb h4 .media-type {padding:0;background-image:none;display: inline;} .headlines h4 {color:#7f8991;margin-bottom:3px;} .headlines ul li {border-top:1px dotted #ced1d2; padding:6px 0 10px; overflow:hidden; position:relative;} .headlines ul li:first-child {border:0;} .headlines ul li.has-thumb {overflow:hidden;} .headlines ul li img {float:left; padding:3px 14px 0 0;} .headlines ul li .media-type {float:right; margin:0 0 0 14px;} .homepage .headlines ul li img {float:left; padding:0 14px 6px 0;} .single .headlines ul li {color:#7F8991;padding:12px 0; min-height:0;} .subfeature {margin:12px -28px 0;} .subfeature h2.section-title {border-top:4px solid #111;margin:0 -28px 28px;padding-left:28px;} .subfeature img {margin-bottom:14px;width:332px;height:222px;} .subfeature h3 {margin:0 0 9px!important;} .subfeature h5 {margin:0 0 6px;} .subfeature p {color:#7F8991;margin:0 0 3px ;} .subfeature .thumb .media-type {left:0; top:198px;} .promote {width:551px;background-image:none;background-color:#505354;border-bottom:4px solid #111;} .promote h2 {position:absolute;left:28px;top:28px;height:26px;font-size:12px;line-height:26px;text-transform:uppercase;color:#fff;padding:0 9px 0 0;background:#c00;border:0;overflow:hidden;z-index:2;} .promote h2.no-media-icon { padding-left:9px;} .promote h2 .media-type {display:block;float:left;width:26px;height:26px;margin:0 5px 0 0;background-color:#ac0000;border-left:2px solid #ac0000;border-right:1px solid #990000;} .promote h2 strong {color:#fff;} .promote img, .promote .closeupMoment-Container { margin-top: 28px; display: block; } .promote a:hover img, .promote a:active img, .promote a:focus img {opacity:1;filter:alpha(opacity=100)} .promote h3 a {float:left;width:182px;padding:9px 28px 0 0;color:#fff;} .promote h3 a:hover, .promote h3 a:active, .promote h3 a:focus {color:#bae5fa!important;} .promote p {color:#A7B1B9;margin:0;padding:9px 0 0;} .promote .specialseriesIcon, .promote .playIcon {display:block;height:89px;width:89px;position:absolute;top:167px;left:259px;text-indent:-9999px;overflow:hidden;z-index:2;background:transparent url('images/videoIcon.png') no-repeat 0 0;} .promote .specialseriesIcon { background-image:url('images/specialseriesIcon.png'); } .promote.featured-story p {padding-left:210px;} .promote.featured-story a.thumb { background:transparent; display: block; max-width: 550px; } .featured-story .comment-link {float:right;margin:2px 0 0 14px;} .promote.featured-story .comment-link {margin-top:16px;} .close-up p {font-style:italic;margin:0;} .promote.close-up p {padding-right:125px;} .subfeature.close-up p {margin-bottom:18px;} .subfeature.close-up .thumb {background:transparent;text-align:left;} .subfeature.close-up .media-type {z-index:2;} .promote.close-up .all { float:right; margin-top:10px; } .promote.close-up .button {color:#A7B1B9;background-color:#323334;} .promote.close-up .promote.button:hover, .promote.close-up .button:active, .promote.close-up .button:focus {background-color:#659900;} #whatsupbu .sc {background-position:0 41px;} .upcoming-events h2.section-title, .featured-event h2.section-title {border-top:0;margin:0 -28px 28px;padding-left:28px;} .featured-event img {padding:0px 14px 0 0;} .featured-event p {color:#7f8991;margin-bottom:12px;word-wrap:break-word;} .featured-event .details {font-weight:bold;} .featured-event .details .location {display: block;} .featured-event img {padding:0px 15px 15px 0;} .homepage .today .featured-event h3 {margin-bottom:12px;word-wrap:break-word;} .featured-event h3 a {color:#111;} .upcoming-events {width: 329px;border-right:1px solid #ddd;} .upcoming-events h5 {margin-bottom:6px;} .upcoming-events ul {margin:0px 0px 18px;border-bottom:1px dotted #ced1d2;} .upcoming-events ul li {border-top:1px dotted #ced1d2;} .upcoming-events ul li a {display:block; padding:6px 0;} .upcoming-events ul li a .title {clear:left;float:left;display:block;padding-right:56px;width:217px;} .upcoming-events ul li a .day {float:left;display:block; width:56px;font-size:12px;color:#fff;background:#A7B1B9;text-align:center;-moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px;} .upcoming-events ul li a:hover .day {background:#111;} .upcoming-events .all {margin:21px 0 0;} .upcoming-events .bu-calendar {padding-left:40px;margin-right:14px;background-image:url('images/icon-sprite.png'); background-repeat:no-repeat;background-position:-14px -307px;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .upcoming-events .bu-calendar { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } .upcoming-events .submit-event {color:#A7B1B9;background-color:#e5eaeb;} .picks {width:100%;padding:0 0 28px 0;} .picks h2.section-title {padding-left:28px;} .picks h3 {font-size:18px;line-height:21px;margin:0;} .picks .meta {margin-bottom:3px;} .picks ul {margin:28px;} .picks li {color:#7F8991; display:inline; float:left; margin-left:28px; width:165px;} .picks li:first-child {margin-left:0px;} .picks li .thumb {margin-bottom:12px;} .picks .topic-link {border-top:1px dotted #ced1d2; padding:6px 0 0;} .topics-comments {border-top:4px solid #111;width:100%;} .topics-comments .sc {background-position:0 41px;padding-bottom:0;} .topics-comments h2 {border-top:0;} .topics ul {margin:18px 0 28px 0;} .topics ul li {border-bottom:1px dotted #ced1d2; padding:6px 0;} .topics ul.menu {display: inline; float: left; margin: 28px 28px 21px 0; width: 136px; overflow:hidden;} .homepage .comments {border-right:1px solid #ced1d2;border-left:1px solid #ced1d2;} .homepage .comments ul {margin:12px 0 28px;} .homepage .comments ul li {border-bottom:1px dotted #ced1d2; clear:both; padding:12px 0;} .homepage .comments ul li:last-child {border-bottom:0;} .homepage .comments ul li p {font-family:georgia, serif;font-style:italic; margin:0;} .homepage .comments ul li h4 {float:left;width:280px;font-size:15px;line-height:18px;margin:12px 0 0 0;} .homepage .comments ul li .comment-link {float:right;margin:12px 0 0 0;} .athletics {width:328px;} .athletics .widget {background:0; padding:0;} .athletics h2 {border:0;} .athletics h2 a.rsswidget {color:#7F8991;} .athletics h2 a.rsswidget img {display:none;} .athletics ul li {border-top:1px dotted #ced1d2; padding:12px 0;} .athletics ul li:first-child {border-top:0; margin-top:12px;} .athletics .rss-date {display:block;color:#A7B1B9;font-size:11px;} .athletics ul a {display:block;font-size:15px;line-height:18px;margin-bottom:3px;} .adspace, .adspace .widget {width:385px;padding:0;background:0;} .adspace .ad {padding:28px;} .athletics .widget-block { background: url("images/bg-down-arrow.gif") no-repeat scroll 0 41px transparent; margin-left: -29px; margin-right: -28px; padding-left: 29px; padding-right: 28px; border-top: 4px solid #111111; margin-top: 8px; } .athletics .widget-block:first-child { background: none; margin-top:0; border-top:0; } .selected-topic {background-position:0 41px;} .selected-topic ul li {border-bottom:1px dotted #ced1d2; color:#7F8991; margin:0 0 12px; padding:0 0 12px; overflow:hidden;} .selected-topic img {padding:0 14px 12px 0;} .selected-topic p {margin:0;} .selected-topic p i {color:#85898F !important; font-size:11px !important; font-style:normal !important; line-height:15px !important;} .series {padding:0 0 14px;} .series ul {float:right; width:551px; margin:28px 28px 0;} .series ul li {display:inline; float:left; margin:0 0 0 28px; width:165px;} .series-summary {padding:28px 0 0 28px;} .series-summary p {color:#7F8991;} .series li p {color:#7F8991; padding:0px;} .series li:first-child {margin:0;} .series h3 {font-size:24px;line-height:24px; margin:0 0 6px 0;} .series h4 {margin:12px 0 3px;font-size:15px;line-height:18px;} .series h2.section-title {padding-left:28px;} .special-series h1.masthead:after {content:"SPECIAL REPORT";font-family:Benton-Sans,helvetica,arial,sans-serif;font-weight:bold;display:inline-block;font-size:13px;line-height:21px;height:21px;text-transform:uppercase;color:#fff;margin:8px 0 0 12px;padding:0 6px;background-color:#c00;border-radius:2px;vertical-align:middle;position:absolute;} /* article page ------------------ */ .single .main {overflow:hidden;} .article {border-right:1px solid #ced1d2;width:607px;} .nosidebar-story {width:auto;border-right:0;} .entry-title {padding:26px 28px 0;} .entry-title h1 {color:#111; font-size:32px; line-height:32px;margin:0 0 3px 0;} .entry-title h2 {color:#7F8991; font-size:18px;line-height:21px; margin:0 0 14px 0;} .entry {padding:28px;background-position:0 0;} .photo-essay .entry { background-color: #FAFAFA; } .content-banner-page-width .nosidebar-story .entry { background-image:none;} .nosidebar-story .entry section.left {margin-bottom:60px;display:block;float:none;padding-right:30%;padding-left:0;} .nosidebar-story .entry section.right {margin-bottom:60px;display:block;float:none;padding-left:30%;padding-right:0;} .entry h1, .entry h2, .entry h3, .entry h4, .entry h4 {margin-bottom:18px;line-height:130%;} .entry p, .entry li {font-size:15px;line-height:22px;color:#616466;} .nosidebar-story .entry > p {font-size:18px;line-height: 30px;padding-left:30%;} .nosidebar-story .entry > ul, .nosidebar-story .entry > ol, .nosidebar-story .entry > dl {margin-left:35%;} .nosidebar-story .entry > blockquote {margin-left:30%;} .nosidebar-story .entry > .buvideoContainer {margin-left:30%;} .nosidebar-story .entry > h1, .nosidebar-story .entry > h2, .nosidebar-story .entry > h3, .nosidebar-story .entry > h4, .nosidebar-story .entry > h5, .nosidebar-story .entry > h6, .nosidebar-story .entry > table {margin-left:30%;} .nosidebar-story .entry > p.lede:first-letter { float: left; color: #111; font-size: 108px; line-height: 60px; padding-top: 15px; padding-right: 8px; } .nosidebar-story blockquote.side { float: left; clear:left; width: 24%; border-left: 0; padding:0;margin-left:0; } .nosidebar-story .entry blockquote.side p {font-size: 20px;font-family: Stag,georgia,times,serif;font-weight: 100;color: #dc4329;padding-left:0;line-height:1.5em;font-style: normal;} .nosidebar-story blockquote.full-width { width: auto; margin-left:0;margin-right:0; border-left: 0;float:none; } .nosidebar-story .entry blockquote.full-width p {font-family: Stag,georgia,times,serif;font-size: 30px;line-height:38px;font-weight: 100;color: #5790be;padding:0;width: auto;margin-bottom:0;} .nosidebar-story .entry blockquote.full-width p::before { content:''; width:50%; border-top:3px double #e3e3e3; display: block; margin-bottom:15px; } .nosidebar-story .entry blockquote.full-width p::after { content:''; width:50%; border-bottom:3px double #e3e3e3; display: block; margin-top:15px; } .nosidebar-story .nosidebar-story-first-video { margin-top: -50px; margin-left: 30%; background: #fff; position: relative; } .nosidebar-story-first-video .caption { position:relative; z-index:3; } .nosidebar-story-first-video:before { border-color:#fff; border-width:6px 6px 0 6px; border-style: solid; content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: -6px; left: -6px; } .nosidebar-story-first-video .buvideoWrapper { position: relative; z-index: 2; } .entry strong, .entry b {color:#111;} .dropcap {float:left;color:#111;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;} .nosidebar-story .dropcap {float: left; color: #111; font-size: 108px; line-height: 60px; padding-top: 15px; padding-right: 8px;} .nosidebar-story .dropcap-wrap {display: block;overflow: hidden;} .entry .caption {color:#97a0a7;} /* dealing with legacy ugliness */ .entry p object {margin-bottom:-10px;} .entry p[style='font-family: Arial, Helvetica, sans-serif; font-size: small; color: #696969'], .entry p[style='font-family: Arial,Helvetica,sans-serif; font-size: small; color: #696969'], .entry p[style='font-family: Arial,Helvetica,sans-serif; font-size: small; color: #696969;'] {color:#97a0a7!important;} .article .meta {position:relative; font-size:12px; padding:0 114px 0 0; margin:0;border-top:1px dotted #ced1d2;} .content-banner-page-width .nosidebar-story .meta { width:24%; float:left; padding: 0; border:1px dotted #ced1d2; margin-bottom:30px; } .content-banner-page-width .nosidebar-story .meta .meta-top { display: block; overflow: hidden; position: relative; } .article .meta .comment-link, .content-banner-page-width .meta .comment-link { position:absolute; top:0; right:52px; padding:11px 14px 28px; border-left:1px dotted #ced1d2; overflow:hidden; } .content-banner-page-width .nosidebar-story .meta .comment-link {padding-bottom:8px;} .article .meta .share-link {position:absolute;top:0;right:0;padding:10px 13px 28px;border-left:1px dotted #ced1d2;overflow:hidden;} .content-banner-page-width .nosidebar-story .meta .share-link {padding-bottom:10px;} .article .meta .post-date {float:left;display:inline-block;padding:13px 14px 13px 28px;} .content-banner-page-width .nosidebar-story .meta .post-date {padding-left:14px;float:none;} .article .meta .byline {display:inline-block;width:360px;min-height:12px;padding:13px 0 13px 14px;border-left:1px dotted #ced1d2;} .content-banner-page-width .nosidebar-story .meta .byline {display:block;width:auto;border-left:0;border-top:1px dotted #ced1d2;padding-right:14px;} .article .meta .byline a, .content-banner-page-width .meta .byline a { color:#3089C2; border-bottom:1px dotted #ced1d2; } .article .author {border-top:1px dotted #ced1d2; padding:28px;} .article .author img {display:inline; float:left; margin-right:14px;} .article .author p {color:#6B6F71;} .article .reply {margin-bottom: 18px;} .article h2.continued-title { border-top:0; padding-left:28px; height:27px; } .content-banner-page-width > .entry-title { padding:26px 28px 0; float:none; } .content-banner-page-width .article > .meta { border-top:0; } .content-banner-page-width .sidebar .today { margin-top:3px; } .content-banner-page-width .banner-container { float:none; display:block; padding:0; background: #505354; } .content-banner-page-width .banner-container img.banner { width:995px !important; height: auto !important; display:block; } .content-banner-page-width .banner-container .caption { padding:13px 28px; font-size:12px; line-height:19px; color:#97a0a7; font-style:italic; } .content-banner-page-width .banner-container .full-width-video .caption { padding:0 14px; margin:10px 0; } .single .sharing {border-top:1px dotted #ced1d2;margin: 0 -28px;padding:0;display:none;}/* <---- temporary fix to hide share tools on non-articles */ .single .article .sharing { display: block; margin: 24px -28px -28px; } .single.closeup .sharing { display: block; margin:0; } .single.photo-essay .article .sharing { background-color:#fff; } .single .sharing li, .single .entry .sharing li.share-regular {font-size:12px;line-height:24px;padding:0!important;border-right:1px dotted #ced1d2;} .single .sharing li a {color:#7F8991;padding:14px 14px 14px 32px;-webkit-transition:color 300ms;-moz-transition:color 300ms;-o-transition:color 300ms;transition:color 300ms;} .single .sharing li a:hover, .single .sharing li a:active, .single .sharing li a:focus {color:#111;} .single .sharing .sharing_label {color:#111;font-size:15px;line-height:24px;padding:14px 14px 14px 28px!important;} .single .sharing a.share-twitter {background:transparent url('images/icon-sprite.png') no-repeat 2px -418px;} .single .sharing a.share-facebook {background:transparent url('images/icon-sprite.png') no-repeat 2px -466px;} .single .sharing a.share-email {background:transparent url('images/icon-sprite.png') no-repeat 2px -562px;} .single .sharing a.share-print {background:transparent url('images/icon-sprite.png') no-repeat 2px -610px;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .single .sharing a.share-twitter, .single .sharing a.share-facebook, .single .sharing a.share-email, .single .sharing a.share-print { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } /* Article Series Navigation for Featured Layouts */ .nosidebar-layout .series-nav { background:#fff; text-align: center; padding:6px; height:32px; } .nosidebar-layout .series-nav h5 { display: block; color:#111; font-weight: bold; font-size: 16px; padding-top:8px; text-transform: uppercase; letter-spacing: 1px; } .nosidebar-layout .series-nav a { display: block; color: #000; color:rgba(0,0,0,0.4); font-weight: bold; text-transform: uppercase; position: absolute; top:6px; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -ms-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; } .nosidebar-layout .series-nav a:hover { color:#111; } .nosidebar-layout .series-nav a span.series-nav-icon { width:32px; height:32px; text-indent:-9999px; display: block; background: url(images/series-nav-sprite.png) no-repeat 0 bottom; } .nosidebar-layout .series-nav a.series-nav-right { right:6px; } .nosidebar-layout .series-nav a.series-nav-left { left:6px; } .nosidebar-layout .series-nav a.series-nav-right span.series-nav-icon { float:right; margin-left:2px; background-position: 0 top; } .nosidebar-layout .series-nav a.series-nav-left span.series-nav-icon { float:left; margin-right:2px; } .nosidebar-layout .series-nav .series-nav-label { display: block; float: left; padding-top: 8px; } .series-nav-list-wrap { margin-left:30%; overflow:hidden; padding-top:28px; } .series-nav-list-left { float:left; width:60%; } .series-nav-list-right { float:right; width:30%; } .series-nav-list-wrap .series-nav-tease { font-size:15px; line-height:25px; margin-left:0; } .series-nav-list-wrap li { font-size:14px; margin-bottom:8px; } /* Featured Layouts Manual Related list ------------------ */ .nosidebar-layout .related-sidebox { border-top:4px solid #111; float:left; width:25%; border-bottom:1px solid #dbdbdb; background: transparent url(images/bg-down-arrow.gif) no-repeat 0 45px; } .nosidebar-layout .related-sidebox h2.section-title { border:1px solid #dbdbdb; border-width:0 1px 0 1px; padding:14px; margin-bottom:0; } .nosidebar-layout .related-sidebox ul { border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding:15px; margin:0; } .nosidebar-layout .related-sidebox li { list-style-type: none; padding:6px 0; } .nosidebar-layout .related-sidebox h3 { margin:0; } .nosidebar-layout .related-sidebox h3 a { color:#111; } /* topic list page ------------------ */ .topic-list { width:auto; float:none; border-right:none; } .topic-list .meta { padding:0; float:none; width:auto; border:none; position:static; font-size:11px; } .topic-list h2.continued-title { display:none; } .topic-list .row:first-child { border-top: 0; } .topics-list { padding:0 28px; background:url(images/bg-down-arrow.gif) no-repeat 0 0px; } .topic-list .navigation { margin:28px 0 0 0; padding:28px 0; border-bottom:1px dotted #CED1D2; } .topic-entry ul.twocolumnlist { margin-left:0; margin-right:0; overflow:hidden; } .topic-entry ul.twocolumnlist li { float: left; width: 44%; margin: 6px 4% 3px 0; list-style-type: none; padding: 0; height: 70px; border-bottom:1px dotted #CED1D2; padding-bottom: 3px; } .topic-entry ul.twocolumnlist li:nth-child(odd) { clear:left; } .topic-entry ul.twocolumnlist li:nth-child(even) { margin-right:0; float:right; } .topic-list .topic-list-footer { border-bottom:1px dotted #CED1D2; clear:both; } /* videos */ .fluid-width-video-wrapper { margin-bottom: 14px; } .fluid-width-video-wrapper object a, .fluid-width-video-wrapper embed a { display:block; padding-bottom:15px; } .fluid-width-video-wrapper object a br, .fluid-width-video-wrapper embed a br { display: none; } /* images */ .banner-container, .entry .inline {display:inline; float:left; padding:0px 26px 18px 0px;} .entry .banner-container { padding: 0 0 18px 0; float:none; display: block; } .entry img {display:block;margin-top:3px;margin-bottom:9px;overflow:hidden;} .entry .photo {margin:0 0 9px;} .entry .photo img {margin-bottom:9px;} .entry img.alignright, .entry img[align="right"] {float:right;margin:3px 0 9px 26px;} .entry div.alignright {float:right;margin:0 0 0 4px;} .entry div.alignright img {float:right;} .entry div.alignright p {margin-left:10px;} .entry img.alignleft, .entry img[align="left"] {float:left;margin:3px 26px 9px 0;} .entry div.alignleft {float:left;margin:0 4px 0 0;} .entry div.alignleft img {float:left;} .entry div.alignleft p {margin-right:10px;} .entry img.aligncenter {text-align:center;} .entry div.aligncenter {margin:3px auto 0 auto;} .entry .wp-caption p, .entry p.caption, .entry .photo p {font-size:12px;line-height:19px;color:#97a0a7;clear:both;} .banner-container p.caption, .entry .inline {margin:0;} .inlinePhotoAlignLeft {padding:3px 26px 9px 0;} .inlinePhotoAlignRight {padding:3px 0 9px 26px;} .nosidebar-story .entry .editor-intro { font-size: 15px; color: #3F3F3F; line-height: 1.5em; font-family: "Benton-Sans", Helvetica, Arial, sans-serif; font-weight: 400; display: block; } .nosidebar-story .entry div.alignright {margin-left:28px;} .nosidebar-story .entry div.alignleft { margin-right:28px;} /* .full-width { overflow: hidden; }*/ .full-width:before, .full-width:after { content: " "; /* 1 */ display: table; /* 2 */ } .full-width:after { clear: both; } /** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .full-width { *zoom: 1; } .nosidebar-story .entry div.full-width { margin-right:-28px; margin-left:-28px; margin-bottom:28px; } .nosidebar-story .entry div.full-width.photo-essay { margin-top:75px; margin-bottom:75px; border-top:1px solid #eceded; } .nosidebar-story .entry div.full-width.photo-essay.split-caption-dark { border-top:none; } .nosidebar-story .entry div.full-width.photo-essay.split-caption-dark .full-width-inner-2-columns { background: #2A2C30; position: relative; border:none; } .nosidebar-story .entry div.full-width.photo-essay.split-caption-light .full-width-inner-2-columns { background: #fff; position: relative; border-bottom: 1px solid #eceded; } .nosidebar-story .entry div.full-width.photo-essay.split-caption img { float:left; margin-bottom:0; } .nosidebar-story .entry div.full-width.photo-essay.split-caption-dark .caption-block:before, .nosidebar-story .entry div.full-width.photo-essay.split-caption-light .caption-block:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .caption-block blockquote { font-size: 17px; display: block; margin-bottom: 10px; line-height: 1.3em; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; color: #DFE7EC; position: relative; border-left:none; padding: 0; margin-bottom:25px; } .split-caption-light .caption-block blockquote { color:#111; } .caption-block { position: absolute; top:0; right:0; bottom:0; left:50%; text-align: center; } .caption-block .content { display: inline-block; vertical-align: middle; margin:5% 14%; text-align: left; font-size: 14px; line-height: 1.3em; color:#859399; } .caption-block span.name { display: block; font-weight: bold; } .caption-block .content strong { color:#859399; } .split-caption-light .caption-block .content, .split-caption-light .caption-block .content strong { color:rgb(104, 105, 117); } .caption-block span.question { color:#60BDC5; font-weight: bold; display: block; margin:4px 0; font-size: 12px; } .caption-block span.ql { font-size: 50px; position: absolute; left: -29px; color: #60BDC5; margin-top:10px; } .caption-block span.qr { color: #60BDC5; } .nosidebar-story .entry div.full-width p.caption, .nosidebar-story .entry div.full-width p.wp-caption-text {margin-top:18px;margin-bottom:18px; padding:0 14px;} .nosidebar-story .entry div.full-width.photo-essay p.caption, .nosidebar-story .entry div.full-width.photo-essay p.wp-caption-text { margin:0; padding:14px; background: #ECECEC; border-bottom: 1px solid #E0E0E0; border-top: 1px solid #E0E0E0; color:#818B92; } .nosidebar-story .entry div.full-width.photo-essay.caption-block p.caption { background: none; border: none; float: right; clear:none; width:300px; } .nosidebar-story .entry div.full-width::before, .nosidebar-story .entry div.alignleft::before { content:''; width:50%; border-top:3px double #dddddd; display: block; margin-bottom:15px; } .nosidebar-story .entry div.full-width::after, .nosidebar-story .entry div.alignleft::after { content:''; width:50%; border-bottom:3px double #dddddd; display: block; margin-top:15px; } .nosidebar-story .entry div.full-width.photo-essay::before, .nosidebar-story .entry div.full-width.photo-essay.last::after { display: none; } .nosidebar-story .entry div.full-width.photo-essay::after { margin-right:auto; margin-left:auto; margin-top:75px; } .nosidebar-story .entry div.full-width img { margin-top:0; margin-bottom:0; } .nosidebar-story .entry div.full-width-photo { margin-top:50px; background:#505354; position:relative; } .nosidebar-story .divider { margin: 65px 20%; border-top: 3px double rgb(219, 219, 219); } .nosidebar-story .entry div.full-width-photo img { margin-bottom:0; } .nosidebar-story .entry div.full-width-photo p { display:none; /*hides any extra tags inserted by editor*/ } .nosidebar-story .entry div.full-width-photo p.caption { padding:14px; display:block; } .nosidebar-story .entry div.full-width-photo:after, .nosidebar-story .entry div.full-width-photo:before { display:none; } .full-width-inner-2-columns, .full-width-inner-3-columns, .full-width-inner-4-columns, .full-width-inner-5-columns, .full-width-inner-6-columns { line-height: 0; font-size: 0; overflow: hidden; } .full-width-inner-2-columns br, .full-width-inner-3-columns br, .full-width-inner-4-columns br, .full-width-inner-5-columns br, .full-width-inner-6-columns br { display: none; /* in some cases wp adds a br automatically */ } #content .full-width-inner-2-columns img, #content .full-width-inner-3-columns img, #content .full-width-inner-4-columns img, #content .full-width-inner-5-columns img, #content .full-width-inner-6-columns img { float:left; display: block; margin-bottom:0; height:auto !important; } #content .full-width-inner-2-columns img { width:50% !important; } #content .full-width-inner-3-columns img { width:33.333333333% !important; } #content .full-width-inner-4-columns img { width:25% !important; } #content .full-width-inner-5-columns img { width:20% !important; } #content .full-width-inner-6-columns img { width:16.6666666667% !important; } /* comments */ #comments {padding-bottom:0;background-position:0 47px;} #comments h2.section-title {margin:0 -28px 28px -28px;padding-left:28px;} .comment {clear:both;} .commentlist {margin:0 0 14px;} .commentlist li.depth-1 {margin:0 0 18px;border-bottom:1px dotted #ced1d2;} .commentlist li.depth-1:last-child {border-bottom:0;} .commentlist li.depth-1 .comment-container {padding:0 165px 0 88px;position:relative;} .commentlist li.depth-2 {background:#ebf4f6;border: 4px solid #e0e9ea;padding:0;margin:0 0 18px 88px;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .commentlist li.depth-2 .comment-container {padding:14px 14px 0 77px;position:relative;} .commentlist li.depth-2 .comment-author {width:auto;margin:14px;} .commentlist li.depth-2 .comment-tools {top:14px;right:14px;} .commentlist li.depth-2 .comment-tools a {color:#A7B1B9;} .commentlist li.depth-2 .comment-tools a:hover, .commentlist li.depth-2 .comment-tools a:active, .commentlist li.depth-2 .comment-tools a:focus {color:#111;} .commentlist li.depth-2 li.comment {margin:0;padding:0;border:0;border-top:4px solid #e0e9ea;} .commentlist li.depth-3 {padding-left:63px!important;} .commentlist li.depth-3 li.comment {margin-left:-63px;padding-left:126px;} .commentlist li.depth-4 li.comment {margin-left:-126px;padding-left:189px;} .commentlist li.depth-5 li.comment {margin-left:-189px;padding-left:252px;} ul.children {clear:both;padding-top:8px;background:url('images/bg-down-arrow-comments.gif') no-repeat 116px 0;} ul.children ul.children {padding:0;background-image:none;} .comment-entry {color:#6B6F71; margin: 0 0 18px;font-style: normal;word-wrap:break-work;} .comment-author {margin:2px 0 14px;width:60px;float:left;} .comment-author img {background: #f6f6f6; border: 1px solid #ced1d2;} .comment-meta {margin-bottom:18px;color:#A7B1B9;} .comment-meta cite {color:#111;font-weight:bold;font-style:normal;} .comment-meta cite span {color:#6B6F71} .comment-tools {position:absolute;top:0;right:0;font-size:12px;font-style: normal;} .comment-tools li {float:left;} .comment-tools li a {display:inline-block;border-right:1px dotted #ced1d2;padding:0 6px;background} .comment-tools li:last-child a {border:0;padding-right:0} .comment-subject {display:inline;margin:0;} .commentlist #respond {margin:0 0 28px 88px;border:4px solid #111;border-top:0;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} ul.children #respond {margin:0;border:4px solid #111;border-top:0;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .commentlist li.depth-3 #respond {margin-left:-63px;} .commentlist li.depth-4 #respond {margin-left:-126px;} .commentlist li.depth-5 #respond {margin-left:-189px;} #respond {clear:both;margin:0px -28px 0;padding:28px 28px 14px;font-size:12px;position: relative;} .closeup #respond {margin-top:0;} #respond h2.section-title {margin:-28px -28px 28px -28px;padding-left:28px;} .tip {background:#fcf8c9;display:inline-block;padding:2px 6px;border:1px solid #dfd07f;} #commentform .top {margin-left:165px;} #commentform label {float:left;width:165px;} #commentform span {font-size:11px;font-weight:normal; color:#9aaab1;} #commentform input[type='text'] {margin-right:6px;} #commentform textarea {width:64%;box-shadow:0 0 0 3px #666;-moz-box-shadow:0 0 0 3px #666;-webkit-box-shadow:0 0 0 3px #666;} #commentform .button {margin:0 0 0 165px;} .cancel-comment-reply {position:absolute;top:16px;right:28px;margin:0;} #commentform em {color:#c00;} /* forms */ label {font-weight:bold;font-size:12px;} #content .entry .gform_wrapper {margin:0;width:100%;font-family:Helvetica,Arial,sans-serif;} #content .gfield_checkbox label, #content .gfield_radio label {font-weight:normal;} #content .ginput_full label, #content .ginput_left label, #content .ginput_right label {font-weight:normal;color:#a4aaae;font-size:11px;} #content input[type="text"], textarea, #content .gform_wrapper textarea {padding:3px 4px;font-size:12px;} #content .gform_description {color:#7F8991;} #content .gform_wrapper .field_name_first input, #content .gform_wrapper .ginput_complex .ginput_left input, #content .gform_wrapper .ginput_complex input, #content .gform_wrapper .ginput_complex select {width: 93%!important;} #content .gform_wrapper .ginput_complex .ginput_left, #content .gform_wrapper .ginput_complex .ginput_right {width:49%;} #content .gform_wrapper h3.gform_title {margin-top:0;} /* buforms */ .buforms input[type='text'] {width:32%} .buforms textarea {width:59%} .buforms label {display:block;} .buforms_left {margin-bottom:14px;clear:both;} .buforms_left label {float:left;margin-right:15px;width:29%;} .buforms_left .button {margin-left:31.5%;} .buforms fieldset div, .buforms fieldset fieldset {margin-bottom:14px;} .buforms .radio {float:left;width:29%;} .buforms .radio input[type='radio'], .buforms .radio input[type='checkbox'] {float:left;clear:both;margin:0 6px 3px 0;} .buforms .radio label {display:block;clear:none;font-weight:normal;margin-bottom:3px;} .buforms .inline {display:inline;margin-left:1.4em;} .buforms .required {color:#c00;} .buforms_footer {padding-top:6px;} .buforms_left .buforms_footer {margin-left:31%} /* article browser pages ------------------ */ .post {display:inline; float:left; margin-bottom:21px; margin-left:28px; position:relative; width:165px;} .post:first-child {margin-left:0px;} .post .thumb {margin-bottom:12px;height:110px;} .row {border-top:1px dotted #ced1d2; display:inline; float:left; padding:27px 0 0 0; position:relative; width:100%;} .browser .sc {background-position:0 82px; min-height:350px;} .browser #content h1 {margin:14px 0;} .browser .row:first-child {border-top:0;} .navigation {position:relative;text-align:center;line-height:13px;padding:28px 0 0; margin:28px 0 0;clear:both;border-top:1px dotted #ced1d2;} .navigation .older a, .navigation .newer a {position:absolute;top:28px;display:inline-block;padding:10px 24px;color:#fff;font-style:italic;background-color:#659900;background-image:url(images/arrow-sprite.png);background-repeat:no-repeat;-webkit-transition:background 200ms; -moz-transition:background 200ms; -o-transition:background 200ms; transition:background 200ms;} .navigation .older a {right:0;padding-right:32px;background-position:100% 50%;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-radius-topleft:3px;border-radius-bottomleft:3px;} .navigation .newer a {left:0;padding-left:32px;background-position:0 50%;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-radius-topright:3px;border-radius-bottomright:3px;} .navigation .newer a:hover, .navigation .newer a:active, .navigation .newer a:focus, .navigation .older a:hover, .navigation .older a:active, .navigation .older a:focus {color:#fff;background-color:#111!important;} .navigation a.page-numbers, .navigation span.page-numbers {font-weight:bold;display:inline-block;padding:10px 12px;-webkit-transition:background 200ms;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition:background 200ms; -o-transition:background 200ms; transition:background 200ms;} .navigation a.page-numbers {color:#6b6f71;background-color:#eff1f1;} .navigation span.page-numbers {color:#a4aaae;padding-left:0;padding:10px 0;} .navigation span.current {color:#fff;background-color:#6b6f71;padding:10px 12px;} .navigation a.page-numbers:hover, .navigation a.page-numbers:active, .navigation a.page-numbers:focus {color:#fff;background-color:#111;} .toolbar {height:82px;} .toolbar h2 {color:#7F8991;float:left;border-top:0 none;font-size:28px; margin:0 0 0 -28px; padding:27px 28px 27px 28px;} .toolbar h2 strong {color:#111;} .toolbar .button {display:inline;float:right;margin-top: 24px;} .filter-nav{float:left;position:relative;z-index:100;margin:0} .filter-nav li{color:#A7B1B9;display:block;width:auto;float:left;height:18px;position:relative;font-size:15px;line-height:18px;margin:0;padding:32px 14px;border-left:1px dotted #ced1d2;cursor:default;} .filter-nav strong{color:#111;display:inline-block;padding:0 16px 0 2px;background:transparent url('images/icon-sprite.png') no-repeat 100% -339px;-webkit-transition:background 200ms;-moz-transition:background 200ms;-o-transition:background 200ms;transition:background 200ms;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .filter-nav strong { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } /* .touchsupport .filter-nav li:hover { color:#A7B1B9; background: none; } .touchsupport .filter-nav li:hover > ul { display: none; } .filter-nav li:hover, .touchsupport .filter-nav li.hover { color:#3089C2; background:#F6F7F7; } .filter-nav li:hover > ul, .touchsupport .filter-nav li.hover > ul{ display:block; } */ .filter-nav ul{background:#fff;display:none;width:185px;position:absolute;top:60px;left:13px;border:solid 1px #ced1d2;-moz-border-radius:0 3px 3px;-webkit-border-radius:0 3px 3px 3px;border-radius:0 3px 3px 3px;margin:0;padding:0;z-index:100;} .filter-nav ul li{height:auto;float:none;font-size:13px;border-top:1px dotted #ced1d2;border-left:0;margin:0;padding:0;} .filter-nav ul li:first-child{border:0} .filter-nav ul li a, .filter-nav li:hover li a{display:block;font-weight:normal;color:#111;padding:5px 12px;background-image:none;} .filter-nav ul li a:hover{background:#6B6F71!important;color:#fff!important;} .filter-nav ul li:hover a{background:#fff;color:#111;} .filter-nav ul li.current a{font-weight:bold;} .filter-nav ul li ul {width:750px;} .filter-nav ul li ul li {display:inline; float:left; width:250px;} .filter-nav ul li ul li:nth-child(0n+2), .filter-nav ul li ul li:nth-child(0n+3) {border:0;} /* series browser ------------------ */ .series-browser h2.section-title {border-top:0 none; margin:0 -28px 9px; padding-left:28px;} .series-browser .row:first-child {border-top:0;} .series-browser .sc {background-position:0 82px;} /* series page ------------------ */ .series-page .main {padding-bottom:0;background-image:none;} .series-page .main .sc {background-image:none;border-top:4px solid #111;} .series-page .row:first-child {border:0;} .series-page .posts {background:#fff url('images/bg-down-arrow.gif') no-repeat 0 47px; margin:0px -28px; padding-bottom:0px;} .series-page .banner-container {padding:28px 0 0 28px; display:inline; float:right;} .series-page .banner-container img {border:4px solid #ddd; border: 4px solid rgba(0,0,0,.13); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .series-page h1.series-title {color:#fff; font-size:56px; padding:28px 0 14px; line-height:1em;} .series-page .series-intro {margin:0 -28px;padding:0 28px 24px;background: #505354 url('images/bg-down-arrow-transp.gif') no-repeat 28px 0;} .series-page .series-intro p {color:#fff;} .series-page .series-intro p a {color:#3e9dda;display:inline;padding:2px;background:#000;background:rgba(0,0,0,.6);} .series-page .series-intro p a:hover, .series-page .series-intro p a:active, .series-page .series-intro p a:focus {color:#fff;} .series-page .banner-container .caption {background:#000;background:rgba(0,0,0,.9); color:#fff; margin:-7px 0 0; padding: 0;} .series-page .navigation {margin-bottom:28px;} .series-page .series-banner-page-width {float:none;display: block;position: relative;padding:0;margin:0 -28px;} .series-page .series-banner-page-width::before {content: ''; background: url('images/bg-down-arrow-transp.gif') no-repeat 28px 0; width: 100%; height: 10px; top: 0; left: 0; position: absolute; } .series-page .series-banner-page-width img { -moz-border-radius:0; border-radius:0;border:none;display: block;margin:0; } /* category page ------------------ */ .category.single .container {padding-right:0px;} .category .sidebar {padding-top:0px;} .section .picks h2.section-title {border:0;} .section .picks li:first-child {width:332px;padding-right:27px;border-right:1px dotted #ced1d2;} .section .picks h3 {margin-bottom:3px;} .section p {margin-bottom:12px;} .section .selected-topic h2.section-title {border:0; margin-bottom:26px;} .section .selected-topic img {float:left;} .section .selected-topic h4 {margin-bottom:3px;} .section .selected-topic p {margin:0;} .section .selected-topic ul {margin-bottom:21px;} .section .headlines h2.section-title {margin-bottom:14px;} .category .multimedia {border-bottom:1px solid #ced1d2; margin:0 0 14px; padding:0 0 14px;} .category .multimedia ul li {display:inline; float:left; margin:0 0 0 28px; padding:0px; width:165px;} .category .multimedia li:first-child {margin:0px;} .section .topics {border-left:1px solid #CED1D2;} .section .picks ul li:first-child .thumb .media-type {top:197px;} .category .archives ul li {border-top:1px dotted #ced1d2; line-height:2em;} .category .selected-topic {border-bottom:1px solid #ced1d2; border-right:none; margin:0 0 14px; padding:0 0 14px;} .category .selected-topic ul li:first-child {border-top:1px dotted #ced1d2;padding-top:14px;} .category .latest {border-right:1px solid #ced1d2; padding-right:14px;} .category-body {border-top:4px solid #111111;} .category-body .latest {width:580px;} .category-body .headlines {border:0;} .category-body .headlines ul li img {float:left; padding:0 14px 0 0;} .category-body .sidebar {border-left:1px solid #ddd; width:414px;} .category-body .selected-topic {border-left:1px solid #ced1d2; padding-bottom:42px;} .category-body .one-col {border-left:1px solid #ddd; width:150px;} .category-body .topics.one-col {border-left:0;} .category-body .topics ul {margin-bottom:0;} .multimedia h3 {font-size:18px;line-height:21px;margin:0;} .multimedia h2.section-title {margin:0 -28px !important; padding:8px 28px;} .multimedia .category {display:block;margin:0 0 6px;} .multimedia ul {margin:35px 0 0;} .multimedia li {color:#7F8991; display:inline; float:left; line-height:100%; margin-left:14px; width:165px;} .multimedia li:first-child {margin-left:0px;} .multimedia li .thumb {margin-bottom:12px;} .multimedia-topics {border-top:4px solid #111111; width:100%;} .multimedia-topics .multimedia h2.section-title {border:0; margin:0 !important; padding:8px 0;} .multimedia-topics .topics h2.section-title {border:0; margin:0; padding:8px 0;} /* topic page ------------------ */ .tag .row:first-child {border-top:0;} .tag .sc {background-position:0 82px;} /* topic browser ------------------ */ .tag-browser .toolbar {height:68px;} .tag-browser .toolbar h2 {padding-bottom:0;margin-bottom:0;} .tag-browser .main ul {display:inline; float:left; margin-left:28px; width:165px;} .tag-browser .main h2 + ul {margin-left:0;} .tag-browser #browse_pagination {border-top:1px dotted #dcdfdf; margin:0 -28px 9px; padding:16px 28px; width:937px;} .tag-browser #browse_pagination li {display:inline; float:left; padding:0px 7px 0 0;} .tag-browser #browse_pagination li a {background:#3089c2; color:#ffffff; display:inline; float:left; padding:4px 3px 3px; text-align:center; width:24px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-transition:background 200ms; -moz-transition:background 200ms; -o-transition:background 200ms; transition:background 200ms;} .tag-browser #browse_pagination li a:hover, .tag-browser #browse_pagination li a:active, .tag-browser #browse_pagination li a:focus {background:#184663;} .tag-browser ul + h2 {clear:both; padding:18px 0 0;} .tag-browser .sc {background-position:0 126px;} .tag-browser .main ul li span {color:#ced1d2;} .tag-browser .main ul li span:before {content:"("; color:#ced1d2;} .tag-browser .main ul li span:after {content:")"; color:#ced1d2;} /* close up page --------------------- */ .closeup .toolbar h1 {color:#7F8991;font-size:15px;line-height:18px;float:left;display:block;border-left:1px dotted #ced1d2;margin:0;padding:32px 14px;width:auto;} .closeup .toolbar h1 strong {color:#111;} .closeup .main {background-image: none;padding-bottom:0;} .closeup .banner-container {background:#505354 url('images/bg-down-arrow-transp.gif') no-repeat 0 0; margin:0 -28px;padding:28px; text-align:center; width:939px;overflow:hidden;} .closeup .banner-container img {box-shadow:0 0 0 3px #494c4d;-moz-box-shadow:0 0 0 3px #494c4d;-webkit-box-shadow:0 0 0 3px #494c4d;} .closeup .banner-container .caption {text-align:left;color:#ced1d2;font-style:italic;margin:0;margin:21px 0 0;} /* close-up browser ------------------ */ .close-up-browser .container .row {border-top:0;} .close-up-browser .sc {background-position:0 82px;} /* author page & page.php ------------------ */ .bu_author .entry-title h1, .page .entry-title h1 {padding-bottom:28px;} .gridRow {zoom: 1; padding-bottom: 6px;} .gridRow:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .gridRow .item {width: 170px; padding: 0 0 12px 18px; float: left;display: inline;} .gridRow .item:first-child,.gridRow .item.first {padding: 0 0 12px;} .gridRow .item a img {width: 172px;padding-bottom: 6px;} .gridRow .item a strong,.gridRow .item a b {display: block;font-size: 1em;font-weight: bold;line-height: 1.2em;padding-bottom: .2em;color: #343a3e;} .gridRow .item a:hover strong,.gridRow .item a:hover b {color: #f60;} .gridRow .item a .location {display: block;color: #555F6A; padding-bottom: .5em;font-size: 1em;} .gridRow .item a span.video {color: #70afcb;padding-left: 30px; padding-bottom: 0.1em;background: url("images/icon-sprite.png") no-repeat scroll 0 -30px transparent;font-size: .9em;} @media all and (-webkit-min-device-pixel-ratio: 1.5) { .gridRow .item a span.video { background-image: url(images/icon-sprite@2x.png); background-size: 48px 800px; } } /* 404 page */ .page-404 .related-topics {display:none;} /* temporary. we should hide this a better way */ .page-404 .entry-title {padding-bottom:24px;} .page-404 .sidebar h2.section-title {border:0;} .page-404 .article {border:0;} .page-404 .today {border-left:1px solid #ced1d2;} /* sidebar & widgets */ .sidebar {width:387px;overflow:hidden;} .sidebar h2.section-title, .sidebar .widget_nav_menu h2 {margin:0 -28px !important;padding-left:28px;} .sidebar p {color:#7F8991; font-size:12px;} .widget {position:relative;padding:0 28px 28px;background:transparent url(images/bg-down-arrow.gif) no-repeat 0 47px;} .sidebar .today, .sidebar .widget_yarpp_widget, .sidebar .related-topics {text-indent:-9000px;} .has-js .sidebar .today, .has-js .sidebar .widget_yarpp_widget, .has-js .sidebar .related-topics {text-indent:0;} .sidebar .today {background-position:0 41px;padding-bottom:14px;} .single .today h2.section-title {border-top:0;} .sidebar .headlines {border:none;} .sidebar .headlines .thumb .media-type {margin:0;top:34px;} .sidebar .featured-story, .sidebar .upcoming-events {margin:14px 0;border:0;} .sidebar .widget_yarpp_widget {padding-bottom:6px;} .sidebar .widget_yarpp_widget ul {margin:28px -28px 0 0;} .sidebar .widget_yarpp_widget ul li {display:inline; float:left; margin-right:14px; padding:0 0 24px; width:159px;overflow:hidden;} .sidebar .widget_yarpp_widget ul li.third {clear:both;} .sidebar .widget_yarpp_widget ul li img {margin:0 0 12px;} .sidebar .widget_yarpp_widget ul li p {margin:0;} .sidebar .related-topics li {color:#6b6f71;} .sidebar a.button {display:inline-block;} /* custom menu */ .sidebar .menu-topic-list-container, .sidebar .menu-primary-navigation-container {margin: 28px 28px 28px 0;} .sidebar .menu-topic-list-container li, .sidebar .menu-primary-navigation-container li {border-bottom: 1px dotted #CED1D2; padding: 6px 0;} /* tabs */ ul.tabs {margin:0;padding:0;list-style:none;position:absolute;top:6px;right:6px;z-index:2000;} .tab_container {width:100%; overflow:hidden; clear:both; float:left; margin:9px 0 0;} ul.tabs li {float:left;margin:0;padding:0;} ul.tabs li a {text-decoration:none;color:#fff;display:block;line-height:14px;padding:7px 12px;margin-left:1px;background:#a4abae; -webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;border-radius-topleft:3px;border-radius-topright:3px;-webkit-transition:background 200ms; -moz-transition:background 200ms; -o-transition:background 200ms; transition:background 200ms;} ul.tabs li.active a {background:#111;} ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a:focus {background-color:#c00;} .related-topics .tab_container {clear:none; float:right;margin:26px 0 0; width:206px;} .related-topics .tab_container ul {margin:0 0 21px 0;} .related-topics ul.tabs {float:left;width:100px; margin:28px 0 0; position:relative;top:0;left:0;} .related-topics ul.tabs li {display:block;} .related-topics ul.tabs li a {width:85px;padding-right:12px;background-image:url(images/arrow-sprite.png); background-repeat:no-repeat; background-position:100% 50%; margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;border-radius-topright:0;border-radius-bottomright:0;} /* slideshow plugin */ .bu-slideshow-container { } .banner-container .bu-slideshow-container { } .entry .bu-slideshow-container { max-width:550px !important; background: #505354; } .banner-container .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption, .entry .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption { width: auto ; bottom:0 ; right:0 ; left:0 ; position: absolute; display: block ; opacity: 0.8; padding:28px ; background:transparent; background-color:transparent; /*background-image: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));*/ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -ms-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .banner-container div.bu-slideshow-container:hover .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption, .entry div.bu-slideshow-container:hover .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption { opacity: 1.0; } .banner-container .bu-slideshow-container .bu-slideshow-navigation-container .nav-number li a, .entry .bu-slideshow-container .bu-slideshow-navigation-container .nav-number li a { padding:.25em .5em !important; } .banner-container .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption .bu-slide-caption-title, .entry .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption .bu-slide-caption-title { color: #E9E9E9; font-size:1.2em; font-weight:bold; margin-bottom: .35em; font-style: normal; font-family: Helvetica,arial,verdana,sans-serif; text-shadow:0 1px 1px rgba(0,0,0,0.8); } .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption .bu-slide-caption-text { color: #D6D6D6; line-height: 19px; font-style: normal; font-family: Helvetica,arial,verdana,sans-serif; } .main .bu-slideshow-container .bu-slideshow-navigation-container .bu-slideshow-navigation { bottom:auto ; top:1em; z-index:500; } .main .bu-slideshow-container .bu-slideshow-navigation-container .nav-icon li a { width: .4em; height: .4em; } .main .bu-slideshow-container .bu-slideshow-arrow-left, .main .bu-slideshow-container .bu-slideshow-arrow-right { width:5em; height: 10em; opacity: 0.5; margin: auto; top: 0; bottom: 0; } .main .bu-slideshow-container .bu-slideshow-arrow-left, .main .bu-slideshow-container .bu-slideshow-arrow-left:hover, .main .bu-slideshow-container .bu-slideshow-arrow-left:active, .main .bu-slideshow-container .bu-slideshow-arrow-right, .main .bu-slideshow-container .bu-slideshow-arrow-right:hover, .main .bu-slideshow-container .bu-slideshow-arrow-right:active { background:none; background-color: rgba(0,0,0,0.8); } .main .bu-slideshow-container .bu-slideshow-arrow-left { left: 0; border-right-color:white; } .main .bu-slideshow-container .bu-slideshow-arrow-right { right: 0; border-left-color:white; } .main .bu-slideshow-container .bu-slideshow-arrow-left:hover { opacity: 1.0; border-right-color:white; } .main .bu-slideshow-container .bu-slideshow-arrow-right:hover { opacity: 1.0; border-left-color:white; } .main .bu-slideshow-container .bu-slideshow-arrow-left:after, .main .bu-slideshow-container .bu-slideshow-arrow-right:after { border-width: 2em; top:3.1em ; } .main .bu-slideshow-container .bu-slideshow-arrow-left:after { right: 1.7em; } .main .bu-slideshow-container .bu-slideshow-arrow-right:after { left: 1.7em; } // .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-left:after, // .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-right:after { // border-width: 4em !important; // } // .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-left, // .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-right { // height: 10em; // } // .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-left:after { // right:-2em !important; // } // .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-right:after { // left:-2em !important; // } .entry .full-width .bu-slideshow-container { max-width:100% !important; } .entry .bu-slideshow-container img { margin:0; } .entry .special-sidebar, .entry .special-sidebar * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .entry .special-sidebar { background: #fff; padding: 25px; border-top: 3px solid #111; margin-bottom:28px !important; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.30); -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.30); box-shadow: 0 0 2px 0 rgba(0,0,0,0.30); } .entry .special-sidebar.sidebar-ready:hover { max-width:510px !important; margin-right:18px !important; padding-right:30px; padding-left:30px; } .entry .special-sidebar.sidebar-ready:hover .sidebar-head{ margin-left:-30px; margin-right:-30px; } .entry .special-sidebar.show-video { max-width:100% !important; -webkit-transition: all 700ms ease-in-out; -moz-transition: all 700ms ease-in-out; -ms-transition: all 700ms ease-in-out; -o-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; } .entry .special-sidebar.has-video h3::before { content:''; display: block; width:156px; height: 26px; margin:0 auto 15px auto; background: url(images/icon-watch-video.png) no-repeat 0 0; } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .entry .special-sidebar.has-video h3::before { background-image: url(images/icon-watch-video@2x.png); background-size: 156px 26px; } } .entry .special-sidebar:before, .entry .special-sidebar:after, .nosidebar-story .entry div.special-sidebar::before, .nosidebar-story .entry div.special-sidebar::after { display: none; } .entry .special-sidebar .sidebar-head { margin: -25px -25px 25px -25px; position: relative; overflow: hidden; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .entry .special-sidebar.image-only .sidebar-head { margin-bottom: -25px; } .entry .special-sidebar.show-video .sidebar-head-content { display: none; } .entry .special-sidebar .sidebar-head-content { background: #111; position: relative; z-index: 2; opacity: 1.0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .entry .special-sidebar.has-video .sidebar-head:hover { cursor: pointer; } .entry .special-sidebar.has-video .sidebar-head:hover img { opacity: 0.5; } .entry .special-sidebar.has-video .buvideoWrapper { position: absolute; left:0; top:-100%; right: 0; bottom:0; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .entry .special-sidebar.has-video.show-video .buvideoWrapper { position: relative; display: block; margin-bottom:0; } .entry .special-sidebar .sidebar-head-title { position: absolute; left:0; bottom:0; top:0; right:0; z-index: 5; text-align: center; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .entry .special-sidebar.sidebar-ready:hover .sidebar-head-title { left:5px; right:5px; } /* The ghost, nudged to maintain perfect centering */ .entry .special-sidebar .sidebar-head-title:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; /* Adjusts for spacing */ } .entry .special-sidebar .sidebar-head-title h3 { text-align: center; color: #fff; font-size: 28px; display: inline-block; vertical-align: middle; width: 80%; margin: 0; text-shadow: 0 1px 3px #111111; text-shadow: 0 1px 3px rgba(0,0,0,0.8); } .entry .special-sidebar .sidebar-head-title h3 span.sidebar-title-caption { color: #fff; font-size:16px; line-height: 1.3em; font-weight: normal; display: block; font-family: Helvetica, Arial, sans-serif; margin-top:6px; } .entry .special-sidebar .sidebar-head-title h3 span.sidebar-credits { color: #fff; opacity:0.4; font-size:11px; line-height: 1.3em; text-transform: uppercase; font-weight: normal; display: block; font-family: Helvetica, Arial, sans-serif; margin-top:26px; } .entry .special-sidebar .sidebar-head img { margin: 0 auto; float: none; display: block; } .entry div.special-sidebar p { color: #404142; font-family: Helvetica, Arial, sans-serif; line-height: 1.5em; font-size: 14px; margin-right:0; margin-left:0; margin-bottom:0; margin-top:18px; } .entry .special-sidebar p:first-child { margin-bottom:0; } .entry .special-sidebar p:empty { display: none; } /** * * Editorial Audio Player * for playing short audio clips * uses shortcode [editorial_audio_player] * **/ .editorial-audioPlayer, .editorial-audioPlayer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .editorial-audioPlayer-subtitle { font-size:20px; font-weight: normal; font-family: 'BentonSansComp','Benton-Sans',helvetica,arial,sans-serif; text-transform: uppercase; } .editorial-audioPlayer-person { font-family: 'Stag',georgia,times,serif; font-size:20px; color:#252523; } .editorial-audioPlayer-person span { font-family: georgia,times,serif; font-style:italic; font-weight: normal; font-size:14px; color:#b9b9b9; } .editorial-audioPlayer-length { display: block; margin-bottom:22px; color:#b9b9b9; font-size:14px; font-weight: normal; font-family: 'BentonSansComp','Benton-Sans',helvetica,arial,sans-serif; text-transform: uppercase; text-align: center; } .editorial-audioPlayer blockquote { border:none; padding:0; margin:20px auto; font-family: georgia,times,serif; font-size:18px; line-height: 1.4; color:#292929; } .editorial-audioPlayer-controls { position: relative; } .canPlay .editorial-audioPlayer-controls .editorial-audioPlayer-controls-playBtn, .canPlay .editorial-audioPlayer-controls .editorial-audioPlayer-controls-progressBar { display: block; } .canPlay .editorial-audioPlayer-controls .editorial-audioPlayer-controls-downloadBtn { display: none; } .editorial-audioPlayer-controls .editorial-audioPlayer-controls-downloadBtn { display: block; margin:44px auto; text-align: center; color:#000; font-size:16px; font-weight: normal; font-family: 'BentonSansComp','Benton-Sans',helvetica,arial,sans-serif; text-transform: uppercase; } .editorial-audioPlayer-controls-progressBar { padding:10px 0; position: relative; display: none; cursor:pointer; } .editorial-audioPlayer-progressBarFill { display: block; background: #d7d7d7; position: relative; height: 3px; } .editorial-audioPlayer-controls-progressValue { display: block; background: #000; height: 3px; width:0%; float:left; position: relative; padding:0 3px; -webkit-transition: width 0.1s linear; -moz-transition: width 0.1s linear; -ms-transition: width 0.1s linear; -o-transition: width 0.1s linear; transition: width 0.1s linear; } .editorial-audioPlayer-controls-progressKnob { display: block; width:14px; height:14px; background: #fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:4px solid #000; position: absolute; right:0; top:50%; margin-top:-7px; margin-right:-7px; z-index: 2; } .editorial-audioPlayer-controls-playBtn { background:#252523; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border: none; margin:26px auto; width:60px; height:60px; display: none; } .editorial-audioPlayer-controls-playBtn .icon { color:#fff; font-size:24px; display: block; text-align: center; } .editorial-audioPlayer-controls-playBtn .icon:before { font-size:24px; padding: 0; display: block; margin:0 auto; } .editorial-audioPlayer-controls-playBtn .icon-play:before { font-size:24px; padding: 0; margin-left:5px; } .editorial-audioPlayer-controls-playBtn .icon-pause:before { font-size:24px; padding: 0; } /** * * Audio Player - Vertical Quote Box Style * **/ .editorial-audioPlayer-style-box { border:1px solid #cdcdcd; border-top: 4px solid #252523; max-width:370px; margin:75px auto; padding:35px; } .full-width.photo-essay + .editorial-audioPlayer-style-box { margin:150px auto; } @media only screen and (max-width : 640px) { .full-width.photo-essay + .editorial-audioPlayer-style-box { margin:75px auto; } } .editorial-audioPlayer-style-box .icon-mic { display: block; margin:0 auto 36px auto; text-align: center; } .editorial-audioPlayer-style-box .editorial-audioPlayer-subtitle, .editorial-audioPlayer-style-box .editorial-audioPlayer-person { text-align: center; color:#252523; } .editorial-audioPlayer-style-box .editorial-audioPlayer-person { margin-bottom:40px; } .editorial-audioPlayer-style-box .editorial-audioPlayer-person span { display: block; margin-top:3px; } .editorial-audioPlayer-style-box blockquote { text-align: center; font-style: normal; margin:0 auto 30px auto; padding:20px 0; } .editorial-audioPlayer-style-box blockquote em { display: block; margin:0 -125px; padding:10px 0; font-family: 'Stag',georgia,times,serif; font-size:58px; line-height: 58px; font-weight: bold; font-style: normal; text-transform: uppercase; color:#f9d339; background: #fff; position: relative; zoom:1; } @media only screen and (max-width : 580px) { .editorial-audioPlayer-style-box blockquote em { margin:0 -70px; font-size:46px; line-height: 46px; } } @media only screen and (max-width : 430px) { .editorial-audioPlayer-style-box blockquote em { margin:0 -30px; font-size:29px; line-height: 30px; } } .editorial-audioPlayer-style-box blockquote span { color:#252523; } .editorial-audioPlayer-style-box .editorial-audioPlayer-controls { margin:0 -35px -35px -35px; background: #f6f6f6; border-top:1px solid #cdcdcd; height:113px; } .editorial-audioPlayer-style-box .editorial-audioPlayer-controls-progressBar { position: absolute; top:-12px; left:0; right:0; z-index: 5; } .editorial-audioPlayer-style-box .editorial-audioPlayer-progressBarFill { background: transparent; } .editorial-audioPlayer-style-box .editorial-audioPlayer-controls-progressValue { background: #f9d339; } .editorial-audioPlayer-style-box .editorial-audioPlayer-controls-progressKnob { border:4px solid #f9d339; } .editorial-audioPlayer-style-box .editorial-audioPlayer-controls-playBtn { -webkit-transition: all 200ms cubic-bezier(.13,0,.56,1); /* older webkit */ -webkit-transition: all 200ms cubic-bezier(.13,-0.62,.56,1.57); -moz-transition: all 200ms cubic-bezier(.13,-0.62,.56,1.57); -o-transition: all 200ms cubic-bezier(.13,-0.62,.56,1.57); transition: all 200ms cubic-bezier(.13,-0.62,.56,1.57); /* custom */ -webkit-transition-timing-function: cubic-bezier(.13,0,.56,1); /* older webkit */ -webkit-transition-timing-function: cubic-bezier(.13,-0.62,.56,1.57); -moz-transition-timing-function: cubic-bezier(.13,-0.62,.56,1.57); -o-transition-timing-function: cubic-bezier(.13,-0.62,.56,1.57); transition-timing-function: cubic-bezier(.13,-0.62,.56,1.57); /* custom */ } .editorial-audioPlayer-style-box .editorial-audioPlayer-controls-playBtn:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .editorial-audioPlayer-style-box .editorial-audioPlayer-controls-playBtn .icon { color:#f9d339; } /** * * Audio Player - Vertical Quote Box Style WITH PHOTO * **/ .editorial-audioPlayer-style-boxPhoto { max-width:806px; padding:0; position: relative; } @media only screen and (max-width : 640px) { .editorial-audioPlayer-style-boxPhoto { max-width:370px; } } .editorial-audioPlayer-style-boxPhoto .editorial-audioPlayer-inner { width:45.90570719602978%; padding:35px; position: relative; z-index: 2; } @media only screen and (max-width : 640px) { .editorial-audioPlayer-style-boxPhoto .editorial-audioPlayer-inner { width:100%; } } .editorial-audioPlayer-style-boxPhoto .editorial-audioPlayer-photo { position: absolute; z-index: 1; top:-1px; right:-1px; bottom:-1px; width:54.09429280397022%; } @media only screen and (max-width : 640px) { .editorial-audioPlayer-style-boxPhoto .editorial-audioPlayer-photo { position: static; width:100%; height: 450px; } } .editorial-audioPlayer-style-boxPhoto .editorial-audioPlayer-photo > div { position: relative; width:100%; height:100%; background-repeat: no-repeat; background-position: center center; background-size:cover; } .lt-ie9 .editorial-audioPlayer-style-boxPhoto .editorial-audioPlayer-photo > div { background-color:#000; } @media only screen and (min-width : 580px) { .editorial-audioPlayer-style-boxPhoto blockquote em { background: none; position: relative; } .editorial-audioPlayer-style-boxPhoto blockquote em:before { content:''; background: #fff; position: absolute; left:0; top:0; bottom:0; width:200px; z-index: -1; } } .lt-ie9 .editorial-audioPlayer-style-boxPhoto blockquote em { background: none; position: relative; padding:0; font-size:55px; } /* Moments */ .closeupMoment-Container { position: relative; z-index:1; } .homepage .closeupMoment-Container { max-width:550px; overflow: hidden; } .homepage .closeupMoment-Container.closeupMoment-active { z-index: 2; } .homepage .closeupMoment-Container .closeupMoment { margin-bottom:15px; } .homepage .promote .closeupMoment-Container .closeupMoment { -webkit-box-shadow: 0 0 0 3px #494c4d; -moz-box-shadow: 0 0 0 3px #494c4d; box-shadow: 0 0 0 3px #494c4d; } .homepage .closeupMoment-Container h3 { margin-bottom:6px; } .closeupMoment-Container h3 a { float:none; width:auto; } .closeupMoment-Container .caption { padding:0; } .closeupMoment { position: relative; z-index:1; } .closeupMoment-cinemagraph { display: none; position: absolute; top:0; left:0; right:0; bottom:0; z-index:2; overflow: hidden; } .closeupMoment-cinemagraph > div { width:100%; padding-bottom:56.25%; position: relative; overflow:hidden; } .closeupMoment-video { position: absolute; top:0; left:0; right:0; bottom:0; z-index:3; opacity: 0; } .lt-ie9 .closeupMoment-video { z-index:1; opacity: 1.0; } @media screen and (min-width:640px) { .closeupMoment-video { z-index: 1; } } .closeupMoment-video .buvideoContainer { position: relative; } .closeupMoment-video .buvideoWrapper { margin:0 !important; padding-top:0 !important; top:0; } .closeupMoment-stillPreview { width: 100%; height:auto; display: block; margin:0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; width:100%; padding-bottom:56.25%; position: relative; overflow:hidden; } .closeupMoment-stillPreview img { position: absolute; top:0; left:0; display: block; margin: 0; } .closeupMoment-cinemagraphMP4, .closeupMoment-cinemagraphGIF { display: none; } .closeupMoment-cinemagraphMP4 video, .closeupMoment-cinemagraphGIF img { width:100%; height:auto; margin:0 auto; } .closeupMoment.showMP4 .closeupMoment-cinemagraphMP4, .closeupMoment.showGIF .closeupMoment-cinemagraphGIF, .closeupMoment.showCinemagraph .closeupMoment-cinemagraph, .closeupMoment.momentComplete .closeupMoment-completeOverlay, .closeupMoment.showPlayBtn .closeupMoment-cinemagraphPlayButton { display: block; } .closeupMoment.showVideo .closeupMoment-video { opacity: 1.0; } .lt-ie9 .closeupMoment.showVideo .closeupMoment-video { z-index: 4; display: block; opacity: 1.0; } @media screen and (min-width:640px) { .closeupMoment.showVideo .closeupMoment-video { z-index: 3; } } .closeupMoment .hide { display: none; } a.closeupMoment-completeButton { position: relative; display: block; width:33.33333333333%; height: 100%; float:left; color:#fff; color:#ff2626; font-family: "BentonSansComp", 'Benton', Helvetica, Arial, sans-serif; font-size:14px; font-weight: bold; text-align: center; text-transform: uppercase; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } a.closeupMoment-completeButton:hover { background: #ff2626; color:#111; } .closeupMoment-completeButton span { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .closeupMoment-completeButton i.icon { margin:10px auto; } a.closeupMoment-completeButton:hover i.icon { } .closeupMoment-Container i.icon { display:block; font-style: normal; font-size:32px; color:#fff; } .closeupMoment-Container i.icon:before { display: inline-block; vertical-align: middle; padding-bottom: 0.2em; /* Accomodate for inline icons */ font-family: "bu-default-icons"; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; speak: none; line-height: 1; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .closeupMoment-completeButton .icon-replay:before { content: "\21BB"; } .closeupMoment-completeButton .icon-share:before { content: "\EE00"; } .closeupMoment-completeButton .icon-grid:before { content: "\E9A0"; } .closeupMoment-completeOverlay { background: #000; background: rgba(0,0,0,0.80); } .closeupMoment-completeOverlay, .closeupMoment-cinemagraphPlayButton { display: none; position: absolute; top:0; left:0; right:0; bottom:0; z-index: 2; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; cursor:pointer; } .closeupMoment-cinemagraphPlayButton { background: rgba(0,0,0,0.0); } .closeupMoment-videoPlayGroup { position: absolute; left:0px; bottom:0px; right:0px; padding:20px 24px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */ } @media only screen and (max-width: 639px) { .closeupMoment-videoPlayGroup { padding:10px 6px; } } .closeupMoment .closeupMoment-videoPlayGroup h3 { position: relative; top:3px; padding-top:10px; font-size: 21px; font-weight: normal; letter-spacing:0.06em; color:#fff; } .promote .closeupMoment .closeupMoment-videoPlayGroup h3 { float:left; } .closeupMoment .closeupMoment-videoPlayGroup h3:before { content:'Featured Moment'; display: block; position: absolute; left:0; top:-2px; font-family: 'Benton', Helvetica, Arial, sans-serif; font-size:10px; font-weight: bold; text-transform: uppercase; line-height: 1.0; letter-spacing:0.06em; } @media only screen and (max-width: 1020px) { .closeupMoment .closeupMoment-videoPlayGroup h3 { font-size:16px; } .closeupMoment .closeupMoment-videoPlayGroup h3:before { font-size:9px; } } a.closeupMoment-cinemagraphPlayButton .icon-play { width:100%; height:100%; text-align: center; position: absolute; top: 0; left: 0; } a.closeupMoment-cinemagraphPlayButton .icon-play:before { content:"\25B6"; display: block; width:100%; height: 100%; padding: 8px 0 0 5px; -webkit-transition: all 0.65s ease-in-out; -moz-transition: all 0.65s ease-in-out; -ms-transition: all 0.65s ease-in-out; -o-transition: all 0.65s ease-in-out; transition: all 0.65s ease-in-out; -webkit-transform-origin:center center; -moz-transform-origin:center center; -ms-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center; } a.closeupMoment-cinemagraphPlayButton:hover .icon-play:before { -webkit-transform: scale(0.5) translateX(-3px) translateY(-3px); -moz-transform: scale(0.5) translateX(-3px) translateY(-3px); -ms-transform: scale(0.5) translateX(-3px) translateY(-3px); -o-transform: scale(0.5) translateX(-3px) translateY(-3px); transform: scale(0.5) translateX(-3px) translateY(-3px); -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .closeupMoment-autoPlayLabel { display: block; position: absolute; top:50%; left:50%; margin-left:-90px; width:180px; margin-top:-15px; text-align: center; background: black; padding:5px 8px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; color:#fff; text-transform: uppercase; font-weight:bold; font-size:11px; letter-spacing:1px; opacity: 0.0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .lt-ie9 .closeupMoment-autoPlayLabel { display: none; opacity: 1.0; } .closeupMoment-loadCircle { width:50px; height:50px; margin:0 auto 15px auto; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .promote .closeupMoment-loadCircle { float:left; margin:0 15px 0 0; } .closeupMoment-loadCircleSVG circle { stroke-dashoffset: 138.16; stroke: #eee; stroke-width: 2px; } .closeupMoment-loadCircleSVG .bar { stroke: #cb0000; } a.closeupMoment-cinemagraphPlayButton:hover .closeupMoment-loadCircleSVG .bar { } a.closeupMoment-cinemagraphPlayButton:hover { background: rgba(0,0,0,0.75); } a.closeupMoment-cinemagraphPlayButton:hover .closeupMoment-loadBar { width:100%; } .promote a.closeupMoment-cinemagraphPlayButton:hover .closeupMoment-autoPlayLabel { opacity:0.8; display: block; } /** * * Q & A Format Story * */ .q-and-a-format .banner-container { position: relative; background-color: #fff; } .q-and-a-format .banner-has-image:after { content:''; background: url('images/q-a-format-angle-mask.png') no-repeat center bottom; background-size:100% auto; width:100%; height:0; padding-bottom: 23.517587939698494%; position: absolute; bottom:0; left:0; right:0; z-index: 2; } .q-and-a-format .banner-has-html { background: #fff; } .q-and-a-format .banner-has-html .q-and-a-header { margin-bottom: 50px; position: relative; } .q-and-a-header-title { position: relative; top:-234px; margin-bottom:-234px; padding-top:130px; width:100%; z-index: 3; text-align: center; background: url('images/q-a-format-angle-mask-tall.png') no-repeat center top; } @media only screen and (max-width: 639px) { .q-and-a-header-title { top: -158px; margin-bottom: -158px; padding-top: 117px; } } .q-and-a-header-title .q-and-a-mark { font-size:65px; font-weight: bold; color:#000; margin:0 auto 35px auto; } @media only screen and (max-width: 639px) { .q-and-a-header-title .q-and-a-mark { font-size:45px; } } .q-and-a-header-title .q-and-a-mark span { color:#1bb391; font-size:25px; font-weight: 300; position: relative; top:-12px; display: inline-block; margin:0 2px 0 5px; } @media only screen and (max-width: 639px) { .q-and-a-header-title .q-and-a-mark span { font-size:18px; top:-9px; } } .q-and-a-header-title .title-wrap { position: relative; display: inline-block; margin:0 auto; } @media only screen and (max-width: 639px) { .q-and-a-header-title .title-wrap { margin:0 20px; } } .q-and-a-header-title .title .title-label { display: inline-block; text-transform: uppercase; font-family: "BentonSansComp", 'BentonSans', Helvetica, Verdana, sans-serif; font-size:18px; font-weight: normal !important; color:#949494; margin:0 auto; background: #fff; padding:0 10px; } .q-and-a-header-title .title .title-label:before { content:''; border-top: 4px double #E4E4E4; position: absolute; z-index: -1; top: 17px; left:0; right:0; } .q-and-a-header-title .title strong { display: block; margin:10px auto; text-transform: uppercase; font-family: 'BentonSans', Helvetica, Verdana, sans-serif; font-size:36px; font-weight: 300 !important; color:#1bb391; } @media only screen and (max-width: 639px) { .q-and-a-header-title .title strong { font-size:30px; } } .q-and-a-header-title .dek { font-family: Georgia, serif; color:#949494; font-size:20px; font-style: italic; font-weight: normal !important; } .q-and-a-format .intro { color:#1bb391; } .q-and-a-format .intro a { color: #159074; } .q-and-a-format ol.q-and-a { padding-left:0; list-style-type: none; margin:75px 0 35px 30%; } @media only screen and (max-width: 639px) { .q-and-a-format .entry > ol.q-and-a { margin:75px 0; } } .q-and-a-format ol.q-and-a li { counter-increment: step-counter; position: relative; list-style-type: none; margin-bottom:60px; } .q-and-a-format ol.q-and-a li:last-child { margin-bottom:0; } .q-and-a-format ol.q-and-a li h3 { position: relative; font-weight: 300 !important; font-style:italic; font-size:26px; line-height: 1.4; margin-bottom:30px; color:#5a5a5a; } @media only screen and (max-width: 639px) { .q-and-a-format ol.q-and-a li h3 { margin:145px auto 30px auto; } } .q-and-a-format ol.q-and-a li h3:before { content: counter(step-counter); padding: 9px 0; position: absolute; width: 40px; height: 40px; left: -105px; top: 50%; margin-top:-21px; text-align: center; font-weight: 300 !important; font-family: "Stag"; font-style: normal; font-size: 20px; line-height: 20px; color: #5a5a5a; } @media only screen and (max-width: 639px) { .q-and-a-format ol.q-and-a li h3:before { left:50%; top:-75px; margin:1px 0 0 -20px; } } .q-and-a-format ol.q-and-a li h3:after { content: ''; border:1px solid #1bb391; width:40px; height: 40px; position: absolute; left:-106px; top: 50%; margin-top:-22px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } @media only screen and (max-width: 639px) { .q-and-a-format ol.q-and-a li h3:after { left:50%; top:-75px; margin:0 0 0 -20px; } } .q-and-a-format ol.q-and-a li p { font-size: 18px; line-height: 30px; } /* BU Default Icons */ .icon, .icon:before { display: inline-block; padding-bottom: 0.15em; /* Accomodate for inline icons */ vertical-align: middle; font-family: "bu-default-icons"; font-weight: normal !important; font-style: normal !important; font-variant: normal !important; font-size:28px; line-height: 1; text-decoration: none !important; text-transform: none !important; white-space: nowrap; speak: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .icon span { // Hide labels. Replaces [class^="icon-"] span and [class*=" icon-"] span display: none; } .icon.icon-mic:before { content: "\1F3A4"; } .icon.icon-play:before { content: "\25B6"; } .icon.icon-pause:before { content: "\E8A0"; } /* emergency alert */ #bu-alert-emergency {padding:0!important;} /* cf */ .cf:after, .wrapper:after, .pnb ul:after, .headlines ul li:after, .featured-event .details:after, .homepage .comments ul li:after, .series:after, .meta:after, .filter-nav:after, .toolbar:after, .footer:after, .navigation:after, .upcoming-events ul li:after, .picks:after, .whatsupbu:after, .upcoming-events a:after, .commentlist li:after, .buforms_left:after, .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption:after {display:block;clear:both;content:" ";height:0;overflow:hidden;} /* fonts */ @font-face { font-family:"Benton-Sans"; src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot"); src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold/d4a4a960-2cf2-430e-8b13-cbf6f261ddb9-1.ttf") format("truetype"); font-style:normal; font-weight:bold; } @font-face { font-family:"Benton-Sans"; src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot"); src:url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Benton-Sans-Bold-Italic/f037bfb1-69d7-4441-8d43-3b8c2c6e77d3-1.ttf") format("truetype"); font-style:italic; font-weight:bold; } @font-face { font-family: "Stag"; src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Light/4c685d8e-b622-4304-b8f3-c0c6e81d4750-2.eot"); src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Light/4c685d8e-b622-4304-b8f3-c0c6e81d4750-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Light/4c685d8e-b622-4304-b8f3-c0c6e81d4750-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Light/4c685d8e-b622-4304-b8f3-c0c6e81d4750-1.ttf") format("truetype"); font-style: normal; font-weight: 300; } @font-face { font-family: "Stag"; src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Light-Italic/ddd2bc1c-93d4-40cb-b47d-afad034fb12b-2.eot"); src: url("http://www.bu.edu/cdn/fonts/Stag-Web-Light-Italic/ddd2bc1c-93d4-40cb-b47d-afad034fb12b-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Light-Italic/ddd2bc1c-93d4-40cb-b47d-afad034fb12b-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Light-Italic/ddd2bc1c-93d4-40cb-b47d-afad034fb12b-1.ttf") format("truetype"); font-style: italic; font-weight: 300; } @font-face { font-family:"Stag"; src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-2.eot"); src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Book/e231c7bb-a060-43ff-ac6b-54f124485a2e-1.ttf") format("truetype"); font-style:normal; font-weight:normal; } @font-face { font-family:"Stag"; src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-2.eot"); src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Book-Italic/beee6fd9-a50d-4ba0-94ba-a43343228c68-1.ttf") format("truetype"); font-style:italic; font-weight:normal; } @font-face { font-family:"Stag"; src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium/ab63aa86-e0fc-44ec-a3a1-c5187c3e7f8e-2.eot"); src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium/ab63aa86-e0fc-44ec-a3a1-c5187c3e7f8e-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium/ab63aa86-e0fc-44ec-a3a1-c5187c3e7f8e-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium/ab63aa86-e0fc-44ec-a3a1-c5187c3e7f8e-1.ttf") format("truetype"); font-style:normal; font-weight:bold; } @font-face { font-family:"Stag"; src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium-Italic/c7c3b71e-e032-4e4f-802b-520c35386c5a-2.eot"); src:url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium-Italic/c7c3b71e-e032-4e4f-802b-520c35386c5a-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium-Italic/c7c3b71e-e032-4e4f-802b-520c35386c5a-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/Stag-Web-Medium-Italic/c7c3b71e-e032-4e4f-802b-520c35386c5a-1.ttf") format("truetype"); font-style:italic; font-weight:bold; } @font-face { font-family: "BU-Default-Icons"; src: url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.eot"); src: url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.eot?#iefix") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.ttf") format("truetype"), url("http://www.bu.edu/cdn/fonts/icons/bu-default-icons/bu-default-icons.svg#bu-default-icons") format("svg"); font-style: normal; font-weight: 400; // unicode-range:U+??????; /* Include all Unicode possiblities */ } @font-face { font-family: "BentonSansComp"; src: url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot"); src: url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-2.eot?") format("embedded-opentype"), url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-3.woff") format("woff"), url("http://www.bu.edu/cdn/fonts/BentonSansComp-Bold/45b0ce09-9fae-45f1-8b3d-fdd995b91c6b-1.ttf") format("truetype"); font-style: normal; font-weight: 700; } /* Benton Sans Bold */ h2.section-title, .sidebar h2, .widget h2, .close-up h2, .pnb ul#primary li a, .section-id {font-family:Benton-Sans,helvetica,arial,sans-serif;font-weight:bold !important;font-style: normal;} /* Stag */ .headlines h4, .entry-title h2, .athletics ul a, .homepage .comments ul li h4 a {font-family:Stag,georgia,times,serif;font-weight:normal !important;font-style: normal;} /* Stag Bold */ h1, h2, h3, h4, h5, .entry-title h1, .headlines h3, .featured-event h3, .featured-event h5, .single .headlines h3, .single .featured-story h3, .tag-browser h2.section-title, .tag h3, .series h3, .series h4, .picks h3, .athletics ul a, .homepage .comments ul li h4 a, .widget_yarpp_widget h3, .toolbar h2, .filter-nav li, .entry .sharing_label, .series-page h1.series-title, .entry strong, .entry b, .dropcap {font-family:Stag,georgia,times,serif;font-weight:bold !important;font-style: normal;} /* Georgia */ .pnb ul#utility li a, .entry p, .entry li, .button, #footer li.more a, .navigation .older a, .navigation .newer a, .close-up a p, .closeup .banner-container .caption {font-family:Georgia,Times,serif;} /* Helvetica */ label, .entry input[type='text'], .entry textarea, .entry select, .filter-nav ul li, .entry .wp-caption p, .entry p.caption, .entry .photo p, .entry .sharing li.share-regular {font-family:Helvetica,Arial,sans-serif;} @media only screen and (max-width : 640px) { /************** Global Layout ***************/ body { width:auto; background: #2A2A2A; } #body-wrapper { overflow: hidden; } #wrapper { padding-bottom:0; position: relative; z-index: 1; -webkit-transition: left 0.2s ease; -moz-transition: left 0.2s ease; -ms-transition: left 0.2s ease; -o-transition: left 0.2s ease; transition: left 0.2s ease; } #wrapper.showmenu, #footer.showmenu { left:220px; z-index:1; -webkit-box-shadow: -1px 0 8px 1px rgba(0, 0, 0, 0.98); box-shadow: -1px 0 8px 1px rgba(0, 0, 0, 0.98); } .one-col, .two-col, .three-col, .four-col, .three-halves-col { width:auto; } .sc { padding-left:14px; padding-right:14px; } .sidebar .sc { padding-left:14px; padding-right:14px; } .header, #content, .sidebar { width:auto; } .header { padding-bottom:0; } #content { border-radius:0; border-right:none; border-left:none; border-top:none; -webkit-transition: margin 0.3s ease-in; -moz-transition: margin 0.3s ease-in; -ms-transition: margin 0.3s ease-in; -o-transition: margin 0.3s ease-in; transition: margin 0.3s ease-in; } #content.showsearch { margin-top:50px; } .sidebar { border-top: 4px solid #111111; } #footer ul { margin: 0 0 25px 0; } #footer .list { float: none; width: auto; } .footer-inner { width:auto; padding:40px 10px; } .left { float:none; display:block; } .right { float:none; display:block; } .subfeature { margin:12px -14px 0; } .meta { color: #818990; } .meta a { color: #818990; } /************** Header, Navigation, & Search ***************/ .pnb { z-index: 2; position: relative; min-height:49px; height: auto; background:#111111; -webkit-box-shadow: 0 -1px 0 0 #111111 inset, 0 -2px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 3px 0 rgba(0, 0, 0, 0.6); box-shadow:0 -1px 0 0 #111111 inset, 0 -2px 0 0 rgba(255, 255, 255, 0.3) inset, 0 0 3px 0 rgba(0, 0, 0, 0.6); } .pnb .container { width: auto; width:220px; left: -220px; top:0; position: absolute; z-index:2; overflow: hidden; display:none; } .showmenu .pnb .container { display:block; } .pnb ul#primary { display: block; background: transparent; float:none; border:none; padding-top:1px; overflow: hidden; } .pnb ul#primary li { float:none; display:block; } .pnb ul#primary li a { display: block; border-right:none; border-bottom:1px dotted rgba(255,255,255,0.10); float:none; padding:15px 12px; } .pnb ul#primary li.menu-item-home { display:block; } .pnb ul#primary li.current_page_item a { position: relative; background: rgba(0,0,0,0.35); } .pnb ul#utility li a { background: rgba(0,0,0,0.35); } .sections-btn { text-indent:-9999px; float: none; padding: 9px 4px 9px 8px; display:block; position: absolute; z-index:55; left:0; top:0; background: none; } .sections-btn span { display:block; width:38px; height:30px; border-radius: 3px 3px 3px 3px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 3px 3px 3px 3px; box-shadow: 0 0 2px rgba(0,0,0,1.0); background-position: 7px 1px, 0 0; background-repeat: no-repeat; background-image: url(images/butoday-mobile-sprite.png); background-color: #484848; } .sections-btn.showmenu span { box-shadow: inset 0 0 4px rgba(0,0,0,0.8); } .sections-btn:hover span, .sections-btn:active span, .sections-btn:focus span{ color:#fff; } .search-btn { display: block; float:right; text-indent:-9999px; width:24px; height: 24px; margin:12px; background:url(images/butoday-mobile-sprite.png) 0 -34px no-repeat #111111; } .search-btn.active { background-position: 0 -60px; } .search-btn:hover, .search-btn:active, .search-btn:focus { color:#fff; } .menu-overlay { display:none; height: 10000px; position: absolute; top: 50px; z-index:15000; width: 100%; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.7); } .menu-overlay.showmenu { display: block; } .homepage h1.masthead, h1.masthead { text-align: center; float:none; overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -53px; margin-top: 16px; z-index: 2; } .homepage h1.masthead a, h1.masthead a { margin: 0px; text-align: left; display: block; background-size: 125px 150px; background-position:0 bottom; width:105px; height:22px; float:left; z-index: 2; } .homepage .date { float: none; margin: 10px 0 0; text-align: center; width: auto; padding:0; font-size:12px; text-transform:uppercase; display: none; } .homepage .date strong { font-weight:normal; } .pnb ul#utility { margin-top:10px; float:none; } .pnb ul#utility li { float: none; display: block; margin:4px 10px 8px 3px; } .pnb ul#utility li a { font-size:14px; } .search, .homepage .search { display: block; position: absolute; width: 100%; z-index:1; top:0; left:0; right:auto; margin: 0; border-bottom:3px solid #111; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .search.showsearch { top:49px; } .search fieldset { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; box-shadow: 0 3px 0 1px rgba(0, 0, 0, 0.04); } .search input#q { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ width:100%; height: 45px; font-weight:bold; font-size:14px; border-radius:0; padding-right:40px; display: block; } .search .button { margin-top:8px; width:31px; height:31px; background:url(images/butoday-mobile-sprite.png) 0 -90px no-repeat; -moz-border-radius: 0; border-radius: 0; height: 32px; margin-top: 0; position: absolute; right: 7px; top: 7px; width: 32px; } .search .button:hover { border:none; background-color: transparent; } .section-id { width:auto; float:right; display:block; margin:19px 10px 0 0; font-size: 14px; line-height: 1.2em; display: none; } .wp-caption { width:auto !important; } .entry div.alignleft, .entry div.alignright { float:none; width:auto !important; margin: 0 auto; text-align: center; } .entry div.alignleft img, .entry div.alignright img, .entry div.alignleft p, .entry div.alignright p { float:none; text-align:left; margin-left: auto; margin-right: auto; } .banner-container, .entry .inline { float:none; display: block; padding-right:0; padding-left:0; } img { max-width:100%; height:auto; } .navigation { height:60px; } .navigation a.page-numbers, .navigation span.dots { display:none; } .upcoming-events { width:auto; } #footer p { margin: 0; } #footer #logo { float:left; margin:0 15px 25px 0; } #footer #copyright { display: block; float: right; padding-top: 16px; } #footer .list { clear:both; } .footer-inner { padding:20px 10px; } .entry a.button { color:#fff; } .single .article .sharing { margin: 24px -14px -28px -14px; } /************** Homepage ***************/ .homepage .headlines ul li:last-child { padding-bottom:0; } .homepage .headlines ul li .thumb { float:left; padding:0; margin:0 14px 6px 0; background: none; } .homepage .headlines ul li img { width: 120px; padding:0; float: none; } .homepage .headlines .has-thumb h4 .media-type { display: inline; } .homepage .headlines li.no-thumb .thumb { display: none; } .subfeature .thumb .media-type { bottom: auto; top:0; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-radius-topright: 0px; border-top-right-radius: 0px; } .subfeature img { margin-left:0; max-width:auto; width:100%; height:auto; margin-bottom:0; } .subfeature .thumb { margin-bottom:14px; display: block; } .feature-media-box { position: relative; } .promote.close-up .all { position: static; margin: 10px 0 0 0; } .promote { width:auto; overflow: hidden; padding:14px; } .promote a.thumb { background: transparent; display:block; } .promote img { margin-top: 0px; margin-left:0; width:100%; } .promote.close-up p { padding-right: 0; } .promote h2 { top:0px; left:0px; } .promote .playIcon, .promote .specialseriesIcon { height: 89px; left: 50%; margin-left:-44px; top: 50%; width: 89px; margin-top:-44px; } .promote h3 a { float: none; width: auto; padding:9px 0 0 0; } .promote.featured-story p { padding-left: 0; } .upcoming-events ul li a { display: table; width: 100%; } .upcoming-events ul li a .title { display: table-cell; float: none; padding-right: 56px; width: auto; } .upcoming-events ul li a .day { display: table-cell; float: none; vertical-align: middle; width: 56px; } .featured-event h3 { margin-bottom:15px; } .featured-event a img { float: right; } .featured-event img { padding: 0 0px 5px 0; width: 90px; } .featured-event h2.section-title { border-top: 1px solid #DDDDDD; margin: 25px -14px 28px; padding-left: 10px; } .picks { width: auto; padding-bottom: 0px; } .picks h2.section-title { margin: 0 -14px; padding-left: 10px; } .picks ul { margin: 28px 0; } .homepage .topics { display: none; } .homepage .comments { border-left: none; border-right: none; } .homepage .comments ul li h4 { width:80%; } .homepage .comments ul li:last-child { border-bottom: 0 none; padding-bottom: 0; } .homepage .athletics { border-top:4px solid #111; } .adspace, .adspace .widget { width: auto; border-top:4px solid #111; } .series-summary { padding: 28px 0px 0; } .series h2.section-title { padding-left: 10px; margin: 0 -14px; } .series ul { width: auto; margin:14px 0 0 0; } .series ul li:nth-child(odd) { margin: 0 4% 0 0; } .series ul li { margin: 0 0 5% 0; width: 48%; } .upcoming-events .submit-event { float:right; } .thumb { display: inline-block; width:auto; max-width:100%; } .athletics .widget-block { margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; } /************** GridRow ***************/ .gridRow:after { clear: none; display: none; } .gridRow { display: inline; padding-bottom: 0; } .gridRow .item:first-child, .gridRow .item.first { padding: 0; clear:none; } .gridRow .item { display: inline-block; float: none; padding: 0; vertical-align: top; width:44%; margin: 2%; } /************** Section ***************/ .section .picks ul li:nth-child(even) { margin-right:4%; } .section .picks ul li:nth-child(2n+1) { margin:0 0 15px 0; } .section .picks li:first-child { border-right:none; margin: 0; padding-right: 0; width: 100%; padding-bottom:15px; border-bottom:1px dotted #CED1D2; } .section .picks li:first-child .thumb { display: block; } .section .picks ul li:first-child .thumb .media-type { top:auto; bottom:0; } .section .headlines ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .section .headlines .thumb { width:83px; float:left; margin-right:14px; } .section .headlines h3 { font-size:15px; } .section .headlines .comment-link { display:none; } .section .multimedia-topics .topics { display: none; } .section .multimedia li { margin-left: 0; width: 100%; } .section .multimedia li .thumb{ float:left; margin-right:15px; width: 83px; } .section .multimedia li:last-child .thumb { margin-bottom: 0; } .section .series h3 { margin-bottom:15px; } .category-body .selected-topic { border-top: 4px solid #111111; padding-bottom: 28px; border-left:none; } .category-body .headlines { padding-bottom: 14px; } /************** Closeup / Series Browser / Browser for Archive ***************/ .closeup .main { padding-bottom:28px; } .closeup .banner-container { width:100%; } .closeup .toolbar .button { position: absolute; right: 20px; top: 0; } .closeup .toolbar h1 { border-left:0; padding:12px 0 15px 0; border-top:1px dotted #CED1D2; width:100%; } .series-page .series-intro { margin:0 -14px; padding:0 10px 24px 10px; } .tag .post, .series-page .post, .series-browser .post, .close-up-browser .post, .browser .post{ display: block; width:100%; float:none; overflow: hidden; margin-left:0; border-bottom:1px dotted #e4e4e4; padding-bottom:20px; } .tag .post:last-child, .series-page .post:last-child, .series-browser .post:last-child, .close-up-browser .post:last-child, .browser .post:last-child { border-bottom:0; padding-bottom:0; } .tag .post .thumb, .series-page .post .thumb, .series-browser .post .thumb, .close-up-browser .post .thumb, .browser .post .thumb { float:right; width:83px; background: none; height:auto; margin-bottom:0; margin-left:10px; } .tag .posts .meta:after, .series-page .posts .meta:after, .series-browser .posts .meta:after, .close-up-browser .posts .meta:after, .browser .posts .meta:after { clear:none; display:none; } .toolbar .button { display: inline-block; float: none; margin-bottom: 10px; margin-left: 36px; margin-top: 16px; } .toolbar h2 { padding: 20px 28px; } /************** Series Page ***************/ .series-page .posts { margin: 0 -14px; } .series-page .filter-nav { display: none; } .series-page .toolbar .button { position: absolute; right: 14px; top: 0; } .series-browser .sc, .series-page .sc { background-position: 0 68px; } .series-browser .toolbar, .series-page .toolbar { height: auto; } .series-page .banner-container { padding: 28px 0 0; display: block; float: none; } .series-page .series-banner-page-width { padding: 0; } .series-page .banner-container img { margin-left:-4px; } .special-series h1.masthead:after { display:none; } /************** Archives ***************/ .filter-nav { width:100%; } .filter-nav li { border-left:0; padding:0; height: auto; float:none; display: block; margin-bottom:10px; } .filter-nav li.filter-item > span { display: block; padding:15px 14px; border:1px solid #e4e4e4 } .filter-nav ul { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CED1D2; border-top: 0; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; display: none; left: 13px; margin: 0; padding: 0; position: static; top: 20px; width: auto; z-index: 100; } .filter-nav strong { float:right; } .browser .toolbar { height: auto; margin-bottom:15px; } .browser .sc { background: none; } .browser .posts { position: relative; z-index: 2; } .browser .posts:before { content:''; position: absolute; width:100%; height:46px; top:0; left:-14px; z-index:0; padding:0 10px; background: url("images/bg-down-arrow.gif") no-repeat scroll 0 0 transparent; } /************** Tag Browser ***************/ .tag-browser #browse_pagination { width: auto; position: relative; text-align: center; display: block; margin: 0 -14px 9px; padding: 16px 14px; } .tag-browser #browse_pagination:after { background: url("images/bg-down-arrow.gif") no-repeat scroll 0 15px transparent; bottom: -30px; height: 45px; margin: 0 -14px; padding: 0 10px; position: absolute; width: 100%; } .tag-browser #browse_pagination li { padding: 0; margin: 0 3px 6px 3px; display: inline-block; float: none; } .tag-browser .sc { background: none; } .tag-browser .main ul.tag-column { float:none; display: inline; margin-left:0; width: auto; } .tag-browser .main ul.tag-column li { display: inline-block; float:none; margin-right:8px; margin-bottom:8px; padding:4px 6px; background: #e7f0f4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #dce8ed; } .tag-browser .main ul.tag-column li span{ color: #A4ABAE; } /************** Article ***************/ .content-banner-page-width > .entry-title { padding: 26px 10px 0; } .content-banner-page-width .banner-container .caption { padding: 13px 10px; } .article { width:auto; border-right:none; } .content-banner-page-width .nosidebar-story .entry { padding-top:0; } .entry-title { padding: 26px 10px 0 10px; } .entry .inline { width:auto !important; float:none; } .entry .photo { width:auto !important; } .banner-container object, .entry p object { width: 100%; } .entry table { width:auto !important; display:block; overflow:auto; } .entry p, .entry li { font-size: medium; line-height: 1.6em; } .nosidebar-story .entry > p {padding-left:0;} .nosidebar-story .entry > ul, .nosidebar-story .entry > ol, .nosidebar-story .entry > dl {margin-left:5%;} .nosidebar-story .entry > blockquote {margin-left:0;} .nosidebar-story .entry > .buvideoContainer {margin-left:0;} .nosidebar-story .entry > h1, .nosidebar-story .entry > h2, .nosidebar-story .entry > h3, .nosidebar-story .entry > h4, .nosidebar-story .entry > h5, .nosidebar-story .entry > h6, .nosidebar-story .entry > table {margin-left:0;} .nosidebar-story .entry blockquote { float: none; width: auto; } .nosidebar-story .entry div.full-width { margin-right:-14px;margin-left:-14px;} .nosidebar-story .nosidebar-story-first-video { margin-top: 0; margin-left: 0; border: none; background: transparent; } #content .full-width-inner-2-columns img.stack-on-mobile, #content .full-width-inner-3-columns img.stack-on-mobile, #content .full-width-inner-4-columns img.stack-on-mobile, #content .full-width-inner-5-columns img.stack-on-mobile, #content .full-width-inner-6-columns img.stack-on-mobile { float:none; width:100% !important; } #content .full-width-inner-2-columns .caption-block.stack-on-mobile { position: relative; float:none; display: block; width:100%; left:auto; bottom:auto; right:auto; top:auto; } .caption-block .content { margin:12%; } .article .meta .post-date { display: block; float: none; margin: 0px 0 2px 0; padding: 4px 10px 0 10px; } .article .meta .byline { border-left: medium none; display: block; margin: 2px 0 4px 0; padding: 0 10px; width: auto; } .content-banner-page-width .nosidebar-story .meta { width: auto; float:none; margin: 0 -14px 14px -14px; border-width: 0 0 1px 0; overflow: hidden; padding:13px 114px 13px 104px; } .q-and-a-format .content-banner-page-width .nosidebar-story .meta { border-width:1px 0; } .content-banner-page-width .nosidebar-story .meta .meta-top { position: static; display: inline; overflow: auto; } .content-banner-page-width .nosidebar-story .meta .post-date { display: block; float: none; position: absolute; left: 0; top:0; border-right:1px dotted #ced1d2; margin: 0; padding:13px 14px 100px 14px; } .content-banner-page-width .nosidebar-story .meta .byline { display: inline; border:0; margin: 0; padding:0; } .content-banner-page-width .nosidebar-story .meta .share-link, .content-banner-page-width .nosidebar-story .meta .comment-link { padding-bottom: 100px; } .article .author { padding:14px; } .article .author p { margin-bottom:0; } .related-topics { display: none; } .single .sharing .sharing_label { padding-left:10px !important; } .sharing li a, .sharing-hidden li a { text-indent: -9999px; } .single .sharing li a { padding: 14px 14px 14px 24px; } .widget { padding:0 10px; } .sidebar .widget_yarpp_widget ul li { margin: 0 0 4%; width: 48%; } .sidebar .widget_yarpp_widget ul { margin:28px 0 0 0; overflow:hidden; } .sidebar .widget_yarpp_widget ul li:nth-child(2n+1) { margin-right: 4%; } .sidebar .widget_yarpp_widget ul li img { max-width: auto; width:100%; margin-bottom:0; } .sidebar .widget_yarpp_widget ul li .thumb { margin-bottom:12px; } .sidebar .headlines li .thumb { display:block; } .picks ul li:nth-child(odd) { margin: 0 4% 7% 0; } .picks ul li { margin: 0 0 5% 0; width: 48%; overflow: hidden; } .picks ul li img { max-width:auto; width:100%; } .picks .comment-link { display:none; } .related-topics ul.tabs { float: none; margin: 28px 0 28px; position: static; top: 0; width:auto; overflow: hidden; } .related-topics ul.tabs li { display: block; float: none; } .related-topics ul.tabs li a { width: auto; background-image:none; } .related-topics .tab_container { float: none; width: auto; clear:both; padding-bottom:15px; } .thumb .media-type { top:auto; bottom:0; } body > #sharing_email { left:50% !important; width:260px !important; margin-left:-150px; } .nosidebar-story .entry div.alignleft { width:auto !important; float:none; margin-right:0; } .series-nav-list-wrap { margin-left:0; overflow:hidden; padding-top:28px; } .series-nav-list-left { float:none; width:auto; } .series-nav-list-right { float:none; width:auto; } /************** Comments ***************/ a.mobile-comment-btn { display: inline-block; } .nosidebar-story a.mobile-comment-btn { display:none; } .comment-link a { padding:3px 0 1px 0; } #commentform label { float: none; } #commentform .button { margin: 0; } #commentform input[type="text"] { font-size:14px; font-weight:bold; width:100%; padding:10px; margin-right:0; margin-left:0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #commentform textarea { font-size:14px; width:100%; padding:10px; margin-right:0; margin-left:0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ box-shadow: none; } #comments { padding: 0 10px; } #comments h2.section-title { margin: 0px -14px 28px; padding-left: 14px; } #comments h2.section-title span { display: none; margin-left:-14px; } #respond { margin:0px -14px 0 -14px; padding: 28px 10px 14px; } .commentlist + #respond { margin-top:28px; } .commentlist #respond { margin-left:0; } #respond h2.section-title { margin: -28px -14px 28px -14px; padding-left: 14px; } .comment-author { display:none; } .comment-meta { padding-right: 0; display: inline; } .comment-meta cite { display: block; } .comment-tools { position: static; float:right; margin: 0 0 10px 10px; } .comment-meta span { font-size:10px; } .comment-entry { clear: both; } ul.children #respond { background: white; } .commentlist li.depth-1 > .comment-container { padding: 0; } .commentlist li.depth-2 { margin-left:5%; padding:2%; border: 1px solid #B7C5C7; } .comment-tools li a { border:none; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; margin-right: 2px; padding: 2px 7px; } .comment-tools li:last-child a { border: 0 none; padding-right: 7px; margin-right:0; } .commentlist li.depth-2 ul.children { border-left:1px solid #E0E9EA; } .commentlist li.depth-2 .comment-container { padding:0; } .commentlist li.depth-2 li.comment{ padding:5% 0 0 0; border-color:#B7C5C7; border-width:2px; } .commentlist li.depth-3 { padding-left: 5% !important; } .commentlist li.depth-3 li.comment { margin-left: 0; padding-left: 5%; } .commentlist li.depth-3 #respond .commentlist li.depth-4 #respond, .commentlist li.depth-5 #respond { margin-left: 0px; } /************** Slideshow Plugin ***************/ .banner-container .bu-slideshow-slides .bu-slideshow li.slide .bu-slide-container .bu-slide-caption .bu-slide-caption-text { font-size:10px; } .banner-container .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption, .entry .bu-slideshow-container .bu-slideshow-slides .bu-slideshow li .bu-slide-container .bu-slide-caption { padding:14px; } .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-left:after, .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-right:after { border-width: 1.5em !important; } .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-left, .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-right { height: 5em; width:2.75em } .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-left:after { right:0.75em !important; top:1.2em; } .content-banner-page-width .bu-slideshow-container .bu-slideshow-arrow-right:after { left:0.75em !important; top:1.2em; } .stack-on-mobile { display: block !important; float:none !important; width:100% !important; } } @media only screen and (min-width : 400px) and (max-width : 640px) { .picks ul li:nth-child(2n+1), .series ul li:nth-child(2n+1) { clear: none; float: left; } .picks ul li:nth-child(2n), .series ul li:nth-child(2n) { float: left; clear:none; } .picks ul li:nth-child(3n), .series ul li:nth-child(3n) { /*margin-right:4%;*/ margin-right:0; } .picks ul li:nth-child(4n), .series ul li:nth-child(4n) { clear:both; } .picks ul li, .series ul li { margin: 0 4% 5% 0; /*width: 29%;*/ width:30.6%; overflow: hidden; } .section .picks ul li:nth-child(even) { margin-right:4%; } .section .picks ul li:nth-child(2n+1) { margin:0 4% 15px 0; } .section .picks ul li:nth-child(4n) { clear:none; margin-right:0; } .section .picks li:first-child { border-right:none; margin: 0; padding-right: 0; width: 100%; padding-bottom:15px; border-bottom:1px dotted #CED1D2; } .section .picks ul li:first-child .thumb .media-type { top:auto; bottom:0; } } @media only screen and (max-width : 480px) { .nosidebar-layout .series-nav .series-nav-label { display: none; } .content-banner-page-width .nosidebar-story .meta { padding:0px; } .content-banner-page-width .nosidebar-story .meta .post-date { position: static; padding-bottom:13px; } .content-banner-page-width .nosidebar-story .meta .byline { display: block; padding:13px; border-top:1px dotted #ced1d2; } .content-banner-page-width .nosidebar-story .meta .share-link, .content-banner-page-width .nosidebar-story .meta .comment-link { padding-bottom: 10px; } } /********************************************************************** TABLET ************************************************************************/ @media only screen and (min-width : 641px) and (max-width : 1020px) { #wrapper { padding-bottom:0; } .thumb { display: inline-block; width:auto; max-width:100%; } .thumb .media-type { top:auto; bottom:0; } .pnb .container { width:auto; } .pnb ul#primary { border-left:none; } .pnb ul#utility { margin-right:7px; } .pnb ul#utility li a { margin:0 0 0 4px; padding:4px 9px 6px; } .search .button:hover { border:none; background-color: transparent; } .header { width:auto; padding-left:14px; padding-right:14px; padding-top:23px; } #content { width:auto; border-right:none; border-left:none; border-radius:0; } .sc { padding-left:14px; padding-right:14px; } .homepage .search, .search { margin-top:0px; } .search #q { width:140px; } h1.masthead { margin-top:0; } .homepage .date, .section-id { float: none; width:auto; margin-top:0px; padding-top:8px; text-align: center; } /* .homepage .date { padding-top:18px; }*/ .homepage .masthead a { width:216px; height:46px; background-position: 0 bottom; } .homepage .masthead a { background-position:0 -150px; height: 38px; text-indent: -9999em; width: 170px; } #content img { max-width:100% !important; height:auto !important; } .one-col { } .two-col { padding-left:14px; padding-right:14px; width: 40%; /* 308 / 768 */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .three-col { width:60%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .two-col .subfeature { width:auto; float:none; display: block; } .banner-container { display: block; float: none; } .headlines ul li:first-child .thumb { display: block; float:left; margin:0 14px 6px 0; } .homepage .headlines ul li:first-child .thumb { width:50%; background: none; } .headlines ul li:first-child .thumb img { display: block; float:none; padding:0; } .feature-media-box { position: relative; } .promote { width: 60%; /* 431 / 768 */ padding:14px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .promote h2 { left:0; top:0; } .promote .playIcon, .promote .specialseriesIcon { left: 50%; margin-left: -45px; margin-top: -45px; top: 50%; } .promote img { margin-top:0px; width:100%; } .promote.close-up p { padding-right: 0; } .promote.close-up .all { position:static; margin-top:10px; } .subfeature { margin-left:-14px; margin-right:-14px; } .subfeature .thumb img { margin-bottom:0; max-width:auto; width:100%; } .subfeature.close-up .caption { margin-top:4px; } .subfeature .thumb { margin-bottom:14px; } .subfeature .thumb .media-type { bottom:auto; top:0; } #whatsupbu { float: left; width: 60%; } #whatsupbu .two-col { width:63.591433278%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #whatsupbu .one-col { width: 36.408566722%; /* 221 / 607 */ -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .upcoming-events ul li a .title { width:79%; padding-right:1%; } .upcoming-events ul li a .day { float: right; width:20%; } /* .homepage .date { padding-left:40px; }*/ .picks { width: auto; } .picks ul { margin: 28px 0; } .picks li { width: 18%; margin-left:2%; } .picks h2.section-title { padding-left:14px; margin-left:-14px; margin-right:-14px; } .topics-comments .one-col { padding:0 14px; width:20%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .topics-comments .two-col { width:40%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .homepage .comments ul li h4 { width:80%; } .topics ul.menu { margin:14px 14px 21px 0; width:100%; } .series { padding: 0 0 14px; } .series h2.section-title { padding-left:14px; } .series .series-summary { width:30%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .series ul { margin: 28px 0px; padding-right:14px; padding-left:14px; width:70%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .series ul li { width:30%; margin-left:3%; } .upcoming-events .bu-calendar { margin-bottom:10px; } .athletics .widget-block { margin-left: -14px; margin-right: -14px; padding-left: 14px; padding-right: 14px; } /******************* Footer *********************/ .footer-inner { width: auto; padding:14px; } #footer .list { width:18%; margin-right: 2% } #footer .last { width:18%; margin-right: 0; } #footer h3 { font-size:14px; } #footer ul { margin-right:0; } #footer ul li { font-size:12px; } #footer #copyright { font-size:10px; } #footer p { margin:0 0 14px 0; } #footer .list:first-child { width:15%; margin-right:5%; } #footer #logo { width:100%; max-width:112px; background-size: 100% auto; } /******************* Article *********************/ .article { width: 65%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nosidebar-story { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .entry .inline { max-width:45%; } .entry .aligncenter { width:auto !important; } .single .article .sharing { margin-left: -14px; margin-right: -14px; } .single .sharing .sharing_label { padding-left:14px !important; } .article .meta { display: table; width:100%; padding:0; } .content-banner-page-width .nosidebar-story .meta { display: block; width:24%; } .nosidebar-story .entry blockquote p { font-size:18px; line-height: 1.6em; } .article .meta > .post-date, .article .meta .byline { display: table-cell; float:none; width:auto; vertical-align:middle; } .article .meta .byline { padding-right:13px; } .content-banner-page-width .nosidebar-story .meta .byline { display: block; } .article .meta > .post-date { padding-left:14px; width:72px; } .article .meta > .share-link, .article .meta > .comment-link, .content-banner-page-width .meta > .comment-link { position: static; display: table-cell; padding-top:0; padding-bottom:0; vertical-align:middle; } .article .author { padding:14px; } .entry-title { padding:26px 14px 0; } .nosidebar-layout .series-nav { -moz-border-radius:0; border-radius:0; } .nosidebar-story .entry div.full-width { margin-right:-14px;margin-left:-14px;} .nosidebar-story .entry .alignleft { width:50% !important; } /******************* Sidebar *********************/ .sidebar { width:35%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .sidebar .two-col { width: auto; } .related-topics ul.tabs { width: auto; float: none; overflow: hidden; border-bottom: 1px dotted #CED1D2; } .related-topics ul.tabs li { display: inline-block; } .related-topics ul.tabs li a { background-image: none; width: auto; margin: 0 6px 6px 0px; border-radius: 0; } .related-topics .tab_container { width: auto; float: none; clear:both; margin-top:14px; } .sidebar .headlines li .thumb { display:block; } .sidebar .widget_yarpp_widget ul { margin-right:0; } .sidebar .today ul.tabs { display: none; } .sidebar h3 { font-size:15px; } .sidebar .widget_yarpp_widget ul li { width: 100%; } .sidebar .widget_yarpp_widget ul li img { margin:0; } .sidebar .widget li .thumb { float:left; width:35%; margin: 0 14px 12px 0; } .sidebar .widget li .meta:after { clear: none; } .sidebar .widget li h3 a { display: inline; } /******************* Comments *********************/ #respond { margin-right:-14px; margin-left:-14px; padding-left:14px; padding-right:14px; width: auto; margin-top:0; padding-top:0; } #comments h2.section-title, #respond h2.section-title { margin-left: -14px; margin-right: -14px; padding-left:14px; margin-top:0; } /******************* Section *********************/ .section .picks li:first-child { width:40%; padding-right:14px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .section .picks ul li:first-child .thumb .media-type { top:auto; bottom:0; } .multimedia li { width: 32%; margin-left:2%; } .multimedia-topics .topics ul.menu { margin-right:5%; width:45%; } .multimedia-topics { overflow: hidden; } .section .topics { padding-bottom:1000px; margin-bottom:-1000px; } .multimedia-topics p { clear:both; } .category-body .headlines ul li .thumb { float: left; margin: 0 14px 0 0; } .category-body .headlines ul li img { padding:0; float:none; } .section .container { overflow: hidden; } .section .category-body .selected-topic { padding-bottom:1000px; margin-bottom:-1000px; } .section .category-body .selected-topic .button { margin-bottom:15px; } /******************* Closeups *********************/ .closeup .banner-container { margin: 0 -28px; padding: 28px; width: auto; clear:both; } .closeup .toolbar h2 { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .closeup .toolbar h1 { width: 60%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .closeup .toolbar .button { } /******************* Browser *********************/ .post { width:18%; margin-left:2%; } .post h3 { font-size:15px; } .post .thumb { height: auto; } .filter-nav li { padding:21px 14px 44px; } .filter-nav li span { font-size:11px; } .filter-nav li span strong { display:block; font-size:15px; } .tag-browser #browse_pagination li { padding-top:7px; } .tag-browser .sc { background-image:none; } .tag-browser #browse_pagination { width: auto; position: relative; display: block; margin: 0 -14px 9px; padding: 9px 14px 16px 14px; } .tag-browser #browse_pagination:after { background: url("images/bg-down-arrow.gif") no-repeat scroll 0 15px transparent; bottom: -30px; height: 45px; margin: 0 -14px; padding: 0 10px; position: absolute; width: 100%; } .tag-browser .main ul.tag-column { float:none; display: inline; margin-left:0; width: auto; } .tag-browser .main ul.tag-column li { display: inline-block; float:none; margin-right:8px; margin-bottom:8px; padding:4px 6px; background: #e7f0f4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #dce8ed; } .tag-browser .main ul.tag-column li span{ color: #A4ABAE; } /******************* Series Page *********************/ .series-page .series-intro { margin-right:-14px; margin-left:-14px; } .series-page .banner-container { width:60%; text-align: right; } .series-page .series-banner-page-width { width:auto; text-align: left; margin:0 -14px; } .series-page .posts { margin: 0 -14px; } .series-page .main { overflow: visible; } .series-page .filter-nav > li { padding: 32px 14px; } /******************* About Page *********************/ .gridRow .item { padding: 0 0 2% 2%; width: 32%; } } @media only screen and (min-width : 641px) and (max-width : 860px) { .content-banner-page-width .nosidebar-story .meta .byline { border-bottom:1px dotted #CED1D2; } .content-banner-page-width .nosidebar-story .meta .post-date { display: block; float: none; } .content-banner-page-width .nosidebar-story .meta .share-link { float: left; border-left:0; border-right:1px dotted #CED1D2; padding: 12px 0; position: static; width:49%; margin: 0; } .content-banner-page-width .nosidebar-story .meta .share-link a{ margin:0 auto; } .content-banner-page-width .nosidebar-story .meta .comment-link { float: left; border:none; padding: 12px 0; position: static; width:49%; margin: 0; } .content-banner-page-width .nosidebar-story .meta .comment-link a{ margin:0 auto; } .series-nav-list-left { float:none; width:auto; } .series-nav-list-right { float:none; width:auto; } .caption-block blockquote { font-size:18px; } } @media only screen and (min-width : 641px) and (max-width : 768px) { .caption-block blockquote { font-size:16px; } .caption-block .content { margin:50px; } .article { width: 75%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .nosidebar-story { width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .entry p, .entry li { font-size:17px; line-height: 1.6em; margin-bottom:1.6em; } /******************* Sidebar *********************/ .sidebar { width:25%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .sidebar h3 { font-size:15px; } .single .headlines ul li { padding:5px 0; } .sidebar .widget li .thumb { float:none; width:auto; margin-right:0; } } @media only screen and (max-width : 990px) { .pnb ul#primary li a { padding:12px 11px; } } @media only screen and (max-width : 980px) { #primary .navextra5 { display: none; } .pnb ul#utility li a{ font-size:11px; } .pnb ul#primary li a { padding:12px 10px; } } @media only screen and (max-width : 850px) { #primary .navextra4 { display: none; } .special-series .categories.section-id { display:none; } } @media only screen and (max-width : 770px) { #primary .navextra3 { display: none; } } @media only screen and (max-width : 730px) { #primary .navextra2 { display: none; } } @media only screen and (max-width : 690px) { #primary .navextra1 { display: none; } .pnb ul#primary li a { padding:12px 9px; } } @media only screen and (max-width : 650px) { .pnb ul#primary li a { padding:12px 8px; } } @media all and (-webkit-min-device-pixel-ratio: 1.5) { .sections-btn span, .search-btn, .search .button { background-image: url(images/butoday-mobile-sprite@2x.png); background-size: 200px 200px; } #footer #logo { background-image: url(images/bu-logo@2x.gif); background-size: 112px 50px; } } /****************************** Responsive Videos ******************************/ .buvideoWrapper { position: relative; padding-bottom: 56.3636363636%; padding-top:45px; margin-bottom:14px; height:0; } * html .buvideoWrapper { margin-bottom: 45px; margin-bot\tom: 0; } .buvideoWrapper div, .buvideoWrapper embed, .buvideoWrapper object, .buvideoWrapper iframe { position:absolute; width:100% !important; height:100% !important; left:0; top:0; } .entry object a img { margin-bottom:2px; } .buniverse-2013 { padding-top:0; } .banner-container .buvideoWrapper { margin-bottom:0; } /****************************** Twitter Feed Responsive Fix ******************************/ iframe.twitter-timeline { width:100% !important; }