/* layout stuff that we don't want in the col.css which is more to do with columns and resonsivity */ header.site-header {padding-top: 1em;} header.site-header {margin-bottom: 1.5em;} body.home header.site-header, body.single-reports header.site-header {margin-bottom: 1em;} .home header.site-header nav.group { margin-bottom: 1em;} h1.site-title {margin-top: 0;} .title_and_strap {background: url(../_images/africa-check-logo-@x2.png) no-repeat; background-size: 100%; max-width: 226px; height: 95px;display: block; } /* ----- Lists ----- Firstly, cancel all padding and margins on selected lists */ header nav ul, .tag-list ul, .panel ul, .about-navigation ul, nav.secondary ul, ul.tabs, #sidebar ul {margin: 0; padding: 0;} header nav ul li, .tag-list ul li, .panel ul li, .about-navigation ul li, nav.secondary ul li, ul.tabs li, #sidebar ul li {list-style: none; margin: 0; padding: 0;} header nav {margin-bottom: 1em;} header nav ul li {float: left; width: 14%; text-align: center; background: #D9781D; } header nav ul li a {background: #D9781D; color: #fff; text-decoration: none; line-height: 50px; display: block; border-left:2px solid white;} header nav ul li:first-child a {border-left: 0 none;} header nav ul li.page-item-11 a {background-color: #73AA14; } header nav ul li a:hover {background-color: #C36C1A} body header nav li.current_page_item a, header nav li.current_page_parent a, header nav li.current_page_item a:hover, header nav li.current_page_parent a:hover, body.single-reports li.page-item-5 a, header nav ul li.page-item-11.current_page_parent a, body.single-post header nav li.page-item-791 a, .single-factsheets li.page-item-8 a {background-color: #323232;} .language-selector {background-color: #323232; color: #fff; max-width: 59em; margin: 0 auto;} .language-selector ul {margin: 0; padding-left: 1rem;} .language-selector ul li {display: inline-block; font-size: .725em; font-family: 'HelveticaLTCom-Bold', Helvetica, sans-serif; line-height: 24px; margin-right: 20px;} .language-selector ul li a {color: #C36C1A;} .language-selector ul li.selected a {color: #fff;} .language-selector ul li.selected {background: url(../_images/language-selector-tri.png) center bottom no-repeat;} /* to fix a WordPress bug/oddity: body.single-reports .page-item-791.current_page_parent a, body.archive.tag .page-item-791.current_page_parent a, body.search-results .page-item-791.current_page_parent a, body.single-in_the_news .page-item-791.current_page_parent a {background: #D9781D;} */ ul.tag-list {padding-left:0; } .tag-list li {display: inline-block; margin-bottom: 1em; font-size: .6875em; margin-bottom: 0} .tag-list li a {background-color: #313131; color: #fff; margin-right: .5em; padding: 0 3px; line-height: 1.125rem; font-weight: bold; display: block; margin-bottom: .5em} #content .tag-list li a:hover {text-decoration: none; background: #555;} #popular-topics .tag-list li {font-size: .9em} #popular-topics .tag-list li a {line-height: 2em; padding: 0 .5em; } .site-content ul.tabs {padding-top: 8px; margin: 0;} ul.tabs li {display: inline-block; padding: 0 1rem;} ul.tabs li.active {background: #F2EEEA;} ul.tabs li a {color: #fff;} ul.tabs li.active a {color: #444;} nav.secondary li {background: #B2A9A0; border-bottom: 1px solid #eee; font-size: 12px; font-weight: bold;} nav.secondary li a {padding: .5rem 1rem; display: block; color: #323232;} nav.secondary li.current_page_item, #content nav.secondary li a:hover, body.single-factsheets #content nav.secondary li.page-item-2138 a, body.single-in_the_news #content nav.secondary li.page-item-274 a, nav.secondary li.current_page_parent > a, nav.secondary li.current_page_parent .children li.current_page_item a {background: #323232; color: #fff; text-decoration: none;} nav.secondary li.current_page_item a {color: #fff;} nav.secondary ul.children {display: none;} nav.secondary .current_page_item .children, nav.secondary .current_page_parent .children {display: block;} nav.secondary .current_page_item .children li, nav.secondary .current_page_parent .children li { background-color: #B2A9A0 !important; padding-right: 20px;} nav.secondary .current_page_item .children li a, nav.secondary .current_page_parent .children li a {color: #323232; padding-left: 3em;} /* links and images */ a {text-decoration: none;} #content a:hover, footer a:hover {text-decoration: underline;} img.alignright, div.wp-caption.alignright { float:right; margin: 0 0 1em 1em; } img.alignleft, div.wp-caption.alignleft { float: left; margin: 0 1em 1em 0; } div.wp-caption.alignright { width: 19em !important; /* interim fix until we are able to remove the wp caption inline style */ } div.wp-caption img { width: 19em; height: auto; } .alignright{float:right;} .alignleft{float:left;} img.alignnone.size-large {max-width: 100%; height: auto;} #content .lightbox img, #content .featured_image_container img {width: 100%; height: auto;} .wp-caption-text { color: #777; margin: .5rem 0; font-size: 0.825em; } p.more a {display: inline-block; line-height: 25px; background: url(../_images/more_icon.png) left no-repeat; padding-left: 30px; font-weight: bold;} .question_link p.more {background: url(../_images/qmark_icon.png) left no-repeat; padding-left: 30px; color: #7D3512; padding-left: 30px;} .question_link p.more.got-a-claim {background-image: url(../_images/exclaim_icon.png);} .question_link p.more a {background: url(../_images/tri-right.png) right no-repeat; padding: 0 14px 0 0; } #popular-topics, #reports {position: relative;} #popular-topics .more {position: absolute; bottom: 1em; left: 0;} #reports {padding-bottom: 4em} #reports .question_link {position: absolute; bottom: 0; left: 1em;} .more.button { margin: 1em 0 0 1em; background-image: none; padding: 0; } .more.button a { color: #fff; display: inline-block; background: #7D3512; padding: .5em .625em; font-weight: bold; } /* add the triangle pointer to some more buttons */ #finder .more.button a, #african-fc-awards .more.button a, .got-a-claim-mini .more.button a {background-image: url(../_images/arrow_button.png); background-position: right 10px center; background-repeat: no-repeat; padding-right: 30px;} #wrapper .more.button a:hover {text-decoration: none; opacity: .9;} .more.button.green a {background: #73AA14;} .widget.donate div.img {background: url('https://africacheck.org/wp-content/themes/AfricaCheck2015/_images/donate_picture_sprite2.jpg') no-repeat; height: 120px;} #sidebar p.pointer a {background: url("../_images/arrow_link.png") no-repeat 2px 0; padding-left: 20px; font-weight: bold;} main > p:first-child, main > h2:first-child {margin-top: 0;} /* hide */ .skip-link, .menu-toggle {display: none;} /* --------- @homepage --------- */ .spot-check strong {text-transform: uppercase;} section.lead {background-color: #D5D0CB} body.home .group h1.block-title {margin-bottom: 1.25rem;} body.home article h2 {margin-top: 0;} h1.block-title {padding: 0 1rem;} .lead > h1 {background: #313131; color: #fff; margin: 0 0 1rem 0; line-height: 56px;} .lead > h1 a {color: #fff;} .factsheets_guides_wrapper h1, .from-the-blog h1 {margin: 0;} .factsheets_guides_wrapper h1 {line-height: 50px;} /*adjust down to allow for .tabs top padding */ div.hasphoto {position: relative; padding-left: 17rem;} div.hasphoto img {position: absolute; left:0; top:0; height: auto;} .top_article img {width: 16em; } .secondary_articles .hasphoto img {width: 11rem; } .factsheets_guides_wrapper {display: table-cell; height: 100%} .factsheets_guides_wrapper .hasphoto img {width: 13em;} .factsheets_guides_wrapper .hasphoto {padding-left: 14em;} /*.top_article .hasphoto p, .top_article .hasphoto p, .top_article .hasphoto time, .top_article .hasphoto ul {margin-left: 17rem;} .secondary_articles .hasphoto h2, .secondary_articles .hasphoto p, .secondary_articles .hasphoto time, .secondary_articles .hasphoto ul {margin-left: 12rem;} */ .secondary_articles .hasphoto {padding-left: 12rem; } .secondary_articles h2 {font-size: 13px;} .from-the-blog .hasphoto {padding-left: 9em;} .from-the-blog .author {font-size: 11px;} div.hasphoto time {display: block; font-size: 11px; font-weight: bold; margin: 3px 0;} div.hasphoto p.commentcount {margin-top: -5px; font-size: 11px;} .categorised-report {padding: .5rem;} .categorised-report h2 {font-size: 13px;} .categorised-report .hasphoto img {max-width: 200px; height: auto;} .categorised-report .hasphoto, .categorised-report ul.tag-list {padding-left: 220px;} .article-content .date-published {margin-bottom: 0;} .panel {padding-bottom: 1em;} .panel.bottom-padding-removed {padding-bottom: 0;} /* added by JS when needed */ .panel h2, .panel p, .panel ul, .panel div.hasphoto {margin: 1rem 1rem 0 1rem;} .panel div.hasphoto * {margin-left: 0;} .spot-check {position: relative; overflow: hidden;} .spot-check .sc_preview {width: 100%; height: 48px; padding: 0;} .spot-check .sc_preview h1 {padding-left: 1rem} .spot-check .sc_preview .sc_nav, .spot-check .sc_preview ul {position: absolute; left:1rem; top:1rem;} .spot-check .more.show-more {position: absolute; top:14px; right: 0; background-color: #F2EEEA; z-index: 10; padding-left: 2em; padding-right: 1rem; margin: 0;} .spot-check .more.less a, #popular-topics .more.less a {background-image:url(../_images/less_icon.png); } .spot-check .sc_preview ul {width: 100%; position: absolute; left: 130px; top: 14px; padding-right: 150px; overflow: hidden; line-height: 24px; font-size: 13px; margin: 0; color: #7D3412;} .spot-check .sc_preview ul li {display:none; position: absolute; top:0; margin-left: 110px; line-height: 24px; font-weight: bold; width: 100%; font-size: 1em;} .spot-check .sc_preview ul li a {white-space: nowrap;} .spot-check .sc_nav {font-size: 0; } .spot-check .sc_nav {display: inline; height: 25px; } .spot-check .sc_nav a {background: #B2AAA0 url(../_images/sc_paging.png) left no-repeat; height: 20px; width: 12px; padding: 0; margin: 0; line-height: 20px; margin: 0; text-indent: -999em; overflow: hidden; display: inline-block;} .spot-check .sc_nav a.activeSlide {background-position: right;} .spot-check .sc_nav .prev, .spot-check .sc_nav .next {background: url(../_images/sc_prevnext.png) left no-repeat; width: 20px; height: 20px; padding: 0; display: inline-block; margin-right: 5px;} .spot-check .sc_nav .next {background-position: right; margin-right: 0; margin-left: 5px;} .spot-check .sc_nav .prev {position: absolute; left:0;} .spot-check .sc_nav .paging {margin-left: 25px; float: left;} .spot-check .sc_nav .paging a:first-child {border-left: 3px solid #B2AAA0} .spot-check .sc_nav .paging a:last-child {border-right: 3px solid #B2AAA0} .sc_full {display: none;} .sc_full .group {background-color: #F2EEEA; } /* 2 rules that shouldn't be needed but tie into the JS fix at main.js line 12 (height()) */ .sc_full .col {padding-bottom: 1em;} .sc_full nav {margin: 1em 1em 1em 0;} .latest_spotchecks.secondary li.current a {background: #323232; color: #fff;} .panel p.all-spot-checks {margin-left: 0;} .remember label {font-size: 12px; font-weight: bold;} .home #factsheet_guide_tabs.tabs li {line-height: 48px;} #popular-topics ul.tag-list {max-height: 140px; overflow: hidden;} .expanded #popular-topics .tag-list {max-height: none; overflow: visible;} .home #tweet-feed iframe {margin: 0 1em; width: 280px; max-height: 160px;} .home .comment-count, body.latest-reports-page .comment-count {text-transform: none; font-size: inherit;} p.finder-img-container {margin-right: 0;} /* --------- @reports --------- */ body.latest-reports-page article.report, body.archive article {border-bottom: 2px solid #e6e6e6; margin-bottom: 1em;} body.latest-reports-page article.report .hasphoto img, body.archive article.report .hasphoto img {width: 9em;} body.latest-reports-page article.report .hasphoto, body.archive article.report .hasphoto {padding-left: 10em; padding-right: 8.75em; } body.latest-reports-page article.report.lead h2 {min-height: 100px;}/* to accommodate the stamp */ body.latest-reports-page article.report.lead .hasphoto img {width: 19em;} body.latest-reports-page article.report.lead .hasphoto {padding-left: 20em; padding-right: 0;} .verdict-stamp {float: right; width: 112px; height: 100px; background: url(../_images/ratings-sprite-100px.png) no-repeat;} .verdict-stamp.indicator-mostly-correct {background-position: 0 -100px; } .verdict-stamp.indicator-unproven {background-position: 0 -200px; } .verdict-stamp.indicator-misleading {background-position: 0 -300px; } .verdict-stamp.indicator-downplayed {background-position: 0 -400px; } .verdict-stamp.indicator-exaggerated {background-position: 0 -500px; } .verdict-stamp.indicator-incorrect {background-position: 0 -600px; } .verdict-stamp.indicator-checked {background-position: 0 -700px; } body.latest-reports-page article.report.nonlead h2 {font-size: .875em;} body.latest-reports-page article.report .tag-list li a {margin-bottom: 0; margin-top: .5em;} /*reversing the margin here as they still need some gutter when they run to 2 lines, but it's better for the vertical rhythm of the page for this to be a the top than bottom */ .featured_image_container {margin-bottom: 1em;} .prev_next_report { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; margin-top: 36px; padding-top: 16px; padding-bottom: 16px; overflow: hidden; } .prev_next_report p { width: 40%; color: #702600; } .previous_report{ background: url(../_images/tri-left.png) left 3px no-repeat; padding-left: 15px; } .next_report { background: url(../_images/tri-right.png) 80px 3px no-repeat; padding-right: 10px; } .prev_next_report p a {color: #646464;} .prev_next_report p span { display: block; color: #702600; font-weight: bold; } .prev_next_report p a:hover {color: #702600;} p.conditions_of_use small { font-size: .9em;} p.conditions_of_use {margin: 32px 0;} .single-reports .update{ background: #F6E4D3; padding:1em; margin:1em 0; } .researched_by {font-weight: bold;} p.tweet-count-notice {color: #999;} .twitter-follow-button {margin-bottom: 1em;} div.updated_version { background: #702600; padding: 1em; font-size: 1rem; margin-bottom: 2em; } .single article.full div.updated_version h1 { text-transform: uppercase; font-size: 1.25rem; font-weight: normal; padding-bottom: .6em; } #content div.updated_version h1, div.updated_version p, div.updated_version a { color: #fff; margin: 0; } div.updated_version a {text-decoration: underline;} .single article.full h1 { color:#646464; /* previously this was brown (7B3517) but that doesn't match with the visuals*/ font-size:2em; margin-top: 0; } .comment-count + div.updated_version { margin-top: 1em; /* create the rule this way so that we dn't have to add a bottom margin to .comment-count (given that it's usually not needed) */ } /* Make iframes responsive using a container element (added in jquery) http://www.smashingmagazine.com/2014/02/27/making-embedded-content-work-in-responsive-design/ NB these dimensions specific to youtube */ .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 ratio */ padding-top: 35px; /* same height as YT chrome */ height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } /* --------- @healthcheck and development pages --------- */ .healthcheck-intro-wrapper { background-color: #F2EEEA; padding: 1px 1rem 1px 1rem; } .healthcheck-intro-wrapper img {margin: 1em;} .healthcheck-intro-wrapper p { margin-right: 180px; } article.healthcheck { border-bottom: 2px solid #EAE7E5; position: relative; overflow: auto; } .report-source-and-photo-wrapper {background-color: #F2EEEA; float: left; width: 145px; min-height: 180px; margin-bottom: 1rem;} .report-source-and-photo-wrapper img {max-width: 100%; height: auto;} .verdict-stamp-wrapper {float:right; width: 145px; background-color: #F2EEEA; min-height: 180px; padding-top: 1em; box-sizing: border-box; } .verdict-stamp-wrapper .verdict-stamp {float: none; margin: auto;} .healthcheck .article-content {margin-left: 161px; margin-right: 161px;} article.healthcheck h2 {font-size: 20px; text-transform: uppercase;} article.healthcheck h2 a {text-transform: none;} article.healthcheck .commentcount { margin-top: 0;} article.healthcheck .commentcount a {text-transform: none;} .verdict-stamp-wrapper p, .report-source-and-photo-wrapper p {font-family: "HelveticaLTCom-Bold"; font-size: 14px; padding: 0 1rem;} .verdict-stamp-wrapper p {font-size: 11px; text-align: center;} p.summary-correct {color: #246B00;} p.summary-mostly-correct {color: #7FA916;} p.summary-unproven {color: #E6A11B;} p.summary-misleading {color: #DE871E;} p.summary-downplayed {color: #D16217;} p.summary-exaggerated {color: #D16318;} p.summary-incorrect {color: #C44214;} /* --------- @blog and other posts --------- */ .blog-page article, .africa-check-in-the-news-page article { border-bottom: 2px solid #e6e6e6; margin-bottom: 1em; padding-bottom: 1em; } .blog-page article:last-child {border-bottom: 0 none;} .blog-page article h2 img, article.type-post h1 img { float: right; width: 9rem; height: auto; margin: 0 0 1rem 1rem; } article.type-post header { border-bottom: 2px solid #eee; } article.type-post header p.excerpt {font-weight: bold;} .blog-page .editor_name, .single .editor_name {margin-bottom: 0;} .blog-page p time {font-size: 1em;} .single-post .entry-meta p, .single-post .entry-meta time {font-size: 12px; line-height: 1rem; font-weight: bold;} .single-in_the_news time {display: block; margin-bottom: 1.25em;} .single .entry-header {margin-bottom: 1em;} /* to give some breathing space to the new Follow Us button */ .single .twitter-follow-button {margin: 1em 0 0 0;} /* --------- @donate --------- */ .entry-content > h2:first-child {margin-top: 0;} .donate-page .tabs_container { padding: 1em; background-color: #CCC6C0; } .content-area ul.tabs {background: #323232; padding-left: 1em;}/* "content-area" ensures it targets all pages except home */ .content-area ul.tabs li a {line-height: 50px; font-size: 1.5em; font-weight: bold;} .content-area ul.tabs li.active {background-color: #CCC6C0;} .tabs_container .col {background-color: #B2AAA0; } .tabs_container .suggested-donations .col { padding: 1em; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ height: 274px; } .donate_now a {background-color: #73AA14; display: block; width: 100%; height: 100%; color: #fff; text-align: center; text-transform: uppercase; line-height: 64px; font-size: 1.5em;} #alt_amount {height: 64px;} #alt_amount label {line-height: 64px;} .tabs_container div.pic {background: url(../_images/donate_picture_sprite2.jpg) no-repeat; height: 120px; margin-bottom: 1em;} .tabs_container div.medium-donation div.pic {background-position: -265px;} .tabs_container div.large-donation div.pic {background-position: -530px;} .tabs_container .monthly-panel p {margin-left: 25px;} .tabs_container label {font-size: 1.2em; font-weight: bold;} .tabs_container .monthly-panel label span {font-size: 1.6em; margin-left: 25px;} .tabs_container .monthly-panel input.radio {position: absolute; left:10px; top: 160px;} #donation_alt_amount_input {height: 30px; max-width: 90px; font-size: 1em} .donation_target {padding-top: 1em;} .donation_target img {max-width: 100%; height: auto; margin: 1em 0 0 1em;} .tabs_container .col {position: relative; } #donate_once_off_amount {height: 30px; border: 0 none; margin-top: 15px; margin-bottom: 15px;} div.donation_recap { background: #F2EFEA; margin-bottom: 1em; } div.donation_recap h2, div.donation_recap h3, div.donation_recap p { margin: 1rem; } .donate_now a { background: linear-gradient(to left, #73AA14 50%, #D9781D 50%); background-size: 200% 100%; background-position:right bottom;} /*.donate_now.processing a {transition:all 7s ease; background-position:left bottom;}*/ .donate_now.processing a {background-image: url(../_images/progress_bar.gif); background-position: center; background-repeat: no-repeat} #one-off-donation .span_4_of_12 label {padding-left: 1rem; margin-right: .5rem;} #one-off-donation .span_4_of_12 input {padding-left: .5rem; font-size: 16px;} /* --------- @globaltemplate --------- */ h1 a.rss, h1 a.read_all { font-size: 13px; float: right; } h1 a.rss { padding-right: 25px; background: url(../_images/rss.png) right 48% no-repeat; } a.read_all { margin-right: 1em;} body.latest-reports-page h1 a.read_all:after {content: "\0000a0\0000a0\0000a0|"} #get-in-touch li a { display: inline-block; background-image: url(../_images/footer_icon_sprite.png); background-position: top left; background-repeat: no-repeat; padding-left: 50px; line-height: 40px; margin-bottom: 10px; font-size: 0.875em; max-height: 40px; font-weight: bold; color: #C44113; } #get-in-touch li a:hover { text-decoration: underline; } div#get-in-touch li.twitter a, div#get-in-touch li.facebook a { line-height: 1.2em; padding: 5px 0 5px 50px; max-height: 30px; } #get-in-touch li.twitter a { color: #39A7DA; } #get-in-touch li.subscribe a { background-position: 0 -120px; color: #D8781D; } #get-in-touch li.twitter a { background-position: 0 -40px; } #get-in-touch li.facebook a { background-position: 0 -80px; color: #3F549B; } #tweet-feed h2 { background: url(../_images/tweet-grey.png) right no-repeat; } li.tweet {background: url(../_images/africacheck_twitter_icon.png) top left no-repeat; min-height: 45px; /*height of bg image */} li.tweet p.tweetText {padding-left: 4rem; font-size: 13px; margin-left: 0;} #african-fc-awards {position: relative;} #african-fc-awards .more {position: absolute; bottom: 1.25em;} footer#get-in-touch {border-bottom: 2px solid #E6E6E6; padding-bottom: 15px;} footer#get-in-touch ul {padding-left: 0;} footer#get-in-touch li {display: inline-block; line-height: 40px; width: 24.3%; } footer#get-in-touch li a {line-height: 40px; margin: 0; max-height: none; font-size: 1em; padding: 0 0 0 50px;} /* @archives */ body.archive.tag .hasphoto img {max-width: 16em;} body.archive.tag article h2 {font-size: 1.25em;} body.archive.tag h1 span.tag {background: #313131; color: #fff; padding: .1em; font-weight: normal;} /* @factsheets */ body.factsheets-and-guides-page .content-area ul.tabs .active, .tabs_container { background: #F2EFEA; } .factsheets-and-guides-page .tabs_container {padding: 0 1em;} .factsheets-and-guides-page .hasphoto {padding-left: 15em;} .factsheets-and-guides-page .hasphoto img {width: 14em;} .factsheets-and-guides-page .tabs_container article h2 {font-size: 1.25em;} /* @partners and other pages */ body.our-partners-page main ul {margin-left: 0; padding-left: 0;} body.our-partners-page main ul li {clear: left; list-style: none; border-top: 1px solid #ccc; padding: 20px 0;} body.our-partners-page main {position: relative;} body.our-partners-page main img.alignleft { max-width: 150px; height: auto; /*float: none; position: absolute; left:0;*/ } body.our-partners-page main span {display: block; margin-left: 166px; } body.who-supports-us-why-page hr { clear: both; margin: 2em 0; border: 1px solid #e6e6e6; height: 2px; } /* @single-spot_check */ body.single-spot_check footer.we-hold-public-figures-accountable {display: none;} body.single-spot_check div.site-content {padding-bottom: 2em; border-bottom: 1px solid #e6e6e6;} /* @General styles, helper classes */ .spot-check p.more.show-more a { background-position: right center; padding: 0 30px 0 0; } .offscreen { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* @forms Search box Suggest a claim */ form#commentform, .contact_form { background: #d5d0cb; padding: 1rem; } .comments-area input, form input[type="text"], form input[type="email"] { font-size: 1em; text-indent: .25em; border: 0 none; display: block; } textarea { padding: .5em; font-family: helvetica, arial, sans-serif; background: #fff; border: 0 none; display: block; } .contact_form .submit { background-color: #702600; background-image: url("../_images/arrow_button.png"); background-position: 80px center; background-repeat: no-repeat; border: 0 none; display: block; float: none; margin-left: 0; padding: 4px 20px 4px 4px; width: 100px; font-size: 1em; } input#submit, input.submit { font-size: 1em; color: #fff; height: 32px; font-weight: bold; } .post-suggest-form-thankyou {background: #d5d0cb; padding: 1rem;} .search-form label span {display: none;} .search-form .search-submit {background-image:url("../_images/search-button-trans-crop.png"); background-repeat:no-repeat; border:0; text-indent:-9999px; color: #fff; width:30px; height: 26px; border: 0 none; background-color:transparent;} .search-form .search-field { background-color: #F2EEEA; text-indent: 10px; border: 0 none; width: 22% /*previous 220px */; height: 26px; line-height: 26px; -webkit-appearance: none; border-radius: 0;} .afp-credit {font-size: 16px; line-height: 32px;} .afp-credit a {color: #0083ca; font-family: 'HelveticaLTCom-Bold', Helvetica, sans-serif} li.services-tab a, li.donate-tab a {background: #2871AC; color: #fff; display: block; line-height: 32px; width: 135px; text-align: center; font-size: 14px; font-family: 'HelveticaLTCom-Bold';} li.services-tab a:hover {background-color: #323232; } #comments li {position: relative} #comments li div.updown-vote-box { position: absolute; top:1em; right:0; } .donate-services-afp ul {margin: 0;} .donate-services-afp ul li {float:right; list-style: none;} .subscribe-link {position: absolute; right: 0; top:65px;} .subscribe-link a {background: url(../_images/subscribe-env.png) right no-repeat; padding-right: 25px; font-family: 'HelveticaLTCom-Bold'; display: inline-block} .donate-services-afp li.donate-tab a {background-color: #73aa14; margin-left: 3px;} li.services-tab { margin-left: 10px;} .no-comments {text-indent: 1rem;} .comments-area p.errormessage {color: red;} .comment-content {margin-right: 4em;} .comments-area li p, #comments li time {font-size: 13px;} .comments-area h3.comment-reply-title {background: url(../_images/comments_speech_bubble_sml.png) left bottom no-repeat; font-size: 13px; padding: 0 0 0 20px;} .comments-area li.comment .children li.comment {margin-right: 0; padding: 0;} .comments-area .children li div.comment-body {background: #eee; padding: 1em; margin: 1em 0;} img.updown-button {width: 22px;} .updown-label {font-size: 14px; color: #333;} img.updown-button {width: 22px;} .comments-area .children li div.comment-body div.updown-vote-box {right: -1em;} /*to align with one above */ /* @awards section NB page.awards doesn't exist at present. Have added aditional specificity to prevent these styles from displaying */ .ninja-forms-form-wrap .ninja-forms-form {background-color: #D5D0CB; padding: 1em;} .page.the-african-fact-checking-awards-page div.site-content .ninja-forms-form {background: #D5D0CB url(../_images/african-fact-checking-award-med.png) 95% 2em no-repeat; } /*.ninja-forms-form-wrap .ninja-forms-form {background: #D5D0CB url(../_images/african-fact-checking-award-med.png) 95% 2em no-repeat; padding: 1em;}*/ .what-counts-as-fact-checking-img {background: url(../_images/donate_picture_sprite2.jpg) -530px center no-repeat; height: 120px; max-width: 264px; } .site-content .text-wrap.label-above input[type="text"], .site-content .spam-wrap input {width: 368px; margin-bottom: 1.25em;} .site-content .textarea-wrap.label-above textarea {width: 353px; margin-bottom: 1.25em; min-height: 0;} .site-content .text-wrap.label-above input[type="text"], .site-content .spam-wrap input {height: 32px;} div.site-content .ninja-forms-form-wrap label {font: normal .875em 'HelveticaLTCom-Bold', Helvetica, sans-serif;} div.site-content .checkbox-wrap label {font-weight: normal; font-family: helvetica;} .ninja-forms-form .termstext {margin-bottom: 1em;} .checkbox-wrap label, .input-counter span, .ninja-forms-field-error, .ninja-forms-required-items {font-size: .875em;} .input-counter {margin-bottom: 1.25em;} .ninja-forms-form .submit {border: 0 none;} .field-wrap.submit-wrap.label-left .submit.ninja-forms-field { margin-left: 0;} .ninja-forms-field-error, .ninja-forms-error-msg {color: red;} .ninja-forms-field-error {margin-top: -.8em; margin-bottom: 1em;} /* because we've put some lovely elegant bottom margins below input fields, the error messages don't look sufficiently associated, hence a margin fix here */ #ninja_forms_field_61_error {margin-top: 0;} .ninja-forms-field-error#ninja_forms_field_13_error {margin-top: .5em;} .ninja-forms-success-msg {background: #D5D0CB; padding: 1em; font-family: 'HelveticaLTCom-Bold';} div.site-content .ninja-forms-form .submit {margin: 1.25em 0 0 0; background: #702600 url(../_images/arrow_button.png) 92% center no-repeat; font-size: .875em;} /*submit */ div.site-content .ninja-forms-form .submit:hover {cursor: pointer; opacity: .9} /* gravity equivalent of ninja styles */ .gform_wrapper form {background-color: #D5D0CB; padding: 1em;} h3.gform_title {font-size: 1.5em; margin-top: 1rem;} .gform_description {font-size: 14px;} .gform_heading {margin-bottom: 1em;} .gform_wrapper form ul {margin: 0; padding: 0;} .gform_wrapper form ul.gfield_radio {margin-top: .5em; margin-bottom: 1em} .gfield_radio li {margin-bottom: .5em;} .gfield_required {color: red; margin-left: 5px;} .gform_wrapper form li {list-style: none; margin-left: 0; padding-left: 0; } .gform_wrapper form ul.gform_fields li {margin-bottom: 1.5em;} .page.the-african-fact-checking-awards-page div.site-content .gform_wrapper form {background: #D5D0CB url(../_images/african-fact-checking-award-med.png) 95% 2em no-repeat; } .gform_wrapper form input[type="text"], .gform_wrapper form input[type="email"], .site-content .spam-wrap input {width: 368px; margin-bottom: 1.25em; height: 32px;} div.site-content .gform_wrapper textarea {margin-bottom: 1.25em; min-height: 0; height: 200px; width: 353px;} .gform_wrapper label {font: normal 1em 'HelveticaLTCom-Bold', Helvetica, sans-serif; padding-bottom: .5em; display: block} .gfield_description {margin-bottom: 1em; margin-top: .5em;} .gform_wrapper form .gform_button {margin: 1.25em 0 0 0; background: #702600 url(../_images/arrow_button.png) 92% center no-repeat; font-size: .875em; height: 32px; padding: 0 25px 0 10px; color: #fff; border: 0 none; font-weight: bold;} /*submit */ .gform_wrapper form .gform_button:hover {cursor: pointer; opacity: .9} .awards-terms {background-color: #fff; height: 100px; margin-top: 5px; overflow: auto; padding: 0 10px;} .gform_wrapper .awards-terms ul {margin-left: 1em;} .gform_wrapper ul.gform_fields .awards-terms li {list-style: disc; padding-left: 1em; margin-bottom: .5rem; margin-left: 2em;} .validation_error {margin-bottom: 1em; color: red; margin-right: 160px; font-size: 14px;} .validation_message {color: red; margin-top: -5px;} .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: block; line-height: 1.5; margin: 0 0 0 24px; padding: 0; vertical-align: top; width: auto;} .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {float: left;} .ginput_container_checkbox label {font-size: 14px; font-family: helvetica, sans-serif;} .gform_confirmation_message {background: #D5D0CB; padding: 1em; font-family: 'HelveticaLTCom-Bold';} .gform_validation_container {display: none;} /* @finder */ .ac-factchecker{background: #fff} #factchecker-container form {background-color: #D5D0CB; padding: 1px 16px 16px 16px;} #ac-countries-wrapper { overflow: hidden; } #ac-countries-wrapper {} .ac-country-item { float: left; width: 33.3%; } .ac-country-option {display: block; height: 174px; background-image: url(../_images/finder-countries-sprite-2.png); background-repeat: no-repeat; text-align: center; cursor: pointer; background-position: 0 30px; font-family: 'HelveticaLTCom-Bold'; font-size: .9rem; } .ac-country-option input {visibility: hidden;} div.ac-country-africa .ac-country-option {background-position: 23px 30px; } div.ac-country-africa .ac-country-option:hover {background-position: 23px -548px; } div.ac-country-africa .ac-country-option:active, div.ac-country-africa.selected .ac-country-option {background-position: 23px -352px; } div.ac-country-south-africa .ac-country-option {background-position: -390px 30px;} div.ac-country-south-africa:hover .ac-country-option {background-position: -390px -548px;} div.ac-country-south-africa .ac-country-option:active, div.ac-country-south-africa.selected .ac-country-option {background-position: -390px -352px; } div.ac-country-nigeria .ac-country-option {background-position: -180px 30px;} div.ac-country-nigeria:hover .ac-country-option {background-position: -180px -548px;} div.ac-country-nigeria .ac-country-option:active, div.ac-country-nigeria.selected .ac-country-option {background-position: -180px -352px; } .ac-factchecker-date-wrapper{ font-size: 14px; } .ac-topics-filter {background-color: #fff; height: 32px; overflow: hidden;} .ac-topics-filter select {height: 32px; width: 110%; border: 0 none; font-size: 13px; text-indent: 5px; background: url(../_images/select-box-chevron.png) no-repeat; background-position: right 70px center;} h2.ac-factchecker-title {background-color: #323232; color: #fff; line-height: 1; padding-top: 12px; padding-bottom: 10px; font-size: 1.5rem; padding-left: 20px; font-family: helvetica, arial; margin-top: 0;} .ac-factchecker-resource {background-color: #D5D0CB; padding-bottom: 1em; overflow: hidden; margin: 2em 0;} .ac-factchecker-resource .ac-factchecker-link, .ac-factchecker-resource p {margin-left: 20px; margin-right: 20px;} .ac-factchecker-link {font-size: 0.8725em;} .ac-factchecker-resource hr {display: none;} .ac-factchecker-thumb.alignright {margin: 0 20px 1em 1em;} .ac-factchecker-resource-ratings{ margin-top: 1rem; /*padding: 8px;*/ /*font-size: 11px;*/ clear:both; } .ac-factchecker-voteup-btn{ font-weight:bold; margin: 5px; } .ac-factchecker-rating{ margin: 5px; } .ac-factchecker-topic-description{ margin: 20px ; font-style: italic; } /* @tables */ table thead th, table tr td {border: 1px solid #fff;} table thead th {background: #D5D0CC; height: 50px; text-align: left; padding: 0 12px;} table tr td {padding: 5px 12px; background: #F2EFEA; color: #777; font-size: 15px; line-height: 1.3;} table tr td li {font-size: 1em; list-style: none; margin-left: 0; padding-left: 0; margin-bottom: 1em;} table tr td ul {padding-left: 0; margin-top: 0;} table tr td a{font-family: 'HelveticaLTCom-Bold', Helvetica, sans-serif; font-weight: normal;} /*---------------------------------------- Commenting forms -----------------------------------------*/ .comments-area { position: relative; padding-bottom: 10px; margin-bottom: 32px; } .comment-count { background: url(../_images/comments_speech_bubble_sml.png) left 6px no-repeat; padding-left: 20px; color: #7E3512; font-weight: bold; text-transform: uppercase; font-size: 12px; line-height: 1.5rem; display: block; } .comments-area .comment-count { position: absolute; top: 20px; left: 250px; } .comments-area h2 { font-size: 20px; padding-top: 16px; } .comments-area h2, .comments-area h3, .comments-area form { margin: 10px; } .comments-area label { font-weight: bold; } .comments-area .comment-form-terms label { font-weight: normal; } .comments-area .comment-form-terms input { display: inline; } .comments-area input[type="text"] { height: 32px; width: 295px; margin-top: 5px; } .comments-area textarea { width: 100%; margin-top: 10px; } #termstext, .termstext { height: 100px; overflow: auto; background-color: #fff; padding: 0 10px; margin-top: 5px; } #termstext p, #termstext li { font-size: 13px; } .comments-area #submit, .ninja-forms-form .submit { background-color: #702600; padding: 0 25px 0 10px; height: 32px; margin: 0; background-position: 95% center; } .comments-area input#submit::-moz-focus-inner , .ninja-forms-form .submit::-moz-focus-inner /* add some padding in Firefox to fix vertical alignment bug */ { padding: 2px 0 0 0; } #commentform { margin-bottom: 64px; } .comments-area h3 { background: url(../_images/comments_speech_bubble.png) left no-repeat; padding-left: 32px; } .comments-area ol {padding-left: 10px;} .comments-area li.comment { background: #fff; margin: 2px 10px; padding: 10px; margin-left: 0; list-style: none; } div.comment p { margin-bottom: 0; } .comment .comment-metadata a { color: #646464; } .comment cite.fn { color: #7E3512; font-style: normal; } a.commentmetadata { color: #666; } .comment-author img { display: none; } div.reply a { font-size: 13px; line-height: 1rem; display: block; margin: 16px 0 0 0; font-weight: bold; } em.comment-awaiting-moderation { font-style: normal; font-weight: bold; display: block; line-height: 1.5; padding: 10px; margin-top: 10px; background-color: #F6E4D3; color: #777; } /* page-template-tri-facts-template-php */ .page-template-tri-facts-template-php h1 {position: relative;} .page-template-tri-facts-template-php .subscribe-link {top:7px; font-size: 14px; color: #0083ca; background: url(../_images/subscribe-env-services.png) right no-repeat; padding-right: 25px;} .page-template-tri-facts-template-php nav.main-navigation li a, .page-template-tri-facts-template-php .search-form {background-color: #646464;} .page-template-tri-facts-template-php .services-tab a {background: #323232;} .page-template-tri-facts-template-php nav.main-navigation li.page-item-11 a {background: #73aa14;} .page-template-tri-facts-template-php .title_and_strap {background: url(../_images/tri-facts-logo.png) no-repeat; background-size: 362px 92px; max-width: 362px;} .tri-strands h2 {height: 200px; position: relative; font-weight: normal; font-size: 22px; background-position: 0 30px; background-size: cover} .tri-strands h2 a {height: 100%; display: block;} .tri-strands h2 a span {position: absolute; top:0; left:0; right:0; background-color: #323232; padding: .5rem 1rem; color: #fff; } .button.flush-left {margin-left: 0;} .page-template-tri-facts-template-php .button.flush-left a {background: #0D6EBE url(../_images/arrow_button.png) 95% no-repeat; padding-right: 25px;} .group.tri-strands {padding-bottom: 2em; border-bottom: 1px solid #D5D0CB; margin-bottom: 1em;} #sidebar aside.tri-cta {margin-bottom: 0;} #sidebar .tri-cta ul {margin-left: 1em;} #sidebar .tri-cta ul li {list-style: disc; padding-left: 1em;} #sidebar .tri-cta .button {line-height: 48px; font-size: 1.5em; overflow: hidden; margin-bottom: 1rem;} .tri-cta .button a {width: 100%;} i.pointer {background: url(../_images/arrow_button_lge.png); display: inline-block; width: 16px; height: 16px;} .tri-testimonials {background: #F2EEEA; padding: 1px 1em;} #sidebar .tri-testimonials {margin-top: 1em;} .tri-testimonials h2 {margin-top: 1rem;} .tri-testimonial {margin-bottom: 2em;} .tri-testimonials div:first-of-type {border-bottom: 1px solid #D5D0CB; padding-bottom: 1em} .tri-testimonial blockquote p {color: #0D6EBE; font-size: 1em; font-family: 'HelveticaLTCom-Bold'; } .tri-testimonial p.citation {font-size: 13px;} .tri-form-container {background: #D5D0CB; } .tri-form-container h2 {margin-top: 0; padding-top: 1rem; margin-left: 1rem;} div.site-content .tri-form-container form {background: transparent; } .ninja-forms-required-items {margin-bottom: 1em;} .ninja-forms-form-wrap input.tri-submit, .page-template-tri-facts-template-php .subscribe-submit input {background: #0D6EBE; color: #fff; height: 32px; border: 0 none; width: 80px; font: 13px 'HelveticaLTCom-Bold';} .tri-form-container .ninja-forms-success-msg {padding: 0;} .services-teaser {background: #F2EEEA; margin-top: 1em; padding-bottom: 1px;} .services-teaser p, .services-teaser p.button {margin: 1em;} /* @sidebar */ #sidebar aside { margin-bottom: 2em; padding: 1em 1em 1px 1em; -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 aside.widget.non-padded { padding: 0; background: #fff;} #sidebar aside#in-this-section {padding: 0;} #sidebar aside#in-this-section h2 {padding: .5rem 1rem; margin: 0;} #sidebar aside .more {margin-left: 0; margin-bottom: 1em;} #sidebar h2 {margin-top: 0; font-size: 1.25em;} #sidebar aside.widget {background-color: #F2EFEA;} #sidebar aside img {max-width: 17em;} #sidebar .from-the-blog .read_all {display: none;} #sidebar .from-the-blog .hasphoto {padding: 0;} #sidebar .from-the-blog .hasphoto img {float: right; margin: 0 0 1em 1em; width: 10em; position: static;} #sidebar .from-the-blog .hasphoto .commentcount {margin: 1rem 0;} #sidebar .from-the-blog h2 .rss {line-height: inherit; background-position: right 45%;} blockquote {margin: 0;} .our-supporters blockquote p {color: #73AA14; font-size: 1em; font-weight: 500;} #sidebar .search-filter-group li {margin-left: 2em; list-style: circle;} .search-filter-group li p {margin: 0;} #sidebar aside.widget.non-padded h2 {background: #313131; color: #fff; padding: 0 .5rem; line-height: 3rem;} #sidebar aside.widget.non-padded h2 a {color: #fff;} .non-padded article, .non-padded p.pointer {margin-left: .5rem; margin-right: .5rem;} .non-padded article {border-bottom: 1px solid #e6e6e6;} #sidebar aside.related-reports.phase-1 {background: #fff;} #sidebar #popular_topics .more {display: none;} body.single-factsheets #sidebar {padding-top: 60px;} .related-reports article {border-bottom: 1px solid #e6e6e6; padding-bottom: 1em;} .related-reports article h3 {font-size: .925em; } .related-reports article img {width: 9em; } .related-reports article .hasphoto {padding-left: 10em;} .st_facebook_large, .st_fblike_large {margin-left: .4rem; margin-bottom: .6rem;} .share-box .custom-share-facebook, .share-box .custom-share-twitter, .st_sharethis_custom, .st_email_large { display: inline-block; background-image: url(../_images/footer_icon_sprite.png); background-position: 0 0; background-repeat: no-repeat; line-height: 40px; height: 40px; width: 40px; margin-left: .5rem; } .share-box .custom-share-twitter {background-position: 0 -40px;} .share-box .custom-share-facebook {background-position: 0 -80px;} .st_email_large {vertical-align: top; cursor: pointer;} .st_email_large .stButton {visibility: hidden; } .st_sharethis_custom { background-image: url(../_images/share_icons_sprite.png); background-position: 0 -120px; cursor: pointer; } /* @subscribe @mailchimp */ .subscribe-wrap {min-width: 500px;} .subscribe-wrap .mc4wp-form {width: 320px; margin: auto} .mc4wp-form {background-color: #d5d0cb; padding: 0;} .mc4wp-form label {display: block; margin-bottom: .4rem; font: .875rem "HelveticaLTCom-Bold",Helvetica,sans-serif;} .mc4wp-form input {width: 368px; height: 32px;} .subscribe-submit input {margin: 1.25em 0 0 0; background: #702600 url(../_images/arrow_button.png) 85% center no-repeat; font-size: .95em; color: #fff; border: 0 none; height: 30px; width: 120px; font-family: 'HelveticaLTCom-Bold'; cursor: pointer;} .ui-autocomplete {background-color: #fff; max-width: 368px; border: 1px solid #ccc;} .ui-autocomplete {margin-left: 0; padding: 0;} .ui-autocomplete, ui-autocomplete-input {z-index:9999999} /* to work over the Scroll Trigger Box (lightbox) */ .ui-autocomplete li {list-style: none; line-height: 1.5; margin-left: 0; padding: .5em 1em;} .ui-autocomplete li:hover, .ui-autocomplete .ui-state-focus {background-color: #f2eeea; cursor: pointer} input#mc4wp_occupation, input#mc4wp_country {background: #fff url(../_images/select-box-chevron.png) no-repeat 95% 50% ;} .mc4wp-form select {width: 388px; height: 32px; border-radius: 0; border: 0 none; font-size: 15px; -webkit-appearance: none; -webkit-border-radius: 0px; background: transparent; color: #888; padding-left: 5px;} span.select-wrap {width: 368px; overflow: hidden; background: #fff url(../_images/select-box-chevron.png) no-repeat 95% 50%; display: block;} div.mc4wp-response {font: 1.2em "HelveticaLTCom-Bold",Helvetica,sans-serif; color: #73AA14; background: url(../_images/green-tick.png) right no-repeat; padding-right: 105px} .stb-close {top: 8px!important; right: 8px!important; font-size: 24px !important} div.stb {padding: 1rem; !important;} div.stb h2 {padding-right: 1rem;} /* @footers */ .we-hold-public-figures-accountable div.span_8_of_12 {border-top: 2px solid #e6e6e6;} body.home .we-hold-public-figures-accountable .span_8_of_12 {border-top: 0 none; padding-top: 0;} body.home .we-hold-public-figures-accountable .span_8_of_12 h2 {margin-top: .8rem;} .about-navigation {border-top: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; padding: 1.5em 0; margin-top: 1.6em;} .about-navigation ul > li {display: inline-block; line-height: 1em; font-size: 13px; font-weight: bold;} .about-navigation ul li ul.children {display: inline-block; } .about-navigation ul li ul.children li {display: inline-block; margin-left: .4em; } footer.partners { padding-bottom: 16px; } footer.partners ul{ list-style:none; margin-left: 0; padding-left: 0; } footer.partners ul li { margin:0 35px 0 0; padding:0; float:left; } footer.partners ul li:last-child, footer.partners ul li.partner-gan { margin-right: 0; } footer.partners ul li a{ text-indent:-9999px; overflow:hidden; background-image:url(../_images/partners-sprite-2015.png); background-repeat:no-repeat; background-position: 0 0; /* to make it flush with left of the footer */ display: block; height: 94px; width: 105px; } footer.partners ul li.partner-wits {float: right;} footer.partners ul li.partner-afp a { width: 100px; } footer.partners ul li.partner-mt a { background-position: -130px 0; width: 150px; } footer.partners ul li.partner-on a { background-position: -337px 0; width: 128px; } footer.partners ul li.partner-osf a{ background-position: -519px 0; width: 158px; } footer.partners ul li.partner-shuttleworth a{ background-position: -700px 0; width: 128px; } footer.partners ul li.partner-wits a{ background-position: -867px 0; width: 84px; } /* Report rating sidebar */ .report_rating{ margin:.5rem; } .report_rating .indicator{ background-repeat: no-repeat; background-image: url(../_images/ratings-sprite.png); width: 100%; height: 238px; text-indent: -9999px; display: inline-block; background-position: center 0; margin: 20px 0; } .report_rating.not-rated { display:none; } .report_rating.correct .indicator{ background-position: center 0; } .report_rating.mostly-correct .indicator{ background-position: center -238px; } .report_rating.unproven .indicator{ background-position: center -476px; } .report_rating.exaggerated .indicator{ background-position: center -1190px; } .report_rating.downplayed .indicator{ background-position: center -952px; } .report_rating.misleading .indicator{ background-position: center -714px; } .report_rating.incorrect .indicator{ background-position: center -1428px; } .report_rating h3{ margin:0; padding: 0; font-size: 14px; text-transform: uppercase; } .report_rating .brief-summary{ /* added in error? background-image: url(../_images/ratings-sprite.png) */ } .rating-definitions div {position: relative; background: #F2EEEA; padding: 1em 1em; margin-bottom: 1em;} .rating-definitions div h3 { float: left; clear: both; width: 100px; background: url(../_images/ratings-sprite-100px.png) no-repeat; height: 100px; width: 112px; padding: 0; margin: 0; text-indent: -999px; overflow: hidden; } .rating-definitions div.definition-mostly-correct h3 {background-position: 0 -100px} .rating-definitions div.definition-unproven h3 {background-position: 0 -200px} .rating-definitions div.definition-misleading h3 {background-position: 0 -300px} .rating-definitions div.definition-downplayed h3 {background-position: 0 -400px} .rating-definitions div.definition-exaggerated h3 {background-position: 0 -400px} .rating-definitions div.definition-incorrect h3 {background-position: 0 -600px} .rating-definitions div p { margin-left: 140px; font-weight: bold; padding-right: 1em; font-size: .95em; } .rating-definitions div:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .indicator-not-rated {display: none;} .inline-rating {min-height: 130px; display: flex; margin-bottom: 1em;} .inline-rating h3 {text-transform: uppercase; margin: .5rem 0 0 0;} .inline-rating .the-claim, .inline-rating .indicator {background-color: #F2EEEA; width: 49%; padding: .5rem 1rem; box-sizing: border-box; } .inline-rating .the-claim {float: left; margin-right: 2%;} .inline-rating .the-claim p {margin-top: 0;} .inline-rating .indicator {background-color: #F2EEEA; float: right; width: 49%;} .inline-rating .indicator p {margin: 0;} /* <- remove whe shortcode is available */ .inline-rating .indicator span {margin-top: -12px; display: block; background-image: url(../_images/ratings-sprite-100px.png); background-repeat: no-repeat; background-position: center top; width: 112px; height: 100px; margin-left: auto; margin-right: auto; text-indent: -999px; overflow: hidden;} .inline-rating.mostly-correct .indicator span {background-position: 0 -100px} .inline-rating.checked .indicator span {background-position: 0 -700px} .inline-rating.unproven .indicator span {background-position: 0 -200px} .inline-rating.misleading .indicator span {background-position: 0 -300px} .inline-rating.downplayed .indicator span {background-position: 0 -400px} .inline-rating.exaggerated .indicator span {background-position: 0 -500px} .inline-rating.incorrect .indicator span {background-position: 0 -600px} /* @quiz */ .loading-quiz{ padding: 40px; border: 2px dashed #efefef; min-height: 400px; font-size: 12px; }