html {
  background-color: white;
}
body {
  padding: 0;
  background: 0;
  color: black;
  font-family: "Poppins", sans-serif;
}

/* WAVE compliance */

a,
.page-link {
  color: #004ECC;
}

.cardbody a,
.bg-light a {
  /* Cart WAVE */
  color: #006ce0;
}

.page-item.active .page-link {
  background-color: #004ECC;
}

/* END WAVE compliance */

.tooltip-inner {
  max-width: 320px;
}

.bg-dark-grey {
  background-color: #444444 !important;
}

.bg-dark-grey a {
  color: #3999ff;
}
a.bg-dark-grey:hover,
a.bg-dark-grey:focus,
button.bg-dark-grey:hover,
button.bg-dark-grey:focus {
  background-color: #222222 !important;
}

.bodybkg {
  background-color: #ddd;
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}

.striped:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.05);
}

.proof_overlay_border {
  border: 1px solid blue;
}
.proof_color_filter {
  filter: saturate(105%) contrast(120%);
  -webkit-filter: saturate(1.05) contrast(1.2);
}

.breadcrumb {
  margin: 0;
  border-radius: 0;
}

/* WAVE compliance */

.breadcrumb a {
  color: #0065d1;
}

/* END WAVE */

#sitewidebuttons {
  position: fixed;
  bottom: 0;
  right: 10px;
}
.container-fluid {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
.container,
.container-fluid {
  background-color: white;
}

h1,
h2,
h3,
h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
}

.hidden {
  display: none;
}

.img-responsive {
  /* backward compatibility with bootstrap 3, can remove after the complete conversion to bs4 */
  max-width: 100%;
  height: auto;
}

.text-successful {
  color: #218739;
}

.text-tgc {
  color: #bbd329;
}

.bg-tgc-dark {
  background-color: #222;
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}

.bg-tgc-medium {
  background-color: #444;
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}

.bg-tgc-light {
  background-color: #ccc;
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}

.border-tgc {
  border-color: #bbd329 !important;
}

.pre {
  white-space: pre-wrap;
}

.preview-medium {
  max-height: 100px;
  max-width: 100px;
  border: 1px solid #444;
  background-color: white;
}

.preview-small {
  border: 1px solid #444;
  max-height: 35px;
  border: 0;
}

/* font sizes */
.font-size-50 {
  font-size: 50%;
}
.font-size-60 {
  font-size: 60%;
}
.font-size-70 {
  font-size: 70%;
}
.font-size-80 {
  font-size: 80%;
}
.font-size-90 {
  font-size: 90%;
}
.font-size-125 {
  font-size: 125%;
}
.font-size-150 {
  font-size: 150%;
}
.font-size-175 {
  font-size: 175%;
}
.font-size-200 {
  font-size: 200%;
}

/* file uploads */
.tgc-file-uploader {
  border: 5px dashed black !important;
  height: 100px;
  background-color: #bbd329;
  position: relative;
}
.tgc-file-uploader-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px;
  height: 100px;
}
.tgc-file-uploader div.custom-file,
.custom-file input {
  height: 100px;
}
.tgc-file-uploader .custom-file-label {
  background: 0;
  display: none;
}

/* background */

.bg-primary {
  background: #284b91 !important;
}

.bg-warning {
  background: #e79c26 !important;
  color: black;
}

.bg-danger {
  background: #cf1f02 !important;
}

.bg-success {
  background: #bbd329 !important;
  color: black !important;
}

/* social media buttons */

.social {
  font-size: 150%;
}

.social .nav-link:hover {
  background-color: white;
}

.social .facebook:hover {
  color: #3b5998;
}

.social .bluesky:hover {
  color: #1083fe;
}

.social .reddit:hover {
  color: #ff5700;
}

.social .discord:hover {
  color: #7289da;
}

.social .twitter:hover {
  color: #1dcaff;
}

.social .youtube:hover {
  color: #ff0000;
}

.social .pintrest:hover {
  color: #bd081c;
}

.social .tumblr:hover {
  color: #35465c;
}

.social .rss:hover {
  color: orange;
}

.social .instagram:hover {
  color: #bc2a8d;
}

/* search */

.facet-color {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: block;
  overflow: hidden;
  float: left;
  border: 1px solid #333;
}
.facet-color.checked {
  box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.5);
}
.facet-color[data-facet-value="White"] {
  background-color: #ffffff;
  box-shadow: inset 0 0 0 1px #ccc;
}
.facet-color[data-facet-value="White"].checked {
  box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.1);
}
.facet-color[data-facet-value="Black"] {
  background-color: #000000;
}
.facet-color[data-facet-value="Blue"] {
  background-color: #1421ad;
}
.facet-color[data-facet-value="Clear"] {
  background: rgba(255, 255, 255, 0.5);
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0.15) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0.15) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(255, 255, 255, 0.15) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#40ffffff',GradientType=0 ); /* IE6-9 */
}
.facet-color[data-facet-value="Silver"] {
  background: rgb(171, 171, 171); /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(171, 171, 171, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(171, 171, 171, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    rgba(171, 171, 171, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.facet-color[data-facet-value="Gold"] {
  background: rgb(132, 99, 0); /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(255, 238, 153, 1) 0%,
    rgba(132, 99, 0, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(255, 238, 153, 1) 0%,
    rgba(132, 99, 0, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    rgba(255, 238, 153, 1) 0%,
    rgba(132, 99, 0, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffee99', endColorstr='#846300',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.facet-color[data-facet-value="Copper"] {
  background: rgb(252, 175, 151); /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(252, 175, 151, 1) 0%,
    rgba(196, 99, 1, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(252, 175, 151, 1) 0%,
    rgba(196, 99, 1, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    rgba(252, 175, 151, 1) 0%,
    rgba(196, 99, 1, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaf97', endColorstr='#c46301',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.facet-color[data-facet-value="Tan"] {
  background-color: #e2d6a1;
}
.facet-color[data-facet-value="Brown"] {
  background-color: #593603;
}
.facet-color[data-facet-value="Green"] {
  background-color: #107c34;
}
.facet-color[data-facet-value="Grey"] {
  background-color: #6f6e6c;
}
.facet-color[data-facet-value="Orange"] {
  background-color: #d87f02;
}
.facet-color[data-facet-value="Pictured"] {
  background: #ff3232; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #ff3232 0%,
    #fbff30 25%,
    #28ff37 50%,
    #2893ff 77%,
    #ff89ef 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #ff3232 0%,
    #fbff30 25%,
    #28ff37 50%,
    #2893ff 77%,
    #ff89ef 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #ff3232 0%,
    #fbff30 25%,
    #28ff37 50%,
    #2893ff 77%,
    #ff89ef 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3232', endColorstr='#ff89ef',GradientType=0 ); /* IE6-9 */
}
.facet-color[data-facet-value="Pink"] {
  background-color: #eb84ed;
}
.facet-color[data-facet-value="Purple"] {
  background-color: #661191;
}
.facet-color[data-facet-value="Red"] {
  background-color: #960a0a;
}
.facet-color[data-facet-value="white"] {
  background-color: #fff;
}
.facet-color[data-facet-value="Yellow"] {
  background-color: #ffec63;
}

.text-blur {
  color: transparent;
  text-shadow: 0 0 5px grey;
}

/* footer */

.bg-texture {
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
  background-color: #444;
}

.footbelt {
  background-color: #222;
  color: white;
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}
.footbelt:hover {
  background-color: #333;
  color: white;
}

.footer {
  background-color: #444;
  color: white;
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}

.footer a {
  color: #bbd329;
}

.footcuff,
.footcuff a {
  background-color: #ccc;
  color: black;
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}

/* flip-clock */

div.container.flip-clock {
  background-color: transparent;
}
.flip-card__top,
.flip-card__bottom,
.flip-card__back-bottom,
.flip-card__back::before,
.flip-card__back::after,
.flip-card__top-4digits,
.flip-card__bottom-4digits,
.flip-card__back-bottom-4digits,
.flip-card__back-4digits::before,
.flip-card__back-4digits::after {
  color: #adc227 !important;
}
.flip-card__bottom,
.flip-card__back-bottom,
.flip-card__bottom-4digits,
.flip-card__back-bottom-4digits {
  color: #b7d432 !important;
}

/* flynav */

@media (min-width: 800px) {
  .flynav {
    position: fixed;
    top: 120px;
    left: 220px;
    margin: 0px;
    padding: 10px;
    width: 520px;
    height: 420px;
    z-index: 9000;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
  }
  .flynav img {
    border-radius: 5px;
  }
  .flynav .flynavcontent {
    margin: 0;
    padding: 15px;
    position: absolute;
    top: 60px;
    left: 10px;
    width: 500px;
    height: 350px;
    border-radius: 5px;
  }
  .flynav .flynavheader {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.9);
    font-size: 125%;
    font-weight: 900;
    color: black;
    padding: 10px;
    text-align: center;
    width: 500px;
    border-radius: 5px;
  }
}

@media (max-width: 799px) {
  .flynav,
  .flynav .flynavheader,
  .flynav .flynavcontent {
    display: none;
  }
}

.flynav .list-group-item {
  background: rgba(255, 255, 255, 0.9);
}

.flynav .list-group-item:hover {
  background: rgba(255, 255, 255, 1);
}

.flynav a.department-image-credit {
  pointer-events: auto;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

/* sitenav */

#sitenav {
  background-color: #444;
}

#sitenav .sitenavbkg {
  background-image: url("/tgc6/img/bkg.png");
  background-repeat: repeat;
}

@media (min-width: 576px) {
  #sitenav .dropdown-item {
    font-size: 90%;
    line-height: 115%;
  }
}

#sitenav .mr-auto .nav-link {
  text-transform: uppercase;
}

#sitenav .nav-link:hover {
  background-color: #bbd329;
  color: black;
}

#navad:hover {
  background-color: #444;
}

@keyframes cartcountpulse {
  from {
    background-color: white;
  }
  to {
    background-color: #bbd329;
  }
}

#sitenav .cartcount.pulse {
  animation-name: cartcountpulse;
  animation-duration: 1s;
  animation-iteration-count: 4;
}

@keyframes cartcountbulge {
  from {
    font-size: 150%;
  }
  to {
    font-size: 100%;
  }
}

#sitenav .cartcount.bulge {
  animation-name: cartcountbulge;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

/* background */

.bg-dark {
  background-color: #151515 !important;
}

/* navbar */

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navcart {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: white;
}

.navbarcartfixed {
  position: fixed;
  top: 0;
  right: 1%;
  z-index: 100000;
  color: black !important;
}
.navbarcartfixed i {
  -moz-text-fill-color: black;
  -webkit-text-fill-color: black;
  -moz-text-stroke-color: white;
  -webkit-text-stroke-color: white;
  -moz-text-stroke-width: 1px;
  -webkit-text-stroke-width: 1px;
  paint-order: stroke fill;
}

/* alerts */

.alert {
  position: relative;
  padding: 0.75 rem 1.25 rem;
  margin-bottom: 0;
  border: 1px solid transparent;
  border-radius: 1.25 rem;
}

.alert-warning {
  color: #804f00;
  background-color: #ffcc7b;
  border-color: #ffcc7b;
}
.alert-warning a {
  color: black;
}

.alert-success {
  color: #728500;
  background-color: #e8f97e;
  border-color: #e8f97e;
}
.alert-success a {
  color: black;
}

.alert-success a.btn-primary {
  color: white;
}

.alert-danger {
  color: white;
  background-color: #ff6951;
  border-color: #ff6951;
}
.alert-danger a {
  color: black;
}

/* badges */

.btn-success,
.badge-success {
  background-color: #bbd329;
  border-color: #bbd329;
  color: black;
}

.btn-success:hover {
  border-color: #d0e550;
  background-color: #d0e550;
  color: black;
}

.btn-danger,
.badge-danger {
  background-color: #cf1f02;
  border-color: #cf1f02;
}
.btn-danger:hover {
  border-color: #f73c1e;
  background-color: #f73c1e;
}

.btn-primary,
.badge-primary {
  background-color: #284b91;
  border-color: #284b91;
}
.btn-primary:hover {
  border-color: #41609d;
  background-color: #41609d;
}

.btn-warning,
.badge-warning {
  background-color: #e79c26;
  border-color: #e79c26;
}
.btn-warning:hover {
  border-color: #f6b650;
  background-color: #f6b650;
}

.card {
  background-color: #f5f5f5;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 1.25rem;
  border-left: 5px solid #eee;
}

// slider / carousel replacement
.slider-wrapper {
  margin: 1rem;
  position: relative;
  overflow: hidden;
}
.slides-container {
  height: calc(100vh - 2rem);
  width: 100%;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: scroll;
  scroll-behavior: smooth;
}
.slide {
  width: 100%;
  height: 100%;
  flex: 1 0 100%;
}
.slides-container {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
/* WebKit */
.slides-container::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.slide-arrow {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 5rem;
  background-color: white;
  border: none;
  width: 2rem;
  font-size: 3rem;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 100ms;
  z-index: 10000000;
}
.slide-arrow:hover,
.slide-arrow:focus {
  opacity: 1;
}
#slide-arrow-prev {
  left: 0;
  padding-left: 0.25rem;
  border-radius: 0 2rem 2rem 0;
}
#slide-arrow-next {
  right: 0;
  padding-left: 0.75rem;
  border-radius: 2rem 0 0 2rem;
}

  #showcase-carousel > #slides-container { 
    max-height: 250px;
  }
  @media (max-width: 950px) {
   #showcase-carousel >  #slides-container { 
      max-height: 200px;
    }
  }
   @media (max-width: 600px) {
   #showcase-carousel >  #slides-container { 
      max-height: 170px;
    }
  }