@charset "UTF-8"; .page_magazine { margin-bottom: 3em; } .page_magazine header > .title { position: absolute; width: 100%; bottom: 0; padding: .25em 0; } .page_magazine header.titleblock { padding: 0 0 2em 0; } .page_magazine header.titleblock h1 { margin: 0; } .page_magazine header.titleblock h2 { margin: 0; font-size: 1.2em; } .page_magazine .crumb { white-space: nowrap; display: block; } .page_magazine .sectionname, .page_magazine .sectiondesc { white-space: nowrap; } .page_magazine .sectiondesc { font-size: .5em; opacity: .75; } .page_magazine .sectiondesc:before, .page_magazine .crumb.sectionname:before { margin: 0 .4em; display: inline-block; } .page_magazine.article { margin-bottom: 2em; } .page_magazine .section { margin-bottom: 2em; } .page_magazine header.banner h1 { margin: 0; } .page_magazine header.banner > .limited-width { margin-top: 100px; position: relative; z-index: 1; } .page_magazine header.banner { display:block; color: white; /* text-align: center; */ background-repeat: no-repeat,no-repeat; background-size: cover,cover; background-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0, rgba(0,0,0,0.5) 80%), url('/images/interstitials/bloghome-d25k9u.jpg'); background-position: 50% 50%,50% 13%; padding-bottom: 2em; position: relative; } .page_magazine .banner > .filter {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 25px, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 65%, rgba(0,0,0,0.6) 100%);} .page_magazine.success-stories .banner > .filter { background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.2) 50px, rgba(0,0,0,0) 50%, rgba(0,0,0,.1) 90%); } .page_magazine header.banner h2 { white-space: nowrap; margin: 0; font-size: 1.8em; } .page_magazine header.banner .crumb.root { font-size: .5em; margin-bottom: .25em; } .page_magazine h1 { font-size: 2em; } .page_magazine h2 { font-size: 1.5em; } .page_magazine .articlelist h2 { font-size: 1em; margin: 0; } .page_magazine h2 a { color: inherit; } .page_magazine .articlelist .story:first-child { padding-top: 0; } .page_magazine .pullquote { background-color: #eee; max-width: 100%; padding: 1.5em !important; font-style: italic; font-size: 1.1em; font-weight: 300; border-radius: .5em; } .page_magazine .pullquote p:first-of-type { margin-top: 0; } .page_magazine .pullquote p:last-of-type { margin-bottom: 0; } .story { margin: 0; border-bottom: 1px solid #eee; clear: left; overflow: hidden; padding: 1em 0; } .story.with-summary { padding: 2em 0; } .page_magazine .story .sectionname { text-transform: uppercase; color: #333; font-size: .8em; font-weight: normal; } .page_magazine .story .sectiondesc { text-transform: uppercase; font-size: .8em; color: #939393; margin-left: 1ex; } .page_magazine .story .otherarticles { font-size: 11px; margin: 1em 0 0 0; display: block; } .story h3 { font-size: 1.2em; margin: 0; font-weight: normal; } .story .subtitle, .subtitle { font-size: 1em; font-weight: normal; margin: 0; margin-top: -.1em; } .subtitle a { color: inherit; } .story .headline a { text-decoration: none; } .story .headline a:hover { text-decoration: underline; } .story .header { margin-bottom: 5px; } .byline { font-weight: 300; font-size: .75em; } .dateline { color: #333; font-weight: normal; font-size: .75em; } .byline:after { content: '·'; margin: 0 .3em; display: inline-block; } .story .readMore { display: block; margin: .5em 0; } .lead.story { margin-top: 0; } .story .abstract { line-height: 175%; font-size: .9em; margin: .5em 0; color: #333; } .story .topics { font-size: 12px; margin: 1em 0 0 0; } .story .topics .title { color: #333; font-weight: normal; } .page_magazine .topics a { text-decoration: none; display: inline-block; vertical-align: middle; border: 1px solid #eee; margin: 0 0 0 4px; line-height: 2em; padding: 0 .5em; border-radius: 5px; color: #333; font-weight: normal; font-size: 12px; } .story .image img { float: left; margin: .5em 1em .5em 0; max-width: 20%; } .tools form.blogactions button { cursor: pointer; } .page_magazine img.main { float: left; margin: .5em 2em 1em 0; width: 40%; } .page_magazine .articlebody { line-height: 1.75em; } .page_magazine a { text-decoration: none; } .page_magazine a:hover { text-decoration: underline; } .page_magazine .articlebody { font-size: 15px; } .page_magazine .articlebody p { margin: 1em 0; } .page_magazine .articlebody img { max-width: 100%; } .page_magazine .articlebody blockquote { line-height: 1.7em; margin: 1.5em 4em; font-weight: 300; } .page_magazine.chooseyourwords .articlebody blockquote { font-weight: 400; } .page_magazine .story p { margin: 0 0 1em 0; } .rightColumn .topic { margin-bottom: 1em; } .rightColumn img.sectionImage { border: 1px solid #666; margin-bottom: 20px; } .page_magazine .rightColumn .tools { padding-top: 10px; } .page_magazine .rightColumn form.search { margin-bottom: 2em; margin-top: 0; } .page_magazine .sectionHeader { color: #333; border-top: 1px solid #eee; border-bottom: none; padding: .25em 0 0 0; display: block; margin: 0 0 .5em 0; font-size: 1em; } .page_magazine .shortlisting { margin-bottom: 1em; font-weight: 300; } .page_magazine .shortlisting .dateline { color: #999; } .page_magazine .shortlisting h3 { margin-bottom: 0; } .rightColumn .shortlisting a.articleLink { display: block; color: #22558a; font-size: 1em; font-weight: normal; text-decoration: none; } .rightColumn .otherabout .topic a.name { text-decoration: none; color: #999; display: block; font-weight: bold; margin-bottom: 5px; font-size: 12px; } .rightColumn .note { margin-top: .5em; } .rightColumn .otherabout .topic { margin-bottom: 15px; } .rightColumn .edpicks .pick, .rightColumn .otherabout .shortlisting, .rightColumn .relatedlists .list { margin-bottom: 1em; } .rightColumn .pick.last, .rightColumn .topic.last, .rightColumn .list.last { margin-bottom: 0; } .rightColumn .section.relatedSections .sectionHeader { font-weight: normal; margin-bottom: 15px; } .rightColumn .section.relatedSections a { text-decoration: none; color: #333; font-size: 14px; margin: .5em 0; display: block; } .section.relatedSections i { width: 30px; height: 30px; display: inline-block; background-size: cover; border-radius: 6px; vertical-align: middle; margin-right: 10px; } .rightColumn .section.relatedSections a.selected { color: #000; } .page_magazine.chooseyourwords .dateline { display: none; } .page_magazine .contributorbio { padding: 1em 0; font-size: 12px; clear: both; } .page_magazine .contributorbio img, .page_magazine .bio img { float: left; margin: .3em 1em .5em 0; max-width: 25%; border-radius: 12px; border: 5px solid #E5E5E5; } .page_magazine .contributorbio img.small, .page_magazine .bio img.small { max-width: 76px; max-height: 96px; } .page_magazine .pager.bottom { border-top: none; } .page_magazine .pager.top { margin-top: 0; } .page_magazine hr { margin: 1em 0; border: none; border-top: 1px solid #eee; } .page_magazine .articlebody aside { float: left; margin: 1em 1em 1em -25%; width: 40%; line-height: 160%; font-size: 1.5em; font-weight: 300; } .page_magazine .articlebody figure { font-weight: 300; text-align: center; margin: 1em 0; display: block; } .page_magazine .downloadBox { display: inline-block; border: 1px solid #ccc; width: 180px; max-width: 100%; font-size: 90%; text-align: left; } .page_magazine .downloadBox .title { font-weight:bold; background-color:#ececec; padding:.5em; text-align: center; } .page_magazine .downloadBox .item { padding: .5em; } .page_magazine .downloadBox .item a img{ vertical-align:middle; margin-right:5px} .page_magazine .articlebody figure.left { float: left; margin: 1em 1em 1em -25%; width: 40%; } .page_magazine .articlebody figure.right { float: right; margin: 1em 0 1em 1em; width: 40%; } .page_magazine .articlebody figure.full { margin: 1em 1em 1em -25%; width: 120%; } .page_magazine .articlebody figcaption { font-size: 13px; display: block; line-height: normal; margin-top: .25em; } .page_magazine form.search:before { font-family: 'SSStandard'; display: block; position: absolute; top: 50%; margin-top: -.6em; left: 1em; content:'🔎'; z-index: 1; color: #ccc; font-size: .85em; } .page_magazine form.search { margin: 1em 0; position: relative; } .page_magazine form.search input { width: 100%; border-radius: 3px; border: 1px solid #eee; height: 36px; line-height: 34px; display: block; padding: 0 0 0 2.3em; margin: 0; font-size: 15px; } @media only screen and (max-width: 760px) { html .page_magazine { font-size: 14px; } html .page_magazine .leftColumn { padding-left: 0; } html .page_magazine .rightColumn { border-top: 1px solid #eee; } html .page_magazine .articlebody img.main { margin-left: 0; margin-right: 1em; } html .page_magazine .byline { font-size: 11px; } .page_magazine .articlebody { font-size: 14px; } .page_magazine .articlebody aside, .page_magazine .articlebody figure.left { margin-left: 0; } .page_magazine .articlebody figure.full { margin-left:0; width: 100%; } .page_magazine header.banner > .limited-width { margin-top: 30px; } .page_magazine header.banner { padding-bottom: 1em; } .page_magazine h2 { font-size: 1.1em; } } @media print { html .page_magazine .banner, html .page_magazine .banner .filter { background: none !important; } html .page_magazine .banner { height: auto; padding-bottom: 0; } .page_magazine .banner .crumb { display: inline; font-size: 14px; } .page_magazine .banner .crumb.root { font-weight: normal; } .page_magazine .banner .crumb:after { content: ' :' } .page_magazine .banner .crumb:last-child:after { content: ''; } html .page_magazine h2, html .page_magazine .sectionname, html .page_magazine .crumb.root, html .page_magazine header h1 { color: black; } .page_magazine .sectiondesc { color: #666; } article .actions { display: none; } html article.page_magazine .rightColumn { display: none; } html article.page_magazine .leftColumn { width: 100% !important; } html article.page_magazine .leftColumn { padding-left: 20%; } .page_magazine header.banner > .limited-width { margin-top: 0; } .page_magazine .page-padding { padding-top: 0; } .byline-dateline { margin-top: 1em; } article .actions { display: none; } }