/*These two symbols allow comments.*/

/*This removes the Firefox logo on the new tabs page.*/
@-moz-document url("about:newtab"), url("about:home") {
  .logo-and-wordmark {
    display:none !important;
  }

/*This changes the scale of the pinned/recent websites icons on the new tabs page.*/
  .top-sites-list .top-site-outer .top-site-button {
    transform: scale(1.2,1.2) !important;
  }
}

/*This governs the space between the pinned/recent websites icons on the new tabs page. Unforntunately, altering this alone uncenters the buttons and can make the "..." button overlap.*/
.top-site-outer {
        width: 100px !important; /* 120 is default value */
    }

/*This changes the length and width of the inner colorful portion of the pinned/recent websites icons.*/
  .top-site-outer .tile .icon-wrapper {
    width:  30px !important; /* 40 is default value */
    height: 30px !important; /* 40 is default value */
    }

/*Makes the rounding of the pinned websites tiles on the new tabs page less ugly.*/
@-moz-document url(chrome://browser/content/browser.xul), url(about:newtab), url(about:home) {
    .top-site-outer .tile {
        border-radius: 10px !important;
    }
}

/*Vertically centers the favorite websites icons. 75 px for true center but I like 60 px better.*/
@-moz-document url(about:newtab), url(about:home) {
  .nova-enabled .top-sites-list-wrapper {
    margin-top: 60px !important;
  }
}

/*Removes customise buttons purple border and light purple background color.*/
@-moz-document url(about:newtab), url(about:home) {
  .button-background {
    border: none !important;
    border-radius: 4px !important;
    button:hover > & {
      background-color: transparent !important;
    }
  }
}

@-moz-document url(about:newtab), url(about:home) {

/* Removes Nova tile mouseover enlarge animation */
.nova-enabled .top-site-outer:is(:hover, :focus-within, .active) .tile {
  width: 64px !important;
  height: 64px !important;
}

/* Removes Nova animation for pin and ... icons */
.nova-enabled .top-site-outer:is(:hover, :focus-within, .active) .icon-pin-small,
.nova-enabled .top-site-outer:is(:hover, :focus-within, .active) .context-menu-button {
  transition: none !important;
}


}

/* Changes New Private Tab background to proper solid purple */
@-moz-document url("about:privatebrowsing") {
	html.private {

		background-image: none !important;
		background-color: #25003E !important;

		.info-border,
		.search-inner-wrapper {display:none!important}
		.logo-and-wordmark {margin:0!important;}
	}
}

/*Changes the add new top site shortcut button to be transparant and have a grey background when hovered.*/
@-moz-document url("about:home"), url("about:newtab") {
  #main-button[title="Add Shortcut"], .button-background {
    background-color: transparent !important;
  }
  #main-button[title="Add Shortcut"], .button-background {
    button:hover > & {
      background-color: #E6E0E6 !important;
    }
  }
}

/*Makes the + part of the button invisible until hovered. This part doesn't seem to be necessary as the above block of code seems to do this already. I'm using comments to disable it but keeping it here in case it might be useful later.*/
/*@-moz-document url("about:home"), url("about:newtab") {
  #main-button[title="Add Shortcut"]:not(:hover) {
    opacity: 0.25 !important;
  }
}*/