@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

:root {
	--ui-basecolor: #31363B;
	--ui-background: #232629;
	--ui-darkcolor: #171A1C; /*#232629;*/
	--ui-accent: #3DAEE9;
	--ui-emphasis: rgba(147, 206, 233, 0.8);
	
	--lwt-accent-color: var(--ui-accent) !important;
	--tab-selection-background-color: var(--ui-basecolor) !important;
	--tab-hover-background-color: #45545E !important;
	--chrome-background-color: var(--ui-darkcolor) !important; /*includes tabstrip background*/
	--chrome-secondary-background-color: var(--ui-basecolor) !important; /*includes toolbar, urlbar*/
	--url-and-searchbar-background-color: var(--ui-background) !important;
	--chrome-selection-background-color: var(--ui-accent) !important;
	--chrome-nav-bar-controls-border-color: rgba(255, 255, 255, 0.15) !important; /*urlbar border*/
}

/*toolbar*/
#urlbar,
#navigator-toolbox .searchbar-textbox {
	border-radius: 2px !important;
	transition: .1s;
	transition-property: border-color;
}

#urlbar[focused],
#navigator-toolbox .searchbar-textbox[focused] {
	border-color: var(--ui-accent) !important;
}

#urlbar:not([focused]):hover,
#navigator-toolbox .searchbar-textbox:not([focused]):hover {
	border-color: var(--ui-emphasis) !important;
}

/*Shrink close button*/
.tabbrowser-tab .close-icon:hover {
  transition: all 0.1s ease !important;
  fill: white !important;
  background-color: rgba(255,255,255,0.1) !important;
  border-radius: 50%;
  transform: translate(0px, -2px) scale(.8);
}
.tabbrowser-tab .close-icon {
  transition: all 0.1s ease !important;
  transition-delay: 0.1s ease-out !important;
  transform: scale(.75) translate(0px, -2px);
}

#tabs-newtab-button {
  transform: scale(.8) !important;
}

.close-icon {
	transition:opacity 250ms var(--animation-easing-function),
	margin-left 250ms var(--animation-easing-function),
	transform var(--animation-easing-function),
	visibility 0ms 25ms!important;
}
.tabbrowser-tab:not(:hover) .close-icon {
	opacity:0!important;
	margin-left:calc((-20px * .9) + 2px)!important;
	transform:scale(.4,.4)!important;
}

/*hide stuff*/

#forward-button,
#back-button,
.urlbar-textbox-container > .urlbar-history-dropmarker {
	display: none !important;
}

/*Tabs on bottom*/
.tabbrowser-tab .tab-line,
#TabsToolbar,
.tabbrowser-tab .tab-bottom-line {
	 -moz-box-ordinal-group: 2;
}

.tabbrowser-tab[first-tab="true"] .tab-background {
	border-left-width:0px !important;
}

/*Fatten selected line when hovered*/
.tabbrowser-tab[selected]:hover .tab-line {
	height: 3px !important;
}

/*----Container tweaks----*/

/*Color mods*/
/*Change the color of the tab line of container tabs*/
.tabbrowser-tab:not([usercontextid]) .tab-line[selected="true"] {
	--tab-line-color: var(--ui-accent) !important;
}

.tabbrowser-tab[usercontextid] .tab-line[selected="true"] {
	--tab-line-color: var(--identity-tab-color) !important;
}

.tabbrowser-tab[usercontextid]:not([selected]):hover .tab-line {
	--tab-line-color: var(--identity-tab-color) !important;
	opacity: 0.5 !important;
}

/*Color the tab throbber and tab burst*/
.tabbrowser-tab[usercontextid] {
	--tab-loading-fill: var(--identity-tab-color) !important;
}

/*Hide the standard container indicators of unfocused tabs*/
.tabbrowser-tab[selected] .tab-bottom-line,
.tabbrowser-tab:hover .tab-bottom-line{
	display: none !important;
}

/*Make tab bottom line less distracting*/
.tab-bottom-line {
	opacity: 0.4 !important;
}

/*Make tab content a bit higher so it looks less cramped*/
.tabbrowser-tab .tab-content {
	margin-bottom: 1px !important;
}

/*Smaller tab font*/
.tabbrowser-tab label {
	font-size: 90% !important;
}

#nav-bar {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	border-top-width: 0px !important;
}

/*Disable White Flash of Death*/
browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content {
	background-color: var(--ui-background) !important;
}

/*--More options for Bookmark panel--*/
#editBMPanel_keywordRow, #editBMPanel_descriptionRow, 
#editBMPanel_locationRow,
#editBMPanel_loadInSidebarCheckbox
{
  visibility: visible;
}

/* collapse separation between keyword and tags */
#editBMPanel_tagsSelector[collapsed="true"]
{
  display: none !important;
}

/* Redirector button for dark Firefox themes */
toolbarbutton#toggle-button--redirectoreinaregilssoncom-redirector[image*="active"] {
	filter:invert(100%) brightness(600%);
}
toolbarbutton#toggle-button--redirectoreinaregilssoncom-redirector[image*="disabled"] {
	filter:invert(100%) brightness(250%);
}

/*--AwesomeBar--*/

/* 
	Hello! If you want to change your options, try updating from
	https://userstyles.org/styles/122394/url-bar-tweaks-remove-visit-search-limit-width
	Reload the page to get a green button, then select your drop-down style and
	other features and click Update with Stylish.
*/
/* Remove " - Visit" or " - Search with" bar in the drop-down */
#PopupAutoCompleteRichResult richlistitem:first-of-type[type*="heuristic"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="searchengine"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="visiturl"],
#PopupAutoCompleteRichResult richlistitem:first-of-type[actiontype="keyword"] {
	display:none !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Set max-height for items visible without scrolling */
#PopupAutoCompleteRichResult .autocomplete-richlistbox {
	height: auto !important;
	max-height: calc(45.5px * 10) !important;
}
/* Set drop-down width */
#PopupAutoCompleteRichResult {
	width: 700px !important;
	max-width: 700px !important;
	margin-left: 0 !important;
}
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title-text, 
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url-text {
	min-width: 610px !important;
}
/* Create sufficient height for two lines */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) {
	position: relative !important;
	height: 45.5px !important;
}
/* Subtle border between results */
#PopupAutoCompleteRichResult .autocomplete-richlistitem {
	border-bottom-color: #eee !important;
}
/* Position page title, set font-size */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title {
	position: absolute !important;
	left: 54px;
	top: 1px;
	font-size: 14px;
}
/* Position page url / action, set font-size */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url,
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action {
	position: absolute !important;
	left: 54px;
	top: 20px;
	font-size: 12px;
}

/* Position bookmark tags */
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-tags {
	position: absolute !important;
	right: 0px;
	top: 3px;
}
/* Hide separator between title and URL */
#PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator {
	display: none !important;
}
/* Position special icon (bookmark, switch-to-tab) */
#PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon {
	margin-left: 4px !important;
}

/* Use default text matching style */

/* hide navbar */
#nav-bar:not([customizing]){
  margin-top: 0px;
  margin-bottom: -33px;
  transition: all .24s cubic-bezier(.7, .2, 0, 1) !important;
  transition-delay: .12s !important;
}

/* 
keep visible when urlbar is focused
navbar is hovered
or menubar/customization is open
*/
/*#navigator-toolbox:focus-within > #nav-bar,*/
#navigator-toolbox:hover > #nav-bar,
/*#navigator-toolbox:focus,*/
/*#urlbar:focus,*/
#navigator-toolbox:hover > #nav-bar:not([customizing]),
#toolbar-menubar:not([inactive="true"]) ~ #nav-bar:not([customizing]) {
  visibility: visible;
  margin-top: 0;
  margin-bottom: 0;
  transition: all .16s cubic-bezier(.7, .2, 0, 1) !important;
  transition-delay: 0s !important;
}

.tabbrowser-tab .tab-icon-image,
.tabbrowser-tab .tab-throbber { display:none!important; }
#personal-bookmarks .toolbarbutton-icon { display:none!important; }