/* ===[ Styles for single view posts ]=== */ #single-title { width: 100%; color: #323232; font-size: 32px; line-height: 40px; font-weight: 600; margin-bottom: 4px; text-transform: uppercase; } #single-title h1 { margin:0px 0px 10px 0px; font-size: 32px; line-height: 40px; } #single-image { width: 100%; margin-bottom: 12px; display: inline-block; position: relative; padding-top: 0px; } #single-image img { width: 100% } #single-copy { width: 100%; font-size: 16px; line-height: 28px; color: #444; margin-bottom: 20px; font-family: Matterhorn, helvetica, arial, sans-serif; } #single-copy-omd { width: 100%; font-size: 16px; line-height: 28px; color: #444; margin-bottom: 20px; font-family: Matterhorn, helvetica, arial, sans-serif; } #single-copy a, #single-copy a:visited, #single-copy p a, #single-copy p a:visited { color: #2C81DE; text-decoration: none; } #single-copy a:hover, #single-copy p a:hover { color: #3ab4fa; text-decoration: underline; } #single-copy-omd a, #single-copy-omd a:visited, #single-copy-omd p a, #single-copy-omd p a:visited { color: #df0000; text-decoration: none; } #single-copy-omd a:hover, #single-copy-omd p a:hover { color: #9a0101; text-decoration: underline; } #single-copy p { margin-bottom: 12px } .single-omd a, .single-omd a:visited { color: #df0000; text-decoration: none; } .single-omd a:hover { color: #9a0101; text-decoration: underline; } #single-data, #single-data-omd { width: 100%; color: #b0b0b0; font-size: 12px; line-height: 16px; margin-top: 10px; font-family: Matterhorn, helvetica, arial, sans-serif; } #single-data-omd span, #single-data-omd span a, #single-data-omd span a:hover, #single-data span a:visited { color: #f00000; text-decoration: none; } #single-data span, #single-data span a, #single-data span a:hover, #single-data span a:visited { color: #2d82df; text-decoration: none; } #single-prev { width: 150px; float: left; margin-top: 20px; margin-bottom: 20px; } #single-next { width: 150px; float: right; margin-top: 20px; margin-bottom: 20px; } #next-story-omd { color: #FFF; background-color: #f00000; width: 150px; text-align: center; padding-top: 10px; padding-bottom: 10px; text-decoration: none; font-family: Matterhorn, helvetica, arial, sans-serif; } #prev-story-omd { color: #FFF; background-color: #f00000; width: 150px; text-align: center; padding-top: 10px; padding-bottom: 10px; text-decoration: none; font-family: Matterhorn, helvetica, arial, sans-serif; } #next-story { color: #FFF; background-color: #2d82df; width: 150px; text-align: center; padding-top: 10px; padding-bottom: 10px; text-decoration: none; font-family: Matterhorn, helvetica, arial, sans-serif; } #prev-story { color: #FFF; background-color: #2d82df; width: 150px; text-align: center; padding-top: 10px; padding-bottom: 10px; text-decoration: none; font-family: Matterhorn, helvetica, arial, sans-serif; } #single-next img, #single-prev img { vertical-align:middle; padding-bottom:2px; } #single-logo { display: inline-block; margin-bottom: 15px; } /* #single-logo img{ display:block; }_NO__DOTCOMMA__AFTER__ ================================================== */ #single-signup-header { width: 33%; float: right; } #top-five-single { width: 100%; margin: 0px 0px 0px 0px; text-align: center; padding: 12px 0px; } .yarpp-related h3 { width: 100%; color: #323232; font-size: 18px; font-weight: 200; font-family: Matterhorn, helvetica, arial, sans-serif; } #related-articles .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: none !important; } #related-articles .yarpp-thumbnails-horizontal .yarpp-thumbnail-title { color: #2D82DF !important; } #related-articles-omd .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: none !important; } #related-articles-omd .yarpp-thumbnails-horizontal .yarpp-thumbnail-title { color: #df0000 !important; } .addthis_toolbox { margin-top: 20px !important; } #article-controls { width: 100%; } .bar-space { margin-top: 13px; } #sponsor-image { margin: 10px 0px 15px 0px; } .single-social { } #single-header { width: 100%; height: 80px; padding-bottom: 18px; } #single-logo { display: inline-block; width: 23%; } .ins-title-space { height:10px; width:1px; } .popular-posts { width:320px; float:right; } #fb_comments #comments #respond #commentform span, #fb_comments #comments #respond #commentform span iframe { width:100% !important; } .fb_iframe_widget iframe { position:relative; } .d-share-set {} .sharing-item { min-width:100px; position:relative; float:left; } .sharing-widget { width:100%; margin:10px 0 10px 0; } /* Matterhorn Embedded Video Styles*/ .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media screen and (max-width: 1024px) { .leaderboardContainer { display: none } .leaderboardMobileContainer { display: block } #div-gpt-ad-rectangle1 { display: none } #div-gpt-ad-mobile-rectangle1 { display: block } .rectangleSlug { display: none } .mobilRectangleSlug { width: 290px; margin-left: auto; margin-right: auto; margin-top: -1px; font-size: 0.625em; display: block; } #ad-box-container { display: none } #ad-box-container-single { display: none } #top-five-single { width: 100% } #single-title, #single-image, #single-copy, #single-copy-omd, #single-data, #single-data-omd, #article-controls, #related-articles, #related-articles-omd { width: 96%; margin-left: 2%; } .separator { width: 96%; margin-left: 2%; } #sponsor-image { width: 96%; margin-left: 2%; } #single-logo { display: block; margin-left: 2%; float:none; } #top-five-single { width: 100%; text-align: center; margin: 0px 0px 0px 0px; } .top-five-item-parent { width: 17% } } @media screen and (max-width: 768px) { #top-five-single { display: none; } #social-icons { display: none; } #single-logo { width: 25%; float:none; } .separator { width: 96%; margin-left: 2%; } #sponsor-image { width: 96%; margin-left: 2%; } .addthis_toolbox iframe { width:90px !important; height:30px !important; } } @media screen and (max-width: 480px) { #single-logo { width: 35%; padding-bottom: 20px; width: 156px; margin-left: 3%; float:none; } #next-story, #next-story-omd, #prev-story, #prev-story-omd { width:100px; } #single-prev { float:left; width:100px; } #single-next { float:right; width:100px; } .separator { width: 96%; margin-left: 2%; } #sponsor-image { width: 96%; margin-left: 2%; } #single-header { height: auto } #single-header-logo { float: inherit; text-align: center; width: 100%; } #single-logo { width:35%; float:none; margin-left:5%; } } @media screen and (max-width: 320px) { #single-logo { width: 35%; float:none; } .separator { width: 96%; margin-left: 2%; } #sponsor-image { width: 96%; margin-left: 2%; } }