:root {
  --brand: #FF3130;
}

body,
.gradbg-blue {
  background-color: #F8F0EC;
  background-image: radial-gradient(farthest-side at 100% 100%, #A3C9ED, #F8F0EC);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
  background-attachment: fixed;
}

.gradbg-grey {
  background-color: #F8F0EC;
  background-image: radial-gradient(farthest-side at 100% 100%, #D6D6D6, #FFFFFF);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

@media (prefers-color-scheme: dark) {
  body,
  .gradbg-blue {
    background-color: #1F2937;
    background-image: radial-gradient(farthest-side at 100% 100%, #193890, #1F2937);
  }

  .gradbg-grey {
    background-color: #1F2937;
    background-image: radial-gradient(farthest-side at 100% 100%, #0D0D0D, #272727);
  }
}

.socialbanner a {
  text-shadow: 1px 2px 3px rgba(100,100,100,0.5);
}

.socialbanner a:hover {
  text-shadow: 1px 3px 5px rgba(100,100,100,0.5);
}

/*
@media (prefers-color-scheme: dark) {
  .socialbanner a {
    text-shadow: 1px 2px 7px rgba(200,200,200,0.5);
  }

  .socialbanner a:hover {
    text-shadow: 1px 4px 9px rgba(200,200,200,0.5);
  }
}
*/

.list-group-scroll {
  max-height: 310px;
  overflow: auto;
}

#ytfeed {
  overflow-x: auto;
  white-space: nowrap;
}

#ytfeed > div {
  display: inline-block;
  width: 250px;
  padding-right: 20px;
}

body >.container,
div.card-body >.container {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.prodrow:hover .buybtn {
  font-weight: bold;
  color: var(--brand);
}

a[name] {
  position: relative;
  top: -50px;
}

.minilogo {
  height: 25px;
}

#menunav {
  z-index: 1000;
}

.sticky-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 920;
}