/* Theme Name: Mediashift Theme 2.9.4 Theme URI: http://wordpress.org/themes/twentythirteen Author: Mark Greene Author URI: http://www.avant5.com/ Version: 2.9.4 License: (c)2016 Mediashift.org Text Domain: mediashift */ * { margin:0; padding:0; outline:0; box-sizing:border-box; } .overflow { overflow:hidden; } img { border:0; } body { text-align:center; position:relative; font-family:'source-sans-pro'; } h1, h2, h3, h4, h5, h6 { font-family:'ff-tisa-web-pro'; font-weight:normal; line-height: 1.2; } a, a:visited { text-decoration:underline; } a:active { color:#1983d5; } .author { font-weight:700; } .author a { text-decoration:none; color:#49c7ff; } .date { font-weight:600; } .widget { list-style-type:none; } .wp-caption img, .wp-caption { width:auto; max-width:100% !important; height:auto !important; } .wp-caption-text {font-size: 75%; margin-top: 1px!important;} .wp-caption.alignleft {float:left;padding:0 15px 0 0;} .wp-caption.alignright{float:right;padding:0 0 0 15px;} .wp-caption.aligncenter{text-align: center;margin: auto;} .alignleft {float:left;padding:0 15px 0 0;} .alignright {float:right;padding:0 0 0 15px;} .aligncenter { display: block; margin-left: auto; margin-right: auto} a {color:black;text-decoration: underline;} a:hover {color:#1983d5;} .backwhite { background-color:#fff; } #header { background-color:#2b2c2d; min-height:50px; position:fixed; overflow:hidden; width:100%;z-index: 1000; } #logo { position:absolute; top:0; left:20%; } #logo a { display:inline-block; height:50px; width:42px; background:transparent url('img/logo-mobile.png') no-repeat; transform:translateX(-50%); overflow:hidden; text-indent:999px; white-space:nowrap; } #menu-toggle { float:left; margin:8px 0 0 8px; } #menu-toggle a { display:inline-block; width:30px; height:30px; background: url('img/menu-toggle.png') no-repeat center center; overflow:hidden; text-indent:999%; white-space:nowrap; } #search { float:right; position:relative; padding:10px 0; } #search a.search { margin-top:4px; display:inline-block; height:40px; width:56px; background:transparent url('img/search.png') no-repeat center center; white-space:nowrap; text-indent:999%; overflow:hidden; position:relative; top:1px; } #search a.share { display:none; margin-top:3px; height:40px; width:56px; background:transparent url('img/desktop-share-icon.png') no-repeat center center; white-space:nowrap; text-indent:999%; overflow:hidden; } #search input[type="text"] { border-radius: 500px; border: solid 1px white; height: 23px; background: url('img/search.png') no-repeat;background-position: 10px 1px;color:#F1F1F1;text-indent: 40px;} #search input[type="submit"] { background: url('img/search.png') no-repeat;} #main-navigation { display:none; background-color:#2b2c2d; width:100%; clear:both; position:relative; z-index:500; } #main-navigation li { list-style-type:none; width:100%; } #main-navigation a, #main-navigation a:visited { color:#f0efea; text-decoration:none; display:block; border-top:1px solid #43443F; height:45px; line-height:45px; } #story-content a:active { color:#1983d5; text-decoration:underline; } /* MAIN NAV DROPDOWNS*/ ul.sub-menu { display:none; } #content { overflow:hidden; clear:both; padding-top:50px; } /* MOBILE INDEX */ .mobile-article { text-align:left; border-bottom:1px solid #eceff1; padding-bottom:12px; } .first-mobile-article { background-color:#f1f1f1; } .mobile-article h2 a { text-decoration:none; color:#444; font-size:28px; } .mobile-article h2 { padding:0px 15px; } .mobile-article-thumbnail { width:100%; } .mobile-article-thumbnail img { width:100%; height:auto; } .mobile-article-meta { overflow:hidden; padding:0 14px; } .mobile-article-author-date { float:left; color:#4ac8ff; } .mobile-article-author-date span.date { color:#bfbdb7; margin-left:27px; } .mobile-article-author-share { float:right; } #mobile-the-latest { text-align:left; margin:10px 0; } #mobile-load-more-articles { padding:51px 0; } #mobile-load-more-articles a { display:inline-block; width:234px; height:50px; background-color:#eceff1; color:#444; border-radius:6px; text-decoration:none; line-height:50px; position:relative; } #mobile-load-more-articles a:hover { background-color:#e8e9e9; } #mobile-load-more-articles-loading { position:absolute; width:100%; text-align:center; left:0; z-index:200; top:10px; display:none; } .mobile-ad-space { margin:8px 0; padding:21px 0; border-bottom:1px solid #eceff1; } /* TABLET INDEX */ #tablet-intro-articles { width:100%; display:table; background-color:#f1f1f1; } #tablet-first-article { display:table-cell; vertical-align:top; width:70%; height:100%; } #tablet-must-reads { display:table-cell; vertical-align:top; width:30px; background-color:#000; text-align:left; padding:25px; } .tablet-ad-90h { height:90px; padding:13px 0; border-top:2px solid #ECEFF1 } .tablet-first-article-hero img { width:100%; height:auto; } .tablet-first-article-text { background-color:#f1f1f1; text-align:left; padding:29px 26px; } .tablet-first-article-author { margin-top:29px; padding-top:29px; border-top:1px solid #49c7ff; display:inline-block; color:#49c7ff; } .tablet-first-article-text-date { color:#b7bbbc; display:inline-block; margin-left:37px; } .tablet-first-article-text h2 a { color:#000; text-decoration:none; } #tablet-must-reads h3 { color:#fff; } .tablet-leader-teaser-item { margin-top:42px; } .tablet-leader-teaser-item h3 { line-height:1.1; } .tablet-leader-teaser-category a { color:#bfbdb7; text-transform:uppercase; font-size:13px; text-decoration:none; } .tablet-leader-teaser-author a { color:#4ac8ff; font-size:15px; text-decoration:none; } .tablet-leader-teaser-item h3 a { font-size:23px; text-decoration:none; color:#fff; } #tablet-the-latest { margin-top:47px; padding-bottom:11px; border-bottom:6px solid #98ec59; width:200px; text-align:left; margin-left:25px; } .tablet-the-latest-grid { padding:0 25px; border-bottom:1px solid #eceff1; text-align:left; overflow:hidden; } .tablet-the-latest-grid-item { float:left; width:50%; padding-left:17px; padding-bottom:19px; } .tablet-the-latest-grid-item:first-child { padding-right:17px; padding-left:0; border-right:1px solid #eceff1; } .tablet-the-latest-grid-item .featured-image { width:100%; } .tablet-the-latest-grid-item h3 a { color:#444; text-decoration:none; font-size:25px; } .tablet-the-latest-grid-item .featured-image img { width:100%; height:auto; margin-top:14px; } .tablet-latest-category { display:inline-block; border-bottom:6px solid #eceff1; padding-bottom:8px; margin-top:21px; } .tablet-lastest-grid-item-meta { margin-top:21px; width:125px; border-top:1px solid #49c7ff; padding-top:8px; } #tablet-ad-720-90-01, #desktop-category-ad-space-01 { text-align:center; padding-top:44px; border-top:1px solid #ECEFF1; } #tablet-popular-stories { margin-top:47px; padding-bottom:11px; border-bottom:6px solid #49c7ff; width:200px; text-align:left; margin-left:25px; } #popular-stories-box { padding:0 25px 44px; overflow:hidden; text-align:left; border-bottom:1px solid #eceff1; } #tablet-popular-stories-grids { overflow:hidden; min-height:200px; } .tablet-popular-stories-grid { padding-top:44px; overflow:hidden; } .tablet-popular-stories-grid-item { float:left; width:50%; padding-right:18px; } .tablet-popular-stories-grid-item .featured-image { width:100%; } .tablet-popular-stories-grid-item .featured-image img { width:100%; height:auto; } .tablet-popular-stories-meta { margin-top:14px; padding-top:14px; border-top:1px solid #4ac8ff; display:inline-block; } #popular-stories-ads { width:300px; float:right; padding-top:44px; } .tablet-podcast-digitaled { text-align:left; padding:0 25px 44px; } .tablet-podcast-digitaled h4 { margin-top:50px; padding-bottom:7px; border-bottom:6px solid #eceff1; display:inline-block; padding-right:27px; } .tablet-podcast-item { margin-top:25px; } .tablet-podcast-item h2 a { color:#444; text-decoration:none; } .tablet-podcast-meta { margin-top:15px; color:#b7bbbc;} .tablet-podcast-meta .author { color:#49c7ff; display:inline-block; margin-right:57px; } /* DESKTOP INDEX */ #desktop-leader-box { overflow:hidden; } #desktop-leader-box .wrapper { display:table; } #desktop-leader-box .wrapper > div { display:table-cell; vertical-align:top; } #desktop-leader-date { width:75%; position:relative; } #desktop-leader-date > div { color:#fff; bottom:14px; right:14px; } #desktop-leader-date > div .wp-post-image { width:100%; height:auto; } #desktop-leader-teasers { width:25%; background-color:#000; min-height:400px; color:#fff; text-align:left; padding:0 21px 40px; } #desktop-featured-article-img { max-height: 500px; overflow: hidden;} #desktop-featured-article-info { padding:25px 25px 40px; color:#444; text-align:left; } #desktop-featured-article-info h2 a { font-size: 45px; line-height: 45px; margin-bottom:10px; text-decoration: none; color:#2b2c2d;} #desktop-first-article { display:none; } /* removed in favor of tablet style */ #desktop-first-article .wrapper { background-color:#f1f1f1; padding:35px; text-align:left; } #desktop-first-article h2 { width:910px; font-size:40px; line-height: 50px;} #desktop-first-article h2 a { color:#000; text-decoration:none; } #desktop-first-article .date { margin-left:27px; } #desktop-ad-space-970-90, #desktop-ad-space-970-90-02 { padding:32px 0; } #desktop-latest-grids-box { overflow:hidden; padding:0 25px; } #desktop-latest-grids-ads { width:300px; float:right; } #desktop-latest-grids { overflow:hidden; } #desktop-the-latest { margin-top:47px; padding-bottom:11px; border-bottom:6px solid #98ec59; width:200px; text-align:left; font-size:30px; font-weight:bold; } .desktop-latest-grid { border-bottom:1px solid #edf0f2; padding-right:15px; text-align:left; } .desktop-latest-item { width:50%; display:inline-block; padding-left:15px; padding-bottom:10px; padding-top:15px; text-align:left; vertical-align: top;} .desktop-latest-item:first-child { padding-left:0; padding-right:15px; border-right:1px solid #edf0f2; } .desktop-latest-item .featured-image { width:100%; margin-top:8px; } .desktop-latest-item .featured-image img { width:100%; height:auto; } .desktop-latest-item .category { display:inline-block; padding-bottom:4px; border-bottom:6px solid #eceff1; width:125px; } .desktop-latest-item .category a { color:#000; text-decoration:none; font-weight:bold; } .desktop-latest-item h2 a { font-size:28px; text-decoration:none; color:#2b2c2d; } .desktop-latest-item .date { display:inline-block; margin-top:38px; padding-top:15px; color:#b7bbbc; border-top:1px solid #49c7ff; width:75%; } .desktop-first-article-meta { display:inline-block; margin-top:28px; padding-top:28px; border-top:1px solid #49c7ff; color:#b7bbbc; } .desktop-first-article-meta .author a { color:#49c7ff; text-decoration:none; } #tablet-popular-stories-title { margin-top:47px; margin-left:25px; padding-bottom:6px; border-bottom:6px solid #49c7ff; width:200px; text-align:left; font-size:29px; font-weight:bold; } #desktop-popular-posts { clear:both; border-top:2px solid #b7bbbc; padding-top:53px; margin-top:53px; } .desktop-popular-stories-row { overflow:hidden; width:100%; padding-right:25px; margin-top:40px; } .desktop-popular-item { width:25%; float:left; text-align:left; } .desktop-popular-stories-row > div { padding-left:25px; } .desktop-popular-item .featured-image { width:100%; } .desktop-popular-item .featured-image img { width:100%; height:auto; } .desktop-popular-item h2 { font-size:22px; line-height:1.4; } .desktop-popular-item h2 a { text-decoration:none; color:#000; } .desktop-popular-item .date { margin-top:8px; padding-top:8px; border-top:1px solid #49c7ff; display:inline-block; color:#b7bbbc; } .pix-wrapper {} .load-more { border-radius: 500px; background: # ; border: solid 1px white; height: 55px;color: darkgrey; padding: 3px 8px; font-size: 15px; cursor: pointer;} #mc_embed_signup input.button #desktop-podcast-digitaled-articles .wrapper { overflow:hidden; } #desktop-podcast-digitaled-articles .wrapper > div { float:left; width:50%; text-align:left; } #desktop-podcast-digitaled-articles h4 { display:inline-block; padding-right:28px; padding-bottom:8px; border-bottom:5px solid #eceff1; font-family:'source-sans-pro'; font-weight:bold; } .desktop-podcast-article-item { margin-top:21px; } .desktop-podcast-article-item h3 a { color:#000; text-decoration:none; } .desktop-podcast-article-item .date { color:#b7bbbc; display:inline-block; margin-left:37px; } .desktop-podcast-article-item .author a { color:#49c7ff; text-decoration:none; } .desktop-podcast-article-item .date { display:inline-block; margin-left:43px; } .desktop-podcast-meta { margin-top:8px; } #footer { background-color:#2b2c31; } .footer-mobile { border-top:5px solid #98ec59; color:#b7babb;} .footer-mobile h4 { margin-top:16px; } .footer-mobile .mobile-socials { margin-top:21px; } .mobile-socials li { list-style-type:none; display:inline-block; } .mobile-socials li a { display:block; height:23px; width:23px; overflow:hidden; white-space:nowrap; text-indent:999px; background-image:url('img/mobile-socials.png'); margin:0 12px; } .mobile-socials li.twitter a { background-position:-41px 0; } .mobile-socials li.linkedin a { background-position:-88px 0; } .mobile-socials li.email a { background-position:-135px 0; } #footer-nav { margin-top:55px; padding-bottom:8px; font-size:10px; } #footer-nav li { display:inline-block; } #footer-nav li a, #footer-nav li a:visited { text-decoration:none; color:#b7babb; } .footer-tablet { padding:10px 24px; } #tablet-footer-sitemap { overflow:hidden; } .tablet-footer-brand { float:left; text-align:left; line-height:47px; } .tablet-footer-brand img { vertical-align:middle; } .tablet-footer-navigation { display:inline-block; } .tablet-footer-navigation li { list-style-type:none; display:inline-block; } #tablet-footer-navigation-toggle { cursor:pointer; } .tablet-footer-navigation { margin-left:65px; line-height:1; padding-bottom:20px; } .tablet-footer-navigation a, .tablet-footer-navigation a:visited { color:#fff; text-decoration:none; } .tablet-footer-navigation li + li { margin-left:27px; } .tablet-footer-newsletters { float:right; color:#90e445; } .tablet-footer-newsletters a { background-color:#90e455; display:inline-block; color:#444; border-radius:4px; padding:10px 43px; text-decoration:none; position:relative; } .tablet-footer-newsletters a i { position:absolute; right:11px; top:11px; } #tablet-footer-copyright { text-align:left; font-size:10px; margin-top:8px; } #tablet-footer-copyright li { list-style-type:none; display:inline-block; color:#b7babb; } #tablet-footer-copyright li a, .tablet-footer-copyright a:visited { text-decoration:none; color:#b7babb; } #tablet-footer-navigation-toggle { margin-left:16px; display:inline-block; color:#90e445; } #tablet-footer-navigation-toggle i { margin-left:12px; } .tablet-footer-navigation { display:none; } .footer-desktop { border-top:7px solid #98ec59; margin-top:54px; padding:40px 0; } .footer-desktop .wrapper { text-align:left; } #desktop-footer-logo { width:146px; height:35px; display:block; overflow:hidden; text-indent:999%; white-space:nowrap; background:transparent url('img/logo.png') no-repeat; } .footer-desktop .footer-navs { width:311px; float:left; padding-left:15px;} .footer-desktop .footer-navs li { list-style-type:none; margin-top:8px; font-size:12px; font-weight:bold; } .footer-desktop .footer-navs a, .footer-desktop .footer-navs a:visited { text-decoration:none; color:#edf0f2; } .footer-desktop .footer-newsletters { float:left; width:490px; margin-left:175px; } .footer-desktop h3 { color:#98ec59; } .footer-desktop .footer-navs > div > div { float:left; width:50%; } .footer-desktop .footer-host { float:right; color:#edf0f2; } .footer-desktop .footer-host img { float:left; margin:0 4px 0 0; } .footer-desktop .footer-host > div { float:left; } .footer-desktop .footer-host h2 a { color:#98ec59; text-decoration: none;} #footer-col-three { position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:26%; } #footer-col-three ul { padding-left: 3px; } #footer-col-three li { list-style-type:none; font-size:12px; font-weight:bold; float:left; } #footer-col-three a { color:#edf0f2; text-decoration:none; padding-left:10px; padding-right:10px; } /* --------------------------- BACKPAGE STYLES ---------------------------- */ #story-header h1 { background-color:#f1f1f1; text-align:left; padding:36px 15px 15px;line-height: 1.1; } #story-header h1 a { text-decoration:none; color:#000; } #story-author-meta { height:38px; line-height:38px; text-align:left; padding:0 15px; background-color:#fff; } #story-author-meta > div { display:inline-block; } #story-author-meta .author-gravitar, #story-author-meta i { } #story-author-meta .date { color:#bbbfc0; margin-left:27px; } #story-author-meta .author-name { color:#4ac8ff; } #story-author-meta .author-twitter {display:inline-block; } #story-author-meta .author-twitter a { text-decoration: none; } #mobile-story-socials { width:100%; height:39px; background-color:#f1f1f1; line-height:39px; } #mobile-story-socials ul { overflow:hidden; width:100%; } #mobile-story-socials li { list-style-type:none; float:left; width:25%; text-align:center; } #mobile-story-socials li a { color:#b7babb; text-decoration:none; } #mobile-story-socials { position:fixed; width:100%; } #desktop-story-socials { display:none; } #story-body { text-align:left; background-color:#fff; } #story-body .featured-image img { width:100%; height:auto; } #story-body .story-body-text { padding:15px; font-family:'ff-tisa-web-pro'; } #story-body .story-body-text p + p { margin-top:30px; } #story-body .story-body-text h2 { padding-top: 10px; text-transform: capitalize; } #story-body .story-body-text img { max-width: 100%;} #story-body ul {padding-left: 15px;} .article-image-caption { font-size: 75%;text-align: right;} #story-advertising { display:none;text-align: left; } .pullquote-area {width:100%;margin:30px 10px;border-top:solid 1px #edf0f2;padding:5px 0;border-bottom:solid 1px #edf0f2; clear:both;} .article-pullquote {font-size: 34px;line-height: 40px} #content-body-articles { background-color:#fff; text-align:left; } .category-page .category-name { width:100%; text-align:center; background-color:#90e445; padding:4px 0 8px; font-family:'acumin-pro-extra-condensed'; font-size:30px; letter-spacing:0.6px; color:#2b2c2d; } .category-page #featured-story { background-color:#fff; } .category-page #featured-story h1 { font-size:20px; line-height:22px; padding:12px; } .category-page #featured-story h1 a { color:#000; text-decoration:none; } .category-page #featured-story h2 { color:#778489; text-decoration:none; font-size:22px; padding:8px 15px; } .category-page #featured-story h3 { font-family:'source-sans-pro'; font-size:15px;; width:160px; border-bottom:6px solid #90e445; padding:8px 4px; margin-left:10px; text-align:left; } #content-body-articles { text-align:left; } #category-featured-story-meta { font-size:12px; } #listpage-mobile-featured-image img { width:100%; height:auto; } #listpage-featured-image-hero { display:none; } #category-featured-story-meta { padding:8px 15px; } #category-featured-story-meta .author { color:#4ac8ff; } #category-featured-story-meta .date { color:#b7bbbc; margin-left:27px; } .category-item { padding:27px 0; margin-top:27px; border-top:2px solid #eceff1; background-color:#fff; } .category-item .category-item-thumbnail { width:100%; } .category-item .category-item-thumbnail img { width:100%; height:auto; } .category-item h2 { padding:0 15px; } .category-item h2 a { text-decoration:none; color:#000; } .category-page .category-item-info h2 { padding-left:0; max-width:500px; } .category-item .category-item-meta { padding:0 15px; } .category-item .author { color:#4ac8ff; } .category-item .date { color:#b7bbbc; margin-left:27px; } #content-body-sidebar { display:none; } .category-sticker { width:100%; } /* Category label works best with sticker when label has padding of 12px */ /* TABLET SIZE MEDIA QUERY */ @media all and ( min-width:949px ) { #header { min-height:50px; position:fixed; } #menu-toggle { position:absolute; left:180px; } #menu-toggle a { text-indent:0; width:auto; color:#f0efea; text-decoration:none; padding-right:20px; background:transparent url('img/drop-toggle.png') no-repeat right center; } #logo { position:static; width:170px; height:44px; float:left; transform:translateX(0); border-right:1px solid #fff; } #logo a { display:inline-block; background:transparent url('img/logo.png') no-repeat; text-indent:999%; white-space:nowrap; overflow:hidden; width:146px; height:35px; transform:translateX(0); } #main-navigation li { display:inline-block; } #search a.search { vertical-align:middle; border-left:1px solid #515253; } #content { padding-top:44px; } #story-header h1 { } #story-author-meta { margin-top:0; height:73px; padding:0 25px; line-height:73px; } #story-body .featured-image { padding:0 25px; } #story-body .story-body-text { padding:0 25px; } .category-page #category-label { margin-top:226px; width:343px; background-color:#90e445; text-align:left; padding:3px 27px 12px; } .category-page .category-name { width:100%; padding:0; margin:0; text-align:left; font-size:70px; line-height:70px; } .category-page #author-label { margin-top:50px; width:343px; background-color:#90e445; text-align:left; padding:3px 27px 12px; } .category-page #author-description { padding: 10px 50px 10px 10px; line-height: 1.5;} .category-page #search-label { margin-top:50px; width:343px; background-color:#90e445; text-align:left; padding:3px 27px 12px; } .category-page #tag-label { margin-top:50px; width:343px; background-color:#90e445; text-align:left; padding:3px 27px 12px; } #content-body { width:850px; background-color:#fff; } /* @ body { background-color:#f1f1f1; } ??? Why the '@'? */ body { background-color:#f1f1f1; } #content.category-page #featured-story.featured-image {position: absolute; top: 0px;left: 0px; height: 700px; width: 100%; background: #fff; z-index: -1; overflow: hidden;} .category-page #featured-story h1 { padding:0; margin:12px 0; font-size:32px; line-height:1.2; } .category-page #featured-story h1 a { color:#000; text-decoration:none; padding:0; } .category-page #featured-story h2 { color:#778489; text-decoration:none; font-size:22px; padding:0; } .category-page #featured-story h3 { width:160px; padding:0; margin:0; margin-top:50px; padding-bottom:8px; text-align:left; } #content-body-articles { padding:0 25px; overflow:hidden; } #category-featured-story-meta { padding:0; } .category-page .category-item-thumbnail { width:303px; float:left; } .category-page .category-item-thumbnail img { width:100%; height:auto; } .category-page .category-item-info { float:left; margin-left:28px; } .category-page .category-item-info h2 { padding-left:0; } #category-featured-story-meta, .category-item .category-item-meta { margin-top:7px; padding:0; display:inline-block; } .category-item .category-item-meta { padding-left:0; } #listpage-featured-image-hero { display:block; position:absolute; top:0px;left:0px; height:700px; width:100%; background:#fff; z-index:-1; overflow:hidden; } #listpage-featured-image-hero img {width:100%; height: 700px;} #listpage-mobile-featured-image { display:none; } } @media all and ( max-width:500px ) { .category-page .category-item-info h2 { padding-left:12px; } .category-item h2 { padding-left:12px; font-size:20px; line-height:22px; } .category-item .category-item-meta { font-size:12px; padding:8px 15px; } } @media all and ( max-width:949px) { .category-description { display: none; } } @media all and ( max-width:1266px ) { #story-author-meta .author-gravitar { display:none; } #desktop-story-ad-sidebar-970-90 { display: none; } } @media all and ( min-width:1266px ) { .wrapper { width:1266px; margin:0 auto; } .backwhite { background-color:#fff; } #menu-toggle { display:none; } #header .wrapper { width:1266px; margin:0 auto; position:relative; } #main-navigation { display:block; position:absolute; left:180px; padding-left:80px; width:auto; visibility:visible; } #main-navigation > ul > li { width:auto; line-height:100%; line-height:50px; } #main-navigation > ul > li + li { margin-left:31px; } #mobile-story-socials { position:static; display:none; } /* DROPDOWN */ #header { overflow:initial; padding:0; min-height:1px; } #main-navigation a, #main-navigation a:visited { border:0; } #main-navigation > ul > li { position:relative; } #main-navigation > ul > li:hover { background-color:#d1d1d1; } #main-navigation > ul > li:hover ul { position:absolute; display:block; top:50px; color:#000; left:0; top:100%; background-color:#d1d1d1; z-index:1001; padding:0; } #main-navigation > ul > li:hover a { color:#444; text-decoration:none; } #main-navigation > ul > li li { line-height:normal; } #main-navigation > ul > li li a { display:block; white-space:nowrap; text-align:left; padding:0; padding-left:25px; padding-right:36px; min-width:200px; } #main-navigation > ul > li li a:hover { background-color:#e1e1e1; } #main-navigation > ul > li > a { padding:0 15px; } #main-navigation > ul > li + li { margin-left:0; } /* END DROPDOWN CODE */ #search a.share { display:inline-block; } #search .mobile-socials { display:none; } #search a.search { vertical-align:inherit; border-left:0; margin-top:0; } .story-page { background-color:#f1f1f1; } #desktop-story-ad-sidebar-970-90 { margin-top:50px; } #story-header { background-color:#fff; margin-top:50px; } #story-header h1 { background-color:#fff; padding:30px 300px 0 25px;} #story-author-meta { height:105px; border-top:2px solid #edf0f2; margin:0 25px; padding:0; line-height:105px; overflow:hidden; } #story-author-meta .author-gravitar { display:inline-block; } #story-author-meta .author-gravitar img { border-radius:50%; vertical-align:middle; } #story-author-meta .author-name { margin-left:27px; } #story-author-meta .date, #story-author-meta i { display:inline-block; margin-left:27px; } #desktop-story-socials-container { float:right; margin-right:317px; } #desktop-story-socials { display:inline-block; } #desktop-story-socials li { list-style-type:none; display:inline-block; } #desktop-story-socials li a { color:#778488; text-decoration:none; } #story-content { overflow:hidden; padding:0 25px; background-color:#fff; } #story-body { float:left; width:900px; } #story-body .featured-image { padding:0; } #story-body .story-body-text { padding:0; } #story-body .story-body-text p { margin:15px 0; } #story-advertising { width:310px; display:block; float:right; padding:0 0 0 10px; } #content-body { width:1266px; } #content-body-all-articles { width:876px; float:left; } #content-body-sidebar { display:block; width:310px; float:right; } #category-desktop-ad-spot-02 .wrapper { background-color:#fff; padding:60px 0; } #desktop-podcast-digitaled-articles .wrapper { background-color:#fff; padding:0 25px; } .desktop-story-ad-sidebar-970-90 {padding-top:50px;} } .twitter-share-button {background: url('img/logo-mobile.png');}