/* *******************************************************************
   * PLATEIA SPECIFIC CUSTOMISATIONS TO QVITTER THEMING              *
   * cc-by-nc-sa - http://creativecommons.org/licenses/by-nc-sa/4.0/ *
   * by/copyright Maiyannah Bishop with hat tip to Moonman           *
   ******************************************************************* */

:root {
  --fgcolor: #62b4fd;
  --ovcolor: #000000;
  --bgcolor: #ffffff;

  --font:                   'Karla', sans-serif;
  --font-weight-bold:       700;
  --font-weight-normal:     400;
  --font-size-normal:       11pt;
  --font-lineheight-normal: 14pt;
  --font-size-small:        10pt;
  --font-lineheight-small:  11pt;
}

#page-container {
   width:         936px !important;
   margin-top:    24px;
   background:    rgba(255,255,255,0.5) !important;
   margin-left:   -480px;
   padding-left:  12px;
   padding-right: 12px;
}
#feed-header {
   width: 800px;
   left:  -2px;
}

p, .queet-text, .requeet-text {
   font-family: var(--font) !important;
   color:       var(--ovcolor) !important;
   font-size:   var(--font-size-normal) !important;
   line-height: var(--font-lineheight-normal) !important;
}
.badge-requeeted {
   background-color: var(--fgcolor) !important;
   padding:          2px;
   padding-top:      1px;
   position:         relative;
   top:              5px !important;
}
.context .with-icn .requeet-text a, .queet > .context .with-icn .requeet-text a b {
   color:       var(--bgcolor) !important;
   font-size:   var(--font-size-normal) !important;
   line-height: var(--font-lineheight-normal) !important;
}

a {
   font-family: var(--font);
   font-weight: var(--font-weight-normal);
   color:       var(--fgcolor) !important;
}
a:hover {
   color: var(--ovcolor) !important;
}
.url a, .url a:hover {
   color:           var(--bgcolor) !important;
   text-decoration: underline !important;
}
.url a:hover {
   text-weight: var(--weight-bold);
}

#etc-box, #tip-jar, #qvitter-notice-logged-out, #other-servers-link, #qvitter-notice {
   position:                   relative;
   width:                      264px;
   margin-right:               -18px;
   padding-bottom:             8px;
   padding-left:               12px;
   padding-right:              12px;
   padding-top:                8px;
   background-color:           var(--bgcolor); 
   border-bottom-left-radius:  6px;
   border-bottom-right-radius: 6px;
   border-top-color:           rgb(0, 132, 180);
   border-top-left-radius:     6px;
   border-top-right-radius:    6px;
   border-top-style:           none;
   border-top-width:           0px;
   box-shadow:                 rgba(255, 255, 255, 0.247059) 0px 1px 0px 0px inset; color: rgb(0, 0, 0);
   display:                    block;
   line-height:                16px;
   text-decoration:            none;
   opacity:                    1.0;
}
#qvitter-notice, #etc-box p {
   font-family: var(--font);
   color:       var(--ovcolor) !important;
   font-size:   var(--font-size-small) !important;
   line-height: var(--font-lineheight-small) !important;
}
#qvitter-notice {
   margin-top:     8px;
   margin-bottom:  12px;
   padding-top:    10px;
   padding-bottom: 10px;
}
#qvitter-notice, #etc-box, #tip-jar {
   border: 1px #e8e8e8;
}
#qvitter-notice a {
   color:       var(--fgcolor) !important;
   font-weight: var(--font-weight-bold) !important;
}
#etc-box a:hover, #tip-jar a:hover {
   text-decoration: underline;
   cursor:          pointer;
}


#find-someone {
   border:           0px solid rgba(0, 0, 0, 0.1);
   text-shadow:      0 1px 0 var(--bgcolor);
   background-clip:  padding-box;
   border-radius:    6px;
   line-height:      16px;
   margin-bottom:    10px;
   overflow:         hidden;
   position:         relative;
   padding-top:      10px;
   padding-right:    0px;
   padding-bottom:   0px;
   padding-left:     0px;
   background-color: #F9F9F9;
}
#find-someone input {
   padding:          6px 8px 5px 8px;
   position:         relative;
   border-radius:    3px;
   border:           1px solid #ccc;
   width:            248px;
   font-size:        13px;
   color:            #333;
   line-height:      18px;
   background-color: var(--bgcolor);
   margin:           0;
   box-shadow:       0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
   outline-color:    #aaa;
   display:          block;
   outline:          none;
}
#find-someone input[disabled="disabled"] {
   background-color: #eee;
   color:#aaa;
}

.profile-card-inner, .profile-card-inner p, .profile-screen-name {
   font-family: var(--font);
   font-size:   0.9em !important;
   color:       var(--bgcolor) !important;
}

.metadata {
   font-family: var(--font);
   color:       var(--ovcolor) !important;
   font-weight: var(--font-weight-normal) !important;
   font-size:   var(--font-size-small) !important;
   line-height: var(--font-lineheight-small) !important;
}

.language li {
   width: 240px;
}

.label {
   font-family:    var(--font);
   font-weight:    var(--font-weight-normal) !important;
   font-size:      var(--font-size-normal) !important;
   text-transform: none !important;
   color:          var(--ovcolor) !important;
}


.dropdown-menu li a {
   font-family: var(--font);
   font-size:   1.15em !important;
}

#top-menu-profile-link-fullname {
   font-family: var(--font);
   font-size:   var(--font-size-normal) !important;
}

.quitter-settings a:hover {
   font-family:     var(--font);
   color:           var(--bgcolor) !important;
   text-decoration: none;
}

#feed-header {
   font-family: var(--font);
   position: relative !important;
   margin: 0 !important;
   padding: 0.1em !important;
}

.stream-item-header, .name, .screen-name, .created-at {
   font-family: var(--font);
   color: var(--fgcolor) !important;
}

.name, .screen-name, .created-at, .reply-to, .reply-to a, .reply-to a:hover {
   font-family: var(--font);
   font-size: var(--font-size-normal) !important;
   line-height: var(--font-lineheight-normal) !important;
}
.screen-name a a:hover, .mention a a:hover {
   font-family: var(--font);
   #color: var(--ovcolor) !important;
}

#stream-header {
   font-family: var(--font);
   font-weight: 700 !important;
   color: var(--ovcolor) !important;
}
  
.topbar {
   width: 960px !important;
   background: var(--bgcolor);
   position: fixed;
   margin-left: auto;
   margin-right: auto;
   border-bottom: 1px solid rgb(79, 107, 67);
   border-left: 0px;
   border-right: 0px;
} 

#site-notice {
   color: var(--ovcolor) !important;
   font-family: var(--font);
   font-size: 1.5em !important;
   font-weight: var(--font-weight-bold) !important;
   line-height: 1.66em !important;
   text-align: center !important;
   cursor: auto !important;
   padding: 0 !important;
   margin: 0 !important;
   text-shadow: none !important;
}

.stream-item-header .screen-name {
   color: var(--ovcolor);
   font-weight: var(--font-weight-bold);
}

.banner {
   position: relative;
   left: -12px;
   top: -17px;
   margin-bottom: -20px !important;
}

.quitter-settings {
   width: 240px !important;
}

#clear-history {
   color: rgb(0, 102, 0);
}

#clear-history:hover {
   color: rgb(0, 102, 0);
   text-decoration: underline;
}

.user-muted {
   display: none;
}

#user-body {
   padding-top: 22px;
}

.avatar {
   background: none !important;
   border: 2px #006600 !important;
   height: 52px !important;
   width: 52px !important;
}

.avatar.size24
{
   height:24px !important;
   width:24px !important;
}

#user-avatar-container {
   top: 85px;
   margin-left: 0px;
}

#user-name {
   top: 36px;
   text-align: left;
   margin-left: 50px;
}

#user-screen-name {
   color: var(--ovcolor);
   top: 40px;
   text-align: left;
   margin-left: 50px;
   text-shadow: none;
}

#other-servers-link {
   font-family: var(--font) !important;
   color: #000000 !important;
   font-size: var(--font-size-normal) !important;
   line-height: var(--font-lineheight-normal) !important;
   margin-top: 15px;
   text-shadow: none;
}

.front-welcome-text {
   color: var(--ovcolor) !important;
   font-family: var(--font) !important;
   font-size: 2.0em !important;
   line-height: 1.33em !important;
   text-justify: distribute;
   margin: 0px;
   margin-top:-20px;
   background: none;
}

.stream-item.notification.follow a.account-group img.avatar {
   width: 24px !important;
   height: 24px !important;
   border-radius: 12px !important;
   left: 14px !important;
}

.stream-item.notification.repeat a.account-group img.avatar, .stream-item.notification.like a.account-group img.avatar {
   left: 14px;
}

.dogear {
   display: none !important;
   left: 44px !important;
}

.stream-item.notification.follow {
   min-height: 14px !important;
}

.stream-item {
   border: none !important;
   min-height: 60px !important;
}

.stream-item.notice:hover {
   background-color: rgb(200,235,200);
}

.stream-item:not(.expanded):not(.user).profile-blocked-by-me {
   display: none;
   min-height: 0px !important;
}

.stream-item .queet {
   border: none !important;
}

.requeet-text {
   background-color: var(--fgcolor) !important;
   color: var(--bgcolor) !important;
   padding-top:1px;
   padding-left:4px;
   padding-right:4px;
   padding-bottom:2px;
   border-radius:3px;
}

div#top-dm, div#top-compose {
   background-color: var(--fgcolor) !important;
}

div#top-dm:hover, div#top-compose:hover {
   background-color: var(--ovcolor) !important;
}

div.nav-session {
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

div.nav-session:hover {
  filter: none;
  -webkit-filter: grayscale(0);
}

div.dm-av {
  opacity: 1 !important;
  filter: gray; /* IE6-9 */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}

div.dm-av:hover {
  opacity: 1 !important;
  filter: none;
  -webkit-filter: grayscale(0);
}


ul.dropdown-menu {
   font-size: 9pt;
}
ul.dropdown-menu li a:hover {
   background-color: var(--fgcolor) !important;
}
ul.dropdown-menu li a:hover,ul.dropdown-menu li:hover a {
   color: var(--bgcolor) !important;
}

span#unseen-notifications {
   background-color: var(--fgcolor) !important;
   color: var(--bgcolor) !important;
}

.quitter-settings.dropdown-menu {
  margin-right: -400px;
}

h2.username span.screen-name {
   color: var(--bgcolor) !important;
}

span.back-button {
   min-width: 30px !important;
   width: 30px !important;
   margin-left:0px !important;
   margin-right:0px !important;
}

div#page-container div.profile-card a.profile-picture, div#page-container div.profile-card a.profile-picture img.profile-size {
   width:80px !important;
   height:80px !important;
   border-radius: 40px !important;
}

div.hover-card div.profile-card a.profile-picture, div.hover-card div.profile-card a.profile-picture img.profile-size {
   width:48px !important;
   height:48px !important;
   border-radius: 24px !important;
}


/* ----------------------------------------------------------------------------
   Flair for admin users                                                        */

strong.name[data-user-id="1"], strong.name[data-user-id="2"] {
   background-image: url("../img/police-badge.png");
   background-repeat: no-repeat;
   background-position: left top;
   text-indent: 18px;
   min-height: 16px;
   margin-bottom: -4px;
} 

/* EOF - plateia.css
   ============================================================================ */