.card {
  padding: 1em;
  display: block;
  -webkit-transition: all 200ms ease-in-out 0s;
  -moz-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.card:hover {
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

a {
  text-decoration: none;
  -webkit-transition: all 200ms ease-in-out 0s;
  -moz-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
}
a:hover {
  text-decoration: none;
}

.button {
  border-width: 0px;
  -webkit-transition: all 200ms ease-in-out 0s;
  -moz-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
}
.button:focus {
  outline: 0;
}

.inputRadioSelect {
  margin-top: 10px;
}
.inputRadioSelect input {
  margin-right: 10px;
}
.inputRadioSelect label {
  font-weight: 400;
}

.inputCheckbox {
  margin-top: 10px;
}
.inputCheckbox input {
  margin-right: 10px;
}
.inputCheckbox label {
  font-weight: 400;
}

.loadingSpinner .loadingLabel {
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  color: black;
}

.upVoteButton {
  background-color: transparent;
  color: #2b4a88;
  font-size: 17px;
  line-height: 18px;
  padding: 7px 1px 5px 0px;
  -webkit-transition: all 200ms ease-in-out 0s;
  -moz-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
}
@media (min-width: 768px) {
  .upVoteButton {
    font-size: 23px;
  }
}
.upVoteButton.upvoted, .upVoteButton:hover {
  color: #7C4DFF;
}

.claim .claimBody {
  background-color: #fff;
  float: left;
  margin-bottom: 10px;
  min-height: 60px;
  padding: 15px 15px;
  position: relative;
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.claim .upVoteButton {
  float: left;
  margin-left: -26px;
  margin-top: 27px;
  width: 25px;
}
@media (min-width: 768px) {
  .claim .upVoteButton {
    margin-left: -35px;
  }
}
.claim .lastEditMessage {
  color: #b3b3b3;
  margin-top: 8px;
  margin-right: 10px;
}
.claim .sourceCheckWrapper {
  color: #bfbfbf;
  float: right;
  margin-top: 8px;
}
.claim .sourceCheckWrapper .verificationCount {
  display: inline-block;
  margin-right: 10px;
}
.claim .sourceCheckWrapper .verificationCount .unverifiedLabel {
  color: #7c4dff;
}
.claim .sourceCheckWrapper .glyphicon-play {
  font-size: 11px;
  margin-left: 4px;
}
.claim .claimActionBar {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.claim .claimActionBar .tagList {
  float: left;
}
.claim .claimActionBar .tagList .tag {
  background-color: #e0e7f5;
  color: #000;
  margin-right: 8px;
  margin-top: 8px;
}
.claim .claimActionBar .tagList .tag:hover {
  background-color: #1b2e55;
  color: #fff;
}
.claim .claimUnreadNotificationCircle {
  background-color: green;
  border-radius: 50%;
  height: 16px;
  position: absolute;
  right: 6px;
  top: 6px;
  width: 16px;
}
.claim .userContributionLabel {
  margin-bottom: 10px;
  font-style: italic;
}

.passage-pair-card {
  background-color: #fff;
  float: left;
  margin-bottom: 10px;
  min-height: 60px;
  padding: 15px 15px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.passage-pair-card h5 {
  color: #999;
  font-size: 14px;
  margin-bottom: 5px;
}
.passage-pair-card .claim-content {
  border-top: 1px solid #eee;
  padding-top: 10px;
}
.passage-pair-card .warning-label {
  font-weight: bold;
}
.passage-pair-card .claimUnreadNotificationCircle {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 22px;
  top: 6px;
  border-radius: 50%;
  background-color: green;
}
.passage-pair-card .sourceCheckWrapper {
  color: #bfbfbf;
  float: right;
  margin-top: 8px;
}
.passage-pair-card .sourceCheckWrapper .verificationCount {
  display: inline-block;
  margin-right: 10px;
}
.passage-pair-card .sourceCheckWrapper .verificationCount .unverifiedLabel {
  color: #7c4dff;
}
.passage-pair-card .sourceCheckWrapper .glyphicon-play {
  font-size: 11px;
  margin-left: 4px;
}

.mark-as-read-button-container {
  display: block;
  text-align: center;
}

.claim .action-bar, .passage-pair-card .action-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 12px;
}
.claim .action-bar .checkSourceButton, .passage-pair-card .action-bar .checkSourceButton {
  display: block;
}
.claim .action-bar .glyphicon-play, .passage-pair-card .action-bar .glyphicon-play {
  font-size: 11px;
  margin-left: 4px;
}
.claim .verificationStatus, .passage-pair-card .verificationStatus {
  color: #bfbfbf;
  float: left;
  margin-top: 8px;
}
.claim .verificationStatus .unverifiedLabel, .passage-pair-card .verificationStatus .unverifiedLabel {
  color: #7c4dff;
}
.claim .verificationStatus .reviewStatus, .passage-pair-card .verificationStatus .reviewStatus {
  color: #b3b3b3;
}
.claim .verificationStatus .reviewStatus .glyphicon-exclamation-sign, .passage-pair-card .verificationStatus .reviewStatus .glyphicon-exclamation-sign {
  display: none;
  padding-right: 5px;
}
.claim .verificationStatus .reviewStatus.reviewStatusNeedsAction, .passage-pair-card .verificationStatus .reviewStatus.reviewStatusNeedsAction {
  color: #7c4dff;
}
.claim .verificationStatus .reviewStatus.reviewStatusNeedsAction .glyphicon-exclamation-sign, .passage-pair-card .verificationStatus .reviewStatus.reviewStatusNeedsAction .glyphicon-exclamation-sign {
  display: initial;
}

.related-passages {
  margin: 20px 0;
}
.related-passages h4 {
  color: #666;
  margin-bottom: 15px;
}
.related-passages .time-delta {
  margin-bottom: 10px;
}
.related-passages .time-delta-older {
  color: #a6a6a6;
}
.related-passages .time-delta-newer {
  color: green;
}
.related-passages .passage-pair-card .action-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 8px;
  margin-top: 12px;
  width: 100%;
}
.related-passages .passage-pair-card .action-bar .review-info {
  color: #a6a6a6;
  min-width: 300px;
}
.related-passages .passage-pair-card .action-bar .review-info .user-review-vote {
  float: left;
}
.related-passages .passage-pair-card .action-bar .review-info .verificationStatus {
  color: #a6a6a6;
  margin-left: 15px;
  margin-top: 0;
}
.related-passages .passage-pair-card .action-bar .sourceCheckWrapper {
  margin-right: 15px;
  margin-top: 0;
}

.discussion {
  height: 100vh;
  overflow-y: scroll;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 15px;
  padding-top: 10px;
  min-width: 400px;
  max-width: 400px;
}
.discussion.ipad12_9_iOS_14_hack_class {
  background-color: #f0f0f0;
}
@media (max-width: 768px) {
  .discussion {
    display: none;
    min-width: initial;
  }
}
.discussion .discussionTitleWrapper {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #b3b3b3;
  font-size: 18px;
  margin-bottom: 25px;
  margin-top: 5px;
  min-height: 28px;
  min-width: 300px;
}
.discussion .discussionTitleWrapper .discussionTitle {
  display: inline-block;
  text-align: left;
}
.discussion .discussionTitleWrapper .reviewersCountTitle {
  color: #8c8c8c;
  display: inline-block;
  flex-grow: 1;
  font-size: 16px;
  text-align: right;
}
.discussion .discussionTitleWrapper .reviewersCountTitle .reviewersCountLabel {
  color: #1991D7;
}
.discussion .discussionTitleWrapper .reviewersCountTitle .caret {
  margin-left: 5px;
}
.discussion .discussionTitleWrapper .reviewersExtraShow {
  display: initial;
}
.discussion .discussionTitleWrapper .reviewersLoading {
  display: flex;
  justify-content: center;
}
.discussion .discussionTitleWrapper .reviewersLoading .loadingSpinner {
  align-self: center;
}
.discussion .discussionTopic {
  margin-bottom: 30px;
}
.discussion .discussionTopic .inlineLoadingSpinner {
  float: right;
  margin-right: 20px;
  margin-top: 1px;
}
.discussion .discussionForm {
  margin-top: 5px;
  overflow-y: auto;
}
.discussion .discussionForm .inlineLoadingSpinner {
  margin-right: 10px;
  margin-top: 5px;
}
.discussion .button {
  background-color: #d9d9d9;
  font-size: 14px;
  margin-right: 4px;
  min-width: 50px;
  padding-left: 10px;
  padding-right: 10px;
}
.discussion .button.selected {
  background-color: #b3b3b3;
}
.discussion .button:hover {
  background-color: #b3b3b3;
}
.discussion .sourceDiscussionButton {
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}
.discussion .commentSecondaryButton {
  background-color: transparent;
  float: right;
  font-size: 12px;
  margin-top: 8px;
}
.discussion .commentSecondaryButton:hover {
  background-color: transparent;
}
.discussion .commentSecondaryButton:disabled {
  color: lightgrey;
}
.discussion .commentPrimaryButton {
  float: right;
  margin-top: 5px;
}
.discussion .commentPrimaryButton:disabled {
  color: grey;
  background-color: lightgrey;
}
.discussion .discussionCommentBox {
  margin-top: 5px;
}
.discussion .discussionCommentBox textarea {
  min-height: 200px;
}
.discussion .questionSubtext {
  color: #808080;
  font-size: 12px;
}
.discussion .closedReviewCountWrapper {
  color: #8c8c8c;
  cursor: pointer;
  display: inline-block;
  margin-top: 5px;
  padding: 0px 13px;
  width: max-content;
}
.discussion .closedReviewCountWrapper .closedReviewCount {
  height: 22px;
  text-decoration: underline;
  text-decoration-color: #cccccc;
}
.discussion .voteBar {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 5px;
  width: 100%;
}
.discussion .voteBar .voteBarRow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 5px;
}
.discussion .voteBar .voteBarRow:first-child {
  margin-top: 0;
}
.discussion .voteBar .voteButtonWrapper {
  margin-right: 10px;
  margin-top: 0;
}
.discussion .voteBar .voteButtonWrapper:last-child {
  margin-right: 0px;
}
.discussion .voteBar .commentsToggleButton {
  background-color: transparent;
  padding-left: 2px;
  float: left;
  font-size: 14px;
}
.discussion .voteBar .raiseObjectionButton {
  background-color: transparent;
  color: #7C4DFF;
  padding: 0px;
  margin: 0px 4px 0px 0px;
  text-decoration: underline;
  text-decoration-color: #c7b3ff;
}
.discussion .voteBar .raiseObjectionButton:hover {
  text-decoration-color: #7C4DFF;
}
.discussion .voteBar .button {
  margin-right: 0px;
}
.discussion .moderatorClosedObjectionMessage {
  background-color: #fff3cd;
  border-radius: 4px;
  font-size: 13px;
  margin-left: 15px;
  margin-top: 10px;
  padding: 8px 12px;
}
.discussion .claimReviewList {
  margin-top: 15px;
  padding-left: 15px;
}
.discussion .claimReviewList .claimReview .claimReviewBody, .discussion .claimReviewList .claimReview .claimReviewCommentBody {
  background-color: #fff;
  border-color: #b3b3b3;
  border-style: solid;
  border-width: 1px;
  border-top-width: 0px;
  border-left-width: 2px;
  padding: 10px 5px 5px 10px;
  padding-bottom: 5px;
}
.discussion .claimReviewList .claimReview .claimReviewBody:first-child, .discussion .claimReviewList .claimReview .claimReviewCommentBody:first-child {
  border-top-width: 1px;
}
.discussion .claimReviewList .claimReview .claimReviewBody .reviewSuggestedEditLink, .discussion .claimReviewList .claimReview .claimReviewCommentBody .reviewSuggestedEditLink {
  margin-bottom: 5px;
}
.discussion .claimReviewList .claimReview .claimReviewBody .claimReviewCommentText, .discussion .claimReviewList .claimReview .claimReviewCommentBody .claimReviewCommentText {
  white-space: pre-wrap;
}
.discussion .claimReviewList .claimReview .claimReviewBody .claimModeratorActionBar, .discussion .claimReviewList .claimReview .claimReviewCommentBody .claimModeratorActionBar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 10px 0;
}
.discussion .claimReviewList .claimReview .claimReviewBody .actionRow, .discussion .claimReviewList .claimReview .claimReviewCommentBody .actionRow {
  width: 100%;
  margin-bottom: 5px;
}
.discussion .claimReviewList .claimReview .claimReviewBody .actionRow label, .discussion .claimReviewList .claimReview .claimReviewCommentBody .actionRow label {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.discussion .claimReviewList .claimReview .claimReviewBody .submitPointsButton, .discussion .claimReviewList .claimReview .claimReviewCommentBody .submitPointsButton {
  margin-top: 5px;
}
.discussion .claimReviewList .claimReview .claimReviewBody .idLabel, .discussion .claimReviewList .claimReview .claimReviewCommentBody .idLabel {
  color: #999999;
  float: left;
  font-size: 12px;
  margin: 0px;
  min-height: 20px;
  padding: 5px;
  padding-left: 0px;
  position: relative;
}
.discussion .claimReviewList .claimReview.claimReviewAnnotation .claimReviewBody {
  border-left-color: green;
}
.discussion .claimReviewList .claimReview.claimReviewYes .claimReviewBody {
  border-left-color: green;
}
.discussion .claimReviewList .claimReview.claimReviewNo .claimReviewBody {
  border-left-color: red;
}
.discussion .claimReviewList .claimReview .glyphicon {
  margin-right: 5px;
}
.discussion .claimReviewList .claimReview .claimReviewCommentList {
  padding-left: 15px;
}
.discussion .claimReviewList .commentForm {
  margin-bottom: 5px;
  margin-top: 10px;
}
.discussion .claimReviewList .commentForm .inlineLoadingSpinner {
  float: none;
  margin-right: 15px;
}
.discussion .claimReviewList .commentForm .buttons {
  margin-top: 10px;
  overflow-y: auto;
  text-align: right;
}
.discussion .claimReviewList .commentForm .claimCommentBox textarea {
  min-height: 200px;
}
.discussion .claimReviewList .commentBody {
  display: flex;
}
.discussion .claimReviewList .commentBody .commentBodyText {
  white-space: pre-wrap;
  word-break: break-word;
}
.discussion .claimReviewList .commentActionBar {
  font-size: 12px;
  min-height: 27px;
  margin-top: 10px;
  position: relative;
}
.discussion .claimReviewList .commentActionBar .reviewAuthor {
  color: #999999;
  margin: 0px;
  padding: 5px;
  padding-left: 0px;
  float: left;
}
.discussion .claimReviewList .commentActionBar .reviewAuthorRight {
  color: #999999;
  margin: 0px;
  padding: 5px;
  padding-left: 0px;
  float: right;
}
.discussion .claimReviewList .commentActionBar .button {
  background-color: transparent;
  color: #7C4DFF;
  float: right;
  font-size: 12px;
  margin: 0px;
  padding: 5px;
}
.discussion .claimReviewList .commentActionBar .button:hover {
  text-decoration: underline;
}
.discussion .claimReviewList .commentActionBar .editReviewCommentButton .hasRepliesExplainer {
  background-color: #d9d9d9;
  color: #000000;
  display: none;
  opacity: 0.75;
  padding: 3px;
  position: absolute;
  right: 20px;
  width: 230px;
  z-index: 2;
}
.discussion .claimReviewList .commentActionBar .editReviewCommentButton.disabled {
  color: #b3b3b3;
  text-decoration: none;
}
.discussion .claimReviewList .commentActionBar .editReviewCommentButton.disabled:hover .hasRepliesExplainer {
  display: block;
}
.discussion .supportingVerified {
  font-weight: 700;
}

/* ref: https://getbootstrap.com/docs/3.4/css/#grid */
html .claimListElementActions {
  margin-bottom: 10px;
}
html .claimListElementActions .claimListElementActions {
  margin-bottom: 10px;
}
html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}

html.embed {
  height: 100%;
}
html.embed body, html.embed #app, html.embed .claimChecker, html.embed .claimChecker > .flexRow, html.embed .sourceFrameWrapper {
  height: 100%;
}

.flexRow {
  display: flex;
}

.flexColumn {
  display: flex;
  flex-direction: column;
}

body {
  background-color: #f0f0f0;
}

.logo {
  color: #fff;
  flex-grow: 1;
  float: left;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  margin-top: 4px;
  text-decoration: none;
}
.logo:hover {
  color: #fff;
}
.logo .logoSourced {
  color: #ffffff;
}
.logo .logoFact {
  color: #c4d2ed;
}
.logo .alpha {
  color: #8aa5db;
  font-size: 10px;
  margin-left: 3px;
}
@media (min-width: 768px) {
  .logo {
    font-size: 22px;
    margin-top: 0px;
  }
  .logo .alpha {
    font-size: 13px;
  }
}

.tagLine {
  color: #c4d2ed;
  flex-grow: 1;
  font-size: 14px;
  font-style: italic;
  text-align: center;
}

.inlineLoadingSpinner {
  display: inline-block;
}
.inlineLoadingSpinner img {
  width: 20px;
}

.alertBar {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2;
}
.alertBar .alert {
  margin-bottom: 0px;
  overflow-y: auto;
  padding: 10px 35px;
}
.alertBar .alert .alertExit {
  float: right;
}
.alertBar .alert .alertExit .button {
  background-color: transparent;
}
.alertBar .alert .alertMessage {
  float: left;
  max-width: calc(100% - 50px);
}

.appHeader {
  background-color: #1b2e55;
  color: #ffffff;
  height: 50px;
  padding: 10px 10px 5px 15px;
  width: 100%;
  -webkit-box-shadow: 2px 0px 10px #777;
  -moz-box-shadow: 2px 0px 10px #777;
  box-shadow: 2px 0px 10px #777;
}
@media (min-width: 768px) {
  .appHeader {
    padding: 10px 50px;
  }
}
.appHeader a {
  transition: none;
  -webkit-transition: none;
}
.appHeader .horizontalMenu {
  float: right;
}
.appHeader .horizontalMenu .button {
  background-color: transparent;
  font-size: 11px;
  font-weight: 200;
}
@media (min-width: 768px) {
  .appHeader .horizontalMenu .button {
    font-size: 15px;
  }
}
.appHeader .horizontalMenu.leftMenu {
  float: left;
  margin-left: 15px;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .appHeader .horizontalMenu.leftMenu {
    margin-left: 70px;
    margin-top: 3px;
  }
  .appHeader .horizontalMenu.leftMenu .button {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.appHeader .horizontalMenu.leftMenu .button {
  color: #ecf0f9;
  padding-left: 12px;
  padding-right: 12px;
}
@media (min-width: 768px) {
  .appHeader .horizontalMenu.leftMenu .button:first-child {
    margin-right: 30px;
  }
}
@media (min-width: 768px) {
  .appHeader .horizontalMenu.leftMenu .button {
    margin-right: 30px;
  }
}
.appHeader .hamburgerMenu {
  float: right;
  margin-right: -10px;
  margin-top: -4px;
}
.appHeader .hamburgerMenu button#hamburgerMenu {
  background-color: transparent;
  border-width: 0px;
  box-shadow: none;
  color: #fff;
  font-size: 18px;
  padding-left: 5px;
}
.appHeader .hamburgerMenu button.btn-primary {
  background-color: transparent;
  border-width: 0px;
  box-shadow: none;
}
.appHeader .hamburgerMenu button.btn-primary:focus, .appHeader .hamburgerMenu button.btn-primary:active {
  background-color: transparent;
  border-width: 0px;
  box-shadow: none;
}

.appFooter {
  color: #999999;
  margin-bottom: 50px;
  margin-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
.appFooter .joinButton {
  background-color: transparent;
  text-decoration: underline;
}
.appFooter a {
  color: #999999;
  text-decoration: underline;
}

.appBody {
  padding: 30px 50px;
}
@media (max-width: 768px) {
  .appBody {
    padding: 25px;
  }
}
.appBody.termsOfServiceBody {
  font-size: 16px;
  max-width: 750px;
}

.addClaimDropdown {
  float: right;
}
.addClaimDropdown #addClaim {
  background-color: #1b2e55;
  color: #ffffff;
}
.addClaimDropdown .dropdown-toggle::after {
  border-left: 0.3em solid rgba(0, 0, 0, 0);
  border-right: 0.3em solid rgba(0, 0, 0, 0);
  border-top: 0.3em solid;
  content: "";
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.155em;
}
.addClaimDropdown .dropdown-menu {
  right: 0 !important;
  left: auto !important;
}

.claimList {
  padding: 0px;
  min-height: 350px;
}
.claimList .loadingSpinner {
  margin-top: 100px;
  margin-bottom: 150px;
}
.claimList .emptyClaimListMessage {
  font-size: 18px;
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.claimList .row:first-child .listClaim .claimBody {
  padding-top: 40px;
}
.claimList .row:last-child .listClaim .claimBody {
  padding-bottom: 40px;
}
.claimList .row {
  flex-grow: 1;
}
.claimList.supportingClaimList .supportingClaimsEditHeader .title {
  font-weight: 600;
}
.claimList.supportingClaimList .topBar {
  margin-bottom: 15px;
  margin-top: 15px;
}
.claimList.supportingClaimList .topBar .supportingClaimsReadHeader .description {
  color: #808080;
}
.claimList.supportingClaimList .supportingClaim .removeSupportingClaim {
  border: none;
  float: right;
}
.claimList.supportingClaimList .supportingClaim .removeSupportingClaim .glyphicon-remove {
  padding: 1%;
  margin: 0 -5px;
}
.claimList.projectClaimList .claimListSummary {
  margin-top: 15px;
}
.claimList.projectClaimList .claimListSummary .summaryItem {
  margin-right: 10px;
}
.claimList.userFeedbackClaimList .claimComment {
  background-color: #fff;
  margin-bottom: 10px;
  min-height: 60px;
  padding: 10px 15px;
}

.listClaim .claimBody {
  margin-bottom: 0px;
  padding: 20px 30px;
}
.listClaim .claimBody .content {
  font-size: 15px;
}
@media (min-width: 768px) {
  .listClaim .claimBody .content {
    float: left;
    width: calc(100% - 105px);
  }
}
@media (min-width: 768px) {
  .listClaim .contentSourceWrapper {
    float: right;
  }
}

.tagName, .claimListTitle {
  color: #000;
  float: left;
  font-size: 17px;
  font-weight: 400;
  margin-right: 20px;
}
@media (min-width: 768px) {
  .tagName, .claimListTitle {
    font-size: 28px;
    font-weight: 200;
  }
}
.tagName.userFeedback, .claimListTitle.userFeedback {
  margin-bottom: 20px;
}
.tagName.validPointsTitle, .claimListTitle.validPointsTitle {
  margin-bottom: 20px;
}

.primaryActionButton {
  background-color: #1b2e55;
  color: #ffffff;
  float: right;
  margin-top: 10px;
  padding: 5px 12px;
}

.actionBar {
  margin-bottom: 10px;
  overflow-x: auto;
}
.actionBar .button {
  background-color: #1b2e55;
  color: #fff;
  font-size: 12px;
  height: 30px;
  width: 80px;
}
@media (min-width: 768px) {
  .actionBar .button {
    font-size: 15px;
    height: 30px;
    width: 100px;
  }
}
.actionBar .addClaimButton {
  background-color: transparent;
  color: #1b2e55;
  float: right;
}
.actionBar .addClaimButton:hover {
  text-decoration: underline;
}
.actionBar .topActionBar {
  margin-top: 10px;
  overflow-y: auto;
}
.actionBar .topActionBar .followTagButton {
  float: right;
  width: 60px;
}
@media (min-width: 768px) {
  .actionBar .topActionBar .followTagButton {
    width: 100px;
  }
}
.actionBar #search {
  width: 400px;
  font-size: 20px;
}
.actionBar .searchBar {
  margin-bottom: 20px;
}
.actionBar .disabledSearchBarMsg {
  color: #b3b3b3;
}

.pageControls {
  text-align: center;
}
.pageControls a {
  background-color: transparent;
  margin-left: 10px;
}
.pageControls a:first-child {
  margin-left: 0px;
}

.addClaimButton, .submitClaimButton, .editSupportingClaimsBackButton {
  font-size: 15px;
  padding-left: 10px;
  padding-right: 10px;
}

.claimEditForm .inlineLoadingSpinner {
  float: right;
  margin-left: -30px;
  margin-top: -2px;
}

.textButton {
  background-color: transparent;
  color: #2b4a88;
}
.textButton:hover {
  text-decoration: underline;
}

.followTagButton:hover {
  background-color: #0284ca;
}
.followTagButton.isFollowing {
  background-color: #7C4DFF;
  border-color: #7C4DFF;
}
.followTagButton.isFollowing:hover {
  background-color: #7C4DFF;
}

.submitClaimButton {
  background-color: #7C4DFF;
  color: #fff;
  padding-bottom: 5px;
  padding-top: 5px;
}

.editSupportingClaimsBackButton {
  background-color: #b3b3b3;
  color: #000000;
  padding-bottom: 5px;
  padding-top: 5px;
}

.verificationToggle .button, .projectClaimStatusMenu .button {
  background-color: transparent;
  border-width: 0px;
  color: #b3b3b3;
  height: 30px;
  width: 65px;
}
@media (min-width: 768px) {
  .verificationToggle .button, .projectClaimStatusMenu .button {
    width: 80px;
  }
}
.verificationToggle .button.selected, .projectClaimStatusMenu .button.selected {
  border-bottom-width: 2px;
  border-color: #1b2e55;
  color: #000;
}

.closeButton {
  background-color: transparent;
  color: #039bef;
  float: right;
  font-size: 15px;
}

.objectionWarningBackdrop {
  opacity: 0.5;
}

.modal-dialog.objectionWarningModal {
  max-width: 300px;
}
.modal-dialog.objectionWarningModal .modal-body {
  padding: 30px;
}

.modal-dialog {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .modal-dialog {
    margin-top: 150px;
    width: 750px;
  }
}
.modal-dialog .modal-header {
  background-color: #1b2e55;
  color: #fff;
  font-size: 18px;
}
.modal-dialog .modal-header .closeButton {
  color: #ffffff;
}
.modal-dialog .modal-body {
  overflow-y: auto;
  padding-top: 0px;
}

.call-to-action-modal {
  font-family: "Helvetica Neue", "Helvetica";
  margin-top: 70px;
}
@media (min-width: 768px) {
  .call-to-action-modal {
    margin-top: 150px;
  }
}
.call-to-action-modal .modal-header {
  background-color: transparent;
  color: #000;
  margin: 15px;
  margin-top: 25px;
}
.call-to-action-modal .modal-header .modal-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-header .modal-title {
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
  }
}
.call-to-action-modal .modal-header .modal-title u {
  text-decoration: none;
  border-bottom: 3px solid #000;
  border-color: #6c63ff;
}
.call-to-action-modal .modal-header #self-ad-modal-close-button {
  font-size: 24px;
}
.call-to-action-modal .modal-header #article-self-ad-modal-close-button {
  color: black;
  font-size: 18px;
  text-align: center;
  aspect-ratio: 1;
  border-radius: 50%;
  margin-right: -15px;
  margin-top: -4px;
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-header #article-self-ad-modal-close-button {
    margin-right: -4px;
  }
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-header {
    margin: 40px;
    margin-top: 30px;
  }
}
.call-to-action-modal .modal-body {
  font-size: 18px;
  line-height: 21.47px;
  font-weight: 400;
  margin-top: 35px;
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-body {
    margin: 48px;
  }
}
.call-to-action-modal .modal-body .modal-body-item {
  opacity: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.call-to-action-modal .modal-footer {
  margin-top: 40px;
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-footer {
    margin-top: 0px;
  }
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-footer #article-self-ad-modal-form {
    margin-left: 28px;
    margin-right: 28px;
  }
}
.call-to-action-modal .modal-footer .signupSuccessMessage {
  display: none;
  width: 90%;
}
.call-to-action-modal .modal-footer .signupErrorMessage {
  display: none;
}
.call-to-action-modal .modal-footer .form-inline {
  text-align: center;
}
.call-to-action-modal .modal-footer .form-control {
  display: inline-block;
  font-size: 20px;
  height: 40px;
  padding: 10px 10px;
  width: 225px;
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-footer .form-control {
    width: 500px;
  }
}
.call-to-action-modal .modal-footer .submitEmail {
  background-color: #0ca657;
  border-width: 0px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  height: 40px;
  text-align: center;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .call-to-action-modal .modal-footer .submitEmail {
    font-size: 20px;
    height: 40px;
    line-height: 20px;
    padding: 0px 10px;
  }
}
.call-to-action-modal .modal-footer .submitEmail:hover {
  background-color: lightgreen;
}
.call-to-action-modal .closeButton {
  color: black;
  font-size: 18px;
  text-align: center;
  aspect-ratio: 1;
  border-radius: 50%;
  margin-right: -15px;
  margin-top: -4px;
}
@media (min-width: 768px) {
  .call-to-action-modal .closeButton {
    margin-right: -4px;
  }
}

.saveWithParentPromptModal .saveWithParentUpdateButton {
  margin-right: 15px;
}
.saveWithParentPromptModal .modal-body {
  padding: 20px;
}
.saveWithParentPromptModal .modal-body .messageContent {
  margin-bottom: 20px;
}
.saveWithParentPromptModal .modal-body .messageContent a {
  text-decoration: underline;
}

.automatedChecksContainer {
  border-color: #1b2e55;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 15px;
  margin-top: 25px;
}
.automatedChecksContainer .title {
  font-size: 16px;
  font-weight: 500;
}
.automatedChecksContainer .automatedCheckItem {
  background-color: #f2f2f2;
  border-color: #1b2e55;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  padding: 15px;
  margin-top: 10px;
}
.automatedChecksContainer .automatedCheckItem ul {
  margin-top: 10px;
}
.automatedChecksContainer .phraseWarning {
  padding-top: 10px;
}
.automatedChecksContainer .automatedCheckNote {
  color: #595959;
  margin-top: 10px;
}
.automatedChecksContainer .automatedChecksLoadingWrapper {
  margin-top: 10px;
  text-align: center;
}
.automatedChecksContainer .automatedChecksLoadingWrapper .loadingSpinner {
  margin-bottom: 10px;
}
.automatedChecksContainer .checksTimedOutMessage {
  margin-top: 15px;
}
.automatedChecksContainer .automatedCheckActions {
  margin-top: 10px;
  text-align: right;
}
.automatedChecksContainer .automatedCheckActions .textButton {
  text-decoration: underline;
}

.outdatedEditModal {
  width: 450px;
}
.outdatedEditModal .closeButton {
  color: #1b2e55;
  margin-top: 15px;
}
.outdatedEditModal .goToUpdatedButton {
  margin-right: 15px;
}
.outdatedEditModal .editAnywaysButton {
  float: right;
  margin-right: 10px;
  margin-top: 15px;
}

.addClaimModal .inputTitle, .feedbackModal .inputTitle {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 25px;
}
.addClaimModal .inlineFactText, .feedbackModal .inlineFactText {
  display: inline-block;
  margin-right: 10px;
}
.addClaimModal textarea, .feedbackModal textarea {
  height: 200px;
}
.addClaimModal .submitClaimButton, .addClaimModal .editSupportingClaimsBackButton, .feedbackModal .submitClaimButton, .feedbackModal .editSupportingClaimsBackButton {
  float: right;
  margin-top: 25px;
  margin-left: 5px;
}
.addClaimModal .submitClaimButton:disabled, .addClaimModal .editSupportingClaimsBackButton:disabled, .feedbackModal .submitClaimButton:disabled, .feedbackModal .editSupportingClaimsBackButton:disabled {
  background-color: #a6a6a6;
}
.addClaimModal .textButtonClose, .feedbackModal .textButtonClose {
  float: right;
  margin-top: 30px;
  margin-left: 5px;
  background-color: transparent;
  color: #2b4a88;
}
.addClaimModal .textButtonClose:hover, .feedbackModal .textButtonClose:hover {
  text-decoration: underline;
}
.addClaimModal .inlineLoadingSpinner, .feedbackModal .inlineLoadingSpinner {
  float: right;
  margin-right: 15px;
  margin-top: 29px;
}

.addClaimModalContainer {
  overflow-y: auto;
}

.addClaimModal {
  margin-top: 50px;
}
.addClaimModal .modal-body {
  padding: 20px;
  padding-top: 0px;
}
.addClaimModal .inputRadioSelect {
  display: inline-block;
}
.addClaimModal .inputRadioSelect label {
  font-weight: 400;
  margin-right: 20px;
}
.addClaimModal .sourceUrl .errorMessage {
  color: #a94442;
  display: block;
  font-size: 14px;
  height: 20px;
  padding-top: 5px;
  width: 100%;
}
.addClaimModal .modalText {
  margin-bottom: 40px;
}
.addClaimModal .supportingClaimsFactSummary .inputTitle, .addClaimModal .supportingClaimsFactSummary .modalText {
  color: #8c8c8c;
}

.claimAuthorChecklist {
  margin-top: -15px;
}

.reviewerCheckList {
  background-color: #ffffff;
  margin: auto;
  max-width: 600px;
  padding: 40px;
}

.checklistTitleWrapper {
  font-size: 18px;
  margin-bottom: 25px;
  margin-top: 25px;
}
.checklistTitleWrapper .checklistTitle {
  color: #1b2e55;
  font-weight: 500;
  text-decoration: underline;
}
.checklistTitleWrapper a {
  font-size: 16px;
  font-weight: 300;
  text-decoration: underline;
}

.claimAuthorChecklist .claimChecklistItem, .reviewerCheckList .claimChecklistItem {
  margin-top: 10px;
}
.claimAuthorChecklist .claimChecklistItem .itemContent, .reviewerCheckList .claimChecklistItem .itemContent {
  flex-grow: 1;
  padding-right: 15px;
}
.claimAuthorChecklist .claimChecklistItem .itemContent .itemTitle, .reviewerCheckList .claimChecklistItem .itemContent .itemTitle {
  font-weight: 600;
}
.claimAuthorChecklist .claimChecklistItem .checkbox, .reviewerCheckList .claimChecklistItem .checkbox {
  max-width: 30px;
  min-width: 30px;
  width: 30px;
}
.claimAuthorChecklist .claimChecklistItem .checkbox input, .reviewerCheckList .claimChecklistItem .checkbox input {
  margin-left: 0px;
  width: 100%;
}
.claimAuthorChecklist .claimChecklistItem .showExamples, .reviewerCheckList .claimChecklistItem .showExamples {
  cursor: pointer;
  margin-left: 10px;
  text-decoration: underline;
}
.claimAuthorChecklist .claimChecklistItem .showExamples:hover, .reviewerCheckList .claimChecklistItem .showExamples:hover {
  text-decoration: none;
}
.claimAuthorChecklist .claimChecklistItem .itemExamples, .reviewerCheckList .claimChecklistItem .itemExamples {
  background-color: #f2f2f2;
  border-radius: 6px;
  margin-top: 10px;
  padding: 15px;
}
.claimAuthorChecklist .claimChecklistItem .itemExamples .examplesTitle, .reviewerCheckList .claimChecklistItem .itemExamples .examplesTitle {
  font-weight: 600;
  margin-bottom: 10px;
}
.claimAuthorChecklist .claimChecklistItem .itemExamples .exampleText, .reviewerCheckList .claimChecklistItem .itemExamples .exampleText {
  margin-bottom: 10px;
}
.claimAuthorChecklist .claimChecklistItem .itemExamples .exampleText hr, .reviewerCheckList .claimChecklistItem .itemExamples .exampleText hr {
  border-top: 1px solid #a6a6a6;
  margin-bottom: 14px;
  margin-top: 15px;
}
.claimAuthorChecklist .claimChecklistItem .itemExamples .exampleText:last-child, .reviewerCheckList .claimChecklistItem .itemExamples .exampleText:last-child {
  margin-bottom: 0px;
}
.claimAuthorChecklist .claimChecklistItem .itemExamples .exampleText:last-child hr, .reviewerCheckList .claimChecklistItem .itemExamples .exampleText:last-child hr {
  display: none;
}

.feedbackModal {
  color: #b3b3b3;
}
.feedbackModal .form-control {
  margin-top: 15px;
}
.feedbackModal .feedbackContent {
  margin-top: 25px;
}

.addExistingClaimModal .claimIdInput {
  margin-top: 25px;
}
.addExistingClaimModal .findClaimForm {
  overflow-y: auto;
}
.addExistingClaimModal .addFoundClaim, .addExistingClaimModal .findClaimButton {
  background-color: #1b2e55;
  color: #ffffff;
  float: right;
  margin-top: 10px;
  padding: 5px 12px;
}
.addExistingClaimModal .claim {
  margin-top: 25px;
}
.addExistingClaimModal .claim .verificationCount {
  display: inline-block;
  margin-right: 10px;
}
.addExistingClaimModal .claim .verificationCount .unverifiedLabel {
  color: #7c4dff;
}
.addExistingClaimModal .inlineLoadingSpinner {
  float: right;
  margin-right: 15px;
  margin-top: 14px;
}

.aboutProjectBody {
  background-color: #fff;
  font-size: 16px;
  margin: auto;
  margin-top: 30px;
  max-width: 700px;
  padding: 30px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.aboutProjectBody .aboutTitle {
  color: #1b2e55;
  font-size: 25px;
  text-align: center;
}
.aboutProjectBody .aboutContent {
  margin-top: 20px;
  max-width: 700px;
}
.aboutProjectBody .joinButton {
  background-color: transparent;
  color: #337ab7;
  margin: 0px;
  padding: 0px;
}
.aboutProjectBody .contact {
  margin-bottom: 20px;
}
.aboutProjectBody .contact .contactTitle {
  margin-bottom: 40px;
}
.aboutProjectBody .contact .addressUS, .aboutProjectBody .contact .addressCA {
  display: inline-block;
}
.aboutProjectBody .contact .addressUS {
  width: 50%;
}
.aboutProjectBody .team {
  font-size: 16px;
  text-align: center;
}
.aboutProjectBody .team .teamList {
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  margin-top: 25px;
}
.aboutProjectBody .team .teamMember {
  display: inline-block;
  margin: 10px;
}
.aboutProjectBody .team .teamMember .teamMemberName {
  font-weight: 500;
  margin-top: 10px;
  max-width: 145px;
}
@media (min-width: 768px) {
  .aboutProjectBody .team .teamMember .teamMemberName {
    max-width: 150px;
  }
}
.aboutProjectBody .team .teamMember .teamMemberTitle {
  max-width: 145px;
}
@media (min-width: 768px) {
  .aboutProjectBody .team .teamMember .teamMemberTitle {
    max-width: 150px;
  }
}
.aboutProjectBody .team .teamMember .teamProfilePic {
  height: 115px;
  width: 115px;
}
@media (min-width: 768px) {
  .aboutProjectBody .team .teamMember .teamProfilePic {
    height: 125px;
    width: 125px;
  }
}

.project .claimList {
  margin-top: 40px;
}
.project .topActionBar {
  overflow-y: auto;
}
.project .claimListTitle {
  margin-bottom: 20px;
}
.project .addClaimDropdown {
  float: right;
  margin-right: -10px;
  margin-top: -5px;
}
.project .projectClaimStatusMenu {
  float: left;
  margin-bottom: 10px;
  margin-left: -10px;
}
.project .projectClaimStatusMenu .button {
  padding-left: 10px;
  padding-right: 10px;
  width: initial;
}
.project .claimListElementActions {
  margin-bottom: 10px;
}
.project .loadingSpinner {
  margin: auto;
  margin-top: 150px;
  width: fit-content;
}

.pitch .claimListTitle {
  width: 100%;
}
.pitch .bottomActionBar {
  margin-top: 25px;
}
.pitch .bottomActionBar .needFactCheckingNoteSummary {
  font-size: 19px;
  font-weight: 400;
  color: red;
  padding: 0px;
  margin: 0px;
  float: left;
}
@media (max-width: 767px) {
  .pitch .bottomActionBar .needFactCheckingNoteSummary {
    font-size: 16px;
  }
}

.suggestedEditClaimList {
  margin-bottom: 10px;
}
.suggestedEditClaimList .suggestedEdit {
  background-color: #ffffff;
  margin-left: 40px;
  overflow-y: auto;
  padding: 10px 20px 10px 20px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.suggestedEditClaimList .suggestedEdit .suggestedEditLabel {
  font-weight: 600;
}
.suggestedEditClaimList .suggestedEdit .editActionBar {
  float: right;
}

.projectClaim .glyphicon.glyphicon-exclamation-sign, .supportingClaim .glyphicon.glyphicon-exclamation-sign {
  color: #fa3e3e;
}

.userFeedbackClaimList .claim {
  overflow-y: overlay;
}
.userFeedbackClaimList .claim .sourceCheckWrapper, .userFeedbackClaimList .claimActionBar .sourceCheckWrapper {
  width: 100%;
}
.userFeedbackClaimList .claim .checkSourceButton, .userFeedbackClaimList .claimActionBar .checkSourceButton {
  float: right;
}
.userFeedbackClaimList .claim, .userFeedbackClaimList .claimBody {
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  white-space: pre-wrap;
  word-break: break-word;
}
.userFeedbackClaimList .claimCommentWrapper {
  margin-left: 75px;
  padding-left: 10px;
  padding-right: 10px;
}
.userFeedbackClaimList .moderatorCommentWrapper {
  margin-left: 150px;
  padding-left: 10px;
  padding-right: 10px;
}
.userFeedbackClaimList .claimComment {
  white-space: pre-wrap;
  word-break: break-word;
}
.userFeedbackClaimList .claimComment .pointForCommentTypeLabel, .userFeedbackClaimList .commentActionBar .pointForCommentTypeLabel {
  font-weight: bold;
}
.userFeedbackClaimList .claimComment .reviewAuthorRight, .userFeedbackClaimList .commentActionBar .reviewAuthorRight {
  color: #999999;
  margin: 0px;
  padding: 5px;
  padding-left: 0px;
  text-align: right;
}
.userFeedbackClaimList .claimComment .moderatorCommentAuthorRight, .userFeedbackClaimList .commentActionBar .moderatorCommentAuthorRight {
  color: #999999;
  margin: 0px;
  padding: 5px;
  padding-left: 0px;
  text-align: right;
}

.claimChecker .loadingSpinner {
  margin-top: 200px;
}
.claimChecker .reviewersExtra .loadingSpinner {
  margin-top: 0px;
}
.claimChecker .contentWrapper {
  position: relative;
}
@media (min-width: 768px) {
  .claimChecker .contentWrapper {
    -webkit-box-shadow: 2px 0px 10px #777;
    -moz-box-shadow: 2px 0px 10px #777;
    box-shadow: 2px 0px 10px #777;
  }
}
.claimChecker .noSourceMessage {
  font-size: 18px;
  margin: auto;
  margin-top: 50px;
  max-width: 600px;
}
.claimChecker .noSourceMessage .editButtonWrapper {
  margin: auto;
  margin-top: 20px;
  width: fit-content;
}
.claimChecker .noSourceMessage .editButtonWrapper .editButton {
  background-color: #1b2e55;
  color: #ffffff;
}
.claimChecker .supportingClaimList {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .claimChecker .supportingClaimList {
    width: 85%;
    padding-left: 50px;
  }
}
.claimChecker .supportingClaimList .verificationCount {
  display: inline-block;
  margin-right: 10px;
}
.claimChecker .supportingClaimList .verificationCount .unverifiedLabel {
  color: #7c4dff;
}
.claimChecker .supportingClaimList > .row:last-child {
  margin-bottom: 30px;
}
.claimChecker .supportingClaimList .checkSourceButton {
  white-space: nowrap;
}
.claimChecker .claimEditButton.button {
  bottom: 100px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.23);
  color: #ffffff;
  font-size: 20px;
  position: absolute;
  width: 120px;
  z-index: 1;
}
.claimChecker .claimEditButton.button.saveClaimChanges {
  background-color: #1b2e55;
  right: 30px;
}
.claimChecker .claimEditButton.button.cancelClaimEdit {
  background-color: #b3b3b3;
  color: #000000;
  right: 170px;
}
.claimChecker .claimContent, .claimChecker .suggestedEditMessage {
  background-color: #fff;
  display: block;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
@media (min-width: 768px) {
  .claimChecker .claimContent, .claimChecker .suggestedEditMessage {
    height: initial;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.claimChecker .claimContent {
  box-shadow: 0 3px 6px #b9b1b1;
  z-index: 1;
}
.claimChecker .suggestedEditMessage {
  background-color: #d9edf7;
  color: #31708f;
  margin-right: 0px;
}
.claimChecker .suggestedEditMessage .title {
  font-weight: 500;
  margin-right: 5px;
}
.claimChecker .suggestedEditMessage a {
  color: #31708f;
  text-decoration: underline;
}
.claimChecker .suggestedEditMessage .button {
  background-color: #1b2e55;
  color: #ffffff;
  margin-left: 30px;
}
.claimChecker .claimWarningMessage {
  background-color: #f2dede;
  color: #a94442;
  font-weight: 600;
  padding: 10px;
  padding-left: 20px;
}
.claimChecker .claimWarningMessage .description {
  font-weight: 300;
}
.claimChecker .claimWarningMessage a {
  color: #337ab7;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-color: #9cc2e3;
}
@media (min-width: 769px) {
  .claimChecker .claimWarningMessage {
    padding-left: 50px;
  }
}
.claimChecker .hideMobileDiscussion.button {
  display: none;
  font-size: 16px;
}
@media (min-width: 769px) {
  .claimChecker .contentWrapper {
    width: calc(100% - 350px);
  }
  .claimChecker .contentWrapper .sourceFrame {
    border-width: 0px;
    height: 80vh; /* this gets overwritten by js */
    padding-top: 2px;
  }
}
.claimChecker .contentWrapper .secondaryActions {
  margin-top: -8px;
  overflow-y: auto;
  padding-top: 8px;
}
.claimChecker .contentWrapper .secondaryActions .showMobileDiscussion {
  margin-top: -8px;
}
@media (max-width: 768px) {
  .claimChecker .contentWrapper .secondaryActions .editBar {
    display: none;
  }
}
.claimChecker .contentWrapper .secondaryActions .editBar {
  display: block;
  float: right;
}
.claimChecker .contentWrapper .secondaryActions .editBar .editInfo {
  display: inline-block;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  width: 145px;
}
.claimChecker .contentWrapper .secondaryActions .editBar .button.editButton {
  background-color: #1b2e55;
  color: #ffffff;
  display: inline-block;
  margin-top: -8px;
  padding: 2px 8px;
}
.claimChecker .contentWrapper .toggleSourceTypeButton {
  margin-top: 10px;
  padding-left: 0px;
}
.claimChecker .contentWrapper .sourceLoading {
  margin-top: 200px;
  position: absolute;
  width: 100%;
}
.claimChecker .contentWrapper .thumbnailSourceLoading {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px); /* need this for safari */
  border-radius: 3px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  font-size: 22px;
  margin-top: 275px;
  padding: 15px;
  position: absolute;
  width: 275px;
}
.claimChecker .contentWrapper .sourceFrameWrapper {
  display: flex;
  justify-content: center;
  min-height: 600px;
  position: relative;
  width: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.claimChecker .contentWrapper .sourceFrameWrapper .sourceThumbnail {
  max-width: calc(100vw - 400px);
  height: max-content;
}
.claimChecker .contentWrapper .sourceFrame {
  width: 100%;
  overflow-y: scroll;
}
.claimChecker .contentWrapper .externalSourceThumbnail {
  width: 100%;
}
.claimChecker .contentWrapper .externalSourceWrapper {
  min-height: 250px;
}
.claimChecker .contentWrapper .externalSource {
  max-width: 220px;
  margin-top: 50px;
  margin-bottom: 10px;
  padding: 20px;
  box-shadow: 0 0 7px 0 black;
  text-align: center;
  vertical-align: middle;
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  color: black;
}
@media (min-width: 768px) {
  .claimChecker .contentWrapper .externalSource {
    max-width: 600px;
    margin-top: 220px;
    padding: 75px;
    font-size: 16px;
  }
}
.claimChecker .contentWrapper .externalSource.hasThumbnail {
  position: absolute;
}
.claimChecker .contentWrapper .externalSource .sourceName {
  margin: 10px auto;
}
.claimChecker .contentWrapper .externalSource .sourceName .sourceNameLabel {
  color: #464646;
}
.claimChecker .contentWrapper .externalSource .sourceButton {
  width: 140px;
  height: 34px;
  margin: auto;
  background-color: #0284ca;
  text-align: center;
  border-radius: 3px;
}
.claimChecker .contentWrapper .externalSource .sourceButton a {
  color: white;
  display: inline-block;
  margin: 0 auto;
  padding: 0.4em;
}
.claimChecker .contentWrapper .OpenDocPrompt {
  display: flex;
  justify-content: center;
  align-items: start;
  height: auto;
  margin: auto;
  text-align: center;
  padding-top: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
@media (max-height: 800px) {
  .claimChecker .contentWrapper .OpenDocPrompt {
    padding-top: 150px;
  }
}
@media (max-height: 600px) {
  .claimChecker .contentWrapper .OpenDocPrompt {
    padding-top: 80px;
  }
}
.claimChecker .contentWrapper .OpenDocPrompt .promptContent {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 7px 0 black;
  max-width: 265px;
  padding: 20px;
}
.claimChecker .contentWrapper .OpenDocPrompt .fileName {
  margin: 10px auto;
  color: black;
}
.claimChecker .contentWrapper .OpenDocPrompt .fileName .fileNameLabel {
  color: #464646;
}
.claimChecker .contentWrapper .OpenDocPrompt .promptImg {
  color: #999999;
}
.claimChecker .contentWrapper .OpenDocPrompt .promptButton {
  background-color: #0284ca;
  border-radius: 3px;
  font-size: 14px;
  margin: auto;
  margin-bottom: 10px;
  padding: 2px;
  text-align: center;
  width: 225px;
}
.claimChecker .contentWrapper .OpenDocPrompt .promptButton a, .claimChecker .contentWrapper .OpenDocPrompt .promptButton button {
  color: white;
  display: inline-block;
  margin: 0 auto;
  padding: 0.4em;
}
.claimChecker .contentWrapper .OpenDocPrompt .promptButton button {
  background-color: transparent;
  border-width: 0px;
}
.claimChecker .contentWrapper .OpenDocPrompt .factCheckersCount {
  display: flex;
  justify-content: center;
}
.claimChecker .contentWrapper .OpenDocPrompt .factCheckersCount .verificationCheckMark {
  --circleSize: 20px;
  border-radius: var(--circleSize);
  background: #1991D7;
  color: white;
  display: flex;
  height: var(--circleSize);
  padding-left: 4px;
  padding-top: 3px;
  width: var(--circleSize);
}
.claimChecker .contentWrapper .OpenDocPrompt .factCheckersCount .verificationCheckMark .glyphicon {
  font-size: 12px;
}
.claimChecker .contentWrapper .OpenDocPrompt .factCheckersCount .factCheckerLabel {
  font-size: 14px;
  margin-left: 5px;
}
.claimChecker .contentWrapper .contentMenu {
  overflow-y: auto;
}
.claimChecker .contentWrapper .contentMenu .sourceBar {
  float: left;
  padding: 7px 0px;
}
.claimChecker .contentWrapper .contentMenu .mobileSourceBar {
  color: #8c8c8c;
  display: inline-block;
  padding: 10px 0px 0px 0px;
}
.claimChecker .contentWrapper .contentMenu .mobileSourceBar .archiveInfo {
  display: block;
}
.claimChecker .claimCheckerSuggestedEditList {
  float: left;
  overflow-y: scroll;
  padding-bottom: 10px;
  padding-left: 25px;
  padding-right: 15px;
  padding-top: 10px;
  width: 350px;
}
@media (max-width: 768px) {
  .claimChecker .claimCheckerSuggestedEditList {
    display: none;
  }
}
.claimChecker .claimCheckerSuggestedEditList .suggestedEditsTitle {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #b3b3b3;
  font-size: 18px;
  margin-bottom: 25px;
  margin-top: 5px;
}
.claimChecker .claimCheckerSuggestedEditList .suggestedEdit {
  margin-left: 0px;
}
.claimChecker .showMobileDiscussionButton, .claimChecker .hideMobileDiscussion.button {
  background-color: transparent;
  color: #2b4a88;
  padding: 7px 0px;
  text-decoration: underline;
  text-decoration-color: #b1c3e7;
}
.claimChecker .showMobileDiscussionButton:hover, .claimChecker .showMobileDiscussionButton .selected, .claimChecker .hideMobileDiscussion.button:hover, .claimChecker .hideMobileDiscussion.button .selected {
  color: #7C4DFF;
}
.claimChecker .showMobileDiscussionButton.selected, .claimChecker .hideMobileDiscussion.button.selected {
  background-color: #D2C4FB;
}
@media (max-width: 768px) {
  .claimChecker .showMobileDiscussionBar {
    display: block;
  }
}
.claimChecker .showMobileDiscussionBar {
  display: none;
  margin: auto;
}
.claimChecker .showMobileDiscussionBar .reviewerCount {
  color: #8c8c8c;
}
.claimChecker .hideMobileDiscussion.button {
  margin-left: 25px;
  margin-top: 10px;
}
.claimChecker .content {
  margin-right: 3px;
}
.claimChecker .textToggleButton {
  background-color: transparent;
  color: #1b2e55;
  padding-left: 0px;
  text-decoration: underline;
  text-decoration-color: #b1c3e7;
}
.claimChecker .sourceLink {
  color: #999999;
}
.claimChecker .sourceLink a {
  color: #8c8c8c;
}
.claimChecker .sourceLink a .sourceUrl {
  color: #4d4d4d;
  text-decoration: underline;
  text-decoration-color: #cccccc;
}
.claimChecker .sourceLink .archive-status-label {
  color: red;
  font-weight: 500;
}
.claimChecker .sourceLink .archive-status-note {
  color: black;
}
.claimChecker .sourceLink .bookSnapshotDisplayCitation {
  margin-right: 10px;
  color: #4d4d4d;
}
.claimChecker .editInfo {
  color: #bfbfbf;
  text-align: right;
}
.claimChecker .editInfo a {
  color: #bfbfbf;
  text-decoration: underline;
  text-decoration-color: #cccccc;
}
.claimChecker .editInfo a:hover {
  color: #2b4a88;
}
.claimChecker .sourceBar {
  overflow-y: auto;
  padding: 5px 0px;
}
.claimChecker .sourceBar .discussionToggle {
  display: inline-block;
}
.claimChecker .sourceBar .sourceLink a {
  display: inline-block;
  margin-right: 10px;
}
.claimChecker .sourceBar .sourceLink a .sourceUrl:hover {
  color: #2b4a88;
  color: #0284ca;
}
.claimChecker .sourceBar .sourceLink .bookSnapshotDisplayCitation {
  display: inline-block;
  margin-right: 10px;
  color: #4d4d4d;
}
.claimChecker .sourceBar .discussionLabel {
  color: #b3b3b3;
}
.claimChecker .sourceBar .archiveInfo {
  display: inline-block;
  white-space: nowrap;
}
.claimChecker .sourceBar.mobileSourceBar {
  padding: 0px;
}
.claimChecker .sourceBar.mobileSourceBar .sourceLink {
  float: right;
}
.claimChecker .sourceBar.mobileSourceBar .sourceLink .bookSnapshotDisplayCitation {
  margin-right: 10px;
  color: #4d4d4d;
}
.claimChecker .sourceBar.mobileSourceBar .archiveInfo {
  display: none;
}
.claimChecker .discussionWrapper {
  display: initial;
}
@media (max-width: 768px) {
  .claimChecker .discussionWrapper {
    display: none;
  }
}
.claimChecker.mobileDiscussionMode .discussionWrapper {
  display: block;
}
.claimChecker.mobileDiscussionMode .discussion {
  display: block;
  width: initial;
}
.claimChecker.mobileDiscussionMode .contentWrapper {
  display: none;
}
.claimChecker.mobileDiscussionMode .hideMobileDiscussion.button {
  display: block;
}
.claimChecker .pointsSubmittedMessage {
  color: green;
  clear: both;
}
.claimChecker .claimPointsNote {
  color: green;
  clear: both;
}

.loginModal {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .loginModal {
    margin-top: 150px;
    width: 750px;
  }
}
.loginModal .modalTitle {
  color: #1b2e55;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
}
.loginModal .modal-body {
  padding: 20px;
}
.loginModal .termsAndPrivacyStatement {
  color: #808080;
  font-size: 13px;
  margin-top: 20px;
}
.loginModal .termsAndPrivacyStatement a {
  color: #808080;
  text-decoration: underline;
}

.registrationForm, .loginForm {
  overflow-y: auto;
  padding: 15px 0px;
}
.registrationForm .inputText, .registrationForm .inputPassword, .loginForm .inputText, .loginForm .inputPassword {
  margin-top: 10px;
}
.registrationForm .resetPasswordLink, .loginForm .resetPasswordLink {
  margin-top: 7px;
}
.registrationForm .title, .loginForm .title {
  color: #1b2e55;
  font-weight: 700;
}
.registrationForm .button, .loginForm .button {
  background-color: #1b2e55;
  color: #fff;
  float: right;
  margin-top: 10px;
  padding: 5px 10px;
}
.registrationForm .button:disabled, .loginForm .button:disabled {
  background-color: #68c9fd;
}

.signupHeader {
  background-color: #707A91;
  bottom: 0px;
  color: #ffffff;
  font-size: 13px;
  left: 0px;
  max-height: 100px;
  overflow-y: hidden;
  padding: 10px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 2;
  -webkit-transition: all 200ms ease-in-out 0s;
  -moz-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
}
@media (min-width: 768px) {
  .signupHeader {
    font-size: 20px;
  }
}
.signupHeader.closed {
  max-height: 0px;
  padding: 0px;
}
.signupHeader .callToAction .button {
  margin-left: 15px;
}
.signupHeader .formWrapper {
  margin: auto;
  width: 100%;
  max-width: 820px;
}
.signupHeader .inputText, .signupHeader .inputPassword {
  display: inline-block;
}
.signupHeader .inputText input, .signupHeader .inputPassword input {
  border: 0px;
  border-radius: 0px;
  font-size: 14px;
  height: 30px;
  padding: 10px 16px;
}
@media (min-width: 768px) {
  .signupHeader .inputText input, .signupHeader .inputPassword input {
    font-size: 18px;
    height: 40px;
  }
}
.signupHeader .inputText.email input, .signupHeader .inputPassword.email input {
  width: 175px;
}
@media (min-width: 768px) {
  .signupHeader .inputText.email input, .signupHeader .inputPassword.email input {
    width: 600px;
  }
}
.signupHeader .inputText.password input, .signupHeader .inputPassword.password input {
  width: 200px;
}
@media (min-width: 768px) {
  .signupHeader .inputText.password input, .signupHeader .inputPassword.password input {
    width: 600px;
  }
}
.signupHeader .instruction {
  margin-bottom: 10px;
}
.signupHeader .button {
  background-color: #5cb85c;
  border-width: 0px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  height: 30px;
  line-height: 0px;
  padding: 10px 10px;
  text-align: center;
  transition: 0.3s;
  touch-action: manipulation;
  -webkit-user-select: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .signupHeader .button {
    font-size: 18px;
    height: 40px;
    line-height: 20px;
    padding: 0px 16px;
  }
}
.signupHeader .button:hover {
  background-color: lightgreen;
}
.signupHeader .button .showEmailForm {
  margin-left: 10px;
}

.reviewCommentCoachModal {
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  height: 360px;
  left: calc(50% - 400px);
  padding: 15px;
  position: fixed;
  top: 100px;
  width: 500px;
  z-index: 2;
}
.reviewCommentCoachModal .title {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
}
.reviewCommentCoachModal .steps {
  margin-top: 25px;
}
.reviewCommentCoachModal .steps ol {
  padding-left: 25px;
}
.reviewCommentCoachModal .steps li {
  font-size: 15px;
  margin-top: 15px;
}
.reviewCommentCoachModal .buttonWrapper {
  margin-top: 25px;
  text-align: center;
}
.reviewCommentCoachModal .buttonWrapper .button.doneCoachMarkButton {
  background-color: #1b2e55;
  color: #ffffff;
  font-size: 18px;
}
.reviewCommentCoachModal .buttonWrapper .button.doneCoachMarkButton:hover {
  background-color: #1b2e55;
  color: #ffffff;
}

.fade-in {
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.4s;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.loginMessage {
  text-align: center;
  font-size: 18px;
  min-height: 77vh;
  padding-top: 70px;
}
.loginMessage .loginLink {
  cursor: pointer;
}

.userProfile .profilePane {
  margin-bottom: 30px;
}
.userProfile .userProfileTitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.userProfile .userProfileTitle h1 {
  margin-top: 0px;
  margin-bottom: 5px;
}
.userProfile .userProfileTitle .profileImage {
  margin: 0px 25px 0px 0px;
}
.userProfile .userProfileBadge {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.userProfile .userProfileBadge .userProfileBadgeTooltipContainer {
  position: relative;
  margin-left: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.userProfile .userProfileBadge .userProfileBadgeTooltipContainer .userProfileBadgeTooltip {
  display: none;
  position: absolute;
  top: 20px;
  border: 1px solid black;
  border-radius: 5px;
  background-color: white;
  padding: 3px;
  z-index: 3;
  left: -140px;
  width: 300px;
}
@media (min-width: 768px) {
  .userProfile .userProfileBadge .userProfileBadgeTooltipContainer .userProfileBadgeTooltip {
    width: 350px;
    left: -225px;
  }
}
.userProfile .userProfileBadge .userProfileBadgeTooltipContainer:hover .userProfileBadgeTooltip {
  display: inherit;
}
.userProfile .userBlurb {
  margin-top: 15px;
}
.userProfile .userProfileHeader {
  margin-top: 10px;
  margin-bottom: 20px;
}
.userProfile .userProfileHeader .userContributionSection {
  margin-bottom: 5px;
}
.userProfile .userProfileHeader .userContributionSection .userContributionSubheading {
  color: #808080;
  font-size: 14px;
}
.userProfile .userContributionHeading {
  font-size: 18px;
  font-weight: 600;
}
.userProfile .userContributionValue {
  color: #1991D7;
}
.userProfile .contributedClaimsHeader {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.userProfile .loadContributedClaimsWrapper {
  text-align: center;
}
.userProfile .loadContributedClaimsWrapper .loadContributedClaimsButton {
  background-color: #1b2e55;
  border-radius: 5px;
  color: #ffffff;
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 25px;
  padding: 5px;
  width: 250px;
}

.reviewersExtraWrapper {
  position: relative;
}

.reviewersExtra {
  cursor: initial;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background-color: #fff;
  padding: 0px 15px 10px 15px;
  text-align: left;
  border-radius: 5px;
  border: 1px solid grey;
  font-size: 14px;
  color: black;
  min-width: 250px;
  min-height: 100px;
}
.reviewersExtra .reviewersLabel {
  font-weight: 450;
  margin-top: 15px;
  margin-bottom: 5px;
}
.reviewersExtra .contributor {
  margin-bottom: 5px;
}

.clickableToggle {
  cursor: pointer;
}

.notFoundPage {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.notFoundPage .message {
  margin-top: 150px;
  font-size: 20px;
  text-align: center;
}

.subscribePage .signupHeader {
  top: 10%;
}

.passage-match-page .discussion {
  height: initial;
  min-height: 100px;
  max-width: initial;
}
.passage-match-page .action-bar {
  float: right;
}
@media (max-width: 768px) {
  .passage-match-page .discussion {
    display: initial;
  }
}

.inlineSignupCallToAction {
  background-color: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
  text-align: center;
}
.inlineSignupCallToAction .signupPrompt {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 15px;
  line-height: 1.4;
}
.inlineSignupCallToAction .signupPrompt a {
  text-decoration: underline;
}
.inlineSignupCallToAction .inlineSignupForm {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inlineSignupCallToAction .formElements {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.inlineSignupCallToAction .inputText.email {
  flex: 1;
  min-width: 300px;
  max-width: 350px;
}
.inlineSignupCallToAction .inputText.email input {
  width: 100%;
  padding: 18px 16px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
}
.inlineSignupCallToAction .submitEmail {
  background-color: #0ca657;
  color: white;
  border: none;
  padding: 5px 24px;
  border-radius: 4px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
}
.inlineSignupCallToAction .submitEmail:hover {
  background-color: lightgreen;
}
.inlineSignupCallToAction .submitEmail:disabled {
  background-color: #6c757d;
  cursor: not-allowed;
}
.inlineSignupCallToAction .signupErrorMessage {
  color: #dc3545;
  font-size: 14px;
  display: none;
}
.inlineSignupCallToAction .signupSuccessMessage {
  color: #28a745;
  font-size: 16px;
  font-weight: 500;
  display: none;
}
.inlineSignupCallToAction .turnstileWrapper {
  margin-top: 10px;
}
@media (max-width: 1199px) {
  .inlineSignupCallToAction {
    padding: 18px 0px;
  }
  .inlineSignupCallToAction .signupPrompt {
    font-size: 16px;
  }
  .inlineSignupCallToAction .inputText.email {
    min-width: 300px;
    max-width: 350px;
  }
  .inlineSignupCallToAction .inputText.email input {
    font-size: 16px;
  }
  .inlineSignupCallToAction .submitEmail {
    font-size: 16px;
    padding: 5px 20px;
  }
}
@media (max-width: 992px) {
  .inlineSignupCallToAction .signupPrompt {
    font-size: 18px;
  }
  .inlineSignupCallToAction .inputText.email input {
    font-size: 18px;
  }
  .inlineSignupCallToAction .submitEmail {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .inlineSignupCallToAction {
    padding: 10px;
    margin: 15px 0;
  }
  .inlineSignupCallToAction .signupPrompt {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .inlineSignupCallToAction .formElements {
    flex-direction: column;
    width: 100%;
  }
  .inlineSignupCallToAction .inputText.email {
    min-width: 100%;
    max-width: 100%;
  }
  .inlineSignupCallToAction .inputText.email input {
    padding: 8px 16px;
    font-size: 15px;
  }
  .inlineSignupCallToAction .submitEmail {
    width: 100%;
    padding: 8px 16px;
    font-size: 15px;
  }
  .inlineSignupCallToAction .signupErrorMessage,
  .inlineSignupCallToAction .signupSuccessMessage {
    font-size: 15px;
  }
}

.showEmailSignupButton {
  border-radius: 4px;
}

/*# sourceMappingURL=main.css.map */