body{
  background-color: #131313;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
a {
  color:#8C8C8C;
}


.fa-solid, .fa-regular {
  cursor: pointer;
}

.pointer { 
  cursor: pointer;
}


.bootstrap-blue { /* primary */
  color: #1A6EFD;
}
.bootstrap-grey { /* secondary */
  color: #6C757D;
}
.bootstrap-green { /* success */
  color: #198754;
}
.bootstrap-red { /* danger */
  color: #DC3546;
}
.bootstrap-yellow { /* warning */
  color: #FFC105;
}
.bootstrap-ocean { /* info */
  color: #0DCAF0;
}
.bootstrap-purple {
  color: #6f42c1;
}
.text-tertiary {
  color: #2B3035;  /* bg-body-tertiary */
}

.bg-medium-gray{
  background-color: #4C535E;
}

.rounded {
  border-radius: 25px;
}

.font-6 {
    font-size: .6em;
}
.font-8 {
    font-size: .8em;
}
.font-9 {
    font-size: .9em;
}
.font-1-1 {
    font-size: 1.1em;
}
.font-1-2 {
    font-size: 1.2em;
}
.font-1-3 {
    font-size: 1.3em;
}
.font-1-5 {
    font-size: 1.5em;
}
.font-2-0 {
    font-size: 2.0em;
}
.font-3-0 {
    font-size: 3.0em;
}
.spaced-text-10 {
  letter-spacing: 10px;
}

.col-heading{
  color: #858585; /* secondary */
  text-transform: uppercase;
  font-size: .8em;
  font-weight: bold;
}

.brand-link {
  font-size: 1.4em;
  color: #AD1F34; /*red*/
}

/* CUSTOMIZE THE MAIN NAVBAR
-------------------------------------------------- */
.navbar-nav .active {
  color: white !important;
}
/* -------------------------------------------------- */

.dt-nav-link {
  text-decoration: none;
  color: #8C8C8C;
}
.dt-nav-link.active {
  color: white !important;
}


/* MINI CART TOAST
-------------------------------------------------- */
#miniCartToastContainer {
  position: absolute;
  top: 100%;              /* place right below the nav item */
  right: 0;               /* align to the right edge of the nav */
  z-index: 2000;          /* above dropdowns */
  min-width: 250px;       /* keep it readable */
  pointer-events: none;   /* toasts won't block clicks on nav behind */
}
#miniCartToastContainer .toast {
  pointer-events: auto;   /* re-enable clicks inside the toast (e.g. close button) */
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
#myCarousel .carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
#myCarousel .carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

#myCarousel .carousel-item img {  
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  height:50vh;
}


#myCarousel .carousel-item:before {
  content: '';
  display: block;
  position: absolute;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .5) );
  width: 100vw;
  top: 0;
  height: 100vh;
}



/*
 * Extra utilities
 */
/*.flex-equal > * {
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
  flex: 1;
  }
}*/