/*
 Theme Name:   Corroborate
 Theme URI:    http://3.8.131.15/
 Description:  Corroborate Theme - a child of the Twenty Twenty Theme
 Author:       Timothy Disney
 Author URI:   http://www.timothydisney.co.uk
 Template:     twentytwenty
 Version:      1.0.0
 Tags:         Fill this in later...
 Text Domain:  corroborate
*/

/* ----------------------------- Style Sheet ----------------------------- */

body.home {background-color: #F3F1F0;}
body.profile {background-color: #335B74;}
body.factcheck {background-color: #F3F1F0;}

@font-face {font-family: cambria; src: url(http://3.8.131.15/wp-content/themes/corroborate/fonts/Cambria/CAMBRIA.TTF);}
@font-face {font-family: corbel; src: url(http://3.8.131.15/wp-content/themes/corroborate/fonts/Corbel/CORBEL.TTF);}
@font-face {font-family: yi_baiti; src: url(http://3.8.131.15/wp-content/themes/corroborate/fonts/MS_Yi_Baiti/MSYI.TTF);}

a {}
a:hover {}

h1 {font-family: cambria, Times, serif; font-size: 2.5em; letter-spacing: 1px; font-weight: normal;}
h2 {font-family: cambria, Times, serif; font-size: 2.1em; letter-spacing: 1px; font-weight: normal;}
h3 {font-family: cambria, Times, serif; font-size: 1.4em; letter-spacing: 1px; font-weight: normal; color: #335B74; margin: 30px;}
h4 {font-family: cambria, Times, serif; font-size: 1.4em; letter-spacing: 1px; font-weight: normal; color: #9D9E9E; margin: 30px;}
h5 {font-family: cambria, Times, serif; font-size: 1.4em; letter-spacing: 1px; font-weight: normal; color: #ffffff; margin: 30px;}


/* ---------- Image Formatting ---------- */

img {border: 0px;}

#homelogo {transform: scale(2.0); margin: 0 auto;}
#headlogo {transform: scale(1.0); margin: 0px;}

.icon-search {transform: scale(2.0); margin: 0 auto;}

#publish-swing {transform: scale(2.0); margin: 15px auto 10px auto;}

#ext-add {}
#and-app {height: 60px; float: left; padding: 5px;}
#ios-app {height: 60px; float: left; padding: 5px;}


/* ---------- Specific Item Formatting ---------- */

span.whitetext {color: #fff; font-family: cambria, Times, serif; letter-spacing: 1px; font-weight: normal;}
span.beigetext {color: #DFC698; font-family: cambria, Times, serif; letter-spacing: 1px; font-weight: normal;}
span.greytext {color: #9D9E9E; font-family: cambria, Times, serif; letter-spacing: 1px; font-weight: normal;}
span.bluetext {color: #335B74; font-family: cambria, Times, serif; letter-spacing: 1px; font-weight: normal;}


/* ---------- Header Formatting ---------- */

div#index-header {width: 100%; height: 125px; color: #fff; padding: 35px; text-align: right;}
div#profile-header {width: 100%; color: #fff; margin: 0 auto; background-color: #335B74;}

div.header-titles {}

.site-title,
.site-logo,
.site-description {margin: 0;}

.site-title {font-family: yi_baiti, sans-serif; font-size: 2.5em; letter-spacing: 1px; font-weight: normal;}
.site-title a {color: inherit; display: block; text-decoration: none;}
.site-title a:hover,
.site-title a:focus {text-decoration: none; font-weight: bold;}

.site-description {color: #DFC698 !Important; font-family: cambria, Times, serif; letter-spacing: 1px; font-weight: normal;}


/* ---------- Menu & Button Formatting ---------- */

.button {
  border: none;
  border-radius: 6px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.home-submit {padding: 16px 30px !important; float: right;}

.joinus {background-color: #335B74; background-image: linear-gradient(to bottom right, #335B74, #354A57);}

.addnewfield {background-color: #DFC698; border-radius: 50%; padding: 5px 9px;}

.verify {background-color: #9BBB42; background-image: linear-gradient(to top right, #9EAB7B, #9BBB42);}
.refute {background-color: #D23636; background-image: linear-gradient(to top right, #902425, #D23636);}
.check  {background-color: #B2B3B3; background-image: linear-gradient(to top right, #B2B3B3, #D9DADA);}

#verifybutton {border-radius: 6px; color: #fff; padding: 15px 32px; font-size: 16px; margin: 10px 2px; background-color: #9BBB42; background-image: linear-gradient(to top right, #9EAB7B, #9BBB42);}
#refutebutton {border-radius: 6px; color: #fff; padding: 15px 32px; font-size: 16px; margin: 10px 2px; background-color: #D23636; background-image: linear-gradient(to top right, #902425, #D23636);}

#fact-verify {border-radius: 6px; color: #fff; padding: 5px 20px; font-size: 12px; margin: 0px 2px; background-color: #9BBB42; background-image: linear-gradient(to top right, #9EAB7B, #9BBB42);}
#fact-refute {border-radius: 6px; color: #fff; padding: 5px 20px; font-size: 12px; margin: 0px 2px; background-color: #D23636; background-image: linear-gradient(to top right, #902425, #D23636);}

.publish-submit {background-color: #335B74; background-image: linear-gradient(to bottom right, #335B74, #354A57); padding: 16px 20px; float: right;}

.addsocial-submit {background-color: #335B74; background-image: linear-gradient(to bottom right, #335B74, #354A57); padding: 10px 15px; margin: 0px; float: left;}
.addsocial-submit a {color: #fff;}

.formSubmit {background-color: #335B74; background-image: linear-gradient(to bottom right, #335B74, #354A57); padding: 10px 15px; margin: 0px; float: right;}
.formSubmit a {color: #fff;}

.profile-plus {color: #88A5B6; font-size: 300%; background-color: #335B74; background-image: linear-gradient(to bottom right, #335B74, #354A57); border: 2px dashed #88A5B6; border-radius: 3px;}
.profile-plus:hover {color: #fff; text-decoration: none;}

.profile-edit {font-size: 18px; float: right; text-decoration: underline;}
.profile-edit:hover {cursor: pointer; text-decoration: none;}

.tab-bar {border-bottom: 6px solid #335B74; padding: 0px; margin: 0px; overflow: hidden;}
.tabberV {width: 49%; margin: 0px; background-color: #2B3A4A !important; border-right: 6px solid #335B74; border-left: 4px solid #9BBB42; float: left;}
.tabberR {width: 49%; margin: 0px; background-color: #2B3A4A !important; border-left: 6px solid #335B74; border-right: 4px solid #D23636; float: right;}
.tabberbox {}
.tabberboxV {border-left: 4px solid #9BBB42;}
.tabberboxR {border-right: 4px solid #D23636;}


/* ---------- Form Formatting ---------- */

.home-search {}

#publish {}

#addSocial	{height: 40px;}
#addInstitute {height: 40px;}
#addJobtitle	{height: 40px;}
#yearsExp	{height: 40px;}
.addEvidence	{height: 40px;}
#addConnect	{height: 40px;}

#addAuthor 	{height: 40px; float: left;}
#addSection 	{height: 40px;}


/* ---------- Specific DIV Formatting ---------- */

div.hr-buff  {width: 75%; height: 0px; margin: 10px auto 10px auto; padding: 0px; border-bottom: 2px solid #F3F1F0;}
div.hr-beige {width: 75%; height: 0px; margin: 10px auto 10px auto; padding: 0px; border-bottom: 2px solid #DFC698;}

div#wphead-home {margin: 0px; padding: 0px; display: none;}

div#herosplash {width: 100%; height: 700px; margin: 0 auto; text-align: center; padding: 0px 40px; background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("images/library.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative;}
div#herologo {width: 100%; height: 200px; margin: 0 auto; text-align: center; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);}
div#heroform-box {width: 70%; height: 230px; margin: 0 auto; text-align: center; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%);}

div.pgsect-battlecry	{width: 100%; height: 200px; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #2B3A4A; border-width: 8px 0px; border-style: solid; border-color: #DFC698; color: #fff; background-image: url("images/calltoarms.svg"); background-repeat: no-repeat; background-position: center center; background-size: auto 200px;}

div.pgsect-joinus	{width: 90%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #9EAB7B; background-image: linear-gradient(rgba(158, 171, 123, 0.7), rgba(158, 171, 123, 0.7)), url("images/crowd.jpg"); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
div.pgsect-joinus h1 {color: #fff;}

div.pgsect-tryit	{width: 90%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #F3F1F0; background-image: linear-gradient(rgba(243, 241, 240, 0.6), rgba(243, 241, 240, 0.6)), url("images/cityview.jpg"); background-repeat: no-repeat; background-position: center 82%; background-size: cover; position: relative;}

div.pgsect-pub	{width: 90%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #013743; background-image: linear-gradient(rgba(0, 54, 66, 1), rgba(0, 54, 66, 0)), url("images/jar.jpg"); background-repeat: no-repeat; background-position: left center; background-size: auto 150%; position: relative;}
div.pgsect-pub h1	{color: #fff;}

div.pgsect-white	{width: 90%; margin: 0 auto; padding: 0px 0px 100px 0px; text-align: center; padding: 20px 40px; background-color: #fff;}
div.pgsect-blue	{width: 90%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #335B74;}
div.pgsect-dkblue	{width: 100%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #2B3A4A; border-width: 8px 0px; border-style: solid; border-color: #DFC698; color: #fff;}
div.pgsect-green	{width: 90%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #9EAB7B;}
div.pgsect-buff	{width: 90%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #F3F1F0; border-width: 0px 0px 8px 0px; border-style: solid; border-color: #DFC698;}
div.pgsect-beige	{width: 90%; margin: 0 auto; padding: 0px 0px 40px 0px; text-align: center; padding: 20px 40px; background-color: #DFC698; border-width: 8px 0px; border-style: solid; border-color: #335B74;}

div.pgsect-white h1,	div.pgsect-white h2	 {color: #9D9E9E;}
div.pgsect-blue h1,	div.pgsect-blue h2	 {color: #DFC698;}
div.pgsect-dkblue h1, div.pgsect-dkblue h2 {color: #fff;}
div.pgsect-green h1,	div.pgsect-green h2	 {color: #fff;}
div.pgsect-buff h1,	div.pgsect-buff h2	 {color: #9D9E9E;}
div.pgsect-beige h1,	div.pgsect-beige h2	 {color: #335B74;}

div.pgsect-inner {width: 80%; margin: 0 auto 50px auto;}

div.corroboratables {min-height: 240px;}
div.content-example {width: 200px; height: 200px; padding: 50px 0px 0px 0px; margin: 20px; background-color: #2B3A4A; display: inline-block;}
div.content-example#ex-article	{background-image: url("images/eaxmple-news.jpg"); background-repeat: no-repeat; background-position: center center;}
div.content-example#ex-tweet	{background-image: url("images/eaxmple-tweet.jpg"); background-repeat: no-repeat; background-position: center center;}
div.content-example#ex-blog		{background-image: url("images/eaxmple-blog.jpg"); background-repeat: no-repeat; background-position: center center;}
div.content-example#ex-ad		{background-image: url("images/eaxmple-advert.jpg"); background-repeat: no-repeat; background-position: center center;}
div.content-example#ex-product	{background-image: url("images/eaxmple-product.jpg"); background-repeat: no-repeat; background-position: center center;}
div.content-example#ex-docs		{background-image: url("images/eaxmple-document.jpg"); background-repeat: no-repeat; background-position: center center;}
div.content-example#ex-social	{background-image: url("images/eaxmple-social.jpg"); background-repeat: no-repeat; background-position: center center;}
div.content-example#ex-video	{background-image: url("images/eaxmple-video.jpg"); background-repeat: no-repeat; background-position: center center;}

.popup {float: left;}
div.search-pop {width: 40%; margin: 0 auto; padding: 0px 20px 10px 20px; color: #fff; text-align: center; background-color: #2B3A4A; border-radius: 10px; opacity: 0.95; z-index: 10; position: absolute; top: 280px; left: 30%; visibility: visible; -webkit-animation: fadeIn 1s; animation: fadeIn 1s;}
div.search-pop p {color: #fff; font-family: corbel, Sans-serif; font-weight: normal;}
div.search-pop a {font-size: 1.4em;}

@-webkit-keyframes fadeIn {
  from {opacity: 0; top: 290px;}
  to {opacity: 0.95; top: 280px;}
}

/* -- Little Popup Triangle -- */
.search-pop::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border-width: 10px; border-style: solid; border-color: #2B3A4A transparent transparent transparent;}


/* ---------- User Area Formatting ---------- */

div.dash-box {width: 75%; margin: 20px auto; padding: 20px; text-align: center; background-color: #2B3A4A;}
.dash-box p {width: 80%; margin: 20px auto; color: #fff; font-family: corbel, Sans-serif; font-weight: normal; line-height: normal; text-align: center;}

div.corroborate-field {width: 80%; margin: 0 auto;}
div.corroborate-container {overflow: hidden; padding-right: 5px; margin: 20px;}

div.verify-field {width: 90%; margin: 0 auto;}
div.verify-container {overflow: hidden; padding-right: 0.5em; margin: 10px 20px;}
div.refute-field {width: 90%; margin: 0 auto;}
div.refute-container {overflow: hidden; padding-right: 0.5em; margin: 10px 20px;}

div.publish-field {width: 80%; margin: 0 auto;}
div.publish-container {overflow: hidden; padding-right: 0.5em; margin: 20px;}

div.profileform-field {margin: 0 auto;}
div.profileform-container {overflow: hidden; padding-right: 0.5em; margin: 0px;}

div.cvform-field {margin: 0 auto; padding: 0px;}
div.cvform-container {overflow: hidden; padding-right: 0.5em; margin: 0px 0px 5px 0px;}
div.cvform-field select {width: 65%;}

div.account-sect {width: 80%; margin: 0 auto;}

div.avatar {float: right;}

.quick-profile {width: 75%; display: grid; grid-gap: 15px 15px; grid-template-columns: auto auto auto; padding: 0px; margin: 0 auto;}
.quick-profile > div {background-color: #F3F1F0; text-align: left; padding: 20px;}
.quick-profile a {color: #5A97BC;}
.quick-profile a:hover {}
.quick-profile p {color: #2B3A4A; font-family: corbel, Sans-serif; font-weight: normal; text-align: left; margin: 0px; padding: 0px;}
.quick-profile h5 {color: #2B3A4A; margin: 0px;}

.quick-user	 {grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 2;}
.quick-publish {grid-row-start: 1; grid-row-end: 1; grid-column-start: 2; grid-column-end: 3;}
.quick-trust	 {grid-row-start: 1; grid-row-end: 1; grid-column-start: 3; grid-column-end: 4;}

.dash-container {width: 75%; display: grid; grid-gap: 15px 15px; grid-template-columns: auto auto auto; padding: 0px; margin: 15px auto 0 auto;}
.dash-container > div {background-color: #2B3A4A; text-align: left; padding: 20px;}
.dash-container a {color: #5A97BC;}
.dash-container a:hover {}
.dash-container p {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; text-align: left;}
.dash-container h5 {margin: 0px 0px 10px 0px;}

/* ---------- */

.profile-container {width: 75%; display: grid; grid-gap: 15px 15px; grid-template-columns: auto 30% 25%; padding: 0px; margin: 0 auto;}
.profile-container > div {color: #fff; background-color: #2B3A4A; text-align: left; padding: 20px;}
.profile-container a {color: #5A97BC;}
.profile-container a:hover {}
.profile-container p {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; text-align: left;}
.profile-container h5 {margin: 0px;}

.profile-personal	{grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 2;}
.profile-profile	{grid-row-start: 1; grid-row-end: 4; grid-column-start: 2; grid-column-end: 3;}
.profile-trustscore	{grid-row-start: 1; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4;}
.profile-corrobscore {grid-row-start: 2; grid-row-end: 5; grid-column-start: 1; grid-column-end: 2;}
.profile-silubi	{grid-row-start: 4; grid-row-end: 4; grid-column-start: 2; grid-column-end: 3;}
.profile-publish	{grid-row-start: 3; grid-row-end: 5; grid-column-start: 3; grid-column-end: 4;}

/* ---------- */

.form-container {width: 95%; display: grid; grid-gap: 15px 15px; grid-template-columns: auto auto auto; padding: 0px; margin: 10px auto;}
.form-container > div {background-color: #2B3A4A; text-align: left; padding: 10px 20px;}
.form-container a {color: #5A97BC;}
.form-container a:hover {}
.form-container p {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; text-align: left; margin: 0px; padding: 4px 0px;}
.form-container h5 {margin: 0px 0px 10px 0px;}

.cv-pro		{grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 4;}
.cv-formalq		{grid-row-start: 2; grid-row-end: 2; grid-column-start: 1; grid-column-end: 1;}
.cv-traedq		{grid-row-start: 2; grid-row-end: 2; grid-column-start: 2; grid-column-end: 2;}
.cv-assoc		{grid-row-start: 2; grid-row-end: 2; grid-column-start: 3; grid-column-end: 3;}
.cv-addmore		{grid-row-start: 3; grid-row-end: 3; grid-column-start: 1; grid-column-end: 4;}

.cvform-container {display: grid; grid-gap: 5px 5px; grid-template-columns: auto auto auto; padding: 0px; margin: 0 auto;}
.cvform-container > div {background-color: #2B3A4A; text-align: left; padding: 0px;}
.cvform-container a {color: #5A97BC;}
.cvform-container a:hover {}
.cvform-container p {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; text-align: left;}

.cvform-left		{grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2;}
.cvform-right		{grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3;}
.cvform-submit	{grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4;}

/* ---------- */

.publish-org	 	 {grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 3;}
.publish-org p {line-height: 120%;}
.publish-addmore	 {grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 3;}
.publish-silubi-blurb {grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4;}
.publish-silubi	 {grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4;}

.pubform-container {display: grid; grid-gap: 5px 20px; grid-template-columns: auto auto auto; padding: 0px; margin: 0 auto;}
.pubform-container > div {background-color: #2B3A4A; text-align: left; padding: 0px;}
.pubform-container a {color: #5A97BC;}
.pubform-container a:hover {}
.pubform-container p {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; text-align: left; line-height: 120%;}

.pubform-left		{grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2;}
.pubform-right	{grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3;}

/* ---------- */

.profile-form-pop {width: 50%; margin: 0 auto; padding: 0px 20px 10px 20px; color: #fff; text-align: center; background-color: #335B74; border: 2px dashed #88A5B6; z-index: 10; position: fixed; top: 100px; left: 25%; opacity: 0; display: none;}

input.profile-form-popper {display: none;}
input.profile-form-popper:checked+.profile-form-pop {opacity: 1; display: block;}

.form-closer {float: right;}
.form-closer:hover {cursor: pointer; font-weight: bold;}

.pword-box {width: 155px; margin: 0px; padding: 0px; font-family: corbel, Sans-serif; font-weight: normal; text-align: left;}


/* ---------- */

.download-container {width: 75%; display: grid; grid-gap: 15px 15px; grid-template-columns: 50% auto; padding: 0px; margin: 50px auto 50px auto;}
.download-container > div {background-color: #2B3A4A; text-align: left; padding: 20px;}
.download-container a {color: #5A97BC;}
.download-container a:hover {}
.download-container p {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; text-align: left;}
.download-container h5 {margin: 0px 0px 10px 0px;}

.download-ext		{grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 2;}
.download-app		{grid-row-start: 1; grid-row-end: 1; grid-column-start: 2; grid-column-end: 3;}

/* ---------- */

.posscore {color: #9BBB42;}
.negscore {color: #D23636;}
.noscore {color: #DFC698;}

table#scorecard {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; border: none; margin: 10px 0px; padding: 0px;}
table#scorecard tr {border: none; margin: 0px; padding: 0px;}
table#scorecard td {border: none; margin: 5px 0px; padding: 0px 5px;}
table#scorecard td.score {text-align: right; border-right: 2px solid #9D9E9E;}
table#scorecard td.category {text-align: left;}

table#socialaccounts {color: #fff; font-family: corbel, Sans-serif; font-weight: normal; border: none; margin: 20px auto 10px auto; padding: 0px;}
table#socialaccounts tr {border: none; margin: 0px; padding: 0px;}
table#socialaccounts td {border: none; margin: 5px 0px; padding: 0px 5px;}
table#socialaccounts td.score {text-align: right; border-right: 2px solid #9D9E9E;}
table#socialaccounts td.category {text-align: left;}

/* ---------- Article preview Formatting ---------- */

.storythumb {}
.storythumb-list {width: 200px; margin: 0px 10px 0px 0px; float: left;}
.storyarchive {width: 90%; margin: 0px auto; padding: 20px 0px; overflow: hidden;}
.storyarchive-text {text-align: left;}
.storyarchive-text h3 {padding: 0px; margin: 0px; text-align: left;}
.storyarchive-text h5 {padding: 0px; margin: 0px; text-align: left;}
.storyarchive-text p {padding: 0px; margin: 0px; text-align: left;}

.story-confirm {width: 80%; margin: 0 auto; overflow: hidden;}
.story-image {width: 25%; float: left;}
.story-details {width: 75%; color: #fff; padding: 0px 20px; float: right; text-align: left;}


/* ---------- FactCheck Results Formatting (Game) ---------- */

div.tapestry {color: #9D9E9E; padding: 20px 50px 20px 50px; background-image: linear-gradient(rgba(243, 241, 240, 0.9), rgba(243, 241, 240, 0.9)), url("images/labyrinth.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; overflow: auto; white-space: nowrap;}
div.tapestry .lvl {width: 300px; display: inline-block; color: white; text-align: left; margin: 0px; padding: 0px;}

div.sub-lvl {color: #9D9E9E; margin: 10px 20px; padding: 10px; background-color: #fff; border-radius: 5px; overflow: hidden; opacity: 1; -webkit-animation: lvlAnim 1.2s; animation: lvlAnim 1.2s;}
div.sub-lvl-placeholder {color: #9D9E9E; margin: 10px 20px; padding: 10px; border-radius: 5px; overflow: hidden;}

@-webkit-keyframes lvlAnim {
  from {opacity: 0; margin: 40px 20px 0px 20px;}
  to {opacity: 1; margin: 10px 20px;}
}

div.waypoint {margin: 20px 0px 0px 0px;}
div.waypoint-start {margin: 20px 0px 0px 0px;}

img.marker-start {height: 24px; margin: 0px 4px 0px 0%; float: right;}
img.marker-grey  {height: 24px; margin: 0 auto;}
img.marker-green {height: 24px; margin: 0 auto;}

div.factseparator {margin: 5px auto 0px auto; padding: 5px 0px 0px 0px; text-align: center; border-top: 1px solid #9D9E9E;}

.story-snapshot {height: 250px;}

div#articleTrustscale {width: 75px; height: 600px; padding: 10px; background-color: #F3F1F0; border: 2px dashed #9D9E9E; z-index: 10; position: fixed; top: 120px; right: 250px;}
div#articleTrustscale p {font-family: corbel, Sans-serif; font-weight: bold; line-height: 100%; text-align: center;}
div#articleTrustscale p.scaleNote {font-size: 12px; font-weight: normal;}

div#articleScale {width: 15px; height: 450px; margin: 0px auto 20px auto; padding: 0px; background-color: #D9DADA; background-image: linear-gradient(#9BBB42, #D9DADA, #D23636);}
img#scaleMarker {transform: scale(1.5); z-index: 15; position: absolute; left: 26px;}

div#leaderboard {width: 220px; height: 600px; padding: 10px; background-color: #F3F1F0; border: 2px dashed #9D9E9E; z-index: 10; position: fixed; top: 120px; right: 20px;}
.scoretitle {color: #335B74; margin: 0px; font-family: corbel, Sans-serif; font-weight: bold; text-align: center;}

div.userrank {padding: 5px; margin: 5px auto; font-family: corbel, Sans-serif; font-weight: normal; text-align: left; background-color: #fff; overflow: hidden;}
div.userrank p {padding: 0px; margin: 0px auto; text-align: left;}

.userrank-name  {color: #335B74; margin: 0px; padding: 0px; font-family: cambria, Times, serif; letter-spacing: 1px; font-weight: bold; line-height: 90%;}
.userrank-title {color: #9D9E9E; margin: 0px; padding: 0px; font-family: corbel, Sans-serif; font-weight: normal; font-size: 15px;}
.userrank-score {color: #9BBB42; margin: 0px; padding: 0px; font-family: corbel, Sans-serif; font-weight: normal; font-size: 15px;}
.userrank-avatar {width: 40px; float: left; padding: 0px 5px 0px 0px;}

.evidencethumb {width: 48px; height: 40px; float: left;}


/* ---------- FactCheck Results Formatting (WebService) ---------- */

.itempreview {height: 500px;}

.factcheck-container {width: 80%; display: grid; grid-gap: 15px 15px; grid-template-columns: auto auto auto; padding: 0px; margin: 15px auto 50px auto;}
.factcheck-container > div {color: #9D9E9E; background-color: #fff; text-align: left; padding: 10px; border-radius: 8px;}
.factcheck-container a {color: #5A97BC;}
.factcheck-container a:hover {}
.factcheck-container p {color: #9D9E9E; font-family: corbel, Sans-serif; font-weight: normal; text-align: left;}
.factcheck-container h5 {color: #2B3A4A; margin: 0px 0px 10px 0px;}

.factcheck-preview	{grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 4;}
.factcheck-1		{grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2;}
.factcheck-2		{grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 3;}
.factcheck-3		{grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4;}
.factcheck-4		{grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2;}
.factcheck-5		{grid-row-start: 3; grid-row-end: 4; grid-column-start: 2; grid-column-end: 3;}
.factcheck-6		{grid-row-start: 3; grid-row-end: 4; grid-column-start: 3; grid-column-end: 4;}


/* ---------- Post Formats ---------- */

.format-standard .entry-title {}



/* ---------- Footer Formatting ---------- */



/* ---------- Mobile Formatting ---------- */

@media (max-width: 1069px) {}



/* ---------- Print Formatting ---------- */

@media print {}