/* GLOBAL STYLES
-------------------------------------------------- */
/* Colors */
:root {
  --bs-nav-link-font-size: 1.25rem;
}

:root,
[data-bs-theme=light] {
  --bs-black: #000;
  --red: #F20505;
  --red-rgb: 242, 5, 5;
  --red-hover-background: #df0505;
  --white: #ffffff;
  --light: #E8E5E3;
  --bs-light-rgb: 232, 229, 227;
}

[data-bs-theme=dark] {
  --white: #000;
  --bs-black: #ffffff;
  --bs-light-rgb: 34, 32, 31;
  --bs-body-bg: #3E3C3B;
  --bs-body-color-rgb: 34, 32, 31;
}

/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  /* padding-bottom: 3rem; */
  color: rgb(var(--bs-tertiary-color-rgb));
}

a {
  /* font-size: var(--bs-nav-link-font-size); */
  color: var(--bs-black);
  text-decoration: none;
}

.btn-primary>a {
  color: var(--white);
}

i {
  color: var(--bs-black);
}

i:hover,
i:active {
  color: var(--red);
}

.bd-placeholder-img {
  object-fit: cover;
}

.bg-light-opacity {
  background-color: rgba(var(--bs-light-rgb), 0.6);
}

.bd-mode-toggle {
  z-index: 2;
}

.border-bottom {
  border-color: var(--red) !important;
}


/* .nav-link {
  color: var(--bs-black);
} */

.btn-primary {
  background-color: var(--red);
  border-color: var(--red);
}

.btn-primary:hover {
  background-color: var(--red-hover-background);
  border-color: var(--red-hover-background);
}

.btn-primary:focus,
.btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--red), 0.5);
  box-shadow: 0 0 0 0.2rem rgba(var(--red), 0.5);
}

.red {
  color: var(--red);
}

.card {
  overflow: hidden;
  border-radius: 1rem;
}

.form-check-input:focus {
  border-color: var(--red-hover-background);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--red-rgb), 0.25);
}

.form-check-input:checked {
  background-color: var(--red);
  border-color: var(--red);
}

.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: var(--red-hover-background);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--red-rgb), 0.25);
}

.navbar-brand {
  transition: transform 0.3s ease;
}

.navbar-brand:hover {
  transform: scale(1.2);
}

.vr {
  width: 3px;
  color: red;
  opacity: 1;
}

.fa-brands {
  color: red;
  font-size: 2rem;
}

/* CUSTOMIZE THE GALLERY */
.lightboxOverlay {
  opacity: 0.9;
}

.lb-image {
  border-radius: 0 !important;
}

.lb-caption {
  font-size: 1rem !important;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
/* .carousel {
  margin-bottom: 4rem;
} */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  margin: 1.25rem 0 5rem 0;
  padding: 0;
  color: var(--bs-black);
  /* bottom: 3rem; */
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 96vh;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    /* margin-bottom: 1.25rem; */
    font-size: 1.25rem;
    line-height: 1.4;

  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (max-width: 40em) {
  .carousel-caption {
    margin: 1.25rem 0 1.25rem 0;
  }

  .carousel-item {
    height: 50vh;
  }

  .carousel-item img {
    height: 100%;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

.element-invisible {
  height: 0;
  overflow: hidden;
  position: absolute;
  margin: 0 !important;
  width: 0 !important;
}