/**
 * This file overwrites CSS styling from prosilver
 */

 /*************************/
 /* 508 Compliance Overwrites */
 .dropdown-extended a.mark_read{
   position: static;
   background: transparent;
   float: right;
   transform: translate(5px, 10px);
 }

/*************************/
/* Sizing and Formatting */
.headerbar{
  margin: 0px;
  padding: 10px 0px;
}
.navbar{
  margin: auto;
  max-width: 100% !important;
}
#page-body{
  margin: 10px 5.5% 60px 5.5%;
  min-height: 450px;
}
.navbar>.inner{
  margin: auto 5%;
}
#site-description > h1, #site-description > p{
  padding: 3px 10px;
  text-shadow: 1.5px 1.5px #081d2b;
}
#site-description{
  width: 57%;
  margin-left: 5%;
}
#page-footer{
  margin-top: 30px;
  padding: 15px 0px;
}
#page-footer > .copyright {
  /* text-align: middle; */
  padding: 0 5.5% 30px 0px;
}
#page-footer > #nasa-footer{
  padding: 0 0px 30px 5.5%;
}

li.header dt, ul.topiclist dt{
  width: 100%;
}

dl.postprofile > dt > a.username{
  word-wrap: break-word;
  max-width: 100%;
}

/**********/
/* Colors */
.wrap{
  min-width: 100% !important;
  background-color: #ecf0f1;;
  border-color: transparent;
  border-radius: 0px;
  padding: 0px;
  border: 0px;
  margin: 0px;
}
.headerbar{
  background-image: url(https://cdn.earthdata.nasa.gov/conduit/upload/10214/mini_magick20181115-6933-ahnzai);
  border-radius: 0px;
}
.navbar, #page-footer{
  background-color: #1A5B84; /* adjust background color to 7.3:1 contrast ratio */
  border-radius: 0px;
}
#nav-main > li > a, #nav-footer > li, #nav-footer > li > a, .crumb, .crumb > a{
  color: #fff !important;
}
.username{
  color: black !important;
  font-weight: bold;
}
#legal_message_accordion, #legal_message_accordion__header, #legal_message_accordion__title, .copyright, .footer-copyright>a, .footer-link{
  /* legal message, footer colors */
  background-color: #1A5B84; /* adjust background color to 7.3:1 contrast ratio */
  color: #fff !important;
}
.forabg, .forumbg{
  background-image: none;
  border-radius: 2px;
}
.row:hover{
  background-color: #f6fafd !important;
}
.row:hover dd.topics, .row:hover dd.posts, .row:hover dd.lastpost, .row:hover dd.views{
  border-left-color: transparent !important;
}
ul.forums, .bg1{
  background-color: #fff;
  background-image: none;
}
.bg2{
  background-color: #fff;
}
.panel.bg2{
  background-color: transparent;
}
.rh_tag, .rh_tag>a{
  /* Toppic tag bubbles */
  background-color: #E6EEF4;
  color: #185172;
}
div.rh_tag {
  margin-top:0.5em;
}
.postbody .rh_tag {
  padding: 1px 8px;
  margin: 3px 2px 2px 2px;
  list-style-type: none;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
}
#tag-group-submit,
.action-bar > .button, .action-bar > .button .icon,
span[title='Jump to'], span[title='Jump to'] .caret, span[title='Jump to'] .icon,
span[title='Jump to'], span[title='Jump to'] .caret, span[title='Jump to'] .icon,
span[title='Topic tools'], span[title='Topic tools'] .caret, span[title='Topic tools'] .icon,
span[title='Quick-mod tools'], span[title='Quick-mod tools'] .caret, span[title='Quick-mod tools'] .icon,
span[title='Question tools'], span[title='Question tools'] .caret, span[title='Question tools'] .icon,
span[title='Display and sorting options'], span[title='Display and sorting options'] .caret, span[title='Display and sorting options'] .icon{
  background-image: none !important;
  background-color: #20ce6f !important;
  color: #000 !important; /* adjust font color to 10.11:1 contrast ratio */
  border: 1px solid #20ce6f;
  box-shadow: none !important;
    -webkit-box-shadow: none !important;
  border-radius: 1px;
  font-size: 17px;
}
#tag-group-submit:hover,
.action-bar > .button:hover, .action-bar > .button .icon:hover,
span[title='Jump to']:hover, span[title='Jump to'] .caret:hover, span[title='Jump to'] .icon:hover,
span[title='Topic tools']:hover, span[title='Topic tools'] .caret:hover, span[title='Topic tools'] .icon:hover,
span[title='Quick-mod tools']:hover, span[title='Quick-mod tools'] .caret:hover, span[title='Quick-mod tools'] .icon:hover,
span[title='Question tools']:hover, span[title='Question tools'] .caret:hover, span[title='Question tools'] .icon:hover,
span[title='Display and sorting options']:hover, span[title='Display and sorting options'] .caret:hover, span[title='Display and sorting options'] .icon:hover{
  opacity: 0.9;
  background-image: none !important;
  border: 1px solid #20ce6f;
  text-shadow: none !important;
  box-shadow: none !important;
    -webkit-box-shadow: none !important;
    font-size:17px;
}
.button-search, .button-search-end, .button-search .icon, .button-search-end .icon, .submit-buttons .button1, .submit-buttons .button2, .content .button2{
  font-weight: normal;
  background-image: none !important;
  background-color: #20ce6f !important;
  color: #000 !important; /* adjust font color to 10.11:1 contrast ratio */
  border: 1px solid #20ce6f;
  text-shadow: none !important;
  box-shadow: none !important;
    -webkit-box-shadow: none !important;
    font-size:17px;
}
.button-search:hover, .button-search-end:hover, .button-search .icon:hover, .button-search-end .icon:hover{
  opacity: 0.9;
  background-image: none !important;
  border: 1px solid #20ce6f;
  text-shadow: none !important;
  box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.button-share{
  font-weight: 600;
  background-image: none !important;
  border: 1px solid #b7ccec;
  border-color: #b7ccec; 
  background-color: #b7ccec !important;
  text-shadow: none !important;
  box-shadow: none !important;
    -webkit-box-shadow: none !important;
  font-size: 17px;
  margin-right: 5px;
    float: left;
    padding: 2px 8px;
}
.search-header .button-search:hover, .search-header .button-search-end:hover{
  border-top-width: 0;
  border-bottom-width: 0;
}
.post_answer, .answer + .post{
  /* Best answer colors */
  background-color: #d5e8f6 !important;
}



.error {
  /* color from Earthdata User Interface Library */
	color: #b3241c;
	font-style: italic;
}

.icon-in_progress {
  color: #2c3e50;
}

.toggle-in_progress{
  color: #4F4F4F; /* adjust font color to 7.13:1 contrast ratio */
  font-size: 26px !important;
}

a.toggle_container-in_progress:focus {
  border-color: #4F4F4F; /* adjust font color to 7.13:1 contrast ratio */
}
a.toggle_container-in_progress:hover {
  border-color: #20ce6f;
}

.toggle-hover-in_progress {
  color: #20ce6f !important;
}

.marked-in_progress, .marked-in_progress > .toggle-in_progress{
  color: #20ce6f !important;
  border-color: #20ce6f !important;
}

.currentUser.icon-in_progress, .currentUser.toggle-in_progress{
  color: #20ce6f;
}

#new-question-main, #new-question-main > .icon{
  background-image: none !important;
  background-color: #20ce6f !important;
  color: #000 !important; /* adjust font color to 10.11:1 contrast ratio */
  border: 1px solid #20ce6f;
  text-shadow: none !important;
  box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#new-question-main:hover{
  opacity: 0.9;
}

#moderator_comments_log{
  display: none;
}

#moderator_comments_log-header{
  border-radius: 2px;
  background-color: #116e3b;
  border-bottom: none;
}

#moderator_comments_log-header:hover{
  opacity: 0.9;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

#moderator_comments_log-body{
  background-color: #d3f8e4;
  color: #2c3e50;
}

.moderator_comment, .moderator_comment_content{
  background-color: #a7f1c8;
}

.moderator_comment-text{
  color: #2c3e50;
}

#moderator_comments-modal{
  background-color: #e9fcf1;
  color: #2c3e50;
}
#moderator_comments-modal>textarea{
  background-color: #ffffff;
  color: #2c3e50;
  font-size: 1.2rem;
}

.moderator_comments-modal-button, .confirm_external_link-button, .share_link-button{
  margin: 15px 15px 0px 15px;
}

.forum-compatibility-warning-title {
  color: #e74c3c;
  text-align: center;
}

.forum-compatibility-warning-message {
  color: #323232;
  text-align: center;
}

.bg3.big-column{
  background-color: #d2dde7 !important;
}

/*********/
/* Fonts */
body{
  font-family: "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  font-size: 1em;
}
h1{
  /* Forum name */
  font-family: Helvetica, Arial, "Open Sans", sans-serif;
}
h2{
  /* Forum header titles */
	font-family: "Open Sans", Helvetica, "Trebuchet MS", sans-serif;
}
h3{
  /* Sub-headers (also used as post headers, but defined later) */
	font-family: "Open Sans", Helvetica, sans-serif;
}
h4{
  /* Forum and topic list titles */
	font-family: "Open Sans", Helvetica, Arial, Verdana, Sans-serif;
}
a.topictitle{
  font-size: 1.3em;
  margin-right: 0px;
}
div.topic-poster  {
    visibility: hidden;
    position: absolute;
    overflow: hidden;
}
.postbody .content{
  font-size: 1.2em;
}
.footer-row{
  font-size: 1.1em;
}
.smiley-box img{
  padding:0px;
}
.smilies{
  padding:0px;
}
.pm_unread{
  background-color:#D2DDE7;
  color: #20456A; /* testing this font color for accessibilty */
}