/* *******************************************************************
   * HIGHLAND ARROW 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           *
   ******************************************************************* */

body {
   background-attachment: scroll, scroll;
   background-origin: padding-box, padding-box;
   background-position: 50% 0%, 50% 0%;
   background-repeat: no-repeat,repeat;
   background-image: url(https://cdn.highlandarrow.com/images/rebirth/bg-master-gradient.png),url(https://cdn.highlandarrow.com/images/rebirth/colors/red/bg-body.png) !important;
   background-size: auto, auto;
}

p, .queet-text, .requeet-text {
   font-family: 'Karla', sans-serif !important;
   color: rgb(0,0,0) !important;
   font-size: 1.05em !important;
   line-height: 1.33em !important;
}

.context .with-icn .requeet-text a, .queet > .context .with-icn .requeet-text a b {
   color: rgb(255,255,255) !important;
}

a {
   font-family: 'Karla', sans-serif;
   font-weight: 400;
   color: rgb(0,102,0) !important;
}

a:hover {
   font-weight: 700 !important;
   color: rgb(0,102,0) !important;
}

.url a, .url a:hover {
   color: rgb(255,255,255) !important;
   text-decoration: underline !important;
}

.url a:hover {
   text-weight: 700;
}

#etc-box {
   font-family: 'Karla', sans-serif;
   color: #000000 !important;
   font-size: 1.0em !important;
   line-height: 1.00em !important;
}

.profile-card-inner, .profile-card-inner p, .profile-screen-name {
   font-family: 'Karla', sans-serif;
   font-size: 0.9em !important;
   color: #ffffff !important;
}

.metadata {
   font-family: 'Karla', sans-serif;
   color: #000000 !important;
   font-weight: 400 !important;
   font-size: 0.9em !important;
   line-height: 1.5em !important;
}

.label {
   font-family: 'Karla', sans-serif;
   font-weight: 700 !important;
   font-size: 1.0em !important;
   text-transform: none !important;
   color: #000000 !important;
}


.dropdown-menu li a {
   font-family: 'Karla', sans-serif;
   font-size: 1.15em !important;
}

#top-menu-profile-link-fullname {
   font-family: 'Karla', sans-serif;
   font-size: 1.0em !important;
}

.quitter-settings a:hover {
   font-family: 'Karla', sans-serif;
   color: #ffffff !important;
   text-decoration: none;
}

#feed-header {
   font-family: 'Karla', sans-serif;
   position: relative !important;
   margin: 0 !important;
   padding: 0.1em !important;
}

.stream-item-header, .name, .screen-name, .created-at {
   font-family: 'Karla', sans-serif;
   color: #000000 !important;
}

.name, .screen-name, .created-at, .reply-to, .reply-to a, .reply-to a:hover {
   font-family: 'Karla', sans-serif;
   font-size: 1.05em !important;
   line-height: 1.33em !important;
}

.screen-name a a:hover, .mention a a:hover {
   font-family: 'Karla', sans-serif;
   #color: #006600 !important;
}

.screen-name a:hover, .mention a:hover {
   font-family: 'Karla', sans-serif;
   font-weight: 700;
   text-decoration: none;
}

#stream-header {
   font-family: 'Karla', sans-serif;
   font-weight: 700 !important;
   color: #000000 !important;
}

#page-container {
   width: 936px !important;
   margin-top: 24px;
   background: #ffffff;
   margin-left: -480px;
   padding-left: 12px;
   padding-right: 12px;
}
  
.topbar {
   width: 960px !important;
   background: #ffffff;
   position: fixed;
   margin-left: auto;
   margin-right: auto;
   border-bottom: 1px solid rgb(79, 107, 67);
} 

#site-notice {
   color: #000000 !important;
   font-family: 'Karla', sans-serif;
   font-size: 1.5em !important;
   font-weight: 700 !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: rgb(0, 102, 0);
   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-radius: 32px !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: #006600;
   top: 40px;
   text-align: left;
   margin-left: 50px;
   text-shadow: none;
}

#etc-box, #tip-jar, #qvitter-notice-logged-out, #other-servers-link {
   position: relative;
   width: 264px;
   margin-right:-18px;
   padding-bottom: 8px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 8px;
   background-color: rgb(249, 249, 249); 
   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;
}

#other-servers-link {
   font-family: 'Karla', sans-serif !important;
   color: #000000 !important;
   font-size: 1.05em !important;
   line-height: 1.33em !important;
   margin-top: 15px;
   text-shadow: none;
}

#etc-box a:hover, #tip-jar a:hover {
   text-decoration: underline;
   cursor: pointer;
}

.front-welcome-text {
   color: #000000 !important;
   font-family: 'Karla', sans-serif !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: rgb(96,153,40) !important;
   color: rgb(255,255,255) !important;
   padding-top:1px;
   padding-left:4px;
   padding-right:4px;
   padding-bottom:2px;
   border-radius:3px;
}

div#top-dm, div#top-compose {
   background-color: rgb(0,102,0) !important;
}

div#top-dm:hover, div#top-compose:hover {
   background-color: rgb(94,27,114) !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: rgb(0,102,0) !important;
}
ul.dropdown-menu li a:hover,ul.dropdown-menu li:hover a {
   color: rgb(255,255,255) !important;
}

span#unseen-notifications {
   background-color: rgb(94,27,114) !important;
}

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

h2.username span.screen-name {
   color: rgb(255,255,255) !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"] {
   background-image: url("../img/ha-staff-logo.png");
   background-repeat: no-repeat;
   background-position: left top;
   text-indent: 22px;
   min-height: 20px;
   margin-bottom: -4px;
} 

strong.name[data-user-id="11"] {
   background-image: url("../img/ha-staff-logo.png");
   background-repeat: no-repeat;
   background-position: left top;
   text-indent: 22px;
   min-height: 20px;
   margin-bottom: -4px;
}

strong.name[data-user-id="12"] {
   background-image: url("../img/ha-staff-logo.png");
   background-repeat: no-repeat;
   background-position: left top;
   text-indent: 22px;
   min-height: 20px;
   margin-bottom: -4px;
}

/* EOF - highlandarrow.css
   ============================================================================ */